:root {
  --kleurlink:rgb(66,111,151);
 }

html, body{background-color:#ffffff;color:#000;font-family: arial;font-size:18px; letter-spacing: 1px; scroll-behavior: smooth;}
h1,h2,h3,h4,h5,p{color:#000;font-family: arial;font-weight:normal;}
	h1{font-size: 36px;font-size: 2rem;font-family:arial;color:#6f5036;font-weight:bold;letter-spacing: 5px;}
	h2{font-size: 26px;font-size: 1.44rem;color:#6f5036;font-weight:bold}
	h3{font-size: 22px;font-size: 1.22rem;color:#6f5036;}
	h4{font-size: 22px;font-size: 0.6rem;color:#6f5036;}
a,a:active,a:visited {text-decoration:underline;font-weight:bold;color:var(--kleurlink);cursor:pointer;}
a:hover {text-decoration: none;color: #aaaaaa;}
a img {	text-decoration: none;	border: 0 none;}
.titels{font-size:22px;font-size:1.22rem;width:96%;background-color:#fcfcfc;padding:5px;font-family:arial;}
.bovenbalk{border-bottom:2px solid #6f5036;width:100%;background-color:#ffffff;height:95px;padding:0px;}
.linktitel,.linktitel:active,.linktitel:visited,.linktitel:hover {font-family: 'Open Sans', sans-serif;font-size:90px;font-size:5rem;text-decoration: none;color: #ffc40e;}
.verhaaltitel{font-size:27px;font-size:1.5rem;color: #000099;text-align:left;}
.ondertitel{width:100%;font-family: 'Open Sans', sans-serif;font-size:18px;font-size:1rem;text-decoration: none;color: #000;line-height: 40px;letter-spacing: 2px}
.linkbalk,.linkbalk:active,.linkbalk:visited {margin-left:30px;font-size:36px;font-size:2rem;text-decoration: none;color: #000;cursor:pointer;}
.linkbalk:hover {text-decoration: none;color: #ccc;}
.linkonderbalk,.linkonderbalk:active,.linkonderbalk:visited {background-color:transparent;font-size:18px;font-size:1rem;text-decoration: none;color: #fff;cursor:pointer;line-height: 40px;}
.linkonderbalk:hover {text-decoration: none;color: #ccc;}
.linkniet,.linkniet:active,.linkniet:visited {font-size:22px;font-size:1.22rem;text-decoration: none;color: transparent;cursor:none;line-height: 40px;}
.linkniet:hover {text-decoration: none;color: transparent;}
.linkmenu,.linkmenu:active,.linkmenu:visited {font-size:22px;font-size:1.22rem;text-decoration: none;color: #000;cursor:pointer;line-height: 40px;}
.linkmenu:hover {font-size:22px;font-size:1.22rem;text-decoration: none;color: #ccc;}

.linkonder2,.linkonder:active,.linkonder:visited {font-size:16px;font-size:0.88rem;text-decoration:none;color:#000;cursor:pointer;}
.linkonder2:hover {font-size:14px;font-size:0.88rem;text-decoration: none;color: #ccc;}


.linkonder,.linkonder:active,.linkonder:visited {font-size:18px;font-size:1rem;text-decoration:none;color:#000;cursor:pointer;line-height: 30px;}
.linkonder:hover {font-size:18px;font-size:1rem;text-decoration: none;color: #ccc;}

summary{font-weight:bold;color:var(--kleurlink);}

.linkboek,.linkboek:active,.linkboek:visited {font-weight:normal;font-size:18px;font-size:1rem;text-decoration: none;color:#e5c547;cursor:pointer;line-height: 32px;}
.linkboek:hover {text-decoration: none;color: #ccc;}
.webdesign,.webdesign:active,.webdesign:visited {text-decoration: none;color: #ccc;cursor:pointer;}
.webdesign:hover {text-decoration: none;color: #eee;}
.voeter{border-top:2px solid #6f5036;width:100%;color:#fff;padding:5px;padding-top:12px;text-align:center;}
.totaal{padding:0;position:relative;width:100%;}
.main{padding:0; margin:auto;position:relative;width:88%;max-width:1400px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;justify-content:space-around;flex-flow:row wrap;}
.main2{padding:0; margin:auto;position:relative;width:88%;max-width:1300px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;justify-content:space-around;flex-flow:row wrap;}
.mainitem221{padding:0px;text-align:center;height:auto;min-height:100px;width:100%;display:inline-block;margin:0px;word-wrap:break-word;-webkit-hyphens: auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;cursor:auto;}
.mainitem221l{padding:0px;text-align:center;height:auto;min-height:100px;width:100%;display:inline-block;margin:0px;word-wrap:break-word;-webkit-hyphens: auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;cursor:auto;}
.mainitem221r{padding:0px;text-align:center;height:auto;min-height:100px;width:100%;display:inline-block;margin:0px;word-wrap:break-word;-webkit-hyphens: auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;cursor:auto;}
.mainitem{padding:0; margin:auto;position:relative;width:100%;}
.mainitem111{width:100%;border-radius:6px;padding:10px;}
.paneel{margin:auto;width:98%;}
.meen{padding:0; margin:auto;position:relative;width:88%;max-width:1000px;flex-flow:row wrap;}
.groot{font-size: 45px;font-size: 2.5rem;}
.midden{text-align:center;}
.midmid{vertical-align: middle;}
.rechts{float:right;}
.rond{border-radius:6px;}
.extraruimte{padding-left:24px;}
.middelgroot{font-size: 27px;font-size: 1.5rem;}
.scrollToTop {color:#fff;font-size:36px;font-size: 2rem; box-shadow:1px 1px 2px #888;width: 50px;height: 50px; border-radius: 50%;border: none;outline: none;background:#ccc;z-index: 9999;bottom:1rem;right:1rem;position: fixed;opacity: 0;visibility: hidden;padding:0px;}
.scrollToTop:hover {color:#ccc;}
.karr{cursor:pointer;}
@media only screen and (max-width: 600px){
.karr{height:300px;}
.kar{max-height:200px;}
.kolommen{column-count: 1;}
.titels{font-size:18px;font-size:1rem;}
.topbar{height:50px;}
.linktitel,.linktitel:active,.linktitel:visited {font-size:36px;font-size:2rem;}
.ondertitel {font-size:16px;font-size:0.8rem;}
.linkbalk,.linkbalk:active,.linkbalk:visited {margin-left:15px;}
.mainitem221l {-webkit-flex-basis:98%;-ms-flex-basis:98%;flex-basis:98%;margin-bottom:15px !important;margin-top:15px!important;}
.mainitem221r {-webkit-flex-basis:98%;-ms-flex-basis:98%;flex-basis:98%;margin-bottom:15px !important;margin-top:15px!important;}
		}
@media only screen and (min-width: 601px) and (max-width: 900px){
.karr{height:500px;}
.kar{max-height:400px;}
.kolommen{column-count: 2;}
.topbar{height:65px;}
.linktitel,.linktitel:active,.linktitel:visited {font-size:72px;font-size:4rem;}
.ondertitel {font-size:18px;font-size:1rem;}
.mainitem221l {-webkit-flex-basis:30%;-ms-flex-basis:30%;flex-basis:30%;margin-bottom:15px !important;margin-top:15px!important;}
.mainitem221r {-webkit-flex-basis:65%;-ms-flex-basis:65%;flex-basis:65%;margin-bottom:15px !important;margin-top:15px!important;}
		}
@media only screen and (max-width: 900px){
.titels{font-size:120px;font-size:1.1rem;}
.ruimte{padding:12px;}
.ruimtel{margin-left:20px;}
.ruimter{margin-right:20px;}
.nietklein{display:none;}
.welklein{display:block;}
.hf-500{display:block;}
.hf-1000{display:none;}
.hf-2000{display:none;}
.menulinks{float:left;font-size:30px;padding-left:10px;}
.menurechts{float:right;font-size:30px;padding-left:10px;}
.mainitem {-webkit-flex-basis: 98%;-ms-flex-basis:98%;flex-basis:98%;margin-bottom:5px;margin-top:5px;}
.mainitem24 {-webkit-flex-basis: 45%;-ms-flex-basis:45%;flex-basis:45%;padding:5px;}
.mainitem12 {-webkit-flex-basis: 98%;-ms-flex-basis:98%;flex-basis:98%;padding:5px;}
}
@media only screen and (min-width:901px){
.karr{height:600px;}
.kar{max-height:500px;}
.kolommen{column-count: 3;}
.ruimte{padding:12px;}
.ruimtel{margin-left:30px;}
.ruimter{margin-right:30px;}
		.nietklein{display:block;}
		.welklein{display:none;}
		.hf-500{display:none;}
		.hf-1000{display:none;}
		.hf-2000{display:block;}
.menulinks{float:left;font-size:40px;padding-left:10px;}
.menurechts{float:right;font-size:40px;padding-left:10px;}
.mainitem {-webkit-flex-basis:98%;-ms-flex-basis:98%;flex-basis:98%;margin-bottom:15px ;margin-top:15px;}
.mainitem24 {-webkit-flex-basis: 23%;-ms-flex-basis:23%;flex-basis:23%;padding:5px;}
.mainitem12 {-webkit-flex-basis: 45%;-ms-flex-basis:45%;flex-basis:45%;padding:5px;}
.mainitem221l {-webkit-flex-basis:30%;-ms-flex-basis:30%;flex-basis:30%;margin-bottom:15px !important;margin-top:15px!important;}
.mainitem221r {-webkit-flex-basis:65%;-ms-flex-basis:65%;flex-basis:65%;margin-bottom:15px !important;margin-top:15px!important;}
}

.inpoet{font-size:18px;font-size:1rem;width:100%;border-style:solid;border-color:#ccc;padding:5px;border-width:2px;border-radius:6px;width:99%;}
.inpoettekst{font-size:18px;font-size:1rem;color:#003300;font-weight:bold;}
.tussen{margin-top:40px;padding-top:20px;}
.knop{background-color:#f5104c;color:#fff;font-size: 22px;font-size:1.22rem; letter-spacing:2px; border-radius:6px;border:1px;border-color:#000; border-style:solid;padding:5px;cursor:pointer;box-shadow: 0px 0px #eee;width:100%;padding:0px;}
.knop:hover{color:#ccc;}
.knoponder{border:0px;background-color:transparent;color:white;font-size:20px;padding:10px;cursor:pointer;}
.knoponder:hover{color:#ccc;}
.knopgoud{background-color:#e5c547;color:#3f51b5;font-size: 22px;font-size:1.22rem;text-shadow: 0px 0px #54706a;font-size: 1.22rem;border-radius:6px;border:1px;border-color:#97c9bf;border-style:solid;padding:5px;cursor:pointer;box-shadow: 1px 2px #eee;width:100%;padding:10px;}
.knopgoud:hover{color:#ccc;}
fieldset{border:0px;}
tr:nth-child(odd) {background: #eee}

.omlaag {
vertical-align: -5px; /*Change this to adjust the icon*/
}
.omlaag8 {
vertical-align: -8px; /*Change this to adjust the icon*/
}
.omlaag12 {
vertical-align: -12px; /*Change this to adjust the icon*/
}
.omhoog12 {
vertical-align: 32px; /*Change this to adjust the icon*/
}
#return-to-top,#return-to-top:active,#return-to-top:visited  {padding:0px;z-index:9999;position: fixed;bottom: 20px;right: 20px;background: rgb(255, 165,0);background: rgba(255, 165, 0,0.85);width: 50px;    height: 50px;display: block;text-decoration: none;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;display: none;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#return-to-top i {padding:0px;color: #000;margin: 0;position: relative;left: 13px;top: 13px;font-size: 19px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
}
#return-to-top:hover {background: rgba(0, 0, 0, 0.9);}
#return-to-top:hover i {color: #6f5036;top: 5px;}
.hf51-container {
width: 100%;
padding-bottom: 56.25%;
position: relative;
max-width: inherit;
}

#open-sidebar-w3{
-webkit-appearance: none;
background: transparent;
border: 0px;
box-shadow: none;
cursor: pointer;
}

#close-sidebar-w3{
-webkit-appearance: none;
background: transparent;
border: none;
box-shadow: none;
color: #000;
cursor: pointer;
text-align: left;
padding-left:10px;
}
#close-sidebar-w3:hover{color:#6f5036;}

#mySidebar {
  height: 100%;
  width: 360px;
  position: fixed;
  z-index: 999;
  top: 0px;
  left: -600px;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding: 15px;
}

.mknop{width:100%;font-size:18px;font-size:1rem;font-weight:normal;background-color:transparent;color:#154885;cursor:pointer;}
.mknop:hover{background-color:#ccc;color:#000;}
.kopje{width:100%;font-size:18px;font-size:1rem;font-weight:normal;background-color:transparent;color:#154885;cursor:pointer;}

.lijn {
     height:10px;
     width:100%;
     border-bottom:2px solid #6f5036;
     display:block;
 }

hr{
  border-top: 1px solid #6f5036!important;
}

ul {
  list-style: none;
}

ul li::before {
  content: "\2022";
  color: #000;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.grecaptcha-badge {
visibility: hidden;
}

.swiper {
      width: 100%;
      height: auto;
    }
.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
    }
.swiper-pagination-bullet {
    opacity: .3;
    background: #3e6606;
}
.swiper-pagination-bullet-active {
    opacity: .8;
    background: #3e6606;
}

.swiper-button-prev, .swiper-button-next{
    color: #ffffff;
    opacity: .2;
}
      .autoplay-progress {
      position: absolute;
      right: 16px;
      bottom: 16px;
      z-index: 10;
      width: 48px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      color:#3e6606;
      opacity:0;
    }

    .autoplay-progress svg {
      --progress: 0;
      position: absolute;
      left: 0;
      top: 0px;
      z-index: 10;
      width: 100%;
      height: 100%;
      stroke-width: 4px;
      stroke:#3e6606;
      fill: none;
      stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
      stroke-dasharray: 125.6;
    }
td {
    padding: 10px;
}