@import url('https://fonts.googleapis.com/css?family=Lato:100,300');

#navi {
	margin: 0 auto;
	padding:0;
	z-index:8000;
	/* width:950px; */
	width:auto;
}

#navi  ul {
	float:left;
}

#navi li {
	padding: 0;
	float: left;
	position: relative;
	list-style: none;
	text-align:left;
}


/* 1. ebene link */

#navi a {
	font-family: 'Lato', Tahoma, Verdana, Geneva, sans-serif;
	font-weight:300;
	font-size: 20px;
	text-transform:uppercase;
	color: #6c5d56;
	text-decoration: none;
	display: block;
	padding: 18px 28px;
	margin: 0;
	border-left:1px solid #ffffff;
	background-color:#e5e4e3;
	transition: background-color 0.5s ease;

}

#navi  li:last-child  {
border-right:1px solid #ffffff;
}



@media screen and (-webkit-min-device-pixel-ratio:0) {
 
    #navi a {
        padding: 0 5px 0 5px;
		
    }
}

#navi a:hover {
	color: #ffffff;
	background-color:#007788;
	/* --- anim. Button --- */
}

/* 1. ebene hover */
#navi .current a, 
#navi li:hover > a,
#navi li ul li.current a

 {
	color: #ffffff;
	background-color:#007788;
}

#navi .current a {

}
	
.txtlnkaktiv {
	color: #8d8682;
}	

/* untermenueebenen link hover */
#navi ul li:hover a, #navi li:hover li a {
	background: none;
	border: none;
	color: #007788;
	font-size: 14px;

}
#navi ul a:hover {
	color: #007788	 !important;
}

/* dropdown */
#navi li:hover > ul {
	display: block;
}

/* 2. ebenen liste */
#navi ul {
	display: none;
	margin: 0;
	padding: 0;
	width: auto;
	position: absolute;
	/* top: 40px;  */
	left: 0;
	z-index:9000;
}

ul#navi  li {
	background-image: none;
}

#navi ul li {
	float: none;
	margin: 0;
	padding: 0;
	padding:10px 0 10px 0;
	background-image: url("../images/submenuebackground.png");
	height:auto;
	border-bottom: 1px solid #d3d3d3;
}


#navi ul a {
	font-weight: 300;
	padding:10px 25px;
}

/* angaben zur 3. ebene der ul-liste */
#navi  ul {
	width: 250px;
}

/* zusatzangaben für erste und letzten link */
#navi ul li:first-child > a {

}

#navi ul li:last-child  {
border-bottom:5px solid #f7ba00;
}

/* clearfix */
#navi:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#navi {
navidisplay: inline-block;
} 
html[xmlns] #navi {
	display: block;
}
 
* html #navi {
	height: 1%;
}