@charset "UTF-8";

	#menu ul{
		width:680px;
		margin:0 auto;
		list-style:none;
	}
	
	#menu li{
		list-style:none;	
		display:block;
		float:left;
		font-size:14px;
		font-weight:bold;
		height:40px;
		line-height:40px;
		padding:0 5px;
			position:relative;
	}
	
	#menu li a{
		display:block;
		float:left;
		height:40px;				
		color:#fff;
		text-decoration:none;
		font-family: Arial;
		text-transform:uppercase;
		padding:0 0 0 12px	;	     	
    	letter-spacing: 1px;			
    	line-height:40px;
	}
	

	#menu li a:hover{	
		color: #111;
		background:url(../../images/link-bg-left-hover.png) no-repeat left top;		
	}

    #menu li a span{
		padding: 0 12px 0 0 ;	     						
	}
	
	
	#menu li a:hover span, #menu li.active span{
		height:40px;
		display:block;
		float:left;
		background:url(../../images/link-bg-right-hover.png) no-repeat right top;
        cursor: pointer; 
	}
			
	#menu li.active a span, #menu li.currentdir a span{
		background:url(../../images/link-bg-right-sw.png) no-repeat right top;
	}
			
	#menu li.active a, #menu li.currentdir a{
		display:block;
		float:left;
		height:40px;				
		background:url(../../images/link-bg-left-sw.png) no-repeat left top;	
		color: #fff;
		text-decoration:none;			
	}
	
	
	#menu li a.sublink{
		color: #ccc;
		text-transform:none;
		font-size:12px;
		border: 0px solid #fff;
		height:40px;
		line-height:40px;
		margin-top: 5px;
		padding-left: 25px;
	}
	

#menu li a.sublink, #menu li a.sublink:hover{
		background: none;
		color: #bbb;
	}	
 #menu li a.sublink:hover{
		padding-top: 5px;
		color: #efefef;
	}	

ul.dropdown li.hover, ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown li ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: -150px;
 z-index: 598;
 text-align: center;
}
ul.dropdown li.last ul{
 left: -450px;
}

ul.dropdown li.first ul{
 left: 0px;
}

ul.dropdown li#faust ul{
 left: -120px;
}

ul.dropdown li#leistungen ul{
 left: -450px;
}

ul.dropdown li#angebote ul{
 left: -120px;
}

ul.dropdown li ul li {
 float: none;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown:hover > li.active > ul {
 visibility: hidden;
}

ul.dropdown > li.active:hover > ul {
 visibility: visible;
}

ul.dropdown li.active {
position:relative;
}

ul.dropdown li.active > ul {
 visibility: visible;
}

ul.dropdown *.dir {
 /*padding-right: 10px;
 background-image: url(images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;*/
}

/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 /*padding-right: 15px;
 background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;*/
}