nav {	position:relative;
		font-weight:bold;	
		font-size:1.125em;
		height:40px;
		top:0.5em;
		text-align: right;
		text-decoration:none;
		z-index:998;
					}

nav  a, nav .activ, nav a .activ { 	
		color:white;
		padding:3px 15px;
		border:1px solid #363C43;
		background-color:#363C43;}
				
nav  a:hover, nav .activ { 	
		color:white;
		text-decoration:none;
		background-color: #635345;
		transition: all .15s ease;
		border:1px solid silver;}
	
nav a:hover {transform: rotate(-3deg) scale(1.0, 1.0);
			 -moz-transform: rotate(-3eg) scale(1.0, 1.0);
			 -webkit-transform:  rotate(-3eg)scale(1.0, 1.0);
			 -o-transform:rotate(-3eg) scale (1.0, 1.0);
			 -ms-transform: rotate(-3eg) scale(1.0, 1.0);}				
nav .activ { background-color:#363C43;color:silver;border:1px solid #363C43;}

nav ul li:hover > ul {	display: block;	}
nav ul {	list-style: none;
			position: relative;
			display: inline-table;
			text-decoration:none;}
nav ul:after {content: ""; clear: both; display: block;}

nav li {	float: left;}
nav ul li a, nav ul li .activ {
		display: block; 
		text-decoration: none;	}
nav ul ul { /*Umrandung vom Untermenue */
	position: absolute;
	display: none; 
	text-align:left;
	top: 100%; /*dadurch klebt es unten exakt an*/
	margin-left:0;
	}
nav ul ul ul {	position: absolute; left: 100%; top:0;	}
	
		
nav ul ul li {	float: none; 
	position: relative;}
nav ul ul li a, nav ul ul li .activ {padding: 5px 15px;/*Untermenue Buttons */
		background-color:#BEAF9D; /*<--- das hier weg, und das hgrund-bild ist wieder da*/
		color:#363C43;
}
nav ul ul li .activ {color:#666666;}

nav ul ul li a:hover {	background-color: #635345;
							transform: rotate(-0deg) scale(1.0, 1.0);
			 -moz-transform: rotate(-0eg) scale(1.0, 1.0);
			 -webkit-transform:  rotate(-0eg)scale(1.0, 1.0);
			 -o-transform:rotate(-0eg) scale (1.0, 1.0);
			 -ms-transform: rotate(-0eg) scale(1.0, 1.0);}



				
					/* ------ Slider ------------- */




#panel {	position:fixed;   
			overflow:auto;
			padding:0px;
			background:none;
			color:rgba (0, 147, 214, 0.6);
			right:0;
			top:2.4em;
			min-width:380px;
			display: none;		
			z-index:976;
					-webkit-box-shadow: -8px 10px 5px -4px rgba(0,0,0,0.38);
-moz-box-shadow: -8px 10px 5px -4px rgba(0,0,0,0.38);
box-shadow: -8px 10px 5px -4px rgba(0,0,0,0.38);	
background:#C0C0C0;
}
	.slide {position:absolute;  /* dit is der "Burger"..... */ 
			top:0.6em;
			padding: 2px 6px 6px 6px;
			display:none;
			}
	.btn-slide { /* dit is der "Burger"..... */ 
			position:fixed; right:10px;
			background: url(../px/bttns/burger_neu.png) no-repeat right 9px top 7px;
			text-align: right;
			padding: 9px;
			display: block;
			height:70px;
			width:70px;
			text-decoration:none;
			
			border-radius:7px;
			outline:none;
			z-index:977;
				}

		.btn-slide:hover{color:rgba (0, 147, 214, 0.0);}
		.slideactive {background: url(../px/bttns/burger_neu_close.png) no-repeat right 9px top 3px;}

		/* ------ ENDE Slider ------------- */



	/* ------ smart menue ------------- */
		
	
.smartnav {			font-size:25px;font-weight:bold; }
.smartnav a, .smartnav .activ {display:block;  padding:23px 4.5%;text-align:left; border-bottom:1px solid black; color:rgb(29, 27, 27, 1.0);margin-left:-1em;
					background-color:silver;text-decoration:underline; margin-bottom:0px; border-radius:0px;	}
.smartnav li {		list-style:none; display:block;  text-align:left; }
.smartnav .activ {	color:grey;text-decoration:none;background-color:#E4E3E3;}
.smartnav a .activ {	margin:-21px;padding:20px;}
.smartnav a:hover {  background-color:#999999; color:black}




/* ------ end smart menue ------------- */

nav .hide_umen, #smartmenu .hide_umen {display:none;}