.abstandVertikal
{
	width:1px;
	height:50%;
	margin-bottom:-240px; /* half of container's height */
	float:left;
}	

.vertikalAusrichten
{
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:480px;
	width:550px;
	clear:left;
}
	
.vertikalAusrichten_2
{
	float:right;
}


	.popup
	{
		top:0px;
		left:0px;
		position:fixed;
		display:none;
		background-image:url(../images/trans_000000_80.png);
		background-position:left top;
		background-repeat:repeat;
		z-index:10000;
	}
	.inhalt
	{
/*		margin:100px auto;*/
		height:500px;
		width:520px;
		padding:15px;
		background-color:#FFFFFF;
		overflow:hidden;
		
	}
	
	
	.liddy
	{

		background-image:url(../images/liddy-bg.jpg);
		background-position:bottom right;
		background-repeat:no-repeat;
		
		
	}
	
	.boot
	{

		background-image:url(../images/boot-bg.jpg);
		background-position:bottom right;
		background-repeat:no-repeat;
		
		
	}
	
	.mohr
	{

		background-image:url(../images/mohr_bg.jpg);
		background-position:bottom right;
		background-repeat:no-repeat;
		
		
	}
	
	.pritsch
	{

		background-image:url(../images/pritsch-bg.jpg);
		background-position:bottom right;
		background-repeat:no-repeat;
		
		
	}
		
	
	
		.inhalt .scroller
		{
			height:320px;
			overflow-y:auto;
		}
		
		.inhalt .scroller2
		{
			height:320px;
			overflow-y:auto;
			margin-top:0px;
		}

		.inhalt .line
		{
			border-bottom:1px solid #CCCCCC;
		}
		
		.inhalt .line2
		{
			border-bottom:0px solid #ffffff;
		}
			.inhalt .line.top
			{
				/*margin:0px 0px 15px 0px;
				padding:0px 5px 8px 0px;*/
				margin:0px 0px 0px 0px;
				padding:0px 5px 0px 0px;
				text-align:right;
			}
				.inhalt .line.top a
				{
					color:#CCCCCC;
					text-decoration:none;
					font-weight:bold;
					
				}
				
			.inhalt .line2.top2
			{
				/*margin:0px 0px 15px 0px;
				padding:0px 5px 8px 0px;*/
				margin:0px 0px 0px 0px;
				padding:0px 5px 0px 0px;
				text-align:right;
			}
				.inhalt .line2.top2 a
				{
					color:#3a87ac;
					text-decoration:none;
					font-weight:bold;
					
				}
			.inhalt .line.bottom
			{
				margin:15px 0px 0px 0px;
			}
			
			.inhalt .line2.bottom
			{
				margin:15px 0px 0px 0px;
			}

		.inhalt .galerie
		{
			float:left;
			width:430px;
		}
			.inhalt .galerie .vollansicht
			{
				width:398px;
			}
			.inhalt .galerie .previewansicht
			{
				cursor:pointer;
				width:98px;
				float:left;
				margin:2px 2px 0px 0px;
			}
		.inhalt .text
		{
			/*float:right;*/
			width:370px;
			font-size:12px;
			margin:0px;
		}
			.inhalt .title
			{
				font-size:24px;
				margin-bottom:10px;
			}
			
		.inhalt .text2
		{
			/*float:right;*/
			width:250px;
			font-size:12px;
			margin:0px;
			color:#3583a6;
		}
		
		.inhalt .text3
		{
			/*float:right;*/
			width:450px;
			font-size:12px;
			margin:0px;
			color:#3583a6;
		}
			.inhalt .title2
			{
				font-size:24px;
				margin-bottom:10px;
				color:#3583a6;
				font-weight:bold;
				
			}






#container
{
	background-image:url(../images/back_wakeboardschool.jpg);
	//height:1600px;
}
	#header
	{
		height:auto;
	}
	#content
	{
		margin-top:16px;
		font-size:11px;
		color:#1a3c49;
		background-image:url(../images/back_wakeboardschool_content.png);
		background-position:top;
		background-repeat:repeat-x;
	}
		#content #inhalt
		{
			color:#FFFFFF;
			padding:20px 200px 20px 20px;
			margin-bottom:55px;
		}
													#content #fotoline
													{
														/*height:505px;
														background-image:url(../images/back_wakeschool_fotoline.png);
														background-position:top;
														background-repeat:repeat-x;*/
															width: 900px;
															height: 400px;
															margin: 0px auto;
															padding: 0px;
															/*background: black;
															-moz-box-shadow: 0 0 20px black;
															-webkit-box-shadow: 0 0 20px black;
															box-shadow: 0 0 20px black;*/
													}
													
													
													#teaser_image
													{
													
															float:left;
															-webkit-transition-property: -webkit-transform;
															-webkit-transition-duration: 0.5s;
															-webkit-transition-timing-function: ease-out;
															padding:0px;
															margin-left:20px;
															width:900px;
															height:360px;
															margin-top:240px;
															margin-bottom:30px;
															/*apply a transfor to kick in the hardware acceleration.  
															Without this, the first time we add the transform you get odd rendering of the divs (half missing) */
													
													}
													
													#teaser_image1
													{
																	float:left;
																	padding:0px;
																	margin-left:0px;
																	width:210px;
																	height:360px;
																	//overflow:hidden;
																	//-webkit-transform: translate3d(0px,0px,0px);
																	-moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
																	-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
																	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
													}
													
													#teaser_image2, #teaser_image3, #teaser_image4
													{
															float:left;
															padding:0px;
															margin-left:20px;
															width:210px;
															height:360px;
															//overflow:hidden;
															//-webkit-transform: translate3d(0px,0px,0px);
															-moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
															-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
															box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
													}
													
													#teaser_image1, #teaser_image2
													{
															cursor:default;		
													}
													
													
													
													.tooltip 
													{
														display:none;
														background:url(../images/black_arrow.png);
														font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana;
														padding:40px 30px 10px 30px;
														height:70px;
														width:150px;
														font-size:18px;
														text-align:center;
														color:#fff;
														-moz-text-shadow: 0px 1px 3px black;
														-webkit-text-shadow: 0px 1px 3px black;
														text-shadow: 0px 1px 3px blackface;
														
													}
													
													
													.tooltip .label 
													{
														color:yellow;
														width:35px;
														
													}
													
													.tooltip a 
													{
														color:#ad4;
														font-size:11px;
														font-weight:bold;
													}
		
		
		#content h1
		{
			font-size:21px;
			margin:0 0 0 0;
		}
		#content h2
		{
			font-size:12px;
			margin:0 0 0 0;
			padding:0 0 7px 0;
			border-bottom:1px solid #a8a8a8;
		}
		#content .bottomlink
		{
			position:relative;
			bottom:-20px;
		}
		#content .bottomlink a
		{
			padding-left:10px;
			color:#000000;
			font-weight:bold;
			font-style:italic;
			background-image:url(../images/pfeil_schwarz.gif);
			background-position:left;
			background-repeat:no-repeat;
		}
		#box1 .bottomlink a
		{
/*			color:#005795;
			background-image:url(../images/pfeil_blau.gif);*/
			color:#FFFFFF;
			background-image:url(../images/pfeil_weiss.gif);
		}
		#box1,
		#box2,
		#box3,
		#box4
		{
			float:left;
			background-position:top;
			background-repeat:repeat-x;
			padding:16px 15px 56px 20px;
			
		}
				
		#box1
		{
			width:281px;
			width:246px;
			background-image: url("../images/back_content_box1.gif");
			background-repeat:no-repeat;
		}
			#box1,
			#box2 
			{
				color:#FFFFFF;
			}
			#box1 h2
			{
				border-bottom:1px solid #5d94ba;
				border-bottom:0px;
			}
			#box2 h2
			{
				border-bottom:1px solid #5d94ba;
			}
		#box2,
		#box3,
		#box4
		{
			width:174px;
			width:139px;
			background-image: url("../images/back_content_box2-4.gif");
			margin-left:10px;
		}
		
		#box2
		{
			width:281px;
			width:246px;
			background-image: url("../images/back_content_box2_boot2009.gif");
		}
		
			#box3 .background
			{
				background-image:url(../images/gewinnspiel_startseite.png);
				background-repeat:no-repeat;
				background-position:bottom right;
				padding-bottom:10px;
			}

/*			#box2 h1,
			#box2 h2,*/
			#box3 h1,
			#box3 h2
			{
				color:#000000;
			}
			#box4 h1,
			#box4 h2
			{
				color:#DB4B02;
			}
			#box4
			{
				font-size:11px;
			}
			#box4 input.text
			{
				width:136px;
				margin:2px 0 5px 0;
				background-color:#a7a7a7;
				border-top:1px solid #848484;
				border-right:1px solid #d4d4d4;
				border-bottom:1px solid #d4d4d4;
				border-left:1px solid #848484;
			}
			#box4 .image
			{
				margin-top:8px;
			}
			
#button-1{
	background-image:url(../images/button-liddy.png);
				background-repeat:no-repeat;
				position:relative;
				width:111px;
				height:25px;
				top:-288px;
				left:117px;
				display:block;
				/*margin:114px 0 0 85px ;*/
				
}

#button-2{
	background-image:url(../images/button-pritsch.png);
				background-repeat:no-repeat;
				position:relative;
				width:171px;
				height:25px;
				top:-237px;
				left:155px;
				display:block;
				/*margin:114px 0 0 85px ;*/
				
}

#button-3{
	background-image:url(../images/button-mohr.png);
				background-repeat:no-repeat;
				position:relative;
				width:122px;
				height:42px;
				top:-321px;
				left:373px;
				display:block;
}

#button-4{
	background-image:url(../images/button-boot.png);
				background-repeat:no-repeat;
				position:relative;
				width:122px;
				height:42px;
				top:-198px;
				left:563px;
				display:block;
}	

			/*margin:114px 0 0 85px ;*/
#textbox p{
	font-size:12px;
	color:#ffffff;
	width:400px;
	margin:0px 0px 0px 65px;
	position:relative;
	top:-370px;
}


#footer
	{
		clear:both;
	/*	margin-top:250px;*/
	}
		#footer span
		{
			font-weight:bold;
			text-transform:uppercase;
		}
		#first_line
		{
			height:24px;
			line-height:24px;
			font-size:11px;
			padding-left:20px;
			text-transform:uppercase;
			border-bottom:1px solid #c9c9c9;
		}
			#first_line .links
			{
				float:left;
			}
			#first_line .rechts
			{
				float:right;
			}
				#first_line .rechts a
				{
					margin:0 7px;
					color:#000000;
					text-decoration:none;
					font-weight:bold;
				}
				#first_line .rechts a:hover
				{
					text-decoration:underline;
				}

		#second_line
		{
			font-size:11px;
			line-height:16px;
			color:#5b5b5b;
			padding:19px 0 19px 20px;
			border-top:1px solid #d3d3d3;
			border-bottom:1px solid #d2d2d2;
		}
		#third_line
		{
			border-top:1px solid #e1e1e1;
			height:100px;
			padding:5px 0px 0px 7px;
			margin-right:-13px;
		}
			#third_line img
			{
				height:33px;
				border:0px;
			}
			
			#third_line .first_line
			{
				margin:15px 13px 0 12px;
			}
			#third_line .second_line
			{
				margin:15px 8px 0 8px;
			}