html{width:100%;height:100%;margin:0;padding:0}body{margin:0;padding:0;background:#d5f0f8 url(../images/background.png);background-size:500px;font-family:"Open Sans",Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#00212d}body a{color:#f39100}p{margin:15px 0}h1,h2,h3,h4,h5,h6{font-family:"Avenir W01","Open Sans",Arial,sans-serif}.program-container>h1{background:#00212d;font-size:14px;padding:2px 10px;color:#fff;margin:0}h1{font-size:28px;font-weight:700}h1.big{font-size:42px;text-align:center;position:relative}h2{font-size:21px;font-weight:700}h2.big{font-size:30px;text-transform:uppercase;font-weight:700}h3{font-size:16px;font-weight:700}h3.big{font-size:21px;font-weight:700;color:#fff}h4{font-size:16px;font-weight:400;font-style:italic}.base-button,.base-button-icon{background:#009ee3;border-radius:5px;padding:5px 15px;color:#fff;text-decoration:none;border:none;margin-top:10px;display:inline-block;transition:background 250ms ease-in-out}.base-button-icon:hover,.base-button:hover{background:#2c85bf}.base-button-icon{padding:10px 25px;font-size:16px}.base-button-icon.gradient-animate{background:linear-gradient(270deg,#009ee3,#123ab0,#009ee3);background-size:600% 600%;-webkit-animation:gradientFlow 5s ease infinite;-moz-animation:gradientFlow 5s ease infinite;animation:gradientFlow 5s ease infinite;animation-delay:5s;-moz-animation-delay:5s;-webkit-animation-delay:5s}@-webkit-keyframes gradientFlow{0%{background-position:0 51%}50%{background-position:100% 50%}100%{background-position:0 51%}}@-moz-keyframes gradientFlow{0%{background-position:0 51%}50%{background-position:100% 50%}100%{background-position:0 51%}}@keyframes gradientFlow{0%{background-position:0 51%}50%{background-position:100% 50%}100%{background-position:0 51%}}#form input,#form textarea{border:1px solid #ececec;padding:5px;border-radius:3px;font-size:14px}#form textarea{min-width:250px;min-height:120px}.poster{max-width:775px;max-height:535px}.dev-class{position:absolute;top:600px;left:0}.icon-back{background-image:url(../images/baseicons/back.svg)}.icon-backborough{background-image:url(../images/baseicons/backborough.svg)}.icon-eye{background-image:url(../images/baseicons/eye.svg)}.icon-games{background-image:url(../images/baseicons/games.svg)}.icon-help{background-image:url(../images/baseicons/help.svg)}.icon-home{background-image:url(../images/baseicons/home.svg)}.icon-info{background-image:url(../images/baseicons/info.svg)}.icon-next{background-image:url(../images/baseicons/next.svg)}.icon-prev{background-image:url(../images/baseicons/prev.svg)}.icon-pdf{background-image:url(../images/baseicons/pdf.svg)}.icon-toetsen{background-image:url(../images/baseicons/toetsen.svg)}.icon-colofon{background-image:url(../images/baseicons/colofon.svg)}.icon-answers{background-image:url(../images/baseicons/answers.svg)}.icon-puntenview{background-image:url(../images/baseicons/puntenview.svg)}.icon-puntback{background-image:url(../images/baseicons/puntback.svg)}.icon-mapindex{background-image:url(../images/baseicons/mapindex.svg)}.icon-kijkopdracht{background-image:url(../images/baseicons/kijkopdracht.svg)}.icon-vr{background-image:url(../images/baseicons/vr.svg)}.icon-fotoles{background-image:url(../images/baseicons/fotoles.svg)}.icon-knipplak{background-image:url(../images/baseicons/knipplak.svg)}.icon-praatplaat{background-image:url(../images/baseicons/praatplaat.svg)}.icon-video{background-image:url(../images/baseicons/video.svg)}.icon-flschool{background-image:url(../images/baseicons/flschool.svg)}.icon-flpunt{background-image:url(../images/baseicons/flpunt.svg)}.base-button-icon .button-icon-eye{width:30px;height:30px;display:inline-block;vertical-align:middle;background-image:url(../images/baseicons/eye.svg)}.base-button-icon .button-icon-home{width:30px;height:30px;display:inline-block;vertical-align:middle;background-image:url(../images/baseicons/home.svg)}.base-button-icon .button-icon-games{width:30px;height:30px;display:inline-block;vertical-align:middle;background-image:url(../images/baseicons/games.svg)}.sub-nav{text-align:center}.animate-preloader{display:block;background:url(../images/preloader.gif) 50% 50% no-repeat #fff}.theory-content ul.photoanimation{margin:0;padding:0}.theory-left{float:left;margin:5px 5px 5px 0}.theory-right{float:right;margin:5px 0 5px 5px}.photoanimation{list-style:none;margin:0;padding:0}.photoanimation li{margin:0;padding:0}.photoanimation li img{vertical-align:top}.photoanimation-container li{display:none;cursor:pointer}.photoanimation-container li.photoanimation-active{display:inline-block}.video-container{display:block;height:300px;margin:150px auto 0;width:500px}.program-container{margin:auto;width:900px;height:620px;position:absolute;overflow:hidden;left:0;top:0;right:0;bottom:0;background:#fff;border-radius:5px;padding:15px}.basic-container{width:800px;height:600px;padding:0;vertical-align:top;background:#fff;border-radius:5px 0 0 5px;border:10px solid #fff}.animation-container{margin:auto;border:10px solid #fff;display:inline-block;width:800px;height:600px;background:#fff;vertical-align:top;border-radius:5px 0 0 5px;position:relative}.animation-container.allow-scroll{overflow-y:scroll}.tabs-container{display:inline-block;vertical-align:top;margin-left:-4px;padding:7px;background:#004564;border-radius:0 5px 5px 0;height:606px;width:60px;position:relative}.tabs-container ul{list-style:none;margin:0 0 0 -7px;padding:12px;position:absolute}.tabs-container ul li{margin-top:5px}.tabs-container ul li:first-child{margin-top:0}.smaller-icon{width:240px;height:240px;position:absolute;bottom:0;left:0}.base-icon{border:2px solid #00212d;background-color:#009ee3;border-radius:30%;box-sizing:border-box;background-repeat:no-repeat;width:50px;height:50px;display:block;transition:all 250ms ease-out;position:relative;text-decoration:none}.base-icon:hover{background-color:#0065e3}.base-icon:hover:before{content:"";position:absolute;top:15px;right:52px;background:#00212d;width:12px;height:12px;transform:rotate(45deg)}.base-icon:hover:after{content:attr(data-tooltip);color:#fff;position:absolute;display:block;top:6px;right:57px;border-radius:3px;height:15px;font-size:12px;padding:8px;width:140px;background:#00212d;line-height:15px}.base-icon-alt{box-sizing:border-box;background-repeat:no-repeat;width:50px;height:50px;display:block;position:relative}ul.tabs-animation{background:#fff;border-radius:0 5px 5px 0;top:0;z-index:2}ul.tabs-info{background:#006997;top:120px;border-radius:0 5px 5px 0;padding-top:20px}ul.tabs-nav{position:absolute;bottom:10px}ul.theory-link-menu{background:#009ee3;color:#fff;right:84px;top:10px;width:250px;border-radius:0 0 0 5px;box-shadow:-2px 2px 2px rgba(0,0,0,.2);display:none}ul.theory-link-menu a{color:#fff;text-decoration:none;transition:all 250ms ease-out;display:block}ul.theory-link-menu a:hover{color:#00212d;background:#0db5ff;border-radius:5px}ul.theory-link-menu a:hover:before{filter:brightness(0)}ul.theory-link-menu a:before{content:'';background-image:url(../images/baseicons/eyewl.svg);background-size:100% 100%;width:30px;height:30px;display:inline-block;margin-bottom:2px;vertical-align:middle;transition:all 250ms ease-out}#school-filter{position:absolute;top:10px;right:10px;height:2rem;padding:1rem}.location-desc{display:block;margin-top:1rem;vertical-align:top;color:#00212d;font-size:13px}.location-header{display:block;width:270px;vertical-align:top;padding:15px;background:0 0;border-radius:2px 0 0 0}.location-header h2{margin:2px 0}.animation-container #anim_intro,.animation-container .photo-small-corner{display:inline-block;width:500px;position:absolute;top:0;right:0}ul.borough-thumbs{width:780px;position:absolute;bottom:0;left:0;margin:0;padding:26px 10px 26px;list-style:none;text-align:center;border-radius:0 0 2px 2px;background:#f3ba00;background:-moz-linear-gradient(45deg,#f3ba00 0,#f39100 100%);background:-webkit-gradient(left bottom,right top,color-stop(0,#f3ba00),color-stop(100%,#f39100));background:-webkit-linear-gradient(45deg,#f3ba00 0,#f39100 100%);background:-o-linear-gradient(45deg,#f3ba00 0,#f39100 100%);background:-ms-linear-gradient(45deg,#f3ba00 0,#f39100 100%);background:linear-gradient(45deg,#f3ba00 0,#f39100 100%)}ul.borough-thumbs a{width:105px;height:80px;display:block;position:relative}ul.borough-thumbs a:hover img{filter:brightness(125%)}ul.borough-thumbs a img{border:2px solid #fff;border-radius:3px;box-shadow:0 0 2px #a7791f}ul.borough-thumbs a span{position:absolute;border-radius:3px 2px;bottom:-3px;right:0;background:#fff;padding:1px 8px 2px;font-weight:700}ul.borough-thumbs li{display:inline-block;margin-right:5px}.theme-explained{margin:0;padding:0}.theme-explained li{display:flex;align-items:center}.theme-explained .base-icon{width:40px;height:40px;margin-right:.5rem}.theme-explained .base-icon:hover::after,.theme-explained .base-icon:hover::before{display:none}.fotoles .theme-icon{background-image:url(../images/baseicons/fotoles.svg)}.video .theme-icon{background-image:url(../images/baseicons/video.svg)}.knipplak .theme-icon{background-image:url(../images/baseicons/knipplak.svg)}.praatplaat .theme-icon{background-image:url(../images/baseicons/praatplaat.svg)}.theme-view .tabs-info{top:284px}#school-list{margin:0;padding:0;display:flex;flex-wrap:wrap}#school-list li{list-style:none;display:flex;width:50%;padding-right:.5rem;box-sizing:border-box}#school-list li .icon-flschool{width:2rem;height:2rem;padding-right:1rem;align-self:center;background-repeat:no-repeat}#school-list li a{font-size:1rem;text-decoration:none;color:#009ee3}#school-list li a:hover{color:#123ab0}#school-list li a h3{margin-bottom:0}#school-list li a p{font-weight:lighter;color:#00212d;margin-top:0;font-size:.9rem}ul.theme-thumbs{margin:0;padding:10px;background:#93d9ed;display:flex;justify-content:space-between}ul.theme-thumbs a:hover .theme-icon{background-color:#bfe8f4}ul.theme-thumbs.theme-buttons .theme-icon{background-color:#d5f0f8;height:130px;background-size:50px;background-repeat:no-repeat;background-position:center;border-radius:3px}ul.theme-thumbs li{width:186px;list-style:none}ul.theme-thumbs a{display:block;position:relative}ul.theme-thumbs a img{width:100%}ul.theme-thumbs a .theme-title{position:absolute;bottom:0;right:5px;padding:.15rem .5rem;background:rgba(255,255,255,.9);font-weight:700;border-radius:5px;color:#00212d;box-shadow:0 0 5px rgba(0,0,0,.35)}ul.theme-thumbs a:hover img{filter:brightness(125%)}ul.theme-thumbs a:hover .theme-title{background:#d5f0f8}ul.theme-thumbs img{object-fit:cover;height:130px}.page-lead{display:flex;align-items:top}.photo-page-corner{width:500px;height:440px}.photo-page-corner img{object-fit:cover;height:440px;width:500px}.theorycat{height:150px;padding:5px 0;border-radius:10px}.theorycat ul{display:inline-block;margin:5px 30px;padding:0}.theorycat ul.row-splitted{vertical-align:top;width:250px;margin:5px 10px}.theorycat ul li{list-style:none}.theorycat ul li a{color:#fff;text-decoration:none;font-weight:700;font-family:"Avenir W01","Open Sans",Arial,sans-serif}.theorycat ul li a:before{content:"> "}.theorycat h3{color:#fff;padding:10px 20px;margin:0 10px;vertical-align:top}.theorycat-cont{display:inline-block;width:240px;height:150px;position:relative}.theorycat-cont .theorycat-icon{width:110px;height:110px;position:absolute;bottom:5px;right:10px;background-size:100% 100%;repeat:no-repeat}.theorycat.theorycat-oversteken{background:#e9473f}.theorycat.theorycat-oversteken .theorycat-icon{background-image:url(../images/baseicons/moederbw.svg)}.theorycat.theorycat-fietsen{margin:20px 0;background:#f89e0f}.theorycat.theorycat-fietsen .theorycat-icon{background-image:url(../images/baseicons/fietserbw.svg)}.theorycat.theorycat-borden{background:#2c85bf}.theorycat.theorycat-borden .theorycat-icon{background-image:url(../images/baseicons/bordenbw.svg)}.theory-subject .colorblock-left{width:280px;height:580px;display:block;float:left;position:relative;padding:10px}.theory-subject .colorblock-left h3{text-transform:uppercase;margin:10px 0;color:#fff;font-size:19px;font-weight:700}.theory-subject .colorblock-left h4{margin:0;font-style:normal;font-style:normal;font-weight:700;font-size:25px}.theory-subject .colorblock-left .sub-nav{bottom:5px;position:absolute;text-align:center;width:280px}.theory-subject .colorblock-left .icon{width:240px;height:240px;left:30px;bottom:60px;position:absolute;display:block;repeat:no-repeat;background-size:100% 100%}.theory-subject .colorblock-right{width:500px;height:600px;display:block;float:left}.theory-subject .colorblock-right:after{clear:both}.theory-subject ul{margin:0;padding:0}.theory-subject ul li{list-style:none;white-space:normal;box-sizing:border-box;margin:4px;padding:5px 10px;width:auto;vertical-align:top}.theory-subject ul li::after:last-child{clear:both}.theory-subject ul li img{display:inline-block;vertical-align:middle;border-radius:3px;max-width:100px}.theory-subject ul li a{vertical-align:middle;text-align:left;display:inline-block;max-width:300px;color:#000;padding:8px 15px;margin:4px;text-decoration:none;transition:all 250ms ease-out;font-size:16px;font-weight:700}.theory-subject.theorycat-oversteken .colorblock-left{background:#ee332c}.theory-subject.theorycat-oversteken .colorblock-left .icon{background-image:url(../images/baseicons/moederbw.svg)}.theory-subject.theorycat-oversteken .colorblock-right a{color:#ee332c}.theory-subject.theorycat-oversteken .base-button,.theory-subject.theorycat-oversteken .base-button-icon{color:#ee332c;background:#fff}.theory-subject.theorycat-fietsen .colorblock-left{background:#f39100}.theory-subject.theorycat-fietsen .colorblock-left .icon{background-image:url(../images/baseicons/fietserbw.svg)}.theory-subject.theorycat-fietsen .colorblock-right a{color:#f39100}.theory-subject.theorycat-fietsen .base-button,.theory-subject.theorycat-fietsen .base-button-icon{color:#f39100;background:#fff}.theory-subject.theorycat-borden .colorblock-left{background:#009ee3}.theory-subject.theorycat-borden .colorblock-left .icon{background-image:url(../images/baseicons/bordenbw.svg)}.theory-subject.theorycat-borden .colorblock-right a{color:#009ee3}.theory-subject.theorycat-borden .base-button,.theory-subject.theorycat-borden .base-button-icon{color:#009ee3;background:#fff}.poster-dl-pos{position:absolute;top:0;right:0}.theory-content{display:block;width:265px;padding-left:15px;padding-right:20px;vertical-align:top;color:#00212d;font-size:13px;line-height:20px;max-height:456px;overflow:auto}.theory-content ul{margin:4px;padding-left:12px}.theory-footer{width:800px;height:75px;position:absolute;bottom:0;left:0}.theory-footer .icon{width:65px;height:65px;position:absolute;top:5px;left:25px;background-size:100% 100%;repeat:no-repeat}.theory-footer.foot-oversteken{background:#ee332c}.theory-footer.foot-oversteken .icon{background-image:url(../images/baseicons/moederbw.svg)}.theory-footer.foot-fietsen{background:#f39100}.theory-footer.foot-fietsen .icon{background-image:url(../images/baseicons/fietserbw.svg)}.theory-footer.foot-borden{background:#009ee3}.theory-header{display:block;width:270px;padding-right:20px;vertical-align:top;padding:15px;background:#009ee3;margin:0 0 15px 0;border-radius:2px 0 0 0}.page-container{width:800px;background:#ececec;border-radius:10px;margin:40px auto;padding:50px}.theory-points{margin:0;padding:0}.theory-points ul{margin:0;padding:0}.theory-points li{display:block}.theory-points .theorypoint ul{width:auto}.theory-points .theorypoint ul li{display:inline-block}.theory-points .theorypoint ul li a{display:block;text-align:center;background:#ff0;border-radius:5px;font-size:12px;margin:3px;padding:5px 9px;width:30px;color:#fff;text-decoration:none}.theory-points .theorypoint-oversteken h3{color:#ee332c}.theory-points .theorypoint-oversteken ul li a{background:#ee332c}.theory-points .theorypoint-fietsen h3{color:#f39100}.theory-points .theorypoint-fietsen ul li a{background:#f39100}.theory-points .theorypoint-borden h3{color:#009ee3}.theory-points .theorypoint-borden ul li a{background:#009ee3}.tst-header{line-height:30px;color:#fff}.intro-header-beam{position:absolute;top:-10px;left:-10px;width:820px;height:100px;border-radius:4px 0 0 0;background:linear-gradient(-93deg,#2c85bf,#009ee3);background:-webkit-linear-gradient(-93deg,#2c85bf,#009ee3)}.intro-text{margin-left:15px;margin-right:5px;margin-top:135px;max-width:390px;display:inline-block}.intro-text p{margin:7px}.intro-vpa-logo{bottom:0;right:0;width:120px;position:absolute}.intro-goframe{padding:20px 0;max-width:300px;display:inline-block;vertical-align:top;margin-top:20px;margin-left:70px}.intro-goframe p{margin-top:5px}.intro-goframe ul{padding:0;margin:0;display:block;width:auto}.intro-goframe ul li{text-align:center;width:145px;list-style:none;display:inline-block}.intro-goframe ul li div{display:block}.intro-goframe .base-icon{display:inline-block;vertical-align:middle;margin-right:5px}.intro-goframe .base-icon:after,.intro-goframe .base-icon:before{content:'';display:none}.fiets-container{overflow:hidden;position:absolute;top:-10px;left:-10px;width:232px;height:210px}.fiets-introani{background:url(../images/fietser.svg);width:182px;height:200px;position:absolute;top:10px;left:20px;animation:3s 0s bikeride;transform:scaleX(-1)}@keyframes bikeride{0%{transform:translateX(-230px) scaleX(-1)}100%{transform:translateX(0) scaleX(-1)}}.content-text{margin:0 15px}.help-icons{margin:0;padding:0;list-style:none;display:inline-block;max-width:325px;vertical-align:top;margin-left:20px}.help-icons li .base-icon,.help-icons li .base-icon-alt{display:inline-block;vertical-align:middle;margin-right:5px;width:40px;height:40px;border-width:1px}.help-icons li .base-icon-alt:hover::after,.help-icons li .base-icon-alt:hover::before,.help-icons li .base-icon:hover::after,.help-icons li .base-icon:hover::before{display:none}.help-icons li p{display:inline-block;vertical-align:middle;width:220px}.content-split{width:385px;float:left;vertical-align:top}.content-split.colofon img{max-width:120px;max-height:120px;margin-right:15px}br.clear{clear:both}.colofon-credits{margin:0;padding:0;list-style:none;display:inline-block;width:300px;vertical-align:top}.colofon-credits>li{font-size:18px;margin:15px 0;color:#009ee3}.colofon-credits>li ul li{font-family:"Open Sans",Arial,sans-serif;font-size:14px;color:#00212d}.ipad-note{border-radius:5px;background:#ececec;color:#999;margin:20px 0;padding:20px;text-align:center;display:none}.reqaccess label{display:inline-block;width:160px;vertical-align:top;color:#00212d}.reqaccess .form-radio{display:inline}.reqaccess #form>div{margin-bottom:10px}@media all and (device-width:768px) and (device-height:1024px){.ipad-note{display:block}}.back-item-inactive{display:none}.locatie-hover{bottom:0;color:#fff;font-weight:700;height:50px;position:absolute;width:435px;overflow:hidden}.locatie-hover .locatie-hover-stadsdeel{font-weight:400;font-style:italic}.locatie-hover-nr,.locatie-hover-text{position:absolute;height:50px;transition:left 250ms ease-out}.locatie-hover-text{padding:0 5px;background:rgba(243,145,0,.7);width:305px;height:50px;left:-305px;display:table}.locatie-hover-text p{display:table-cell;vertical-align:middle;margin:0;padding-left:5px}.locatie-hover-nr{left:0;background:#f39100;width:130px;font-weight:700;text-align:center;line-height:50px}.locatie-hover .loc-combiner:active .locatie-hover-text,.locatie-hover .loc-combiner:hover .locatie-hover-text{left:0}.locatie-hover .loc-combiner:active .locatie-hover-nr,.locatie-hover .loc-combiner:hover .locatie-hover-nr{left:305px}.extra-games{margin:auto;padding:0;width:720px}.extra-games li{list-style:none;width:230px;display:inline-block;text-align:center;vertical-align:top}.extra-games li a{text-decoration:none}.extra-games li img{max-width:120px;border-radius:5px;border:3px solid #009ee3}.extra-games li p{font-weight:700;font-size:16px;color:#009ee3}.store-button{display:inline-block;margin-right:5px}.store-button img{max-height:40px;margin-top:5px}.vrappicon{max-width:140px;text-align:right}.vr-img{display:inline-block;vertical-align:top;width:250px}.vr-img img{max-width:240px}.maxw{max-width:720px;margin:auto;display:block}.indent-text{width:600px;display:inline-block}.sidebar-text{width:160px;display:inline-block;vertical-align:top;text-align:right}.sidebar-text .base-icon{float:right}.vr-page h3{margin:6px 0}.vr-manual .base-icon{margin-right:10px}.vr-manual .base-icon::after,.vr-manual .base-icon::before{display:none}.vr-manual .inline-block{display:inline-block;vertical-align:middle}.page-split{width:380px;float:left;margin-right:10px}.page-split:last-child{margin:0}.page-split h3{text-align:center}.page-split::after{content:'';clear:both}.ps-wrong{margin:0}.footer-tabs{background:#fff;border-radius:0 0 6px 6px;position:absolute;top:calc((100vh - 620px)/ 2 + 635px);left:calc((100vw - 900px)/ 2 + 610px);padding:5px;width:200px;height:25px;text-align:center;background:#f8fcfe;box-shadow:0 0 5px -2px rgba(0,0,0,.2);z-index:-1}.footer-tabs a{color:#00212d;text-decoration:none}.footer-tabs a:hover{color:#009ee3}