body {
font-family:Arial, Helvetica, sans-serif;
font-size: 87%;
width:760px;
 margin:auto; 
 padding-left:6px; 
 
 } 

html {
width:100%;
 } 
 
 
#basic {
width:760px; 

}
 
 h1
 {
 font-size:1.2em;
 margin:0px;
 padding:0px;
 margin-bottom:5px;
 }
 
  h2
 {
 font-size:1.0em;
 margin:0px;
 padding:0px;
 margin-bottom:5px;
 }
 
 #navi
 {
 width:760px; 
 text-align:right;
 float:left;
 margin-top:5px;
 margin-bottom:12px;
 background-color:#DCDCDC;
 }

 #navi a
 {
	text-decoration:none;
	color: #333333; 
 }
 
  #navileft
 {
 width:760px; 
 text-align:left;
 float:left;
 margin-top:4px;
 margin-bottom:4px;
 font-size: 90%;
 /* background-color:#DCDCDC; */
 }

 #navileft a
 {
	text-decoration:none;
	color: #333333; 
 }
 
 #menu {
 margin-right: 20px;
 width:175px; 
 height:600px;
 float:left;
 background-image:url(../bilder/menu-verlauf.jpg);
 background-position:15px 0px;
 }
 
 #menu2
 {
background-color:#ffffff;
 }
 
 #menu2 a {
 display: block;
 background-color:#2366AA;
	margin-bottom:2px;
	margin-top:2px;
	padding:4px;
	border-left:7px solid #FF3333;
	}
	
 #menu2 a:hover {
   background-color:#8AA8FF;
   color:#000000;
	}
	
 #menu2sub1 a {
 display: block;
 background-color:#89B8E7;
	margin-bottom:2px;
	margin-top:2px;
	padding:4px 2px 2px 17px;
	border-left:7px solid #FF3333;
	}
	
 #menu2sub1 a:hover {
   background-color:#8AA8FF;
   color:#000000;
	}	
	
	 #menu2sub2 a {
 display: block;
 background-color:#89B8E7;
	margin-bottom:2px;
	margin-top:2px;
	padding:4px 2px 2px 17px;
	border-left:7px solid #FF3333;
	}
	
 #menu2sub2 a:hover {
   background-color:#8AA8FF;
   color:#000000;
	}	
	
	 #menu2sub3 a {
 display: block;
 background-color:#89B8E7;
	margin-bottom:2px;
	margin-top:2px;
	padding:4px 2px 2px 17px;
	border-left:7px solid #FF3333;
	}
	
 #menu2sub3 a:hover {
   background-color:#8AA8FF;
   color:#000000;
	}	
	
.menuaktiv{
 text-decoration:none;
 font-size: 88%;
   background-color:#8AA8FF !important;
   font-weight:bold;
   color:#000000;
}

.menuinaktiv{
   text-decoration:none;
   font-size: 88%;
   background-color:#2366AA;
	font-weight:bold;
	color:#FFFFFF;

}	
	
	
 /* 
 
 #content {
 width:485px;
 float:right;
 }
 
 */
 
 #bild {
 margin-right:20px;
 width:100px;
 float:left;
 }
 
.bildclass {
margin-top:3px;

}

.textlink {
	text-decoration:none;
	color: #2366AA;
	font-weight: bold;
} 


#menu a.submenu{
   background-color:#FFE2B7;
   color:black;
   font-weight:normal;
   padding-left:18px;
   border:none;
}

#menu a.submenu:hover{
   text-decoration:underline;
   background-color:#ccc;
}

div#footer{
   border-top:8px solid #2366AA;
   text-align:right;
   margin-left:-120px;
   padding-right:10px;
   font-weight:bolder;
   color:#999;
   margin-top:9px;
   font-size:90%;
   float:right;
   width:555px;
}


div.imgspalte{
   float:left;
   width:100px;
   margin-left:6px;
   margin-right:6px;
   border:1px solid black;
}

div.textspalte{
margin-left:120px;
padding-left:120px;
}

.absatz{
   padding-left:112px;
   width:453px;
   margin-bottom:15px;
}

.absatz2{
   width:565px;
   margin-bottom:15px;
}

.absatzimg{
   float:left;
   margin-left:-112px;
   margin-top:3px;
   
}

#hochlink{
   
   text-align:right;
   padding-right:10px;
   font-weight:bolder;
   color:#444;
   margin-top:9px;
   font-size:80%;
   float:right;
   width:555px;

}

#hochlink a{
   color:black;
   text-decoration:none;
}

#pageBody{
float:left;
width:565px;

}


.table-prop{
   display:block;
   float:left;
   width:110px;

}

.border{
	border:1px solid #000000;
	margin-top:0px;
}

.medienueberschrift {
	background-color: #2366AA;
	color:#FFFFFF;
	display: block;
	padding: 4px;
	font-size:1.0em;
	font-weight:bold;
}

#linie
{
visibility:hidden;
display:none;
}

.BMIinputField {
background-color:#DCDCDC;
margin-bottom:1px;
}

.error{
	color:#F00;
}

.rot{
	color:#F00;
}


.bmiausgabe {
 background-color:#DDE6FF;
 padding: 5px;
 }