#body
{
	
}


/*------gesamtrahmen in dem alles drin is---------------*/
#rahmen
{
position:absolute;
margin: 0.1em auto; /* abstand nach oben*/
width: 900px;
height: 600px;
text-align: left;
background-color: #FFF4C0;
border: 1px solid #676767; /*aussenrand*/
border-bottom: 2px solid #676767; /*aussenrand*/
border-right: 2px solid #676767; /*aussenrand*/
}

#willkommen  /*der container für die portal überschrift*/
{
color:#FCF2BD;
position: absolute;
top: 500px;
width:600px;
left:150px;
}


/*---------------überschriften---------------------------------*/

h2 
{
	/*color: #6E6E6E;*/
	font: 340% georgia, times, "times new roman", serif;
	font-weight: bold;
	margin:  8px; /* oben unten*/
}
h2 a { text-decoration: none; }













#inhalt/*alles zwischen dem header und dem footer*/
/*beschreibbare größe pro seite */
{
position: absolute;
top: 200px;
left: 200px;
/*width: 60%;*/
height:40px;
font: 100% arial, hevetica, sans-serif;
text-align: left;
color: #352C01; /*die einfache text farbe u form*/

}


/*-----------------------topnavi--------------------------------------*/
#topnavi
{
background-color: #738396;
color: #C5CED9;
padding: 3px 0;
margin-bottom: 40px; /*abstand zum naechsten element nach unten*/
border-bottom:2px solid #E2E7ED;
}
#topnavi ul /*eigenschaften der liste*/
{ 
list-style-type: none; 
margin: 0% 0% 0% 10px; /*abstand der elemente in der nav*/
list-style-type: none;
border-left: 1px solid #ffffff; /*die erste kante links*/
} 
#topnavi li /*elemente in der liste*/
{ 
display: inline;  
padding: 0 10px; /*abstand untereinander*/
border-right: 1px solid #E2E7ED; /*die teilerstriche*/
} 
#topnavi li a /*farbe der nav schift*/
{
text-decoration: none;
color: #E2E7ED;
}
#topnavi li a:hover /*hover beim mouseover in der topnavi*/
{
text-decoration: none;
color: #fff;
background-color: #F4D38C;
}



#inhalt2/*alles zwischen dem header und dem footer*/
/*beschreibbare größe pro seite */
{
position: absolute;
overflow:auto;
top: 260px;
left: 230px;
width: 230px;
height: 180px;
font: 100% arial, hevetica, sans-serif;
text-align: left;
color: #352C01; /*die einfache text farbe u form*/

}




/*navi für fewo u impressum*/
#topnavi2
{
background-color: #A9A9A9;
color: #C5CED9;
padding: 3px 0;
margin-bottom: 10px; /*abstand zum naechsten element nach unten*/
border-bottom:4px solid #E2E7ED;
}
#topnavi2 ul /*eigenschaften der liste*/
{ 
list-style-type: none; 
margin: 0% 0% 0% 10px; /*abstand der elemente in der nav*/
list-style-type: none;
/*border-left: 2px solid #ffffff; /*die erste kante links*/
} 

#topnavi2 li /*elemente in der liste*/
{ 
display: inline;  
padding: 0 10px; /*abstand untereinander*/
/*border-right: 1px solid #E2E7ED; /*die teilerstriche*/
} 
#topnavi2 li a /*farbe der nav schift*/
{
text-decoration: none;
color: #E2E7ED;
}
#topnavi2 li a:hover /*hover beim mouseover in der topnavi*/
{
text-decoration: none;
color: #fff;
background-color: #F4D38C;
}















/*------------------------------------------------------------------*/