.pic:link { opacity: 0.0; filter: alpha(opacity=0); }
.pic:hover { opacity: 1.0; filter: alpha(opacity=100);}
#menu1:hover {background-image:url(menuh.jpg); }
#menu2:hover {background-image:url(menuh2.jpg);   }
#menu4:hover {background-image:url(menuh4.jpg);  }
#menu5:hover {background-image:url(menuh5.jpg);   }
#menu6:hover {background-image:url(menuh6.jpg);   }

#menu1inhoud:hover {background-image:url(menuh.jpg); }
#menu2inhoud:hover {background-image:url(menuh2.jpg);   }
#menu4inhoud:hover {background-image:url(menuh4.jpg);   }
#menu5inhoud:hover {background-image:url(menuh5.jpg);   }
#menu6inhoud:hover {background-image:url(menuh6.jpg);   }

.padrechts {
	padding-right: 50px;
	}


div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}



body {
}

#menu1   {
	margin-top: 5%;margin-bottom: 2%; 	margin-right: 2%;
	background-image: url(menu.jpg);
	background-size: cover;
	background-position: center left;
    float:left;height:33vh;
    width:34.5vw;
	text-align: left;
	position: relative;
	-moz-border-radius:20px 0px 0px 0px;
	-webkit-border-radius:20px 0px 0px 0px;
	border-radius:20px 0px 0px 0px;
}



#menu2 {
	margin-top: 5%;margin-bottom: 2%;
	background-image: url(menu2.jpg);
	background-size: cover;
	background-position: center center;
    float:left;height:33vh;
    width:34.5vw;
	position: relative;
	-moz-border-radius:0px 20px 0px 0px;
	-webkit-border-radius:0px 20px 0px 0px;
	border-radius:0px 20px 0px 0px;

}	
	
#menu3 {
	margin-bottom: -80px;
	background-image: url(titel.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top left;
    float:left;height:22vh;
    width:70.55vw;
	position: relative;z-index: 1
}
	

#menu4 {
	margin-right: 2%;
	background-image: url(menu4.jpg);
	background-size: cover;
	background-position: center center;
    float:left;height:38vh;
    width:23vw;
	margin-top: 0px; 
	position: relative;z-index: 0;
	-moz-border-radius:0px 0px 0px 20px;
	-webkit-border-radius:0px 0px 0px 20px;
	border-radius:0px 0px 0px 20px;
}


#menu5 {
	margin-right: 2%;
	background-image: url(menu5.jpg);
	background-size: cover;
	background-position: top left;
    float:left;height:38vh;
    width:22.1vw;
	margin-top: 0px; 
	position: relative;z-index: 0;
	-moz-border-radius:0px 0px 0px 0px;
	-webkit-border-radius:0px 0px 0px 0px;
	border-radius:0px 0px 0px 0px;
}	
	
#menu6 {
	background-image: url(menu6.jpg);
	background-size: cover;
	background-position: bottom center;
    float:left;height:38vh;
    width:22.4vw;
	margin-top: 0px; 
	position: relative;z-index: 0;
	-moz-border-radius:0px 0px 20px 0px;
	-webkit-border-radius:0px 0px 20px 0px;
	border-radius:0px 0px 20px 0px;
}	
	



	
#hoofdmenu {margin-left: 25%; float: left; z-index: 0; width: 75% }
.submenupaars {background-color: #bccfdb ; margin: 30px 0px 0px 30px}	
.submenugeel {background-color: #fdf1d8 ; margin: 30px 0px 0px 30px}	
.submenugroen {background-color: #d3c2c6 ; margin: 30px 0px 0px 30px}	
.submenurood {background-color: #bccfdb ; margin: 30px 0px 0px 30px}	

.background {
  width: 75vw;
  height: 100%;
  margin: 30px 60px 30px 30px;
  position:  fixed;
	-moz-border-radius:30px 30px 0px 0px;
	-webkit-border-radius:30px 30px 0px 0px;
	border-radius:30px 30px 0px 0px;
  z-index: 1; }



#tab {display: none}
#desk {display: block}
#mob {display: none}

	
	
	
@media screen and (max-width: 992px) {

	#hoofdmenu {margin-top: 0px; margin-left: 0px; float: left; width: 100%; z-index: 50;}
	.submenupaars {background-color: #bccfdb ; margin: 0px 0px 0px 0px}	
	.submenugeel {background-color: #fdf1d8 ; margin: 0px 0px 0px 0px}	
	.submenugroen {background-color: #d3c2c6 ; margin: 0px 0px 0px 0px}	
	.submenurood {background-color: #bccfdb ; margin: 0px 0px 0px 0px}	


	#menu1, #menu2  {	
	width:50vw;height:37vh; margin-left: 0px; margin-bottom: 0px;
	}
	
	#menu4, #menu5, #menu6    {	
	width:33.2vw;height:45vh; margin-left: 0px; margin-bottom: 0px;
	}
	
	#menu3  {	
	width:100vw;height:20vh; margin-left: 0px;
	}
	
	

	
	#menu1 {
	margin: 0px;
	border-top: 30px solid  #ffffff ;

	border-left: 30px solid  #ffffff ;
	border-bottom: 15px solid  #ffffff ;
	border-right: 15px solid  #ffffff ;
		z-index:55;
	}
	
	
	#menu2  {
	margin: 0px;
	border-top: 30px solid  #ffffff ;
	border-left: 15px solid  #ffffff ;
	border-bottom: 15px solid  #ffffff ;
	border-right: 30px solid  #ffffff ;
					z-index:55;

	}	
	
	
	#menu3  {
		margin: 0px;
	border-left: 30px solid  #ffffff ;
	border-right: 30px solid  #ffffff ;
	}	
	
	#menu4  {
	margin-top: -120px;
	margin-left:0px;
	margin-bottom:0px;
	margin-right:0px;
	border-left: 30px solid  #ffffff ;
	border-bottom: 30px solid  #ffffff ;
	border-right: 15px solid  #ffffff ;
	}
	

	#menu5  {
	margin-top: -120px;
	margin-left:0px;
	margin-bottom:0px;
	margin-right:0px;
	border-left: 15px solid  #ffffff ;
	border-bottom: 30px solid  #ffffff ;
	border-right: 15px solid  #ffffff ;
	}	
	
	#menu6  {
	margin-top: -120px;
	margin-left:0px;
	margin-bottom:0px;
	margin-right:0px;
	border-left: 15px solid  #ffffff ;
	border-bottom: 30px solid  #ffffff ;
	border-right: 30px solid  #ffffff ;
	}	



	
#desk {display: none}
#mob {display: none}
#tab {display: block}

}
	

	
@media screen and (max-width: 750px) {
	.padrechts {
	padding-right: 0px;
	}
	
	
	body { background-color: #ffffff; background-size: 0px;
}
	
	

#menu1   {	
background-position: top left;
width:100%;height:350px; margin-bottom: 0px;margin-top: 60px ;	background-position: top center;
border : 25px solid  #ffffff ;z-index: 0;
border-bottom: 0px; border-top: 0px;
}

#logoo   {	
background-position: top left; position: absolute;
width:100%;height:150px; margin-bottom: 0px; 	background-position: top right;
border : 25px solid  #ffffff ;z-index: 1;
border-bottom: 0px;
}
	
	
#menu2   {	
background-position: top left;
width:100%;height:300px; margin-bottom: 0px; 	background-position: top left;
border : 25px solid  #ffffff ;
	border-bottom: 0px;

}
#menu3   {	
background-position: top left;
width:100%;height:300px; margin-bottom: 0px; 	background-position: top left;
border : 25px solid  #ffffff ;
	border-bottom: 0px;

}
#menu4   {	
background-position: top left;
width:100%;height:300px; margin-bottom: 0px; 	background-position: top left;
border : 25px solid  #ffffff ;
	border-bottom: 0px;
		margin:0px;

}
	
	
#menu5   {	
background-position: top left;
width:100%;height:300px; margin-bottom:0px; 	background-position: bottom left;
border : 25px solid  #ffffff ;
	border-bottom: 0px;
		margin:0px;

}
	
	
#menu6   {	
background-position: top left;
width:100%;height:300px; margin-bottom:0px; 	background-position: bottom left;
border : 25px solid  #ffffff ;
border-bottom: 0px;
	margin:0px;

}
		
	
			
#desk {display: none}
#mob {display: block}
#tab {display: none}

#hoofdmenu {margin-left: 0%; float: left; width: 100%;}
.submenupaars {background-color: #bccfdb ; margin: 0px 0px 0px 0px;}	
.submenugeel {background-color: #fdf1d8 ; margin: 0px 0px 0px 0px}	
.submenugroen {background-color: #d3c2c6 ; margin: 0px 0px 0px 0px}	
.submenurood {background-color: #bccfdb ; margin: 0px 0px 0px 0px}	

	
}