ul#nav {
    margin: 2px 0 0 1px; padding: 0;
  }

  ul#nav li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0 0 0 6px; padding: 0;
  }
  * html ul#nav li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
  }
  ul#nav li a.dir{/* background-image: url(images/nav-arrow-down.gif); background-position: 88% 50%;
 background-repeat: no-repeat;padding-right:25px;cursor:pointer;*/
}
  * html ul#nav li a.dir{/* background-image: url(images/nav-arrow-down.gif); background-position: 95% 50%;
 background-repeat: no-repeat;padding-right:25px;cursor:pointer;*/
}
  *:first-child+html ul#nav li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;
  }

  ul#nav li ul {
    margin: 0; padding: 0;
    position: absolute;
    width: auto !important;
    white-space: nowrap;
    display: none;  /* Unternav ausblenden */
  }
  * html ul#nav li ul {  /* Korrektur fuer IE 5.x */
  }
  ul#nav li.platz { width:150px;  }
  * html ul#nav li.platz { width:150px;  }
  *:first-child+html ul#nav ul {  /* Workaround fuer den IE 7 */
    background-color:transparent; padding-bottom:0.4em;
  }
  ul#nav li:hover ul {
    display: block;  /* Unternav in modernen Browsern einblenden */
  }
  ul#nav li ul li {
    float: none;
    display: block;
    margin: 0;
border-top:1px #eee solid
  } 
ul#nav li ul li a{
    padding: 4px 7px;
  }

  ul#nav a, ul#nav span {
    display: block;
     /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 2px 7px;
    text-decoration: none; font-weight: bold;
    color: #fff; background-color: #000;
  }

  ul#nav a.dir:hover{
    color: #000; background-color: #fff;
  }
  ul#nav a:hover{
    color: #000; background-color: #ccc;
  }