body {
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size: small;
 color: #FFFFFF;
 background: #E8E8E8 url(images/navi.gif) repeat-y;
 margin: 0;
 height: 2300px;
}

#mittig {
margin: 0 0 0 0;
}

th, td {font-size: 10pt;}

/************************************************
*************FIRST_LEVEL*************************
************************************************/
#DIV {
 position: absolute;
 background: #004C75 ;
 top: 70px;
 width: 160px;
 height: 95%;
 padding: 20px 0 0 0;
 text-align: right;
 font-size: 16pt;
 
}
/*Style-Definition für die First-Level-Navigation*/
DIV.fstLevel a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 120px;
PADDING: 5px;
MARGIN: 1Px;
FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 10pt;
TEXT-ALIGN: left;
COLOR: #FCDC43;
BACKGROUND-COLOR: #004C75;
}
/*Style-Definition für die First-Level-Navigation bei Mouse-Over*/
DIV.fstLevel a:hover
{
COLOR: #00FF00;
BACKGROUND-COLOR: #004C75;
}
/*Style-Definition für die First-Level-Navigation bei aktivem Link*/
DIV.fstLevelActive a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 120px;
PADDING: 5px;
MARGIN: 1Px;
FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 10pt;
TEXT-ALIGN: left;
COLOR:#00FF00;
BACKGROUND-COLOR: #004C75;
}

/************************************************
*************SECOND_LEVEL*************************
************************************************/
/*Style-Definition für die Second-Level-Navigation*/
DIV.secLevel a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 120px;
PADDING: 5px;
MARGIN: 1Px;
FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 8pt;
FONT-WEIGHT: normal;
TEXT-ALIGN: right;
COLOR:#FCDC43;
BACKGROUND-COLOR: #004C75;
}
/*Style-Definition für die Second-Level-Navigation bei Mouse-Over*/
DIV.secLevel a:hover
{
COLOR: #00FF00;
BACKGROUND-COLOR: #004C75;
}
/*Style-Definition für die Second-Level-Navigation bei aktivem Link*/
DIV.secLevelActive a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 120px;
PADDING: 5px;
MARGIN: 1Px;
FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 8pt;
FONT-WEIGHT: normal;
TEXT-ALIGN: right;
COLOR: #00FF00;
BACKGROUND-COLOR: #004C75;
}

#logo {
position: absolute;
top: 7px;
left: 7px;
}

#banner {
 position: absolute;
 background: #004C75; /*#FCDC43;*/
 top: 0px;
 text-align: right; 
 width: 100%;
 height: 70px;
 
}

#banner a{
  background: #000000;
  width: 160px;
  text-decoration: none;
  font-size: 10pt;
  color: #FFFFFF;
  
}

#banner a:hover {
  background: #000000;
  border: none;
  color: #FF0000;
}
#banner a#aktiv {
  background: #000000;
  color: #FF0000;
}


#inhalt {
 position: absolute;
 display:block;
 margin: 75px 165px;
 padding:10px 30px;
 font-size: 11pt;
 color: #000000;
 width: 625px;
height: 2300px;
 
}

/*table th { background: transparent; width: 70px; height: 20px; text-align: left; font-weight: normal}
table td { background: transparent; width: 150px; height: 20px}
*/

dt  {font-weight: bold;} /* Definitionslisten Term */
dd  {font-weight: normal;font-size: 10pt;}
dd tt  {font-weight: bold;}
dd b {line-height: 20pt}


h2 {/*Ueberschrift Startseite*/

 font-size: 11pt;
 color: #000000
}

h3 {
 font-size: 16pt;
 color: #000000
}

pre i { color: darkorange;} /* Komentar-Simulation */
pre b { color: darkblue;}   /* Anweisung-Simulation */
pre tt { color: darkblue;}   /* Anweisung-Simulation */

input.rea {
 width: 100px;
 height: 30px;
 background: sandybrown;
 border: double 3px saddlebrwn;
}

table#start { border: 0px solid burlywood}
table#start th { background: transporten; color: crimson; width: 30px}
table#start td { background: #FFFFFF;width: 120px; height: 50px;text-align: left}

table#aufgaben { border: 1px solid burlywood; }
table#aufgaben th { background: gold; color: crimson; width: 150px; }
table#aufgaben td { border: 1px solid burlywood; background: #66CCFF; line-height: 14pt; text-align: center; color:black;
}