body, html {font-family:gentium book basic;height: 100%;margin:0px;padding:0px;text-align:justify;background-color:#fdfdfd;font-size: calc(15px + 0.390625vw);color:#292929 }
html {overflow-x:hidden;scroll-behavior: smooth;}
* {box-sizing: border-box;}
.grid {display:grid;grid-template-areas:'header' 'main-content' 'footer';}
.grid > * {padding:1rem;}
.grid > .header {grid-area:header;}
.grid > .main-content {grid-area:main-content;}
.grid > .footer {grid-area:footer;text-align:center}
.grid {grid-template-columns: 1fr 1fr 1fr 1fr;grid-template-areas:'header header header header' 'main-content main-content main-content main-content' 'footer footer footer footer';}
.main-content {margin: auto;width:100%;padding:0;}
.main-content2 {max-width:1500px;}
.responsive-three-column-grid {display:block;margin: auto;width:100%;max-width:1500px}
.responsive-three-column-grid > * {padding: 2%;}
.logo {text-align:center;margin-top:50px;width:25%;min-width:180px;position:absolute}
.logo-img {border:0px;border-radius: 0px 0px 0px 0px;box-shadow: 0 0px 0px;width:80%;min-width:180px}
h1 {font-size: 3.5vw;color:#f6f7f8;margin:100px 0px 0px 0px;letter-spacing: 3px;text-align:center}
h2 {color:#0e548b; font-weight: bold;padding: 30px 0px 30px 0px; margin:0;text-align:center;font-size:225%;letter-spacing: 1px;}
h3 {font-size: 3vw;color:#f6f7f8 ;margin:0px 0px 0px 0px;letter-spacing: 2px;text-align:center}
h4 {color:#0e548b; font-weight: bold; margin:0;font-size: calc(24px + 0.390625vw)}
h5 {font-size:108%;}
h6 {margin:0px;padding:0;color:#0e548b;display: inline !important;font-size: calc(15px + 0.390625vw)}
.header-h1 {padding:0 10% 0 25%;height:auto;margin-bottom:0px;padding-bottom:40px}
.header2 {background-color:#395e89}
.header3 {background-color:#fdfdfd;background-image: url('../img/diversos/background3.jpg' );background-repeat: repeat-x;width:100%}
.backgrond-blue {background-image: url('../img/diversos/background.jpg' );background-repeat: repeat-x;width:100%}
img {border:1px solid #034146;border-radius: 5px 5px 5px 5px;box-shadow: 0 0px 0px #d1d0d0}
.img1 {width:100%;margin:0;}
.img2 {width:40%;margin-left:5%;box-shadow: 0 3px 3px}
.img3 {width:40%;margin-left:5%;margin-top:-40px;box-shadow: 0 3px 3px}
.img4 {width:40%;margin:0 24vw 0 0;box-shadow: 0 3px 3px}
.img5 {width:40%;margin:-4vw 12vw 0 0;box-shadow: 0 3px 3px}
.img6 {width:30%;margin:-5vw 0px 0px 0;box-shadow: 0 3px 3px}
.img7 {width:92%;box-shadow: 0 3px 3px;}
.img8 {width:100%;max-width:1000px;box-shadow: 0 3px 3px}
.img9 {float:right;width:30%;margin-left:5%;box-shadow: 0 3px 3px}
.img10 {width:100%;margin-left:5%;box-shadow: 0 3px 3px}
.img11 {width:100%;box-shadow: 0 3px 3px}
.img12 {float:right;width:25%;margin-left:5%;border:0;box-shadow: 0 0px 0px}
.img13 {float:left;width:25%;margin-right:5%;border:0;box-shadow: 0 0px 0px}
.img14 {float:right;width:35%;margin-left:5%;box-shadow: 0 3px 3px}
.img15, .img16 {float:left;width:30%;margin-right:5%;box-shadow: 0 3px 3px}
.img16b {float:left;width:25.2%;margin-right:5%;box-shadow: 0 3px 3px}
.img17 {width:98%;margin:0 1% 0 0;box-shadow: 0 3px 3px}
.img18 {width:98%;margin:0 0 0 1%;box-shadow: 0 3px 3px}
.img19 {float:right;width:50%;margin-left:5%;box-shadow: 0 3px 3px}
.img20 {float:left;width:65%;margin: 0px 20px 10px 0px;box-shadow: 0 3px 3px}
.float1 {float:right;margin:20px 4% 0 0; width:60%;text-align:right}
.float2 {float:right; margin-left:20px;width:31%;padding:0 20px 0 0}
.float3 {float:left;padding:0 0 20px 30px;font-weight: bold;}
.float4 {float:right;padding:0 0 0 30px;font-weight: bold;}
.float5 {float:left;width:50%;padding:0;font-weight: bold;text-align:center;font-size: calc(16px + 0.390625vw);}
.contact {float:right;width:50%;text-align:center}
.tekst-in-blauw {margin:auto;width:80%;font-size: 2vw;letter-spacing: 2px;color:#f6f7f8;text-align:center;}
.tekstblok-links {float:left;position:relative;left:10vw;border:1px solid #034146;border-radius: 5px 5px 5px 5px; width:45%;margin:100px 0px 0px 4%;background-color: #c4ccd4;padding:25px;font-size: calc(19px + 0.390625vw);letter-spacing: 1px;color:#0a3a6a;text-align:center;font-family:times new roman;}
.tekstblok-links2 {border:1px solid #034146;border-radius: 5px 5px 5px 5px; width:35%;margin:40px 0px 0px 7%;background-color: #c4ccd4;padding:4%;font-size: calc(17px + 0.390625vw);letter-spacing: 1px;color:#0a3a6a;text-align:center;}
.tekstblok-links3 {border:1px solid #034146;border-radius: 5px 5px 5px 5px; width:96%;margin:0px 2% 0px 2%;background-color: #c4ccd4;padding:20px;font-family:times new roman;color:#0a3a6a;}
.tekstblok-links4 {float:left;position:relative;left:10vw;border:1px solid #034146;border-radius: 5px 5px 5px 5px; width:45%;margin:100px 0px 0px 4%;background-color: #c4ccd4;padding:25px;font-size: calc(17px + 0.390625vw);letter-spacing: 1px;color:#0a3a6a;text-align:justify;}
.tekstblok-rechts {float:right;position:relative;border:1px solid #034146;border-radius: 5px 5px 5px 5px; width:45%;margin:80px 4% 0px 0px ;background-color: #c4ccd4;padding:25px;font-size: calc(16px + 0.390625vw);letter-spacing: 1px;color:#0a3a6a;text-align:justify;font-family: times new roman}
.tekst-beneden {padding:2% 0 20px 8%;font-family:times new roman;letter-spacing: normal;color:#f6f7f8;text-align:left;width:100%;background-color:#395e89;margin-top:-8vw;height:auto}
.tekst-beneden1 {width:100%;text-align:left}
.spullen1 {width:70%;border:1px solid #034146;border-radius: 5px 5px 5px 5px;margin:0px 0px 20px 2%;background-color: #c4ccd4;padding:20px;font-family:times new roman;color:#0a3a6a;}
.spullen2 {width:70%;border:1px solid #034146;border-radius: 5px 5px 5px 5px;margin:0px 2% 20px 15%;background-color: #c4ccd4;padding:20px;font-family:times new roman;color:#0a3a6a;}
.spullen3 {width:70%;border:1px solid #034146;border-radius: 5px 5px 5px 5px;margin:0px 2% 20px 30%;background-color: #c4ccd4;padding:20px;font-family:times new roman;color:#0a3a6a;}
.tuigjes {float:left;margin-bottom:20px}
.birds {position:absolute;left:20%;top:-5px;border:0px;box-shadow: 0 0px 0px;width:371px;height:181px;background-image:url(../img/diversos/birds.png)}
.arrow {font-size: 4vw;color:#f6f7f8;position:relative;top:0.5vw;}
.arrow2 {font-size: 4vw;color:#395e89;position:relative;top:0.5vw;}
.up {margin-top:-1.0vw;}
.clear {clear:both}
a:link, a:visited, a:active { padding: 1px 0px 0px 0px; color:#006ad4;text-decoration:underline}
a:hover {color:#ac3805;text-decoration: underline;}
p {margin:0}
.ul-margin {margin-left:-20px}
.next-page {display:block;text-align:center}
.next-page a {margin: 0px 30px 0px 30px}
/* menu-desktop */
.nav1 {text-align: center;margin:0}
.wrap {display: inline-block;margin: 0px;}
nav {position: relative;text-align: center;letter-spacing: normal;}
nav a {text-decoration: none;color: #f6f7f8;display: block;}
nav ul {list-style: none;position: relative;text-align: left;margin-bottom:0;}
nav li {float: left;}
nav ul:after {clear:both;}
nav ul:before, ul:after {content: " ";display: table;}
nav ul.primary li a {display: block;padding: 5px 8px;margin: 0px 8px;color:white;text-decoration:none}
nav ul.primary li:last-child a {border-right: none;}
nav ul.primary li a:hover {color: #1cadfa;}
nav ul.sub {position: absolute;z-index: 200;width: auto;display:none;margin: 0 0 0 8px}
nav ul.sub li {float: none;margin: 0 0 0 -40px;}
nav ul.sub li a {border-bottom: 1px dotted #ccc;border-right: none;color: #000;padding: 5px 0px}
nav ul.sub li:last-child a {border-bottom: none;}
nav ul.sub li a:hover {color: #000; background: #5185c1;text-decoration: underline}
nav ul.primary li:hover ul {display: block;background: #5185c1;}
nav ul.primary li:hover a {background: #5185c1;color: #f6f7f8;text-shadow: none;text-decoration: none;}
nav ul.primary li:hover > a {color: #f8c460;text-decoration: underline}
nav ul.primary {margin-left:0;padding-left:0}
/* end menu-desktop */
/* menu-mobile */
#nav-mob {display:inline; position: fixed; right: 10px;top: 10px; margin: 0px;background: #0e548b;border:2px #0b0b28;padding: 5px;box-shadow: 0 1px 1px black; border-radius: 7px;z-index:100;font-size: 12px;}
#nav-mob a {color: white;text-transform: uppercase }
#nav-mob a:hover, #sub3 li a:hover {color: #f8c460;text-decoration: underline}
.menubutton {border:0px;background-color:transparent;font-weight: bold; font-size:16px;color:white;cursor:pointer;text-align:right;float:right;line-height:180%;}
#sub3 {display:none; }
#sub3 li a {display: block;font-weight: bold;border:none;float:none;padding: 0 20px;color: white; text-decoration: none;font-size:130%;line-height: 190%;}
#sub3 ul {list-style: none;padding: 5px 0;text-align:left;}
#sub3 hr {color:#38a068;width:90%; ;margin: 0px 0px 0px 20px}
#sub3 p {margin:7px 0px 0px 0px;text-align:center;font-weight: bold;font-size:130%;color:white}
.flag1 {position:absolute;top:55px;right:47px;}
.flag2 {position:absolute;top:55px;right:14px;}
.flag3 {position:absolute;top:78px;right:14px;}
.flag1 img, .flag2 img, .flag3 img {margin-top:5px;border:1px solid #0a5b2e;-moz-border-radius:0;border-radius:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
/*end menu-mobile */
/* form */
.form {width:100%;padding:0 20px 20px 20px;color:black}
label {display:inline-block;width:100%;margin:10px 0 5px;float:left;padding:0}
.label3, .label5, .rob2 {position:absolute;top:-500px;left:0}
input[type=text]#rob3,input[type=text]#rob4 {position:absolute;top:-500px;left:0}
#message, .textarea {height:auto}
.form-control {display:block;width:100%;padding:0;font-size:100%;line-height:1.42857143;color:#000;background-color:#fff;border:1px solid #034146;border-radius: 5px 5px 5px 5px;box-shadow: 0 3px 3px #d1d0d0}
input.formbutton {color:white;background-color:#044288;border:1px solid #034146;border-radius: 5px 5px 5px 5px;box-shadow: 0 3px 3px #d1d0d0;padding:5px;font-size:100%;font-weight:bold}
input.formbutton:hover {text-decoration:underline;color:#ffff03;cursor:pointer}
/* end form */
/* fixed-button end page */
.foot {position:fixed;width:auto;max-width:400px;bottom:10px;right:10px;padding:5px 10px 5px 10px;margin:4px;color:white;background:#0e548b;border: 2px #0b0b28;border-radius:7px;box-shadow:0 1px 1px black;z-index:100;display:inline;font-size: 20px}
.foot ul {display:flex;align-items:flex-end;margin:0;padding:0;text-align:right;list-style-type:none;float:right;}
.foot li {padding:0;margin:0;display:inline-block;float:left}
.foot li a {display:block;border:none;padding:0px 0 6px 6px;color:#f8c460;text-decoration:none;font-weight: bold;font-size:16px;}
.foot li a:hover {color:#efe839}
.foot li .up {background-image:url(../img/diversos/up.png);background-repeat:no-repeat;width:30px;height:27px;}
.foot li .up:hover {background-image:url(../img/diversos/up2.png);background-repeat:no-repeat;}
.foot div {display:none}
.foot div:target {display:block;max-width:320px}
.foot div p {text-align:right;padding:5px 0 0 0; margin:0}
.foot div p a {padding:0 10px 0 10px}
.foot a {color:#f8c460;text-decoration:none;font-weight:normal }
.foot div a:hover {text-decoration:underline;color:#efe839}
.foot h5 {margin:0}
.foot hr {color:#fff;width:100%}
/* end fixed-button end page */
@media (min-width:550px) {
.responsive-three-column-grid {display: grid;grid-auto-rows: 1fr;grid-template-columns: 1fr 1fr 1fr;}
}
@media screen and (min-device-width: 900px) {
nav {font:18px/21px; letter-spacing:normal; line-height:25px;}
}
@media handheld, only screen and (max-width: 1300px), only screen and (max-device-width: 1300px) {
.birds {top:-10px;right:0px}
}
@media handheld, only screen and (max-width: 1100px), only screen and (max-device-width: 1100px) {
.birds {top:-52px}
.header-h1 {padding:0 2% 0 25%;height:6vw}
h1 {margin:85px 0px 0px 0px;letter-spacing: 2px;}
.logo {;margin-top:35px}
.tekst-in-blauw {font-size: calc(20px + 0.390625vw);letter-spacing: 1px}
.tekstblok-links {margin:60px 0px 0px 4%;padding:15px;font-size: calc(17px + 0.390625vw);letter-spacing: 1px}
.tekstblok-links2 {margin:40px 0px 0px 7%;font-size: calc(37px + 0.390625vw);letter-spacing: 1px}
.tekstblok-rechts {margin:40px 4% 0px 0px ;padding:15px;font-size: calc(17px + 0.390625vw);letter-spacing: 1px}
.backgrond-blue {background-image: url('../img/diversos/background2.jpg' )}
.img9 {width:40%;margin-left:20px}
.float2 {width:41%;margin-left:20px}
.img12, .img13 {width:35%;}
}
@media handheld, only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
.tekst-in-blauw {font-size: calc(20px + 0.390625vw);letter-spacing: normal;width:100%;}
.tekstblok-links {margin:45px 0px 0px 4%;font-size: calc(16px + 0.390625vw);letter-spacing: normal}
.tekstblok-links2 {margin:40px 0px 0px 7%;font-size: calc(16px + 0.390625vw);letter-spacing: normal}
.tekstblok-rechts {margin:20px 4% 0px 0px;font-size: calc(16px + 0.390625vw);letter-spacing: normal;}
.img3 {margin-top:20px}
.header3 {background-image: url('../img/diversos/background4.jpg' )}
}
@media handheld, only screen and (max-width: 750px), only screen and (max-device-width: 750px) {
.main-content {;width:100%;}
.nav1 {display:none}
.logo {;min-width:170px}
.logo-img {;min-width:170px}
.arrow, .arrow2 {font-size: 5vw;top:0.5vw;}
.tekst-beneden {height:auto}
.tekst-beneden1 {width:49%;margin-bottom:20px}
.tekst-beneden2 {width:49%;}
.img12, .img13 {width:50%;}
.header-h1 {padding:6% 2% 0 2%;height:auto;margin-bottom:20px}
h1 {font-size: 32px;letter-spacing: normal;}
.logo {margin-top:-10px;min-width:200px }
.logo-img {min-width:200px}
.img20 {float:none;width:100%;margin:10px 0px 20px 0px}
}
@media handheld, only screen and (max-width: 650px), only screen and (max-device-width: 650px) {
.img2 {width:70%;margin:0 2% 0 28%}
.img3 {width:70%;margin-left:2%;margin-top:20px}
.img4 {width:70%;margin:0 0 0 2%;box-shadow: 0 3px 3px}
.img5 {width:70%;margin:-6vw 0 0 14vw;box-shadow: 0 3px 3px}
.img6 {width:50%;margin:-7vw 2% 0px 47vw;box-shadow: 0 3px 3px}
.img7 {width:70%;text-align:center;margin:0;box-shadow: 0 3px 3px}
.tekst-in-blauw {font-size: calc(20px + 0.390625vw);letter-spacing: normal;padding-top:20px}
.tekstblok-links {left:2%;width:80%; margin:-30px 0px 0px 1%;text-align:justify;padding:10px;font-size: calc(15px + 0.390625vw);letter-spacing: normal}
.tekstblok-links2 {clear: both; width:96%;margin:20px 2% 0px 2%;padding:10px;font-size: calc(15px + 0.390625vw);letter-spacing: normal}
.tekstblok-links3 {text-align:justify}
.tekstblok-rechts {float:right;right:2%;width:80%;margin:-30px 1% 0px 0px ;text-align:justify;z-index:300;padding:10px;font-size: calc(15px + 0.390625vw);letter-spacing: normal}
.float1 {float:left;width:100%;margin:20px 0 20px 0;text-align:justify }
.img9, .img15 {width:50%;}
.float2 {width:51%;}
.header3 {background-image: url('../img/diversos/background5.jpg' )}
.float3, .float4 {float:none}
.img16, .img16b {clear:both; width:100%;margin-bottom:20px}
.tuigjes {clear:both; width:100%;margin-bottom:0px}
}
@media handheld, only screen and (max-width: 550px), only screen and (max-device-width: 550px) {
.img19, .img14, .img15 {float:none;width:100%;box-shadow: 0 3px 3px;margin:0px 0px 15px 0px}
.tekstblok-links3 li {margin-left:-20px;padding-left:-20px}
h3 {font-size: 5vw;letter-spacing: 2px;}
}
@media handheld, only screen and (max-width: 500px), only screen and (max-device-width: 500px) {
h3 {font-size: 5.5vw;letter-spacing: normal;}
.birds {left:120px;top:-43px;width:201px;height:126px;background-image:url(../img/diversos/birds4.png)}
.logo {margin-top:-10px;min-width:165px }
.logo-img {min-width:165px}
.img7 {width:80%;}
.tekst-beneden1 {width:99%;}
.tekst-beneden2 {width:99%;margin-left:0}
.contact {display:none}
.float5 {float:none;width:100%;padding:0;font-weight: bold;text-align:center;clear:both;margin-bottom:20px}
}