@charset "utf-8";



.open1 {	
	position:absolute;
	top:0; 
	height: 42px;	
	width: 100%;	
	margin:0 auto ;
	text-align: center;	
	display: block;	
	border-radius:2px;
	float:left;
	box-shadow: 2px 2px 5px 2px #666;	
	color:black;
	font-size:120%;
	background-color:#a0b8d2;
	border-bottom:1px #ccc solid;
	
}
.open1 a, .close a{line-height:42px}
.open1:hover{	color: #c93;}
.open1 a:visited{	color:black;}
.open1 a{color:black;text-decoration:none;}
.close{
	width:100%;
	border-radius:2px;
	margin:0 auto ;
	height:40px;
	text-align:center;
	box-shadow: 2px 2px 5px 2px #444;
	margin-bottom:25px;
	text-decoration:none;
	color:black;
	font-size:120%;
}
.close a:hover{	text-decoration:none;}

.close a:visited{color:black}

#inh {	
width:100%;
top:-980px;	
background-color:#a0b8d2;
height:0px;
z-index:1000;
position:absolute;	
left:0;
box-shadow: 1px 1px 5px 1px #999;
-webkit-transition: all 1s ease; 	
-moz-transition: all 1s ease;	
-o-transition: all 1s ease; 	
transition: all 1s ease; 
}
#inh:target{    
clear:both;
margin-top:0px;
position:absolute;	
top:0;
height:250px;	
-webkit-transition: all 1s ease; 	
-moz-transition: all 1s ease;	
-o-transition: all 1s ease; 	
transition: all 1s ease; 
}

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

}

#inh li  a{	
color:black;
font-size:120%;
line-height: 40px;
}
#inh.beweg ul li a:hover{text-decoration:none;border-bottom:none}
#inh  li:hover,#inh li a:hover{	color:white}
#inh li.current a{color:white;}
#inh li.current{
	color:#111
}
#back {	color: black;}
#back:target { margin-top:-480px;} 
#inh .beweg :not(:target)  {   
 height:40px;
-webkit-transition: all 1s ease;    
-moz-transition: all 1s ease;    
-o-transition: all 1s ease;     
transition: all 1s ease; text-decoration:none;
}



@media only screen and (min-width: 251px) {
	

#inh  li{	width:45%;margin-left:0;clear:none}
#inh:target{   height:185px;}

}

@media only screen and (min-width: 792px) {
.open1 {
	visibility:hidden;
	display:none;height:0px;
}
#inh  li{	
	width:20%;min-width:110px;
	clear:none;
}

#inh li.rand{width:10%;min-width:0}
#inh  li:hover,#inh li a:hover{	background-color: rgba(204,204,204,0.2);
	box-shadow: 1px 1px 5px 1px #999;color:white}
#inh li.current{
	background-color: rgba(204,204,204,0.2);
	box-shadow: 1px 1px 5px 1px #999
}
#inh  li.rand:hover{	background-color: transparent;
	box-shadow: none;color:red}
#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  a{	
	font-size:120%;color:white;
	height:40px;
	display:table-cell;width:14.8%;
	vertical-align:middle;line-height:20px;border-bottom:none;	z-index:5000;
} 

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


#inh, :not(:target) #inh {	
	width: 100%; 
	height:25px;
	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{
	margin-top:30px;
	height:40px;
	clear:both;
    box-shadow: 1px 1px 5px 1px #111
}

.abstand{margin-left:8%;}

}
@media only screen and (min-width: 850px) {
#inh li{width:15%;}
#inh li.rand{width:17%;}
}
@media only screen and (min-width: 950px) {
#inh li.rand{width:20%;}
}

@media only screen and (min-width: 1050px) {
#inh li.rand{width:19%;}
}
@media only screen and (min-width: 1200px) {
#inh:not(:target), #inh{	
	width: 15%; 
	height:40px;
}
.abstand{margin-left:30%;}
}