body {
      font-family: arial, helvetica, serif;
    }

    #tit {
      color: black;
      text-decoration: none;
    }
    
    #sidebar {
      position: fixed;
      width:     10em;
      font-size: 90%;
      font-weight:bold;
    }
    
    #contents {
      width: 90%;
    }
    
    #logo {
      position: fixed;
    }
    
    #spacer1 {
      width:     7em;
    }
    
    #spacer2 {
      width:     10em;
    }
    
    /* CSS/JScript-Menu found at http://www.htmldog.com/articles/suckerfish/dropdowns/ */ 
    #nav a {
      color: #0000C0;
    }
    
    #nav a:hover {
      color: #E00000;
      background: #E0E0E0;
    }
	
    #nav, #nav ul { /* all lists */
      padding: 0;
      margin: 0;
      list-style: none;
      line-height: 1;
    }

    #nav a {
      display: block;
      width: 10em;  /* Breite der Schaltflächen 1. lvl */
      text-decoration: none;
    }

    #nav li { /* all list items */
      float: left;
      width: 10em; /* width needed or else Opera goes nuts */
    }

    #nav li ul { /* second-level lists */
      padding: 0.5em;
      position: absolute;
      background: #fffa9a;
      width: 10em;
      margin: -1em 0 0 5em;  /*neu für Einrücken lvl 2, em: Einrücktiefe*/
      left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
      line-height: 1;
    }

    #nav li ul li {
      width: 10em;
    }
    
    #nav li ul li ul { /* third-and-above-level lists */
      width: 10em;
      margin: -1em 0 0 5em;  /*lvl 3, Einruecktiefe*/
    }

    #nav li:hover ul ul, #nav li.sfhover ul ul {
      left: -999em;
    }

    #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { 
    /* lists nested under hovered list items */
      left: auto;
    }