#service {
    font-family: arial, verdana, helvetica, sans-serif;
    color: #555555;
    font-size: 0.75em;
    text-transform: capitalize;
}
#service a { color: #555555; padding: 0 0.8em 0 0.8em; border-right: 1px solid #555555; text-decoration: none; }
#service a:hover { color: #000000; }


#subnavigation {
    margin:0; padding: 0;
    margin-top: 1.13em;
    list-style: none;
    border-top: 1px solid #017d41;
}
#subnavigation li a {
    font-family: arial, verdana, helvetica, sans-serif; 
    font-size: 0.9em; 
    color: #017d41;
    text-decoration: none;
    text-transform: capitalize;
    margin: 0;
    line-height: 250%;
    display: block;
    border-bottom: 1px solid #017d41;
}
#subnavigation li a:hover { color: #ff9303 }
#subnavigation li.on a { color: #ff9303 }


#navi_bg { position: absolute; }
#vpnavigation, #vpnavigation ul {  /* alle Listen */ 
    position: relative;
    float: right; 
    font-family: arial, verdana, helvetica, sans-serif; 
    font-size: .95em; 
    letter-spacing: -0.0em;
    list-style: none; 
    line-height: 100%;
    margin:0; padding:0;
} 
/*#vpnavigation { position: absolute; padding-top: 1.84em; }*/


#vpnavigation li { /* alle Listenelemente */ 
/*  float: left; */
    width:6.5em;  /* 173px */
    text-align: right;
    line-height: 140%;
    border-bottom: 1px solid #fcd36e; 
}  





/* Liste 1.Ebene */ 

#vpnavigation a { padding-right: 0.3em; font-size: 1em; font-weight: normal; letter-spacing: 0.06em; color: #017d41; text-decoration: none; }



/* Liste 2.Ebene */ 

#vpnavigation ul ul a { font-size: 0.8em; color: #017d41; }



#vpnavigation li li { /* Listen 2. Ebene Textblock */ 
    width: 15em;
    padding: 0.0em 0em 0.0em 0.0em;
    background-image:url('../upload/bilder/navi_punkt.gif');
    background-repeat:no-repeat;
    background-position: -1em 0.34em;
}





/* 1. Ebene Aktiv */



#vpnavigation li a:hover { color: #017d41; font-weight: bold; letter-spacing: 0.0em; }  /*  1.Ebene  a:hover*/

li#active a { color: #017d41; font-weight: bold; letter-spacing: 0.0em }  /* 1.Ebene a:activ */







/* 2. Ebene Aktiv */

#vpnavigation li li a:hover { color: #ff9303; }  /*  1.Ebene  a:hover*/



#vpnavigation li.activepath a { /* Link in 1. Ebene (mit weiteren Unterebenen) */
color: #017d41;

}

#vpnavigation li.activepath li a { /* 2. Ebene */
color: #017d41;

}

#vpnavigation li.activepath li a:hover { /* 2. Ebene a:hover */
color: #ff9303;

}

#vpnavigation li.activepath li#active a { /* 2. Ebene a:activ  */
color: #ff9303;

}













#vpnavigation li ul { /* Listen 2. Ebene */ 

    position: absolute; 

/*    background-color: #FFFFFF;  Wichtig für IE, sonst verschwindet bei Hover die 2. Ebene */ 

/*    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 */ 

    line-height: 120%;

} 



 

#vpnavigation ul li ul li a{ /* Listen 2. Ebene Textblock */ 

    padding-left:0px;

    padding-right:0px;

} 



/* 3. Ebene Aktiv */

#vpnavigation li li.activepath a { /* 2.Ebene wenn 3. Ebene aktiv ist*/ 

    color: #ff9303;

} 



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

    position: relative;

    display: none; 

    margin: 0em 0em 0em 40em; 

} 



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

    left: -999; 

} 



#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 */ 

    * position: relative; /* Safari/FF ausgeschlossen */

    left: auto;

    margin-left: 0px;

    padding-bottom: 0px;

    margin-left: 0px;

} 



#vpnavigation li#active { /* Listen zur aktuellen Kategorie */ 

    font-style: normal!important; 

} 



#vpnavigation li li#active, li li.activepath { 

    background-image:url('../upload/bilder/navi_punkt.gif');

    background-repeat:no-repeat;

    background-position: 0em 0.38em;

} 



#vpnavigation li li a { background-image:url('../upload/bilder/navi_punkt.gif'); background-repeat:no-repeat;  }

#vpnavigation li li a:link { padding-left: 1em; background-position: -1em 0.32em; } 

#vpnavigation li li a:visited { padding-left: 1em; background-position: -1em 0.32em; } 

#vpnavigation li li a:hover { padding-left: 1em; background-position: 0em 0.32em; }



#vpnavigation li.activepath ul, 

#vpnavigation li#active ul { 

    position: relative;

    left: auto; 

}