body {
    color: black;
    background-color: #e6f251;
    background-image: url(gfx/head_back.jpg);
    background-repeat: repeat-x;
    font-size: 100.01%;
    font-family: Comic Sans MS,Arial,sans-serif;
    margin: 0; padding: 1em;
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  }
  
  table {
    padding: 1em;
  }
  
  tr.odd {
    background-color: #ddffbb;
  }

  tr.even {
    background-color: #fff;
  }
  
  td.question {
    color: #36a330;
  }

  td.answer {
    color: #000;
  }
  
  td.number {
    font-size: 0.8em;
    color: #36a330;
  }

  div#head {
    font-size: 1.5em;
    margin: 0 0 0.7em;
    padding: 0;
    border: 0;
  }

  div#Navigation {
    font-size: 0.9em;
    float: left;
    width: 12.1em;
    margin: 0 0 1.2em;
    padding: 0;
    border: 2px solid black;
    background-color: #fff;
  }

  div#Navigation p {
    display: block;
    padding: 0.25em;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    color: #fff;
    background-color: #36a330;
    background-image: url(gfx/head_back.jpg);
    background-repeat: repeat-x;
  }

  div#Navigation a {
    display: block;
    padding: 0.5em;
    font-weight: bold;
    text-decoration: none;
  }

  div#Navigation a:link {
    color: #36a330;
    background-color: white;
  }
  div#Navigation a:visited {
    color: #36a330;
    background-color: white;
  }
  div#Navigation a:hover {
    padding: 0.25em;
    font-size: 1.2em;
    color: #000;
    background-color: #36a330;
    background-image: url(gfx/head_back.jpg);
    background-repeat: repeat-x;
    background-position: 0px -50px;
  }
  div#Navigation a:active {
    color: white;
    background-color: #df0df2;
  }

  div#Info {
    font-size: 0.75em;
    font-family: Arial,sans-serif;
    float: right; width: 12em;
    margin: 0 0 1.1em; padding: 0;
    background-color: #fff; border: 2px solid black;
  }
  div#Info h2 {
    font-family: Comic Sans MS,Arial,sans-serif;
    font-size: 1.6em;
    margin: 0;
    padding: 0.1em 1em;
    color: #fff;
    background-color: #36a330;
    background-image: url(gfx/head_back.jpg);
    background-repeat: repeat-x;
  }

  div#Info h3 {
    font-family: Comic Sans MS,Arial,sans-serif;
    font-size: 1.1em;
    margin: 0em 0.5em;
    color: #36a330;
  }

  div#Info h4 {
    font-family: Arial,sans-serif;
    font-size: 0.75em;
    text-align: center;
    margin: 1em 0.5em 0 0;
    color: #36a330;
  }

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

  div.Inhalt {
    margin: 0 10em 1em 11.8em;
    border: 2px solid black;
    background-color: #fff;
  }
  * html div.Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
  }
  div.Inhalt h2 {
    font-size: 1.2em;
    margin: 0 0;
    padding: 0.1em 1em;
    color: #fff;
    background-color: #36a330;
    background-image: url(gfx/head_back.jpg);
    background-repeat: repeat-x;
  }

  div.Inhalt h3 {
    font-size: 1.2em;
    margin: 0 0;
    padding: 0.2em 1em;
    color: #36a330;
  }

  div.Inhalt h4 {
    font-family: Arial,sans-serif;
    font-size: 0.75em;
    margin: 1em 0.5em 0 1em;
    color: #36a330;
  }

  div.Inhalt p {
    font-size: 1em;
    margin: 0.5em 1em;
  }

  p#Fusszeile {
    clear: both;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0; padding: 0.1em;
    text-align: center;
    background-color: #309e2a;
    border: 2px solid black;
    background-image: url(gfx/topbar_back.jpg);
  }

  div#NewsHead {
    height: 2.6em;
    background-color: #fff;
    background-image: url(gfx/topbar_back.jpg);
    background-repeat: repeat-x;
    overflow:visible;
  }
  div#MainHead {
    height: 1.95em;
    background-color: #fff;
    background-image: url(gfx/topbar_back.jpg);
    background-repeat: repeat-x;
    overflow:visible;
  }