body,h1,h2,h3,h4,h5,h6{font-family:"Open Sans",sans-serif!important}
body,html{height:100%;color:#777;line-height:1.8}
/*{-webkit-touch-callout:none} Disables the default callout in most browsers shown when you touch and hold a touch target.*/
a:link{text-decoration:none}
hr{margin:10px 0!important}
img{width:100%}
button.wijd{width:300px!important}
.w3-bar-item{padding:6px 16px!important}
.w3-hover-opacity{cursor:pointer!important}
.handje{cursor:pointer!important}
/* het parallax effect */
.afb-ag-1,.afb-ag-2,.afb-ag-3,.afb-ag-4,.afb-ag-5,.afb-ag-6{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}
/* 1e afbeelding (inleiding volle hoogte) */
.afb-ag-1{background-image:url('http://www.vthoflaan.nl/inh/afb/ag/1-vth-24x18.jpg');min-height:100%}
/* 2e afbeelding (nieuws) */
.afb-ag-2{background-image:url('http://www.vthoflaan.nl/inh/afb/ag/2-nws-24x15.jpg');min-height:600px}
/* 3e afbeelding (info) */
.afb-ag-3{background-image:url('http://www.vthoflaan.nl/inh/afb/ag/3-inf-24x15.jpg');min-height:600px}
/* 4e afbeelding (winkel) */
.afb-ag-4{background-image:url('http://www.vthoflaan.nl/inh/afb/ag/4-wkl-24x15.jpg');min-height:600px}
/* 5e afbeelding (impress) */
.afb-ag-5{background-image:url('http://www.vthoflaan.nl/inh/afb/ag/5-imp-24x15.jpg');min-height:600px}
/* 6e afbeelding (impress) */
.afb-ag-6{background-image:url('http://www.vthoflaan.nl/inh/afb/ag/6-con-24x15.jpg');min-height:600px}

/* attentie knop */
#attentie{position:absolute;left:50%;top:50px;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
#attentie button{padding:0 8px!important}

/* schermhoogte instellen */
#nws,#inf,#wkl,#imp,#con{min-height:100vh}

/* verbergen van (teveel) foto's */
#more{display:none}
/* popup vrijwaren instellen */
.vrijwaren{position:fixed;bottom:7px;right:7px;z-index:7;cursor:pointer;color:#ff7f00}

/* eigen opmaak */
.vet,.hover-vet:hover{font-weight:bolder!important}

/* vlak instellingen */
.hoog-12{height:12px!important}
.hoog-6{height:6px!important}

/* aanpassen foto bestuur hofmeesters */
#bst img, #tc img{max-width:200px!important}

/* tekst hoogte instellen */
.regel-12{line-height:1.2!important}

/* letter afstand instellen */
.txt-breed-10{letter-spacing:10px!important}

/* inspringen rechts/links */
.lire{margin:8px 28px!important}
.lire-16{margin-left:16px!important;margin-right:16px!important}
.lire-28{margin-left:28px!important;margin-right:28px!important}

/* eigen kleur instellingen */
/* achtergrond kleur */
.groen,.hover-groen:hover{background-color:#155000!important}
.oranje,.hover-oranje:hover{background-color:#ff7f00!important}
.oud,.hover-oud:hover{color:#bebebe!important}
/* rand kleur */
.rand-groen,.hover-rand-groen:hover{border:1px solid #155000!important}
.rand-oranje,.hover-rand-oranje:hover{border:1px solid #ff7f00!important}
/* tekst kleur */
.txt-groen,.hover-txt-groen:hover{color:#155000!important}
.txt-oranje,.hover-txt-oranje:hover{color:#ff7f00!important}
/* kleur tekst omranding */
.txt-rand-groen,.hover-txt-lijn-groen:hover{text-shadow:2px 0 0 #155000,-2px 0 0 #155000,0 2px 0 #155000,0 -2px 0 #155000,1px 1px #155000,-1px -1px 0 #155000,1px -1px 0 #155000,-1px 1px 0 #155000}
.txt-rand-oranje,.hover-txt-lijn-oranje:hover{text-shadow:2px 0 0 #ff7f00,-2px 0 0 #ff7f00,0 2px 0 #ff7f00,0 -2px 0 #ff7f00,1px 1px #ff7f00,-1px -1px 0 #ff7f00,1px -1px 0 #ff7f00,-1px 1px 0 #ff7f00}
/* responsief */
@media(max-width:600px){::-webkit-scrollbar{display:none!important}}
@media(max-width:900px){.intro{min-width:100%!important}}
@media(max-width:900px){#bst img,#tc img{max-width:150px!important}}
/* naar boven op website */
.gototop{position:fixed;display:block;box-sizing:border-box;height:30px;width:30px;border:none;background-color:#155000;border-radius:3px;bottom:50px;right:18px;margin-right:-30px;outline:none;opacity:0;transition:opacity .3s ease, margin-right .5s ease-out}
.visible{transition:opacity .3s ease, margin-right .5s ease-out;margin-right:0px;opacity:.6;cursor:pointer}
.gototop::before, .gototop::after{content:'';position:absolute;height:10px;width:2px;background-color:#fff;top:10px}
.gototop::before{left:11px;transform:rotate(45deg)}
.gototop::after{right:11px;transform:rotate(-45deg)}