@charset "utf-8";

body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td {	margin: 0;	padding: 0;	border: 0;	outline: none;}

html,body {
	height:100%;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:24px;
	color:#ffffff;
}

ul,ol { list-style: none; }

.killfloat { clear:both; }

.right{
		float:right;
}

.left{
		float:left;
}

.hidetext { text-indent:-9999px }

html{background:#345c86 url(../images/bg-html.jpg) top center no-repeat}

h2 {
	font:26px myriad, Verdana, arial, sans-serif;
	font-weight:normal;
	letter-spacing:2px;
	color:#ffffff;
}

h3{
	padding:0 0 5px 0;
}

a {text-decoration:none;color:#fff;}
a:hover {text-decoration:underline;}


#container {margin:0 auto; width:960px;height:100%;}

#header {position:relative; background:url(../images/bg-html.jpg) top center no-repeat;width:960px;height:550px}

	#header h1#branding a{
	position:absolute;
	text-indent:-9999px;
	display:block;
	width:425px;
	height:460px;
	left: 55px;
	top: 0;
}			
	
	#topnavi li a#restaurant{
	position:absolute;
	display:block;
	top:252px;
	left:669px;
	height:70px;
	width:246px;
	text-indent:-9999px;
	}
	
	#topnavi li a#restaurant:hover, #topnavi li a#restaurant.active{
		background:url(../images/btn-restaurant.jpg);
	}
	
	#topnavi li a#tenniskurse{
	position:absolute;
	display:block;
	top:322px;
	left:489px;
	height:86px;
	width:246px;
	text-indent:-9999px;
	}
	
	#topnavi li a#tenniskurse:hover, #topnavi li a#tenniskurse.active{
		background:url(../images/btn-tenniskurse.jpg);
	}
			
		
#contentContainer{
	width:960px;
	height:auto;
	float:left;
}
	
	#mainnavi {
		position:absolute;
		bottom:28px;
		width:960px;
		text-indent:-9999px;
		height:60px;
		}
	
	#mainnavi li{
		display:inline;
	}
		
	#mainnavi li a{
		height:60px;
		display:block;
		float:left;
	}
	
		#mainnavi li a#startseite{
				width:137px;
		}
	
		#mainnavi li a#startseite:hover, #mainnavi li a#startseite.active{
				background:url(../images/btn-startseite.jpg) no-repeat;
		}
		
		#mainnavi li a#tennishalle{
				width:154px;
		}
	
		#mainnavi li a#tennishalle:hover, #mainnavi li a#tennishalle.active{
				background:url(../images/btn-tennishalle.jpg) no-repeat;
		}
		
		#mainnavi li a#preise{
				width:103px;
		}
	
		#mainnavi li a#preise:hover, #mainnavi li a#preise.active{
				background:url(../images/btn-preise.jpg) no-repeat;
		}
		
		#mainnavi li a#partnerlinks{
				width:179px;
		}
	
		#mainnavi li a#partnerlinks:hover, #mainnavi li a#partnerlinks.active{
				background:url(../images/btn-partner.jpg) no-repeat;
		}
		
		#mainnavi li a#kontakt{
				width:118px;
		}
	
		#mainnavi li a#kontakt:hover, #mainnavi li a#kontakt.active{
				background:url(../images/btn-kontakt.jpg) no-repeat;
		}
		
		#mainnavi li a#anfahrt{
				width:118px;
		}
	
		#mainnavi li a#anfahrt:hover, #mainnavi li a#anfahrt.active{
				background:url(../images/btn-anfahrt.jpg) no-repeat;
		}
		
		#mainnavi li a#impressum{
				width:151px;
		}
	
		#mainnavi li a#impressum:hover, #mainnavi li a#impressum.active{
				background:url(../images/btn-impressum.jpg) no-repeat;
		}


#contentMain{
	float:left;
	width:535px;
	padding:35px 30px 0 45px;
	background:url(../images/bg-content.jpg) top left no-repeat;
}

	#contentMain h2{
			padding:0 0 20px 0;
	}

	#contentMain p{
			font: Tahoma, Arial, Helvetica, sans-serif;
			padding:0 0 20px 0;
			letter-spacing:0.7px;
	}
	
	#contentMain p a{
			color:#F5DD07;
			font-weight:bold;
			text-decoration:none;
	}
	
		#contentMain p a:hover{
			text-decoration:underline;
	}
	
	#contentMain ul{
			padding:0 0 25px 5px;
	}
	
	#contentMain ul li{
			background:url(../images/bullet.jpg) 0 9px no-repeat;
			padding:3px 0 0 25px;
	}

#contentSidebar, #contentSidebarEmpty{
		float:left;
		width:350px;
		height:620px;
		background:url(../images/bg-sidebar.jpg) no-repeat 0 0;
		text-indent:-9999px;
		font-size:11px;
		line-height:20px;
		color:#BDE1FF;
}

.sidebarRunter {background-position:0 85px !important;}

#contentSidebar a, #contentSidebarEmpty a {
		width:100%;
		height:100%;
		display:block;
		margin-top:20px;
}

#contentSidebarEmpty {
	background:url(../images/bg-sidebar-leer.jpg) no-repeat;
	text-indent:inherit;
	height:auto;
	text-align:center;
}

#contentSidebarEmpty p {
	text-align:left;
	width:251px;
	position:relative;
	left:30px;
	padding-left:20px;
}

#contentSidebarEmpty img.plexipave {margin:20px 5px 5px -50px;}
#contentSidebarEmpty img.trainer {margin:0 0 10px 0}

#contentSidebarEmpty div h3 {
	font-size:18px;
	position:relative;
	top:35px;
	color:#fff;
	text-align:right;
	width:300px;
	padding-bottom:40px;
	height:40px;
}

#contentSidebarEmpty div #button {
	position:relative;
	top:40px;
	padding-left:60px;
}

#footer{
		float:left;
		position:relative;
		width:960px;
		height:96px;
		background:url(../images/bg-footer.jpg) no-repeat;
		margin:60px 0;
		text-indent:-9999px;
}

#footer a#kontaktlink{
	position:absolute;
	height:27px;
	width:179px;
	right:0;
	bottom:12px;
	display:block;
}

#footer a#emaillink{
	position:absolute;
	height:27px;
	width:405px;
	right:0;
	top:25px;
	display:block;
}

table.preisliste {
	border:1px #345C86 solid;
	width:540px;
	color:#000;
	text-align:center;
	background:/*url(../images/bg-table.jpg)*/ repeat 0 0 #D1DBEA;
}

tr.hell, tr.hell td {background:#fdf2b1;}
tr.dunkel, tr.dunkel td {background:#f0e8b6;}

table.preisliste thead tr, table.preisliste thead td {
	background:#D1DBEA;
	font-weight:bold;
}

.sidebarRunter #button {
	background:url(../images/btn-sidebar.jpg) no-repeat top right;
	width:300px;
	height:50px;
	position:relative;
	left:0;
	color:#fff;
	text-indent:0;
	text-decoration:none;
	padding:13px;
	font-weight:normal;
	text-align:right;
}
.sidebarRunter #button:hover {color:#ffe500;}
.sidebarRunter h3.myriad {font-size:20px;font-weight:normal;}
.clear {clear:both;float:none;height:0;}
.runter {margin-top:-18px;}

a.inlinelink {background:url(../images/bg-link.jpg) no-repeat 5px 3px; padding:0 0 0 25px;}