
/* CSS Document */
/*stickzeug*/	
#sticky_navigation_wrapper {position:relative;  width:100%; height:120px; margin-bottom:0px; line-height:0; z-index:7777; overflow:visible; top:0;}
#sticky_navigation { width:100%; height:120px; background:url(../pics/hearder_higru.png); -webkit-box-shadow:  0px 1px 1px 1px rgba(0, 0, 0, .2);
box-shadow:  0px 1px 1px 1px rgba(0, 0, 0, .2);}
	
/*stickzeug*/	





.menue{			
			    position:relative;
				padding: 1.7em 0px;
				clear: both;
				width: 90%; /* 1000px */
				font-family: 'Sintony';
				font-size: 0.8125em; /* 13 / 16 */
				
				margin: 0 auto;
				
				top:0;
				color: none;}
	
	
	
	
				
#nav{margin:0 auto; width:100%; position:absolute; top:0; text-align:center;}				

.nav ul{
	clear:both;
	padding:0;
	margin:0;
	border:0;
	border-width:1px 1px 0;
	line-height:3.2em;
}

.nav li{
	font-size:1.3em;
	font-weight:300;
	list-style:none;
	}


.nav a{
	
	display:block;
	padding:.5em .75em;
	text-decoration:none;	
	 background:#fff;
	text-shadow:1px 2px 1px #0003;
	border-bottom:1px solid #ddd;
	
	}
.nav a:hover{
	background-color:#f2f5c5;
	cursor:pointer;
	
}








.hide-nav{
	text-align:center;
	display:none;
	background-color:#ddd;
}

.show-nav{
	display:none;
	position:relative;
	text-decoration:none;
	color:#666;
	font-size:1.4em;
	float:right;
	padding:2em 0.5em;
	border:1px solid #ddd;
	background-color:none;
}


.menue:not(:target) .show-nav,

.menue:not(:target) .hide-nav {display: block;}



.menue:not(:target) .show-nav {border-width: 0;}



.menue:not(:target) .nav {display: none;}



#nav:target {

  display: block;

  outline: 99em solid rgba(0,0,0,.5);

  margin: 0.5em 0 0 0;

}

/*skiplimk*/

.skip-link{
	position:absolute;
	top:-999em;
	}


.zauner{
	clear:both;
	font-size:1.5em;
	display:none;
	
	}
.img{position:relative;
		top:13px; padding-right:5px;	}

/*mediaqeries*/

@media screen and (min-width: 24em) {
	
	

  .nav ul {border-left: 0;}



  .nav a {

     float: left;

     width: 100%;
	 

     border-left: 0px solid #ddd;

     -moz-box-sizing: border-box; 

     -webkit-box-sizing: border-box; 

     box-sizing: border-box;
	 
	 background:#fff;
	

  }



  .hide-nav a {width: 100%;}

}

@media screen and (min-width: 42em) {
	
	#nav{float:right; width:50%; position:relative;}
	
  .zauner{
	display:inline;
	font-size:1.5em;
	
	}
  .menue{padding: 1.7em 7px;} 
  .menue:not(:target) .show-nav,

  .menue:not(:target) .hide-nav {display: none;}



  .menue:not(:target) .nav {display: block;}

  

  .nav ul {border-width: 0;}



  .nav a {

    width: auto;
	
    margin: 0 0 0 0;

    border: 0;

    border-width: 1px 1px 1px 0;
	 border-radius:20px;
   }



   #nav:target {outline: 0;}



   .nav li:first-child a {border-width: 1px;}



  .main {padding: 0.6em 0 0 0;}
  
  .skip-link{
	display:none;
	}

}

@media screen and (min-width: 54em){
	
	 
	  
  .logo {

    float: left;

    padding: .8em 2em .5em 0;

  }

}