/* Start des Hauptmenue Desktopversion */
.navigation{
float:right;
margin-top: -0.8em;
}

.nav {	 
font-family: 'Open Sans', sans-serif; 
position: relative;
margin: 0;
}

ul.nav{
padding:0;
list-style:none;
}
 
.nav > li {
display: inline-block;
float:left;	 
}
 
/* Auswahl Style */
.nav > li > a {
padding:10px 15px 10px 15px;
display: block;
text-shadow:4px 2px 0px rgba(0, 0, 0, 0.20);
color:#999;
font-size:1.4em; 
}

.nav > li:hover > a{
color:#fff;	 
}

.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none; 
background-color: rgba(13,13,13,0.10);
}

/* Simple multilevel dropdown */
.nav > li > ul {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	list-style: none;
	top:50px;
	width: 260px;
	text-align: left;
	margin-top:1px;
	padding: 0px;
	z-index: 99;
}
/* First level appear */
.nav > li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin-top: 0px;
}
/* Style for dropdown links */
.nav li > ul li{	
	position: relative;
 }
.nav li > ul li a{
	color:#999;
    background: url(../images/bg-menue-trans.png) repeat top left;
	font-size:1.1em;
	display: block;
	padding:10px 10px;	 
	position:relative;
	border-bottom: 1px dotted #999;
 
}
 
.nav ul  li:hover > a {
color:#fff;	 
	font-size:1.6em; 	
}
 
input#mobile_menu { display: none; }

/* Hier beginnt das Mobile Menue */ 
@media only screen and (max-width:960px) {
.nav {
display: none;
}

label.mobile_menu {
position: relative;
display: block;
width: 100%; 
padding: 4px 0;   
}

/* Button-Menueauswahl */ 
#mobile_menu:checked+.nav {
display: block
}

label.mobile_menu:after {
position: absolute;
top:-42px;
right: 0px;
content: "\2261";
font-size: 38px;
color: #F3E2A9;
} 

.nav li {
width: 100%;
text-align: center;
border-bottom: 6px solid #4F4F4F;	
}

.nav > li {
background-color: rgba(13,13,13,0.20);
padding:0px 0px;
position: relative;
}
	
.nav > li > a {
display:block;
font-size:1.2em;
}

.nav > li > a:hover {
text-decoration: none; 
}

.nav > li > a:focus {
background-color: rgba(13,13,13,0.70);
}

}