body {
 font-family: Century Gothic,sans-serif;
 font-size: small;
 color: #000000;
 background: #BAB8BA;/*#56DB43;*/
 margin: 0px;
 height: 100%;
}
#mittig {
margin:2% 10% 0 10%;
}

#navigation {
 position: absolute;
 width: 160px;
 text-align: right;
 font-size: 16pt;
 
}

#navigation a{
  display: block;
  margin-top: 5px;
  background: transparent none;
  width: 160px;
  text-align: right;
  text-decoration: none;
  font-size: 10pt;
  color: #000000;
  border-top: #110000 solid 1px;
  padding: 2px;

}

#navigation a:hover {
  background: transparent none;
  border-top: brown solid 1px;
  color: crimson;
}
#navigation a#aktiv {
  background: transparent none;
  color: crimson;
}

#navi_unten {
 position: absolute; 
 margin: 455px 0;
 height: 160px;
 text-align: right;
}

#navi_unten a{
  display: block;
  margin-top: 5px;
  background: transparent none;
  width: 160px;
  text-align: right;
  text-decoration: none;
  font-size: 10pt;
  color: #110000;
  border-top: #110000 solid 1px;
  padding: 2px;
}

#navi_unten a:hover {
  background: transparent none;
  border-top: brown solid 1px;
  color: crimson;
}

#navi_unten a#aktiv {
  background: transparent none;
  color: crimson;
}

#banner {
 position: absolute;
 

}
#logo_gross {
 position: absolute;
 top: 40px;
 left: 71%;
}
#logo_klein {
 position: absolute;
 top: 0px;
 left: 200px;
}

#bild_1 {
 display: block;
 position: absolute;
 top: 75px;
 left: 200px;
}
#bild_2 {
 display: block;
 position: absolute;
 top: 150px;
 left: 200px;
}
#bild_3 {
 display: block;
 position: absolute;
 top: 225px;
 left: 200px;
}
#bild_4 {
 display: block;
 position: absolute;
 top: 300px;
 left: 200px;
}
#bild_5 {
 display: block;
 position: absolute;
 top: 375px;
 left: 200px;
}
#bild_6 {
 display: block;
 position: absolute;
 top: 450px;
 left: 200px;
}
#bild_7 {
 display: block;
 position: absolute;
 top: 525px;
 left: 200px;
}

#inhalt {
 background: #FF7E07;/* Farbe vom Hintergrund im Inhalt hier ist es orange */
 position: absolute;
 border: #001100 solid 1px;
 font-size: 10pt;
 color: #000000;
 margin: 0px 300px;
 width: 620px;
 height: 590px;
 
 }

#inhalt_start {
 background: #FF7E07;/* Farbe vom Hintergrund im Inhalt hier ist es orange */
 position: absolute;
 border: #001100 solid 1px;
 font-size: 14pt;
 color: #000000;
 margin: 0px 300px;
 width: 620px;
 height: 590px;
  
}

#schrift_start {
 position: absolute;
 font-size: 14pt;
 color: #ffffff;
 padding-top: 160px;
 padding-left: 30px;

 
}
#schrift {
 position: absolute;
 font-size: 10pt;
 color: #000000;
 padding-top: 20px;
 padding-left: 30px;
padding-right: 30px;

 
}


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*/
 position: absolute;
 font-size: 14pt;
 color: #FFFFFF
}

h3 {
 font-size: 12pt;
 color: #FFFFFF
}

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#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;
}
#logoG {
 display: block;
 position: absolute;
 top: 10px;
 left: 422px;
}
table#logo { border: 0px solid burlywood}
table#logo th { background: transporten; color: crimson; width: 5px}
table#logo td {background: #FFFFFF;width: 50px; height: 50px;}

table#start { border: 0px solid burlywood}
table#start th { background: transporten; color: crimson; width: 15px}
table#start td { background: #FFFFFF;width: 230px; height: 230px;}

#bild {
 display: block;
 position: absolute;
 top: 95px;
 left: 10px;
}

#bild_unten {
 display: block;
 position: absolute;
 top: 290px;
 left: 10px;
}

table#bild { border: 0px solid burlywood;}
table#bild th { background: transporten; width: 10px; color: crimson;}
table#bild td { border: 3px solid #CC0099; background: #FFFFFF; width: 175px; height: 175px;
}

table#imp { }
table#imp th { background: transporten; width: 100px; text-align: left; font-size: 10pt;}
table#imp td { background: transporten; width: 150px; text-align: left; font-size: 10pt;}