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

.padrechts {
	padding-right: 50px;
	}

quotescript {
font-family: "canvas-script", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 44px;
	line-height: 1.0;
	margin-top: 40px;
	margin-bottom: 20px;
}

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

	
#menu1 {
	background-image: url(menuhoofd.jpg);
	background-size: cover;
	background-position: right top;
    float:left;height:50vh;
    width:48vw;
	text-align: left;
	border-bottom: 33px solid  #ffffff ;
  	border-radius: 0px 0px 0px 0px;border-top: none;border-right: none;
	position: relative;
}

#menu2 {
	background-image: url(menu2.jpg);
	background-size: cover;
	background-position: left top;
    float:left;height:45vh;
    width:21vw;
	margin-bottom: 35px; margin-top: 0px; margin-right: 35px;
	border: 0px solid  #00A6CE ;
  	border-radius: 0px 0px 0px 0px;border-top: none;border-right: none;
	position: relative;
}	
	
#menu3 {
	background-image: url(menu3.jpg);
	background-size: cover;
	background-position: top center;
    float:left;height:50vh;
    width:24vw;
	border-bottom: 33px solid  #ffffff ;
	border-left: 33px solid  #ffffff ;
 	border-radius: 0px 0px 0px 0px;border-top: none;border-right: none;
	position: relative;
}
	

#menu4 {	
	background-image: url(menu4.jpg);
	background-size: cover;
	background-position: top center;
    float:left;height:50vh;
    width:24vw;
	margin-bottom: 0px; 
	position: relative;
}	
	
#menu5 {	
	background-image: url(menu5.jpg);
	background-size: cover;
	background-position: top center;
    float:left;height:50vh;
    width:24vw;
	border-left: 33px solid  #ffffff ;
	border-radius: 0px 0px 0px 0px;border-top: none;border-right: none;
	position: relative;
}
	
	

#menu6 {	
	background-image: url(menu6.jpg);
	background-size: cover;
	background-position: bottom center;
    float:left;height:50vh;
    width:24vw;margin-bottom: 0px;
	border-left: 33px solid  #ffffff ;
  	border-radius: 0px 0px 0px 0px;border-top: none;border-right: none;
	position: relative;
}
	

#tab {display: none}
#desk {display: block}
#mob {display: none}
#hoofdmenu {margin-left: 25%; float: left}

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

	#hoofdmenu {margin-left: 0%; float: left; width: 100%}

	#menu3, #menu4, #menu5, #menu6   {	
	width:50vw;height:50vh; margin-left: 0px; margin-bottom: 0px;
	}
	
	#menu1 {
	margin-top: 35px;
	width:100vw;height:50vh; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;background-position: center center;
	}
	
	#menu3  {
	margin-bottom: 0px;
	margin-top: 0px;
	border-left: 25px solid  #ffffff ;
	border-bottom: 25px solid  #ffffff ;
	border-right: 25px solid  #ffffff ;
	}	
	#menu4 {
	margin-top:0px;
	margin-left:0px;
	margin-bottom: 0px;
	border-bottom: 25px solid  #ffffff ;
	border-right: 25px solid  #ffffff ;	
	}
	
	#menu5  {
	margin-bottom: 0px;
	margin-top: 0px;
	border-left: 25px solid  #ffffff ;
	border-bottom: 25px solid  #ffffff ;
	border-right: 25px solid  #ffffff ;background-position: bottom center;
	}	

	#menu6 {
	margin-top:0px;
	margin-left:0px;
	margin-bottom: 0px;
	border-left: 0px solid  #ffffff ;
	border-bottom: 25px solid  #ffffff ;
	border-right: 25px solid  #ffffff ;	background-position: center center;
	}
	
#desk {display: none}
#mob {display: none}
#tab {display: block}

}
	

	
@media screen and (max-width: 750px) {
	.padrechts {
	padding-right: 0px;
	}
#menu1   {	
margin-top: 40px;
}
	
	
#menu1   {	

width:100%;height:375px; margin-bottom: 0px; 	background-position: left top;
}
#menu3   {	
background-position: center center;
width:100%;height:375px; margin-bottom: 0px; 	
}
#menu4  {	
background-position: top bottom;
width:100%;height:375px; 
	border: none;

	
}
#menu5 {	
background-position: center top;
width:100%;height:375px; 
	border-top: 25px solid  #ffffff ;

}
	
#menu6{	
background-position: bottom center;
width:100%;height:375px; 
		border: none;


}

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

#hoofdmenu {margin-left: 0%;margin-right: 0%; float: left; width: 100%}
}