* {
	margin					: 0;
	padding					: 0;
}

body {
	text-align:center;
	background				: #fff url(/images/background.jpg) repeat-x;
	font-family				: Arial, Verdana;
	font-size				: 13px;
	color					: #595959;
	background-color		: #ffffff;
	
}

img {
	border: 0;
}
	
div#logo { 
	margin:0px auto; 
	text-align:left; 
	width:981px; 
	height:74px;
}

div#teaser {
	text-align:center;
	background				: url(/images/muskelaufbau-head.jpg) no-repeat; 
	width:981px; 
	height:218px;
}

div#teaser-login {
	text-align:center;
	background				: url(/images/muskelaufbau-head-login.jpg) no-repeat; 
	width:981px; 
	height:218px;
}
div#teaser-admin {
	text-align:center;
	background				: url(/images/muskelaufbau-head-admin.jpg) no-repeat; 
	width:981px; 
	height:218px;
}
/* ################ h-tags,  ####################################################################### */
h1 { font-size:	12px; margin-bottom: 12px; }
h2 { font-size: 1.2em; color: #595959; letter-spacing: -1px; padding-top: 25px; } 
h3 { font-size: 1.0em; color: #595959; }


a {
	text-decoration			: none;
	color					: #ff9f24;
}

a:hover {
	text-decoration		: underline;
}

/* ################ Wrapper ####################################################################### */

div#wrapper {
width:981px; margin:0px auto; text-align:left;
}

/* ################ Login ####################################################################### */

div#login {
	float					: right;
	width					: 203px;
	height					: 219px;
	color					: #fff;
	font-size				: 1em;
	text-align:left;
}
#loginbereich {
	height: 160px;
	width					: 203px;
}

input#klogin, input#kpass {
	font					: 0.95em Verdana, Arial, Helvetica, sans-serif;
	color					: #87a4b6;
	width					: 160px;
}
input#klogin{
	width					: 175px;
	padding					: 3px;
	margin					: 77px 0 0 14px;
}
input#kpass{
	width					: 175px;
	padding					: 3px;
	margin					: 5px 0 0 14px;
}

.login-button {
	width:73; 
	height:23;
	margin					: 5px 0 0 116px;
 }
 
 
 #login-pass-vergessen {
 	height					: 25px;
	width					: 170px;
	margin					: 5px 0 0 33px;
	font-size: 11px; 
 }

  #login-registrieren {
  	height					: 20px;
	width					: 170px;
  	margin					: 3px 0 0 33px;
	font-size: 11px;
 }
 
 /* ################ Eingeloggt ####################################################################### */
 
#login-name {
 	color					: #000000;
	margin					: 108px 0 0 20px;

 }
 
#login-mitgliedsnr {
	float:left;
 	color					: #000000;
	margin					: 18px 0 0 20px;
 }
 
#login-abmelden {
	width:144px;
	margin					: 63px 0 0 47px;
 }
 
#login-logout {
	margin					: 0px 0 0 0px;
 }

/* ################ Navigation ####################################################################### */
.navigation {
	background				: url(/images/background-navi.jpg) no-repeat; 
	width:981px;
	height:45px;
	list-style				: none;
}


.navigation ul {

	padding-left:25px;
	padding-top:10px;
	
}

.navigation li {

	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-weight				: bold;
	font-size				: 12px;
	color					: #ffffff;
	padding-left			: 4px;
	display					: inline;
	
}

.navigation a{ color:#ffffff;}
.navigation a hover{ color:#000000;text-decoration:underline;}

/* ################ Navigation eingeloggt ####################################################################### */

div#navigation-login {
	background				: url(/images/background-navi-login.jpg) no-repeat; 
	width:981px;
	height:45px;
	list-style				: none;
}

.navigation-login ul {

	padding-left:25px;
	padding-top:10px;
	
}

.navigation-login li {

	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-weight				: bold;
	font-size				: 12px;
	color					: #ffffff;
	padding-left			: 4px;
	display					: inline;
	
}

.navigation-login a{ color:#ffffff;}
.navigation-login a hover{ color:#000000;text-decoration:underline;}



/* ################ Sidebar ####################################################################### */

/* sidebar */	
#sidebar	{
	float:left;
	width: 227px;	
	font-size: 13px;	
	background-color:#F7F7F7;	

}

/* ################ 4.2 Sidebar-left: 3rd Level Navigation ############################################## */

.navi-third-level {
	list-style-type			: none;
}
.navi-third-level li {
	background-color		: #F9FAFC;
	border-bottom			: 1px solid #D1D1D1;
	font-size				: 0.85em;
}
.navi-third-level li a {
	display					: block;
	padding-left			: 28px;
	line-height				: 2.15em;
	text-decoration			: none;
	color					: #000000;
	background				: url(/images/sidebar-links/navi-pfeil.gif) no-repeat left;
}
.navi-third-level li a:hover {
	background-color		: #fff;
	color					: #000000;
	font-weight: bold;
}
.navi-third-level #third-header {
	color					: #92A0AE;
	padding-left			: 25px;
	line-height				: 2.3em;
	font-size				: 13px;
}
.navi-third-level li#third-active {
	display					: block;
	padding-left			: 28px;
	line-height				: 2.15em;
	text-decoration			: none;
	color					: #000000;
	background				: url(/images/sidebar-links/navi-pfeil.gif) no-repeat left;
}

.navi-third-level a#third-active {
	color					: #0050A2;
}

#box-left {
	padding-top:25px;
	text-align:center;
	}

/* ################ Content ####################################################################### */
div#content {
	float: right;
	text-align				: left;
	width					: 738px;
	margin					: 20px 0px 50px 5px;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 11px;
	color					: #000000;

}

#content p {
	font-size:12px;
	pa/dding					: 10px 0px 0px 0px;
}


/* ################ Content-Boxen ####################################################################### */

#content-box-left {
	float:left;
	background				: url(/images/startseite/background-box1.jpg) no-repeat;
	width:219px;
	height:439px;
	
}
#content-box-middle {
	float:left;
	background				: url(/images/startseite/background-box2.jpg) no-repeat;
	width:219px;
	height:439px;
	margin-left:30px;
}

#content-box-right {
	float:left;
	background				: url(/images/startseite/background-box3.jpg) no-repeat;
	width:219px;
	height:439px;
	margin-left:30px;
}

#content-box-head{
	font					: Arial, Verdana, Helvetica, sans-serif;
	font-size				: 12px;
	color					: #000000;
	font-weight: bold;
	padding					: 7px 0px 0px 7px;
}

#content-box-head a {
	text-decoration			: none;
	color					: #000000;
}
#content-box-head a:hover {
	text-decoration			: underline;
	color					: #000000;
}

#content-box-text{
	font					: Arial, Verdana, Helvetica, sans-serif;
	font-size				: 11px;
	color					: #000000;
	padding					: 165px 0px 0px 7px;
}

#content-box-ul{
	list-style				: none;
	padding					: 9px 0px 0px 0px;
}

#content-box-ul li{
	font					: Arial, Verdana, Helvetica, sans-serif;
	font-size				: 11px;
	padding					: 5px 0px 0px 7px;
	color					: #000000;
}

#content-box-ul li a {
	text-decoration			: none;
	color					: #000000;
}
#content-box-ul li a:hover {
	text-decoration			: underline;
	color					: #000000;
}
#content-box-li-text{
	list-style				: none;
	font					: Arial, Verdana, Helvetica, sans-serif;
	color					: #50B0E0;
	font-weight:none;
}
#content-box-footer-1{
	padding					: 19px 0px 0px 0px;
}
#content-box-footer-2{
	padding					: 61px 0px 0px 0px;
}
#content-box-footer-3{
	padding					: 17px 0px 0px 0px;
}

#content-box-footer-3{
	padding					: 17px 0px 0px 0px;
}


/* ################ Startseite Box-Gut zu Wissen ####################################################################### */
#content-gut-zu-wissen-ul{
	list-style				: none;
	padding					: 9px 0px 0px 0px;
}

#content-gut-zu-wissen-ul li{
	font					: Arial, Verdana, Helvetica, sans-serif;
	font-size				: 11px;
	padding					: 5px 0px 0px 0px;
	color					: #000000;
}

#content-gut-zu-wissen-ul li a {
	text-decoration			: none;
	color					: #50B0E0;
}

#content-gut-zu-wissen-ul li a:hover {
	text-decoration			: underline;
	color					: #50B0E0;
}

#content-gut-zu-wissen-li-text{
	font					: Arial, Verdana, Helvetica, sans-serif;
	color					: #50B0E0;
}

#content-gut-zu-wissen-li-text a {
	text-decoration			: none;
	color					: #000000;
}

#content-gut-zu-wissen-li-text a:hover {
	text-decoration			: underline;
	color					: #50B0E0;
}

/* ################ Startseite Box-Ern�hrung ####################################################################### */

#content-box-laengs{
	float:left;
	width: 720px;
}
#content-box-laengs-head{
	width: 720px;
	height:20px;
	float:left;
	padding-bottom					: 10px;
}

#content-box-laengs-bild{
	width: 177px;
	height:102px;
	float:left;
	margin-right: 10px;
}

/* ################ Startseite Rest ####################################################################### */
#content-spacer{
	margin					: 37px 0px 0px 0px;
	float:left;
	border-top			:1px solid #CBCFCE;
	width:721px;
}


/* ################ Boxen ####################################################################### */

.box-image { 
background			:url(/images/background-box.jpg) repeat-x; 
width				:80px; 
height				:87px;
border-left			:1px solid #C5C5C5;
padding				: 8px 0px 0px 8px;
}



/* ################ Footer ####################################################################### */
.footer-spacer {padding-top:75px;}

div#footer {
	clear				: both;
	font-size			: 12px;
	width				: 981;
	padding				: 15px 0px 40px 0px;
	background			: #fff url(/images/background-footer.jpg) no-repeat;
	
}

#footer a {
	text-decoration			: none;
	color					: #666666;
}

#footer a:hover {
	text-decoration		: underline;
}

#footer p  {
	text-align				: left;
	width					: 981px;
}

/* ################ Vitamine ####################################################################### */
ul#ernaehrung-liste {


	list-style				: none;

}

#ernaehrung-liste li {

	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 11px;
	color					: #000000;
	
}

#ernaehrung-liste li a {
	text-decoration			: none;
	color					: #666666;
}

#ernaehrung-liste li a:hover {
	text-decoration		: underline;
}
/* ################ Vitamine ####################################################################### */

.content_bild {
	border					: 1px solid #D1D1D1;
	margin-right: 5px;
}


/* Klassen der Standard-Tabellen */
table.standard-tabelle { margin-bottom: 12px; border-left:1px solid #dddddd; border-top:1px solid #dddddd; border-collapse:collapse; text-align:left; width: 100% }
table.standard-tabelle tr { }
table.standard-tabelle th { background: url(/images/background_tabelle_th.jpg) repeat-x; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; line-height: 31px; padding: 0 4px 0 4px; font-size:12px; }
table.standard-tabelle td  { border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; padding: 3px 4px 3px 4px; line-height: 18px; vertical-align:top; font-size:11px;}
table.standard-tabelle .colbg  { background-color: #F5F5F5; }
table.standard-tabelle .rowbg1 { background-color: #ffffff; }
table.standard-tabelle .rowbg2 { background-color: #F5F5F5; }
table.standard-tabelle .smalline { line-height:12px; font-style:italic; }
table.standard-tabelle .inactive { font-style:italic; color:rgb(222,0,0); }
table.standard-tabelle .bordernull { border: none !important; }
table.standard-tabelle .bordernull-right { border-right: none !important; }

table.tabelle-buttons { margin: 10px 0 10px 0px; width:738px;font-size:11px;}
table.tabelle-buttons tr, table.tabelle-buttons td { padding:0;margin:0; text-align:right;} 
table.tabelle-buttons a { padding: 0; margin:0; }

input, select, textarea {
	padding: 3px;
	font-size: 12px;
	font-family: Calibri, Verdana, Tahoma;
}

form h1 {
	background: transparent url(/images/background_tabelle_th.jpg) repeat-x scroll 0 0;
	line-height: 33px;
	border: 1px solid #ddd;
	padding-left: 4px;
}

form p {
	line-height: 1.6em;
	padding: 2px;
}

form p label {
	width: 				150px;
	display: 			block;
	float: 				left;
	cursor:				pointer;
}

form p input {
	padding: 2px;
}

img {
	vertical-align: middle;
}

.radio, .checkbox {
	display: 		inline;
	float: 			none;
	width:			auto;
}

.font-fadeout {
	color: #87a4b6;
}
.font-fadein {
	color: #073456;
}
.right {
	text-align: right;
}

.table-row-even {
	background-color: #f9f9f9;
}

.table-row-odd {
	background-color: #f3f3f3;
}

.table-row-hover {
	background-color: #f1f6fe;
}