body, html {font-family:Times New Roman;height: 100%;margin:0px;padding:0px;text-align:justify;background-color:white;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' 'left-sidebar' 'footer';}
.grid > * {padding:1rem;}
.grid > .header {grid-area:header;}
.grid > .main-content {grid-area:main-content;background-color: #fdfdfd}
.grid > .left-sidebar {grid-area:left-sidebar;padding-top:0}
.grid > .footer {grid-area:footer;text-align:center}
.grid {grid-template-columns: 1fr 1fr 1fr 1fr;grid-template-areas:'header header header header' 'left-sidebar main-content main-content main-content' 'footer footer footer footer';}
.main-content {max-width: 1050px;padding-top:0;float:left}
h1 {font-family:ar berkley;text-shadow: 2px 2px 3px #6f6f04;font-size: 400%;margin:0px 0px 0px 5%;color:#ebb70a;}
.h1-b {font-size:65%;font-family:Times New Roman;text-shadow: 1px 1px 2px #c3bdbd;margin:0px 20px 0px 15%;color:#dd7004;}
h2 {color:#0e548b; font-weight: bold;padding: 30px 0px 30px 0px; margin:0;text-align:center;font-size:225%;font-family:Times New Roman;text-shadow: 1px 1px 2px #c3bdbd;}
h3 {padding: 0px; text-align:left;margin:0px;color:#0e548b;font-weight:bold;font-family:Times New Roman;font-size:130%;text-shadow: 1px 1px 2px #d1d0d0;}
h4 {font-weight:bold;padding: 0px; margin:0px;color:#0e548b;font-size:110%}
h5 {font-size:108%;}
h6 {margin:0px;padding:0;color:#0e548b;font-size: calc(15px + 0.390625vw);display: inline !important;}
hr {line-height:1px; color:#008f8f;width:90%;text-align:right;margin-right: 0;}
img {border:1px solid #034146;border-radius: 5px 5px 5px 5px;box-shadow: 0 3px 3px #d1d0d0}
a:link, a:visited, a:active { padding: 1px 0px 0px 0px; color:#055c51;font-weight: bold;text-decoration:none}
a:hover {color:#dd7004;text-decoration: underline}
p {margin:0}
.footer-img {text-align:right;margin:0px 20px 60px 20px;font-style:italic}
.img-text {text-align:right;margin:0;font-style:italic}
.birds {position:absolute;right:80px;top:0px;border:0px;box-shadow: 0 0px 0px;width:371px;height:181px;background-image:url(../img/diversos/birds.png)}
.top {;font-weight:bold;margin-right:75px;text-align:center;font-size: 120%;color:#dd7004; }
.clear {clear:both}
.kader {border:1px solid #034146;border-radius: 5px 5px 5px 5px; padding:0px 20px 0px 0px;background-image:url(../img/diversos/back6.jpg);background-position:bottom;box-shadow: 0 3px 3px #fdeeee;color:black;font-weight: bold;margin-bottom:0px}
.border {border:1px solid #ced0d0;border-radius: 5px 5px 5px 5px;box-shadow: 0 3px 3px #d1d0d0;padding: 10px 0px 0px 20px;background-color:#fbfcfd}
.color {font-weight: bold;margin-left: -20px}
.color2 {color:#055c51; font-weight: bold;margin-left: -20px}
.color3 {color:#0e548b; font-weight: bold;margin: 10px 20px 20px -20px}
.do-see-img {float:left;margin-right:20px}
.img-float-right {float:right;margin-left:1%;width:49%}
.img-float-right2 {float:right;margin:10px 0px 20px 20px;width:49%}
.img-float-left {float:left;margin:0;width:49%}
.logo-hond {margin:0px 20px 10px 0px;float:left;border:0px;box-shadow: 0 0px 0px;width:200px;height:200px}
.footer-img-big {width:100%;border-radius: 0;box-shadow:0}
.footer-img-small {width:100%;border-radius: 0;box-shadow:0;display:none}
.footer-img {text-align:right;margin:0px 20px 00px 0px}
.weer {overflow:hidden;height: 650px;width: 100%;}
.weer-iframe {width:1000px;height:760px;background:#FFFFFF url('../img/diversos/loading.gif') no-repeat center;border:0px solid #FFFFFF;margin-top: -135px;margin-left:-185px;overflow:hidden;}
.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}
.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:0 0 6px 6px;color:white;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:#ff6;text-decoration:none;font-weight:normal }
.foot div a:hover {text-decoration:underline;color:white}
.foot h5 {margin:0}
.foot hr {color:#fff;width:100%}
.next-page {display:block;text-align:center}
.next-page a {margin: 0px 30px 0px 30px}
/* 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: #efe839;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}
@media screen and (min-device-width: 900px) {
nav {font:18px/21px; letter-spacing:normal; line-height:25px;}
.menulist, .menulist ul {margin:0px 0px 0px 10px; padding:0px; text-align:right; list-style-type:none;line-height:25px;}
.menulist li {border:0px ; margin-bottom:20px;font-size:125%}
.menulist ul>li:last-child {margin-bottom: 1px;}
.menulist a {display:block; padding: 1px 0px 0px 0px; text-decoration: none;font-weight: bold;}
.menulist a:hover, .menulist a.highlighted:hover {text-decoration: underline}
.menulist a.highlighted {color:#FFF; background-color:none;}
* html .menulist li {float:left; height: 1%;}
* html .menulist a {height:1%;}
.break {display: none; }
}
@media handheld, only screen and (max-width: 1500px), only screen and (max-device-width: 1500px) {
.grid {grid-template-columns: 380px 1fr auto;grid-template-areas:'header header header' 'left-sidebar main-content main-content' 'footer footer footer';}
}
@media handheld, only screen and (max-width: 1300px), only screen and (max-device-width: 1300px) {
.birds {top:10px;right:0px}
.weer-iframe {width:836px;height:760px;margin-top: -135px;margin-left:-185px;}
}
@media handheld, only screen and (max-width: 1100px), only screen and (max-device-width: 1100px) {
.grid {grid-template-columns: 1fr 1fr 1fr;grid-template-areas:'header header header' 'main-content main-content main-content' 'footer footer footer';}
.grid > .left-sidebar {display: none;}
.main-content {max-width: 100%;padding: 0px 5% 0px 5%}
.menulist li {font-size:100%}
.menulist, .menulist ul {line-height:15px;}
.birds {right:0px;top:0px;width:316px;background-image:url(../img/diversos/birds2.png)}
h1 {margin:20px 0px 0px 3%}
.h1-b {margin:0px 40px 0px 0px;text-align:center;display: block}
.weer-iframe {width:1000px;height:760px;margin-top: -135px;margin-left:-185px;}
}
@media handheld, only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
.birds {right:0px;top:0px;width:316px;background-image:url(../img/diversos/birds2.png)}
h1 {font-size: 7vw}
.h1-b {font-size: 5vw}
h2 {margin: 20px 0px 20px 0px;padding: 0px 3% 0px 3%;font-size:6vw}
.footer-img-big {display:none}
.footer-img-small {display:inline}
.weer {height:330px}
.weer-iframe {width:836px;height:760px;margin-top: -135px;margin-left:-185px;}
}
@media handheld, only screen and (max-width: 750px), only screen and (max-device-width: 750px) {
.grid {grid-template-columns: 1fr;grid-template-areas:'header' 'main-content' 'main-content' 'footer';}
.grid > .left-sidebar {display: none;}
.birds {right:0px;top:0px;width:251px;height:129px;background-image:url(../img/diversos/birds3.png)}
h1 {font-size: 7vw;text-shadow: 1px 1px 2px #6f6f04;margin:20px 0px 0px 0px;text-align:left}
.h1-b {margin:0px 20px 0px 0px;}
.weer-iframe {width:672px;height:760px;margin-top: -135px;margin-left:-185px;}
.do-see-img, .img-float-right, .img-float-right2, .img-float-left {float:none;width:100%;margin:0px 0px 5px 0px}
}
@media handheld, only screen and (max-width: 550px), only screen and (max-device-width: 550px) {
.birds {right:0px;top:0px;width:201px;height:126px;background-image:url(../img/diversos/birds4.png)}
h1 {font-size: 34px;}
.h1-b {font-size: 28px;margin:0;font-family:Times New Roman;text-shadow: 1px 1px 2px #c3bdbd;}
h2 {font-size: 28px;max-width:100%;margin: 0px 0px 20px 0px;font-family:Times New Roman;text-shadow: 1px 1px 2px #c3bdbd;}
h3 {font-weight:bold;padding: 0px; text-align:left;margin:0px;color:#0e548b;font-family:Times New Roman;font-size:130%;text-shadow: 1px 1px 2px #d1d0d0;}
.weer-iframe {width:594px;height:760px;margin-top: -135px;margin-left:-185px;}
.next-page a {margin: 0px 5px 0px 0px}
.logo-hond {float:none;display:block;margin:0px auto 20px auto}
}
@media handheld, only screen and (max-width: 450px), only screen and (max-device-width: 450px) {
h1 {margin:10px 0px 0px 0px}
.color2 {text-align:left}
.top {text-align:left;margin-left:20px}
.weer-iframe {width:512px;height:760px;margin-top: -135px;margin-left:-185px;}
}