ul {
  list-style: none;
  font-weight: bold;
  line-height:14px;
}
a:visited{color:#00f;}
#navigation {
      float:left;
      width: 175px;
      color:#00f;    
      background-color:#ff0;
      margin-left: 0;
      padding-left:0; 
      font-family:Comic Sans MS;
      line-height:17px;
      font-size:13px;
}
#navigation a { 
      width: 170px;       
      text-decoration: none;
      display: block;
      padding:0em .5em 0em .1em;
      background: #FF0; 
}
#navigation ul {
      position: absolute;      
      left:-9999px;
      width:170px;      
}
#navigation li:hover ul{    
      left: 140px;
      top: -0.2em; z-index:0;
}
    /* Containing Block für absolute Positionierung -- erst bei Hover! */
#navigation li:hover{
      position: relative;
    }
#navigation li a {
      color: #00f;
      line-height:16px;
      z-index:0;
    }
    /* Den Hovereffekt in der ersten Listenebene behalten, wenn die zweite gehovert wird */
#navigation li:hover a {
      background: #EEE;
      color: #f00;
      z-index:0;
    }
    /* Einfärbung der zweiten Menüebene */
#navigation li:hover li a {
      position:relative;
      left:-36px;
      background: #DDD;
      color: #00F;
      border: 1px solid #000;
      z-index:0;
    }
    /* Hovereffekt in der zweiten Menüebene */
#navigation li li a:hover {
      line-height:19px;
      color: #F00;
      background: #EEE;
      width:200px;
    }
#navigation li li a {
      line-height:19px;
      width:200px;
}
#navi-klein{
  color:#888;
  font-size:12px;
  line-height:14px;
  margin-left:20px;
}