@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
}

#page {
	width: 1024px;
	margin: 0px auto 0px auto;
}

#header {
	display: block;
	position: relative;
	height: 195px;
	clear: both;
}

#logo {
	display: block;
	position: absolute;
	top:  0px;
	left: 0px;
	width: 225px;
}

#headermid {
	display: block;
	position: absolute;
	top:  0px;
	left: 300px;
	height: 157px;
}

#headerleft {
	display: block;
	position: absolute;
	top: 0px;
	left: 799px;
	height: 157px;
}

#navigation {
	padding: 157px 0 0 0;
	height: 38px;
	clear: both;
}

#navigation a {
	display: block;
	height: 38px;
	float: left;
	text-indent: -40000px;
}

#nav_home { width: 35px; margin-right: 3px; background: url('../grafik/navi/home_lo.gif') no-repeat; }
#nav_ueberuns { width: 188px; margin-right: 2px; background: url('../grafik/navi/ueberuns_lo.gif') no-repeat; }
#nav_Ernaehrungsberatung { width: 188px; margin-right: 2px; background: url('../grafik/navi/Ernaehrungsberatung_lo.gif') no-repeat; }
#nav_sporternaehrung { width: 188px; margin-right: 2px; background: url('../grafik/navi/Sporternaehrung_lo.gif') no-repeat; }
#nav_Referenzen { width: 188px; margin-right: 3px; background: url('../grafik/navi/referenzen_lo.gif') no-repeat; }
#nav_login { width: 225px; background: url('../grafik/navi/login_lo.gif') no-repeat; }

#nav_home:hover,#nav_home.on 					{ background: url('../grafik/navi/home_hi.gif') no-repeat; }
#nav_ueberuns:hover, #nav_ueberuns.on 				{ background: url('../grafik/navi/ueberuns_hi.gif') no-repeat; }
#nav_Ernaehrungsberatung:hover, #nav_Ernaehrungsberatung.on	{ background: url('../grafik/navi/Ernaehrungsberatung_hi.gif') no-repeat; }
#nav_sporternaehrung:hover, #nav_sporternaehrung.on		{ background: url('../grafik/navi/Sporternaehrung_hi.gif') no-repeat; }
#nav_Referenzen:hover, #nav_referenzen.on			{ background: url('../grafik/navi/referenzen_hi.gif') no-repeat; }
#nav_login:hover, #nav_login.on		 			{ background: url('../grafik/navi/login_hi.gif') no-repeat; }

#content {
	display: block;
	width: 986px;
	height: 539px;
	overflow: auto;
	margin: 3px 0 3px 38px;
	clear: both;
	position: relative;
}

#bild1 {
	display: block;
	position: absolute;
	width: 179px;
	top: 4px;
	left: 4px;
}

#bild2 {
	display: block;
	position: absolute;
	width: 179px;
	bottom: 4px;
	left: 574px;
}

#content #mehrspaltig_l {
	display: block;
	height: 539px;
	background-attachment:fixed;
}
#content.home #mehrspaltig_l ,
#content .home {
	background-color: #DDE9F7;
}
#content.ueberuns #mehrspaltig_l ,
#content .ueberuns {
	background-color: #FCEAD4;
}
#content.referenzen #mehrspaltig_l,
#content .referenzen {
	background: #EAF3E1;
}
#content.download #mehrspaltig_l,
#content .download {
	background: #DDE9F7;
}
#content.gesundheitsförderung #mehrspaltig_l,
#content .gesundheitsförderung {
	background: #EAF3E1 ;
}
#content.sporternährung #mehrspaltig_l,
#content .sporternährung{
	background: #FCEAD4 ;
}
#content.ernährungsbetreuung #mehrspaltig_l,
#content .ernährungsbetreuung {
	background: #DDE9F7 ;
}
#content.login #mehrspaltig_l,
#content .login {
	background-color: #FCEAD4;
}
#content.kontakt #mehrspaltig_l,
#content .kontakt {
	background-color: #DDE9F7;
}
#content.impressum #mehrspaltig_l,
#content .impressum {
	background: #FCEAD4;
}
#content.datenschutz #mehrspaltig_l,
#content .datenschutz {
	background: #EAF3E1;
}
#content.dformular #mehrspaltig_l ,
#content .dformular {
	background-color: #DDE9F7;
}
#content #spalte_bild1 {
	display: block;
	width: 190px;	
	float: left;
	height: 539px;
	margin-right: 0px;	
}

#content #spalte_textmitte {
	display: block;
	width: 380px;	
	float: left;
	height: 539px;
	margin-right: 0px;
}

#content #spalte_textmitte2 {
	display: block;
	width: 376px;	
	float: left;
	height: 539px;
	margin-right: 3px;
}

#content #spalte_bild2 {
	display: block;
	width: 187px;	
	float: left;
	height: 539px;
	margin-right: 3px;
}

#content #spalte_datenschutz {
	display: block;
	width: 567px;	
	float: left;
	height: 539px;
	margin-right: 3px;
}

#content #spalte_dformular_l {
	display: block;
	width: 377px;	
	float: left;
	height: 539px;
	margin-right: 0px;
}

#content #spalte_dformular_r {
	display: block;
	width: 380px;	
	float: left;
	height: 539px;
	margin-right: 3px;
}
#content #spalte_rechts {
	width: 225px;
	height: 539px;
	background-attachment:fixed;	
	padding: 0px;
	margin: 0px;
	float: left;
	overflow: hidden;
}

#content #aktionen {
	overflow: auto;	
	height: 269px;
	background-color: #5C8EBC;
	margin-bottom: 2px;
}

#content #news {
	overflow: auto;	
	height: 268px;
	background-color: #5C8EBC;
}

#content h1 {
	display: block;
	font: bold 14px Verdana, Geneva, sans-serif;
	color: #5F6062;
	margin: 0px;
	padding: 12px 12px 12px 12px;
}

#content #spalte_rechts h1 {
	color: #ffffff;	
	text-transform: uppercase;
}

#content #spalte_rechts h2 {
	color: #ffffff;
	padding: 0 0 0 12px;
	margin: 0px;
	font: bold 12px Verdana, Geneva, sans-serif;
}

#content span {
	display: block;
	font: 12px Verdana, Geneva, sans-serif;
	color: #5F6062;
	line-height: 14px;
	padding: 0 12px 12px 12px;
}

#content #spalte_rechts span {
	color: #ffffff;
	font-size: 11px;	
}

#content a.backlink {
	display: block;
	position: absolute;
	font: bold 12px Verdana, Geneva, sans-serif;
	color: #FC9200;
	padding-left: 12px;
	background: url('../grafik/zurueck.gif') no-repeat 0px 0px;
	text-decoration: none;
	text-transform: uppercase;
	position: absolute;
	bottom: 20px;
	left: 12px;
}

#content a.weiter {
	font: bold 12px Verdana, Geneva, sans-serif;
	color: #FC9200;
	padding-right: 13px;
	background: url('../grafik/weiter.gif') no-repeat right;
	text-decoration: none;
	text-transform: uppercase;
}

#content a.kontakt {
	font: bold 12px Verdana, Geneva, sans-serif;
	color: #FC9200;
	padding: 0 13px 0 12px;	
	background: url('../grafik/weiter.gif') no-repeat left;
	text-decoration: none;
	text-transform: uppercase;
}

#content a.link {
	font: bold 12px Verdana, Geneva, sans-serif;
	color: #FC9200;
	padding: 0 13px 0 12px;	
	background: url('../grafik/weiter.gif') no-repeat left;
	text-decoration: none;
}

#content.mehrspaltig {
	display: block;
	height: 539px;
}

#content #spalte_1 {
	display: block;
	width: 251px;	
	float: left;
	height: 539px;
	margin-right: 3px;	
}

#content #leistung_1 {
	display: block;
	position: absolute;
	bottom: 4px;
	left: 4px;
	}

#content #spalte_2 {
	display: block;
	width: 251px;	
	float: left;
	height: 539px;
	margin-right: 2px;
}

#content #leistung_2 {
	display: block;
	position: absolute;
	bottom: 11px;
	left: 259px;
	}

#content #spalte_3 {
	display: block;
	width: 251px;	
	float: left;
	height: 539px;
	margin-right: 3px;
}

#content #leistung_3 {
	display: block;
	position: absolute;
	bottom: 4px;
	left: 520px;
	}

#content #spalte_rechts #spalte_1 {
	width: 111px;
	margin-right: 3px;
}

#content #bild_r1 {
	display: block;
	position: absolute;
	bottom: 4px;
	right: 111px;
}

#content #spalte_rechts #spalte_2 {
	width: 111px;	
	margin-right: 0px;
}
#content #bild_r2 {
	display: block;
	position: absolute;
	bottom: 4px;
	right: 2px;
}

#content #bild_spiro {
	display: block;
	position: absolute;
	bottom: 4px;
	right: 2px
}

#content ul.downloads {
	display: block;
	width: 369px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#content ul.downloads li {
	list-style: none;
	margin: 0px;
	padding: 0 0 14px 0;
}

#content ul.downloads li span {
	display: inline;	
}

#content ul.downloads li a.download {
	font: bold 12px Verdana, Geneva, sans-serif;
	color: #FC9200;
	padding: 0 13px 0 12px;	
	margin: 0 0 0 20px;
	background: url('../grafik/weiter.gif') no-repeat left;
	text-decoration: none;
}

table#kontaktformular {
	font: 12px Verdana, Geneva, sans-serif;
	color: #5f6062;
	margin-left: 12px;
}

table#kontaktformular td {
	padding-bottom: 5px;	
}

table#kontaktformular input {
	font: 12px Verdana, Geneva, sans-serif;
	color: #000;
}


#footer {
	display: block;
	height: 28px;
	background: url('../grafik/footer_back.gif') repeat-x;
	padding-left: 335px;
}

#footer a {
	display: block;
	float: left;
	margin-right: 36px;
	height: 28px;
	text-indent: -40000px;
}

#footer_kontakt { width: 48px; background: url('../grafik/footer/kontakt_lo.gif') no-repeat; }
#footer_impressum { width: 63px; background: url('../grafik/footer/impressum_lo.gif') no-repeat; }
#footer_datenschutz { width: 75px; background: url('../grafik/footer/datenschutz_lo.gif') no-repeat; }
#footer_registrieren { width: 77px; background: url('../grafik/footer/registrieren_lo.gif') no-repeat; }