@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;
		padding: 0px;
    }
	#nav > ul > li a{
		color: #333333;
		font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	}
	#nav > ul > li.aktiv{
	}
	#nav > ul > li.aktiv a{
		border-bottom: 3px solid #005ca9;
		color: #005ca9;
	}
	#nav > ul > li.aktiv a i{
		color: #005ca9;
	}
	#nav > ul > li.aktiv:hover a{
		color: #005ca9;
	}
	#nav > ul > li a{
		font-size: 20px;
		display: block;
		padding: 20px 10px 20px 10px;
		border-bottom: 3px solid #999999;
	}
	#nav > ul > li:hover a{
	}
 
    /* second level */
    #nav li ul.sub{
        display: none;
        position: absolute;
        top: 100%;
		left:0;
		list-style:none;
		text-align:left;
		width:120%;
		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:#FFFFFF;
		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 15px;
		border-bottom: none;
		color: #666666;
	}
	#nav li ul.sub li:hover{
		background: #005ca9;
	}
	#nav li ul.sub li:hover a{
		color: #FFFFFF;
		background: #005ca9;
	}
	#nav li ul.sub li a, #nav > ul > li:hover ul li a{
		color:#666666;
	}
	#nav li ul li a:hover, #nav > ul > li:hover ul li a:hover{
	}
	#nav > ul > li.aktiv:hover > ul > li > a{
		color: #888888;
	}

	/*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: #005ca9 !important;
	}
	#nav li ul.sub li ul li:hover a{
		color: #FFFFFF;
	}

@media only screen and (max-width: 1024px){
	#nav{
		float: none;
		text-align: center;
		margin-bottom: -10px;
	}
	#nav > ul > li > a{
		padding: 15px;
	}
	#nav > ul > li.aktiv a{
	}
}

@media only screen and (max-width: 896px){
    #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:center;
		font-size: 40px;
		margin-right: 15px;
		margin-top: -20px;
		float: right;
    }	
 	#nav > ul > li.aktiv a{
		background: #005ca9;
	}
    /* 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:27px;
    }
    #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:#005ca9;
		border-bottom:none;
		border-top: none;
	}
	#nav > ul > li > a{
		padding:15px;
		font-size:20px;
		display:block;
		line-height:30px;
		border-bottom: none;
	}
	#nav > ul > li.aktiv a, #nav > ul > li:hover a, #nav > ul > li.aktiv a i{
		color:#FFFFFF;
		border-bottom: none;
	}
	#nav > ul > li:last-child{
		border-bottom: 1px solid #666;
	}
	#nav li ul.sub li a, #nav > ul > li:hover ul li a{
		color: #666666;
	}
	
	/* 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%;
	}
}
@media only screen and (max-width: 456px){
	#nav:target > ul{
		margin-top: 50px;
	}
	#nav:not(:target) > a:first-of-type, #nav:target > a:last-of-type{
		margin-top: 0px;
	}
}