#vpnavigation { /* alle Listen */
    float:left;
    margin:0px 0px 0px -1px;
    padding:0px;
    background-color:#ffffff;
    height:36px;
    width:744px;
    color:#ffffff;
}

#vpnavigation ul {
    margin:0px;
    padding:0px;
}

#vpnavigation li { /* alle Listenelemente */
    list-style-type:none;
    text-align:center;
    height:35px;
    width:185px;
    margin:0px 1px 0px 0px;
    font-size:14px;
    float:left;
}

#vpnavigation a {
    display:block;
    padding:8px;
    text-align:center;
    height:19px;
    width:169px;
    margin:0px 0px 0px 1px;
    font-size:13px;
    background-color:#93857a;
    color:#ffffff;
    text-decoration:none;
}

#vpnavigation li#active a {
    background-color:#e1001a;
}

#vpnavigation li#active ul li a {
    background-color:#93857a;
}

#vpnavigation a:hover {
    background-color:#e1001a!important;
}

#vpnavigation li ul { /* Listen 2. Ebene */
    position: absolute;
    width:185px;
    margin:0px;
    left: -999em; /* durch "left" außerhalb des sichtbaren Bereichs wird das gleiche erreicht wie durch "display: none", kann aber auch von Textbrowser angezeigt werden */
    z-index: 99;
}

#vpnavigation li ul li {
    border-top:1px solid #ffffff;
}

#vpnavigation ul li ul li a {background-color:#cdc6b5;}
#vpnavigation ul li#active ul li a {background-color:#cdc6b5;}

#vpnavigation li ul ul { /* Listen 3. Ebene und weiter */
    margin: -1em 0 0 10em;
}

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

#vpnavigation li:hover ul, #vpnavigation li li:hover ul, #vpnavigation li.sfhover ul, #vpnavigation li li.sfhover ul { /* Listen, die unterhalb von "gehoverten" Menüpunkte liegen */
    left: auto;
}

* html #vpnavigation li {margin:0px;}
* html #vpnavigation li ul {margin-left:-92px;}
*+html #vpnavigation li ul {margin-left:-92px;}