/* act-if CSS by Vera Zimperfeld */

* { margin:0; padding:0; }

html, body {
	height:100%;
}

body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	background-color:#FFFFFF;
	text-align:center; /* horizontal centering for IE Win quirks */
}


#distance { 
	width:1px;
	height:50%;
	background-color:#fc6;
	margin-bottom:-289px; /* half of container's height */
	float:left;
}

.hidden {
	display:none;
}

h1 {
	font-size:11px;
	font-weight:bold;
	padding-bottom:13px;
}

h2 {
	font-size:11px;
	font-weight:bold;
	color:#759800;
	margin-bottom:5px;

}


hr {
 	border: 0px; /* Für Firefox und Opera */
 	border-top: solid 1px #d0d0d0;
 	border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
 	margin: 8px 0 8px 0;
}


.gallery img {
	border:1px solid #333333;
	margin:0 3px 3px 0;
}

.left {
	float:left;
	margin:0 15px 5px 0;
}

.right {
	float:right;
	margin:0 15px 5px 5px;
}

#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	padding:0;
	text-align:center;
	width: 958px;
	height:558px;
	clear:left;
	}
	


/*--------------- HEADER-AREA -------------------------------------------------------------------------------------*/

#header {
	width:958px;
	height:89px;
	margin-bottom:6px;
	background:url(../gfx/header_bg.gif) top left no-repeat;
}

/*--------------- START LOGO --------------------*/
#logo {
	width:205px;
	height:89px;
	padding-left:20px;
	float:left;
	text-align:left;
	margin:0;
	overflow:hidden;
}

#logo img{
	border:none;
	padding:0;
	margin:0;
}
/*--------------- ENDE LOGO ----------------------*/

#top_nav {
	width:707px;
	padding-top:65px;
	padding-right:26px;
	text-align:right;
	margin:auto;
	float:left;
}

#top_nav ul {
	list-style:none;
	margin:0;
	padding:0;
	float:right;
}

#top_nav ul li {
	display:inline;
}

#top_nav ul li a {
	text-decoration:none;
	display:block;
	float:left;
	color:#fff;
	line-height:100%;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	padding-left:10px;
	margin-left:15px;
	background:url(../gfx/nav_point.gif) no-repeat 0 0.1em;


}

#top_nav ul li a:hover {
	color:#9dcc00;
	background:url(../gfx/nav_point_on.gif) no-repeat 0 0.1em;
}

#top_nav ul li a#aktivtop {
	color:#9dcc00;
	background:url(../gfx/nav_point_on.gif) no-repeat 0 0.1em;
}


/*--------------- ENDE TOP- NAVI-AREA ----------------------------*/

/*--------------- ENDE HEADER-AREA ---------------------------------------------------------------------------------*/


/*--------------- START WRAP ----------------------------------------------------*/


#wrap {
	width:958px;
	height:432px;
	margin:auto;
	margin-bottom:6px;
	padding:0;
}


/*--------------- START CONTENT-AREA ----------------------------------------------------*/
#content {
	width:778px;
	height:430px;
	float:left;
	background-color:#fff;
	border:1px solid #000;
	margin-left:6px;
	text-align:left;
}

#content a{
	color:#000;
	text-decoration:underline;
}
#content a:hover{
	color:#9dcc00;
}

#infobox {
	width:176px;
	background:url(../gfx/info_box.gif) top left no-repeat;
	margin-left:10px;
	padding:10px;
	border-bottom:1px solid #5a5a5a;
	float:left;
}

#slide {
	width:384px;
	text-align:left;
	margin-left:370px;
}

#slide_head {
	width:382px;
	height:46px;
	border:1px solid #fff;
	background:url(../gfx/slide_head_bg.gif) top left no-repeat;
	font-size:11px;
	font-weight:bold;
	margin-bottom:10px;
}

#slide_head_text {
	width:313px;
	height:39px;
	padding-left:23px;
	padding-top:7px;
	line-height:130%;
	float:left;
}

#slide_head_text_oneline {
	width:313px;
	height:31px;
	padding-left:23px;
	padding-top:15px;
	line-height:130%;
	float:left;
}

#slide_head_mehr {
	width:46px;
	height:46px;	
	float:left;
}

#slide_head_mehr a{
	width:46px;
	height:46px;	
	background:url(../gfx/slide_arrow.gif) top left no-repeat;
	display:block;
	text-decoration:none;
}


#vertical_slide {
	width:336px;
	padding:12px 23px 6px 23px;
	border:1px solid #000;
	background:url(../gfx/slide_text_bg.jpg) top left no-repeat;
	font-size:10px;
	font-weight:normal;
}

#vertical_slide p{
	line-height:140%;
	margin-bottom:9px;
}

#vertical_slide ul{
	margin:0;
	list-style:none;

}
#vertical_slide li{
	background:url(../gfx/point.gif) no-repeat 0 0.2em;
	padding-left:15px;
	line-height:130%;
}

.close {
	display:block;
	color:#000;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	padding-left:20px;
	background:url(../gfx/close.gif) no-repeat 0 0.3em;
	margin:0;
}

.close a{
	color:#000;
	text-decoration:underline;
}


/*--------------- EXTRA LAYOUT CONTENT-AREA ----------------------------------------------------*/


#content_left {
	width:516px;
	height:430px;
	float:left;
}

#content_left_head {
	width:493px;
	height:32px;
	font-weight:bold;
	font-size:11px;
	padding-left:23px;
	padding-top:17px;
}

#content_left_text {
	width:483px;
	height:366px;
	font-size:10px;
	padding-left:23px;
	padding-top:15px;
	padding-right:10px;
	line-height:140%;
	overflow:auto;
}

#content_left_text p{
	margin-bottom:9px;
}

#content_left_text ul{
	margin:0;
	padding:0;
	padding-left:1px;
}

#content_left_text li{
	background:url(../gfx/point.gif) no-repeat 0 0.3em;
	list-style:none;
	padding-left:15px;
	padding-bottom:5px;
	margin:0;
}

#content_left_text ul ul{
	margin:0;
	padding:0;
	padding-left:1px;
	padding-top:8px;
	padding-bottom:8px;
}

#content_left_text li li{
	background:url(../gfx/point2.gif) no-repeat 0 0.3em;
	list-style:none;
	padding-left:15px;
	padding-bottom:3px;
	margin:0;
}

.abstand {
	padding-left:25px;
}




/*---------------PARTNER--------------------------*/

.partner {
	width:460px;
	height:71px;
}

.partnerpic {
	width:185px;
	height:71px;
	background:url(../gfx/partner_bg.gif) top left no-repeat;
	float:left;
}

.partnertext {
	width:275px;
	height:61px;
	padding-top:10px;
	float:left;
	line-height:120%;
}

/*---------------PARTNER ENDE--------------------------*/



#content_right {
	width:262px;
	height:430px;
	float:left;
}

#content_right_head {
	width:239px;
	height:32px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:11px;
	padding-left:23px;
	padding-top:17px;
}

#content_right_text {
	width:219px;
	height:366px;
	color:#FFFFFF;
	padding-left:23px;
	padding-right:20px;
	padding-top:17px;
}

#content_right_text p{
	margin-bottom:9px;
}

#content_right_text a{
	color:#fff;
	text-decoration:underline;
}
#content_right_text a:hover{
	color:#9dcc00;
}

#content_right_text h1{
	color:#9dcc00;
	padding-bottom:7px;
}

#content_right_text hr {
 	border: 0px; /* Für Firefox und Opera */
 	border-top: solid 1px #d0d0d0;
 	border-bottom: solid 1px #000; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
 	margin: 10px 0 10px 0;
}

#content_right_text td {
	border-bottom: 1px solid #1f1f1f;
	padding:3px 0;
}

.preis {
	width:79px;
}

.leistung {
	width:139px;
}

.ohne {
 border-bottom:1px solid #000;
}

.small {
	font-size:9px;
	color:#fff;
}








/*--------------- ENDE CONTENT-AREA ----------------------------------------------------*/

#bg_act {
	width:778px;
	height:420px;
	padding-top:10px;
	background:url(../gfx/bg/act_if.jpg) top left no-repeat;
}

#bg_philo {
	width:778px;
	height:420px;
	padding-top:10px;
	background:url(../gfx/bg/philosophie.jpg) top left no-repeat;
}

#bg_personal {
	width:778px;
	height:420px;
	padding-top:10px;
	background:url(../gfx/bg/personal.jpg) top left no-repeat;
}

#bg_spez {
	width:778px;
	height:420px;
	padding-top:10px;
	background:url(../gfx/bg/spez.jpg) top left no-repeat;
}

#bg_betrieb {
	width:778px;
	height:420px;
	padding-top:10px;
	background:url(../gfx/bg/betriebssport.jpg) top left no-repeat;
}

#bg_team {
	width:778px;
	height:420px;
	padding-top:10px;
	background:url(../gfx/bg/team.jpg) top left no-repeat;
}

#bg_diagnostik {
	width:778px;
	height:420px;
	padding-top:10px;
	background:url(../gfx/bg/diagnostik.jpg) top left no-repeat;
}

#bg_ernaehrung {
	width:778px;
	height:420px;
	padding-top:10px;
	background:url(../gfx/bg/ernaehrung.jpg) top left no-repeat;
}

#bg_angebote {
	width:778px;
	height:430px;
	background:url(../gfx/bg/angebote.gif) top left no-repeat;
}

#bg_kontakt {
	width:778px;
	height:430px;
	background:url(../gfx/bg/kontakt.jpg) top left no-repeat;
}


	
/*--------------- NAVI-AREA ----------------------------------------------------*/

#navi_wrap {
	width:172px;
	height:432px;
	float:left;
}

#navi {
	width:169px;
	height:369px;
	background:#fff;
	border:1px solid #000;
	text-align:left;
	padding:1px 0 0 1px;
}

#navi ul {
	list-style:none;
	margin:0;
	padding:0;
}

#navi ul li {
	margin:0;
	padding:0;
	display:block;
	line-height:100%;
}

#navi ul li a {
	height:25px;
	width:140px;
	padding-left:28px;
	padding-top:15px;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	color:#fff;
	margin-bottom:1px;
	background:url(../gfx/nav.gif) top left no-repeat;
}

#navi ul li a:hover {
	color:#000000;
	background:url(../gfx/nav_on.gif) top left no-repeat;
}

#navi ul li a#aktiv {
	color:#000000;
	background:url(../gfx/nav_on.gif) top left no-repeat;
}


#navi ul li a.doppel {
	height:33px;
	width:140px;
	padding-left:28px;
	padding-top:7px;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	color:#fff;
	margin-bottom:1px;
	line-height:130%;
	background:url(../gfx/nav_db.gif) top left no-repeat;
}

#navi ul li a:hover.doppel {
	color:#000000;
	background:url(../gfx/nav_db_on.gif) top left no-repeat;
}

#navi ul li a.aktivdoppel {
	height:33px;
	width:140px;
	padding-left:28px;
	padding-top:7px;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	color:#000;
	margin-bottom:1px;
	line-height:130%;
	background:url(../gfx/nav_db_on.gif) top left no-repeat;
}



#kontakt {
	width:169px;
	height:41px;
	background:#fff;
	border:1px solid #000;
	text-align:left;
	padding:1px 0 0 1px;
	margin-top:16px;
}

#kontakt ul {
	list-style:none;
	margin:0;
	padding:0;
}

#kontakt ul li {
	margin:0;
	padding:0;
	display:block;
	line-height:100%;
}

#kontakt ul li a {
	height:26px;
	width:140px;
	padding-left:28px;
	padding-top:14px;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	color:#fff;
	margin-bottom:1px;
	background:url(../gfx/nav_kontakt.gif) top left no-repeat;
}

#kontakt ul li a:hover {
	color:#000000;
	background:url(../gfx/nav_kontakt_on.gif) top left no-repeat;
}

#kontakt ul li a#aktiv {
	color:#000000;
	background:url(../gfx/nav_kontakt_on.gif) top left no-repeat;
}



/*--------------- ENDESUB- NAVI-AREA ----------------------------------------------------*/	

	


/*--------------- START FOOTER ----------------------------------------------------*/		


#footer {
	width:931px;
	height:19px;
	margin:auto;
	padding:6px 27px 0 0;
	text-align:right;
	font-size:9px;
	color:#fff;
	background:url(../gfx/footer_bg.gif) top left no-repeat;
}

#footer a{
	font-size:9px;
	font-weight:bold;
	color:#fff;
	text-decoration:underline;
}

#footer a:hover{
	color:#9dcc00;
}

/*--------------- END FOOTER ----------------------------------------------------*/