#navipath { font-size: 0.71em; color: #017d41; padding-bottom: 0.2em; border-bottom: 1px solid #017d41; margin-bottom: 1.5em; }

a.navipath { color: #017d41; text-decoration: none; }

a.navipath:hover { color: #fbbc21; }

#nav-path-last { color: #fbbc21; text-decoration: none; }



#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: left;
    font-family: arial, verdana, helvetica, sans-serif; 
    font-size: 0.94em; 
    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: 12.12em;  /* 173px */
    margin-right: 0.62em; /* 8px; */
border: 0px solid #AAAAAA; 
}  





/* Liste 1.Ebene */ 

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



/* Liste 2.Ebene */ 

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



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

    width: 15em;

    padding: 0.0em 0em 0.0em 0.0em;

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

    background-repeat:no-repeat;

    background-position: -1em 0.34em;

}





/* 1. Ebene Aktiv */



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

li#active a { color: #017d41; }  /* 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('../images/navi_punkt.gif');

    background-repeat:no-repeat;

    background-position: 0em 0.38em;

} 



#vpnavigation li li a { background-image:url('../images/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; 

}