/* Hintergrund Bereich oberes Menue */

.toggle, [id^=drop] {
	display: none;
}

/* Menue Hintergrund */
nav {
	/*position:absolute;*/
	margin-top:-2em;
	margin-left:37px;
}

nav:after {
	content: "";
	display: table;
	clear: both;
}

nav ul {
	float: left;  /* Menue Ausrichtung links oder rechts*/
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	
}

nav ul li {
	display: inline-block;
	float: left;
	/*background-color:#FFFFFF;  Hintergrund Menue */
}

nav a {
	display: block;
	padding: 0px 10px 0 10px;
	font-family: Arial, Helvetiva, sans-serif;
	font-size: 0.875em;
	color: #000066;
	font-weight: bold; 		/* Schrift Stil (Fett usw.) im Button */
	text-decoration: none; 	/* Schriftstiele (Unterstreichung usw.) */  
	line-height: 2em; 	/* Hoehe Menue */	
	text-decoration: none;
}

nav ul li ul li:hover {
}

/* Hover color alle Menues */
nav a:hover {  
	background-color:#000066;
	color: #FFFFFF;
}

nav ul ul {
  display: none;
  position: absolute;
  top: -1px;  			/* Abstand Dropdown vom Hauptmenue */
background-color:#FFFFFF;
}

nav ul li:hover > ul { 
	display: inherit;
background-color:#FFFFFF; 
}

nav ul li ul {
	margin-top:1.7em; 	/* Abstand des PullDown Menues vom Hauptmenue*/
}

nav ul ul li {
	z-index:999;		/* Damit das Menue ueber der Lagekarte liegt*/
	width: 170px;		/* Breite Pull Down Menue*/ 
	float: none;
	display: list-item;
	position: relative;
	background-color:#C9C9C9;  /* Farbe der Schaltflaeche, wenn das Menue aufklappt */
	border-top: 1px solid #FFFFFF;
}

nav ul ul ul li {
}

/* li > a:after { content: ' +'; }*/
li > a:after { content: ''; }

li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {
nav ul li ul {
	margin-top:0; 	/* Abstand des PullDown Menues vom Hauptmenue*/
}


nav { 
	margin-top:-0.3em;
	margin-left:0px; 
	background-color: #000066;
}

nav .toggle {
	color:#FFFFFF;
}
nav ul li .toggle {
	color:#000066;
}
.toggle + a,
 .menu { display: none; }

.toggle {
	display: block;
	padding: 0 20px 0 10px;
	font-family: Arial, Helvetiva, sans-serif;
	font-size: 0.875em;
	color: #000066;
	font-weight: bold; 		/* Schrift Stil (Fett usw.) im Button */
	text-decoration: none; 	/* Schriftstiele (Unterstreichung usw.) */  
	line-height: 2em; 		/* Hoehe Menue */	
	text-decoration: none;
}

.toggle:hover { 
	background-color:#000066;
	color: #FFFFFF;	
}

[id^=drop]:checked + ul { display: block; }

nav ul li {
	display: block;
	width: 100%;
background-color:#FFFFFF;

}

nav ul ul .toggle, nav ul ul a { padding: 0 40px; }

nav ul ul ul a { padding: 0 80px; }

nav a:hover, nav ul ul ul a { 
	background-color:#000066;
	color: #FFFFFF;	
}

nav ul li ul li .toggle, nav ul ul a { 
 	background-color:#C9C9C9;       			/* Farbe der Schaltflaeche, wenn das Menue aufklappt */
	color: #000033;				   				/* Schriftfarbe wenn das PullDown Menue aufklappt */
	border-left:0 none;
	border-top: 1px solid #FFFFFF;
}

nav ul ul {
	float: none;
	position: static;
	color: #ffffff;
}

nav ul ul li:hover > ul, nav ul li:hover > ul { 
	display: none; 
}

nav ul ul li {
	display: block;
	width: 100%;
	
}

nav ul ul ul li { 
	position: static;
}

}
/* XXXXXXXXXXXXXXXXXXXXXXX */

@media all and (max-width : 330px) {

nav ul li {
  display: block;
  width: 94%;
}

}