#vpnavigation, #vpnavigation ul { /* alle Listen */
    padding: 0;
    margin: 0;
    list-style: none;
}

#vpnavigation ul li a {
 display: block;
 width: 120px;
 padding: 2px 8px;
 border-left-width: 0;
 text-decoration: none;
 color: #ffffff;
 text-align: center;
 font: normal 60%/18px arial, verdana, 'trebuchet ms', sans-serif;
}

#vpnavigation ul li a:hover {
 color:#8C1808;
}

#vpnavigation li { /* alle Listenelemente */
    float: left;
    width: 100px;
}

#vpnavigation li ul { /* Listen 2. Ebene */
    position: absolute;
    background: #f0f0f0;
    width: 120px;

    left: -999em; /* durch "left" außerhalb des sichtbaren Bereichs wird das gleiche erreicht wie durch "display: none", kann aber auch von Textbrowser angezeigt werden */
border: 1px solid #000000;
padding-right:15px;
}

#vpnavigation li ul a { /* Listen 2. Ebene */
 color:#000000;
}

#vpnavigation li ul a:hover{ /* Listen 2. Ebene */
 color:#ffffff;
 background: #000000;

}

#vpnavigation li li a.daddy { /* Listenelemente mit Unterpunkten */

    background: url(../upload/images/rightarrow.gif) center right no-repeat;
}

#vpnavigation li ul ul { /* Listen 3. Ebene und weiter */

}

#vpnavigation li:hover ul ul, #vpnavigation li.sfhover ul ul {
    
}

#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;
}

#vpnavigation li.activepath { /* Listenelemente, die im aktiven Pfad liegen */
    font-style: italic!important;
}

#vpnavigation li#active { /* Listen zur aktuellen Kategorie */
    font-style: italic!important;
}