body {
    color: whitesmoke; background-color: whitesmoke;
   
    font-size: 12px; line-height: 18px; font-family: Arial, Helvetica, Geneva, sans-serif;
font-weight:600;
    margin: 0; padding: 1em; ;margin: 0px;
   padding-left: 0px; padding-top:0px; margin-left:0px; margin-top:0px;
    min-width: 40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */

}




ul#Navigation   { margin-left: 30px; padding-top: 450px }

ul#Navigation li {
    list-style: none;
    margin: 0.4em; padding: 0.2em;
 
  }

  ul#Navigation a {
    text-decoration: none; 
    color: #333366;}
  ul#Navigation a:hover,ul#Navigation span    { color: #8b0000 }

#Bild  { margin: 0px; padding: 0px; position: absolute; z-index: 1; top: 0; left: 20px; width: 335px }

#Bilder     { background-color: #f5f5f5; margin: 0px; padding: 2px; position: absolute; top: 340px; left: 630px; width: auto; height: auto }
#Galerie    { background-color: #f5f5f5; margin: 0px; padding: 2px; position: absolute; top: 300px; left: 420px }
a:link { font-weight:600; color:orange; text-decoration:none; }
a:visited { font-weight:600; color:silver; text-decoration:none; }
a:focus { font-weight:600; color:silver; text-decoration:none; }
a:hover { font-weight:600; color:silver; text-decoration:none; }
a:active { font-weight:600; color:silver; text-decoration:none; }

#ManfredZemsch {
   position:absolute;
   
  top:330px;
  margin-left:160px;color: darkred; font-size: 20px; font-weight:200;
   
}

#Rot      { background-color: #8b0000; margin: 0px; padding-top: 100px; padding-left: 60px; position: absolute; z-index: 0; top: 0px; left: 355px; width: 335px; height: 760px }

#DoreenLemke
   { color: silver; font-weight: 200; font-size: 10px; line-height: 12px; position: absolute; z-index: 30; top: 300px; left: 800px }



.Zitat{color: yellowgreen; font-size: 20px; font-weight:600; line-height: 24px;font-family: Arial, sans-serif}
.Vorbereitung {font-weight:600; color:skyblue;}
.Aktuell  { color: #9acd32; font-weight: 600 }
.Serie  { color: #336 }