/* Navigation > 1580 px - Dropdown */

#nav_drop										{ position: fixed; top: 0; right: 50%; margin-right: -700px; /*width: 1600px;*/ font-size: 100%; height: 48px; 	
												transition: all 0.5s ease-in-out; background: rgba(255,255,255,1.0); }
												
.navdropouter									{ position: relative; display: block; background: rgba(255,255,255,1.0); z-index: 5; }
												
/* Bei Positionierung im Header Modul Newsslider verwenden! */												
.newssliderniedrig #nav_drop					{ position: absolute; bottom: 155px; }
.newsslidermittel #nav_drop						{ position: absolute; bottom: 180px; }
.newssliderhoch #nav_drop						{ position: absolute; bottom: 215px; }


/* Farben Hovern */
#nav_drop a		{ color: rgba(29,69,145,1.0); }
#nav_drop > ul > li:hover > a, #nav_drop > ul > li.rex-active > a, #nav_drop > ul > li.rex-current > a	{ background: #fff; color: rgba(39,158,210,1.0) !important; text-decoration: none !important; border-top: solid 3px rgba(39,158,210,1.0); padding-top: 13px; }
	
/* Menuelemente 1. Ebene */
#nav_drop > ul									{ list-style-type: none; }
#nav_drop > ul > li 							{ float: left; }
#nav_drop > ul > li > a							{ display: block; padding: 16px 12px; }

/* 2. Ebene */
#nav_drop ul.rex-navi2							{ display: none; list-style-type: none; }	
#nav_drop > ul > li:hover > ul 					{ display: block; } /* 2. Ebene einblenden */
#nav_drop ul.rex-navi2 							{ position: absolute; border-top: solid 7px rgba(255,255,255,0.0) !important; margin-left: 0px; }
#nav_drop .rex-navi2 li a						{ display: block; white-space: nowrap; padding: 8px 20px; background: rgba(29,69,145,1.0); color: rgba(255,255,255,1.0); font-family: 'plain'; font-weight: normal !important; } 
		
/* 3. Ebene */
#nav_drop ul.rex-navi3							{ display: none; list-style-type: none; }
#nav_drop > ul > li > ul > li:hover > ul		{ display: block; } /* 3. Ebene einblenden */
#nav_drop ul.rex-navi3 							{ position: absolute; left: 100%; margin-top: -32px; border-left: solid 5px rgba(0,0,0,0.0); }
#nav_drop .rex-navi3 li a						{  } 	
	
/* 4. Ebene */
#nav_drop ul.rex-navi4							{ display: none; list-style-type: none; }
#nav_drop > ul > li > ul > li > ul > li:hover > ul	{ display: block; } /* 4. Ebene einblenden */
#nav_drop ul.rex-navi4 							{ position: absolute; left: 100%; margin-top: -32px; border-left: solid 5px rgba(0,0,0,0.0); }
#nav_drop .rex-navi4 li a						{  } 

/* Markierung Elemente mit Kindern */
#nav_drop li > a:after 									{ /*content: " +";*/ }
#nav_drop li > a:only-child:after 						{ /*content: "";*/ }


/* Navigation < 1580 px - Dropdown */
@media only screen and (max-width : 1580px) { 
#nav_drop										{ right: 0 !important; margin-right: 4% !important; } 
}

	
/* Navigation > 1580 px - responsive */
 
@media only screen and (min-width : 1580px) { 
#menu_icon, #nav_side	{ display: none; } 
}

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

	#nav_drop, .navdropouter, #lang	{ display: none; }
 
 	#menu_icon 			{ position: fixed; top: 0; right: 4%; z-index: 100; padding: 11px 11px 11px 0; cursor: pointer; font-family: 'FontAwesome'; font-size: 150%; height: 48px; box-sizing: border-box; color: rgba(0,152,222,1.0); }
	#menu_icon:before	{ font-family: 'schmuck'; padding-right: 10px; content: 'MENU'; }
	#menu_icon a:hover 	{ text-decoration: none;}

	/* erste Ebene */
	#nav_side	{ position: fixed; left: -100%; top: 0; width: 100%; height: 100% !important; z-index: 3; overflow: auto; padding-top: 70px; background: rgba(255,255,255,1.0);  }
	.moveleft	{ left: 0% !important; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
	.moveright	{ left: -100%; opacity: 1.0 !important; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;  }
	#nav_side ul									{ position: relative; left: 0%; margin-left: 0; }
	#nav_side ul.rex-navi1							{ padding-top: 20px; padding-bottom: 60px; }
	#nav_side li, #nav_side .rex-navi1 li			{ display: block; text-align: left; font-family: 'schmuck'; letter-spacing: 2px; font-size: 150%; line-height: 200%; margin-left: 4%; }
	#nav_side li a									{ font-weight: normal; }
	#nav_side li a:hover, #nav_side a.rex-current	{ border-bottom: none; text-decoration: none; }
	#nav_side a.rex-active							{ border-bottom: none; }

	/* zweite und nachfolgende Ebenen */	
	#nav_side ul.rex-navi2	{ display: block; padding-left: 10px; }
	#nav_side .rex-navi2 li, #nav_side .rex-navi3 li, #nav_side .rex-navi4 li, #nav_side .rex-navi5  li	{ font-family: 'plain'; letter-spacing: 0px; font-size: 80%; margin: 0; text-transform: none;  }
	#nav_side .rex-navi2 li	{ padding: 0; }
	#nav_side .rex-navi2 li:last-child	{ padding: 0 0 10px 0; }
	#nav_side .rex-navi3 li, #nav_side .rex-navi3 li:last-child	{ padding: 0; }
 
 }
 
 @media only screen and (max-width : 360px) { 

	#menu_icon:before 	{ content: '';}
 }