a { color: #53a6cf; font-weight: 500; }

a:hover { color: #ed6b00; }

div.text { /*  margin:40px auto; max-width:860px; */ }

div.text h1 { font-size: 180%; color: #2a5e87; font-weight: 600; margin: 0 0 0.5em; }

div.text h2 { font-size: 100%; color: #2a5e87; font-weight: 600; margin: 1.5em 0 0.5em; }

div.text h3 { font-size: 100%; color: #2a5e87; font-weight: 500; margin: 1.5em 0 0.5em; }

div.text p.intro { font-weight: 500; }

div.text p, div.text ul, div.text ol { font-size: 85%; color: #111; font-weight: 300; line-height: 1.3em; margin: 0 0 1.4em; }

div.text ul, div.text ol { margin-left: 17px; padding: 0; }

div.text hr { border: none; border-bottom: 1px solid #415e85; margin: 1.5em 0; opacity: 0.5; }

div.text div.webetui-photo { display: inline-block; }

div.text div.webetui-bgimg { width: 200px; height: 100px; background-size: contain; background-repeat: no-repeat; }

div.text div.icons { margin: 0 0 20px auto; }

body.home div.text p.intro { font-size: 110%; font-weight: 400; }

div.webetui-wysiwyg.text div.text { max-width: 860px; margin: 0 auto; padding-top: 30px; }

div.videos-bottom { padding: 10px 20px 60px 20px; background: white; max-width: 860px; margin: 0 auto; font-size: 85%; border-bottom: 40px solid #fef5ee; }

div.videos-bottom h2 { font-size: 16px; color: #2a5e87; font-weight: 600; margin: 1.5em 0 0.5em; }

div.videos-bottom div.videos { display: flex; }

div.videos-bottom div.videos div.video:first-child { margin-right: 34px; }

div.videos-bottom div.videos div.video video { width: 360px; border: 6px solid black; border-radius: 12px; margin-bottom: 15px; }

body.over-deze-tool div.text { border-bottom: 0; }

body { font: medium Roboto, sans-serif; margin: 0; padding: 0; }

header { background: white; display: flex; }

header h1 { color: white; text-align: left; margin: 0; font-size: 135%; letter-spacing: 1px; padding: 20px; text-transform: uppercase; }

header h1 img.print { display: none; }

header nav.hamburger a.nav { display: none; }

header ul.menu { margin: 0; padding: 0; list-style-type: none; padding-top: 40px; padding-left: 40px; }

header ul.menu li { display: inline-block; }

header ul.menu a { display: block; padding: 4px 12px; margin-right: 14px; color: #415e85; text-decoration: none; font-weight: 500; font-size: 16px; }

header ul.menu a.selected, header ul.menu a:hover { color: #ed6b00; }

header ul.menu li.logout { position: absolute; top: 40px; right: 0px; }

header form.search { padding: 0 12px; margin: 38px 0 0 0; border: 1px green; }

header form.search input[type=text] { width: 0; padding: 0; width: 150px; background: white; padding: 5px; border: 2px solid #ed6b00; border-radius: 3px; }

header form.search button[type=submit] { color: black; font-size: 16px; }

header form.search button[type=submit] span { display: none; }

header form.search input[type=submit] { display: none; }

header nav, header form { display: none; }

header.menu-header nav, header.menu-header form { display: block; }

div.headerfoto { position: relative; }

div.headerfoto div.bgphoto { background-size: cover; background-position: center; height: 215px; }

div.headerfoto h1 { position: absolute; height: calc(215px - 66px); width: 100vw; padding-top: 64px; top: 0; color: white; font-size: 29px; font-style: italic; font-weight: 500; line-height: 1.3em; text-align: center; text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); }

main div.layout { background: #fef5ee; }

@media print { header h1 img { display: none; } header h1 img.print { display: block; } }

div.bg_oranje { background: #ed8026; padding: 20px 0 10px; }

div.bg_oranje p { max-width: 510px; }

div.bg_oranje a { color: white; }

div.bg_blauw { background: #a5b3c5; padding: 20px 0; }

div.bg_blauw div.animatie video { width: 790px; border: 6px solid black; border-radius: 12px; }

div.bg_blauw div.videos { display: flex; }

div.bg_blauw div.videos div.video:first-child { margin-right: 60px; }

div.bg_blauw div.videos div.video video { width: 360px; border: 6px solid black; border-radius: 12px; margin-bottom: 15px; }

div.bg_blauw div.videos div.video div.description { font-weight: 500; font-size: 90%; }

body.home div.bg_oranje div.text, body.home div.bg_blauw div.text, body.home-in div.bg_oranje div.text, body.home-in div.bg_blauw div.text { max-width: 860px; padding: 30px 20px; margin: 0 auto; }

body.home div.bg_oranje div.text h1, body.home div.bg_oranje div.text p, body.home div.bg_oranje div.text div.description, body.home div.bg_blauw div.text h1, body.home div.bg_blauw div.text p, body.home div.bg_blauw div.text div.description, body.home-in div.bg_oranje div.text h1, body.home-in div.bg_oranje div.text p, body.home-in div.bg_oranje div.text div.description, body.home-in div.bg_blauw div.text h1, body.home-in div.bg_blauw div.text p, body.home-in div.bg_blauw div.text div.description { color: white; }

body.home div.bg_oranje div.text p.intro, body.home div.bg_blauw div.text p.intro, body.home-in div.bg_oranje div.text p.intro, body.home-in div.bg_blauw div.text p.intro { font-weight: 500; max-width: 544px; }

div.initiatiefnemers-logos { background: white; padding: 40px 0; }

div.initiatiefnemers-logos div.mediaset { display: flex; max-width: 888px; margin: 0 auto; }

div.initiatiefnemers-logos div.mediaset img { height: 80px; }

body.interventie div.initiatiefnemers-logos { display: none; }

body.home main article, body.home-in main article { background: #edf1ed; }

body.home main article div.text, body.home-in main article div.text { background: none; min-height: 0; border-bottom: 0; }

body.home main article div.text h1, body.home-in main article div.text h1 { display: none; }

body.home main article div.text h3, body.home-in main article div.text h3 { margin-bottom: 1.5em; }

body.home main article div.text p.intro, body.home-in main article div.text p.intro { max-width: 620px; font-size: 85%; color: #111; font-weight: 300; }

body.home main article div.bg_blauw div.text, body.home-in main article div.bg_blauw div.text { max-width: 600px; }

body.home main article div.start-zoeken a, body.home-in main article div.start-zoeken a { display: block; color: #21426f; background: white; font-weight: 500; font-size: 15px; text-decoration: none; border: 2px solid #ccc; border-radius: 15px; padding: 6px 14px; float: right; margin-right: 30px; }

body.home main article div.items, body.home-in main article div.items { display: flex; max-width: 860px; padding: 0px 20px 80px; margin: 0 auto; }

body.home main article div.items div.item, body.home-in main article div.items div.item { width: 246px; margin-left: 20px; border-bottom-right-radius: 50px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }

body.home main article div.items div.item div.bgphoto, body.home-in main article div.items div.item div.bgphoto { height: 142px; background-size: cover; }

body.home main article div.items div.item div.text, body.home-in main article div.items div.item div.text { background: white; height: 200px; min-height: 0; padding: 15px; font-size: 90%; border-bottom-right-radius: 50px; border-bottom: 0; }

body.home main article div.items div.item div.text h2, body.home-in main article div.items div.item div.text h2 { margin: 0 0 0.6em; }

body.home main article div.items div.item:first-child, body.home-in main article div.items div.item:first-child { margin-left: 0; }

body.login main article { background: #fef5ee; padding: 40px 0; }

body.login main article div.text { background: none; max-width: 860px; min-height: 0; margin: 0 auto; padding-bottom: 0; border-bottom: 0; }

body.login main article div.text h3 { margin-top: 80px; }

body.login main article div.text div.mediaset .photo img { width: 180px; }

body.login main div.logos { background: white; max-width: 860px; margin: 40px auto; }

body.login main div.logos div.mediaset { display: flex; }

body.login main div.logos div.mediaset .photo img { width: 180px; }

main { /*  min-height: calc(100vh - 216px); */ }

main div.find, main div.urlfind, main ul.zoekfilter, main div.search { max-width: 860px; margin: 0 auto; padding: 20px; }

main div.label-auteur { display: none; }

main article { background: #fef5ee; }

main article div.terug_bar { max-width: 860px; margin: 0 auto; padding: 12px 0; }

main article div.terug_bar a.terug { display: block; text-decoration: none; font-size: 90%; }

main article div.terug_bar a.terug svg { margin-right: 4px; font-size: 12px; }

main article div.terug_bar a.print { display: block; float: right; font-size: 15px; margin-right: 4px; }

main article div.text { padding: 30px 20px; max-width: 860px; margin: 0 auto; border-bottom: 40px solid #fef5ee; min-height: calc(100vh - 440px); background: white; }

main article div.text h2.expand { position: relative; padding: 0 0 0 17px; cursor: pointer; margin-top: 10px; }

main article div.text h2.expand::before, main article div.text h2.expand::after { content: ' '; display: block; width: 12px; height: 2px; background-color: #53a6cf; border: 0; position: absolute; top: 8px; left: 0; }

main article div.text h2.expand::after { transform: rotate(-90deg); transition: transform 0.3s ease; }

main article div.text h2.expand.selected::after { transform: rotate(0deg); }

main article div.text div.inner { display: block; max-height: 0; overflow: hidden; transition: max-height 0.5s ease; padding-left: 18px; }

main article div.text div.inner.selected { max-height: 3800px; }

main article div.text div.grijs { background: #e8f4f9; padding: 25px; }

main article div.text div.grijs h2:first-child { margin-top: 0; }

main article div.text div.h1 { display: flex; }

main article div.text div.h1 h1 { margin-right: 100px; }

main article div.text div.labels-route { color: #415e85; margin: 0 0 26px; }

main article div.text div.labels-route a { text-decoration: none; }

main article div.text div.partner-referentie { display: flex; font-size: 80%; margin: 0 0 26px; }

main article div.text div.partner-referentie div.labels-partner { margin-right: 50px; }

main article div.text div.partner-referentie div.labels-partner::before { content: 'Partner: '; }

main article div.text div.partner-referentie div.labels-referentie::before { content: 'Hoofdartikel: '; }

main article div.text div.label-auteur { display: block; font-size: 80%; font-weight: 300; color: #111; margin: 0 0 20px; }

main article div.text div.interventies-per-partner div.tabs a { display: inline-block; padding: 6px 12px; text-transform: uppercase; text-decoration: none; color: #111; }

main article div.text div.interventies-per-partner div.tabs a.selected { background: #e8f4f9; }

main article div.text div.interventies-per-partner div.partners ul { display: none; }

main article div.text div.interventies-per-partner div.partners ul.selected { display: block; background: #e8f4f9; padding: 20px; margin: 0; list-style-type: none; min-height: 195px; }

main article div.text div.interventies-per-partner div.partners ul li { line-height: 2em; }

main article div.text div.interventies-per-partner div.partners ul li a { text-decoration: none; color: #111; }

main article div.text div.interventies-per-partner div.partners ul li a:hover { color: #ed6b00; }

main article form.login { max-width: 860px; margin: 0px auto 60px; }

main a.find-item { position: relative; text-decoration: none; color: #111; font-weight: 300; display: block; padding-bottom: 1.3em; margin: 0 0 1.3em; border-bottom: 1px solid #ed6b00; /* display:block via param icon=icon-visible / body.icons-visible */ }

main a.find-item h2 { font-size: 100%; color: #2a5e87; line-height: 1.5em; margin: 0; padding-right: 194px; }

main a.find-item p { margin: 0; }

main a.find-item div.labels { font-size: 80%; color: #415e85; }

main a.find-item div.labels em { font-style: normal; }

main a.find-item div.labels em:after { content: ': '; }

main a.find-item div.labels span.sep { margin: 0 4px; }

main a.find-item div.labels label { display: block; color: #53a6cf; font-weight: 400; }

main a.find-item div.labels.referentie label { display: inline-block; margin-left: 2px; }

main a.find-item div.labels.referentie label:after { content: ', '; }

main a.find-item div.labels.referentie label:last-child:after { content: ''; }

main a.find-item div.intro { font-size: 90%; line-height: 1.5em; }

main a.find-item div.icons { /* display:flex; */ display: none; position: absolute; right: 0; top: -2px; text-align: right; width: 184px; justify-content: flex-end; }

main a.find-item:hover h2 { color: #ed6b00; }

main a.find-item:hover p { color: black; }

main div.cluster h4, main div.cluster h5 { color: #53a6cf; font-size: 16px; font-weight: 500; padding: 0; border-bottom: 1px solid #ed6b00; padding-bottom: 1.3em; }

main div.cluster h4.visited, main div.cluster h5.visited { display: none; }

main div.find > div.cluster { margin: 0; }

main div.order { display: flex; max-width: 860px; text-align: right; margin: 0 auto; padding-bottom: 16px; }

main div.order h2.title { font-size: 85%; color: #415e85; margin: 0; }

main div.order div.order-buttons { margin: 0 0 0 auto; }

main div.order a { display: inline-block; position: relative; font-size: 85%; text-decoration: none; color: #415e85; margin: 0 5px; }

main div.order a svg { display: none; position: absolute; top: 17px; left: calc(50% - 5px); }

main div.order a.selected { color: #2a5e87; }

main div.order a.selected svg { display: block; margi: 0 2px 0 0; }

main div.find, main div.search, main div.urlfind { background: white; min-height: 1000px; }

main div.find div.count, main div.find div.term, main div.search div.count, main div.search div.term, main div.urlfind div.count, main div.urlfind div.term { display: none; }

main div.find > h2.title, main div.search > h2.title, main div.urlfind > h2.title { font-size: 100%; color: #2a5e87; font-weight: normal; text-align: center; }

main div.find > h2.title em, main div.search > h2.title em, main div.urlfind > h2.title em { font-weight: 600; font-style: normal; }

main div.find > h2.title em:first-child:before, main div.search > h2.title em:first-child:before, main div.urlfind > h2.title em:first-child:before { content: '"'; }

main div.find > h2.title em:last-child:after, main div.search > h2.title em:last-child:after, main div.urlfind > h2.title em:last-child:after { content: '"'; }

main div.find h5 { position: relative; padding: 0 0 0 32px; }

main div.find h5 div.icon { display: block; position: absolute; left: 0; top: -7px; }

main div.urlfind, main div.search { /*  	margin:60px auto 120px; */ }

main div.urlfind h1, main div.search h1 { color: #2a5e87; font-weight: 400; }

main div.urlfind > h2.title, main div.search > h2.title { position: relative; top: -90px; }

main div.search a.find-item div.icons, main div.search a.find-item div.labels.referentie { display: none; }

main div.search a.find-item.interventie { /*div.icons,*/ }

main div.search a.find-item.interventie div.labels.referentie { display: flex; }

main div.search_results > h2 { font-size: 100%; color: #2a5e87; font-weight: normal; text-align: center; margin: 30px 0; }

main div.icons { /*display:flex;*/ display: none; /* display:flex via param icon=icon-visible / body.icons-visible */ }

main div.icons div.icon { width: 28px; height: 28px; background-position: center center; background-size: contain; background-repeat: no-repeat; }

main div.icons div.icon.herstellen { background-image: url(/foto/herstellen.png); }

main div.icons div.icon.stoppen { background-image: url(/foto/stoppen.png); }

main div.icons div.icon.vergelden { background-image: url(/foto/vergelden.png); }

main div.icons div.icon.voorkomen-recidive { background-image: url(/foto/voorkomen-recidive.png); }

main div.icons div.icon.preventie-markt-en-samenleving { background-image: url(/foto/preventie-markt-en-samenleving.png); }

main div.icons div.icon.generale-preventie { background-image: url(/foto/generale-preventie.png); }

main div.icons div.icon.passief.herstellen { background-image: url(/foto/herstellen-passief.png); }

main div.icons div.icon.passief.rechter { background-image: url(/foto/strafrecht-passief.png); }

main div.icons div.icon.passief.stoppen { background-image: url(/foto/stoppen-passief.png); }

main div.icons div.icon.passief.vergelden { background-image: url(/foto/vergelden-passief.png); }

main div.icons div.icon.passief.voorkomen-recidive { background-image: url(/foto/voorkomen-recidive-passief.png); }

main div.icons div.icon.passief.preventie-markt-en-samenleving { background-image: url(/foto/preventie-markt-en-samenleving-passief.png); }

main div.icons div.icon.passief.generale-preventie { background-image: url(/foto/generale-preventie-passief.png); }

main div.icons div.icon.rechter { background-image: url(/foto/strafrecht.png); }

main div.icons div.icon.uitgebreide-beschrijving { background-image: url(/foto/uitgebreide-beschrijving.png); }

main div.icons div.icon.korte-beschrijving { background-image: url(/foto/korte-beschrijving.png); }

main div.icons div.icon.geen-beschrijving { background-image: url(/foto/geen-beschrijving.png); }

main div.icons div.icon.openbaar-ministerie { background-image: url(/foto/openbaar-ministerie.png); }

main div.icons div.icon.aanvullende-en-vervangende-interventies { background-image: url(/foto/alternatief.png); }

main div.icons div.icon.partners { background-image: url(/foto/alternatief.png); }

main div.icons div.icon.separator { border-right: 1px solid #ddd; width: 0; height: 12px; margin: 8px 12px; }

main form.login { max-width: 860px; margin: 0 auto; }

main form.login label { display: block; font-size: 13px; }

main form.login input[type=text], main form.login input[type=password] { border: 1px solid #eee; padding: 4px; border-radius: 3px; }

main form.login input[type=submit] { display: block; margin: 20px 0 20px 0; border: 0; background: #415e85; color: white; font: 14px Roboto; font-weight: 600; padding: 4px 12px; cursor: pointer; text-transform: uppercase; }

main form.login div.field { margin: 0 0 10px; }

main form.login span.eye { cursor: pointer; }

main form.login span.eye svg.fa-eye { display: none; }

main form.login span.eye.selected svg.fa-eye { display: inline; }

main form.login span.eye.selected svg.fa-eye-slash { display: none; }

main form.login a.forgotpw { display: block; font-size: 11.7px; color: #111; margin: 20px 0 20px 0; }

main form.login a.suggestion { font-size: 13px; }

main form.formulier label { font: 14px Roboto; display: block; margin: 0 0 4px; }

main form.formulier div.group > div.children > div { margin: 0 0 20px; }

main form.formulier div.group > div.children > div input[type=text], main form.formulier div.group > div.children > div div.static, main form.formulier div.group > div.children > div textarea { width: 90%; max-width: 400px; font: 14px Roboto; background: rgba(43, 88, 155, 0.12); border: 1px solid #111; padding: 4px; }

main form.formulier div.group > div.children > div textarea { height: 80px; }

main form.formulier div.field-error { font-size: 12px; color: #d00; }

main form.formulier input[type=submit] { display: block; margin: 30px 0; border: 0; background: #415e85; color: white; font: 14px Roboto; font-weight: 600; padding: 4px 12px; cursor: pointer; text-transform: uppercase; }

main div.labels-article { display: none; }

footer { background: #21426f; }

footer ul.menu-footer { max-width: 860px; padding: 15px 0; margin: 0 auto; list-style-type: none; }

footer ul.menu-footer li { display: inline-block; }

footer ul.menu-footer li a { color: white; display: inline-block; text-decoration: none; padding: 4px; margin-right: 30px; font-weight: 600; font-size: 14px; }

footer ul.menu-footer li a:hover, footer ul.menu-footer li a.selected { color: black; }

div.zoekfilter { background: white; padding: 40px 0 0 0; margin: 0 0 20px 0; /* span.info and span.infobtn */ }

div.zoekfilter ul { list-style-type: none; margin: 0 0 0 20px; padding: 0; }

div.zoekfilter ul.zoekfilter { max-width: 900px; margin: 0 auto 40px; }

div.zoekfilter li ul { display: none; }

div.zoekfilter li.selected > ul { display: block; }

div.zoekfilter > ul > li > a { font-weight: 600; font-size: 120%; }

div.zoekfilter > ul > li > a svg { display: none; }

div.zoekfilter ul.zoekfilter > li.partners { display: none; }

div.zoekfilter li.verdachte { display: none; }

div.zoekfilter li.zaaksfilters li.kenmerkend-voor-de-zaak { display: none; }

div.zoekfilter li.zaaksfilters li.aanknopingspunten { display: none; }

div.zoekfilter li.strafrechtpartners li.bod { display: none; }

div.zoekfilter li.strafrechtpartners li.om { display: none; }

div.zoekfilter li.strafrechtpartners li.rechter { display: none; }

div.zoekfilter a { position: relative; display: block; padding: 4px 14px 4px 14px; color: #2a5e87; text-decoration: none; font-size: 90%; }

div.zoekfilter a.checkbox { padding-left: 17px; }

div.zoekfilter a svg { position: absolute; }

div.zoekfilter a:hover { color: #ed6b00; }

div.zoekfilter a span.cnt { font-size: 75%; position: absolute; right: 0; top: 7px; }

div.zoekfilter a.checked, div.zoekfilter a.checked-parent { color: #ed6b00; }

div.zoekfilter a.all.checked { color: #415e85; }

div.zoekfilter a.checkbox svg { display: none; }

div.zoekfilter li.checked > a { color: #ed6b00; }

div.zoekfilter a.checked:hover, div.zoekfilter a.all.checked:hover { color: #415e85; }

div.zoekfilter span.info { display: none; background: #415e85; color: white; font-size: 75%; padding: 8px; margin: 0 -10px 0 17px; }

div.zoekfilter ul.zoekfilter > li a span.infobtn { font-size: 12px; margin-left: 4px; }

div.zoekfilter ul.zoekfilter > li a span.infobtn svg { position: static; display: inline-block; font-size: 100%; }

div.zoekfilter a.checkbox.checked svg { display: block; color: black; font-size: 85%; top: 5px; left: 1px; }

div.zoekfilter a.checkbox:before { content: ' '; display: block; width: 1em; height: 1em; position: absolute; left: 0; top: 4px; background: #2a5e87; opacity: 0.2; border-radius: 3px; }

div.zoekfilter a.all { font-style: italic; }

div.zoekfilter a.all svg { display: none; }

div.zoekfilter a.all.selected svg { display: block; font-size: 85%; top: 5px; left: 1px; }

div.zoekfilter a.chevron svg { font-size: 85%; left: 4px; top: 6px; }

div.zoekfilter a.chevron svg.fa-info-circle { display: none; }

div.zoekfilter li.selected > a.chevron svg.fa-chevron-right { transform: rotate(90deg); }

div.zoekfilter ul.zoekfilter > li > ul > li > a.chevron > div.icons { display: inline; display: none; }

div.zoekfilter ul.zoekfilter > li > ul > li > a.chevron > div.icons div.icon { display: inline-block; width: 17px; height: 17px; margin: 0 2px -4px -3px; }

div.zoekfilter ul.zoekfilter > li > ul > li > a.chevron > div.icons div.icon.passief { display: none; }

div.zoekfilter ul.zoekfilter > li > ul > li > a.chevron > div.icons div.icon.separator { display: none; }

div.zoekfilter ul.zoekfilter > li.doelen > ul > li > a, div.zoekfilter ul.zoekfilter > li.routes > ul > li > a { text-indent: -17px; margin-left: 17px; }

div.zoekfilter ul.zoekfilter > li.doelen > ul > li > a svg, div.zoekfilter ul.zoekfilter > li.routes > ul > li > a svg { left: -17px; }

div.zoekfilter ul.zoekfilter > li.beschrijving { display: none; }

div.zoekfilter > ul { display: flex; }

div.zoekfilter > ul > li { flex: 1 0 150px; }

body.icons-visible div.zoekfilter ul.zoekfilter > li > ul > li > a.chevron > div.icons { display: inline; }

body.icons-visible main a.find-item div.icons { display: flex; }

body.icons-visible main div.icons { display: flex; }

div.zoekfilter div.labels-container { background: #ed6b00; min-height: 32.5px; }

div.zoekfilter div.labels-container div.labels { margin: 0 auto; padding: 4px 0; max-width: 875px; }

div.zoekfilter div.labels-container div.labels label { position: relative; color: white; padding: 4px 24px 4px 8px; margin: 0 8px 08 0; font-size: 85%; display: inline-block; border-radius: 4px; cursor: pointer; }

div.zoekfilter div.labels-container div.labels label a.close { padding: 0; display: inline-block; position: absolute; right: 5px; top: 6px; width: 12px; height: 12px; border: 0; position: absolute; transition: transform 0.3s ease 0s; }

div.zoekfilter div.labels-container div.labels label a.close:before, div.zoekfilter div.labels-container div.labels label a.close:after { content: ' '; display: block; width: 2px; height: 12px; left: 5px; top: 0px; background: white; position: absolute; transition: all 0.3s ease 0s; }

div.zoekfilter div.labels-container div.labels label a.close:before { transform: rotate(45deg); }

div.zoekfilter div.labels-container div.labels label a.close:after { transform: rotate(-45deg); }

div.zoekfilter div.labels-container div.labels label:hover a.close:before { transform: rotate(90deg); }

div.zoekfilter div.labels-container div.labels label:hover a.close:after { transform: rotate(-90deg); }

div.zoekfilter div.labels-container div.labels label.wis { background: none; font-style: italic; margin-left: 12px; }

div.text div.below-article { margin: 20px auto 20px; max-width: 860px; display: flex; }

div.text div.below-article div.legal-intelligence a { display: block; color: #999; font-weight: 400; font-size: 17px; text-decoration: none; border: 2px solid #ccc; border-radius: 15px; padding: 4px 8px; }

div.text div.below-article div.legal-intelligence a b { color: #bb2819; font-weight: 600; }

div.text div.below-article div.geef-een-reactie { margin-left: auto; }

div.text div.below-article div.geef-een-reactie a { display: block; color: #21426f; background: white; font-weight: 500; font-size: 15px; text-decoration: none; border: 2px solid #ccc; border-radius: 15px; padding: 6px 14px; }

div.loadingbox { left: 0; top: 0px; /*height:100%;*/ width: 100%; margin-top: 280px; position: absolute; display: flex; justify-content: center; align-items: center; }

div.loadingbox div.loading { display: inline-block; position: absolute; z-index: 100; cursor: pointer; color: #2a5e87; background: #e8f4f9; font-size: 90%; padding: 18px 68px; margin: 0 auto; }

div.loadingbox div.loading svg { display: block; margin: 0 auto 5px auto; transition: margin 0.1s; }

div.loadingbox div.loading:hover svg { margin: 5px auto 0 auto; }

main article div.labels label { padding-right: 8px; cursor: default; }

ul.zoekfilter-routes-partners { display: none; }

ul.rolodex { display: none; }

body.nieuws article { max-width: 860px; margin: 0 auto; display: flex; }

body.nieuws article h1, body.nieuws article h3 { color: #415e85; }

body.nieuws article h1 { font-size: 150%; }

body.nieuws article div.selected-article { width: 400px; margin-right: 80px; }

body.nieuws article div.selected-article h1 { font-size: 200%; }

body.nieuws article div.selected-article div.text { padding-top: 20px; }

body.nieuws article div.selected-article div.text h1 { font-size: 135%; }

body.nieuws article div.selected-article div.photo img { width: 400px; }

body.nieuws article div.selected-article div.loading { color: #ccc; margin: 40px; }

body.nieuws article div.all-articles { width: 350px; padding-top: 70px; }

body.nieuws article div.all-articles a { display: block; position: relative; padding-left: 135px; overflow: hidden; height: 110px; margin: 0 0 10px; color: #111; text-decoration: none; }

body.nieuws article div.all-articles a div.photo img { position: absolute; left: 0; top: 0; width: 125px; }

body.nieuws article div.all-articles a h2 { font-size: 75%; color: #415e85; margin: 0 0 4px; }

body.nieuws article div.all-articles a p { font-size: 75%; font-weight: 300; max-height: 50px; overflow: ellipsis; margin: 0; }

body.nieuws article div.all-articles a div.date { font-size: 70%; font-weight: 300; margin: 0 0 4px; }

body.nieuws article div.all-articles a div.date span { display: none; }

@media only screen and (max-width: 600px) { header { display: block; } header form.search { display: none; } header nav.hamburger a.nav { display: block; right: 20px; top: 16px; width: 40px; height: 40px; /*background:#eee;*/ } header nav.hamburger a.nav label { display: none; } header nav.hamburger a.nav div.bars div, header nav.hamburger a.nav div.bars div:before, header nav.hamburger a.nav div.bars div:after { background: #bce4fa; width: 40px; height: 6.5px; } header nav.hamburger a.nav div.bars div.top { top: 4px; /*background:blue*/ } header nav.hamburger a.nav div.bars div.mid { top: 18px; /*background:red*/ } header nav.hamburger a.nav div.bars div.bot { top: 31px; /*background:purple*/ } header nav.hamburger a.nav:hover div.bars div, header nav.hamburger a.nav:hover div.bars div:before, header nav.hamburger a.nav:hover div.bars div:after { background: #f5dac2; } header nav.hamburger ul.menu { margin: 0; padding: 0 0 0px; list-style-type: none; max-width: none; max-height: 0px; overflow: hidden; text-align: right; transition: all 0.3s; } header nav.hamburger ul.menu li { display: block; } header nav.hamburger ul.menu li a { display: block; color: #415e85; text-decoration: none; font-size: 105%; text-transform: uppercase; font-weight: 600; padding: 8px 0; } header nav.hamburger ul.menu li a:hover, header nav.hamburger ul.menu li a.selected { color: #ed6b00; } header nav.hamburger ul.menu li.logout { top: 70px; } header nav.hamburger a.nav.selected div.bars div.top { background: #f5dac2; transform: translateY(14px) rotateZ(-45deg); } header nav.hamburger a.nav.selected div.bars div.bot { background: #f5dac2; transform: translateY(-13px) rotateZ(45deg); } header nav.hamburger a.nav.selected div.bars div.mid { display: none; } header nav.hamburger.selected ul.menu { padding: 0 0 20px; max-height: 160px; } main article form.login { margin: 20px; } div.initiatiefnemers-logos div.mediaset { display: block; } div.initiatiefnemers-logos div.mediaset div.photo { text-align: center; } div.initiatiefnemers-logos div.mediaset img { margin: 0 0 30px; height: 80px; } footer { text-align: center; } }

/*# sourceMappingURL=ivt.css.map */