#navigation {
    position: relative;
    list-style: none;
    width: 850px;
    margin-left: auto;
    margin-right: auto;
    height: 35px;
    z-index:200;
    background-image: url(../images/nav_hg.jpg);
}

#vpnavigation, #vpnavigation ul { /* alle Listen */
    postition: relative;
    float: none;
    font-family:arial, helvetica, sans-serif;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    list-style: none;
    margin:0;
    padding:0;
    padding-left: 0px;
    background-image: none;

}


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


/*
##################################################
Liste 1.Ebene
#################################################
*/

#vpnavigation a {
display: block;
font-weight: bold;
font-size: 12px;
padding: 9px 18px 8px 17px;  
color: #006699;
text-decoration: none;
}

#vpnavigation a:hover {
color: #ffffff;
font-size: 12px;
font-weight: bold;
background-color: #175CA1;
padding: 9px 18px 8px 17px;  
text-decoration: none;
background-image: url(../images/nav_hg_2.jpg);
} /* 1.Ebene a:hover*/





li#active a { * 1.Ebene a:activ */
font-family: arial, helvetica;
color: #ffffff;
font-size: 12px;
font-weight: bold;
padding: 9px 18px 8px 17px;  
background-color: #005E8F;

} 



/*
##################################################
2. Ebene
##################################################
*/

#vpnavigation ul ul a {

font-family: arial;
font-size: 12px;
font-weight: bold;
color: #ffffff;
background-color: #006699;

}

#vpnavigation li.activepath a { /* Link in 1. Ebene (mit weiteren Unterebenen) */
font-family: arial;
color: #ffffff;
    font-size: 12px;
    font-weight: bold;
background-color: #005E8F;
}

#vpnavigation li.activepath li a { /* 2. Ebene */
font-family: arial;
color: #ffffff;
text-decoration: none;
    font-size: 12px;
    font-weight: bold;
background-color: #005E8F;
}

#vpnavigation li.activepath li a:hover { /* 2. Ebene a:hover */
font-family: arial;
text-decoration: none;
color: #006699;
background-color: #f7f1d1;
}

#vpnavigation li.activepath li#active a { /* 2. Ebene a:activ */
font-family: arial;
color: #006699;
background-color: #f4c932;
}


#vpnavigation li ul { /* Listen 2. Ebene */
position: absolute;
background: #006699;
display: block;
width: 220px;
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: 220px;
}

#vpnavigation ul li ul li a{ /* Listen 2. Ebene Textblock */
    color: #ffffff;
    padding: 5px 17px 4px 17px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
}


#vpnavigation ul li ul li a:hover{ /* Listen 2. Ebene Textblock */
    color: #006699;
    background: #f7f1d1;
    padding: 5px 17px 4px 17px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
}

#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: auto;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
}


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


}