@charset "utf-8";
/*----------------------------------------------------------------------------------------------------------------------------------------------------
master.css

	Description:	Master stylesheet
	Project:		PonyClub
	Version:		1.0
	Last change:	2009-03-26
----------------------------------------------------------------------------------------------------------------------------------------------------*/
@import "initial.css";

body {
	background: #FFF url(../img/body-bg1.png) repeat-x 0 0;
}
iframe#facebook-like {
	left: 50%;
	margin-left: -365px;
	margin-top: -280px; 
	position: absolute;
	top: 50%; 
	z-index: 999;
}
#wrapper {
	height: 558px;
	left: 50%;
	margin: -254px auto auto -365px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 730px;
}
.container {
	/*background: transparent url(../img/landingpage_tpl_bg.jpg) no-repeat 50% 50%;*/
	height: 508px;
	position: relative;
	width: 720px;
}
/* header */
.header {
	background: transparent url(../img/page-bg.png) no-repeat 0 0;
	border: 5px solid #FFF;
	border-bottom: none;
	height: 115px;
	position: relative;
	width: 720px;
}
#start .header {
	background: transparent url(../img/body-bg-start.jpg) no-repeat 0 0;
}
#adults .header {
	background: transparent url(../img/adults-page-bg2.png) no-repeat 0 0;
}
#legal .header {
	background: transparent url(../img/body-bg-legal.png) no-repeat 0 0;
}
.logo a {
	background: transparent url(../img/logo.png) no-repeat 0 0;
	display: block;
	height: 50px;
	left: 9px;
	position: absolute;
	top: 25px;
	text-indent: -9999em;
	width: 100px;
}
h1.headline {
	height: 51px;
	left: 115px;
	position: absolute;
	top: 37px;
	text-indent: -9999em;
	width: 582px;
}
h2.subline {
	height: 25px;
	left: 115px;
	position: absolute;
	top: 75px;
	text-indent: -9999em;
	width: 582px;
}
#start h1.headline {
	background: transparent url(../img/headline-start.png) no-repeat 0 0;
	height: 33px;
}
#start h2.subline {
	background: transparent url(../img/subline-start.png) no-repeat 0 0;
}
#adults h1.headline,#legal h1.headline {
	background: transparent url(../img/headline-adults.png) no-repeat 0 0;
	height: 32px;
	width: 562px;
}
#page h1.headline {
	background: transparent url(../img/headline.png) no-repeat 0 0;
	top: 30px;
}
#page h2 {
	color: #CC071E;
	font-size: 17px;
	font-weight: 700;
	left: 15px;
	line-height: 1.2em;
	position: absolute;
	top: 5px;
	width: 285px;
}
#page h3.footer-txt {
	color: #FFF;
	font-size: 13px;
	font-weight: 700;
	left: 15px;
	position: absolute;
	top: 260px;
	width: 300px;
}
#page .info {
	color: #FFF;
	left: 15px;
	position: absolute;
	top: 100px;
	width: 285px;
}
#page .info h3 {
	font-size: 25px;
	margin-bottom: 1em;
}
#page .info p {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2em;
}

/* section */
.section {
	background: transparent url(../img/page-bg.png) no-repeat 0 100%;
	border: 5px solid #FFF;
	border-top: none;
	height: 393px;
	position: relative;
	width: 720px;
}
#start .section {
	background: transparent url(../img/body-bg-start.jpg) no-repeat 0 100%;
}
#adults .section {
	background: transparent url(../img/adults-page-bg2.png) no-repeat 0 100%;
}
	#adults .section .content {
		left: 15px;
		position: absolute;
		top: 5px;
		width: 285px;
	}
		#adults .content h3 {
			color: #FFF;
			/*font-size: 14px;*/
			font-size: 13px;
			font-weight: 700;
			/*line-height: 1.2em;*/
			line-height: 1em;
			margin-bottom: 1em;
		}
		#adults .content ul {
			font-size: 12px;
			/*line-height: 1em;*/
			line-height: 1.2em;
			list-style-type: none;
		}
			#adults .content li {
				background: transparent url(../img/bullet.png) no-repeat 0 0;
				color: #FFF;
				list-style-position: outside;
				margin: 0 0 .5em 0;
				padding: 0 0 0 30px;
			}
	#adults h3.footer-txt {
		color: #FFF;
		font-size: 13px;
		font-weight: 700;
		left: 15px;
		position: absolute;
		top: 260px;
		width: 300px;
	}
#legal .section {
	background: transparent url(../img/body-bg-legal.png) no-repeat 0 100%;
}
#legal .content {
	left: 200px;
	position: absolute;
	top: 50px;
	width: 450px;
}
#legal .content h3 {
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 1em;
}
#legal .content dl {
	margin: 0 0 1em 0;
	padding: 0;
}
#legal .content dt {
	font-weight: 700;
}
#legal .content p,#legal .content dd,#legal .content dt,#legal .content address {
	color: #FFF;
	font-size: 12px;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
}
#legal .content address {
	font-style: normal;
	margin: 1em 0 1em 0;
}
#legal .content .aside {
	display: inline;
	float: right;
	height: 250px;
	margin-left: 25px;
	overflow: hidden;
	position: relative;
	/*width: 440px;*/
}
#legal .back {
	left: 200px;
	position: absolute;
	top: 300px;
}
.section .txt-box {
	position: absolute;
	text-align: center;
}
	.section h3.txt-box {
		color: #FFF;
		font-size: 12px;
		line-height: 1.2em;
		padding-top: 15px;
	}
.section #txt1 {
	background: transparent url(../img/txt-box1_2.png) no-repeat 0 0;
	color: #D8130D;
	height: 77px;
	left: 315px;
	top: -10px;
	width: 175px;
	z-index: 1;
}
.section #price {
	background: transparent url(../img/price.png) no-repeat 0 0;
	color: #D8130D;
	font-size: 10px;
	height: 63px;
	left: 305px;
	padding-top: 10px;
	top: 55px;
	width: 112px;
	z-index: 0;
}
.section #price strong {
	font-size: 12px;
}
.section #txt2 {
	background: transparent url(../img/txt-box2.png) no-repeat 0 0;
	font-size: 12px;
	height: 78px;
	left: 137px;
	top: 65px;
	width: 219px;
	z-index: 2;
}
	.section h3#txt2 {
		padding-top: 12px;
	}
.section #txt3 {
	background: transparent url(../img/txt-box3.png) no-repeat 0 0;
	height: 101px;
	left: 10px;
	top: 95px;
	width: 170px;
	z-index: 4;
}
.section #txt4 {
	background: transparent url(../img/txt-box4.png) no-repeat 0 0;
	font-size: 12px;
	height: 99px;
	left: 150px;
	top: 145px;
	width: 190px;
	z-index: 3;
}
.section #guarantee {
	background: transparent url(../img/guarantee.png) no-repeat 0 0;
	color: #D8130D;
	font-size: 8px;
	height: 58px;
	left: 265px;
	padding-top: 20px;
	top: 315px;
	width: 133px;
	z-index: 3;
}
.section #guarantee em {
	font-size: 11px;
	font-style: normal;
	text-transform: uppercase;
}
	.section .footer {
		background: transparent url(../img/gras.png) repeat-x 0 0;
		bottom: 0;
		height: 34px;
		left: 0;
		margin: 0;
		padding: 0;
		position: absolute;
		width: 720px;
	}
a.button {
	display: block;
	position: absolute;
	text-indent: -9999em;
}
.adults,.children {
	height: 85px;
	width: 155px;
}
.adults {
	background: transparent url(../img/button-adults.png) no-repeat 0 0;
	left: 128px;
	top: 280px;
}
#page .adults {
	left: 100px;
	top: 255px;
}
.children {
	background: transparent url(../img/button-children.png) no-repeat 0 0;
	left: 451px;
	top: 280px;
}
.enter {
	background: transparent url(../img/button-enter.png) no-repeat 0 0;
	height: 80px;
	left: 100px;
	top: 280px;
	width: 180px;
}
.adult-enter {
	background: transparent url(../img/button-adults-enter.png) no-repeat 0 0;
	height: 80px;
	left: 100px;
	top: 280px;
	width: 180px;
}
.register {
	background: transparent url(../img/button-register.png) no-repeat 0 0;
	height: 80px;
	left: 100px;
	top: 280px;
	width: 180px;
}
#page .register {
	left: 210px;
	top: 300px;
}
.back {
	background: transparent url(../img/back.png) no-repeat 0 50%;
	color: #FFF;
	font-size: 11px;
	font-weight: 700;
	left: 15px;
	padding-left: 15px;
	position: absolute;
	text-decoration: underline;
	top: 280px;
}

/* Preview-Carousel */
a.preview-thumbs {
	display: block;
	height: 95px;
	position: absolute;
	text-indent: -9999em;
	width: 95px;
	z-index: 100;
}
#preview div {
	display: none;
}
#preview div.active {
	display: block;
}
/* Heights & Widths */
#item1 {
	height: 90px;
	width: 90px;
}
#item2 {
	height: 82px;
	width: 82px;
}
#item3 {
	height: 76px;
	width: 76px;
}
#item4 {
	height: 70px;
	width: 70px;
}
#item5 {
	height: 64px;
	width: 64px;
}
#item6 {
	height: 58px;
	width: 58px;
}
#item7 {
	height: 54px;
	width: 54px;
}
#item8 {
	height: 50px;
	width: 50px;
}
#item9 {
	height: 46px;
	width: 46px;
}
/* Positions */
#item1 {
	right: 250px;
	top: 280px;
}
#item2 {
	right: 282px;
	top: 205px;
}
#item3 {
	right: 275px;
	top: 132px;
}
#item4 {
	right: 240px;
	top: 75px;
}
#item5 {
	right: 190px;
	top: 40px;
}
#item6 {
	right: 139px;
	top: 20px;
}
#item7 {
	right: 87px;
	top: 20px;
}
#item8 {
	right: 40px;
	top: 35px;
}
#item9 {
	right: 3px;
	top: 56px;
}

/* Backgrounds */
#item1 {
	background: url(../img/extra1.png) no-repeat 0 0;
}
#item1:hover {
	background: url(../img/extra1_h.png) no-repeat 0 0;
}
#item2 {
	background: url(../img/extra2.png) no-repeat 0 0;
}
#item2:hover {
	background: url(../img/extra2_h.png) no-repeat 0 0;
}
#item3 {
	background: url(../img/extra3.png) no-repeat 0 0;
}
#item3:hover {
	background: url(../img/extra3_h.png) no-repeat 0 0;
}
#item4 {
	background: url(../img/extra4.png) no-repeat 0 0;
}
#item4:hover {
	background: url(../img/extra4_h.png) no-repeat 0 0;
}
#item5 {
	background: url(../img/extra5.png) no-repeat 0 0;
}
#item5:hover {
	background: url(../img/extra5_h.png) no-repeat 0 0;
}
#item6 {
	background: url(../img/extra6.png) no-repeat 0 0;
}
#item6:hover {
	background: url(../img/extra6_h.png) no-repeat 0 0;
}
#item7 {
	background: url(../img/extra7.png) no-repeat 0 0;
}
#item7:hover {
	background: url(../img/extra7_h.png) no-repeat 0 0;
}
#item8 {
	background: url(../img/extra8.png) no-repeat 0 0;
}
#item8:hover {
	background: url(../img/extra8_h.png) no-repeat 0 0;
}
#item9 {
	background: url(../img/extra9.png) no-repeat 0 0;
}
#item9:hover {
	background: url(../img/extra9_h.png) no-repeat 0 0;
}

#preview {
	bottom: 10px;
	height: 300px;
	position: absolute;
	right: 0;
	width: 290px;
}
	#preview div {
		height: 300px;
		position: relative;
		width: 290px;
	}
		#preview img {
			left: 0;
			position: absolute;
			top: 0;
			z-index: 1;
		}
		#preview cite {
			/*color: #CC071E;*/
			color: #ffef00;
			/*display: block;*/
			top: 18px;
			font-size: 10px;
			font-style: normal;
			font-weight: 700;
			height: 120px;
			line-height: 1.2em;
			overflow: hidden;
			position: absolute;
			right: 20px;
			width: 180px;
			z-index: 2;
		}

/* Footer */
.footer {
	margin: 0;
	padding: 8px 0 8px 0;
	text-align: right;
}
.footer ul {
	display: inline;
	float: right;
	font-size: 9px;
	height: 15px;
	list-style-type: none;
}
	.footer li {
		border-right: 1px solid #666;
		color: #666;
		float: left;
		line-height: 1.4em;
		list-style-position: outside;
		margin: 0;
		padding: 0 7px;
	}
	.footer li.last {
		border-right: none;
		padding-right: 0;
	}
	.footer li a {
		color: #666;
	}