*, *::before, *::after {box-sizing: border-box;}
body {line-height: 1;}
img.center {display: block;margin-left: auto;margin-right: auto;}
img.rechts {float: right;}
.img {aspect-ratio: 16 / 9;width: 100%;object-fit: cover;}
.t-rood, body.dark .t-rood{color: #D30508;}
body {background-color: #000033;}
.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:#000033;}
p.cont a:link {text-decoration:none;color:#000033;}
p.cont a:visited {text-decoration:none;color:#000033;}
p.cont a:hover {text-decoration:none;color:#000033;}

.wit {background: #f2f1f6}
.zwart, .zwarts {background-color : #000033; background: #000033;
background: linear-gradient(90deg,rgba(0, 0, 51, 1) 10%, rgba(24, 25, 71, 1) 90%);}




.t-wit {color: #f2f1f6}
.t-zwart {color: #000033}
hr.wit {border: 1px solid; color: #f2f1f6;padding: 0; margin: 0}

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

.marge{margin: 10% 0 0 0}
.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}
.inrechtst{float: left;width: 30%;padding: 5px 0 20px 0 ;margin: 0;box-sizing: border-box}
.inlinkst{float: left;width: 70%;padding: 15px 0 20px 0;margin: 0;box-sizing: border-box}

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

.stillinn {float: left;width: 100%;box-sizing: border-box; padding: 0 12.8% 0 12.8%;}
.still {float: left;width: 31.333%;box-sizing: border-box; padding:0; margin: 1%}
.kwart {float: left;width: 20%;box-sizing: border-box; padding:0; margin: 0}
.kwartruimte {float: right;width: 5%;box-sizing: border-box; padding:0; margin: 0}
.kwartje {float: right;width: 15%;box-sizing: border-box; padding:0; margin: 0}

.container, body.dark .container {position: relative;text-align: left;width: 100%;box-sizing: border-box; padding:0;border: 2px solid;border-radius: 8px}
.container {border-color:#000033;background-color:#000033;}

.cata-wit, a.cata-wit {color:#f2f1f6;background: #000033; transform: scale(1);margin: 30px 0 0 0; padding: 3% 3% 3% 3%;border: none;border-radius: 4px;text-align: center;text-decoration: none;font-size: 20px} 
.cata-wit:hover, a.cata-wit:hover {color:#000033;background: #f2f1f6;transform: scale(1)}
	
.cata-zwart, a.cata-zwart {color:#000033;background: #f2f1f6; transform: scale(1);margin:0; ;box-sizing: border-box;padding:3% 2%;border: none;border-radius: 4px;text-align: center;text-decoration: none;font-size: 20px} 
.cata-zwart:hover, a.cata-zwart:hover {color:#f2f1f6;background: #000033;transform: scale(1)}

.meerpad{padding: 0 9% 0 9%}
.container {position: relative;text-align: center;color: #f2f1f6;}
.bottom-left {position: absolute;bottom: 8px;left: 16px;}
.top-left {position: absolute;top: 8px;left: 16px;}
.top-right {position: absolute;top: 8px;right: 16px;}
.bottom-right {position: absolute;bottom: 8px;right: 16px;}
.centerd {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.kwart {float: left;width: 20%;box-sizing: border-box; padding:0; margin: 0}
.container, body.dark .container {position: relative;text-align: left;width: 100%;box-sizing: border-box; padding:0;border: 2px solid;border-radius: 8px}
.container {border-color:#000033;background-color:#000033;}

.ronder {border-radius: 50%}


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

.dot {position: absolute;width:142vmax;height:142vmax;left:50%;top:50%;transform:translate(-50%, -50%) scale(0);border-radius: 50%;background-color:#000033;z-index: 2}

.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: 1400px) {    
.inn {float: left;width: 100%;box-sizing: border-box; padding: 0 5% 0 5%;}
.stillinn {float: left;width: 100%;box-sizing: border-box; padding: 0 4.8% 0 4.8%;}
.still {float: left;width: 31.333%;box-sizing: border-box; padding:0; margin: 1%}
}
@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%;}
.stillinn {float: left;width: 100%;box-sizing: border-box; padding: 0 1% 0 1%;}
.still {float: left;width: 31.333%;box-sizing: border-box; padding:0; margin: 1%}
}
@media screen and (max-width: 1000px) {    
.inn {float: left;width: 100%;box-sizing: border-box; padding: 0 2% 0 2%;}	
.kwart {float: left;width: 25%;box-sizing: border-box; padding:0; margin: 0%}
.stillinn {float: left;width: 100%;box-sizing: border-box; padding: 0 2% 0 2%;}
.still {float: left;width: 49.6%;box-sizing: border-box; padding:0; margin: 0.2%}
}
@media screen and (max-width: 900px) {
.kwart {float: left;width: 33.33%;box-sizing: border-box; padding:0; margin: 0%}
.padboven50{padding-top: 26px}
.padboven100{padding-top: 46px}
.padonder50{padding-bottom: 26px}
.padonder100{padding-bottom: 46px}
}
@media screen and (max-width: 800px) {
.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, .inrechts {float: left;width: 100%;box-sizing: border-box;padding:0}
.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}
.stillinn {float: left;width: 100%;box-sizing: border-box; padding: 0 5% 0 5%;}
.kwart {float: left;width: 50%;box-sizing: border-box; padding:0; margin: 0%}
.mobright {text-align: right;} .mobcent {text-align: center;} .mobleft {text-align: left;} 
.mobpad {margin: 30px 0 0 0}
}