@media all
{   

  #subnav img {margin-top:20px}

  #subnav {
        position:absolute;top:30px;left:6px;
        width:172px;
        background:#f7f7f7;
        padding-bottom:7px;
        margin-bottom:20px;
        }
   
   #subnav .vlist {
    	overflow:visible;
    	width:172px;
    	height:auto;
        margin: 0 0 0 7px;
        padding: 5px 0 0 7px;
    	line-height: 16px;
    	font-size:11px;  
  }
  
  #subnav .vlist li {
    	float:left; /* LTR */
    	width:90%;
    	margin:0;margin-left:7px;
    	padding:0;
    	list-style-image: url(li_punkt.png);
  }
  
  #subnav .vlist hr {
	margin: 5px 0 5px -7px;
	padding:0;
	color: #CCCCCC;
	background-color: #CCCCCC;
	width: 167px;
	height: 1px;
	float:left;
}


  #subnav .vlist a,
  #subnav .vlist strong,
  #subnav .vlist span {
    	display:block;
    	margin:0;
    	padding:0;
    	text-decoration:none;
	line-height: 16px;
	color: #006185;
	text-decoration: none;
	font-size:11px;
  }

  #subnav .vlist a,
  #subnav.vlist a:visited {
    	color:#006185;
  }

  #subnav .vlist li.active {color:#6caac8;list-style-image: url(li_punkt_bl.png);}

  /* Level 1 **********************************************************************************/
  
  #subnav .vlist {list-style-image: url(li_punkt.png);}
  
  #subnav .vlist li a,
  #subnav .vlist li strong,
  #subnav .vlist li span {} /* LTR */

  #subnav .vlist li a:focus,
  #subnav .vlist li a:hover {color:#6caac8;}

  #subnav .vlist li a:active {color:#6caac8;list-style-image: url(li_punkt_bl.gif)}

  /* Level 2 *************************************************************************************/
  
  #subnav ul.vlist li ul {border-bottom:1px solid #aaa;}
  
  #subnav .vlist .subnav2 {
  	list-style-image: url(li_u_punkt.png);
  	margin-left:14px;
  	}
  
  .subnav2 a,
  .subnav2 strong,
  .subnav2 span {} /* LTR */

   #subnav2.vlist li.active2 a:active {color:#6caac8;list-style-image: url(li_u_punkt_bl.png);}

   #subnav li.active2 {list-style-image: url(li_u_punkt_bl.png);margin-left:14px;}

  .vlist li ul li a, 
  .vlist li ul li a:visited { color:#006185;}
  .vlist li ul li a:focus,
  .vlist li ul li a:hover,
  .vlist li ul li a:active { color:#6caac8;list-style-image: url(li_u_punkt_bl.gif)}

 /* Level 3 --------------------------------------------------------------------------------------------------------------- */

  #subnav ul.vlist li ul li ul {border-bottom:0}
  
  #subnav .vlist .subnav3 {
  	list-style-image: url(li_u_punkt3_or.png);
  	margin-left:22px;
  	}
  
  .subnav3 a,
  .subnav3 strong,
  .subnav3 span {width:80%} /* LTR */

   #subnav3.vlist li.active3 a:active {color:#6caac8;list-style-image: url(li_u_punkt3_bl.png);}

   #subnav li.active3 {list-style-image: url(li_u_punkt3_bl.png);margin-left:22px;}

  .vlist li ul li a, 
  .vlist li ul li a:visited { color:#006185;}
  .vlist li ul li a:focus,
  .vlist li ul li a:hover,
  .vlist li ul li a:active { color:#6caac8;list-style-image: url(li_u_punkt3_bl.gif)}

}