#dialog-mask,body,html{min-height:100%;width:100%}#dialog-header,#header,#main{position:relative}#header,#main,#maincontent #content,.block.pageDesc table,.mijnProfiel .block.pageDesc table,.span_3-3,.span_4-4,body,form,html{width:100%}#dialog-content,#dialog-header,.aanmeld,.marker,.menuItem,.menuItem span,img{display:block}#home #main,#intro #main,.schoolID{box-sizing:border-box}#maincontent a.box-title,#maincontent h3,.button,.formwrap h2,.leftnav .menuItem,.menuItem,input[type=button],legend{text-transform:uppercase}#progress svg,img{max-width:100%}a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}#info .extended h2,#schoolselect,body,html{font-family:Arial,Helvetica,sans-serif}body,html{font-size:.9em;padding:0;margin:0;overflow:auto;font-style:normal;font-weight:400}#maincontent h3,.pageDesc h3,h1{font-size:1.4em}img{border:0}:focus{outline:0}p{margin-bottom:1.625em}.button,.clusterName,.groepNaam,.groepNr,.menuItem,.textbg,.themaTXT,.topRightMenuItem,body:before,h1,h2,h3,h4,h5,h6,input[type=button],legend,table th{font-family:Schoolbell,cursive;font-weight:700}h2,h3{font-size:1.2em}h1 .small,h2 .small,h3 .small{font-size:.6em}.button,.help .button:after,.help .button:before,a{-webkit-transition:.3s linear;transition:.3s linear}.graphBar a,.topRightMenuItem:hover,a{text-decoration:none}.block .popup a:hover,a:active,a:focus,a:hover,div.contract h3{text-decoration:underline}a:active,a:focus,a:hover{color:#}#digibeheer tfoot td,.block.pageDesc table td.center,.payoff,.text-center{text-align:center}#info .extended .col,.aanmelden #main,.lightboxContent .left,.text-left{text-align:left}.text-right{text-align:right}#sidebar ul,.article ul,ol{margin:0 0 1.625em 2.5em}.article ul,.sidebar ul{list-style:square}.article ol{list-style-type:decimal}.article ol ol{list-style:upper-alpha}.article ol ol ol{list-style:lower-roman}.article ol ol ol ol{list-style:lower-alpha}.article ul ul,ol ol,ol ul,ul ol{margin-bottom:0}.dashboard .block a,.dashboard .formwrap h2,.dashboard .galleryNav a,.dashboard .lightboxContent label,.dashboard i.fa,.dashboard legend,.dashboard.fullscreen label,.groupPages .block a,.groupPages .formwrap h2,.groupPages .galleryNav a,.groupPages .lightboxContent label,.groupPages i.fa,.groupPages legend,.groupPages.fullscreen label{color:#edad2c}.dashboard .block.pop:before,.dashboard .button,.dashboard .leftnav .menuItem,.dashboard .lightboxContent,.dashboard .search .button:hover,.dashboard .three .block.pageTitle,.dashboard .topRightMenuItem:hover,.groupPages .block.pop:before,.groupPages .button,.groupPages .leftnav .menuItem,.groupPages .lightboxContent,.groupPages .search .button:hover,.groupPages .three .block.pageTitle,.groupPages .topRightMenuItem:hover,.menuItem.groep,body.dashboard{background:#edad2c}.dashboard .formwrap,.dashboard .infoBlock,.dashboard fieldset,.groupPages .formwrap,.groupPages .infoBlock,.groupPages fieldset{border:1px solid #edad2c}.dashboard .block .popup,.groupPages .block .popup{border:2px solid #edad2c}.dashboard .block .popup:before,.groupPages .block .popup:before{border-color:transparent transparent transparent #edad2c}.dashboard .helpContent,.groupPages .helpContent{background:#fff;color:#000;border:10px solid #edad2c}.aanmeld a,.alleWoorden .block a,.alleWoorden .formwrap h2,.alleWoorden .galleryNav a,.alleWoorden .lightboxContent label,.alleWoorden i.fa,.alleWoorden legend,.alleWoorden.fullscreen label,.menuItem.digiwak.active:hover{color:#e74c38}.alleWoorden .block.pop:before,.alleWoorden .button,.alleWoorden .leftnav .menuItem,.alleWoorden .lightboxContent,.alleWoorden .search .button:hover,.alleWoorden .three .block.pageTitle,.alleWoorden .topRightMenuItem:hover,.alleWoorden.groepenindex .block,.menuItem.digiwak{background:#e74c38}.alleWoorden.groepenindex .block.pageDesc,.basisWoorden.groepenindex .block.pageDesc{background:#fff}body.alleWoorden{background:#f4c8b1}.alleWoorden .formwrap,.alleWoorden .infoBlock,.alleWoorden fieldset{border:1px solid #e74c38}.alleWoorden .block .popup{border:2px solid #e74c38}.alleWoorden .block .popup:before{border-color:transparent transparent transparent #e74c38}.alleWoorden .helpContent{background:#fff;color:#000;border:10px solid #e74c38}body.alleWoorden:before{content:'alle woorden'}.basisWoorden .block a,.basisWoorden .formwrap h2,.basisWoorden .galleryNav a,.basisWoorden .lightboxContent label,.basisWoorden i.fa,.basisWoorden legend,.basisWoorden.fullscreen label,.menuItem.digiwak:hover{color:#006080}.basis .block.pop:before,.basis .six .block.pageTitle,.basis .three .block.pageTitle,.basisWoorden .block.pop:before,.basisWoorden .button,.basisWoorden .leftnav .menuItem,.basisWoorden .lightboxContent,.basisWoorden .search .button:hover,.basisWoorden .three .block.pageTitle,.basisWoorden .topRightMenuItem:hover,.basisWoorden.groepenindex .block,.menuItem.digiwakBasis{background:#006080}.basisWoorden #main .button{background-color:#fff;border-color:#006080;color:#006080}.basisWoorden #main .button:hover{color:#fff;background-color:#006080}body.basisWoorden{background:#a8cad5}.basisWoorden .formwrap,.basisWoorden .infoBlock,.basisWoorden fieldset{border:1px solid #006080}.basis .block .popup,.basisWoorden .block .popup{border:2px solid #006080}.basisWoorden .block .popup:before{border-color:transparent transparent transparent #006080}.basisWoorden .helpContent{background:#fff;color:#000;border:10px solid #006080}body.basisWoorden:before{content:'nieuw komers'}.groupPages #main .button{background-color:#fff;border-color:#edad2c;color:#edad2c}.groupPages #main .button:hover{color:#fff;background-color:#edad2c}body.groupPages{background:#f7df91}body.groupPages:before{content:'groeps dossier'}.mijnProfiel .block a,.mijnProfiel .formwrap h2,.mijnProfiel legend{color:#94ad1b}.menuItem.mijnProfiel,.mijnProfiel .block.pop:before,.mijnProfiel .button,.mijnProfiel .leftnav .menuItem,.mijnProfiel .search .button:hover,.mijnProfiel .three .block.pageTitle,.mijnProfiel .topRightMenuItem:hover{background:#94ad1b}.mijnProfiel .button{color:#fff;background-color:#94ad1b}.mijnProfiel .button:hover{background-color:#fff;border-color:#94ad1b;color:#94ad1b}body.mijnProfiel{background:#ceda92}.mijnProfiel .formwrap,.mijnProfiel .infoBlock,.mijnProfiel fieldset{border:1px solid #94ad1b}.mijnProfiel .block .popup{border-color:transparent transparent transparent #94ad1b}.mijnProfiel .helpContent{background:#fff;color:#000;border:10px solid #94ad1b}.mijnProfiel #changepass label{min-width:130px}.mijnProfiel .block.pageDesc table tr.trcolor1{background-color:#e1eac1}.mijnProfiel .block.pageDesc table tr.trcolor2{background-color:#f1f4e7}.mijnProfiel .block.pageDesc table th{background-color:#c3d095;color:#6d725e}body.mijnProfiel:before{content:'mijn profiel'}.schoolBeheer .block a,.schoolBeheer .formwrap h2,.schoolBeheer legend{color:#d2b605}.schoolBeheer .block table a{color:#be450e}.menuItem.schoolBeheer,.schoolBeheer .block.pop:before,.schoolBeheer .button,.schoolBeheer .leftnav .menuItem,.schoolBeheer .search .button:hover,.schoolBeheer .three .block.pageTitle,.schoolBeheer .topRightMenuItem:hover{background:#d2b605}.schoolBeheer .button:hover,.schoolBeheer .leftnav .menuItem.active{background-color:#fff;color:#d2b605}.schoolBeheer .button{color:#fff;background-color:#d2b605}.schoolBeheer .button:hover{border-color:#d2b605}body.schoolBeheer{background:#f0df75}.schoolBeheer .formwrap,.schoolBeheer .infoBlock,.schoolBeheer fieldset{border:1px solid #c9c8c2}.schoolBeheer .block .popup{border-color:transparent transparent transparent #c9c8c2}.schoolBeheer .helpContent{background:#fff;color:#000;border:10px solid #d2b605}.schoolBeheer .block.pageDesc table tr.trcolor1{background-color:#ddd}.schoolBeheer .block.pageDesc table tr.trcolor2{background-color:#eee}.schoolBeheer .block.pageDesc table th{background-color:#bbb;color:#fff}.schoolBeheer .block.pageDesc table.form th{background-color:transparent;color:#000}.schoolBeheer .graphBar{margin:1% 5%;height:20px}.schoolBeheer .graphBar .fill-bar{height:20px}.schoolBeheer .graphBar .bar-title{margin-top:-18px;font-size:100%}.schoolBeheer .graphBar .bar-value{margin-top:-13px;font-size:90%}body.schoolBeheer:before{content:'school beheer'}#dialog{position:absolute;width:725px;padding:0;z-index:300;background:#fff}#dialog-header{width:707px;padding:3px 6px 7px;height:14px;font-size:14px;font-weight:700}#dialog-title,.help{float:left}#dialog-close{float:right;cursor:pointer;margin:3px 3px 0 0;height:11px;width:11px;background:url(/img/dialog_close.gif) no-repeat}#dialog-content{padding:6px;color:#666;font-size:13px;height:100%}#dialog-mask{position:absolute;top:0;left:0;background:#000;opacity:.75;z-index:200}#dialog .error{border:1px solid #924949;border-top:none}#dialog .errorheader{background:url(/img/error_header.gif) repeat-x;color:#6f2c2c;border:1px solid #924949;border-bottom:none}#dialog .warning{border:1px solid #c5a524;border-top:none}#dialog .warningheader{background:url(/img/warning_header.gif) repeat-x;color:#957c17;border:1px solid #c5a524;border-bottom:none}#dialog .success{border:3px solid #60a174;border-top:none}#dialog .success .trcolor1{background-color:#abcfaf}#dialog .success .trcolor2{background-color:#ddebdf}#dialog .success td{padding:.1em .2em .1em .4em}#dialog .success td.center{text-align:center;width:20em;max-width:20em}#dialog .success td.center select{width:15em;max-width:15em}#dialog .successheader{background:url(/img/success_header.gif) repeat-x;color:#3c7f51;border:3px solid #60a174;border-bottom:none}#dialog .prompt{border:1px solid #4f6d81;border-top:none}#dialog .promptheader{background:url(/img/prompt_header.gif) repeat-x;color:#355468;border:1px solid #4f6d81;border-bottom:none}.container{width:90%;margin:10px auto 20px;max-width:1300px;min-width:760px}body:before{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.2;font-size:30vw;line-height:100%;color:#fff;text-align:center}.clusterBox .clusterInfo,.clusterBox span{left:10%;width:80%;text-align:center;position:absolute}#header{height:1%;z-index:6}#header:after,#main:after{content:'';clear:both;display:block}#main{min-height:500px;z-index:5;margin-bottom:20px}.basis #main{background:#a8cad5!important}#maincontent{margin:0 0 2% 124px}#maincontent .blocks,.topmenuRight .topRightMenuItem:first-child{margin:0}#maincontent h3{clear:both;margin-bottom:10px}#maincontent a.box-title{font-size:1em;font-weight:700;text-decoration:none;text-align:center}.clusterBox span{top:10%}.help .button:after,.help .button:before,.menuItem span{left:50%;transform:translate(-50%,-50%)}.clusterBox .clusterInfo{bottom:10%}#maincontent .clusterBox .clusterInfo li{display:inline-block;margin:0 8px 4px 0;font-size:.8em}#maincontent #content h3{text-align:left;float:left;clear:left}#maincontent #content form{max-width:none}.contentbuttons{float:right}.menuItem,.topmenu{float:left;text-align:center}.topmenu{height:100%;margin:10px 0}.menuItem{padding:20px;border-radius:15px;color:#fff;position:relative;margin-left:10px;width:100px;height:60px;line-height:50px;background:#c9c8c2;font-size:2em}.label,input,label{line-height:24px;float:left}.loggedout .menuItem{font-size:2.4em}.col:first-child,.home .menuItem:first-child,.menuItem.homeItem{margin-left:0}.menuItem.active,.menuItem:hover{background:#fff;color:#e74c38}.menuItem span img{width:auto;height:auto;margin:auto}.menuItem span{max-height:80%;max-width:80%;width:auto;height:auto;position:absolute;top:50%;line-height:1em}.menuItem.groep.active{color:#edad2c;background:#fff}.menuItem.digiwak.active{color:#e74c38;background:#fff}.menuItem.digiwakBasis.active{color:#006080;background:#fff}.menuItem.mijnProfiel.active{color:#94ad1b;background:#fff}.menuItem.schoolBeheer.active{color:#d2b605;background:#fff}form{text-align:center}legend{font-weight:700;padding:5px;text-align:left;color:#e74c38;font-size:1.3em}input{min-width:200px;padding:0 10px;margin:5px 0;background:#fbfbfb;border:1px solid #ccc}input[type=submit]{min-width:initial}input[type=checkbox]{float:none}.label,label{min-width:100px;text-align:left;margin:8px 10px auto auto}fieldset.wide label{min-width:150px}fieldset.wider label{min-width:180px}.formwrap,fieldset{background:#fff;border-radius:15px;padding:15px;height:1%;overflow:hidden;position:relative;border:2px solid #e74c38}fieldset.reduced label{min-width:10px}.popup a,fieldset.reduced input{margin-left:5px}.formwrap h2{color:#e74c38}.button,input[type=button]{border-radius:10px;border:2px solid #e74c38;color:#e74c38;padding:15px;margin:15px auto;cursor:pointer;float:none;background:#fff;font-size:1.3em},.button:hover,input[type=button]:hover{background:#e74c38;color:#fff;text-decoration:none}.button.formsubmit{margin:10px auto;position:relative;display:inline-block}.loginform .button.formsubmit{background:#e74c38;color:#fff}.loginform .button.formsubmit:hover{background:#000;color:#fff;border-color:#000}.aanmeld{color:#797979;clear:both}.aanmeld a:hover{color:#00}.topmenuRight{float:right;position:relative;margin:10px 0 0 5px}.topmenuRight .topRightMenuItem{float:left;border-radius:10px;min-width:70px;text-align:center;padding:0 10px;z-index:2;color:#fff;background:#c9c8c2;margin:0 0 0 5px;font-size:1.3em;line-height:33px;text-transform:uppercase}.schoolID{padding:10px;border-radius:10px;background:#c9c8c2}.search{float:right;clear:left;margin-top:35px}.searchField{border:0;border-radius:8px;padding:3px 15px 4px;min-width:190px;margin:0}.search .button,.search .button:hover{border:0;color:#fff}#show #main .blocks .block h3,.marker{margin-top:5px}.loggedin .searchField{background-color:#fff}.search .button{margin:0 0 0 5px;padding:0 10px;z-index:2;background:#c9c8c2;line-height:32px;min-width:90px}#schoolselect{max-width:290px}.marker{border-radius:10px;border:1px solid #056381;padding:5px 30px;background:url(/img/marker-small.png) 5px center no-repeat #fff;min-height:22px;line-height:22px}.close,.loggedout .menuItem,.loginform,.partners,.slideshow{display:inline-block}.marker.short{max-width:50px}.helpContent{position:absolute;width:640px;padding:20px;z-index:999999999;right:0;top:36px;border-radius:15px;color:#fff}.helpContent ul{margin:0 0 0 15px}.helpContent img{display:inline;position:relative;top:4px;margin:0 2px 2px}.help .button{position:relative;overflow:hidden;margin:0;float:left;border:0;padding:0;height:33px;width:33px;line-height:33px}.help .button:before{content:'?';color:#fff;position:absolute}.help .button:after{content:'X';color:#fff;position:absolute}.help .button.dicht:before,.help .button.open:after{top:50%}.help .button.open:before{top:-150%}.help .button.dicht:after{top:150%}#logout,#logout a,#school{float:right;clear:right}#logout,#school{margin:1px solid red;padding-top:10px}#home,#info,.loggedout{background:url(/img/home-bg.jpg) center center/cover no-repeat}#intro{background:url(/img/intro-bg.png) center center/cover no-repeat}#home #main{background:url(/img/home-main-bg.png) center center/contain no-repeat;margin-top:-65px;text-align:center;padding:10% 10% 0}#intro #main{text-align:center;padding:5% 10% 0;background-color:#fff}#intro #main iframe{width:1100px;height:650px}#info #main,.aanmelden #main{background:#fff;border-radius:15px;box-sizing:border-box;padding:30px;height:1%;overflow:hidden;text-align:center}.loggedout .topmenu{width:100%;position:relative}.loggedout .menuItem{float:none}.loggedout .menuItem.homeItem{position:absolute;left:0;top:0}.loggedout .intromg{width:90%;max-width:380px;height:auto;max-height:70%;margin:auto;position:relative}#intro #main iframe.video-container{position:relative;width:720px;height:406px;overflow:hidden;margin:0 auto 24px}.loginform{margin:20px auto;max-width:600px}.loginform h2{position:absolute;left:15px;top:46px;width:60px;margin-top:-5px}.loginwrap{margin-left:75px}.fieldwrap{clear:both;padding:0 5px;position:relative;height:1%;overflow:hidden}.fieldwrap img{margin:10px 0 0 10px;padding-left:10px}.block .iconah,.block.open .icona,.crumbies span:first-child:before,.fieldwrap.hidden{display:none}.fieldwrap.pricelist label{min-width:200px;margin:0;padding:2px;line-height:150%}.fieldwrap.pricelist span{padding:4px 2px 2px;line-height:150%}.fieldwrap input[type=radio]{margin:1em 0 0}.registerForm .toelichting textarea,.registerForm select{margin:5px 0;background:#fbfbfb;border:1px solid #ccc;float:left}.registerForm label{min-width:160px}.registerForm label.list{min-width:130px;padding:0 0 4px 30px;line-height:10px}.registerForm input{min-width:300px}.registerForm input[type=radio]{min-width:15px}.registerForm .toelichting textarea{min-width:300px;height:50px}.registerForm select{min-width:320px;height:26px}.registerForm .ui-autocomplete-loading{background:url("/img/ajax-loader.gif") right center no-repeat #fff}.abo_options input[type=radio]{min-width:15px;margin-top:0;margin-right:10px}.abo_options th{padding-left:45px}.col.aanmeldtekst{border-radius:15px;padding:15px;position:relative;height:1%;border:2px solid #e74c38;background:#fff;margin-top:18px}.infoBlock,.partners{border-radius:15px;background:#fff}.col.aanmeldtekst li{color:#999}#show #main .blocks .block h2 a,.close:hover,.col.aanmeldtekst li.current,.crumbies a,.galleryNav a:hover,.slideshow:hover{color:#000}.partners{padding:15px}.infoGraphic{height:auto;width:auto;max-height:520px}.infoColumn .infoBlock.infoIntro{border:none;padding:none;color:#e94c38;font-weight:700;font-size:1.3em}.infoBlock{padding:15px 15px 0;margin-bottom:15px;text-align:left;line-height:150%;border:2px solid #e94c38;font-size:1.2em}#info #main a,.infoBlock .highlight{font-weight:700;color:#e74c38}.textbg{position:absolute;width:100%;font-size:18vw;opacity:.1}#info .extended{background:0 0;padding:30px 0;color:#fff}#info .extended h1{font-size:1.6em;margin-bottom:1em}#info .extended h2{font-style:italic;font-size:1.2em;font-weight:400}#info .extended p{font-size:1.1em;font-weight:200;line-height:1.5em}#info .extended ul{list-style-type:none}#info .extended li{margin:6px 0 0}#info .extended .col:first-child,.crumbies span:first-child,.row .col:first-child,.row-pad .col:first-child{padding-left:0}#info .extended .colInnerSpace{padding:20px;background:#999;border-radius:15px}.crumbies{margin:1% 3%}.crumbies span{padding-left:5px}.crumbies span:before{content:'>';margin-right:5px;display:inline-block}.leftnav{width:140px;float:left;clear:left}.leftnav .menuItem{margin:0 0 10px;color:#fff;font-size:1.3em;font-weight:700;line-height:1em}.leftnav .menuItem span.title{text-transform:none;font-size:3em}.six .block.pageTitle h1,.three .block.pageTitle h1{top:50%;transform:translateY(-50%);overflow:hidden;text-transform:uppercase;font-weight:700}.menuItem.double span{font-size:.7em}.menuItem.double span img{max-height:60px}.fullscreen #header{padding:0;margin:0;height:0}.fullscreen #main{margin:0 auto 20px;max-width:1400px}.fullscreen .menuItem.homeItem,.fullscreen .menuItem:first-child{margin-left:10px}.fullscreen .blocks,.fullscreen label{min-width:160px;line-height:normal;margin:0}.fullscreen .value{float:left;min-width:300px}.close,.slideshow{position:absolute;top:35px;overflow:hidden;padding:0}.block,.gallery .block div{position:relative}.close,.next{right:60px}.prev,.slideshow{left:60px}.close:after,.close:before,.slideshow:after,.slideshow:before{-webkit-transition:.4s linear;transition:.4s linear}.galleryNav a{position:absolute;top:50%;margin-top:-15px;font-size:5em;text-decoration:none}.gallery{margin:10px 180px}.gallery .block{float:none;width:100%;height:auto;padding:0}.gallery .photoTitle p{clear:both;display:block;text-align:left}.prev:before{content:"\00ab"}.next:before{content:"\00bb"}.blocks{margin:10px 0 2% 145px;display:block}.blocks.three{width:74%}.blocks.three.right{margin-left:25.75%}.block{border:0 solid transparent;float:left;width:24%;padding-top:24%;margin:0 .5% 1%;background:#fff;border-radius:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-background-clip:padding-box!important;-webkit-background-clip:padding-box!important;background-clip:padding-box!important;-webkit-transition:.3s linear;transition:.3s linear}.block .popup,.block.pop:before{position:absolute;border-radius:15px}.three .block{width:31.33%;padding-top:31.33%;margin:0 .7% 1.4%}.three .block.pageDesc{width:97%;padding:2% 5%}.xxx .three .block{padding-top:26.33%}.block .wrapWEG{position:absolute;top:0;left:0;right:0}.six .block.pageTitle,.three .block.pageTitle{position:absolute;left:0;width:23.184%;padding-top:23.184%;margin:0 1% 1% 2%}.six .block{width:11.33%;padding-top:11.33%;margin:0 .7% 1.4%}.six .block.pageDesc{width:86%;padding:2% 5%}.six .block.pageTitle h1{position:absolute;width:90%;left:5%;text-align:center;display:block;color:#fff}.one .block{width:98%;padding:5%;margin:0 .7% 1.4%}.block.break34{float:left;background:0 0;width:35%;padding:1%}.block.horStretch{width:98%}#digiwak.alleWoorden .block,#digiwak.basisWoorden .block{cursor:pointer;z-index:1}#digiwak .block.open{z-index:2}.block.pop:before{content:'';top:0;right:0;bottom:0;left:0;opacity:0;-webkit-transition:.2s linear;transition:.2s linear}.block.pop.open:before{opacity:1},.block.open .icona,.block.open .iconah,.block.open .photo,.block.open .photoTitle,.block.open .themaTXT,.block.open:active,.block.open:active .icona,.block.open:active .iconah,.block.open:active .photo,.block.open:active .photoTitle,.block.open:active .themaTXT,.block.open:before{z-index:12}.block .icona,.block .iconah,.three .block.pageTitle img{max-height:50%;position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);-webkit-transition:.3s linear;transition:.3s linear}.block .icona,.block.open .iconah,.block.open .popup{display:block}.block .themaTXT{position:absolute;width:70%;left:15%;top:75%;font-size:1.2em;font-weight:700;text-align:center;display:block;-webkit-transition:.3s linear;transition:.3s linear;color:#000;text-decoration:none}.block .groepNr,.lightbox{-webkit-transition:.3s linear}.block.pop.open .photoTitle,.block.pop.open .themaTXT{color:#fff;text-decoration:none}.block .popup{z-index:10;left:100%;display:none;top:0;background:#fff;width:87%;padding:10%;-webkit-box-shadow:4px 4px 5px 0 rgba(0,0,0,.4);-moz-box-shadow:4px 4px 5px 0 rgba(0,0,0,.4);box-shadow:4px 4px 5px 0 rgba(0,0,0,.4)}.block .photo,.block .photoTitle{width:90%;overflow:hidden;position:absolute}.block .popup:before{content:'';position:absolute;top:10%;left:0;width:0;height:0;border-style:solid;border-width:10px 0 10px 15px}.block .popup a{color:#000;text-decoration:none;line-height:160%;z-index:11}.block.blockRight .popup{left:auto;right:100%}.block.blockRight .popup:before{left:auto;right:0;border-width:10px 15px 10px 0;border-color:transparent #ff5900 transparent transparent}.basis .block.blockRight .popup:before{border-color:transparent #006080 transparent transparent}.block.blockBottom .popup{top:auto;bottom:0}.block.blockBottom .popup:before{top:auto;bottom:10%}.block .photo{height:55%;padding:5%;top:0}.block .photo img{min-width:100%}.block .photoTitle{left:5%;top:70%;height:25%;text-align:center;display:block;color:#000}.block .photoTitle img{display:inline;min-width:auto;position:relative;top:4px;margin:2px 5px 0 0}.groepenindex .block{width:22%;padding-top:22%;margin:0 5% 5%}.groepenindex .block.pageDesc{width:97%;padding:2% 5%;margin-left:0}.groepenindex .block a.groepNr{color:#fff;background:0 0}.block.pageDesc table td.small{width:145px;text-align:center}.block.pageDesc table td.tiny{width:80px;text-align:center}div.score0{background-color:#c00;border:1px solid #b30000}div.score1{background-color:red;border:1px solid #e60000}div.score2{background-color:#f30;border:1px solid #e62e00}div.score3{background-color:#c60;border:1px solid #b35900}div.score4{background-color:#f90;border:1px solid #e68a00}div.score5{background-color:#c90;border:1px solid #b38600}div.score6{background-color:#cc0;border:1px solid #b3b300}div.score7{background-color:#9c0;border:1px solid #86b300}div.score8{background-color:#690;border:1px solid #558000}div.score9{background-color:#090;border:1px solid green}div.score10{background-color:#093;border:1px solid #00802a}.block .groepNr{white-space:nowrap;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#000;color:#fff;font-size:2.4em;border-radius:50%;padding:18px;transition:.3s linear}.block .groepNr:hover{padding:20px;text-decoration:none}.lightbox{position:fixed;width:100%;height:100%;left:0;background:rgba(0,0,0,.7);transition:.3s linear}.lightbox.dicht{opacity:0;top:-100%;z-index:0}.lightbox.open{opacity:1;top:0;z-index:99999999}.lightboxContent{position:absolute;top:5%;right:15%;bottom:5%;left:15%;padding:2%;overflow-y:auto}.lightbox .blocks{margin:0 0 0 12%}.lightboxContent li{margin:.5em 1.3em 0}.lightboxContent img{display:inline}.lightboxContent label{line-height:normal;margin:0}.graphBar{background-color:#ceda92;width:90%;margin:-20% 5% 5%;height:30px;border:2px solid #94ad1b;border-radius:10px;overflow:hidden}.graphBar .fill-bar{background-color:#94ad1b;height:30px}.graphBar .bar-title{font-size:120%;font-weight:700;margin-top:-22px;color:#fff;text-align:center}.graphBar .bar-value{text-align:right;margin-top:-15px;color:#fff;padding-right:5%}.block .groepNaam,.three .block.pageTitle h1{color:#000;position:absolute;text-align:center}.block .groepNaam{top:55%;width:90%;margin:0 5%;font-weight:700;text-decoration:none;font-size:2.4em;line-height:120%;transform:translateY(-50%)}.block .groepNaam.long{font-size:2em}.block a:hover.groepNaam{text-decoration:underline}.block img.groep{position:absolute;max-width:80%;top:10%;left:11%}.block.horStretch.chart{padding:2%;text-align:center}.blocks.one h2{font-size:1.6em;text-align:center}#show .container{margin-top:1%}#show #main .blocks .block{padding:3% 5% 1%}#show #main .blocks .block h2{margin-bottom:5px}.three .block.pageTitle h1{width:70%;left:15%;display:block;-webkit-transition:.3s linear;transition:.3s linear;text-decoration:none}.popup a.status0:before,.popup a.status1:before,.popup a.status2:before,.popup a.statusno:before{position:relative;left:-6px;top:3px}#error,#message,.error{color:red;margin:1.5em auto}#digibeheer th i{float:right;margin-top:2px;color:#f7df91}#digibeheer .fa.fa-2x{margin:2px 4px 2px 0}#aiform .fieldwrap label{min-width:200px;margin:0;padding:2px;line-height:2em}#aiform .fieldwrap span{padding:4px 2px 2px;line-height:1em}#aiform input[readonly=readonly]{color:#666;background-color:#eee}.row{width:100%;margin:auto;clear:both}.span_4-1{width:25%}.span_4-2{width:50%}.span_4-3{width:75%}.col{float:left;margin:0 0 2%;padding:0 0 0 2%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-background-clip:padding-box!important;-webkit-background-clip:padding-box!important;background-clip:padding-box!important}.span_3-1{width:32.3333%}.span_3-2{width:64.6667%}.four .block.pageDesc{width:99%;padding:2% 5% 3%}.three .block.cluster{padding-top:15%}.four .block.cluster{padding-top:11.51%}.block.cluster .photo{position:absolute;width:90%;height:90%;padding:5%;top:0;overflow:hidden}.block.cluster .photo img{min-width:auto;max-width:50px;max-height:40px;float:left}.block.cluster .photo .clusterName{padding:0 0 0 60px;text-align:left;font-size:150%;font-weight:700;line-height:115%;cursor:pointer}.block.cluster .photo .clusterName span{font-size:12px;font-style:normal;font-weight:400;display:block;line-height:12px}.block.cluster .photo .clusterName.long{font-size:110%}.block.cluster .info{position:absolute;top:40%;margin:0;width:90%;padding:0 5%}.block.cluster .info div{padding-top:10px;border-top:1px solid #edad2c}.block.cluster .info div,.block.cluster .info p{margin:0 0 5px 60px}.block.cluster .info h2{margin-bottom:5px;font-size:110%}.block.cluster .info img{display:inline;position:relative;top:3px;margin-right:5px}.block.cluster .info .oefenblok{margin-top:-10px}.block.cluster .info .oefenblok img{top:7px;left:-3px}.alleWoorden .popup h2 a:hover{text-decoration:none;color:#e74c38}.basisWoorden .popup h2 a:hover{text-decoration:none;color:#006080}.popup a.statusno:before{content:url('/img/statusno.png')}.popup a.status0:before{content:url('/img/status0.png')}.popup a.status1:before{content:url('/img/status1.png')}.popup a.status2:before{content:url('/img/status2.png')}.block.pageDesc table td,.block.pageDesc table th{padding:.3em;vertical-align:middle}.block.pageDesc table th{font-size:120%}.block.pageDesc table td{text-align:left;padding-left:1em}.block.pageDesc table td.icons1{width:22px;text-align:center}.block.pageDesc table td.icons2{width:52px;padding-left:2px;padding-right:0}.block.pageDesc table td.icons3{width:82px;padding-left:2px;padding-right:0}.block.pageDesc table td.icons4{width:100px;padding-left:2px;padding-right:0}.block.pageDesc table td i,.block.pageDesc table td img{display:inline;margin-right:2px}.block.pageDesc table td.icons1 img{margin-left:-5px}.groupPages .block.pageDesc table tr.trcolor1{background-color:#f7df91}.groupPages .block.pageDesc table tr.trcolor2{background-color:#f7efd4}.groupPages .block.pageDesc table th{background-color:#edad2c;color:#fff}.groupPages .block.pageDesc table td a{color:#ba8823;font-weight:700}.groupPages .block.pageDesc table th.small{width:145px}.groupPages .progress-numbers{text-align:center;margin-bottom:0}.groupPages .progress-numbers li{display:inline;margin-right:10px;list-style-type:none}.groupPages .progress-numbers input{margin:0 .5em;min-width:1em}.groupPages .leftnav .menuItem.active{background-color:#fff;color:#edad2c}.alleWoorden .block.pageDesc table tr.trcolor1,.groupPages .block.pageDesc table.standard tr.trcolor1{background-color:#f3aa84}.alleWoorden .block.pageDesc table tr.trcolor2,.groupPages .block.pageDesc table.standard tr.trcolor2{background-color:#f4c8b1}.alleWoorden .block.pageDesc table th,.groupPages .block.pageDesc table.standard th{background-color:#e74c38;color:#fff}.alleWoorden .block.pageDesc table a,.groupPages .block.pageDesc table.standard a{color:#e74c38;font-weight:700}.basisWoorden .block.pageDesc table tr.trcolor1,.groupPages .block.pageDesc table.nieuwkomers tr.trcolor1{background-color:#8eb2bd}.basisWoorden .block.pageDesc table tr.trcolor2,.groupPages .block.pageDesc table.nieuwkomers tr.trcolor2{background-color:#a8cad5}.basisWoorden .block.pageDesc table th{background-color:#006080;color:#006080;font-weight:700}.groupPages .block.pageDesc table.nieuwkomers th{background-color:#006080;color:#fff}.groupPages .block.pageDesc table.nieuwkomers a{color:#006080;font-weight:700}#digiwak .block.pageDesc,.block.pageDesc,a.noclick{cursor:default}strong{font-weight:700}div.contract,div.contract h3,div.contract h4{font-family:Verdana;text-align:left;margin:1em 0 .5em}div.contract input{float:none;line-height:1.6em}div.contract input.small{min-width:4em;max-width:4em}div.contract h3,div.contract h4{font-size:1.2em;font-weight:700}div.contract ol.alpha{list-style-type:lower-alpha}div.contract ol li{padding:.5em 0}div.contract ol li.single{padding-bottom:0}@media only screen and (max-width:769px){h1{font-size:1.2em}h2,h3,ul#leftTabs li,ul#menu li,ul#topTabs li{font-size:1em}.container{width:90%;margin:20px auto}.search{float:left;margin:0 0 10px}}@media only screen and (min-width:480px) and (max-width:769px){body:after{content:'Uw scherm is te klein voor deze website';position:fixed;width:100%;height:100%;top:0;left:0;background:#f4c8b1;color:#fff;text-align:center;font-size:36px;z-index:999999}h1,ul#leftTabs li,ul#menu li,ul#topTabs li{font-size:1.2em}h2,h3{font-size:1em}.block .icona,.block .iconah{max-height:30%}.block .themaTXT{width:85%;left:7.5%;top:65%}.block.cluster .info{margin:0;top:45px}.block.cluster .photo img{max-height:30px}.block.cluster .photo .clusterName{font-size:100%}.block.cluster .info div,.block.cluster .info p{margin-left:0}}@media screen and (min-width:770px) and (max-width:959px){h1,ul#leftTabs li,ul#menu li,ul#topTabs li{font-size:1.2em}.block .groepNaam,.menuItem,h2,h3{font-size:1em}.leftnav{width:100%}.schoolID{width:150px;margin-left:92px;margin-bottom:20px}.blocks{margin:10px 0 2% 90px}.block .icona,.block .iconah{max-height:36%}.block .themaTXT{top:70%}.menuItem{width:42px;height:30px}.topmenuRight .topRightMenuItem{font-size:.8em;min-width:30px}.search .button{font-size:.8em;min-width:inherit}.searchField{min-width:110px;width:110px}.search{float:left;margin:5px 0 10px}.block.cluster .info{margin:0;top:35px;font-size:80%}.block.cluster .photo img{max-height:25px;max-width:25px}.block.cluster .photo .clusterName{font-size:100%;padding-left:40px;line-height:100%}.four .block.cluster{padding-top:11.9%}.block.cluster .info p{margin:0}.block.cluster .info div{padding-top:2px;margin:0}.block .groepNaam.long,.block.cluster .photo .clusterName.long{font-size:.85em}.info select{width:80px}.graphBar .bar-title{font-size:80%}}@media screen and (min-width:960px) and (max-width:1159px){.menuItem,h1{font-size:1.2em}.block .groepNaam.long,h2,h3{font-size:1em}.leftnav{width:90px}.schoolID{width:87px}.schoolID select{width:67px}.menuItem{width:47px;height:35px}.topmenuRight .topRightMenuItem{font-size:1.1em;min-width:60px}.search .button{font-size:1.1em;min-width:inherit}.search{margin-top:10px}.blocks{margin:10px 0 2% 90px}.block.cluster .info{margin:0;top:40px;font-size:80%}.block.cluster .photo img{max-height:30px;max-width:30px}.block.cluster .photo .clusterName,.block.cluster .photo .clusterName.long{font-size:100%;padding-left:40px}.four .block.cluster{padding-top:11.7%}.basisWoorden .block .groepNr{font-size:1.8em}.block.cluster .info p{margin:4px 0 0}.block.cluster .info div{padding-top:3px;margin:0}.block .groepNaam{font-size:1.4em}.info select{width:107px}.graphBar .bar-title{font-size:100%}}@media screen and (min-width:1160px) and (max-width:1399px){.leftnav{width:110px}.schoolID{width:107px}.schoolID select{width:87px}.menuItem{width:67px;font-size:1.7em}.blocks{margin:10px 0 2% 110px}.block .groepNaam{font-size:1.8em}.block .groepNaam.long{font-size:1.4em}.block.cluster .info div{margin-bottom:0}.info select{width:80px}}@media screen and (min-width:1400px){.loginform .button.formsubmit{position:absolute;top:30px;right:15px;margin:-8px 0 0}}@media print{.alleWoorden .block,.dashboard .block{border:1px solid #e74c38}.alleWoorden .block,.basisWoorden .block.pop{border:1px solid #006080}#main,.block,body,html{background-color:transparent!important}body.alleWoorden:before,body.basisWoorden:before{content:''}.alleWoorden .container,.basisWoorden .container{width:96%;margin:5% 0;padding:0}.alleWoorden .blocks,.basisWoorden .blocks{margin:2%}.alleWoorden .blocks.three,.basisWoorden .blocks.three{width:94%}.alleWoorden .photoTitle,.basisWoorden .photoTitle{font-size:1.2em;font-weight:700;color:#000}.alleWoorden #header,.alleWoorden .galleryNav,.alleWoorden .leftnav,.basisWoorden #header,.basisWoorden .galleryNav,.basisWoorden .leftnav,.block.pageDesc,.close{display:none!important}.alleWoorden .block.pop{border-color:#e74c38}.groupPages .block.pop{border:1px solid #edad2c}.basisWoorden .photoTitle .marker{border:0}.fullscreen #main{margin-top:5%}.gallery{margin:0;padding:0;width:98%}.lightboxContent{margin:5% 0 0;padding:0;left:0;top:0;width:100%}}