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

#nav
{
    /* container */
	text-align:center;
	height:90px;
		/*background:#009640;*/

}
    #nav > a
    {
        display: none;
		font-size:18px;
		color:#FFFFFF;
    }
	#nav > ul > li a img{
		/*width:25px;*/
		vertical-align:middle;
	}
    #nav li
    {
        position: relative;
    }
 	.menu_icon{
		vertical-align:middle;
		border:none;
		margin-left:10px;
		margin-right:10px;
		width:30px;
	}
    /* first level */
 
    #nav > ul
    {
        list-style:none;
		
    }
        #nav > ul > li
        {
			display: inline-block;
			margin: 0;
			line-height:45px;
			
        }
		#nav > ul > li.aktiv{
			border-bottom:4px solid #fff;
			
		}
		 #nav > ul > li:hover a{
			 color:#585858 !important;
		 }
		#nav > ul > li a{
			padding:6px 15px 7px 15px;
			color:#FFFFFF;
			line-height:45px;
			vertical-align:middle;
		}
		#nav > ul > li.aktiv a, #nav > ul > li:hover a{
			color:#fff;
		}
 
    /* second level */
 
    #nav li ul
    {
        display: none;
        position: absolute;
        top: 100%;
		left:0;
		list-style:none;
		text-align:left;
		width:200%;
		z-index:9999;
    }
        #nav li:hover ul
        {
            display: block;
			box-shadow:5px 5px 8px 1px #555;
        }
	#nav li ul li{
		background:#FFFFFF;
		border-bottom:1px solid #DDDDDD;
	}
	#nav li ul li a, #nav > ul > li:hover ul li a{
		color:#666666;
		
	}
	#nav li ul li a{
		padding:6px 10px 7px;
		display:block;
		line-height:25px;
	}
	#nav li ul li a:hover, #nav > ul > li:hover ul li a:hover{
		color:#fff;
	}
	#navigation{
	background:#009640;
	height:90px;
	}
	.logo_res{
	display:none;
}
@media only screen and (max-width: 840px){
	#navigation{
	background:#009640;
	height:70px;
	}
    #nav
    {
        /*position: relative;*/
		float:none;
		text-align:left;
		padding-top:10px;
		padding-bottom:10px;
    	}
        #navigation > a{
			display:none;
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
			text-align:center;
			padding-bottom:10px;
			padding-top:10px;
        }
		
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
		z-index:9999;
		width:102%;
		margin-left:-1%;
    }
        #nav:target > ul
        {
            display: block;
			
        }
        #nav > ul > li
        {
            float: none;
			display:block;
			background:#fff none repeat scroll 0 0;
			border-bottom:1px solid #DDDDDD;
			padding:7px;
			line-height:30px;
        }
		#nav > ul > li.aktiv, #nav > ul > li:hover{
			background:#009640;
			box-shadow:none;
		}
		#nav > ul > li > a{
			padding:10px;
			font-size:20px;
			display:block;
			line-height:30px;
			color:#009640;
			text-align:center;
		}
		#nav > ul > li.aktiv a, #nav > ul > li:hover a{
			color:#ffff !important;
		}
		#nav > ul > li:last-child{
			border-bottom:1px solid #009640 !important;

		}
		header{
			padding-top:10px;
		}
		.logo{
		float:none;
		text-align:center;
		position:relative;
		box-shadow:none;
		background:none;
		visibility: hidden;
		width:0;
		height:0;
			
	}
		.logo_res{
			visibility: inherit;
			display:block;
			background:#fff;
			text-align:center;
		
	}
	.logo_neu{
		
	}
	.neu_logo{
		display:none !important;
		visibility: hidden;
		
	}
	
}