body {
    color: black; background-color: white;
    font-size: 100.01%;
    font-family: Arial,sans-serif;
    margin: 0; padding: 0 0 0 0;
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  }
  #oben {
    clear: both; height: 4em;
    font-size: 0.9em;
    margin: 0; padding: 0.1em;
    text-align: center;
    background-image: url(../../foto/hint.jpg);
    border: 0px solid silver;
  }

  div#rechts {
    font-size: 0.9em;
    float: right; width: 12em; height: 900px;
    margin: 0 0 0em; padding: 0;
    background-image: url(../../foto/hint.jpg); border: 0px dotted;
    border-color:#666666;
  }
  div#rechts h2 {
    font-size: 1.33em;
    margin: 0.2em 0.5em;
  }
  div#rechts p {
    font-size: 1em;
    margin: 0.5em;
  }

  div#mitte {
    font-size: 0.9em;
    min-height: 450px;
    margin: 0 12em 0em 13em;
    padding: 0 1em;
    border: 0px dotted;
 
  }
  * html div#mitte {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
  }
  #unten {
    height: 30px;
    clear: both;
    font-size: 0.9em;
    margin: 0; padding: 0em;
    text-align: center;
    background-image: url(../../foto/hint.jpg); border: 0px dotted;
  }

  #aaktiv{
    color: black;
    text-decoration:none;
    background-color: #c8c8c8;
  }

  ul#links {
    font-size: 0.83em;
    float: left; width: 14em; height: 900px;
    text-align:center;
    margin: 0 0 0em; padding: 0;
    border: 0px dotted;
    border-color:#666666;
    background-image: url(../../foto/hint.jpg);
  }
  ul#links li {
    list-style: none;
    margin: 0; padding: 0.6em;
  }
  ul#links a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
  }
  ul#links a:link {
    color: #666; background-color: #b2b2b2;
  }
  ul#links a:visited {
    color: #666; background-color: #b2b2b2;
  }
  ul#links a:hover {
    color: black; background-color: #c8c8c8;
  }
  ul#links a:active {
    color: white; background-color: gray;
  }