@charset "UTF-8";
/* CSS Document */


/* Formatierung Menü mobil
----------------------------------------------------------------------------------------------------*/
	
		nav {
			margin: 0 auto;
			width: 100%;
			/* Abstand unterhalb des Ikon bis zum Text */
			height: 2em;
			text-align: right;
			position: fixed;
			top:0;
			/*left:0;  */
			right:0;
			-webkit-transition: all 0.8s ease;
			-moz-transition: all 0.8s ease;
			-o-transition: all 0.8s ease;
			transition: all 0.8s ease;
			/*background-color:#FFF;*/
			z-index:1480;
		}



/* Symbol */
		
		#nav-i{
			z-index:3000;
			}
		a#nav-i img, a.close img {
			/*width: 30px;*/
			width: auto;
			height:1.95em;
			/*margin:0.25em 1.4em 0 0;*/
			background: rgba(255, 255, 255, 0.9);
		}			
		nav  .close,
		a#nav-i:target {
			display: none;
		}

		a:target ~ ul,
		a:target ~ .close {
			display: inline-block;
		}
			
		a:target ~ .close {
			position: absolute;
			/*margin-left: -60px;*/
			margin-left: -3.7em;
		}		

		/* Menü einblenden */
		a:target ~ div.menu-bar {
			left: 0;
		}
		
		
		div.menu-bar {
		position: absolute;
		top: 2em;
		left: 130%;
		background: rgba(255,255,255,0.98);
		text-align:left;
		margin:0;
		padding:0;
		height: 30px;
		width: 100%;
		z-index:1400;
	}

 
/*  menu */

		div.menu-bar ul {	
		width: 100%;
		margin: 0;
		position: absolute;
		height: auto;
		list-style-type: none;
		overflow: visible;
		background: rgba(255,255,255,0.98);
		padding: 0.7em 0 2em 0; 
		/*border-bottom:2em #f90 solid;*/
	}

		div.menu-bar ul li {
		margin: 0 0 0 3.1em;	
		display: block;
		height: auto;
		font-size:100%;
	}

		div.menu-bar li > a, div.menu-bar li > a:link,
		div.menu-bar li > a:visited, div.menu-bar li > a:active {
		border-bottom:thin #808080;	
		border-bottom-style:solid;	
		font-size: 80%;			
		display: block;
		padding: 0.3em 0 0.5em 0.4em;
		height: 100%;	
		line-height: 30px;	
		text-decoration: none;
	}

	



/*  sub-menus */

		div.menu-bar ul ul {
		font-size:80%;
		background-color:#bacde8;		
		display: none;
		position: relative;
		height: auto;
		width: 100%;
		padding: 0.1em 0 0 1em; 
		border-bottom:0;
	}

		div.menu-bar li:hover > ul {
		display: block;
	}

		div.menu-bar ul ul li {
		border-bottom:thin #808080;	
		border-bottom-style:solid;	
		font-size:100%;
		margin:0 0 0 1.5em;	
		position: relative;
		display: block;
		height: 30px;
		width: 100%;
	}

		div.menu-bar ul ul li > a,
		div.menu-bar ul ul li > a:link, div.menu-bar ul ul li > a:visited,
		div.menu-bar ul ul li > a:active {
		width: 100%;
		padding: 0;
		margin-left:0;
		line-height: 30px;
		border: none;
		color: #000;
		font-size: 90%;
		font-style: normal;
	}

		div.menu-bar ul ul li:hover > a {
		color: #fff;
	}



/* sub-sub-menus */

		div.menu-bar ul ul ul {
		position: absolute;
		top:-0.2em;
		font-size:100%;
		background-color:#ff9600;
		width: 50%;
		margin: 0;
		z-index:2000;
	}



@media screen and (max-width:698px) {
	

		div.menu-bar ul {
		padding-left:0;
	}

		div.menu-bar li > a, div.menu-bar li > a:link,
		div.menu-bar li > a:visited, div.menu-bar li > a:active {
		padding: 0.1em 0 0.5em 1.4em;
		margin-left:0em;
	}
	
		div.menu-bar ul li {
		margin: 0 0 0 0;	
	}

		div.menu-bar ul ul li > a,
		div.menu-bar ul ul li > a:link, div.menu-bar ul ul li > a:visited,
		div.menu-bar ul ul li > a:active {
		padding: 0.1em 0 0.1em 0em;
	}

}








		
		
/* horizontale Auswahl ... ggf. ganz entnehmen*/
		
		.horizonavi {
		background:#ffb400;
		float:left;
		width:100%;
		padding:1.5em 0 1em 0;
		height:2em;
		overflow-x:scroll;
		z-index:101;	
	}


		.horizonavi ul {
		margin:0;
		list-style:none;
		padding:0;
		width:1580px;
	}

		.horizonavi li {
		float:left;
		margin: 0 2em;
	}

		.horizonavi li a {
		color:white;
	}


@media screen and (max-width:698px) {

		.horizonavi {
		-webkit-overflow-scrolling: touch;	
	}
}