*, *::before, *::after {box-sizing: border-box;}

body,h1,h2,h3,p {margin: 0;font-family: "Archivo Black", Arial, Helvetica, sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;}	
body {min-height: 100vh;scroll-behavior: smooth;text-rendering: optimizeSpeed;line-height: 1;}

.img {max-width: 100%;display: block;}

body {background-color: #edf8ff;}

.centered {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}	

p.con {text-decoration:none;color:#f2f1f6;}
p.con a:link {text-decoration:none;color:#f2f1f6;}
p.con a:visited {text-decoration:none;color:#f2f1f6;}
p.con a:hover {text-decoration:none;color:#f2f1f6;}

p.cont {text-decoration:none;color:#064175;}
p.cont a:link {text-decoration:none;color:#064175;}
p.cont a:visited {text-decoration:none;color:#064175;}
p.cont a:hover {text-decoration:none;color:#064175;}

.wit {background:#f2f1f6}
.oranje {background:#f39100}
.lichtblauw {background:#edf8ff}
.blauw {background:#35a7df}
.blauwdonker {background-color:#064175}

.t-wit {color:#f2f1f6}
.t-oranje {color:#f39100}
.t-lichtblauw {color:#f3910}
.t-blauw {color:#f3910}
.t-blauwdonker {color:#f3910}
.t-zwart {color:#064175}

.main {margin: 0;padding: 0;float: left;width: 100%;}
.center {align-items: center;text-align: center; }
.links {text-align: left;}
.rechts {text-align: right;}
.bruit {display: none;}  
.M-weg {display: block;}

video {width: 100%;height: auto;float: left;z-index: 1}

.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}

.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%;padding: 0;margin: 0;box-sizing: border-box}
.inrechts-klein{float: left;width: 30%;padding: 0;margin: 0}
.inrechts{float: left;width: 50%;padding: 0 ;margin: 0;box-sizing: border-box}
.inlinks{float: left;width: 50%;padding: 0 5% 0 0;margin: 0;box-sizing: border-box}

.inn {float: left;width: 100%;box-sizing: border-box; padding: 0 13% 0 13%;}

.full {width: 100%;height: 100vh;overflow:hidden;}

.centert {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.padboven50{padding-top: 40px}
.padboven100{padding-top: 80px}
.padonder50{padding-bottom: 40px}
.padonder100{padding-bottom: 80px}

.linkwit {overflow: hidden;}
a.linkwit, a.linkwit:link {color: #f2f1f6;padding: 0 15px 0 0;text-decoration: none;font-size: 16px;}
a.linkwit:hover {color: #f2f1f6;text-decoration: none}
a.linkwit.active {background-color: #f2f1f6;text-decoration: underline}	
.tabl-ja {display: none;}	

@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: 1500px) { 
}
@media screen and (max-width: 1400px) {   
 .inn {float: left;width: 100%;box-sizing: border-box; padding: 0 5% 0 5%;}
}
@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: 1100px) { 
.inn {float: left;width: 100%;box-sizing: border-box; padding: 0 1% 0 1%;} 
}
@media screen and (max-width: 1000px) {    
}
@media screen and (max-width: 900px) {
.padboven50{padding-top: 26px}
.padboven100{padding-top: 46px}
.padonder50{padding-bottom: 26px}
.padonder100{padding-bottom: 46px}
}
@media screen and (max-width: 800px) {
.padboven50{padding-top: 22px}
.padboven100{padding-top: 46px} 
.padonder50{padding-bottom: 22px}
.padonder100{padding-bottom: 46px}
}
@media screen and (max-width: 700px) {
.padboven50{padding-top: 20px}
.padboven100{padding-top: 46px}
.padonder50{padding-bottom: 20px}
.padonder100{padding-bottom: 46px}
.inlinks, .inrechts {float: left;width: 100%;box-sizing: border-box;padding:0}
}
@media screen and (max-width: 600px) {
.M-weg {display: none}
.bruit {display: block} 
.inn {float: left;width: 100%;box-sizing: border-box; padding: 0 4% 0 4%;}
video {width: 100vw;height: 100vh;object-fit: cover;float: left}
.padboven50{padding-top: 20px}
.padboven100{padding-top: 35px}
.padonder50{padding-bottom: 20px}
.padonder100{padding-bottom: 35px}
.inlinks-klein{float: left;width: 100%;padding: 0;margin: 0}
.inrechts-groot{float: left;width: 100%;padding: 0;margin: 0;box-sizing: border-box}
.inlinks-groot{float: left;width: 100%;padding: 0;margin: 0;box-sizing: border-box}
.inrechts-klein{float: left;width: 100%;padding: 0;margin: 0}
.mobright {text-align: right;} .mobcent {text-align: center;} .mobleft {text-align: left;} 
}