/* ---------------------------------------------------********* Test Nav Css ************--------------------------------------------------*/

/**************************** 
Ebene 1 
*****************************/ 


/* <ul> Element "navroot" umfasst die gesamte Navi */ 

.navroot { 
font-family: verdana, arial, helvetica, sans-serif; 
font-size:13px; 
font-weight: bold; 
width: 230px; 
list-style: none; 
background: #ffffff; 
} 
               /* Hauptnavie */
.navroot a { 
display: block; 
width: 230px !important; /* Breite für netscape, Firefox, Opera usw. */ 
width: 230px; /* Breite für IE */ 
font-weight: bold; 
text-decoration: none; 
border-top: 0px; 
border-right: 0px solid #FFF; 
border-bottom: 0px solid #FFF; 
border-left: 0px solid #FFF; 
color: #8C8C8C; 
padding: 3px 3px 3px 7px; 
margin-top: 0px; 
background:#FFF url('linie.gif') no-repeat 0px 4px;
} 
.navroot a.active{ 
border-left: 0px solid #FF0000; 
border-bottom: 0px solid #747474; 
color: #8C8C8C; 
background:#FFF url('linie_2.gif') no-repeat 0px 4px;
} 

.font-family a:hover{ 
border-left: 0px solid #FF0000; 
color: #8C8C8C; 
background:#FFF url('linie_1.gif') no-repeat 0px 4px;
} 

/**************************** 
1. Unterebene (subnav1) 
*****************************/ 
.subnav1 { 
list-style: none; 
margin-left: 0px; 
padding-left:15px;
} 

.subnav1 a { 
display: block; 
width: 230px !important; 
width: 230px !important; 
font-weight: normal; 
text-decoration: none; 
border-top: 0px none; 
border-right: 0px solid #FFF; 
border-bottom: 0px solid #747474; 
color: #8C8C8C; 
margin-top: 0px; 
padding-left:15px;
background:#FFF url('punkt_1.gif') no-repeat 1px 4px;
} 

.subnav1 a.active{ 
color: #8C8C8C; 
background:#FFF url('punkt_2.gif') no-repeat 1px 4px;
text-decoration: none 
} 

.subnav1 a:hover{ 
color: #8C8C8C; 
background:#FFF url('punkt_2.gif') no-repeat 1px 4px;
text-decoration: none 
} 

/**************************** 
1. Unterebene (subnav2) 
*****************************/ 
.subnav2 { 
list-style: none; 
margin-left: 20px; 
} 

.subnav2 a { 
display: block; 
width: 230px !important; 
width: 230px; 
font-weight: normal; 
text-decoration: none; 
border-top: 0px; 
border-right: 1px solid #FFF; 
border-bottom: 1px solid #FFF; 
border-left: 0px solid #FFF; 
color: #8C8C8C; 
padding-left:2.0em;
background:#FFF url('punkt_3.gif') no-repeat 5px 4px;
margin-top: 0px; 
} 

.subnav2 a.active{ 
background:#FFF url('punkt_4.gif') no-repeat 5px 4px;
color: #8C8C8C; 
} 

.font-family a:hover{ 
background:#FFF url('punkt_4.gif') no-repeat 5px 4px;
color: #8C8C8C; 
}

/* ---------------------------------------------------*************** Test Nav Css Ende ******************------------------------------------*/