body {
  height: 100%;
  background: url(grafik/back_2.png) repeat-x rgb(255, 152, 50); /* Hintergrundgrafik und Farbe setzen */
  text-align: center; /* Zentrierung für IE*/
  margin: 5px;
  margin-bottom: 1px;
  padding: 2%; /* Abstand zum Rand */
  min-width: 640px; /* Scrollbalken bei <640px Breite */
  font-size: 100.01%; /* Bugfix Fontsize */
  font-family:Verdana,Arial;
}

a { color: #346694; text-decoration: underline; } /* Links */
a:visited { color: #346694; } /* Besuchte Links */
a:hover { font-weight:bold; }

h1 { /* Überschriften */
  font-size: 2.7em;
  font-weight: normal;
  line-height: 0.8em;
  padding: 0.6em 0 0.2em 2%;
  margin: 0;
  border-bottom: 1px groove #E6E6FA;
  background: #fcc99;
}

h2, h3, h4 { font-weight: normal; }
h1, h2, h3, h4, h5, h6 {
  color: #000000;
  font-family:Verdana,Arial;
}

#rand {
  text-align: left;    /* Seiteninhalt wieder links ausrichten */
  min-height: 700px;                                                                    
  width: 70em; /* Breite wegen dem IE vorgeben */
  font-size: 0.8em; /* Schriftgröße verringern */
  max-width: 70em; /* Begrenzung der Breite auf max 70em */
  margin: auto; /* Seite zentrieren */
  border: 2px outset #aaaaaa; /* Umrandung */
  background: url(grafik/back.png) repeat-x rgb(203, 51, 0); /* Hintergrund innerer Rahmen */
  }

#kopf {
  background: rgb(247, 244, 151); /* Hintergrundfarbe Kopf */
  height: 100px; /* Höhe des Kopfes */
  padding: 0px 15px;
  text-align: left;
  line-height: 20px;
  color: #000000; /* Schriftfarbe im Kopf */
  font-size: 20px; /* Textgröße in px
  overflow: hidden; /* Überhang abschneiden */
  letter-spacing: 1px; /* Zeichenabstand im Kopf verringern */
  margin: 2px;
  padding-right: 0.1em;
}

#topmenu {
  background: url(grafik/logo_b.gif) 817px 0px no-repeat #ff6600; /* Logo und Balkenfarbe orange */
  padding: 4px 100px; /* Menupunkteabstand rechts und links*/
  margin: 2px;
  border-bottom: 2px solid; border-bottom-color:#000000; /*schwarzer Strich unter Seitenkopf */
  text-align: left;
  color: white; /* Menüpunkt der gerade kein Link ist */
  font-style:italic;
}

#topmenu li {
  font-size: 1.2em;
  list-style-type: none; /* no bullets */
  display: inline; /* Listenpunkte nebeneinander */
  border-left: 1px solid white; /* Ein optischer Trennungsstrich */
  padding: 0 10px 0 15px;
  font-weight: bold;
}

#topmenu li a {
  color: white; /* Linkfarbe soll weiß sein. */
  text-decoration: none;
  font-style:normal;
}

#main { /* Text im Hauptfenster */
  text-align: left;    /* Seiteninhalt wieder links ausrichten */
  font-size: 1.1em;
  margin: 00 10em 0 12em;
  padding: 1 1;
  line-height: 1.5em; /* Zeilenhöhe vergrößern */
}

ul#Navigation { /* Menü links */
    text-align: left;
    font-size: 0.83em;
    float: left; width: 15em;
    margin: 0; padding: 0;
    border: 0px outset green; /* Umrandung Menü links */
 }

ul#Navigation li {
    list-style: none;
    padding: 0.5em 2;
 }

ul#Navigation a { /* einzelner Menüpunkt links */
    display: block;
    padding: 0.2em;
    font-weight: bold;
    text-decoration: none;
    border: 1px outset orange; /* Umrandung Menüpunkt */
 }

ul#Navigation a:link {
    color: black; background-color: #ffff00; /* Hintergrundfarbe Menübutton links */
}

ul#Navigation a:visited {
    color: #666; background-color: yellow;
    font-weight: normal;
}

ul#Navigation a:hover {
    color: black; background-color: #ff6600; /* aktiver Menüpunkt wird orange */
}

ul#Navigation a:active {
    color: white; background-color: #ff6600 /* angeklickter Menüpunkt wird orange */ 
}

#Info { /* Infobox rechts */
    font-size: 0.9em;
    float: right; width: 12em;
    margin: 4; padding: 4;
    border: 1px outset orange; background-color: #eee; /* Umrandung Infobox rechts */
}

#Info strong {
    font-size: 1.33em;
    margin: 0.2em 0.5em;
}

#Info p {
    font-size: 1em;
    margin: 0.5em;
}