body{ -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }


#toggle, .toggle { display: none; }
.menu > li { list-style: none; float:left;}

/* Nicolas Gallagher micro clearfix */
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }


.menu ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#000;
	padding:0
}

.menu ul ul li
{
	float:none;
	width:200px
}

.menu ul ul a
{
	line-height:120%;
	padding:10px 15px
}

.menu ul ul ul
{
	top:0;
	left:100%
}

.menu ul li:hover > ul
{
	display:block;
         
}

.menu li ul { position: absolute; display: none; }
.menu > li:hover{ color:#FFF;}
.menu li:hover ul { display: block; padding: 10px 20px; background: #d7dc53; margin-top: -40px!important;margin-left: 20px; min-width: 100px;}
 .menu .sub_item a
	{
        display: block!important; 
	 border-bottom: 0 none; 
   color:#505c23;
   text-decoration: none;
        line-height: 40px;
        font-weight: normal;
        
	
   }
.menu .sub_item a:hover  {
     color:#728436; display: block!important; 
}


@media only screen and (max-width: 768px){
	.menu { display: none; opacity: 0; width: 100%; position: absolute; right: 0; }
	.menu > li { display: block; width: 100%; margin: 0; }
	.menu > li > a { display: block; width: 100%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
	#toggle:checked ~ .menu { display: block; opacity: 1;}
    
    
}


.nav{ 
display: block; width:100%; background-color:#ccd300; position: relative; margin-top: -14px;


}

.nav, .menu, .menu > li, .menu > li > a{ 
	height: 50px; 
}

.menu > li > a{
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	line-height: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	color: #4f5c23;
	margin: 0 5px 40px 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	padding-right: 60px;
	text-align:center;
	
}

.menu > li > a:hover, .menu > li > a:focus{
color: #728436;
}

.menu .current a {
	font-weight: bold;  }

.toggle{ 
	z-index: 2; 
}

.toggle{ 
	z-index: 2; 
}

.menu ul
	{
		margin: 0;
		list-style: none;
		line-height: normal;
	}





@media only screen and (max-width: 768px){
	
	
	
	.menu{
		background: #c5c860; margin: 0 auto; width: auto; 
	}
	
	.menu, .menu > li, .menu > li > a{
		height: auto;  z-index: 9999;
	}
	
	.menu > li > a{
		padding: 15px 15px; 
		margin: 0 5px 5px 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	width: auto; 
	}
	
	.menu > li > a:hover, .menu > li > a:focus{
		color: #4f5c23; 
	}
	
	.toggle:after {
		content: 'Menu';
		display: block;
		width: 200px;
		margin: 0;
		padding: 15px 50px;
		background: #ccd300;
		font-size: 15px;
		color: #4f5c23;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
		
	}
	
	.toggle:hover:after{
		background: #ccd300;
	}
	
	#toggle:checked + .toggle:after{
		content: 'Sluit Menu';
	}
    
     .menu li ul { position: absolute; display: none; }
    .menu li:hover ul 
    { 
        display: block; 
        padding: 10px 20px; 
        background: #d7dc53; 
        margin-top: -5px!important;
        margin-left: -30px!important; 
        min-width: 82%;
        max-width: 82%;
    }
    .menu .sub_item a
	{
        border-bottom: 0 none; 
        color:#505c23;
        text-decoration: none;
        line-height: 40px;
        font-weight: normal;
        
    }
    
    .menu .sub_item a:hover  {
        color:#728436;
    }
    
}

@media only screen and (max-width: 479px){
	 .nav, .toggle:after{ 
		float: none; 
	}
	.toggle:after { 
		text-align: center; width: 100%; 
	}
     
    
}