*, *::before, *::after {box-sizing: border-box;}
body {background-color: #e5e1de;margin: 0; padding: 0}
body {min-height: 100vh;scroll-behavior: smooth;text-rendering: optimizeSpeed;line-height: 1;}
html, body {margin: 0;padding: 0}
img {display: block;width: 100%}	
.shade {box-shadow: rgba(0, 0, 0, 0.4) 0 0.25rem 0.5rem}
 .photo {position: absolute;animation: round 33s infinite;opacity: 0}
 @keyframes round { 25% {opacity: 1} 50% {opacity: 0} }
 img:nth-child(1) {animation-delay: 24s}
 img:nth-child(2) {animation-delay: 16s}
 img:nth-child(3) {animation-delay: 8s}
 img:nth-child(4) {animation-delay: 0s}
  
.centered {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}	
	
.watermerk{float: left; width: 100%; margin:0; padding:0; background-image: url("https://pwdebruijn.nl/img/golf-wit.png");background-position: right 5% bottom 0;background-repeat: no-repeat;background-size: 30%; z-index: 9}
		
.watermerkwit{float: left; width: 100%; margin:0; padding:0; background-image: url("https://pwdebruijn.nl/img/golf-wit.png");background-position: right 10% bottom 15%;background-repeat: no-repeat;background-size: 30%; z-index: 9}
		
.watermerkblauw{float: left; width: 100%; margin:0; padding:0; background-image: url("https://pwdebruijn.nl/img/golf-donkerblauw.png");background-position: right 5% bottom 0;background-repeat: no-repeat;background-size: 100%; z-index: 9}
		
.watermerklichtblauw{float: left; width: 100%; margin:0; padding:0; background-image: url("https://pwdebruijn.nl/img/golf-lichtblauw.png");background-position: right 5% bottom 15px;background-repeat: no-repeat;background-size: 30%; z-index: 9}
	
.blauw {background-color : #011057}
.blauw5 {background-color : #f2f3f7}
.blauw10 {background-color : #e6e6ee}
.blauw20 {background-color : #cccfde}
	
.lichtblauw {background-color : #3b8dbe}

.bruin {background-color : #786c5c}
.bruin5 {background-color : #f8f8f8}
.bruin10 {background-color : #f1f0ee}
.bruin20 {background-color : #e5e1de}	
	
.t-blauw {color : #011057}
.tblauw5 {color : #f2f3f7}
.t-blauw10 {color : #e6e6ee}
.t-blauw20 {color : #cccfde}
	
.t-lichtblauw {color : #3b8dbe}

.t-bruin {color : #786c5c}
.t-bruin5 {color : #f8f8f8}
.t-bruin10 {color : #f1f0ee}
.t-bruin20 {color : #e5e1de}		
		
.linkserdt {position: absolute;bottom: 7%;left: 55%;width:40%;box-sizing: border-box; padding: 25px 2% 30px 2%;z-index: 2;  background-color: rgba(1, 15, 86, 0.77);border-radius: 5px;display: inline-block;}
.rechtserd {position: absolute;bottom: 4%;right: 5%;width:60%;box-sizing: border-box; padding: 0;z-index: 2;  background-color: rgba(255,255,255,0.5);}
	
.inlinks-grootz{float: left;width: 65%;margin: 0;box-sizing: border-box; padding: 0 6% 0 0}
.inrechts-kleinz{float: left;width: 30%;margin:0;box-sizing: border-box; padding: 2% 4% 3% 2%;border-radius: 6px 0 0 6px}	
.inlinks-grootzt{position: relative;  bottom : 0px; left: 5%;margin: 0;box-sizing: border-box; padding: 0 6% 0 0}
.inrechts-kleinzt{position: relative;  bottom : 0px; left: 70%;width: 30%;margin:0;box-sizing: border-box; padding: 2% 4% 3% 2%;border-radius: 6px 0 0 6px}	
.inlinks-vul{float: left;width: 5%;padding: 0;margin: 0}
.incato{float: left;padding: 0;margin: 5% 0 0 0}
.inndesk{float: left;width: 90%;padding: 0 5% 0 5%;margin:0;box-sizing: border-box}	
				
.afgerond {border-radius: 6px}	

.knopbruin a {width: auto;color:#f8f8f8;background-color: #786c5c; border-color:#f8f8f8; padding: 16px 14px 16px 14px;margin:0; text-align: center;text-decoration: none;box-sizing: border-box; border: 1px solid;border-radius: 6px;display: inline-block;}	
.knopbruin a:hover {background-color: #011057;color:#f8f8f8; border-color:#f8f8f8;}
		
.knopblauw a {width: auto;color:#f8f8f8;background-color: #011057; border-color:#f8f8f8; padding: 16px 14px 16px 14px;margin:0; text-align: center;text-decoration: none;box-sizing: border-box; border: 1px solid;border-radius: 6px;display: inline-block;}	
.knopblauw a:hover {background-color: #786c5c;color:#f8f8f8; border-color:#f8f8f8;}
	
.knopboksz a {width: 100%;color:#f8f8f8; border-color:#f8f8f8; padding: 14px 0 14px 0;margin: 0 0 0 0; text-align: center;text-decoration: none;box-sizing: border-box; border: 1px solid;border-radius: 6px;display: inline-block;}	
.knopboksz a:hover {background-color: #f8f8f8;color:#011057; border-color:#f8f8f8;}

.tweeden{float: left;width: 48%;  margin:1%}
.element {position: sticky;top: 20vh;max-height: 100%;overflow-y: auto;float: left;width: 50%}	
	
.mainrechts{float: right;width: 50%;padding: 0 ;margin: 0;box-sizing: border-box}
.mainlinks{float: left;width: 50%;padding: 0;margin: 0;box-sizing: border-box}
		
.linkspad{padding:0 0 0 10%}
.rechtspad{padding:0 10% 0 0}
	
p.t-blauw a:link, p.t-blauw a:visited{text-decoration:none;color:#011057}
p.t-blauw a:hover{text-decoration:none;color:#011057}

p.t-bruin a:link, p.t-bruin a:visited{text-decoration:none;color:#786c5c}
p.t-bruin a:hover{text-decoration:none;color:#786c5c}
	
.linkgrijs {overflow: hidden;}
a.linkgrijs, a.linkgrijs:link {color: #f3f4f8;padding: 0 15px 0 0;text-decoration: none;font-size: 16px;}
a.linkgrijs:hover {color: #b1c1d1;text-decoration: none}

.center {align-items: center;text-align: center; }
.links {text-align: left;}
.rechts {text-align: right;}
.bruit {display: none;}  
.M-weg {display: block;}	
.main {float: left;width: 100%}	
.inn, .inndesk{margin: 0 auto;max-width: 3200px;box-sizing: border-box; padding: 0 5% 0 5%}
.inrechts{float: right;width: 50%;padding: 0 ;margin: 0;box-sizing: border-box}
.inlinks{float: left;width: 50%;padding: 0;margin: 0;box-sizing: border-box}
.inlinks-klein{float: left;width: 30%;padding: 0;margin: 0}
.inrechts-groot{float: left;width: 70%;padding: 0;margin: 0;box-sizing: border-box}
.inlinks-groot{float: left;width: 70%;margin: 0;box-sizing: border-box; padding: 0}
.inrechts-klein{float: left;width: 30%;margin: 0;box-sizing: border-box; padding: 0}
.helft{float: left;width: 48%;  margin: 1%}
.full {width: 100vw;height: 80vh;overflow:hidden;}	

.padboven50{padding-top: 40px}
.padboven100{padding-top: 80px}
.padonder50{padding-bottom: 40px}
.padonder100{padding-bottom: 80px}
.tabl-ja {display: none;}	
.inl-foot{float: left;width: 28%;padding: 0;margin: 0;box-sizing: border-box}
.inr-foot-in{float: left;width: 72%;padding: 0;margin: 0;box-sizing: border-box}
.inr-foot{float: left;width: 50%;padding:0;margin: 0;box-sizing: border-box}	
.in-foot{float: left;width: 50%;padding:0;margin: 0;box-sizing: border-box}		

p.t-wit a:link, p.t-wit a:visited{text-decoration:none;color:#f6f4ee}
p.t-wit a:hover{text-decoration:none;color:#e7dfd8}
		
.ruimtelinks{padding: 0 5% 0 13%; box-sizing: border-box}	
.ruimterechts{padding: 0 10% 0 3%; box-sizing: border-box}	
.ruimtelinksafb{padding: 0 0 0 12%; box-sizing: border-box}	
.ruimterechtsafb{padding: 0 12% 0 0; box-sizing: border-box}	
.padlinks{padding: 0 0 0 5%; box-sizing: border-box}	
.padrechts{padding: 0 5% 0 0; box-sizing: border-box}	

.slider {width: 100%;height: 100vh;position: relative;overflow: hidden;}
.slider img {width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;}

.certificaat {position: absolute;bottom: 7%;left: 5%;width:15%;box-sizing: border-box; padding: 0;z-index: 2;}

.inlinksl{float: left;width: 30%;padding: 0;margin: 0 5% 0 0;box-sizing: border-box;border-radius: 6px}
.inmid{float: left;width: 30%;padding: 0 ;margin: 0;box-sizing: border-box;border-radius: 6px}	
.inrechtsr{float: right;width: 30%;padding: 0 ;margin: 0 0 0 5%;box-sizing: border-box;border-radius: 6px}
	
	
.linksl{float: left;width: 20%;padding: 0;margin: 0 6% 0 0;box-sizing: border-box;border-radius: 6px}
.mid{float: left;width: 20%;padding: 0 ;margin: 0 6% 0 0;box-sizing: border-box;border-radius: 6px}	
.rechtsr{float: left;width: 20%;padding: 0 ;margin: 0 3% 0 0;box-sizing: border-box;border-radius: 6px}
.rechtsrt{float: right;width: 20%;padding: 0 ;margin: 0 0 0 4%;box-sizing: border-box;border-radius: 6px}
	
.icons{float: left;width: 90%;padding: 0;margin: 0 10% 0 0;box-sizing: border-box;}	


.inrechtsz{float: right;width: 48%;padding: 0 ;margin: 30px 0 0 2%;box-sizing: border-box;border-radius: 6px}
.inlinksz{float: left;width: 48%;padding: 0;margin: 30px 2% 0 0;box-sizing: border-box;border-radius: 6px}
.linkserdt {position: absolute;bottom: 7%;left: 55%;width:40%;box-sizing: border-box; padding: 25px 2% 30px 2%;z-index: 2;  background-color: rgba(1, 15, 86, 0.77);border-radius: 6px}	
	
.introductie {position: absolute;bottom: 7%;left: 55%;width:40%;box-sizing: border-box; padding: 25px 2% 30px 2%;z-index: 2;  background-color: rgba(1, 15, 86, 0.77);border-radius: 6px}	
	.actieruimte {padding-bottom: 13px;display: block}		

.tweede {float:left;padding: 0;margin: 0;width: 48%;}
		
.derde {float:left;padding: 0;margin: 0;width: 30%}
.derderuimte{float:left;padding: 0;margin: 0;width: 5%}
	
.vierde {float:left;padding: 0;margin: 0;width: 22%;}
.vierderuimte{float:left;padding: 0;margin: 0;width: 4%}
	
.img-hover-zoom {
 border-radius: 6px 6px 0px 0px;
overflow: hidden}
.img-hover-zoom img {transition: transform .5s ease}
.img-hover-zoom:hover img {transform: scale(1.05)}
			
.img-z {
 border-radius: 6px;
overflow: hidden}
.img-z img {transition: transform .5s ease}
.img-z:hover img {transform: scale(1.05)}

@media screen and (max-width: 1600px) {.padboven50{padding-top: 40px}.padboven100{padding-top: 80px}.padonder50{padding-bottom: 40px}.padonder100{padding-bottom: 80px}}

@media screen and (max-width: 1300px) {.padboven50{padding-top: 35px}  .padboven100{padding-top: 60px}.padonder50{padding-bottom: 35px}.padonder100{padding-bottom: 60px}}

@media screen and (max-width: 1200px) {.padboven50{padding-top: 30px}.padboven100{padding-top: 50px}.padonder50{padding-bottom: 30px}.padonder100{padding-bottom:50px} }
	
@media screen and (max-width: 900px) {
.M-weg {display: none}
.bruit {display: block} 
.inn, .innmob {width: 100%;box-sizing: border-box; padding: 0 8% 0 8%;}
.inl-foot{float: left;width: 100%;padding: 0;margin: 0;box-sizing: border-box}
.inr-foot-in{float: left;width: 100%;padding: 0;margin: 0;box-sizing: border-box}
.inr-foot{float: left;width: 100%;padding:0;margin: 0;box-sizing: border-box}	
.in-foot{float: left;width: 100%;padding:0;margin: 0;box-sizing: border-box}
.padboven50{padding-top: 20px}
.padboven100{padding-top: 35px}
.padonder50{padding-bottom: 20px}
.padonder100{padding-bottom: 35px}
.inlinks-klein, .inrechts-klein, .inlinks-groot, .inrechts-groot, .inlinks, .inrechts, .mobmain{float: left;width: 100%;margin: 0;box-sizing: border-box; padding: 0}
.mobright {text-align: right;} .mobcent {text-align: center;} .mobleft {text-align: left;}
.full {width: 100vw;height: 60vh;overflow:hidden;}	
.element {position:relative;top: 2vh;max-height: 100%;overflow-y: auto;float: left;width: 100%}
.ruimtelinks, .ruimterechts{padding: 0; box-sizing: border-box}	
.ruimtelinksafb {padding: 15% 20% 15% 20%; box-sizing: border-box}	
.ruimterechtsafb {padding: 0 4% 0 0; box-sizing: border-box}	
.padlinks, .padrechts {padding: 0; box-sizing: border-box}	
	


.linkserdt {position: absolute;bottom: 1%;left: 6%;width:88%;height: 50%; box-sizing: border-box; padding: 20px 4% 30px 4%;z-index: 2;  background-color: rgba(1, 15, 86, 1);border-radius: 5px;display: inline-block;}
.rechtserd {position: absolute;bottom: 4%;right: 5%;width:60%;box-sizing: border-box; padding: 0;z-index: 2;  background-color: rgba(255,255,255,0.5);}
	


.inlinks-grootz{float: left;width: 100%;margin: 0;box-sizing: border-box; padding: 0 8% 0 8%}
.inrechts-kleinz{float: left;width: 100%;margin:0;box-sizing: border-box; padding: 2% 4% 3% 2%;border-radius: 6px 0 0 6px}	
.inlinks-grootzt{position: relative;  bottom : 0px; left: 5%;margin: 0;box-sizing: border-box; padding: 0 6% 0 0}
.inrechts-kleinzt{position: relative;  bottom : 0px; left: 70%;width: 30%;margin:0;box-sizing: border-box; padding: 2% 4% 3% 2%;border-radius: 6px 0 0 6px}	
.inlinks-vul{float: left;width: 5%;padding: 0;margin: 0}
	
.mainrechts{float: right;width: 100%;padding: 0 ;margin: 0;box-sizing: border-box}
.mainlinks{float: left;width: 100%;padding: 0;margin: 0;box-sizing: border-box}
.mobpad{float: left;width: 100%;padding: 0;margin:10px;box-sizing: border-box}
.inndesk{float: left;width: 100%;padding: 0;margin:0;box-sizing: border-box}

.rechtspad{padding:0 0 0 0}
	
.inrechtsz{float: right;width: 48%;padding: 0 ;margin: 0;box-sizing: border-box;border-radius: 6px}
.inlinksz{float: left;width: 48%;padding: 0;margin:  0;box-sizing: border-box;border-radius: 6px}


	
	
		.slider {width: 100%;height: 80vh;position: relative;overflow: hidden;}

	.introductie {position: absolute;bottom: 20%;left: 5%;width:90%;box-sizing: border-box; padding: 20px 3% 17px 3%;z-index: 2; background-color: rgba(1, 15, 86, 0.77);border-radius: 6px}
	

.tweede {float:left;padding: 0;margin: 0;width: 48%;}
		
.derde {float:left;padding: 0;margin: 0;width: 30%}
.derderuimte{float:left;padding: 0;margin: 0;width: 5%}
	
.vierde {float:left;padding: 0;margin: 0;width: 47%;}
.vierderuimte{float:left;padding: 0;margin: 0;width: 6%}
}