body {
background-color: #ECF0FD;
color: black;
font-family: Arial, sans-serif;
}

#oben {
width: 100%;
border-style: solid;
border-width: 0px;
border-bottom-width: 20px;
border-color: #007FAA
}
#oben_2{
width: 50%; float:left; font-size:8pt
}
#oben_3{
width: 10%; float:right; font-size:8pt
}
/* box für Navigation: */
#navi {
margin-top: 28px;
fond-weight: bold; 
width: 25%; float:left;
position: absolute; left:10; top:112; font-size:10pt; font-weight:bold; margin-left:2; padding-left:0px; margin-right:6 
} 
.thema       { text-align: left; color: #000000; text-indent: 4; 
               width: 150px;  margin-left: 6; margin-bottom: 0; margin-top: 0; background-color: 
               #CCFFFF; float:left; margin-right:10; padding-left:0; padding-right:0px; padding-top:0; padding-bottom:0;  }
.aktuell     { text-align: left; color: #000000; text-indent: 4; width: 150; 
               list-style-type: none; float: left; margin-left: 6; 
               padding-left: 0; background-color: #C0DCC0;  margin-top:0; margin-bottom:0 }
.person      { text-align: left; color: #000000; list-style-type: none; text-indent: 4; 
               width: 150; margin-left: 6; padding: 0; background-color: 
               #AABFAA; float:left; margin-bottom: 0px; margin-top: 0;  }
.regel       { text-align: left; color: #000000; list-style-type: none; text-indent: 4; 
               width: 150; margin-left: 6; padding: 0; background-color: 
               #C5DBF9; float:left; margin-bottom: 0px; margin-top: 0; }
.inter       { text-align: left; color: #000000; list-style-type: none; text-indent: 4; 
               width: 150; margin-left: 6; padding: 0; background-color: 
               #7F9FAA; float:left; margin-bottom: 0px; margin-top: 0; }
.computer    { text-align: left; color: #000000; list-style-type: none; text-indent: 4; 
               width: 150; margin-left: 6; padding: 0; background-color: 
               #BDC4CC; float:left; margin-bottom: 0px; margin-top: 0; }
               
               
               

/* box für Haupttext: */
#mitte {
margin-top: 20px;
margin-left: 10px;
float:right; text-align:left; width:75%;  padding-left:10px; padding-right:4px; padding-top:1px; padding-bottom:1px
}
.liste       { list-style-type: circle }
a:active     { text-decoration: underline;  }
a:link       { text-decoration: none; color: #000000; font-weight:bold }
a:visited    { text-decoration: none; color: #007FAA }