@charset "UTF-8";html, body {overflow-x: hidden;}body {background-color: #0d0a48;}html {scroll-behavior: smooth;}a:link {color: #000000;text-decoration: none;}a:visited {color: #000000;text-decoration: none;}a:hover {color: #000000;text-decoration: underline;}a:active {color: #000000;text-decoration: none;}body {font-family: futura-pt, verdana, sans-serif;font-weight: 400;color: #ffffff;font-size: 100%;}h1 {font-size: 2.5em;line-height: 1.1em;font-weight: 400;}h2 {font-size: 2em;line-height: 1.45em;font-weight: 400;}h3 {font-size: 1em;line-height: 1.65em;font-family: futura-pt, verdana, sans-serif;font-weight: 600;}p {font-size: 1em;line-height: 1.65em;}h1, h2, h3, p {padding: 0em 30px;}.graphCon {width: calc(100% - 60px);margin: 30px;height: 300px;}.clearBoth {clear: both;}.xoCon {position: relative;float: left;margin-left: 30px;color: #000000;z-index: 100;}.xoGroup {font-size: 1.1em;font-family: futura-pt, verdana, sans-serif;font-weight: 600;color: #ffffff;margin-top: 28px;text-align: left !important;padding: 0;}.legendaBlack {color: #000000 !important;}.xoTable td {padding-right: 2em;padding-bottom: 1em;}.xoSwitch {background-color: #000000;width: 80px;height: 30px;border-radius: 15px;position: relative;transition: background-color .4s ease;display: block;float: left;}.xoSwitch:hover {cursor: pointer;}.xoLabel {display: block;font-size: 1em;text-align: left;margin: 0;padding: 0;margin-left: .5em;color: #ffffff;float: left;}.xoNL {background-color: #e0d514;}.xoGirls {background-color: #c5c9d6;}.xoBoys {background-color: #c5c9d6;}.xoIcon {position: absolute;top: 7px;left: 7px;width: 16px;height: 16px;background-image: url(../beeld/xo.svg);background-position: 0px;transition: left .1s linear, background-position .1s ease;-webkit-transition: left .1s linear, background-position .1s ease;}.xoOn {left: 57px;background-position: 16px;}#menu {background-color: #0d0a48;position: fixed;top: -0px;left: 0px;width: 100%;height: 100%;z-index: 1000;transition: transform .3s ease, -webkit-transform .3s ease;-webkit-transform: translateX(-100%);transform: translateX(-100%);overflow-y: auto;}#innerMenu {padding: 30px;}#openMenu {position: absolute;top: 30px;left: 30px;z-index: 900;}#openMenu:hover, #closeMenu:hover {cursor: pointer;}#openMenu img {width: 18pt;}#closeMenu {position: absolute;top: 30px;right: 30px;z-index: 1500;}#menu a:link {color: #ffffff;text-decoration: none;}#menu a:visited {color: #ffffff;text-decoration: none;}#menu a:hover {color: #ffffff;text-decoration: underline;}#menu a:active {color: #ffffff;text-decoration: none;}#menu ul {margin: 0;list-style: none;padding: 0;font-size: 2em;margin-bottom: .5em;margin-top: 3em;}#menu ul li {padding: 5px 0px;}.menuInfo {line-height: 1.5em;}.menuInfo strong {font-family: futura-pt, verdana, sans-serif;font-weight: 600;margin-bottom: .5em;}#menuInfo {padding-left: 0;margin-top: 6em;}#menuSocial {position: absolute;left: 50%;bottom: 15px;}#menu span {height: 5px;line-height: 5px;}#PISAmenu {position: absolute;top: -8px;left: 50%;z-index: 12;text-align: center;width: 12em;margin-left: -6em;color: #ffffff;font-family: futura-pt, verdana, sans-serif;font-weight: 600;font-size: 24px;}.menuAnchor:hover {text-decoration: none !important;background-color: #ffffff;color: #0d0a48 !important;}section {display: block;width: 100%;overflow: hidden;background-color: #64aee8;background-position: center;background-position-x: center;background-size: cover;padding: 2em 0em;background-position-y: 0px;position: relative;}sect_overlay {display: block;width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;background-position: center;background-size: cover;background-position-y: 0px;z-index: 1;background-repeat: no-repeat;}sectionBlock {display: block;font-size: 1.2em;width: 100%;max-width: 520px;margin: 0 auto;overflow-x: hidden;position: relative;z-index: 50;}.sectionTransition {position: relative;height: 600px;width: auto;margin-bottom: -1px;z-index: 3;}.paralaxIllu {transform: translateY(0);}.originBottom {transform-origin: bottom;}.originTop {transform-origin: top;}#sect_header {background-color: #0D0A48;padding-bottom: 700px;padding-top: 0;overflow: hidden;position: relative;}#dotCon {padding: 0em 30px;margin-top: 6em;}.dot {margin-right: 30px;width: 80px;}#PISA {position: absolute;top: 22px;left: 70px;margin: 0;z-index: 12;text-align: left;color: #ffffff;font-family: futura-pt, verdana, sans-serif;font-weight: 600;font-size: 24px;}#highlightsLink:link, #highlightsLink:visited {text-decoration: none;color: #ffffff;}#highlightsLink:hover, #highlightsLink:active {text-decoration: none;color: #F9B8CE;}#highlightsLink:hover #highlightsSVG {}#highlightsArrow {width: 16px;display: inline;transform: translate(6px, 5px);}#downloadTop {text-transform: none;position: absolute;top: 30px;right: 30px;z-index: 12;display: block;padding: 15px;font-family: futura-pt, verdana, sans-serif;font-weight: 600;background-color: #310082;color: white !important;border-radius: 5px;text-decoration: none !important;background-image: url(../beeld/downloadButtonBG.svg);background-size: 300%;background-position: right;transition: background-position .6s ease;-webkit-transition: background-position .6s ease;}#downloadTop:hover {background-position: left;}#introCon {color: #ffffff;width: 100%;max-width: 520px;margin: 0 auto;position: relative;z-index: 30;}#introCon p {width: 90%;margin: 0;}#introCon h1 {font-size: 4em;}#introCon h3 {margin-left: 0;}.illuHeader {display: block;position: absolute;left: 68%;top: 35%;}#illuHeaderBG0 {z-index: 1;width: 3000px;margin-left: -1500px;margin-top: -1500px;transform: translateY(0px);}#illuHeaderBG {z-index: 5;width: 3000px;margin-left: -1500px;margin-top: -1500px;transform: translateY(0px);}#illuHeaderSpiral {z-index: 6;width: 1000px;margin-left: -500px;margin-top: -500px;transform: translateY(0px);animation: spiralAnim 12s infinite linear;left: calc(68% - 20px);top: calc(35% = 10px);}#illuHeaderGirl {z-index: 15;width: 500px;margin-left: -140px;margin-top: -10px;transform: translateY(0px);}@keyframes spiralAnim {0% {rotate: 0deg}100% {rotate: -360deg}}#introBig {position: relative;}#start {position: absolute;left: 0px;top: -300px;}#introBigBottom {font-size: 1.2em;font-family: futura-pt, verdana, sans-serif;font-weight: 400;font-style: italic;max-width: 810px;margin: 0 auto !important;text-align: center;position: relative;z-index: 15;}#introBig hr {height: 2px;background-color: white;margin: 1em auto;width: 50%;max-width: 315px;border: none;position: relative;z-index: 15;}#BGintro {width: 1920px;position: absolute;left: calc(50% - 960px);top: calc(50% - 650px);z-index: 10;}#illuIntroA {width: 1920px;display: block;position: absolute;left: calc(50% - 960px);bottom: -450px;z-index: 18;}#illuIntroB {width: 1920px;display: block;position: absolute;left: calc(50% - 960px);bottom: -450px;z-index: 17;}#sect_A {background: #64aee8;background-image: url(../beeld/bgWiskunde.svg);background-repeat: no-repeat;background-size: cover;padding-bottom: 0em;padding-top: 600px;}.quote {border-left: 4px solid white;padding-left: 30px;margin-left: 30px;}#sectA_white_bottomB {width: 1920px;display: block;position: absolute;left: calc(50% - 960px);bottom: 50px;z-index: 0;}#sectA_white_bottomC {width: 1920px;display: block;position: absolute;left: calc(50% - 960px);bottom: 50px;z-index: 5;}#sect_A sectionBlock {margin-top: -100px;margin-bottom: 120px;}.WiskundeSmall {font-size: .8em;margin-bottom: .5em;}.chartWiskunde {width: calc(100% - 60px);margin: 0px 30px;}#wiskundeClear {margin-bottom: 80px;}#sect_B {background: #fff;color: #000;}#sect_B sectionBlock {margin-top: -20px;margin-bottom: 120px;}#sect_C {background: #64aee8;background-image: url(../beeld/bgNatuur.svg);background-repeat: no-repeat;background-size: cover;padding: 0em;z-index: 10;}#sect_overlay_C {background-image: url(../beeld/bgNatuurB.svg);}#illuStelsel {width: 2500px;height: auto;display: block;position: absolute;left: calc(50% - 850px);bottom: -1350px;z-index: 1;}@keyframes stelselAnim {0% {rotate: 0deg}50% {rotate: -130deg}51% {rotate: -230deg}100% {rotate: -360deg}}#illusBergen {width: 1920px;display: block;position: absolute;left: calc(50% - 960px);bottom: 20px;z-index: 5;}#illuBergman {width: 350px;display: block;position: absolute;left: calc(50% - 450px);bottom: 10px;z-index: 4;}#illuNatuurA {width: 1920px;display: block;position: absolute;left: calc(50% - 960px);top: 60px;z-index: 4;}#illuNatuurB {width: 1920px;display: block;position: absolute;left: calc(50% - 960px);top: 60px;z-index: 5;}#sect_C sectionBlock {margin-top: 300px;margin-bottom: 370px;}#sect_D {background: #fff;color: #000;}#pieCon {width: calc(100% - 60px);max-width: 920px;padding: 0px 30px;margin: 0px auto;margin-top: 60px;}.pieceofpie {width: 33.333%;float: left;}#pieCon p {font-size: .8em;text-align: center;padding: 15px;margin: 0;}#pieCon img {display: block;width: 100%;max-width: 200px;margin: 0 auto;}#sect_D sectionBlock {margin-top: 100px;margin-bottom: 100px;}#sect_E {background: #64aee8;background-image: url(../beeld/bgOpvallend.svg);background-repeat: no-repeat;background-size: cover;padding: 0em;}#sect_overlay_E {background-image: url(../beeld/bgOpvallendB.svg);}#sect_E sectionBlock {margin-top: 100px;margin-bottom: 10em;}#illuPlaneetRoze {width: 300px;display: block;position: absolute;left: calc(50% - 580px);top: 240px;z-index: 50;}#sect_footer {background: #fff;color: #000;text-align: center;padding-top: 5em;padding-bottom: 8em;}.footerLink {display: inline-block;padding: 30px 40px;font-family: futura-pt, verdana, sans-serif;font-weight: 600;margin-right: 1em;background-color: #310082;color: white !important;border-radius: 5px;text-decoration: none !important;background-image: url(../beeld/footerButtonBG.svg);background-size: 300%;background-position: right;transition: background-position .6s ease;-webkit-transition: background-position .6s ease;}.footerLink:hover {background-position: left;}.meerArrow {width: 12px;padding-right: 1em;position: absolute;top: .5em;}#gaTerug {font-size: .8em;}#gaTerug a:link, a:visited {color: #ffffff;text-decoration: underline;}#gaTerug a:hover, a:active {color: #F9B8CE;text-decoration: underline;}#meerTable {font-size: 1em;line-height: 1.65em;text-align: left;vertical-align: top;}#meerTable td {padding-bottom: 1em;position: relative;min-width: 1.1em;}.transFade {transition: opacity .3s ease;-webkit-transition: opacity .3s ease;}.legenda {font-size: .8em;color: #000000;float: right;margin-right: 30px;margin-top: 2em;text-align: right;}.legendaLeft {float: left;margin-top: 0em;text-align: left;}.legendaLeft span::after {content: "\A";white-space: pre;line-height: 2em;}.legendaDot {width: 14px;position: relative;top: 2px;margin-left: 1.5em;margin-right: 0.25em;}.legendaDash {width: 36px;margin-right: 1em;}.legendaTable td {padding-bottom: 5px;}.graphText {font-size: .8em;font-family: futura-pt, verdana, sans-serif;font-weight: 400;}.graphTextWhite {font-size: .8em;font-family: futura-pt, verdana, sans-serif;font-weight: 400;fill: #ffffff;}.graphTextReflect {font-size: .8em;font-family: futura-pt, verdana, sans-serif;font-weight: 400;}.xLine {stroke: #000000;stroke-width: 1px;}.xLineWhite {stroke: #ffffff;stroke-width: 1px;}.lineNLboys {stroke: #e0d514;stroke-width: 4px;stroke-linecap: round;stroke-linejoin: round;fill: none;}.dotNL {fill: #e0d514;}.lineEUboys {stroke: #000000;stroke-width: 4px;stroke-linecap: round;stroke-linejoin: round;fill: none;}.dotEU {fill: #000000;}.lineBoys {stroke: #e0d514;stroke-width: 4px;stroke-linecap: round;stroke-linejoin: round;fill: none;stroke-dasharray: 1, 14;opacity: 0;}.dotBoys {fill: #e0d514;opacity: 0;}.lineGirls {stroke: #e0d514;stroke-width: 4px;stroke-linecap: round;stroke-linejoin: round;fill: none;stroke-dasharray: 10, 8;opacity: 0;}.dotGirls {fill: #e0d514;opacity: 0;}.dotLaag {fill: #ffffff;}.dotLaagHighlight {fill: #e0d514;}.laagText {font-family: futura-pt, verdana, sans-serif;font-weight: 600;}.reflectBar {fill: #e0d514;}.reflectLine {stroke: #000000;stroke-width: 1px;stroke-dasharray: 6, 3;}.reflectLineWhite {stroke: #ffffff;stroke-width: 1px;stroke-dasharray: 6, 3;}.achtergrondBarLaag {fill: #ece672;}.achtergrondBarMid {fill: #e0d514;}.achtergrondBarHoog{fill: #b1ad56;}#dotEUleesvaardigheid {animation: dotEUleesvaardigheid 1s linear;}@keyframes dotEUleesvaardigheid {0% {cx: 50;cy: 163;opacity: 0}16% {cx: 96;cy: 187;opacity: 1}32% {cx: 142;cy: 159;}48% {cx: 188;cy: 146;}64% {cx: 234;cy: 183;}80% {cx: 280;cy: 161;}}.hideBig {display: inline-block;}.hideSmall {display: none;}@media only screen and (min-width: 950px) {body {font-size: 110%;}.hideBig, .smallBreak {display: none;}.hideSmall {display: inline-block;}sectionBlock {max-width: 1024px;overflow-y: hidden;}.sectionTransition {height: auto;width: 100%;}.graphCon {height: 500px;}#graph_laaggeletterdheid, #graph_reflecteren {height: 350px;}sectionBlock h2, sectionBlock h3, sectionBlock p, #meerTable {max-width: 640px;margin-left: auto;margin-right: auto;}.collLeft, .collRight {width: 50%;float: left;}.xoGroup {margin-left: 0;}h2 {font-size: 3em;line-height: 1.1em;}#introBigBottom {font-size: 1.5em;max-width: 900px;}#menu ul, #menuInfo, .menuLink {margin-left: 25% !important;}.menuAnchor {font-size: 1.6em;}#menu ul {margin-top: 2em;}#sect_header {}#introCon {width: 43%;max-width: 680px;margin: 0;padding-top: 120px;}#introCon h3 {font-size: 1.2em;}.dot {margin-right: 10px;width: 60px;margin-top: 0px;}#dotCon {float: left;margin-right: -20px;margin-top: 33px;margin-bottom: 2em;}#dotText {padding-top: 30px;font-size: .8em;line-height: 1.25em;}#redeneren {margin-top: 40px;}#leesvaardigheidKop {margin-bottom: 0em;}#sectionEndLeesvaardigheid {height: 39.9em;}.infoBlock p {width: 40%;float: left;}#sect_footer {padding-top: 5em;}}@media only screen and (max-width: 1250px) {#introCon {padding-top: 60px;font-size: .8em;}.illuHeader {top: 25%;}#illuHeaderSpiral {left: calc(68% - 10px);}#sect_header {padding-bottom: 400px;}#introBigBottom {max-width: 700px;}#illuIntroA, #illuIntroB {width: 1200px;display: block;left: calc(50% - 600px);bottom: -300px;}#sectA_white_bottomC {width: 1600px;left: calc(50% - 850px);}#sectA_girl {margin-bottom: -1px;}#illuNatuurA, #illuNatuurB {width: 1300px;left: calc(50% - 650px);top: 30px;}#sect_C sectionBlock {margin-top: 170px;}#illuStelsel {width: 2200px;bottom: -1310px;}.footerLink {padding: 15px 20px;}}@media only screen and (max-width: 949px) {.sectionTransition {height: 450px;}.legenda {float: left;margin-left: 30px;}#PISAmenu {text-align: left;margin-left: 30px;left: 0px;}#menu ul {font-size: 1.8em;}#menu ul li {margin-bottom: 5px;}.xoSwitch {width: 60px;}.xoOn {left: 37px;}#sect_header {padding-bottom: 900px;}#openMenu img {width: 12pt;}#PISA {font-size: 18px;top: 23px;left: 55px;}#downloadTop {background-image: none;background-color: transparent;padding: 0px;text-decoration: underline !important;font-size: .9em;top: 24px;}#introCon {margin-top: 100px;padding-top: 0px;font-size: 1em;}#introCon h1 {font-size: 2.4em;}#introCon h3 {font-size: 1.2em;}#dotCon {margin-top: 3em;}.dot {margin-right: 10px;margin-bottom: 10px;width: 50px;}#dotText {font-size: .8em;}.illuHeader {left: 58%;top: 64%;}#illuHeaderSpiral {left: calc(58% - 10px);}#BGintro {width: 1400px;left: calc(50% - 700px);top: calc(50% - 490px);}#illuIntroA, #illuIntroB {width: 1000px;left: calc(50% - 500px);bottom: -200px;}#sect_A {padding-top: 300px;}#sect_A sectionBlock {margin-top: 0px;}.collLeft, .collRight {margin-bottom: 140px;clear: both;}#sectA_white_bottomC {width: 1200px;left: calc(50% - 840px);}#sectA_girl {height: 630px;left: calc(50% - 740px);}#sectA_white_bottomB {width: 800px;left: calc(50% - 400px);}#sect_C sectionBlock {margin-top: 0px;margin-bottom: 130px;}#illuNatuurA, #illuNatuurB {width: 1100px;left: calc(50% - 390px);}#illuStelsel {width: 1200px;left: calc(50% + -460px);bottom: -650px;}#illuBergman {width: 260px;left: calc(50% - 200px);}#sect_D sectionBlock {margin-bottom:-60px;}.pieceofpie {float: none;width: 100%;}#pieCon p {margin-bottom: 2em;}#pieCon img {max-width: 100px;}#illuPlaneetRoze {width: 220px;left: calc(50% - 180px);top: 180px;}#sect_E sectionBlock {margin-top: 110px;margin-bottom: 5em;}#meerTable {width: calc(100% - 60px);margin-left: 30px;}.footerLink {width: 200px;margin-bottom: 20px;text-align: center;padding: 15px 20px;}}@media only screen and (max-width: 500px) {#sectA_girl {height: 400px;left: calc(50% - 470px);}}