#body {
  height: 100%;
  background-color: #FFD279; /* Hintergrundfarbe setzen */
  text-align: center;  /* Zentrierung für IE */ 
  margin: 5px;
  margin-bottom: 1px;
  padding: 5%; /* 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: 65em; /* 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: 3px outset #aaaaaa; /* Umrandung */
  background: rgb(255, 204, 100); /* Hintergrund innerer Rahmen */
  }

#kopf {
  height: 160px; /* 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: 0px;
  padding-right: 0.1em;
  background: url(grafik/kopf.jpg) no-repeat; background-color: rgb(255, 204, 100); /* Hintergrundgrafik Kopf und Farbe */
}

#topmenu {
  background: url(grafik/links1.gif) repeat-y rgb(255, 204, 100); 
  /*  background: url(grafik/logo_b.gif) 760px 0px no-repeat #ff6600; Logo und Balkenfarbe orange */
  padding: 4px 100px; /* Menupunkteabstand rechts und links*/
  margin: 0px;
  /* 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 */
    background: url(grafik/links1.gif) repeat-y; 
    text-align: right;
    font-size: 0.83em;
    float: left; width: 14em;
    margin: 0; padding: 0;
    border: 0px outset green; /* Umrandung Menü links */
 }

ul#Navigation li {
    background: url(grafik/links1.gif) repeat-y; 
    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: url(grafik/links1.gif) repeat-y rgb(255, 204, 100); /* Hintergrundfarbe Menübutton links */
}

ul#Navigation a:visited {
    color: #666; background-color: rgb(255, 204, 100); 
    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 */ 
}