body, html {font-family:Serif;height: 100%;margin:0 0 0 0;padding:0 0 0 0;text-align:justify;background-color:#fcf8f8;font-size: 16px;color:#2e2c2c;width: 100%}
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;}
.back {background-image: url(../img/div/back.jpg);height:220px;margin: 60px 0 0 0;padding:0 0 0 0;width:100%;border-top:1px solid #0b0b28;border-bottom:1px solid #0b0b28;}
.responsive-three-column-grid {display:block;margin: auto;width:100%;max-width:1500px}
.responsive-three-column-grid > * {padding: 2%;}
h1 {font-family:serif Medium;color:white;margin:0;padding-top:50px;-webkit-text-stroke: 1px #737171; font-size:400%;text-align: center}
h2 {font-size:150%; font-family:Serif, Rolando, Georgia, Times;color:#074b49; padding: 0 0 20px 0; margin:0;text-align: center}
h3 {font-size:150%;font-family:Serif Medium; font-weight: bold;padding: 0; text-align:left;margin:0;color:#074b49;}
h4 {font-family:Serif Medium; font-size:100%;font-weight: normal;padding: 0; text-align:right; margin:0; color:#074b49;}
h5 {font-family:Franklin Gothic Medium; font-size:140%;font-weight: bold;padding: 0; text-align:left;margin:0;color:white;line-height:140%}
img {border:2px solid #c3c7ce;border-radius: 8px 8px 8px 8px;box-shadow: 1px 1px #d6d4d4}
a:link, a:visited, a:active { padding: 1px 0 0 0; color:#074b49;text-decoration: none;font-weight: bold;}
a:hover {color:#074b49;text-decoration: underline}
p {text-align:center;margin:0 }
.clear {clear:both}
.birds, .birds2 {position:absolute;left:10%;top:-5px;border:0;box-shadow: 0 0 0; width:371px;height:181px;background-image:url(../img/div/birds.png)}
.birds4 {position:absolute;left:5%;top:-17px;border:0;box-shadow: 0 0 0; width:371px;height:181px;background-image:url(../img/div/birds4.png);display: none}
.jet {float:right;width:300px;margin:0 1% 20px 20px}
.img1 {width:100%;margin:0;}
.grotere-versie {text-align:left; margin: 0 ;font-weight: bold}
.logo {border:0;width:200px;border-radius: 0;box-shadow:0 0;position:absolute;top:186px;}
.tekstblok-midden {width:100%;max-width:1000px;margin:auto;padding:10px 2% 10px 2%;font-family:times new roman;font-size: 120%}
.tekstblok-midden h3 {font-size:110%}
.tekstblok-midden h4 {color:#2e2c2c}
.tekstblok-midden a {color:rgba(37, 149, 200)}
.tekstblok-midden a:hover {color:#074b49}
.alpacas {float:left;margin:10px 2% 0 0;width:12.54%}
.alpacas h4 {text-align:center}
.foto-right {width:48%;height:auto;float:right;margin:0 0 10px 2%}
.foto-left {width:48%;height:auto;float:left;margin:0 2% 10px 0}
.foto-left2 {width:30%;height:auto;float:left;margin:0 2% 10px 0}
li h4 {text-align:left;font-weight: bold}
/* menu-mobile */
#sub3 {display: none; }
.menubutton {border:0;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: 13px; margin: 0;background: rgba(37, 149, 200, 0.90);border: #0b0b28;padding: 5px;box-shadow: 0 1px 1px black; border-radius: 7px 7px 7px 7px;z-index:100;font-size: 12px;}
#nav-mob a {color: white; }
#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: 175%;}
#sub3 ul {list-style: none;padding: 5px 0;text-align:left;}
/* end menu-mobile */
/* menu-desktop */
.nav1 {display: inline;text-align: right;margin:0; height:55px;position: fixed; right: 10px;top:0;width:auto;background-color: rgba(252, 248, 248, 0.8);border-radius: 0 0 8px 8px;z-index:100}
.wrap {display: inline-block;margin: 0;}
nav {position: relative;text-align: center;letter-spacing: normal;}
nav a {text-decoration: none;color: #00756c;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 0;margin: 0 8px 0;color:#00756c;text-decoration:none}
nav ul.primary li:last-child a {border-right: none;}
nav ul.primary li a:hover {color: #00756c;}
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: #00756c;padding: 5px 0;}
nav ul.sub li:last-child a {border-bottom: none;}
nav ul.sub li a:hover {color: #00756c; background-color: rgba(240, 240, 240, 0.6);text-decoration: underline}
nav ul.primary li:hover ul {display: block;background-color: rgba(240, 240, 240, 0.6);}
nav ul.primary li:hover a {background-color: rgba(240, 240, 240, 0.6);color: #00756c;text-shadow: none;text-decoration: none;}
nav ul.primary li:hover > a {color: #00756c;text-decoration: underline}
nav ul.primary {margin:8px 0;padding:0}
/* end menu-desktop */
/* container fotos */
.desktop {display: inline}
.tablet {display: none}
.mobile {display: none}
.desktop2 {display: inline}
.mobile2 {display: none}
.four-columns {display:flex;margin-bottom:20px}
.four-columns > * {width:23.5%; margin: 0 0 0 2%}
.three-columns {display:flex;margin-bottom:20px }
.three-columns > * {width:32%; margin: 0 0 0 2%}
.two-columns {display:flex;margin-bottom:20px}
.two-columns > * {width:49%; margin: 0 0 0 2%}
.div-columns {position: relative;}
.div-columns h4 {text-align:center;font-weight: bold}
.vertical-center {margin: 0; position: relative;top: 50%;-ms-transform: translateY(-50%); transform: translateY(-50%);}
/*end container fotos */
/* fixed-button end page */
.foot {position:fixed;width:auto;max-width:400px;bottom:10px;right:10px;margin:4px;color:white;background: rgba(37, 149, 200, 0.90);border: #0b0b28;padding: 0;box-shadow: 0 1px 1px black; border-radius: 7px 7px 7px 7px;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;float:left}
.foot li a {display:block;border:none;padding:0 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/div/up.png);background-repeat:no-repeat;width:30px;height:27px;}
.foot li .up:hover {background-image:url(../img/div/up2.png);background-repeat:no-repeat;}
/* end fixed-button end page */
/* form */
.form {width:100%;padding:0 20px 20px 20px;color:black}
label {display:inline-block;width:100%;margin:10px 0 5px;padding:0}
.label5 {position:absolute;top:-500px;left:0}
input[type=text]#rob3 {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: rgba(37, 149, 200, 0.90);border: #0b0b28;box-shadow: 0 1px 1px black; border-radius: 7px 7px 7px 7px;padding:5px;font-size:100%;font-weight:bold}
input.formbutton:hover {text-decoration:underline;color:#f9f9b9;cursor:pointer}
/* end form */
@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: 850px) {
#nav-mob {display:none}
#menu {width:25%; float:left;margin-top: 5px;padding:0}
nav {font:18px/21px; letter-spacing:normal; line-height:25px;}
.menulist, .menulist ul {margin:20px 0 0 10px; padding:0; text-align:right; list-style-type:none;line-height:25px;}
.menulist li {border:0 ; margin-bottom:20px;font-size:125%}
.menulist ul>li:last-child {margin-bottom: 1px;}
.menulist a {display:block; padding: 1px 0 0 0; color:#008f8f;text-decoration: none;font-weight: bold;}
.menulist a:hover, .menulist a.highlighted:hover {color:#074b49;text-decoration: underline}
.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%;}
}
@media handheld, only screen and (max-width: 1100px), only screen and (max-device-width: 1100px) {
.grotere-versie {font-size: 14px}
.menulist li {font-size:100%}
.menulist, .menulist ul {line-height:15px;}
.desktop {display: none}
.tablet {display: inline}
.birds2 {left:0%;}
}
@media handheld, only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
nav ul.primary li a {padding: 5px 6px 0;margin: 0 6px 0;}
#menu, #sub3 {display: none; }
.jet {width:200px}
.birds2 {left:-20%;}
}
@media handheld, only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
#nav-mob {display:inline; }
.nav1 {top:-160px;}
.back {height:206px;margin:0 ;padding:0;width:100%}
h1 {margin:auto;padding:50px 0 0 0;font-size:52px}
h2 {font-size:120%; padding: 0 0 10px 0; }
h3 {font-size:120%;}
.tablet {display: none}
.mobile {display: inline}
.desktop2 {display: none}
.mobile2 {display: inline}
.logo {top:113px;}
.birds {display:none}
.birds2 {left:-40%;}
.birds4 {display:inline}
.tekstblok-midden {text-align:left;font-size: 105%}
.alpacas {margin:10px 1.5% 0 0;width:23.8%}
.alpacas2 {margin: 10px 2% 0 12%}
.alpacas3 {margin: 10px 0 0 0}
.foto-right {width:100%;}
.foto-left, .foto-left2 {width:100%}
}
@media handheld, only screen and (max-width: 450px), only screen and (max-device-width: 450px) {
h1 {padding:70px 0 0 0;font-size:42px}
h2 {font-size:108%; padding: 0 0 30px 0; }
h3 {font-size:108%;}
.logo {top:132px;width:160px}
.vertical-center h4 {font-size:85%;}
.birds2 {left:-60%;}
}
@media handheld, only screen and (max-width: 350px), only screen and (max-device-width: 350px) {
.logo {top:141px;width:140px}
h1 {padding:70px 0 0 0;font-size:36px}
.birds2 {left:-70%;}
}