#nav ul { /* all lists */
    padding: 0;
    margin: 12px 0 0 0;
    list-style: none;
    float : left;
    border: 0px solid red;
    z-index: 10;
    background-color: transparent;
}

#nav ul li { /* all list items */
    position : relative;
    float : left;
    border-bottom: 0px solid red;
    padding: 3px 0;
    width: 180px;
}

#nav ul > li {
    width: 180px;
    border-bottom: 0px solid red;
}

#nav li ul { /* second-level lists */
    position : absolute;
    left: -999em;
    top: -0px;
    margin-left: 181px;
    margin-top:0px;
    background-color: #fff;
    z-index: 5;
    width:135px;
}

#nav li ul ul { /* third-and-above-level lists */
    left: -999em;
    top:-12px;
    width:125px;
    margin:0;
    background-color:#fff;
}

#nav ul li ul li {
    border-bottom: 0px solid red;
    padding: 3px 0;
    width:140px;
}

#nav li a {
    display : block;
    color : #fff;
    font-size:11px;
    text-decoration : none;
    padding:2px 2px 2px 18px;
}

#nav ul li ul a {
    background-color : transparent;
    color: #666;
    padding:2px 2px 2px 10px;
}

#nav li a:hover, #nav li a.active {
    background-color : #AED779;
}

#nav ul li ul a:hover {
    background-color : #8BC53F;
    color: #fff;
    padding-left:10px;
    background-image:url(../images/subnav-pfeil.gif);
    background-repeat:no-repeat;
    background-position:0px 3px;
}

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

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