h1 a:link{letter-spacing:-3px;}
h2 a:link, a.b:link{letter-spacing:-2px;}
#inheader{position:relative;margin-top:-70px}
.inmiddiv h1{margin-top:20px;}
#spnnr{position:fixed;top:0;right:10px;z-index:9999999;}
a.schreeuw:link, a.schreeuw:visited,a.gil:link,a.gil:visited,a.gilrev:link,a.gilrev:visited,a.scream:link,a.scream:visited{font-family:bitter,arial;background:#179fa7;color:#FFF;line-height:1.3;}
a.schreeuw:active, a.schreeuw:hover,a.gil:active, a.gil:hover,a.gilrev:active, a.gilrev:hover,a.scream:active,a.scream:hover{background:#0c2f43;}
a.schreeuw:link .linerarrow,a.scream:link .linerarrowhite,.yell .linerarrowhite{display:block;margin:5px 0;padding:5px 0;border-top:1px dotted #FFF;font-size:max(.9vw,16px);text-transform:uppercase;letter-spacing:0;}
a.blue:link .linerarrow{display:block;margin:10px 0;padding:10px 0;border-top:1px dotted #FFF;font-size:max(.75em,10px);text-transform:uppercase;letter-spacing:0;}
a.blue:hover{background:#0c2f43;}
.nwsholder .threr{background:#E7EFC7;}
#bkrcnt h1,#bkrcnt h2,#bkrcnt h3{letter-spacing:-2px;}
.topbox,.midmidbox,.midbox,.lastbox,.lastlastbox,.leestipbox,.scndbox,.thrdbox,.frthbox,.alterbox,.pgngbox{display:block;width:100%;margin:0;padding:1% 2%;background:#f7f6e0;}
.topbox h2{font-size:max(2.3vw,20px);}
.midmidbox{background:#cdecd2;}
.midmidbox h2, .midmidbox h3{font-size:max(2.3vw,20px);}
.midbox{background:#f1e3dd;}
.midbox h2{font-size:max(2.3vw,20px);letter-spacing:-2px;}
.midbox h3{font-size:max(2vw,17px);letter-spacing:-2px;}
.midbox .fieldleft a.schreeuw:link{background-image: url("/images/bin/help-single-02.webp");background-repeat:no-repeat;background-size:auto;background-position:bottom right;}
.midbox .fieldright a.schreeuw:link{background-image: url("/images/bin/help-single-01.webp");background-repeat:no-repeat;background-size:auto;background-position:bottom left;}
.lastbox{background:#cfe4dc;}
.lastbox h2{font-size:max(2.3vw,20px);}
.lastbox h3{font-size:max(2vw,17px);letter-spacing:-2px;}
.lastlastbox{background:#ffcccc;} 
.leestipbox{background:#D4E2D4;}
.leestipbox h2{font-size:max(2.3vw,20px);}
.leestipbox h3{font-size:max(2vw,17px);letter-spacing:-2px;}
.scndbox{background:#f0be9f;}
.scndbox h2{font-size:max(2.3vw,20px);}
.scndbox h3,.thrdbox h3{font-size:max(2vw,17px);letter-spacing:-2px;}
.thrdbox{background:#fff5aa;}
.frthbox{background:#def59c;} 
.alterbox{background:#D3ECCD;}
.pgngbox{background:#FFF;}
#magico{position:relative;margin:160px 0 20px 0;height:auto !important;height:25px;max-height:50vh;z-index:999;overflow:auto;display:none;}
#zoekres{width:96%;padding:25px;line-height:2.5;font-size:max(.9em,13px);border-left:1px dotted #000;background:#EAEAEA;opacity:.95;text-align:left;}
.ftl h2, ftl h3{text-align:left !important;}
.roundnr{font-size:30px;vertical-align:middle;margin:-10px 10px 0 0;}
.listrbox .fourr{background:#f6e6dd;color:#3b3a30;} /*50394c*/
.listrbox .fourr h3{letter-spacing:0;color:#3b3a30;}
.listrbox .fourr hr{background:#bea08d;color:#bea08d;}
.sixxr{background:#e7f3d8;}
.fivec h3{letter-spacing:0;color:#3b3a3a;}
.homebox{padding:2%;width:84%;background:#5a8b29;margin:0 auto;color:#FFF;}
.homebox h1,.homebox h2,.homebox h3{color:#FFF;}
.homebox a{color:#11424c;}
.modiconsbox{text-align:left;font-size:1em;}
.coachbox{background:#ebe0ee;border:1px #734a16 dotted;padding:3%;width:80%;text-align:center;margin:0 auto;}
.coachbox h4{letter-spacing:0;}
.ambabox{padding:2%;width:100%;background:#f1e2dd;margin:0 auto;color:#FFF;}
.exbox h3{letter-spacing:-1px;}
.exboxgrey a:link,.exboxgrey a:visited{color:#0b8aa1;}
.exboxgrey a:active,.exboxgrey a:hover{color:#639a41;}
.txtblock,.txtblocktl,.txtblock9{background:#0a1616;color:#FFF;opacity:.9;}
.txtblock{bottom:11px;}
.txtblockbl h3,.txtblock h3{font-size:max(1.5em,20px);color:#FFF;}
.txtblock9 h1 a{letter-spacing:0;}
.wc60 .smallbutton{background:#276671;border-color:#276671;}
.wc60 .smallbutton:hover{background:#284b11;border-color:#284b11;}
.schoolheader{display:block;}
.schoolboard{background:#454140;padding:0;width:100%;color:#FFF;display:flex;}
.topschoolbord{background:#f2eedf;padding:2% 1%;display:block;}
.schoolbleft,.schoolbmid,.schoolbright{display:block;float:left;background:#454140;color:#FFF;padding:2%;flex: 0 0 29%;}
.schoolbmid{border-left:1px solid #FFF;border-right:1px solid #FFF;flex: 0 0 36%;flex-grow: 1;}
.schoolbright{float:right;}
.schoolbright .chip{background:#316374;}
.schoolbright .chip:hover{background:#3b7a90;}
.schoolbright .chip a {color:#FFF;}
a.autr:link,a.autr:visited{font-family:roboto,arial;font-size:max(.9vw, 14px);min-width:20px;height:28px;padding:12px 10px;margin:0 1px 1px 0;color:#FFF;background:#33cc66;text-align:center;}
a.autr:active,a.autr:hover{background:#4e7436;color:#FFF;}

a.orangina:link,a.orangina:visited{color:#66B032;}/*5e9c9c*/
a.orangina::after {background:#13a86e;}

a.grpjed:link,a.grpjed:visited,a.grpdva:link,a.grpdva:visited,a.grptri:link,a.grptri:visited,a.grpctr:link,a.grpctr:visited,a.grppet:link,a.grppet:visited
{font-family:barlow,arial;font-size:max(1vw, 15px);text-align:center;min-height:28px;display:block;padding:7px 12px 7px 12px;margin:0;-webkit-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;color:#FFF;background:#6abd37;}
a.grpjed:link .linerarrow{display:block;margin:10px 0;padding:10px 0;border-top:1px dotted #FFF;font-size:max(.8em,11px);text-transform:uppercase;letter-spacing:0;}
a.grpdva:link,a.grpdva:visited{background:#5656a8;}
a.grptri:link,a.grptri:visited{background:#3fc4d8;}
a.grpctr:link,a.grpctr:visited{background:#ffd200;color:#000;}
a.grppet:link,a.grppet:visited{background:#c481ad;}
 
a.grpjed:active,a.grpjed:hover,a.grpdva:active,a.grpdva:hover,a.grptri:active,a.grptri:hover,a.grpctr:active,a.grpctr:hover,a.grppet:active,a.grppet:hover{background:#0c2f43;}/*13a86e*/

a.grpjedmin:link,a.grpjedmin:visited{color:#4fa21b;} /*6abd37 */
a.grpdvamin:link,a.grpdvamin:visited{color:#5656a8;}
a.grptrimin:link,a.grptrimin:visited{color:#3fc4d8;}
a.grpctrmin:link,a.grpctrmin:visited{color:#ffd200;color:#000;}
a.grppetmin:link,a.grppetmin:visited{color:#a6588b;}

a.grpjedmin:active,a.grpjedmin:hover,a.grpdvamin:active,a.grpdvamin:hover,a.grpctrmin:active,a.grpctrmin:hover,a.grptrimin:active,a.grptrimin:hover,a.grppetmin:active,a.grppetmin:hover{color:#0c2f43;}

#bggreen{background:#6abd37;} /*1*/
#bgorange{background:#5656a8;} /*2*/
#bgblue{background:#3fc4d8;} /*3*/
#bgyellow{background:#ffd200;} /*4*/
#bgpink{background:#c481ad;} /*5*/

#bggreen:hover,#bgblue:hover,#bgorange:hover,#bgpink:hover,#bgyellow:hover{background:#0c2f43;}

.aanpassen,.veranderen{color:#c40ca0;cursor:pointer;display:inline;}

a.def:link,a.def:visited{padding:5px 10px 0 10px;height:20px;vertical-align:middle;}
a.mininotifica:link,a.mininotifica:visited{background:#0095b0;}
a.mininotifica:active,a.mininotifica:hover{background:#639a41;}
.subnav-content{box-shadow: rgba(0, 0, 0, 0.6) 0px 20px 20px -20px;}
.titelsb,.titelsbl,.titelsbr{display:block;font-size:max(1vw,18px);color:#FFF;text-align:center !important;}
.titelsbl{text-align:left !important;}
.titelsbr{text-align:right!important;}
a.starf:link{padding-top:3px;}
.schoolboard a.bord:link,.schoolboard a.bord:visited,a.bordcenter:link,a.bordcenter:visited,a.bordright:link,a.bordright:visited{position:relative;display:inline-block;color:#00f0ff;}
.schoolboard a.bord:active,.schoolboard a.bord:hover,.a.bordcenter:active,a.bordcenter:hover,.a.bordright:active,a.bordright:hover{color:#66ff00;}
a.bordcenter:link,a.bordcenter:visited{text-align:center !important;}
a.bordright:link,a.bordright:visited{text-align:right !important;}
a.cmplx:link,a.cmplx:visited{background:#5895af;}
a.cmplx:active,a.cmplx:hover{background:#85c45e;}
.dwnbutton {padding:0;}
.dwnbutton:hover{opacity:1;}
.cusinsrch{float:right;display:inline-block;width:20%;}
.cusinsrch a.searchbubble:link,.cusinsrch a.searchbubble:visited{background:#66bbcc;}
.cisinput{width:100%;max-width:100%;text-align:left;letter-spacing:1px;color:#999;border:1px solid #999;}
.disinput{width:95%;}
.chkboxfield{display:inline-block;float:left;margin:0 50px 0 0;}
.checkradio{background:#36aab4;} 
.chkboxfield:hover input ~ .checkradio {background:#13a86e;}
.checktxt{position:relative;top:2px;vertical-align:middle;left:33px;text-transform:none;color:#FFF;font-size:max(.9em, 12px);}
.checktxt:hover{color:#080;}
.contabs {background:#FFF;}
.knoprechts, .knoplinks{width:25%;min-width:25%;font-size:max(.9em, 14px);float:right;margin-right:0;padding:10px 0 15px 0;height:35px;}
.knoplinks{float:left;height:38px;}
q.quo {line-height:1.8;color:#656565;display:inline-block;width:90%;margin:15px 0;border-left:1px solid #999;padding:0 2%;margin-left:1%;font-family:georgia;font-size:max(1.1vw,16px);}
.tipdivbord q {color:#FFF;}
select {text-align-last:center;}
select optgroup{padding:20px 0;height:40px;font-size:1em;color:#333;background:#FFF;}
.knop{background:#FFF;border:0;width:auto;cursor:pointer;}
.knop:hover{opacity:.5;}
.magadm{background:#FFF;border:1px solid #f079bb;color:#222;padding:2px 0 2px 5px;}
.magtxt,.magadm a{color:#f079bb;}
.magadm a:hover{color:#0084ff;}
.witbla {padding:3px 5px 2px 5px;width:auto;background:#FFF;color:#284a66;-webkit-border-radius:2px;border-radius:2px;}
.frnts{display:block;width:65%;margin:0 auto;text-align:center}
.frntz{display:block;width:100%;background:#666;}
.colofo {position:relative;display:block;line-height:34px;}
.colofo img a,.colofo a:link{border:0 !important;}
.icol {width:18%;vertical-align:middle;margin-right:2%;-webkit-filter: grayscale(100%);filter:grayscale(100%);opacity:.5;border:0 !important;}
.icol:hover{-webkit-filter: grayscale(0%);filter:grayscale(0%);opacity:9;transition: .5s ease;border:0 !important;}
.infotip {color:#ad00fe;letter-spacing:0;font-size:max(1em,14px);}
.infotip .infotiptext{background:#dbbfe8;color:#000;padding:10px;opacity:0;max-width:100%;}
.infotip-top::after{border-color:#dbbfe8 transparent transparent transparent;}
.infotip-bottom::after{border-color:transparent transparent #dbbfe8 transparent;}
.infotip-right::after{border-color:transparent #dbbfe8 transparent transparent;}
.infotip-left::after{border-color:transparent transparent transparent #dbbfe8;}
.infotip:hover .infotiptext {opacity:1;}
#inschr{width:80%;display:block;text-align:center;margin:0 auto;}
.insinput{width:100%;height:40px;}
.reg-left{text-align:right;}
.reg-right {text-align:left;}
.reg-right input,.reg-right select{width:97%;height:40px;margin-bottom:5px;}
#insbutton{width:100%;text-align:center;height:40px;}
.pijlen{border-color:#FFF;}
.booksmenu{display:inline-block;position:relative;text-align:center;width:100%;margin:0 auto;}
.booksrow {min-height:55vh;}
.booksrow h1,.booksrow h2 {text-align:center;}
.cntrl-checkbox:hover{color:#00a5da;}
.cntrl input:checked ~ .cntrl_indicator{background:#00a5da;}
.cntrl-checkbox .cntrl_indicator::before{background:#00a5da;}
.cntrl:hover input:not([disabled]):checked ~ .cntrl_indicator,.cntrl input:checked:focus ~ .cntrl_indicator{background:#00a5da;}
a.groen:link,a.groen:visited{background:#3d6f76;}
a.groen:hover,a.groen:active{background:#339966;}
a.blauw:link,a.blauw:visited{background:#36aab4;}
a.blauw:hover,a.blauw:active{background:#0c2f43;} /*0c2f43*/
a.blauw:hover,a.blauw:active{color:#FFF;}
a.darkgreen:hover,a.darkgreen:active{background:#0d9541;color:#FFF;}
.txtblockcenter a.darkgreen:link,.txtblockcenter a.orange:link,.txtblockcenter a.blue:link,.txtblockcenter a.lemon:link,.txtblockcenter a.darkpink:link,.txtblockcenter a.red:link,.txtblockcenter a.magento:link,.txtblockcenter a.lightblue:link{padding:10px 0;font-size:max(.9em, 13px);}
.flexcenter a, .flexcenter a.blue:link, .flexcenter a.darkblue:active{min-height:64px !important;margin:0 1px 1px 0;padding:10px 20px;}
.timehoriright,.timehorileft,.timehoribottom,.notime{background:#042f45;}
.timehoriright::after{border-left-color:#042f45;}
.timehorileft::after, .timehorileft:before {border-right-color: #042f45;}
.timehoribottom:after {border-top-color: #042f45;}
.archiver{display:block;font-size:.8em;padding:0;margin:0;text-align:center;background:#382416;min-height:40px;text-transform:uppercase;color:#FFF;}
.archiverover:hover{box-shadow: 0 5px 16px 0 rgba(0,0,0,0.5);}
.archiverover:hover img,.archiverover:hover span{opacity:0.7;}
.wwbewerking{color:#d119a3;}
.timeline{width:60%;margin:0 auto;}
.timetainer::after {background:#FFF;border:4px solid #bee604;}
.timeleft::before {border-color:transparent transparent transparent #bee604;}
.timeright::before {border-color:transparent #bee604 transparent #bee604;}
.timecontent {background:#042f45;color:#FFF;}
.timecontent h1, .timecontent h2{color:#FFF;}
.bottomleft{display:inline-block;float:left;width:30%;text-align:right;padding-right:10px;}
.bottomleft a:link,.bottomleft a:visited,.bottomright a:link,.bottomright a:visited{color:#00f0ff;margin-right:5px;}
.bottomleft a:active,.bottomleft a:hover,.bottomright a:active,.bottomright a:hover{color:#FFF;}
.bottommid{display:inline-block;float:left;width:36%;text-align:center;margin:0 auto;border-left:1px dotted #FFF;border-right:1px dotted #FFF;}
.bottomright{display:inline-block;float:left;width:30%;text-align:left;padding-left:20px;}
.starside,.starnarrow,.starright,.startimes {font-size:max(.9vw,12px);letter-spacing:-1px;float:left;width:15%;margin:2px 0 0 0;text-align:left;height:20px;}
.starnarrow {width:4%;}
.startimes {width:11%;}
.starright {text-align:right;}
.starmiddle {float:left;width:70%;margin-top:8px;height:20px;}
.starrow:after {content:"";display:table;clear:both;}
.bar-container{width:100%;background:#dbe1cc;text-align:center;color:#444;}
.star-5{color:#008800;}
.star-4{color:#5fbc3e;}
.star-3{color:#f6ba04;}
.star-2{color:#f60404;}
.star-1{color:#b30000;}
.bar-5 {width: 60%;background:#008800;height:20px;}
.bar-4 {width: 30%;background:#5fbc3e;height:20px;}
.bar-3 {width: 10%;background:#f6ba04;height:20px;}
.bar-2 {width: 4%; background:#f60404;height:20px;}
.bar-1 {width: 15%;background:#b30000;height:20px;}
.ava40{width:40px;height:40px;border-radius:50%;margin:0px 10px 0 0;vertical-align:middle;}
.ava25{width:25px;height:25px;border-radius:50%;margin:-5px 0 0 5px;vertical-align:middle;}

@media all and (max-width:1440px){
.subnavbtn,.subnavbtnhover{display:inline-block;margin-top:2px;}
.subnav-content,.subnav-shown{margin-top:-17px;}
a.subsitehoveropen:link{margin-top:0px;}
.txtblock9 {bottom:2px;}
}

@media all and (max-width:1280px){
h1, h2, h3{letter-spacing:-1px;}
#weblogo{width:48% !important;}
#websitelogo{width:90%;}
.webtitle{font-size:11px;letter-spacing:0 !important;text-transform:uppercase;}
#menu_div{min-height:100px;height:100px;padding-top:20px;}
.subnav-content,.subnav-shown{margin-top:-5px;}
.leestipbox .wc24{width:49%;}
.thrdbox .wc49{clear:both;float:none;width:100%;}
.vijfde{width:65%;}
.vijfde a.scream:link{height:100px;}
a.nrmlnk:link,a.nrmlnk:visited,a.pplslct:link,a.pplslct:visited,a.peoplelink:link, a.peoplelink:visited,.unpplslct{font-size:.7em;}
.zktxt,.checktxt{top:6px;}
.bookscol280{min-width:50%;}
.booksfull280{min-width:100%;margin-bottom:1px;}
.starmiddle {margin-top:3px;}
.txtblock9 {bottom:2px;}
.txtblock h3,.txtblock9 h3{font-size:1em;}
.starnarrow {width:15%;}
.startimes{display:none;}
}

@media all and (max-width:900px){
#websitelogo{width:80% !important;}
#website{margin:0 0 0 10px;}
.chkboxfield{margin:0 40px 0 0;}
.wc32,.wcm32{clear:both;float:none;display:block !important;min-width:100%;min-height:1px;}
.mtop1280{margin-top:20% !important;}
.starside,.starnarrow,.starright{margin-top:5px;}
.bottomright .social24{display:block;position:relative;clear:both;float:none;margin:1px auto;left:0;width:100%;text-align:center !important;}
}