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

	#nav{
    	text-align: right;
		float: right;
	}
    #nav > a{
        display: none;
    }
	#nav > ul > li a img{}
    #nav li {
        position: relative;
    }
 	.menu_icon{
		vertical-align:middle;
		border:none;
	}

    /* first level */
    #nav > ul{
        list-style:none;
    }
    #nav > ul > li{
		display: inline-block;
		margin: 0;
    }
	#nav > ul > li.aktiv{
		border-bottom: 10px solid transparent;
		border-image:url("../img/linie.png") 10 10 round;
	}
	#nav > ul > li.aktiv a{ 
		color: #970000;
	}
	#nav > ul > li.aktiv:hover a{
		color: #970000;
	}
	#nav > ul > li a{
		font-size: 18px;
		display: block;
		padding: 20px 5px 10px 5px;
		color: #444444;
	}
	#nav > ul > li:hover a{
		color: #970000;
	}
 
    /* second level */
    #nav li ul.sub{
        display: none;
        position: absolute;
        top: 100%;
		left:0;
		list-style:none;
		text-align:left;
		width:180%;
		z-index:9999;
    }
	#nav li:last-child ul.sub {
		right: 0px;
		width: 200%;
		left: -100%;
	}
    #nav li:hover ul.sub{
        display: block;
    }
	#nav li ul.sub li{
		background:#EDEDED;
		border-bottom:1px solid #DDDDDD;
		font-weight: normal;
	}
	#nav li ul.sub li:last-child{
		border: none;
	}
	#nav li ul.sub li a{
		display:block;
		font-size:18px !important;
		padding: 10px 5px;
	}
	#nav li ul.sub li:hover{
		background: #970000;
	}
	#nav li ul.sub li:hover a{
		color: #FFFFFF;
		background: #970000;
	}
	#nav li ul.sub li a, #nav > ul > li:hover ul li a{
		color:#444444;
	}
	#nav li ul li a:hover, #nav > ul > li:hover ul li a:hover{
	}
	#nav > ul > li.aktiv:hover > ul > li > a{
		color: #444444;
	}
	#nav > ul > li.aktiv:hover > ul > li:hover > a{
		color: #FFFFFF;
	}
	/*third level*/
	#nav li ul.sub li ul.sub1
    {
        display: none;
        position: absolute;
        top: 0%;
		left:100%;
		list-style:none;
		text-align:left;
		width:100%;
		z-index:9999;
    }
	#nav li ul.sub li ul.sub1 li{
		background: #efefef !important;
	}
    #nav li ul.sub li:hover ul.sub1{
        display: block;
    }
	#nav li ul.sub li:hover ul{
		display: block;
	}
	#nav li ul.sub li ul.sub1 li{
		background:#FFFFFF;
		border-bottom:1px solid #DDDDDD;
	}
	#nav li ul.sub li:hover ul li a{
		color: #666666;
	}
	#nav li ul.sub li ul li:hover{
		background: #970000 !important;
	}
	#nav li ul.sub li ul li:hover a{
		color: #FFFFFF;
	}
@media(max-width:1156px){
	#nav{
		float: none;
		text-align: center;
		margin-bottom: -26px;
		margin-top: 10px;
	}
}
@media only screen and (max-width: 1024px){
	#nav > ul > li > a{
		padding: 5px;
	}
	#nav > ul > li.aktiv a{
	}
}

@media only screen and (max-width: 756px){
    #nav{
        position: relative;
		padding-bottom:0px;
		padding-top:10px;
		margin-top: 0px;
		margin-bottom: 0px;
		border: none;
    }
    #nav > a{}
    #nav:not( :target ) > a:first-of-type,
    #nav:target > a:last-of-type{
        display: block;
		text-align:right;
		font-size: 35px;
		margin-right:10px;
    }	
 	#nav > ul > li.aktiv a{
		background: #970000;
	}
    /* first level */
    #nav > ul{
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
		z-index:9999;
		margin-left: 0px;
    }
    #nav:target > ul{
        display: block;
		margin-top:12px;
    }
    #nav > ul > li{
        float: none;
		display:block;
		background:#ffffff;
		border-bottom:1px solid #DDDDDD;
		padding:0px;
    }
	#nav > ul > li.aktiv, #nav > ul > li:hover{
		background:#970000;
		border-bottom:none;
		border-top: none;
	}
	#nav > ul > li > a{
		padding:15px;
		font-size:20px;
		display:block;
		line-height:30px;
	}
	#nav > ul > li.aktiv a, #nav > ul > li:hover a{
		color:#FFFFFF;
	}
	#nav > ul > li:last-child{
		border-bottom: 1px solid #666;
	}
	#nav > ul > li:hover a{
		background: #DDD;
		color: #444;
	}
	
	/* second level */
	#nav li ul {
		box-shadow:none;	
	}
	#nav li ul li {
		background:#efefef !important;
		text-align:center;
		left:-10px;
		margin-right:-20px;	
	}
	#nav > ul > li > ul > li:hover{
		background:#CCCCCC !important;
		border-bottom:none;
	}
	#nav li ul.sub {
		width: 100%;
		position:relative;
		margin-bottom:-10px;
	}
	#nav:target > ul > ul{
		display: block;
	}
	
	/*third level*/
	#nav li ul.sub li ul.sub1{
		width:100%;
		position:relative;
		background: #DDDDDD !important;
		margin-left:0;
		left: 0;
		margin-bottom:-10px;
	}
	#nav li ul.sub li ul.sub1 li{
		background: #DDDDDD !important;
		border-bottom: 1px solid #CCCCCC;
	}
	#nav li ul.sub li:hover ul.sub1{
		display: block;
	}
	#nav li ul.sub li ul.sub1 li:hover{
		background:#CCCCCC !important;
		border-bottom:none;
	}

	/*fourth level*/
	#nav li ul.sub li ul.sub1 li ul.sub2{
		position:relative;
		text-align:left;
		margin-left:0;
		background:#CCCCCC !important;
	}
	#nav ul li ul.sub li ul.sub2 li{
		background:#CCCCCC !important;
	}
	
	
	#nav li:last-child ul.sub {
		width: 100%;
		left: 0%;
	}
}