/* #############################################################################
** # Peter Bickel, (c) Polarpixel Vertikale Listennavigation ###################
** #############################################################################
**  Dateiversion: 02.04.07  
**  Datei       : nav_vlist.css
**  Funktion    : Formatierung der vertikalen Navigation über Ebene 2-5
**  Stand       : 13.04.07 Kalle
*/

@media all
{
/* #############################################################################
** ### Vertikale Listennavigation ##############################################
** #############################################################################
*/

#submenu {
 width: 100%;
 overflow: hidden;
 margin: 2.4em 0 1.5em 0;
 border-top: 1px #224A10 solid;
 border-bottom: 0px #224A10 solid;
 font-size: 0.9em;
}
	
.nav2nd, .nav3rd, .nav4th, .nav5th {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

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

.nav2nd li {
 float: left;
 width: 100%;
 margin: 0;
 padding: 0
}

.nav2nd li a,
.nav2nd li a:visited {
 line-height: 2.0em;
 font-weight: bold;
 display: block;
 background: #224A10;
 color: #FFFFFF;
 border-bottom: 1px #FFFFFF solid;
 margin: 0;
 padding: 0;
 padding-left: 10px;
 text-decoration: none;
}

.nav2nd li a:hover {
 color: #224A10;
 background: #DEEEDB;
 border-bottom: 1px #224A10 solid; 
 text-decoration: none;
}
	
.nav2nd .active2nd a,
.nav2nd .active2nd a:visited {
 border-bottom: 1px #224A10 solid; 
 color: #224A10;
 background: #DEEEDB;
 text-decoration: none;
}

/* ### 3. Ebene ############################################################# */

.nav2nd .nav3rd li a,
.nav2nd .nav3rd li a:visited {
 line-height: 2.0em;
 font-weight: normal;
 background: #547c42;
 color: #FFFFFF;
 padding-left: 20px;
 text-decoration: none;
}

.nav2nd .nav3rd li a:hover {
 color: #224A10;
 background: #DEEEDB;
 text-decoration: none;
}
	
.nav2nd .nav3rd .active3rd a,
.nav2nd .nav3rd .active3rd a:visited {
 color: #224A10;
 background-color: #DEEEDB;
 font-weight: bold;
 text-decoration: none;
}

/* ### 4. Ebene ############################################################# */

.nav2nd .nav3rd .nav4th li a,
.nav2nd .nav3rd .nav4th li a:visited {
 line-height: 2.0em;
 background:  #86ae74;
 color: #000000;
 padding-left: 30px;
 text-decoration: none;
}

.nav2nd .nav3rd .nav4th li a:hover {
 color: #224A10;
 background: #DEEEDB;
 text-decoration: none;
}
	
.nav2nd .nav3rd .nav4th li.active4th a,
.nav2nd .nav3rd .nav4th li.active4th a:visited {
 color: #224A10;
 background: #DEEEDB;
 font-weight: bold;
 text-decoration: none;
}

/* ### 5. Ebene
############################################################# */

.nav2nd .nav3rd .nav4th .nav5th li a,
.nav2nd .nav3rd .nav4th .nav5th li a:visited {
 font-size: 0.9em;
 line-height: 2.0em;
 background: #b8e0ae;
 color: #000000;
 padding-left: 40px;
}

.nav2nd .nav3rd .nav4th .nav5th li a:hover {
 color: #224A10;
 background: #DEEEDB;
 text-decoration: none;
}
	
.nav2nd .nav3rd .nav4th .nav5th .active5th a,
.nav2nd .nav3rd .nav4th .nav5th .active5th a:visited {
 color: #224A10;
 background-color: #DEEEDB;
 font-weight: bold;
 text-decoration: none;
}

}

