@charset "utf-8";
.open, .close {
	visibility:hidden;
	display:none;
	height:0px;
}

#inh, :not(:target) #inh {	
	width: 60%; 
	position:absolute; 
	/* margin-top:90px; */
	-webkit-transition: all 1s ease; 	
	-moz-transition: all 1s ease;	
	-o-transition: all 1s ease; 	
	transition: all 1s ease; 
	}

nav{

background-size: 100%;


height: 45px;


margin-left: 20%;
margin-top: 0;


width: 61%;


float: left;

background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#ccc ));   background-image: -webkit-linear-gradient(white ,#ccc );   background-image: -moz-linear-gradient(white ,#ccc );   background-image: -ms-linear-gradient(white ,#ccc);   background-image: -o-linear-gradient(white ,#ccc);   background-image: linear-gradient(white ,#ccc);

}

#inh ul{    
	-webkit-padding-start: 0;


	}

#inh  li{		
	list-style-type: none;
	list-style-image: none;
	
	}
#inh ul li ul {margin-left: -30%;}
li.menue0, li.menue1{
	overflow: hidden;
	float:left;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#ccc ));
background-image: -webkit-linear-gradient(white ,#ccc );
background-image: -moz-linear-gradient(white ,#ccc );
background-image: -ms-linear-gradient(white ,#ccc);
background-image: -o-linear-gradient(white ,#ccc);
background-image: linear-gradient(white ,#ccc);
	height: 45px;
	line-height:45px;
	width: auto;
	padding-right: 3.8%;
	padding-left: 1.3%;
	}

li.menue0 {	
	width:50px;
	}

li.menue0 ul{	
	width:290px;
	margin-left:-15.5%;
	background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#ccc ));
	background-image: -webkit-linear-gradient(white ,#ccc );
	background-image: -moz-linear-gradient(white ,#ccc );
	background-image: -ms-linear-gradient(white ,#ccc);
	background-image: -o-linear-gradient(white ,#ccc);
	background-image: linear-gradient(white ,#ccc);
	}
	
li.menue0:hover {
		overflow:visible; 
		height:auto;	
	}
li.menue0 ul li{height: 35px;
line-height: 35px;
padding-left: 5%;}
li.menue0 a, li.menue1 a{
	color: black;
	
	}

li.menue0 a:hover, li.menue1 a:hover{
	color:#c33;
	text-decoration: none;
	}
li.menue0 a.current, li.menue1 a.current{
	color:#c33;
	}
	@media only screen and (max-width: 1860px) {
			li.menue0, li.menue1{padding-right:2.75%}	}
	@media only screen and (max-width: 1533px) {
			li.menue0, li.menue1{padding-right:1.8%}	}
				@media only screen and (max-width: 1310px) {
			li.menue0, li.menue1{padding-right:0.9%}	}
@media only screen and (max-width: 1200px) {
nav{
	width:100%;
	margin-left:0;
	margin-top:1px;
	}
	#inh, :not(:target) #inh {width:100%;margin-top:0px}
	li.menue0, li.menue1{padding-right:2.9%}	
}
		@media only screen and (max-width: 930px) {
			li.menue0, li.menue1{padding-right:1.9%}	}
@media only screen and (max-width: 792px) {

.open,  .close {	
	visibility: visible;
	position:absolute;
	display: block;	
	float:right;
	right: 4.8%;
	top:15px;
	width:80px;
	height:45px;
	z-index:200;
	}
#inh ul li ul {margin-left: 0;}
nav{
	background-image:none
	}
	
#inh, :not(:target) #inh {	
	width:100%;
	top: -1300px;	
	position:absolute;	
	background-image: -webkit-gradient(linear, left top, left bottom, from( white), to(#ccc ));
	background-image: -webkit-linear-gradient(white ,#ccc );
	background-image: -moz-linear-gradient(white ,#ccc );
	background-image: -ms-linear-gradient(white ,#ccc);
	background-image: -o-linear-gradient(white ,#ccc);
	background-image: linear-gradient(white ,#ccc);
	left:0;
	width: 100%;
	-webkit-transition: all 1s ease; 	
	-moz-transition: all 1s ease;	
	-o-transition: all 1s ease; 	
	transition: all 1s ease; 
	}

#inh:target {    
	top: 0px;
	padding-top:15px;
	height: auto;	
	-webkit-transition: all 1s ease; 	
	-moz-transition: all 1s ease;	
	-o-transition: all 1s ease; 	
	transition: all 1s ease; 
	}
li.menue0, li.menue1{background-image: none}

li.menue0, li.menue0:hover{
	overflow: visible;
	height: auto;
	line-height:45px;
	width: 100%;
	padding-left:5%;
	font-weight:bold;
	}
	
li.menue0 ul {
		width:100%;	
	}
	
li.menue0 ul{	
		margin-left:0;	
	}
	
li.menue0 ul li{
	padding-left:5%;
	height:45px;	
	line-height:45px;
	width:40%;
	float:left;
	font-weight:100;
	}

li.menue1 {
	padding-left:5%;
	height: 45px;
	line-height:45px;
	text-align: left;	
	width: 100%;
	font-weight:bold;
	}
}
	
@media only screen and (max-width: 620px) {

li.menue0 ul li{
	width:100%;
	padding-left:10%;

	}
}