@import url('https://fonts.googleapis.com/css?family=Roboto|Open+Sans&display=swap');/* Colours #F8F8FF - Background White (rgb(250,244,230)) #6CCBDD - Blue (rgb(109,203,221)) #254BBC - Logo color */ html,body{background-color:#F8F8FF}.content h4{font-size:1.1rem}.minh1{min-height:260px}.section{padding-bottom:1rem}.offline{filter:grayscale(100%)}.offline .onlyOnline{display:none}.offline .buttonsOnlyOnline .button{display:none}.onlyOffline{display:none}.offline .onlyOffline{display:initial}.pointer,.archivebutton{cursor:pointer}.fader{transition:opacity 0.15s ease-in-out;-moz-transition:opacity 0.15s ease-in-out;-webkit-transition:opacity 0.15s ease-in-out}.fade{opacity:0}.unfade{opacity:1}.steps-content a{color:#4a4a4a}p{margin-top:10px;margin-bottom:10px}.has-text-green{color:#254BBC !important}.has-mustard-bg{background-color:#6CCBDD}.has-white-mustard-gradient{background:rgb(255,248,244);background:-moz-linear-gradient(180deg,rgba(255,248,244,1) 0,rgba(255,248,244,1) 50%,rgba(244,200,134,1) 50%,rgba(244,200,134,1) 100%);background:-webkit-linear-gradient(180deg,rgba(255,248,244,1) 0,rgba(255,248,244,1) 50%,rgba(244,200,134,1) 50%,rgba(244,200,134,1) 100%);background:linear-gradient(180deg,rgba(255,248,244,1) 0,rgba(255,248,244,1) 50%,rgba(244,200,134,1) 50%,rgba(244,200,134,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#6CCBDD",GradientType=1)}@media(max-width:1024px){.has-white-mustard-gradient{background:rgb(255,248,244);background:-moz-linear-gradient(180deg,rgba(255,248,244,1) 0,rgba(255,248,244,1) 25%,rgba(244,200,134,1) 25%,rgba(244,200,134,1) 100%);background:-webkit-linear-gradient(180deg,rgba(255,248,244,1) 0,rgba(255,248,244,1) 25%,rgba(244,200,134,1) 25%,rgba(244,200,134,1) 100%);background:linear-gradient(180deg,rgba(255,248,244,1) 0,rgba(255,248,244,1) 25%,rgba(244,200,134,1) 25%,rgba(244,200,134,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#6CCBDD",GradientType=1)}}/* Typography */ h1,h2,h3{font-family:'Roboto';margin-bottom:10px}h1{text-align:center}body{font-family:'Open Sans',sans-serif}@media(max-width:767px){p{max-width:90%;margin:0 auto}}/* Links */ .a-menu{letter-spacing:3px;text-transform:uppercase;transition:opacity 1s ease;opacity:0.8}.a-menu:hover{opacity:1;color:#254BBC !important;text-decoration:none}/* Wrapper */ .section .container,.hero .hero-body,.hero .hero-head{width:1200px;max-width:100%;margin:0 auto}/* Some aesthetic improvements */ nav{padding-top:20px;max-height:50px}.paragraph,.feature p{max-width:600px;line-height:1.5em}.feature p{color:#254BBC}/* Hero */ .burger{position:absolute;top:0;right:0}@media(min-width:1218px){.hero-body-home{background-size:30%;background-position:80% 50%;background-repeat:no-repeat}.hero-body-over{background-size:15%;background-position:90% 50%;background-repeat:no-repeat}.hero-body-voordelen{background-size:25%;background-position:90% 50%;background-repeat:no-repeat}.hero-body-home p{width:600px}.hero-body-over p,.hero-body-voordelen p{width:800px}}/* Button */ .btn{margin-top:20px;border-radius:50px;border:none;padding:10px 30px;-webkit-box-shadow:0 0 15px 0 rgba(253,186,52,1);-moz-box-shadow:0 0 15px 0 rgba(253,186,52,1);box-shadow:0 0 15px 0 rgba(253,186,52,1);transition:opacity 1s ease;opacity:1;cursor:pointer}.btn:hover{opacity:0.8}/* Info Feed */ #info-feed .columns{margin:0}@media(max-width:1024px){margin:0 10px}#info-feed .box{padding-top:30px;padding-bottom:30px}/* Features */ .feature-img{max-width:60%;margin:0 auto}#features .column{display:flex;justify-content:center;flex-flow:column;align-self:center}@media(max-width:1024px){.reverse-row-order{flex-direction:column-reverse;display:flex}}/* Start */ #start{text-align:center}#start p{width:600px;margin:0 auto}.social-link{padding:15px;color:#FFFFFF !important}.newsletter-input{border:none;border-bottom:2px solid #254BBC;border-radius:0 !important;box-shadow:none;text-align:center}#start .field{width:400px;max-width:80%;padding:20px;margin:0 auto}#footer{background-color:#0F0F26}#footer a{color:#FFFFFF !important}#footer li{font-size:18px;margin:5px 0 5px 10px}#footer h5{font-size:20px;color:#F0F0F0;font-weight:bold;margin-bottom:10px}.navbar .navbar-brand a,.navbar .navbar-brand a:hover{background-color:#F8F8FF}.nav-active{font-weight:bold}/* navbar-cb - het menu incoontje linksboven */ #navbar-cb{position:absolute;left:-9999px}.touchMenu .navbar-menu,#navbar-cb:checked ~ * .navbar-menu{display:block}.touchMenu .navbar-burger span,#navbar-cb:checked ~ * .navbar-burger span{background:#000}@media only screen and (min-width:769px){.touchMenu .navbar-burger span,#navbar-cb:checked ~ * .navbar-burger span{background:#fff}}.touchMenu .navbar-burger span:nth-child(1),#navbar-cb:checked ~ * .navbar-burger span:nth-child(1){transform:translateY(5px) rotate(45deg)}.touchMenu .navbar-burger span:nth-child(2),#navbar-cb:checked ~ * .navbar-burger span:nth-child(2){opacity:0}.touchMenu .navbar-burger span:nth-child(3),#navbar-cb:checked ~ * .navbar-burger span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.touchMenu .navbar-burger,#navbar-cb:checked ~ * .navbar-burger{z-index:100}/* New breakpoint menu - tablet size instead of big size */ @media screen and (min-width:600px){.navbar,.navbar-end,.navbar-menu,.navbar-start{align-items:stretch;display:flex}.navbar-burger{display:none}.navbar-menu{background-color:#F8F8FF;box-shadow:none;padding:0}.navbar > .container{display:flex}.container > .navbar .navbar-menu,.navbar > .container .navbar-menu{margin-right:-.75rem}.navbar-menu{flex-grow:1;flex-shrink:0}.navbar-end{justify-content:flex-end;margin-left:auto}.navbar-item,.navbar-link{align-items:center;display:flex}.navbar .container{padding-left:20px;padding-right:20px}.navbar-dropdown{background-color:#F8F8FF;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top:2px solid #dbdbdb;box-shadow:0 8px 8px rgba(10,10,10,0.1);display:none;font-size:0.875rem;left:0;min-width:100%;position:absolute;top:100%;z-index:20}.navbar-dropdown a.navbar-item{padding-right:3rem}.navbar-dropdown .navbar-item{padding:0.375rem 1rem;white-space:nowrap}.navbar.is-spaced .navbar-dropdown,.navbar-dropdown.is-boxed{border-radius:6px;border-top:none;box-shadow:0 8px 8px rgba(10,10,10,0.1),0 0 0 1px rgba(10,10,10,0.1);display:block;opacity:0;pointer-events:none;top:calc(100% + (-4px));transform:translateY(-5px);transition-duration:86ms;transition-property:opacity,transform}.navbar-item.has-dropdown{align-items:stretch}.navbar-item.is-active .navbar-dropdown,.navbar-item.is-hoverable:focus .navbar-dropdown,.navbar-item.is-hoverable:focus-within .navbar-dropdown,.navbar-item.is-hoverable:hover .navbar-dropdown{display:block}.navbar-dropdown.is-boxed.open,.navbar.is-spaced .navbar-item.is-active .navbar-dropdown,.navbar-item.is-active .navbar-dropdown.is-boxed,.navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown,.navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed,.navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown,.navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed,.navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown,.navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed{opacity:1;pointer-events:auto;transform:translateY(0)}}label.showhide,label.read-more{font-weight:bold;cursor:pointer}#showhide-1,#showhide-2{position:absolute;left:-9999px}.only-show{max-height:0;overflow:hidden;transition:max-height 1s ease,opacity 1s ease;opacity:0}#showhide-1:checked ~ .only-show,#showhide-2:checked ~ .only-show{max-height:300px;opacity:1}#showhide-1:checked ~ * .read-more,#showhide-2:checked ~ * .read-more{display:none}/* loginbox */ .loginbox .hero.is-success{background:#F2F6FA}.loginbox .hero .nav,.loginbox .hero.is-success .nav{-webkit-box-shadow:none;box-shadow:none}.loginbox .box{margin-top:5rem}.loginbox .avatar{margin-top:-70px;padding-bottom:20px}.loginbox input{font-weight:300}.loginbox p{font-weight:700}.loginbox .field{padding-bottom:10px}.loginbox .fa{margin-left:5px}#EditSection{position:absolute;top:80px;right:0;width:40px;background-color:#AAA;overflow-x:hidden;transition:width 0.5s ease-in-out,background-color 0.5s ease-in-out}#EditSection:hover{width:250px;background-color:#EEE}#EditSection > aside{width:250px;opacity:0}#EditSection:hover > aside{opacity:1}/* voor de berichten */ @media only screen and (max-width:769px){.unbox-mobile{box-shadow:none;padding:0}.px-0-mobile{padding-left:0;padding-right:0}}.msgarchived{background:#FAFAFA}.msgarchived .archivebutton{display:none}.togmail2{border:solid 1px black}.togmail .gmailbutton{display:none}.loginfo{display:none}.showloginfo .loginfo{display:block}.showloginfo .msgshowloginfo{display:none}.msgshowloginfo{font-size:32px;cursor:pointer}/* nieuw voor de berichten */ li.mess{cursor:pointer}li.mess:not(:last-child){margin-bottom:0;border-bottom:1px solid #CCC}li.mess:hover{background-color:#EEE}li.mess p{color:black;margin-bottom:0}li.mess small{float:right}li.mess .badge{float:right}li.mess .content p:first-child{margin:0}.badge{padding:8px 12px;border-radius:50%;display:inline-block;text-align:center;color:white;background-color:hsl(141,71%,48%);font-size:10px;font-weight:bold}.with-badge{padding-top:8px;padding-bottom:8px}.dont-break-out{/* These are technically the same,but use both */ overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;/* This is the dangerous one in WebKit,as it breaks things wherever */ word-break:break-all;/* Instead use this non-standard one:*/ word-break:break-word;/* Adds a hyphen where the word breaks,if supported (No Blink) */ -ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.msglist .content p{color:#000}.msglist .name{font-weight:bolder}.msglist .left{position:relative;margin-left:10px;margin-right:100px;margin-bottom:10px;padding:10px;background-color:#EEE;text-align:left;border:1px solid #AAA;border-radius:10px}.msglist .right{position:relative;margin-bottom:10px;margin-right:10px;margin-left:100px;padding:10px;background-color:#ECEFE6;text-align:left;border:1px solid #A5D65A;border-radius:10px}@media only screen and (max-width:550px){.msglist .left{margin-right:10%;margin-left:0}.msglist .right{margin-left:10%;margin-right:0}}.msglist .content{padding:0;margin:0}.msglist .right .timestamp{position:absolute;font-size:.85em;font-weight:300;bottom:5px;right:9px;font-size:11px}.msglist .left .timestamp{position:absolute;font-size:.85em;font-weight:300;bottom:5px;right:9px;font-size:11px}.msglist .left:after{content:'';position:absolute;width:0;height:0;border-top:15px solid #EEE;border-left:15px solid transparent;border-right:15px solid transparent;top:0;left:-15px}.msglist .left:before{content:'';position:absolute;width:0;height:0;border-top:17px solid #AAA;border-left:16px solid transparent;border-right:16px solid transparent;top:-1px;left:-17px}.msglist .right:after{content:'';position:absolute;width:0;height:0;border-bottom:15px solid #ECEFE6;border-left:15px solid transparent;border-right:15px solid transparent;bottom:0;right:-15px}.msglist .right:before{content:'';position:absolute;width:0;height:0;border-bottom:17px solid #A5D65A;border-left:16px solid transparent;border-right:16px solid transparent;bottom:-1px;right:-17px}.msglist .level{margin:10px}.msglist .level a{color:#000}.msglist li.new-date{position:relative;margin-bottom:10px;text-align:center}.msglist li.new-date > div{display:inline-block;padding:5px;background-color:#4ABDEF;border:1px solid #009CE6;border-radius:10px;margin-left:auto;margin-right:auto;font-size:11px}.fade-end{max-height:120px;position:relative;overflow:hidden}.fade-end .read-more{position:absolute;bottom:0;left:0;width:100%;text-align:center;margin:0;padding:30px 0;/* "transparent" only works here because == rgba(0,0,0,0) */ background-image:linear-gradient(to bottom,transparent,white)}li.mess:hover .fade-end .read-more{background-image:linear-gradient(to bottom,transparent,#EEE)}.fright{float:right}.fleft{float:left}.absolute{position:absolute}.bold{font-weight:bold}.match{border:1px solid #48c774}.match .notification.is-warning{border:1px solid #946C00}.match .notification.is-link{border:1px solid #485fc7}h3 a{color:rgb(74,74,74)}.breadcrumb li + li::before{content:''}.button{white-space:initial;height:auto;min-height:2.5em}app-ll{display:inline;font-weight:bold}.actie-box-links a{margin-top:1em;margin-bottom:1em}.breadcrumb h3{font-size:1.2rem;margin-top:10px}@media screen and (min-width:1024px){.breadcrumb h3{font-size:1.5rem;margin-top:0}}@media screen and (max-width:600px){.lang-navbar{min-height:50px}.lang-navbar a{float:left}.lang-navbar .navbar-dropdown{padding-top:0}.lang-navbar .navbar-dropdown .navbar-item{padding-left:0;padding-right:0}}/* style die niet in de app zit */ .image.is-256x256{height:256px;width:256px}.center{margin-left:auto;margin-right:auto}.promobox{max-width:280px}.promopage a,.promobox a{color:#4a4a4a}/* .promobox ul{list-style-type:'\2713'}.promobox ul{list-style:none;padding-left:0}.promobox ul li{position:relative;padding-left:0.5em}.promobox ul li:before{content:'✓';color:#254BBC}*/ .has-white-mustard-gradient-reverse{background:rgb(244,200,134);background:-moz-linear-gradient(180deg,rgba(244,200,134,1) 0,rgba(244,200,134,1) 50%,rgba(255,248,244,1) 50%,rgba(255,248,244,1) 100%);background:-webkit-linear-gradient(180deg,rgba(244,200,134,1) 0,rgba(244,200,134,1) 50%,rgba(255,248,244,1) 50%,rgba(255,248,244,1) 100%);background:linear-gradient(180deg,rgba(244,200,134,1) 0,rgba(244,200,134,1) 50%,rgba(255,248,244,1) 50%,rgba(255,248,244,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#6CCBDD",GradientType=1)}@media(max-width:1024px){.has-white-mustard-gradient-reverse{background:rgb(244,200,134);background:-moz-linear-gradient(180deg,rgba(244,200,134,1) 0,rgba(244,200,134,1) 25%,rgba(255,248,244,1) 25%,rgba(255,248,244,1) 100%);background:-webkit-linear-gradient(180deg,rgba(244,200,134,1) 0,rgba(244,200,134,1) 25%,rgba(255,248,244,1) 25%,rgba(255,248,244,1) 100%);background:linear-gradient(180deg,rgba(244,200,134,1) 0,rgba(244,200,134,1) 25%,rgba(255,248,244,1) 25%,rgba(255,248,244,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#6CCBDD",GradientType=1)}}/* style die niet in de app zit */ .image.is-256x256{height:256px;width:256px}.center{margin-left:auto;margin-right:auto}.promobox{max-width:280px}.promopage a,.promobox a{color:#4a4a4a}/* .promobox ul{list-style-type:'\2713'}.promobox ul{list-style:none;padding-left:0}.promobox ul li{position:relative;padding-left:0.5em}.promobox ul li:before{content:'✓';color:#254BBC}*/ .has-white-mustard-gradient-reverse{background:rgb(244,200,134);background:-moz-linear-gradient(180deg,rgba(244,200,134,1) 0,rgba(244,200,134,1) 50%,rgba(255,248,244,1) 50%,rgba(255,248,244,1) 100%);background:-webkit-linear-gradient(180deg,rgba(244,200,134,1) 0,rgba(244,200,134,1) 50%,rgba(255,248,244,1) 50%,rgba(255,248,244,1) 100%);background:linear-gradient(180deg,rgba(244,200,134,1) 0,rgba(244,200,134,1) 50%,rgba(255,248,244,1) 50%,rgba(255,248,244,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#6CCBDD",GradientType=1)}@media(max-width:1024px){.has-white-mustard-gradient-reverse{background:rgb(244,200,134);background:-moz-linear-gradient(180deg,rgba(244,200,134,1) 0,rgba(244,200,134,1) 25%,rgba(255,248,244,1) 25%,rgba(255,248,244,1) 100%);background:-webkit-linear-gradient(180deg,rgba(244,200,134,1) 0,rgba(244,200,134,1) 25%,rgba(255,248,244,1) 25%,rgba(255,248,244,1) 100%);background:linear-gradient(180deg,rgba(244,200,134,1) 0,rgba(244,200,134,1) 25%,rgba(255,248,244,1) 25%,rgba(255,248,244,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#6CCBDD",GradientType=1)}}.one-third{margin-left:33%;margin-right:33%}/* The Modal (background) */ #enlargeModal{display:none;/* Hidden by default */ position:fixed;/* Stay in place */ z-index:1;/* Sit on top */ padding-top:100px;/* Location of the box */ left:0;top:0;width:100%;/* Full width */ height:100%;/* Full height */ overflow:auto;/* Enable scroll if needed */ background-color:rgb(0,0,0);/* Fallback color */ background-color:rgba(0,0,0,0.9);/* Black w/ opacity */}/* Modal Content (Image) */ #enlargeImg{margin:auto;display:block;width:80%;max-width:700px}/* Caption of Modal Image (Image Text) - Same Width as the Image */ #caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}/* Add Animation - Zoom in the Modal */ #enlargeImg,#caption{animation-name:zoom;animation-duration:0.6s}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}/* The Close Button */ #enlargeClose{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:0.3s}#enlargeClose:hover,#enlargeClose:focus{color:#bbb;text-decoration:none;cursor:pointer}/* 100% Image Width on Smaller Screens */ @media only screen and (max-width:700px){#enlargeImg{width:100%}}
h1{font-size:32px;line-height:40px;margin-bottom:10px}h2{font-size:32px;line-height:40px;margin-bottom:10px}h3{font-size:28px;line-height:34px;margin-bottom:8px}h4{font-size:21px;line-height:30px;margin-bottom:4px}h5{font-size:17px;line-height:24px}h6{font-size:14px;line-height:21px}h3{color:rgb(40,80,200)}h4{color:rgb(51,102,255);font-size:large}h4 > a{text-decoration:none !important;color:rgb(51,102,255) !important}h5{color:rgb(51,102,255)}h2 > a,h3 > a{text-decoration:none !important}h1{color:#254BBC;text-align:center;margin-top:20px}h2{color:#254BBC}.center{text-align:center}.divcenter{position:relative;margin-left:auto;margin-right:auto}.pointer{cursor:pointer}.section{clear:both;min-height:40px}.m20{margin-top:20px}.middle{vertical-align:middle}.left{text-align:left}.yellow{color:#494908}a.gray,.gray{color:#AAA}.darkgray{color:#444}.bla{color:#111}.bla:hover{background:#343234}nav a:hover,a.active{color:#FFF !important}.feature img{margin-bottom:15px;max-width:100%;height:auto}.footer{padding-top:20px;padding-bottom:20px;width:100%;background:url(/img/layout/bgf.jpg) repeat-y;background-position:center;background-color:#222}footer{margin-top:20px;clear:both;color:#BBB;font-size:1em}footer h5{color:#EEE}footer a{text-decoration:none !important;color:#BBB !important}footer a:hover{text-decoration:underline !important;color:#FFF !important}footer li{margin-bottom:4px;margin-left:5px}.frame{border:solid 9px rgba(255,255,255,0.8)}.frame img{border:solid 2px black;border-radius:3px;width:100%;height:auto}section.lm .frame{/* placeholder for the image:prevent Cumulative Layout Shift */ position:relative;padding-top:50%}section.lm .frame img{aspect-ratio:2 / 1;position:absolute;top:0;left:0;width:100%;height:100%}.dividers > div{border-left:dotted 1px grey}.dividers > div:first-child{border-left:none}.iconlist{margin-left:3%;margin-right:3%}.iconlist img{margin:-12px 5px 5px 5px;width:50px;height:50px;float:left}.iconlist li{clear:both;min-height:60px}.darkblack{background-color:#666 !important}.editlink{position:absolute;right:50px;cursor:pointer;text-decoration:underline;color:blue;margin:30px 0 0 0;background-color:white;padding:5px;border-radius:5px;border:1px solid black;z-index:1000}.mtop40{margin-top:70px}.actionlink{display:block;cursor:pointer;text-decoration:underline;color:blue;margin:0;padding:3px;margin:3px;border-radius:5px;border:1px solid black}.link{cursor:pointer;text-decoration:underline;color:blue}.nunderline{text-decoration:none !important}.underline{text-decoration:underline}.piclink{cursor:pointer}.piclink:hover{background:url(/img/var/arrow_right.png) no-repeat;background-position:center bottom}.piclink > p{min-height:90px}/* mooi opgemaakt nummer voor in de uitleg */ .number{font-size:40px;color:#F5F5F5;background-color:#000;border-radius:30px;height:40px;width:60px;margin-left:auto;margin-right:auto;padding-top:20px;text-align:center;margin-top:20px;margin-bottom:20px}.number-s{font-size:20px;color:#F5F5F5;background-color:#254BBC;border-radius:15px;height:20px;width:30px;margin-left:auto;margin-right:auto;padding-top:10px;text-align:center;margin-top:10px;margin-bottom:10px}.tabelmooi{/*width:100%;*/ margin-bottom:15px}.tabelmooi th{border-bottom:2px solid #A0410D;color:#A0410D;font-size:14px;font-weight:normal;padding:10px 8px}.tabelmooi td{color:#000;padding:9px 8px;vertical-align:middle;border-bottom:1px dotted #CCCCCC}.opacity50{opacity:0.5}.fleft{float:left}.fright{float:right}.aright{text-align:right}.aleft{text-align:left}.boxgreen > div{border-color:#00FF00}.boxdarkgreen > div{border-color:#008800}.boxred > div{border-color:#DD0000}.boxorange > div{border-color:orange}.groepen{color:#254BBC}/* .gin{background-color:#0A0}.spellingtable{width:100%}*/ .smenu{color:rgb(51,102,255)}.smenu li:before{content:"\2192 \020"}.smenu li{margin-bottom:0}.smenu .sub{font-size:90%;margin-top:10px}.voortgangtable{width:100%}.voortgangtable tr{border-bottom:1px dotted #DDD;cursor:pointer}.voortgangtable tr:hover{border-bottom:1px dotted #444;background-color:#EAEAEA}.voortgangtable a{font-size:large;text-decoration:none !important;color:rgb(51,102,255) !important}.voortgangtable .vgtc{}.voortgangtable .vgtf{min-width:200px}.voortgangtable .vgtf:hover{background:url(/img/buttons/iconforward.png) no-repeat;background-position:right center}/* blog */ .blogpost{margin:20px;padding:20px;border:1px dotted #254BBC;border-radius:10px}.blogtext{margin-bottom:20px;padding-bottom:20px}.blogreacties{margin:20px;padding:20px;border:1px dotted #254BBC;border-radius:12px}.blogreactie{border-top:1px solid gray}.blogpost .door{color:gray;font-size:10px}/* message */ .pimessage{margin:20px;padding:20px;border:1px dotted #254BBC;border-radius:10px}.ownmessage{margin-left:40px;margin-right:0;background-color:#EFE}.othermessage{margin-left:0;margin-right:40px;background-color:#FFF;border:1px dotted #153BAC}.msgunread{border-width:4px}.msgarchived{border-style:dashed;padding-bottom:0;padding-top:0}.msgarchived .archivebutton{display:none}.msginbox .archivebutton{display:block}.msginbox{border-style:solid}.senditems{color:#666}.justsend{background-color:#DDD;border:solid 1px #222;border-radius:10px;margin:10px;padding:10px}.justsend > h2,.justsend > p,.justsend > div{margin:0;padding:0}.messagepost > form{margin-bottom:0}.messagetext{margin-bottom:20px;padding-bottom:20px}.messagereacties{margin:20px;padding:20px;border:1px dotted #254BBC;border-radius:10px}.messagereactie{}.w25p{width:25px}.clickable{cursor:pointer}.fleft{float:left}.fright{float:right}.bold{font-weight:bold;color:black}.showsubonhover{}.hoversub{opacity:0.0;-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-ms-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out}.showsubonhover:hover .hoversub{opacity:1.0}#mask,.mask{display:none;position:fixed;width:100%;height:100%;background-color:#FFF;opacity:0.5;z-index:50;right:0;top:0}.iframe-container{overflow:hidden;padding-top:56.25%;position:relative}.iframe-container iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.pgreen{color:#A09705;font-weight:bold}.mw100{max-width:100%}.green{color:#0A0}.beginnen{color:rgb(226,16,4)}.bezig{color:rgb(160,151,5)}h4 > label,h4 > label > span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:unset;font-weight:unset;color:unset}.away{position:absolute;left:-9999px}.hwm{display:none}.hwp{display:initial}.hdetails{transition:max-height 0.3s ease-in-out;max-height:0;overflow-y:hidden}hr.hw{color:rgb(51,102,255);background-color:rgb(51,102,255);height:2px;width:120px;margin:10px 10px 20px 10px}.button.small{height:19px;line-height:19px;padding:0 5px}.button.medium{height:29px;line-height:29px;padding:0 15px}/* .breadcrumb */ ul.breadcrumb{color:#009bdd;font-size:1.25rem;font-weight:400;align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start;list-style:none}ul.breadcrumb.bigger{font-size:1.5rem}.breadcrumb li{position:relative;line-height:150%}.breadcrumb li{align-items:center;display:flex}.breadcrumb li:first-child a{padding-left:0}.breadcrumb a,.breadcrumb span{align-items:center;color:#3273dc;display:flex;justify-content:center;padding:0 1em 0 0.5em;text-decoration:none}.breadcrumb.bigger a,.breadcrumb.bigger span{color:rgb(40,80,200)}.breadcrumb li:after{content:"";position:absolute;right:4px;top:13px;width:6px;height:6px;border:solid #009bdd;border-width:2px 2px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}.breadcrumb li:last-child:after{border:0}/* einde .breadcrump */ .antopen{margin-bottom:5px}.section.helptext{min-height:60vh}.helptext img{float:left;max-width:50%;margin-right:12px}.helptext p{clear:both}.helptext p:has(> img){border:1px solid #1ababa;padding:4px;margin:4px;display:flex;align-items:center;justify-content:normal}.helptext img[alt~="-"]{max-width:100%}.helptext ul{list-style:disc;margin-left:30px}.helptext ol{margin-left:30px}/* css voor de beslisboom */ .beslisboom input{position:absolute;left:-9999px}.beslisboom input ~ div{overflow:hidden;max-height:0;transition:max-height 0.2s ease-in-out}.beslisboom input:checked ~ div{max-height:1500px}.beslisboom input ~ label{cursor:pointer;margin-left:0;transition:margin-left 0.2s ease-in-out}.beslisboom input ~ label:hover{margin-left:20px}.beslisboom input:checked ~ label{margin-left:0}.beslisboom .antwoord{font-style:italic;font-size:16px}.beslisboom{border:1px black solid;padding:12px;margin:12px}.beslisboom > div > ol{list-style:none;counter-reset:item}.beslisboom > div > ol > li{counter-increment:item;margin-top:15px;margin-bottom:15px;margin-left:50px}.beslisboom > div > ol > li > label,.beslisboom > div > ol > li > label span{font-size:28px}.beslisboom > div > ol > li > label{margin-top:-24px}.beslisboom > div > ol > li:before{margin-right:10px;content:counter(item);background:black;border-radius:100%;color:white;width:28px;height:28px;font-size:20px;line-height:28px;text-align:center;display:inline-block;margin-left:-40px}.beslisboom .chevron{float:right;margin-right:12px}.chevron::before{border-style:solid;border-width:0.25em 0.25em 0 0;content:'';display:inline-block;height:0.45em;left:0.15em;position:relative;vertical-align:top;width:0.45em;top:0;transform:rotate(135deg);transition:transform 0.2s ease-in-out,top 0.2s ease-in-out}.beslisboom input:checked ~ label .chevron::before{top:0.15em;transform:rotate(315deg)}@media only screen and (max-width:769px){.beslisboom{border:none;padding:0;margin:0}.beslisboom .chevron{margin-right:2px}}@media only screen and (max-width:500px){.beslisboom .chevron{display:none}}h1{color:#254BBC;text-align:center;margin-top:20px;font-size:32px;line-height:40px;margin-bottom:10px}a{color:#254BBC}a:hover{text-decoration:underline}ul.linklist li{position:relative;padding-bottom:7px;font-size:18px;font-weight:bold;margin-left:35px;padding-left:10px;transition:padding-left 0.2s ease-in-out}ul.linklist li:hover{padding-left:20px}ul.linklist li a{text-decoration:none}ul.linklist{list-style:none}ul.linklist li:before{content:'';position:absolute;border-right:2px solid black;border-bottom:2px solid black;width:10px;height:10px;top:calc(50% - 4px);left:-20px;transform:translateY(-50%) rotate(-45deg)}@media print{div.footer,nav.topper,.no-print,.no-print *{display:none !important}}/* The Modal (background) */ .modal{display:none;/* Hidden by default */ position:fixed;/* Stay in place */ z-index:1;/* Sit on top */ padding-top:100px;/* Location of the box */ left:0;top:0;width:100%;/* Full width */ height:100%;/* Full height */ overflow:auto;/* Enable scroll if needed */ background-color:rgb(0,0,0);/* Fallback color */ background-color:rgba(0,0,0,0.9);/* Black w/ opacity */}/* Modal Content (Image) */ .modal-content{margin:auto;display:block;width:80%;max-width:700px}/* Caption of Modal Image (Image Text) - Same Width as the Image */ #caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}/* Add Animation - Zoom in the Modal */ .modal-content,#caption{animation-name:zoom;animation-duration:0.6s}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}/* The Close Button */ .close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:0.3s}.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer}/* 100% Image Width on Smaller Screens */ @media only screen and (max-width:700px){.modal-content{width:100%}}