#vpnavigation ul {  /* alle Listen */ 
    postition: relative;
    float: left;
    font-family: arial, verdana, helvetica, sans-serif; text-decoration: none;
    font-size: 12px;
font-weight: normal;
    text-transform: uppercase;    /* uppercase, lowercase */
    letter-spacing: 0px; 
    list-style: none; 
    margin:0; padding:0;
    padding-left: 5px;
    border-right-width: 0px;
    border-right-style: solid;
    border-color: #555555;
} 

#vpnavigation li { /* alle Listenelemente */ 
    float: left; 
    border-left-width: 0px;
    border-left-style: solid;
    border-color: #555555;
} 

#vpnavigation ul ul { /* alle Listenelemente der 2. Ebene */ 
    border-right-width: 0px;
    border-right-style: solid;
    border-color: #555555;
} 


/* Liste 1.Ebene */ 
#vpnavigation a { display: block;  /*width: 100px;*/ padding: 5px 15px 5px 15px; color: #888888; text-decoration: none; } /*ohne Myspace 19 19*/
/* Spezielle Angabe für Safari: */
html:root #vpnavigation a { display: block;  /*width: 100px;*/ padding: 5px 15px 5px 14px; color: #888888; text-decoration: none; } /*ohne Myspace 19 18*/


/* Liste 2.Ebene */ 
#vpnavigation ul ul a { padding: 3px 15px 3px 3px; color: #888888; /* background-color: #CCCCCC; */ }



/* 1. Ebene Aktiv */

#vpnavigation a:hover { color: #ffffe0; /* background-color: #B02222; */ }  /*  1.Ebene  a:hover*/
html:root #vpnavigation a:hover { color: #ffffe0; /* background-color: #B02222; */ }  /*  1.Ebene  a:hover*/
li#active a { color: #FFFFFF; /* background-color: #B02222; */ }  /* 1.Ebene a:activ */
html:root li#active a { color: #FFFFFF; /* background-color: #B02222; */ }  /* 1.Ebene a:activ */



/* 2. Ebene Aktiv */

#vpnavigation li.activepath a { /* Link in 1. Ebene (mit weiteren Unterebenen) */
color: #FFFFFF;
background-color: #B02222;
}
#vpnavigation li.activepath li a { /* 2. Ebene */
color: #666666;
background-color: #CCCCCC;
}
#vpnavigation li.activepath li a:hover { /* 2. Ebene a:hover */
color: #FFFFFF;
background-color: #B02222;
}
#vpnavigation li.activepath li#active a { /* 2. Ebene a:activ  */
color: #FFFFFF;
background-color: #B02222;
}



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

#vpnavigation ul li ul li{ /* Listen 2. Ebene Textblock */ 
/*  width: 118px;  */
} 
#vpnavigation ul li ul li a{ /* Listen 2. Ebene Textblock */ 
    padding-left:16px;
    padding-right:16px;
} 

#vpnavigation li li a.daddy { /* Listenelemente mit Unterpunkten */ 
/*  background: url(../images/rightarrow.gif) center right no-repeat; */
} 

#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: 0;
    margin-left: 0px;
    padding-bottom: 0px;
    margin-left: 8px;
} 

#vpnavigation li#active { /* Listen zur aktuellen Kategorie */ 
    font-style: normal!important; 
/*  background-color: #A00000; */

} 

#vpnavigation li li#active { /* Listen zur aktuellen Kategorie */ 
/*  background-color: #B02222; */
} 
#vpnavigation li li:hover { /* Listen zur aktuellen Kategorie */ 
    background-color: #B02222; 
}

#vpnavigation li.activepath ul, 
#vpnavigation li#active ul { 
    left: 0;
    margin-left: 0px;
    padding-bottom: 0px;
    margin-left: 8px;
}