@charset "utf-8";

nav{
	margin-top:-25px;
	height:25px;background-image: -webkit-gradient(linear, left top, left bottom, from( #F56B2B), to(#530202 ));
	background-image: -webkit-linear-gradient(#F56B2B ,#530202  );
	background-image: -moz-linear-gradient(#F56B2B ,#530202 );
	background-image: -ms-linear-gradient(#F56B2B ,#530202 );
	background-image: -o-linear-gradient(#F56B2B ,#530202);
	background-image: linear-gradient(#F56B2B, #530202);}
.open1 {	
	position:absolute;
	top:5px; 
	height: 42px;	
	width: 95%;	
	margin:0 auto ;
	text-align: center;	
	display: block;	
	border-radius:2px;
	float:left;
	box-shadow: 2px 2px 5px 2px #666;	
	color:black;
	background-image: -webkit-linear-gradient(#F56B2B ,#530202  );
	background-image: -moz-linear-gradient(#F56B2B ,#530202 );
	background-image: -ms-linear-gradient(#F56B2B ,#530202 );
	background-image: -o-linear-gradient(#F56B2B ,#530202);
	background-image: linear-gradient(#F56B2B, #530202);
	font-size:110%;
	line-height:42px;
}
.open1 a, .close a{line-height:42px;color:white}
.open1:hover{	color: #c93;}
.open1 a:visited{	color:white;}
.open1 a{color:white;}
.close{
	width:98%;
	border-radius:2px;
	margin:12px auto ;
	height:45px;
	text-align:center;
	box-shadow: 2px 2px 5px 2px #444;
	margin-bottom:25px;
	color:white;	
	background-image: -webkit-linear-gradient(#F56B2B ,#530202  );
	background-image: -moz-linear-gradient(#F56B2B ,#530202 );
	background-image: -ms-linear-gradient(#F56B2B ,#530202 );
	background-image: -o-linear-gradient(#F56B2B ,#530202);
	background-image: linear-gradient(#F56B2B, #530202);

}
.close a:visited{color:white}

#inh {	
width:100%;
margin-top:-980px;	
height:0px;
z-index:1000;
position:absolute;	
left:0;
	background-image: -webkit-linear-gradient(#F56B2B ,#530202  );
	background-image: -moz-linear-gradient(#F56B2B ,#530202 );
	background-image: -ms-linear-gradient(#F56B2B ,#530202 );
	background-image: -o-linear-gradient(#F56B2B ,#530202);
	background-image: linear-gradient(#F56B2B, #530202);

-webkit-transition: all 1s ease; 	
-moz-transition: all 1s ease;	
-o-transition: all 1s ease; 	
transition: all 1s ease; 
}
#inh:target{    
clear:both;
width:100%; 
margin-top:0px;
top:-8px;
height:525px;	
-webkit-transition: all 1s ease; 	
-moz-transition: all 1s ease;	
-o-transition: all 1s ease; 	
transition: all 1s ease; 
}
#back {	color: white;}
#back:target { margin-top:-480px;} 
:not(:target) .beweg {    
-webkit-transition: all 1s ease;    
-moz-transition: all 1s ease;    
-o-transition: all 1s ease;     
transition: all 1s ease; text-decoration:none;
}

#inh  li {	
width:100%;
float:left;	
margin-left:0%;
padding:0;	
list-style-type:none;	
line-height:45px;
text-align:center;
height:50px;
}

#inh li  a{	
color:white;
font-weight:10;
font-size:100%;
}
#inh.beweg ul li a:hover{text-decoration:none;border-bottom:none}
#inh  li:hover,#inh li a:hover{	color:#EED88A;}
#inh li.current a{color:#EED88A;}



@media only screen and (min-width: 481px) {
#inh  li{	width:45%;}
#inh:target{   height:325px;}
.open1 {		width: 97%;	}
}

@media only screen and (min-width: 892px) {
.open1 {
	visibility:hidden;
	display:none;height:0px;
}

#inh:not(:target), #inh,#inh:target{	
	margin-top:0px;		
	width: 40%; 
	height:200px;
	position:absolute;
	right:0;
	background-color:transparent;
	-webkit-transition: all 1s ease; 	
	-moz-transition: all 1s ease;	
	-o-transition: all 1s ease; 	
	transition: all 1s ease; 
}
#inh  li{	
	width:auto;padding: 0 2.4% 0 1.9%;
	clear:none;width:auto;min-width:20px;
}
#inh li  a{	color:white;}

#inh  li.width1{width:5.2%;	padding: 0 2.9% 0 auto;}
#inh  li.width2{width:7.4%;	padding: 0 2.9% 0 auto;}
#inh  li.width3{width:10.4%;	padding: 0 2.9% 0 auto;}
#inh  li.width4{width:7.6%;	padding: 0 2.2% 0 0;float:right;}
#inh li.width4  a {
   height: auto!important;
    line-height: 16px!important;
    display: block!important;
    width: 100%!important;
    margin-top: 14px;
    margin-bottom: -14px;
}

#inh  a{	
	font-size:120%;color:white;
	height:62px;
	display:table-cell;
	vertical-align:middle;line-height:14px;border-bottom:none;	z-index:5000;
} 

.close{
	visibility:hidden;
	display:none;
	height:00px;
}


#inh, :not(:target) #inh {	
	width: 100%; 
	position:relative;
	right:0;top:0;
	background-color:transparent;
	-webkit-transition: all 1s ease; 	
	-moz-transition: all 1s ease;	
	-o-transition: all 1s ease; 	
	transition: all 1s ease; 
	
}	
nav{
	height:55px;
	clear:both;
	margin-top:-48px;

}
}

@media only screen and (min-width: 1200px) {
#inh:not(:target) #inh{	
	width: 40%; 
	height:20px;
}
#inh  li.width1{width:5.4%;	padding: 0 2.9% 0 auto;}
#inh  li.width2{width:7.8%;	padding: 0 2.9% 0 auto;}
#inh  li.width3{width:10.8%;	padding: 0 2.9% 0 auto;}
#inh  li.width4{width:7.4%;	padding: 0 1.2% 0 0;float:right;}

}