@import "reset.css";
@import "cols.css";
@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@300;400;500;600;700;800;900&display=swap');

html {  -webkit-text-size-adjust: none;}
body{background-color:#fff;color:#000;font-family:Arimo, Arial;font-size:13px;}
body, html {height: 100%;}

.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear:both;}
a{color:#000;}
a:hover{color:#000;text-decoration:none;}
b,strong{font-weight:bold;}
em, i {font-style:italic;}

#superwrapper 			{min-height: 100%;height: auto !important;height: 100%;}
.wrapper 				{max-width: 1420px;width:95%;height: auto;margin: 0px auto;position:relative;}
.wrapper2 				{max-width: 1920px;width:95%;height: auto;margin: 0px auto;position:relative;}

.placeholder {color:#fff;}
::-webkit-input-placeholder, ::-webkit-textarea-placeholder {color:#fff;}
:-moz-placeholder {color:#fff;opacity:1;}
::-moz-placeholder {color:#fff;opacity:1;}
:-ms-input-placeholder, :-ms-textarea-placeholder {color:#fff;}	
input[placeholder], textarea[placeholder] {color:#fff;}

table tr {padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #eee;}
table td {padding:5px 0;}

h1 {color:#000;font-size:30px;line-height:40px;font-weight:700;margin-bottom:20px;}
h2 {color:#000;font-size:24px;line-height:40px;font-weight:normal;}
h3 {color:#000;font-size:18px;line-height:normal;font-weight:700;margin-bottom:20px;}
h4 {color:#000;font-size:18px;line-height:20px;font-weight:700;margin-bottom:40px;}

#home {height: 100vh;display: flex;align-items: center;width:100%;line-height:24px;}
#middle {width: 100%;}
.enter {margin-top:100px;}
.enter a {display:inline-block;padding:2px 18px;color:#fff;background-color:#000;text-decoration:none;text-transform:uppercase;font-size:11px;border:1px solid #000;}
.enter a:hover {background-color:#fff;color:#000;}

.enter2 {margin-top:50px;}
.enter2 a {display:inline-block;padding:2px 18px;color:#000;background-color:#fff;text-decoration:none;text-transform:uppercase;font-size:11px;border:1px solid #000;}
.enter2 a:hover {background-color:#000;color:#fff;}

#top {position:fixed;top:0px;left:0px;width:100%;background-color:#fff;z-index:1000;}
#header {padding:50px 0;border-bottom:1px solid #eee;}

#logo {float:left;}

#navMob {display:none;background-color:#d3d3d3;}
#navigation {display:none;}
#mobile-header a {color:#000;text-decoration: none;display: block;font-size:14px;font-weight:700;padding:10px;text-transform:uppercase;} 

#main{width:100%;padding:180px 0 80px 0;line-height:24px;}
#content{width:100%;}

.work:first-child {margin-top:0;}
.work {margin-top:20px;}
.worTitel a {font-weight:700;}
.thumbs {margin-top:50px;padding-top:50px;border-top:1px solid #eee; display: flex;
  flex-wrap: wrap;
  gap: 10px;}
.thumb {flex-basis: 168px; }
.thumb img {
  object-fit: cover;
  max-width: 100%;
  height: auto;
	aspect-ratio:4/3;
  vertical-align: middle;
  border-radius: 5px;
}
.by {font-size:11px;margin-top:10px;}

#nieuws {float:left;width:45%;}
.nieTxtH{float:left;width:70%;}
.nieImgH{float:right;width:25%;margin-left:5%;}
.videoWrapper {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.nieuwsbericht {padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #eee;}
.nieTitel {margin-bottom:10px}
.nieTitel a {text-decoration:underline;line-height:normal;font-weight:700;}
.nieTekst {margin-top:5px;}
.nieTekst span {font-size:14px;}
.nieTekst2 {width:45%;float:left;margin-right:10%;}
.nieTekst3 {width:45%;float:left;}
.nieTekst2 span {}
.leesmeer {text-align:right;}
.leesmeer a {display:inline-block;border-radius:5px;text-decoration:none;text-transform:uppercase;letter-spacing:1px;padding:7px 15px;font-family:OswaldLight,arial;font-size:13px;background-color:#4d5168;color:#fff;text-shadow:1px 1px 0px #434343;}
.leesmeer a:hover {border:1px solid #656a83;color:#656a83;background-color:#fff;text-shadow:none;}
.leesmeer2 {text-align:right;margin-top:30px;}
.leesmeer2 a {display:inline-block;border-radius:5px;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:1px;background-color:#4d5168;padding:7px 15px;font-family:OswaldLight,arial;font-size:13px;text-shadow:1px 1px 0px #434343;}
.leesmeer2 a:hover {background-color:#fff;color:#4d5168;text-shadow:none;}

.leftnie {float:left;width:70%;margin-right:5%;}
.newsPicc{float:left;width:25%;}

#footer {padding:25px 0px;color:#aaa;background-color:#fff;border-top:1px solid #eee;text-align:center;font-size:11px;}
#footer a {color:#aaa;text-decoration:underline;}


.grid-6 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(6,1fr);}
.grid-5 				{display: grid;grid-gap: 30px;grid-template-columns: repeat(5,1fr);}
.grid-4 				{display: grid;grid-gap: 40px;grid-template-columns: repeat(4,1fr);}
.grid-3 				{display: grid;grid-gap: 50px;grid-template-columns: repeat(3,1fr);}
.grid-2 				{display: grid;grid-gap: 60px;grid-template-columns: repeat(2,1fr);}
.sectiongrid			{margin:0px 0px 60px 0px;}


#navMobMenu 			{display:none;}
#navMob,#searchMob,#loginLnksmob,#languagesMob 				{background-color:var(--BACKGROUND);display:none;}