body, html {background: #0b0b28;font-size:14pt; font-family:Times New Roman;height: 100%;margin:0px;padding:0px;text-align:justify;margin: 0; }
html {overflow-x:hidden;scroll-behavior: smooth;}
h1 {font-size: 300%;font-family:Franklin Gothic Medium;color:#008f00;text-align:left;margin:0px;padding:0px 0px 5px 0px}
.h1-2 {color:black;font-size:150%;padding: 5px 5% 5px 5%;}
h2 {font-size:200%; font-family:Rolando, Georgia, Times, serif;color:#0a5b2e; font-weight: bold;padding: 5px 5% 5px 5%; text-align:center;margin-top:0px}
.h2 {font-size:70%;display:table; -moz-border-radius: 14px;border-radius: 14px;padding: 10px;border:1px solid #0b0b28; -moz-box-shadow:inset 0 0 5px #858484; -webkit-box-shadow:inset 0 0 5px #858484; box-shadow:inset 0 0 5px #858484;}
.h2-table {display:table}
.column2-l h2, .column2-r h2.column4-l h2, .column4-r h2 {padding: 0px}
h3 {font-family:Franklin Gothic Medium;color:#0b0b28; font-weight: bold;padding: 0px; text-align:left;margin:0px}
h4 {text-align:center;margin:5px}
.right75 {width:75%;color:black;height:auto;float:right;border-top: 2px solid #0b0b28;background-color:#f1f1f1;margin-bottom:100px}
.right75 img {width:100%}
header {width:100%; }
.top-text {font-family:MSSerif,Georgia,Franklin Gothic Medium;margin: 0px;padding:20px 100px 0px 0px;font-size:110%;color:white;font-weight: bold;text-align:left}
/* Home */
.first {margin:0px 0px 30px 0px;padding:0px}
.first img {border:0px 0px 2px 0px;height:auto}
.imgleft {width:50%;text-align:center;float:left;padding: 0px 3% 20px 5%;}
.imgleft-text {padding: 0px 5% 0px 5%;text-align:justify;}
.imgleft-more {text-align:right;padding:20px 5% 0px 0px}
.imgright {width:50%;text-align:center;float:right;padding: 0px 5% 20px 3%;}
.imgright-text {padding: 0px 5% 0px 5%;text-align:justify;}
.imgright-more {text-align:left;padding:20px 0px 0px 5%}
.imgright-more a:link, .imgright-more a:visited, .imgright-more a:active, .imgleft-more a:link, .imgleft-more a:visited, .imgleft-more a:active {background-color:#0a5b2e;-moz-border-radius:28px;-webkit-border-radius:28px;border-radius:28px;border:1px solid #0b0b28;display:inline-block;cursor:pointer;font-family:Arial;font-size:17px;padding:11px 31px;text-decoration:none;color:#FFFF99}
.img1 {width:100%;height:auto;}
.imgright-more a:hover, .imgleft-more a:hover {background-color:#003300}
/* End Home */
* {box-sizing: border-box;}
.row {margin:20px 1.5% 20px 1.5%}
.row2 {margin:0px;background: #0b0b28;display: flex;align-items: flex-end;min-height:153px}
.row3 {margin:0px 1.5% 20px 1.5%}
.row3 h2 {padding: 0px ; margin:auto;text-align:center;height:65px}
.row3 img {width:97%;height:auto;}
.row p, .row3 p {width:97%;text-align:justify;}
.column3-l {float: left;width: 33.33%;padding: 0px 1.5% 0px 1.5%;}
.column3-m {float: left;width: 33.33%;padding: 0px 1.5% 0px 1.5%;}
.column3-r {float: left;width: 33.33%;padding: 0px 1.5% 0px 1.5%;}
.column2-l {float: left;width: 60%;padding: 0px 5% 0px 5%;}
.column4-l {float: left;width: 50%;padding: 0px 5% 0px 5%;}
.column2-r {float: left;width: 40%;padding: 0px 5% 0px 5%;border-left: 1px solid}
.column4-r {float: left;width: 50%;padding: 0px 5% 0px 5%;border-left: 1px solid}
.column4 {float: left;padding: 10px;width:220px}
.row:after, .footer:after, .row3:after {content: "";display: table;clear: both;/* Clear floats after the columns */}
img {border:2px solid #0b0b28;}
hr {line-height:1px; color:#092d64;}
a:link, a:visited, a:active {color: #008f00; font-weight: bold;}
a:hover {color: #008f00; text-decoration: underline;color: #e5de72;background:#004700}
p {text-align:center;margin:0 }
.copyright {text-align:right;padding:20px 20px 20px 0px}
.clear {clear:both}
td {vertical-align:top;background-color:#0b0b28;color:white;padding:10px;}
.footer {position: fixed;width:auto;max-width:400px; bottom: 0px;right: 0px;padding:0px 10px 0px 10px;margin:4px;color:white; background: hsla(240, 57%, 10%, 0.98); border: solid hsla(120, 90%, 40%, 0.5);box-shadow: 0 1px 1px black; border-radius: 1em 1em 1em 1em;z-index:100; }
.footer div p {text-align:right;padding:5px 0px 0px 0px;margin:0 }
.footer div p a {padding:0px 10px 0px 10px}
.footer div a:hover {text-decoration: none;color: #e5de72;background:#004700;}
.footer div {display: none;}
.footer div:target {display: block;max-width:320px; }
.footer a {color: #008f00; }
.footer hr {color: #ffffff; }
.footer ul {display: flex;align-items: flex-end;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:right; list-style-type:none;float:right}
.footer li {padding: 0px ;margin:0px;display: inline-block;float: left; }
.footer li a {display: block;font-weight: bold;border:none;padding: 0px 0px 2px 6px;color: #f1f1f1; text-decoration: none;font-size:120%;}
.footer li a:hover {color: #e5de72;background:#004700}
.footer h3 {color: #ffffff;padding: 0px}
.border0 {border:0px}
.info {background-image: url(../img/diversos/icons.png);background-repeat: no-repeat;background-position: -5px -6px;width:26px;height:27px;margin:0;padding:0}
.footer li .info:hover {background-image: url(../img/diversos/icons.png);background-repeat: no-repeat;background-position: -5px -45px;width:26px;height:27px;margin:0;padding:0}
.phone {background-image: url(../img/diversos/icons.png);background-repeat: no-repeat;background-position: -73px -5px;width:26px;height:27px;margin:0;padding:0}
.footer li .phone:hover {background-image: url(../img/diversos/icons.png);background-repeat: no-repeat;background-position: -73px -45px;width:26px;height:27px;margin:0;padding:0}
.up {background-image: url(../img/diversos/icons.png);background-repeat: no-repeat;background-position: -39px -6px;width:26px;height:27px;margin:0;padding:0}
.footer li .up:hover {background-image: url(../img/diversos/icons.png);background-repeat: no-repeat;background-position: -39px -46px;width:26px;height:27px;margin:0;padding:0}
#tel h4 {text-align:left;margin:0}
.footer li p {display: inline-block; }
#map {width:95%;max-width:400px;margin: auto;padding:0px;border: 1px solid #0b0b28; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
label {display: inline-block; width: 100%;margin: 10px 0px 5px;float: left; padding: 0;}
textarea, #message {height: auto}
.form-control {display: block; width: 100%; padding: 0px; font-size: 100%; line-height: 1.42857143; color:black;background-color: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
input.formbutton {color: #fff;background-color: #0b0b28;border: 3px solid #004700; border-radius: 7px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;padding:5px;font-size: 110%;}
input.formbutton:hover {background-color: #004700;cursor:pointer}
.rob2 {position:absolute;top:-500px;left:0px }
.form {width:95%;max-width:400px;margin: auto;padding:0px 20px 20px 20px;border: 1px solid #0b0b28; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; ;background:#0b0b28 }
.none {display:none}
.image { position: relative;background-color: #7f99bc; }
.image img {position: absolute;top: 0;left: 0; width: 100%; height: 100%; }
.h135 {padding-bottom: 45%;}
.h154 {padding-bottom: 51.3333333%;} /* padding= 100 x (hoogte / breedte) */
.h164 {padding-bottom: 54.666666%;}
.h165 {padding-bottom: 55%;}
.h168 {padding-bottom: 56%;}
.h175 {padding-bottom: 58.333333%;}
.h184 {padding-bottom: 61.333333%;}
.h193 {padding-bottom: 64.3333333%;}
.h200 {padding-bottom: 66.666666%;}
.h209 {padding-bottom: 69.666666%;}
.h216 {padding-bottom: 72%;}
.h220 {padding-bottom: 73.3333333%;}
.h225 {padding-bottom: 75%;}
.h249 {padding-bottom: 83%;}
.h275 {padding-bottom: 91.6666666%;}
.h345 {padding-bottom: 115%;}
.h363 {padding-bottom: 121%;}
.h395 {padding-bottom: 131.666666%;}
.h400 {padding-bottom: 133.3333333%;}
.h448 {padding-bottom: 149.3333333%;}
.h310x378 {padding-bottom: 79.258%;width:65%;margin:auto;margin-top:20px;border:0px;background:#0b0b28}
picture {width:100%;padding:0px 1px 0px 0px;}
.picture2 {width:100%;padding:0px 3% 30px 3%}
.left {float:left;margin:0px 15px 15px 0px}
.right {float:right;margin:0px 0px 15px 15px}
.width48, .width48accom {width: 48%;float:left;margin:0px 45px 15px 0px}
.width48-l {width: 48%;float:left;}
.width48-r {width: 48%;float:right;}
#sub3 {display: none; }
.menubutton {border:0px;background-color:transparent;font-weight: bold; font-size:16px;color:white;cursor:pointer;text-align:right;float:right;line-height:180%}
#nav-mob {display:inline; position: fixed; right: 10px;top: 10px; margin: 0px;background: #0b0b28; background: hsla(240, 57%, 10%, 0.89); border: solid hsla(120, 90%, 40%, 0.5);padding: 5px;box-shadow: 0 1px 1px black; border-radius: 1em 1em 1em 1em;z-index:100;font-size: 12px;}
#nav-mob a {color: white;text-transform: uppercase }
#nav-mob a:hover, #sub3 li a:hover {color: #e5de72;text-decoration: underline}
#sub3 li a {display: block;font-weight: bold;border:none;float:none;padding: 0 20px;color: white; text-decoration: none;font-size:140%;line-height: 200%;}
#sub3 ul {list-style: none;padding: 5px 0;text-align:left;}
.menu-onclick a, .menu1 a {float:none;padding: 0 5px;color: white; text-decoration: none;font-size:140%;line-height: 200%;}
.menu-onclick a:hover {background: #008f00;}
.menu1 a {background: #008f00;}
.menulist {margin-top: 10px;}
.menutaal2 {float:right;margin:10px 10px 10px 0px;color:white;font-size:140%;padding-right:50px}
@media screen and (min-device-width: 870px) {
.sticky {position: fixed;width:24%;top:30px;left:0px;z-index:2;color:#f1f1f1}
.sticky h2 {text-align:center;color:#008f00}
.sticky h3 {text-align:center;color:#f1f1f1}
.sticky ul {list-style-type:none;margin:40px 10% 0px 0px;text-decoration:none;text-align:right}
.sticky li a {text-decoration: none}
.menubutton2 {border:0px;background-color:transparent;font-weight: bold;font-size:16px;color:#008f00;cursor:pointer;padding-right:0px}
.menubutton2:hover {color: #008f00;color: #e5de72;background:#004700}
/* menu */
#menu {width:25%;background-color:#0b0b28;color:white;float:left}
.flag {position:absolute; top:80px;right:20px;text-align:right}
.flag-uk {background-image: url(../img/diversos/sprite-large.jpg);background-repeat: no-repeat;background-position: -105px -532px;width:27px;height:18px;margin-bottom:10px;border:#005c00 1px solid}
.flag-nl {background-image: url(../img/diversos/sprite-large.jpg);background-repeat: no-repeat;background-position: -80px -532px;width:27px;height:18px;margin-bottom:10px;border:#005c00 1px solid}
.flag-pt {background-image: url(../img/diversos/sprite-large.jpg);background-repeat: no-repeat;background-position: -130px -532px;width:27px;height:18px;margin-bottom:10px;border:#005c00 1px solid}
.flag-de {background-image: url(../img/diversos/sprite-large.jpg);background-repeat: no-repeat;background-position: -155px -532px;width:27px;height:18px;border:#005c00 1px solid}
nav {position:absolute;top:0px;font:15px/18px; text-align:left; letter-spacing:normal; line-height:19px;width:25%;text-align:right;z-index:3;background-color:#0b0b28}
.menulist, .menulist ul {margin:0px 0px 0px 10px; padding:0px; width:90%; text-align:right; list-style-type:none;}
.menulist hr {width:90%; border:1px solid #092d64; margin-right:15px;}
.menulist ul {visibility:hidden; position:absolute; top:-1px; left:188px; text-align:left; border:3px solid #184792; width:170px; padding:0px 0px 0px 4px; line-height:19px; }
.menulist li {position:relative; border:0px ; margin-bottom:0px;}
.kop {margin-right:12px;color:#008f00; font-weight:bold;}
.menulist hr {line-height:1px;}
.menulist ul>li:last-child {margin-bottom: 1px;}
.menulist a {display:block; padding: 1px 15px 0px 0px; color:#f1f1f1;text-decoration: none;}
.menulist a:hover, .menulist a.highlighted:hover {color:#faf799}
.menulist a.highlighted {color:#FFF; background-color:none;}
.menulist a .subind {display:none;} /* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
* html .menulist li {float:left; height: 1%;}
* html .menulist a {height:1%;}
.menuimg1 {margin:10px 0px 10px 0px;width:180px;float:right;background-image: url(../img/diversos/sprite-large.jpg);background-repeat: no-repeat;background-position: 0px -252px;height:180px}
.menuimg2 {margin:10px 0px 10px 0px;width:180px;float:right;background-image: url(../img/diversos/sprite-large.jpg);background-repeat: no-repeat;background-position: 0px -432px;height:100px;}
.menuimg3 {margin:10px 0px 10px 0px;width:180px;float:right;background-image: url(../img/diversos/sprite-large.jpg);background-repeat: no-repeat;background-position: 0px 0px;height:252px;}
.menutaal {float:right;margin:10px 10px 10px 0px;color:white;font-size:90%;}
.menutaal a, .menutaal2 a {color:white;text-decoration: none;}
.menutaal a:hover, .menutaal2 a:hover {color: #faf799;}
.logo-small {display: none;}
/* end menu */
#map-mobile, #form-mobile, .mobile {display: none !important; }
.desktop {display: inline !important; }
.footer, .footer div:target {max-width:100%}
#map-desktop {width:700px; }
#price-desktop {width:450px;}
#price-desktop td {border-color : #008000; border-style: solid;}
.td50 {width:50% }
.td20 {width:20%;text-align:center }
#price-desktop table {background-color: #0b0b28;color:#ffffff;border-collapse: collapse; }
#about {width:300px;}
.break {display: none; }
}
@media handheld, only screen and (max-width: 1300px), only screen and (max-device-width: 1300px) {
.column2-l, .column2-r, .column4-l, .column4-r {width: 100%;border:0px}
}
@media handheld, only screen and (max-width: 870px), only screen and (max-device-width: 870px) {
.right75 {width:100%;float:none;}
.bg {width:100%;float:none;border-top: 2px solid #0b0b28;padding-bottom:66.73333%;height:auto}
.top-text {position:absolute;top:13px;left:28%;font-size: 90%;margin:0px;padding:0px 30px 0px 0px;display:block;width:60%}
.logo-small {float:left;width:25%;min-width:120px;height:auto;display:inline;background:#0b0b28}
header {float:right;width:75%;max-width: -moz-calc(100% - 120px); max-width: -webkit-calc(100% - 120px); max-width: calc(100% - 120px);text-align:center;padding:0px 0px 5px 20px }
h1 {font-size: 6vw}
.h2-table {display:inline-block;}
.flag {display:none}
.column2-l, .column2-r, .column4-l, .column4-r {width: 100%;padding: 0px 3% 0px 3%;}
#section-mob {background:#0b0b28;width:100%}
/* menu */
#menu, #include, .menuimg, #sub3, .sticky {display: none; }
/* end menu */
#map-mobile, #form-mobile, .mobile {display:inline !important;color:white; }
#map-desktop, #form-desktop, #price-desktop, .desktop {display: none !important; }
#form-mobile h3, #map-mobile h3 {width:95%;max-width:400px;margin: auto;padding:20px 20px 20px 0px;color:white;background:#0b0b28 }
#form-mobile hr, #map-mobile hr {width:95%;color:white;}
#map-mobile p {width:95%;max-width:400px;margin: auto;padding:0px 20px 20px 0px;text-align:justify; }
.column3-l, .column3-m, .column3-r, .column4 {width: 100%;}
.row3 h2 {height:auto;padding:20px 0px 0px 0px;margin:0 }
.first {margin:0px 0px 20px 0px}
.imgleft, .imgright {width:100%;float:none;margin:3% 0px 0px 0px;padding:0px 3% 5px 3%}
.imgleft-text, .imgright-text {padding: 0px 3% 0px 3%;}
h2 {margin: 0px 0px 15px 0px;padding: 0px 3% 0px 3%;}
header {padding:0px 0px 5px 0px }
}
@media handheld, only screen and (max-width: 460px), only screen and (max-device-width: 460px) {
.top-text {display:none}
h1 {font-size: 6.0vw}
h2 {font-size: 6.0vw;max-width:70%;text-align:left}
.mob {margin-top:9px;text-align:center}
header {padding:0px 0px 5px 0px }
.none {display:inline}
.width48accom {width:100%;float:none;}
}