#subnav {
    margin:0; padding:0;
    list-style: none;
    text-align: right;
}

#subnav li a {
    font-size:11px;
    text-decoration: none;
    font-weight: normal;
    text-transform: capitalize;
    line-height: 200%;
    display: block;
}

#subnav li.on a { color: #3399CC }



#vpnavigation, #vpnavigation ul {  /* alle Listen */ 
    postition: relative;
    float: none;
    font-family: arial, verdana, helvetica, sans-serif; text-decoration: none;
    font-size: 16px; 
    font-weight: bold;
    letter-spacing: +0px;
    list-style: none; 
    line-height: 100%;
    margin:0; padding:0;
    padding-left: 0px;      
} 

#vpnavigation li { /* alle Listenelemente */ 
    float: left; 
    padding-right: 1px;
    border-left:1px solid #522D10;
} 
#vpnavigation ul { background-color: #FFFFFF; border-right: 1px solid #522D10; }

#vpnavigation ul ul { /* 2. Ebene - alle Listenelemente */ 
    width: 100%;  
    font-weight: normal;
    letter-spacing: 0px;
} 



/* Liste 1.Ebene */ 
#vpnavigation a {  color: #522D10; display: block; padding: 2px 8px 2px 8px; /* background-color: #3399CC; */ text-decoration: none; text-transform: uppercase; }

/* Liste 2.Ebene */ 
#vpnavigation ul ul a { font-size: 10px;  color: #002266;  background-color: #DFEFFF;  }
#vpnavigation ul ul a:hover { font-size: 10px;  color: #FFFFFF;  background-color: #3399CC;  }


/* 1. Ebene Aktiv */

#vpnavigation a:hover { color: #94765F; /* background-color: #DFEFFF; */ }  /*  1.Ebene  a:hover*/
li#active a { color: #94765F; /* background-color: #DFEFFF; */ }  /* 1.Ebene a:activ */



/* 2. Ebene Aktiv */

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








#vpnavigation li ul { /* Listen 2. Ebene */ 
    position: absolute; 
    background-color: #FFFFFF; 
    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:5px;
    padding-right:5px;
} 

#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: -999em;
    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: #FFFFFF; 
}