/*padding und list styling im ul entfernen*/
/*
@import url (http://fonts.googleapis.com/css?family=Open+Sans:400,300,800);
*/

nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
}

/*Horizontale Liste mit Abstand erstellen*/

nav li {
	display:inline-block;
	float:left;
	margin-right:1px;
	font-weight:bold;
}

/*Style der Menü-Links*/

nav li a {
	display:block;
	/*min-width:140px;*/
	height:50px;
	text-align:left;
	line-height:50px;
	color:#080808;
	background:#82a71ab3;
	text-decoration: none;
	padding:0 30px;
	border-radius:5px;
}

/*Hover-Zustand der Links der ersten Ebene*/

nav li:hover a {
	background:#fff;
	color:#000063;}

/*Style der dropdown-Links*/	

/*nav li:hover ul a {
background:rgba(176,196,222, .6);
color:#000063;
height:40px;
line-height:40px;
	}*/
	
/*Hover-Zustand der dropdown links*/
	
/*nav li:hover ul a:hover {
background:#CE0000;
color:#000063;
	}*/
	
/*dropdown-Links verstecken, bis sie gebraucht werden*/	

/*nav li ul {display:none;}*/

/*dropdown-Links vertikal zeigen*/
	
/*nav li ul li{
	display:block;
	float:none;
	}*/
	
/*Textumfluss vermeiden*/

/*nav li ul li a {
	width:auto;
	min-width: 100px;
	padding:0 30px;
	border-radius:5px;
	}*/

/*WICHTIG dropdown bei hover-Zustand zeigen*/
	/*
nav ul li a:hover + .hidden, nav .hidden:hover {
	display:block;}*/
	
/*Style für 'show menu' label button und standardmäßig verbergen*/
	
nav .show-menu {
	text-decoration:none;
	color: rgb(224, 80, 80);
	background: #82a71ab3;
	text-align:center;
	padding: 10px 0;
	display:none;
	}

/*checkbox verstecken*/

nav input[type=checkbox]{
	display:none;}

/*Menü zeigen, da die unsichtbare checkbox markiert ist*/
	
nav input[type=checkbox]:checked ~ #menu{
	display:block;}


/*Responsive Styles*/
	
@media screen and (max-width : 768px){
	
/*dropdown links 'inline' anzeigen*/

	nav ul {
		position: static;
		display: none;}
	
/*vertikaler Abstand*/

	nav li {
		margin-bottom:1px;}
		
/*alle menüpunkte volle Breite*/

	nav ul li, li a {
		width: 100%;}
	
	/*Zeige 'show menu' Link*/
	nav .show-menu {
		display:block;}}