@charset "UTF-8";*{box-sizing:border-box;padding:0;margin:0}body{background-color:#fff;color:#555;font-family:latoweb,sans-serif;line-height:1.5em}ol{margin-left:15px}.purple-background{background-color:#642580}.orange-background{background-color:#ed684a}.teal-background{background-color:#41bac1}.red-background{background-color:red}.pages{list-style-type:none}.pages li{margin-bottom:10px}.pages li p{font-size:small;margin-left:10px}.plaats-en-tijd{background-color:#642580;color:#fff;font-weight:700;padding:10px;margin:5px 0 20px}.plaats-en-tijd li{list-style-type:none}.plaats-en-tijd span{display:inline-block;width:100px;font-weight:400}.plaats-en-tijd a{color:#fff}.toggle .toggle_header,.toggle .toggle_header_open{display:block;clear:both;cursor:pointer;margin:10px}.toggle .toggle_header p,.toggle .toggle_header_open p{display:inline}.toggle .toggle_header:after{content:" ▶"}.toggle .toggle_header_open:after{content:" ▼"}header menu{font-size:larger}header menu span.menu-toggle{position:absolute;top:10px;right:10px;cursor:pointer;padding:5px;display:flex;flex-direction:column;justify-content:space-between;height:30px;width:40px}header menu span.menu-toggle i{background-color:#fff;height:2px}header menu logo{display:inline-block;padding:10px}header menu logo img{width:150px}header menu ul.menu{list-style-type:none;display:none;text-align:right}header menu ul.menu li a{padding-right:10px;line-height:2;color:#fff;text-decoration:none}header menu ul.active{display:block}main{line-height:1.6em;padding:15px;margin-bottom:30px}main li{padding:1px}main p{text-align:justify;margin-bottom:10px}main img{max-width:100%}main .mentor{margin-bottom:40px}main .mentor img{float:right;margin:0 15px;border-radius:5px}main breadcrumbs{font-size:small}main breadcrumbs *{padding:0;padding-bottom:10px}main breadcrumbs ul{display:inline-block;margin:0}main breadcrumbs ul li{list-style-type:none;display:inline-block}main a{color:#555}main ul{margin-left:15px}main h1{margin-top:2.3em;margin-bottom:.9em}main h2{margin-top:2.3em;margin-bottom:.5em}main h3,main h4,main h5{margin-top:1.7em;margin-bottom:.2em}main figcaption{font-style:italic;margin-bottom:30px;text-align:center}main .flex-grid{display:block}main .flex-grid-col{flex:1;white-space:pre}main .flex-grid-col p{text-align:center}main .onderwerpen{display:flex;flex-flow:row wrap;justify-content:center}main .onderwerpen .onderwerp{border:1px solid #ddd;margin:5px;width:370px;padding:10px}main .onderwerpen .onderwerp p{text-align:left}main .onderwerpen .onderwerp a{text-decoration:none}main .onderwerpen .onderwerp:hover{background-color:#fafafa}main .responsive_table{overflow-x:auto}main .responsive_table table{width:100%}main .responsive_table img{max-width:fit-content;border-radius:5px;margin:15px}main pre{overflow-x:auto}main .highlight{padding:7px 15px;border-radius:7px;border:1px solid #ddd;overflow-x:auto;margin-bottom:10px;-webkit-text-size-adjust:none}main .verdieping{border:1px solid #ddd;background-color:#eee;padding:15px;margin-bottom:10px}main .html-voorbeeld{border:1px solid #ddd;background-color:#eee;padding:15px;margin-bottom:10px}main .p5js_voorbeeld{border:1px solid #ddd;text-align:center}main .inschrijven{text-align:center;line-height:5;border-top:1px solid #bbb;margin-top:50px}main .inschrijven a{padding:10px;color:#fff;background-color:#41bac1;font-size:larger;font-weight:700;text-decoration:none;box-shadow:black 1px 1px 2px}main .mcs-index{zoom:2;line-height:1.4em}main .mcs-index .dojo a{text-decoration:none}main .mcs-index table{width:100%}main .og-card{max-width:600px;width:100%;margin:20px auto;border:1px solid #ddd;padding:2em;background-color:#fafafa}main .og-card .favicon{width:40px;display:inline;margin:10px;float:left}main .og-card img{max-width:500px;width:100%;display:block;margin-left:auto;margin-rig:auto}main .og-card a{text-decoration:none;display:block}main .og-card .card-link{text-align:center;font-size:smaller}main .og-card .card-link a{color:#bbb}main .dojo{border:1px solid #ddd;padding:2em;margin-bottom:3em}main .dojo a{text-decoration:none;display:block}main .dojo .dojo-kop{font-size:larger;padding-top:10px}main .dojo .dojo-kop .gepland{font-size:smaller;color:red}main .dojo .locatie{font-size:smaller;color:#888}main .geplandedojo a{text-decoration:none;display:block;line-height:3em}main .geplandedojo .dojo-kop{font-size:larger}main .geplandedojo .locatie{font-size:smaller;color:#888}main .dojo:hover,main .geplandedojo:hover{background-color:#fafafa}main .toc{margin-bottom:50px}main .toc ul{list-style-type:none}main .linkknop{border:1px solid #ddd;margin-bottom:1.5em}main .linkknop a{padding:1em;text-decoration:none;display:block}main .linkknop .linkknoptitel{font-size:1.1em;font-weight:700}main .linkknop:hover{background-color:#fafafa}main .search{margin-bottom:50px}main .search input[type=text]{width:50%;height:3em;padding:10px;border:1px solid #ddd}main .search button{border:1px solid #ddd;background-color:#ddd;height:3em;padding-left:20px;padding-right:20px;cursor:pointer}main .search form{margin-right:5px;display:inline}footer{background-color:#000;color:#888;vertical-align:middle;text-align:center}footer a{color:#888;font-size:smaller}footer div#colofon{padding-top:15px}footer div#colofon div{margin-top:10px;display:block}footer div#colofon div img{width:100px}footer div#colofon div p{line-height:3;font-weight:700}footer div.copyright{line-height:4}.scratch{overflow-x:auto}.scratch svg{transform:scale(1)!important}.caption{font-size:smaller;margin-bottom:30px}@media screen and (min-width:1200px){header menu{width:1200px;margin:0 auto;display:flex;justify-content:space-between}header menu span.menu-toggle{display:none}header menu logo{padding:15px}header menu logo img{width:350px}header menu ul.menu{display:flex;flex-direction:row;justify-content:flex-end;padding:30px}header menu ul.menu li{display:inline-block;margin-left:13px}main{margin:auto;margin-bottom:60px;width:100%;max-width:1200px}main .toc{float:right;padding:20px;margin-left:10px;margin-bottom:10px;border:1px solid #eee}main .toc ul{list-style-type:none}main .instructie img{display:block;margin-left:auto;margin-right:auto}main .search input[type=text]{width:75%;height:3em;padding:10px;border:1px solid #ddd}main .search form{margin-right:20px}main .flex-grid{display:flex}footer{height:1e3px}footer div#colofon{display:flex;width:1200px;margin:0 auto}footer div#colofon div{width:25%}footer div#colofon div p{line-height:3;font-weight:700}footer div.copyright{line-height:4}}@font-face{font-family:latoweb;src:url(../fonts/Lato-Regular.eot);src:url(../fonts/Lato-Regular.eot?#iefix)format("embedded-opentype"),url(../fonts/Lato-Regular.woff2)format("woff2"),url(../fonts/Lato-Regular.woff)format("woff"),url(../fonts/Lato-Regular.ttf)format("truetype");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:latowebitalic;src:url(../fonts/Lato-Italic.eot);src:url(../fonts/Lato-Italic.eot?#iefix)format("embedded-opentype"),url(../fonts/Lato-Italic.woff2)format("woff2"),url(../fonts/Lato-Italic.woff)format("woff"),url(../fonts/Lato-Italic.ttf)format("truetype");font-style:italic;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:latowebbold;src:url(../fonts/Lato-Bold.eot);src:url(../fonts/Lato-Bold.eot?#iefix)format("embedded-opentype"),url(../fonts/Lato-Bold.woff2)format("woff2"),url(../fonts/Lato-Bold.woff)format("woff"),url(../fonts/Lato-Bold.ttf)format("truetype");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}