/* ---------------------- TLF Nav horizontal ---------------------- */
#container{
    position:relative;
    height:45px;
    color:#4E4E4E;
    background:#1A8171;
    width:750px;
    font-family:Helvetica,Arial,Verdana,sans-serif;
 }
 
#nav{
	position: relative;
	height: 33px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	background:#fff url("../../Bilder/nav_ban_bg_2_vo.gif") repeat-x bottom left;
	padding: 0 0 0 20px;
}

#nav ul{
    margin:0;
    padding:0;
    list-style-type:none;
    width:auto;
    float:left;
}

#nav ul li{
   display:block;
   float:left;
   margin:0 1px;
}
  
#nav ul li a{
   display:block;
   float:left;
   color: #EAF3F8;
   text-decoration:none;
   padding:0 0 0 20px;
   height:30px;
}

#nav ul li a span{
   padding:12px 20px 0 0;
   height:21px;
   float:left;
   }

#nav ul li a:hover{
   color:#fff;
   background:transparent url("../../Bilder/nav_ban_bg_vo.gif") repeat-x bottom left;
}

#nav ul li a:hover span{
   display:block;
   width:auto;
   cursor:pointer;
}

#nav ul li a.current,#nav ul li a.current:hover{
	color: #fff;
	background: transparent url("../../Bilder/nav_ban_on_vo.gif") no-repeat top left;
	line-height: 275%;
}

#nav ul li a.current span{
   display:block;
   padding:0 20px 0 0;
   width:auto;
   background:transparent url("../../Bilder/nav_ban_on_vo.gif") no-repeat top right;
   height:30px;
}
/* ---------------------- END TLF Nav horizontal ---------------------- */