body {

	background-color: #babbbd;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	margin: 0;
	padding: 0;
	/* Horizontale Scrollbars werden ausgeschaltet*/
	overflow-x: hidden;
	height:100%;
	background-image: url(img/bg_teppich.jpg);
}


a:link, a:visited, a:active {
	color: #a42b22 !important;
	text-decoration:none;	
}

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

p {
	margin: 0 0 1px 0;
}



#container {
    position:absolute;
    left:50%;
    top:49%;
    width: 900px;
    height: 600px;
    margin-left:-450px;
    margin-top:-300px;
	 border: 3px solid #fff;
	 background-color:#bf0000;
}

/* Für den IE */
* html #container{
    width: 906px;
    height: 606px;
    margin-left:-453px;
    margin-top:-303px;	 
}


#zeile1 {
    position:absolute;
	 width: 900px;
	 height: 123px;
	 border-bottom: 2px solid #fff;
	 z-index:30;
}

/* Für den IE */
* html #zeile1 {
	 height: 125px; 
}


#zeile2 {
	top: 125px;
    position:absolute;
	 width: 900px;
	 height: 23px;
	 /*border-bottom: 2px solid #fff;*/
	 z-index:30;
}



#zeile3 {
	top: 148px;
    position:absolute;
	 width: 900px;
	 height: 10px;
	 border-bottom: 2px solid #fff;
	 border-top: 2px solid #fff;
	 background-color: #feb321;
	 z-index: 100;
}

/* Für den IE */
* html #zeile3 {
	 height: 14px;
	 line-height:1px;
	 font-size:1px;
}

/* Die Zeile mit dem Text*/
#zeile4 {
	top: 162px;
    position:absolute;
	 width: 900px;
	 height: 384px;
	/* border-bottom: 2px solid #fff;*/
	 background-color: #d8d8d8;
}

#kontaktformular {
	top: 171px;
	left:153px;
    position:absolute;
	 width: 700px;
	 height: 370px;
	 /*border: 1px solid #fff;*/
	 z-index:50;
}

#oeffnungszeiten {
	top: 343px;
	left:130px;
    position:absolute;
	 width: 400px;
	 height: 150px;
	/* border: 1px solid #fff;*/
	 z-index:53;
}





#zeile5 {
	 top: 546px;
    position:absolute;
	 width: 900px;
	 height: 50px;
	 border-top: 2px solid #fff;
	 background-color:#bf0000;
	 /*background-color:#0ff;*/
	 z-index:100;
}

/* Für den IE */
* html #zeile5 {
	 height: 52px;
}



/*Styles für die Elemente der obersten Zeile*/
#logo, #bild1, #bild2, #bild3, #bild4, #bildtrenner1, #bildtrenner2, #bildtrenner3, #sublogo, #flashlogo { position:absolute; }
#bildtrenner1, #bildtrenner2, #bildtrenner3  { width:26px; height:123px; }

#logo {
	 width:225px;
	 height:68px;
	 left: 650px;
	 top: 28px;
	 z-index:550;	 	
	 background:url("img/logo_fitness_station.gif");

	 
}

#flashlogo {
	 width:285px;
	 height:123px;
	 left: 614px;
	 top: 0;
	 z-index:600;
	/* border:1px solid red; */
}



#bild1 {
	 z-index:100;	 
}

#bild2 {
	 left: 170px;
	 z-index:200;		 
}

#bildtrenner1 {
	 left: 168px;
	 z-index:250;	 
}

#bild3 {
	 left: 320px;
	 z-index:300;		 
}

#bildtrenner2 {
	 left: 318px;
	 z-index:350;	 
}

#bild4 {
	 left: 470px;
	 z-index:400;	 
}

#bildtrenner3 {
	 left: 468px;
	 z-index:450;	 
}

#sublogo {
	 left: 618px;
	 width:228px;
	 height:123px;
	 z-index:500;	 
}




#diagonale1 {
	position:absolute;
	width:160px;
	height:384px;
	/*left: 45px;*/
	 z-index: 25;
	top: 162px;
}

#linksoben {
	position:absolute;
	width:160px;
	height:120px;
	z-index: 25;
	top: 162px;

}

#linksmitte {
	position:absolute;
	height:120px;
	z-index: 25;
	top: 282px;

}

#linksunten {
	position:absolute;
	z-index: 25;
	top: 402px;

}





#diagonale111 {
	position:absolute;
	width:160px;
	height:384px;
	/*left: 45px;*/
	 z-index: 250;
	top: 162px;
	visibility:hidden;
}



#diagonale2 {
	position:absolute;
	width:167px;
	height:600px;
	left: 195px;
	visibility: hidden;
}

#diagonale3 {
    position:absolute;
	 width:167px;
	 height:600px;
	 left: 345px;
	visibility: hidden;	 
}


#diagonale4 {
    position:absolute;
	 width:167px;
	 height:600px;
	 left: 495px;
	visibility: hidden;	 
}

#diagonale5 {
	position:absolute;
	width:384px;
	height:396px;
	left: 504px;
	top: 162px;
 	
}







/* Die News im Footer */
#newsheadline {
	position:absolute;
	top:565px;
	left: 28px;
	z-index:103;		
	/*border: 1px solid red;*/
}

#impressum {
	z-index:123;
    position:absolute;
    left: 810px;
    top:568px;
    width: 100px;
    height: 30px;
	 /*border: 1px solid #ff0000;*/
	/* background: green;*/
	 	font-family:Verdana, Arial, Helvetica, sans-serif;	
		font-size:10px;
}




#impressum a {
	font-style:italic;
	color: #ddd !important;
}


#kursplanlink {
	z-index:124;
    position:absolute;
    left: 757px;
    top:548px;
    width: 143px;
    height: 52px;
	 background:url("img/btn_kursplan.gif");	 
}

#kursplanlink:hover {
	 background:url("img/btn_kursplan_hover.gif");	 
}




#flash {
	position:absolute;
	width:384px;
	height:396px;
	left: 504px;
	top: 162px;
	z-index:200;
}

#nurdiagonalrechts {
	position:absolute;
	width:384px;
	height:396px;
	left: 450px;
	top: 162px;
	z-index:500;
}








/* Elemente der Startseite  */
#dasbeste {
	position:absolute;
	left: 580px;
	top: 420px;
}

#startkurse {
	position:absolute;
	left: 620px;
	  left: 624px;	
	top: 230px;
		top: 228px;
	font-size:1px;
	/*border: 1px solid red;*/
}


.eingabefeld{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#f8f8f8;
	border: none;
	padding: 0 2px 0 2px;;
	color: #444;
}



.checkbox {
	border: none;

}












#subnav {
	position:absolute;
	width:160px;
	z-index: 30;
	top: 162px;
	
	/*background:#6633CC;*/
	margin-left: 0;
	margin:0; 
	padding:0;
	list-style:none;
	list-style-type: none;

}



#subnav li { position:relative; margin:0; margin-left: 0; padding:0; left: 0; border: 0; height: 27px; font-size: 1px; line-height:29px; }
#subnav li a {display:block; text-decoration:none;  margin:0; padding:0; height:27px;  }
#subnav li a b.p6{float:left; height: 25px; display:block; padding: 0; margin: 0; font-size:12px; line-height:20px; border-bottom: 2px solid #fff}
#subnav li a b.p7{display:block; width: 10px; height: 27px;   float:left;  padding: 0; margin: 0; background-position: 0 0;}






 * html #subnav li a b.p6{ height: 27px;}

#subnav li a.s1 b.p7  {background:url(img/subnav/subnavecke1.gif); }
#subnav li a.s2 b.p7  {background:url(img/subnav/subnavecke2.gif); }
#subnav li a.s3 b.p7  {background:url(img/subnav/subnavecke3.gif); }
#subnav li a.s4 b.p7  {background:url(img/subnav/subnavecke4.gif); }
#subnav li a.s5 b.p7  {background:url(img/subnav/subnavecke5.gif); }
#subnav li a.s6 b.p7  {background:url(img/subnav/subnavecke6.gif); }
#subnav li a.s7 b.p7  {background:url(img/subnav/subnavecke7.gif); }

#subnav li a.s1:hover b.p7, #subnav li.li1 a.selected b.p7, #subnav li.li1 a.selected:hover b.p7  {background:url(img/subnav/subnavecke1_lit.gif); }
#subnav li a.s2:hover b.p7, #subnav li.li2 a.selected b.p7, #subnav li.li2 a.selected:hover b.p7  {background:url(img/subnav/subnavecke2_lit.gif); }
#subnav li a.s3:hover b.p7, #subnav li.li3 a.selected b.p7, #subnav li.li3 a.selected:hover b.p7  {background:url(img/subnav/subnavecke3_lit.gif); }
#subnav li a.s4:hover b.p7, #subnav li.li4 a.selected b.p7, #subnav li.li4 a.selected:hover b.p7  {background:url(img/subnav/subnavecke4_lit.gif); }
#subnav li a.s5:hover b.p7, #subnav li.li5 a.selected b.p7, #subnav li.li5 a.selected:hover b.p7  {background:url(img/subnav/subnavecke5_lit.gif); }
#subnav li a.s6:hover b.p7, #subnav li.li6 a.selected b.p7, #subnav li.li6 a.selected:hover b.p7  {background:url(img/subnav/subnavecke6_lit.gif); }
#subnav li a.s7:hover b.p7, #subnav li.li7 a.selected b.p7, #subnav li.li6 a.selected:hover b.p7  {background:url(img/subnav/subnavecke7_lit.gif); }



#subnav li a.s1 b.p6, 
#subnav li a.s2 b.p6, 
#subnav li a.s3 b.p6, 
#subnav li a.s4 b.p6, 
#subnav li a.s5 b.p6, 
#subnav li a.s6 b.p6,
#subnav li a.s7 b.p6 {
	background: #bf0000;
}

#subnav li a.s1:hover b.p6, 
#subnav li a.s2:hover b.p6, 
#subnav li a.s3:hover b.p6, 
#subnav li a.s4:hover b.p6, 
#subnav li a.s5:hover b.p6, 
#subnav li a.s6:hover b.p6, 
#subnav li a.s7:hover b.p6 {
	background: #f2b72a;;
}


#subnav li a.s1 b.p6{width: 150px; }
#subnav li a.s2 b.p6{width: 143px; }
#subnav li a.s3 b.p6{width: 136px; }
#subnav li a.s4 b.p6{width: 128px; }
#subnav li a.s5 b.p6{width: 121px; }
#subnav li a.s6 b.p6{width: 114px; }
#subnav li a.s7 b.p6{width: 107px; }





.tabs {list-style:none; padding:0; margin:0 0 0 -10px; height:25px;  }
.tabs {list-style:none; padding:0; margin:0 0 0 0; height:25px;  }
.tabs li {display:block; float:left; margin:0 -10px -1px 0; }
.tabs li a {display:block; text-decoration:none; position:relative;}

.tabs li a b.p1 {display:block; width:10px; height:25px; background:url(tabs/normal_l1.png); float:left; }
.tabs li a b.p2 {display:block; height:25px; padding:0; background: #bf0000; float:left; text-align:center; line-height:28px; color:#dfd; font-weight:normal; font-family:verdana; font-size:12px;}

/*.tabs li a b.p3 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tabs/normal_r1.png', sizingMethod='scale'); } */
.tabs li a b.p3 {display:block; width:10px; height:25px; background:url(tabs/normal_r1.png); float:left; position:relative; z-index:100; 	}

.tabs li a b.p2 img {border: none;}



.tabs li a.m1 {z-index:600;}
.tabs li a.m2 {z-index:500;}
.tabs li a.m3 {z-index:400;}
.tabs li a.m4 {z-index:300;}
.tabs li a.m5 {z-index:200;}
.tabs li a.m6 {z-index:100;}




/* Breiten und Hintergrundbilder für die Inhalte bestimmen. */
.tabs li a.m1 b.p2 {width:161px; background:url(tabs/1_home.gif) no-repeat;}
.tabs li a.m2 b.p2 {width:140px; background:url(tabs/2_club.gif) no-repeat}
.tabs li a.m3 b.p2 {width:140px; background:url(tabs/3_fitness.gif) no-repeat}
.tabs li a.m4 b.p2 {width:140px; background:url(tabs/4_kurse.gif) no-repeat}
.tabs li a.m5 b.p2 {width:140px; background:url(tabs/5_services.gif) no-repeat}
.tabs li a.m6 b.p2 {width:129px; background:url(tabs/6_kontakt.gif) no-repeat}


/* Hintergrundbilder für HOVER-Status */
.tabs li a.m1:hover b.p2{ background:url(tabs/1_home_lit.gif)}
.tabs li a.m2:hover b.p2 { background:url(tabs/2_club_lit.gif)}
.tabs li a.m3:hover b.p2 { background:url(tabs/3_fitness_lit.gif)}
.tabs li a.m4:hover b.p2 { background:url(tabs/4_kurse_lit.gif)}
.tabs li a.m5:hover b.p2 { background:url(tabs/5_services_lit.gif)}
.tabs li a.m6:hover b.p2 { background:url(tabs/6_kontakt_lit.gif)}




/* Für den Lit-Status */
.tabs li.current a.m1 b.p2, .tabs li.current a.m1:hover b.p2 {background:url(tabs/1_home_lit.gif) }
.tabs li.current a.m2 b.p2, .tabs li.current a.m2:hover b.p2 {background:url(tabs/2_club_lit.gif) }
.tabs li.current a.m3 b.p2, .tabs li.current a.m3:hover b.p2 {background:url(tabs/3_fitness_lit.gif) }
.tabs li.current a.m4 b.p2, .tabs li.current a.m4:hover b.p2 {background:url(tabs/4_kurse_lit.gif) }
.tabs li.current a.m5 b.p2, .tabs li.current a.m5:hover b.p2 {background:url(tabs/5_services_lit.gif) }
.tabs li.current a.m6 b.p2, .tabs li.current a.m6:hover b.p2 {background:url(tabs/6_kontakt_lit.gif) }


.tabs li a.m1 b.p2, .tabs li a.m2 b.p2, .tabs li a.m3 b.p2, .tabs li a.m4 b.p2, .tabs li a.m5 b.p2, .tabs li a.m6 b.p2, 
.tabs li a.m1:hover b.p2, .tabs li a.m2:hover b.p2, .tabs li a.m3:hover b.p2, .tabs li a.m4:hover b.p2, .tabs li a.m5:hover b.p2, .tabs li a.m6:hover b.p2, 
.tabs li.current a.m1 b.p2, .tabs li.current a.m2 b.p2, .tabs li.current a.m3 b.p2, .tabs li.current a.m4 b.p2, .tabs li.current a.m5 b.p2, .tabs li.current a.m6 b.p2,
.tabs li.current a.m1:hover b.p2, .tabs li.current a.m2:hover b.p2, .tabs li.current a.m3:hover b.p2, .tabs li.current a.m4:hover b.p2, .tabs li.current a.m5:hover b.p2, .tabs li.current a.m6:hover b.p2
{
	background-position: 0 -1px;
}



/* Sonderfälle für den ersten und letzten TAB*/

.tabs li a.m1 b.p1, .tabs li a.m1:hover b.p1, .tabs li.current a.m1 b.p1, .tabs li.current a.m1:hover b.p1 {background: none; background-image:none; display:none }
.tabs li a.m6 b.p3, .tabs li a.m6:hover b.p3, .tabs li.current a.m6 b.p3, .tabs li.current a.m6:hover b.p3 {background: none; background-image:none;  display:none }


.tabs li a:hover
{border:0; z-index:700;}
.tabs li a:hover b.p1
{position:relative; z-index:100; background:url(tabs/select_l1.png); cursor:pointer; }
.tabs li a:hover b.p2
{position:relative; z-index:100; background: #f2b72a; color:#040; cursor:pointer; }

.tabs li a:hover b.p3
{position:relative; z-index:100; background:url(tabs/select_r1.png); cursor:pointer; }


.tabs li a.selected {z-index:800;}
.tabs li a.selected b.p1,
.tabs li a:hover.selected b.p1,
.tabs li a:active.selected b.p1
{position:relative; z-index:200; background:url(tabs/select_l1.png); cursor:default; }
.tabs li a.selected b.p2,
.tabs li a:hover.selected b.p2,
.tabs li a:active.selected b.p2
{position:relative; z-index:200; background:#f2b72a; color:#000; cursor:default; }
.tabs li a.selected b.p3,
.tabs li a:hover.selected b.p3,
.tabs li a:active.selected b.p3
{position:relative; z-index:200; background:url(tabs/select_r1.png); cursor:default; }


/* Div ausserhalb des Darstellungsbereiches, der für die Shortcutnavi verwendet wird */ 
.skipover {
	position: absolute;
	left: -2000px;
	width: 0;
}