.wrapper_navi{
		width:100%;
		box-sizing:border-box;
		position:absolute;
		z-index:999999;
	}
	
	
		
		.wrapper_hamburger_menue{
			display:none;
	}
	
		
	.button_open{
	
		box-sizing:border-box;
		padding:8px;
		z-index:999999;
		position:fixed;
		cursor:pointer;}
		
			.button_close{
	cursor:pointer;
	
		box-sizing:border-box;
		padding:8px;
		z-index:999999;
		position:fixed;
	
		}
	
		
		
		
		.box_navi{
			position:fixed;
		box-sizing:border-box;
		padding:18px;
width: 100%;
text-align:right;
	height: auto;
		text-transform:uppercase;
			 -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -kthtml-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
z-index:99999999;

	}
	
		.box_navi a{
				  font-size: 1.1em;
				  font-weight:500;

			box-sizing:border-box;
			margin-right:10px;
			margin-left:10px;
			color:#fff;
	
			text-transform:uppercase;
			 -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -kthtml-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
	
		
		
			}
			
			
		.box_navi  a:hover{
			color:#fff;
			opacity:0.9;}
	
	
	
		a.extra{
			font-weight:600;}
	
			


		
/* overlay */	

	.overlay{
    display: none;
 position: fixed;
 top: 0;
 right:0px;
 height: 100%;
 width: 400px;
 overflow: auto;
	z-index:8888;
	background:#fefcef ;
	
	}
	
	.overlay_box{
		width:90%;
		margin-right:auto;
	
		margin-top:20%;
		}
		
		
		
			.overlay_box a{
		width:100%;		
		padding:4px;
		color: #666;
		font-size:1.5em;
		text-transform:uppercase;
		text-decoration:none;
		text-align:center;
		
		}
		
				.overlay_box a:hover{
		
		
		}
		
	
		
		@media screen and (max-width : 1200px){
			
			
	
			
			
			}
		
		
		@media screen and (max-width : 820px){
	

		.wrapper_hamburger_menue{
			display:block;
		position:fixed;
		top:0px;
		right:0px;
		width:50px;
		height:50px;
		z-index:999999;
		background: #fefcef;
	background-size:contain;
		box-sizing:border-box;}
		
			
.menue_open{display:block;}	
		
.box_navi{ display: none;}	
		
	
.navibox a{width:100%;text-align:center;
			box-sizing:border-box;
			padding:2px;
			font-size:1.2em;
			margin-top:10px;
			
			}
			
		
			.overlay{
    display: none;
 position: fixed;
 top: 0;
 height: 100%;
 width: 100%;
 overflow: auto;
	z-index:8888;

	
	}
	
	.overlay_box{
		width:80%;
		margin-left:auto;
		margin-right:auto;
		box-sizing:border-box;
		padding:15px;
		}
		
		.overlay_box div{
			width:300px;
			margin-left:auto;
		margin-right:auto;
		text-align:center;
		border:1px solid rgba(204,204,204,0.3);
		box-sizing:border-box;
			padding:8px;
			margin-bottom:8px;
			}
			

			
					.navibox a{
						width:100%;
						text-align:center;
			box-sizing:border-box;
			padding:2px;
			font-size:1.2em;
			
			}

	
	.overlay_box{
		margin-top:95px;
		width:98%;
		margin-left:auto;
		margin-right:auto;
		box-sizing:border-box;
		padding:10px;
		}
			
				
						
}