/*   colors   */
h1, h2, h3 { font-family: portada; font-weight: 400; }

h1 { font-size: 200%; margin: 0 0 .8em; }

h2 { font-size: 155%; margin: 2em 0 0.5em; }

h3 { font-size: 120%; margin: 0 0 0.3em; }

h4 { font-size: 100%; margin: 0 0 0.2em; font-weight: bold; }

h5 { color: #202020; font-family: "Raleway"; font-weight: 300; font-size: 34px; letter-spacing: 1px; text-align: center; margin: 0 0 1.5em; width: auto; }

p { font-size: 95%; margin: 0 0 1.5em; line-height: 1.5em; }

div.intro { font-size: 135%; font-weight: 400; }

div.kader { background: #efebe5; padding: 24px 24px 6px 24px; margin: 0 0 15px; font-size: 90%; }

ul, ol { margin: 0 0 1.5em; }

li { font-size: 95%; line-height: 1.5em; margin: 0 0 0.3em; }

a { color: #CA082F; }

a:hover { color: black; text-decoration: underline; }

a { text-decoration: none; }

a.button { color: white; background: #CA082F; display: inline-block; font-weight: 600; padding: 6px 8px; margin: 0 16px 20px 0; font-size: 16px; border: 0; }

a.button:hover, a.button.selected { background: black; color: white; text-decoration: none; }

a.button.pdf { padding-left: 40px; position: relative; }

a.button.pdf:before { content: ''; display: block; width: 34px; height: 50px; position: absolute; left: -2px; top: -12px; background-image: url("/svg/pdf.svg"); background-size: contain; background-repeat: no-repeat; }

@media screen and (min-width: 800px) { a.button { font-weight: 500; padding: 10px 16px; margin: 40px 12px 40px 0; } }

a.arrow:after { content: " >"; }

blockquote { color: #a68111; margin: 0 0 1em; font: 32px Portada; font-style: italic; }

div.author { margin: -28px auto 32px auto; }

div.author p { margin: 0; font-size: 13px; font-weight: 300; }

article ul { list-style-type: none; padding: 0; }

article ul li { position: relative; padding-left: 24px; }

article ul li:before { display: block; position: absolute; left: 0; top: 0.5em; content: ' '; width: 5px; height: 5px; background: #202020; }

article ul.menu { border-top: 2px solid #202020; margin-top: 60px; padding-top: 30px; }

article ul.menu li { padding: 0; }

article ul.menu li:before { display: none; }

article ul.menu li a { color: #202020; font-weight: 600; }

article ul.menu li a:before { content: '> '; margin: 0 4px 0 0; color: #CA082F; }

article ul.menu li a:hover, article ul.menu li a.selected { color: #CA082F; text-decoration: none; }

article ul.menu li ul { display: none; }

article table.tabel { width: 800px; margin: 0 auto 2em auto; }

article table.tabel td, article table.tabel th { background: #efebe5; font-size: 90%; padding: 4px 12px; border-bottom: 1px solid white; border-right: 1px solid white; }

article table.tabel th { text-align: left; font-weight: 500; color: white; background: #cab799; }

article div.partners { display: grid; grid-gap: 50px; align-items: center; grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); margin: 15px; }

article div.partners p { margin: 0; width: auto; }

article div.partners p img { width: auto; }

ul.date { list-style-type: none; }

ul.date li { padding: 0; }

ul.date li:before { display: none; }

ul.date a { color: #202020; }

ul.date a span.date { margin: 0 24px 0 0; }

ul.date a:hover { color: #CA082F; }

body { margin: 0; padding: 0; font: medium "Raleway"; color: #202020; font-weight: 500; overflow-x: hidden; }

main { margin: 0 12px; }

div.service { text-align: right; }

div.service a { color: #202020; }

div.service a:hover, div.service a.selected { color: #CA082F; text-decoration: none; }

div.service a.search { display: block; position: absolute; left: 12px; top: 12px; font-size: 125%; }

div.service a.search svg { font-size: 20px; }

div.service a.search label { font-weight: 600; padding-left: 6px; cursor: pointer; }

div.service ul.service { display: none; }

header { padding: 80px 0 70px; }

header a.logo { display: block; margin: 0 auto; padding-left: 30px; color: #202020; background-image: url(/gfx/stichtingerm-logo.png); background-size: contain; background-position: 30px 0; text-decoration: none; background-repeat: no-repeat; width: 130px; height: 64px; padding-left: 166px; padding-top: 6px; }

header a.logo h1 { display: block; font: 10px 'Merriweather'; font-weight: 300; line-height: 14px; padding: 0; margin: 0; }

header a.logo h1 strong { display: block; font-weight: 700; margin-top: 8px; }

nav a.nav { display: block; position: absolute; right: 10px; top: 10px; padding-right: 30px; }

nav a.nav label { font-weight: 600; font-size: 125%; display: block; color: #202020; padding-right: 6px; padding-top: 2px; cursor: pointer; }

nav a.nav div.bars { display: block; position: absolute; right: 0; top: 0; z-index: 100; width: 30px; height: 20px; }

nav a.nav div.bars div, nav a.nav div.bars div:before, nav a.nav div.bars div:after { position: absolute; display: block; width: 27px; height: 3px; top: 12px; background: #202020; border-radius: 2px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }

nav a.nav div.bars div:before { content: ''; top: -8px; }

nav a.nav div.bars div:after { content: ''; top: 8px; }

nav a.nav:hover { color: #CA082F; text-decoration: none; }

nav a.nav:hover label { color: #CA082F; }

nav a.nav:hover div.bars div, nav a.nav:hover div.bars div:before, nav a.nav:hover div.bars div:after { background: #CA082F; }

nav a.nav.selected div.bars div { background-color: transparent; }

nav a.nav.selected div.bars div:before { transform: translateY(8px) rotateZ(-45deg); -webkit-transform: translateY(8px) rotateZ(-45deg); }

nav a.nav.selected div.bars div:after { transform: translateY(-8px) rotateZ(45deg); -webkit-transform: translateY(-8px) rotateZ(45deg); }

nav ul.menu { position: absolute; z-index: 30; top: 47px; left: 100%; width: 100%; margin: 0; padding: 0; list-style-type: none; transition: left 0.3s ease 0s; }

nav ul.menu li { margin: 0; border-bottom: 1px solid #efebe5; }

nav ul.menu a { display: block; color: white; background: #CA082F; text-decoration: none; font-weight: 600; padding: 12px 12px; font-size: 125%; }

nav ul.menu a:hover { color: white; background: #202020; }

nav ul.menu li:last-child a { margin-right: 0; }

nav ul.menu > li ul { max-height: 0; transition: max-height 0.4s ease-out; transition-delay: 0; overflow: hidden; list-style-type: none; margin: 0; padding: 0; background: #efebe5; }

nav ul.menu > li ul li:first-child { margin-top: 12px; }

nav ul.menu > li ul li:last-child { margin-bottom: 12px; }

nav ul.menu > li ul li { float: none; width: auto; margin: 0; }

nav ul.menu > li ul li a { color: #202020; background: none; position: relative; padding: 6px 6px 6px 29px; }

nav ul.menu > li ul li a:hover { color: #CA082F; background: none; }

nav ul.menu > li ul li a:before { content: '> '; color: #CA082F; position: absolute; display: block; left: 12px; top: 4px; }

nav ul.menu > li.has_ul > a { position: relative; }

nav ul.menu > li.has_ul > a:before, nav ul.menu > li.has_ul > a:after { content: ' '; display: block; position: absolute; right: 10px; top: 22px; width: 16px; height: 2px; background: white; }

nav ul.menu > li.has_ul > a:after { transform: rotate(90deg); transition: transform 0.4s ease-out; }

nav ul.menu > li.has_ul.expanded > a:after { transform: rotate(0deg); }

nav ul.menu > li.has_ul.expanded ul { max-height: 800px; }

nav.selected ul.menu { display: block; left: 0; }

nav ul.service { display: none; }

div.slides { height: 340px; margin: 0 0 2em 0; position: relative; }

div.bgslideshow { position: relative; width: 100%; margin: 0; }

div.bgslideshow div.slide { position: absolute; left: 0; top: 0; z-index: 8; width: 100%; height: 340px; background-size: cover; background-position: center center; display: none; }

div.bgslideshow div.slide.bovenop { z-index: 10; }

div.bgslideshow div.slide.erachter { z-index: 9; }

div.bgslideshow div.slide div.caption { width: 100%; height: 100%; text-align: center; display: flex; justify-content: center; align-items: center; }

div.bgslideshow div.slide div.caption h3 { color: white; font: 38px Faustina; font-style: italic; margin: 0; }

div.bgslideshow_bullets { z-index: 11; position: absolute; bottom: 10px; width: 100%; text-align: center; }

div.bgslideshow_bullets a { display: inline-block; margin: 0 7px 0 0; width: 10px; height: 10px; background: white; border-radius: 5px; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4); }

div.bgslideshow_bullets a.active { background: #CA082F; }

div.bgslideshow_bullets a:hover { background: #202020; }

a.find-item { display: block; position: relative; width: 320px; width: 100%; height: 170px; padding: 170px 0 0 0; background: #efebe5; margin: 0 30px 30px 0; }

a.find-item label { color: #202020; font-size: 14px; display: block; margin: 0 0 0.7em 0; }

a.find-item label strong { text-transform: uppercase; }

a.find-item div.photo { position: absolute; left: 0; top: 0; width: 320px; width: 100%; height: 160px; background: #f0f0f0; background-size: cover; background-position: center; transition: filter 0.3s; }

a.find-item label, a.find-item h2, a.find-item p { margin: 0 20px 10px; }

a.find-item h2 { width: auto; text-align: left; font: 19px portada; font-weight: 700; color: #CA082F; margin-bottom: 5px; }

a.find-item p { color: #202020; }

a.find-item:hover { text-decoration: none; }

a.find-item:hover div.photo { filter: grayscale(100%); }

a.find-item:hover p { color: #CA082F; }

a.find-item:hover p svg { color: #CA082F; }

div.ameer { text-align: center; }

div.ameer a.meer { font-size: 20px; }

div.uitgelicht a.find-item { color: #202020; margin: 0 0 40px; position: static; width: auto; height: auto; padding: 0; background: none; }

div.uitgelicht a.find-item div.photo { position: static; }

div.uitgelicht a.find-item div.intro { font-size: 100%; line-height: 1.5em; margin: 0 0 0.5em; }

div.uitgelicht a.find-item h2, div.uitgelicht a.find-item p { margin: 0 0 0.5em; }

div.uitgelicht a.find-item h2 { font-size: 215%; color: #202020; }

article { padding-bottom: 60px; }

body.index article { padding-bottom: 0; }

article img { max-width: calc(100% + 24px); margin: 0 -12px; }

article iframe { width: calc(100% + 24px); margin: 0 -12px 2em -12px; height: 56.25vw; }

article div.fotos img { max-width: calc(100% - 24px); margin: 0; }

article div.photo, article p.photo { margin-bottom: 2em; }

article div.photo div.description, article div.photo em, article p.photo div.description, article p.photo em { font-size: 14px; font-weight: 300; margin: 0.5em 0 2em; }

article label strong { color: #a68111; text-transform: uppercase; font-weight: 500; font-size: 85%; }

article div.labeldate { margin-bottom: 6px; display: none; }

body.nieuws article div.labeldate { display: block; }

article div.todo { color: orange; }

article div.breadcrumb ul.breadcrumb { list-style-type: none; padding: 0; margin: 0 0 6px; }

article div.breadcrumb ul.breadcrumb li { display: inline; padding: 0; }

article div.breadcrumb ul.breadcrumb li:first-child { display: none; }

article div.breadcrumb ul.breadcrumb li:last-child { display: none; }

article div.breadcrumb ul.breadcrumb li:before { display: none; }

article div.breadcrumb ul.breadcrumb li a { color: #a68111; }

article div.breadcrumb ul.breadcrumb li a:hover { color: #202020; text-decoration: none; }

body.nieuws article div.breadcrumb { display: none; }

article div.versie { margin-bottom: 80px; }

article div.versie h1 { margin-bottom: 5px; }

article div.versie h2 { font-weight: 300; font-size: 18px; margin: 0 0 5px; color: #a68111; }

article div.versie h2 a { border: 0; color: #202020; }

article div.versie h2 a:hover { color: #CA082F; }

article div.versie h2 div.versies { /*color:$warmgrey2;*/ color: #202020; font-size: 90%; margin: 20px 0 0 0; line-height: 24px; }

article div.versie h2 div.versies a { /*color:$warmgrey2;*/ color: #202020; border-color: #a09f9f; border: 0; }

article div.versie h2 div.versies a:hover { color: #CA082F; }

article div.richtlijn-kenmerken h2, article div.werkzaamheden h2 { color: #a68111; font: 14px Raleway; text-transform: uppercase; margin: 0 0 4px; }

article div.richtlijn-kenmerken p, article div.werkzaamheden p { font-size: 125%; }

article div.richtlijn-kenmerken ul li, article div.werkzaamheden ul li { font-size: 125%; }

article div.richtlijn-buttons { margin: 0 0 30px; }

article div.richtlijn-buttons div.share { display: none; }

article div.richtlijn-buttons div.share.selected { display: block; }

article div.richtlijn-buttons div.share a { font-size: 28px; border: 0; display: inline-block; margin-left: 15px; }

article div.kernpunten, article div.naarbedrijven { border: 2px solid #202020; background: white; position: relative; padding: 10px 15px; margin: 0 0 30px; }

article div.kernpunten h2, article div.naarbedrijven h2 { font-size: 200%; padding-right: 46px; margin: 0 0 1em; }

article div.kernpunten h3, article div.kernpunten p, article div.naarbedrijven h3, article div.naarbedrijven p { margin: 0; }

article div.kernpunten p, article div.naarbedrijven p { font-size: 20px; line-height: 24px; }

article div.kernpunten p a, article div.naarbedrijven p a { display: block; color: #CA082F; font: 18px "Playfair Display"; line-height: 1.2em; font-weight: 700; border: 0; margin: 4px 0; }

article div.kernpunten:after, article div.naarbedrijven:after { content: ''; display: block; position: absolute; right: 0; top: 0; background-image: url(/svg/eye.svg); background-size: 40px; background-position: center center; width: 54px; height: 54px; background-repeat: no-repeat; border-left: 2px solid #202020; border-bottom: 2px solid #202020; }

article div.naarbedrijven { min-height: 190px; background-image: url(/gfx/kaart-dotted-nl.gif); background-repeat: no-repeat; background-position: right bottom; background-size: 160px 160px; }

article div.naarbedrijven:after { background-image: url(/svg/map.png); }

article div.kernpunten ul, article div.certificeren ul { margin: 0; padding: 0; list-style-type: none; padding: 0; list-style-image: none; }

article div.kernpunten ul li, article div.certificeren ul li { position: relative; font-size: 20px; line-height: 28px; margin: 0 20px 0 0; padding: 0 0 0 40px; }

article div.kernpunten ul li:before, article div.certificeren ul li:before { content: ''; display: block; position: absolute; left: 3px; top: 2px; height: 1.3em; width: 1.3em; background-image: url("/svg/tick.svg"); background-size: contain; background-repeat: no-repeat; background-color: white; }

article div.accordion { margin: 0 0 40px; }

article div.accordion h2 { color: #202020; cursor: pointer; font-family: "Raleway"; font-size: 19px; line-height: 26px; border-top: 2px solid #202020; margin: 0; padding: 16px 36px 16px 0; position: relative; }

article div.accordion h2:hover { color: #CA082F; }

article div.accordion h2 div.accordion-icon { position: absolute; right: 0px; top: 26px; width: 16px; height: 2px; background: #202020; }

article div.accordion h2 div.accordion-icon:after { content: ' '; display: block; position: absolute; width: 16px; height: 2px; background: #202020; transform: rotate(90deg); transition: transform 0.4s ease-in-out; }

article div.accordion h2.selected div.accordion-icon:after { transform: rotate(0deg); }

article div.accordion div.accordion-container { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-in-out; }

article div.accordion div.accordion-container.selected { max-height: 1800px; }

article div.accordion div.accordion-container.last { border-bottom: 2px solid #202020; }

article div.relatednews a.find-item h2, article div.relatednews a.find-item label, article div.relatednews a.find-item p { margin: 0 10px 5px 10px; }

article div.meer { display: none; }

article div.meer.selected { display: block; }

article div.zoeken { background: #efebe5; padding: 20px 0 20px; }

body.index article div.zoeken { padding-top: 0; }

article div.zoeken h3 { margin: 0 0 20px 20px; color: #CA082F; font-family: Faustina; font-style: italic; font-size: 24px; }

article div.zoeken p img { width: 100%; }

article div.filters-populair { background: #efebe5; padding: 0 20px; }

article div.filters-populair p a { margin: 0 8px 8px 0; }

article form.zoeken { margin: 0 20px; padding: 0; position: relative; }

article form.zoeken input[type=text] { border: 0; padding: 13px 16px 13px 40px; width: calc(100% - 57px); font-size: 20px; }

article form.zoeken input.dimmed[type=text] { color: #999090; font-style: italic; font-size: 20px; }

article form.zoeken button { border: 0; background: none; padding: 0; width: 27px; height: 27px; position: absolute; left: 10px; top: 10px; font-size: 27px; }

article ul.tagmenu { display: none; max-height: 400px; list-style-type: none; background: #faf9f7; padding: 10px 10px 10px 40px; }

article ul.tagmenu li { color: #a68111; cursor: pointer; margin: 0; padding: 0; background: none; }

article ul.tagmenu li:before { display: none; }

article ul.tagmenu li:hover { color: #202020; }

article div.webetui_extfunc[webetui_function="form"] { background: #efebe5; }

article form.formulier { padding: 20px 0; }

article form.formulier div#error { font-weight: 500; color: #CA082F; margin: 0 0 20px; }

article form.formulier div.error label { color: #CA082F; }

article form.formulier label { color: #666060; display: block; margin: 0 0 10px; text-transform: none; margin: 0 0 6px; font-weight: 300; font-size: 15px; }

article form.formulier div.radiogroup { margin: 0 0 30px; }

article form.formulier div.radiogroup div.radio_item { margin: 0 0 10px; }

article form.formulier div.radiogroup div.radio_item span.radio_label { color: #666060; font-weight: 300; }

article form.formulier div.textarea.toelichting { display: none; }

article form.formulier input[type=text], article form.formulier textarea { border: 0; font-size: 15px; padding: 6px; margin: 0 0 20px; }

article form.formulier input[type=submit] { color: white; background: #CA082F; display: inline-block; font-weight: 600; padding: 6px 8px; margin: 0 16px 20px 0; font-size: 16px; border: 0; cursor: pointer; }

article form.formulier input[type=submit]:hover, article form.formulier input.selected[type=submit] { background: black; color: white; text-decoration: none; }

article form.formulier input.pdf[type=submit] { padding-left: 40px; position: relative; }

article form.formulier input.pdf[type=submit]:before { content: ''; display: block; width: 34px; height: 50px; position: absolute; left: -2px; top: -12px; background-image: url("/svg/pdf.svg"); background-size: contain; background-repeat: no-repeat; }

@media screen and (min-width: 800px) { article form.formulier input[type=submit] { font-weight: 500; padding: 10px 16px; margin: 40px 12px 40px 0; } }

article form.formulier input.readonly { background: #f6f3f0; }

article div.filter div.filter-options h3 { margin-bottom: 40px; }

article div.filter div.filter-options ul { list-style-image: none; list-style-type: none; margin: 0; }

article div.filter div.filter-options ul li { padding: 0; margin: 0 0 40px; }

article div.filter div.filter-options ul li h4 { font-size: 19px; font-weight: 500; margin: 0 0 20px; }

article div.filter div.filter-options ul li div.checkboxes a { display: block; border: 0; margin: 0; position: relative; color: white; font-size: 90%; line-height: 1em; border-left: 16px solid white; padding: 1px 0 1px 4px; margin: 0 0 1em; }

article div.filter div.filter-options ul li div.checkboxes a:before, article div.filter div.filter-options ul li div.checkboxes a:after { content: ' '; display: block; position: absolute; width: 3px; background: #a99980; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; transition: height 0.3s ease 0s; }

article div.filter div.filter-options ul li div.checkboxes a:before { transform: rotate(-35deg); transform-origin: top; top: 4px; height: 0px; left: -15px; transition-delay: 0s; }

article div.filter div.filter-options ul li div.checkboxes a:after { transform: rotate(30deg); transform-origin: bottom; bottom: 2px; height: 0px; left: -10px; transition-delay: 0.3s; }

article div.filter div.filter-options ul li div.checkboxes a.selected:before { height: 11px; }

article div.filter div.filter-options ul li div.checkboxes a.selected:after { height: 18px; }

article div.filter div.filter-selected label { display: inline-block; position: relative; color: white; background: #a99980; padding: 4px 26px 4px 8px; margin: 10px 10px 0 0; font-size: 85%; cursor: pointer; }

article div.filter div.filter-selected label a { display: inline-block; position: absolute; right: 0; top: 0; width: 25px; height: 25px; border: 0; position: absolute; transition: transform 0.3s ease 0s; }

article div.filter div.filter-selected label a:before { content: ' '; display: block; width: 2px; height: 14px; left: 11px; top: 5px; background: white; position: absolute; transform: rotate(45deg); }

article div.filter div.filter-selected label a:after { content: ' '; display: block; width: 2px; height: 14px; left: 11px; top: 5px; background: white; position: absolute; transform: rotate(-45deg); transition: all 0.3s ease 0s; }

article div.filter div.filter-selected label a:hover { transform: rotate(45deg); }

article div.filter div.filter-selected label a:hover:after { height: 2px; top: 11px; }

article div.filter div.filter-selected label:hover a { transform: rotate(45deg); }

article div.filter div.filter-selected label:hover a:after { height: 2px; top: 11px; }

article div.filters-populair a { color: white; background: #CA082F; display: inline-block; font-weight: 600; padding: 6px 8px; margin: 0 16px 20px 0; font-size: 16px; border: 0; }

article div.filters-populair a:hover, article div.filters-populair a.selected { background: black; color: white; text-decoration: none; }

article div.filters-populair a.pdf { padding-left: 40px; position: relative; }

article div.filters-populair a.pdf:before { content: ''; display: block; width: 34px; height: 50px; position: absolute; left: -2px; top: -12px; background-image: url("/svg/pdf.svg"); background-size: contain; background-repeat: no-repeat; }

@media screen and (min-width: 800px) { article div.filters-populair a { font-weight: 500; padding: 10px 16px; margin: 40px 12px 40px 0; } }

article div.search-result h2 { margin: 1.5em 0; }

article div.result div.theader { display: none; }

article div.result a.item { display: block; border: 0; margin: 0 0 30px; padding: 0 0 0 60px; position: relative; }

article div.result a.item label { margin: 0; display: block; }

article div.result a.item label strong { font-size: 75%; }

article div.result a.item b { font-weight: 500; font-size: 115%; line-height: 26px; color: #202020; }

article div.result a.item span.versie { font-size: 14px; color: #a09f9f; }

article div.result a.item:before { content: ''; display: block; position: absolute; left: 0; top: 12px; height: 45px; width: 45px; background-image: url("/svg/information.svg"); background-size: contain; background-repeat: no-repeat; }

article div.result a.item.uitvoeringsrichtlijn:before { background-image: url("/svg/url.svg"); }

article div.result a.item.beoordelingsrichtlijn:before { background-image: url("/svg/brl.svg"); }

article div.result a.item.publicatie:before { background-image: url("/svg/publication.svg"); }

article div.result a.item.pdf:before { background-image: url("/svg/pdf.svg"); }

article div.result a.item.stappenplan:before { background-image: url("/svg/stappenplan.svg"); }

article div.result a.item:hover { text-decoration: none; }

article div.result a.item:hover b { color: #CA082F; }

article div.result a.item span.tabel { display: none; }

article div.certificeren { margin: 0 0 60px; }

article div.certificeren a { display: block; margin: 0 0 2em; font-family: "Playfair Display"; font-weight: 300; font-size: 27px; line-height: 32px; color: #a68111; border: none; }

article div.certificeren a:after { content: ''; display: inline-block; height: 15px; width: 30px; margin-left: 10px; background-image: url("/svg/arrow.svg"); background-size: contain; background-repeat: no-repeat; }

article div.personen { margin: 0 0 30px 204px; }

article div.personen p { background: #f0f0f0; width: 180px; height: 330px; float: left; margin: 0 30px 30px 0; padding-bottom: 5px; line-height: 1.2em; }

article div.personen p br { display: none; }

article div.personen p strong, article div.personen p em, article div.personen p a { display: block; margin: 0 8px 3px 8px; }

article div.personen p strong { font-size: 90%; }

article div.personen p em { font-size: 80%; margin-bottom: 0; }

article div.personen p em br { display: block; }

article div.personen p a { font-size: 85%; border: 0; }

article div.personen p img { display: block; width: 100%; margin: 0 0 5px; }

article div.personen hr { clear: left; margin: 0; padding: 0; border-color: white; }

article div.onderwerpen-fotos { margin: 0 0 30px 204px; display: grid; grid-template-columns: repeat(auto-fill, 280px); grid-gap: 30px; grid-auto-flow: dense; }

article div.onderwerpen-fotos a { display: block; width: 100%; height: 188px; border-right: 10px solid white; border-bottom: 10px solid white; /*margin:0 3px 3px 0;*/ overflow: hidden; position: relative; }

article div.onderwerpen-fotos a div.foto { width: 100%; height: 100%; background-size: cover; background-position: center center; background-color: #AAA; transition: all 0.3s ease 0s; }

article div.onderwerpen-fotos a h2 { width: 80%; height: 100%; position: absolute; left: 0; top: 0; margin: 0; padding: 0 10%; text-align: center; color: white; font-size: 20px; line-height: 28px; margin: 0; display: flex; align-items: center; justify-content: space-around; text-shadow: 1px 1px 3px black; background: rgba(55, 55, 55, 0.4); transition: all 0.3s ease 0s; }

article div.onderwerpen-fotos a:hover div.foto { transform: scale(1.2); }

article div.onderwerpen-fotos a:hover h2 { background: rgba(255, 255, 255, 0); }

article div.view { position: relative; overflow: hidden; margin: 0 0 30px; }

article div.schemawkb { display: grid; grid-template-columns: 1fr; grid-gap: 20px; background: #e9e9e9; margin: 0 0 2em; padding: 20px; background-image: linear-gradient(to bottom, #e9e9e9, #f6f6f6); border-top-left-radius: 20px; border-top-right-radius: 20px; }

article div.schemawkb div.left, article div.schemawkb div.right { /*flex:1 1 0; */ background: #f5d5cf; padding: 20px; color: black; border-top-left-radius: 20px; border-top-right-radius: 20px; }

article div.schemawkb div.left h2, article div.schemawkb div.right h2 { font-size: 100%; margin: 0 0 0.5em; min-height: 38px; }

article div.schemawkb div.mid { /*flex:0 0 0;*/ padding: 0 10px 0 10px; /*h2 { position:relative; top:-50px; color:white }*/ }

article div.schemawkb div.mid h2 { text-align: center; }

article div.schemawkb h2, article div.schemawkb ul { width: auto; margin: 0; font-family: Raleway; }

article div.schemawkb ul li:before { background: white; }

article div.slideshow div.photos div { display: none; height: 300px; background-size: cover; }

article div.slideshow div.photos div.selected { display: block; }

article div.slideshow div.photos div.notselected { display: none; }

article div.slideshow div.descriptions div { display: none; }

article div.slideshow div.descriptions div.selected { display: block; }

article div.slideshow a.verder { display: block; width: 54px; height: 54px; background-image: url(/gfx/arrow-slideshow.png); background-size: contain; }

article div.bestellen { margin: 40px 110px 50px; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 30px; grid-auto-flow: dense; }

article div.bestellen p { width: auto; }

article div.bestellen a { display: block; position: relative; width: 200px; background: #ddd; min-height: 215px; padding-bottom: 50px; }

article div.bestellen a div.foto { width: 160px; height: 215px; background-size: contain; background-position: center; background-repeat: no-repeat; }

article div.bestellen a h2 { position: absolute; height: 58px; bottom: 0; background: #d2d3d4; margin: 0; font-family: Arial; color: #231f20; font-weight: normal; width: 100%; font-size: 80%; line-height: 1.2em; }

article div.bestellen a h2 span { display: block; padding: 8px; }

article div.bestellen a:hover h2 { color: #CA082F; }

body.kennis-richtlijnen article div.search-result div.toggleswitch { display: none; }

article.kennis-richtlijnen h1 { margin-bottom: 0.5em; }

article.kennis-richtlijnen div.intro p { margin-bottom: 0.5em; }

article.kennis-richtlijnen div.text { margin: 0 0 60px; }

article.kennis-richtlijnen div.zoeken div.filter a.button, article.kennis-richtlijnen div.zoeken div.filter div.filter-buttons { display: none; }

article.kennis-richtlijnen div.zoeken div.filter div.filter-options h3 { display: none; }

article.kennis-richtlijnen div.zoeken div.filter div.filter-options ul li { margin: 20px; }

article.kennis-richtlijnen div.zoeken div.filter div.filter-options ul li h4 { display: none; }

article.kennis-richtlijnen div.zoeken div.filter div.filter-options ul li a { color: #a99980; }

article.kennis-richtlijnen div.zoeken div.filter-selected { display: none; }

div.socialmedia br { display: none; }

div.socialmedia a { font-size: 20px; width: 32px; height: 27px; padding-top: 5px; overflow: hidden; border-radius: 16px; display: inline-block; margin: 0 8px 0 0; position: relative; background-color: #CA082F; text-align: center; }

div.socialmedia a:hover { background-color: black; }

div.socialmedia a.twitter { background-image: url(/gfx/X-twitter.svg); background-position: center center; }

div.socialmedia a svg { position: relative; color: white; }

footer { background: #d2d3d4; padding: 20px; }

footer h5 { text-align: left; margin-bottom: 0.5em; font-size: 20px; }

footer p { margin-bottom: 1.5em; }

footer div.nieuwsbrief a.button { margin: 0 0 10px; padding: 6px 16px; }

footer ul { list-style-type: none; margin: 0; padding: 0; }

footer ul li { margin: 0 0 5px; padding: 0; font-size: 105%; }

footer ul li ul { display: none; }

footer ul li a { text-decoration: none; color: #202020; }

footer ul li a:before { content: '> '; margin: 0 12px 0 0; }

footer ul li a:hover { color: red; }

div.adres { text-align: center; font-size: 100%; line-height: 2em; margin: 20px 0 60px 0; }

div.sites { text-align: center; margin-bottom: 30px; }

div.sites a { display: block; margin: 0 50px 12px 50px; text-align: center; padding: 12px 40px; }

div.sites a.groen { background: #2c734a; margin-left: auto; }

div.sites a.blauw { background: #255574; }

div.sites a.bruin { background: #856143; }

div.sites a.lgroen { background: #4eb551; }

div.sites a.oker { background: #c98d40; margin-right: auto; }

div.sites a.button:hover { background: #202020; }

body.aanmelden article > label, body.nieuwsbrieven article > label, body.over-erm article > label, body.herstel-onderhoud article > label { display: none; }

body.herstel-onderhoud div.text h1 { display: none; }

/*   colors   */
@media screen and (min-width: 800px) { article h1, article h2, article h3, article h4, article h5, article p, article ol, article ul, article div.labeldate, article blockquote, article div.author, article div.kader, article ul.breadcrumb, article div.richtlijnheader, article div.versie, article div.accordion, article div.accordion-container, article div.result, article div.breadcrumb, article form.formulier { margin-left: auto; margin-right: auto; width: 800px; } article div.kader { width: 752px; } article div.kader h2, article div.kader h3, article div.kader h4, article div.kader h5, article div.kader p, article div.kader ol, article div.kader ul { width: auto; } h1 { font-size: 270%; } blockquote { position: relative; left: -74px; } div.author p { margin-left: -74px; } main { margin: 0; } header { width: 800px; padding: 15px 0 159px 0; margin: 0 auto; } body.index header { padding-bottom: 129px; } header a.logo { margin-left: -74px; width: 161px; height: 75px; padding-left: 170px; padding-top: 6px; background-position: 0; } header a.logo h1 { font-size: 13px; line-height: 16px; } div.service a.search { position: static; float: right; margin: 0 20px; font-size: 95%; font-weight: 500; } div.service ul.service { display: block; list-style-type: none; margin: 15px 30px 0 10px; max-width: none; } div.service ul.service li { display: inline-block; border-right: 1px solid #CA082F; } div.service ul.service li a { display: block; padding: 0 15px; text-decoration: none; } nav a.nav { top: 170px; } nav a.nav label { font-size: 100%; padding-top: 4px; } nav div.slider { height: 64px; position: absolute; top: 204px; width: 100%; overflow: hidden; background: #efebe5; } nav ul.menu { top: 0; left: 100%; height: 380px; width: 100%; display: flex; justify-content: flex-end; } body.index nav ul.menu { left: auto; right: 0; } nav ul.menu li { flex: 0 1 auto; } nav ul.menu a { padding: 10px 25px; height: 2.5em; margin: 0 3px 0 0; font-size: 95%; line-height: 1.2em; max-width: 132px; height: 44px; font-size: 115%; } nav ul.menu > li:first-child > a { padding-left: calc(2.5em + 10px); border-top-left-radius: calc(2.5em + 25px); } nav ul.menu li.selected.parent.hover { background: #202020; } nav ul.menu div.container { position: absolute; visibility: hidden; top: 64px; overflow: hidden; padding: 0 0 100px 0; } nav ul.menu div.container > ul { -moz-column-count: 2; -moz-column-gap: 40px; -webkit-column-count: 2; -webkit-column-gap: 40px; column-count: 2; column-gap: 40px; display: block; position: absolute; left: 0; top: 0px; background: #efebe5; z-index: 20; height: auto; padding: 35px 50px; width: calc(100% - 150px); } nav ul.menu div.container > ul a { max-width: none; height: auto; margin: 0; } nav ul.menu > li ul { max-height: none; transition: none; overflow: visible; } nav ul.menu > li ul li:first-child { margin-top: 0; } nav ul.service { display: none; } nav.selected div.slider, nav.index div.slider { height: 340px; background: none; } nav.selected a.nav div.bars div, nav.index a.nav div.bars div { background-color: transparent; } nav.selected a.nav div.bars div:before, nav.index a.nav div.bars div:before { transform: translateY(8px) rotateZ(-45deg); -webkit-transform: translateY(8px) rotateZ(-45deg); } nav.selected a.nav div.bars div:after, nav.index a.nav div.bars div:after { transform: translateY(-8px) rotateZ(45deg); -webkit-transform: translateY(-8px) rotateZ(45deg); } nav.selected ul.menu, nav.index ul.menu { display: flex; } a.find-item { width: 320px; } a.find-item p { width: auto; } a.find-item div.photo { width: 320px; } div.uitgelicht a.find-item { max-width: 1000px; margin: 0 auto 80px auto; } div.uitgelicht a.find-item h2 { width: 800px; margin: 0 auto 1em 0; line-height: 1.2em; font-size: 270%; font-weight: 400; } div.uitgelicht a.find-item div.photo { width: 495px; height: 340px; margin: 0 30px 30px 0; float: left; } div.uitgelicht a.find-item div.intro { height: 270px; padding-top: 36px; } div.relatednews { width: 800px; margin: 0 auto 0 auto; display: flex; flex-wrap: wrap; } div.relatednews a.find-item { width: 160px; height: 100px; padding: 105px 0 0 0; } div.relatednews a.find-item div.photo { width: 160px; height: 100px; } div.relatednews a.find-item h2 { font-size: 14px; } div.relatednews a.find-item label { font-size: 12px; } div.relatednews a.find-item label strong { display: none; } div.nieuws div.container { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; } div.nieuws div.container a.find-item:last-child { margin-right: 0; } body.index div.result { margin-bottom: 90px; } body.index div.filters-populair { margin-bottom: 60px; } body.index article div.photo, body.index article p.photo { max-width: none; } article { /*  div.view { height:340px; p.photo em { display:none;} } div.nieuws-verhalen { div.nv-columns {  display:flex; margin-left:204px;  div {  width:430px;  label, h2, div.intro { margin-left:0; width:auto; } &:first-child { margin-right:95px;}; } } a.find-item { display:block; border-bottom:none; margin:0 0 86px; label { margin:0 0 41px;} h2 { font-size:28px; line-height:34px;  } &.verhaal {  div.photo { width:100%; height:277px; margin:0 0 10px; } } &.nieuws {  div.photo { width:131px; height:122px; float:right; } } }       } */ } article img { margin: 0; max-width: 100%; } article img.right { float: right; } article hr { width: 800px; margin: 20px auto; } article iframe { width: 1440px; } article div.photo, article p.photo { position: relative; } article div.photo div.description, article div.photo em, article p.photo div.description, article p.photo em { position: absolute; background: white; width: 50%; right: 0; bottom: 0; font-size: 13px; line-height: 18px; padding: 8px 0 8px 16px; margin: 0; } article iframe.video { margin: 0 0 2em 0; width: 1000px; height: 600px; } article div.photo, article p.photo:first-of-type { width: auto; max-width: 1000px; margin: 0 0 2em 0; } article div.photo img, article p.photo:first-of-type img { display: block; } article div.photo.right, article p.photo.right:first-of-type { float: right; } article p.photo.midden { max-width: 800px; margin: 0 auto 2em auto; } article div.videoreeks { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 8px; max-width: 800px; margin: 0 auto 2em auto; } article div.videoreeks p { width: 100%; margin: 0 0 20px; font-style: italic; } article div.videoreeks iframe.video { width: 100%; height: 270px; margin: 0 0 5px; display: block; } article div.view { position: relative; overflow: hidden; margin: 0 0 30px; } article div.view p.photo { margin: 0; width: 100%; height: 250px; } article div.view p.photo img { display: block; width: 100%; margin: 0; position: absolute; bottom: 0px; } article div.result.related { column-count: 2; column-gap: 80px; } article div.result.related a.item { margin-left: 0; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } article div.fotos div.webetui_extfunc { display: inline-block; } article div.fotos div.photo { display: inline-block; width: 500px; } article div.slideshow { margin: 60px 0; min-height: 634px; overflow: hidden; position: relative; } article div.slideshow div.photos { position: absolute; left: 0; width: 8000px; height: 634px; transition: left 0.7s ease-in-out; } article div.slideshow div.photos div { width: 423px; height: 287px; margin-right: 245px; margin-top: 173px; float: left; background-position: center; background-size: cover; transition: all 0.7s ease-in-out; display: block; } article div.slideshow div.photos div.no-transition { transition: none; } article div.slideshow div.photos div.selected { width: 935px; height: 634px; margin-top: 0; } article div.slideshow div.photos.no-transition { transition: none; } article div.slideshow div.descriptions { margin-top: 694px; } article div.slideshow div.descriptions div { display: none; opacity: 0; width: 431px; transition: opacity 0.7s ease-in-out; } article div.slideshow div.descriptions div h3 { margin: 0 0 10px; width: auto; } article div.slideshow div.descriptions div p { margin: 0; font-size: 20px; line-height: 28px; width: auto; } article div.slideshow div.descriptions div.selected { display: block; opacity: 1; margin: 60px 0 0 729px; } article div.slideshow a.verder { position: absolute; left: 1050px; top: 568px; width: 108px; height: 108px; background-image: url(/gfx/arrow-slideshow.png); background-size: contain; border: 0; } article div.accordion { margin-bottom: 100px; } article div.accordion h1 { font-size: 200%; } article div.accordion h2 { /*font-size:20px; line-height:28px;*/ border-top: 3px solid #202020; padding: 12px 74px 12px 0; } article div.accordion h2 div.accordion-icon { height: 3px; top: calc(50% - 4px); } article div.accordion h2 div.accordion-icon:after { height: 3px; } article div.accordion div.accordion-container { padding-right: 74px; } article div.accordion div.accordion-container.selected { /*max-height:720px;*/ } article div.accordion div.accordion-container.last { border-bottom: 3px solid #202020; } article div.accordion div.accordion-container ol, article div.accordion div.accordion-container ul { margin-left: 16px; } article div.accordion div.accordion-container p { width: auto; } article div.accordion div.accordion-container img { margin: 0 30px 30px 0; max-width: 514px; max-height: 400px; } article div.accordion div.accordion-container img.right { width: 320px; margin-left: 30px; float: right; } article div.certificeren ul { list-style-type: none; list-style-image: none; } article div.richtlijn-kenmerken { display: flex; gap: 80px; } article div.richtlijn-kenmerken h2, article div.richtlijn-kenmerken p { width: auto; } article div.redbuttons p { width: auto; text-align: center; } article div.redbuttons a.button { margin: 0 20px 20px 0; } article div.partners { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); margin: 50px; } article div.richtlijn-buttons div.share { position: relative; top: 4px; } article div.richtlijn-buttons div.share.selected { display: inline-block; } article div.richtlijn-lijn { margin: 120px 0 0 0; border-top: 3px solid #202020; } article div.richtlijn-accordion h2 { font-size: 175%; padding: 20px 74px 24px 0; } article div.kernpunten, article div.naarbedrijven { width: 512px; width: 582px; padding: 30px 24px 30px 44px; margin: 0 80px -40px auto; top: -92px; border-width: 3px; } article div.kernpunten h2, article div.kernpunten h3, article div.kernpunten p, article div.kernpunten ul, article div.naarbedrijven h2, article div.naarbedrijven h3, article div.naarbedrijven p, article div.naarbedrijven ul { width: auto; } article div.kernpunten h3, article div.naarbedrijven h3 { font-size: 28px; margin-bottom: 50px; } article div.kernpunten p, article div.naarbedrijven p { line-height: 28px; width: 300px; } article div.kernpunten:after, article div.naarbedrijven:after { width: 86px; height: 86px; background-size: 60px; border-width: 3px; } article div.kernpunten ul li, article div.naarbedrijven ul li { font-size: 24px; line-height: 36px; padding-left: 50px; } article div.kernpunten ul li:before, article div.naarbedrijven ul li:before { width: 1.2em; height: 1.2em; top: 5px; } article div.naarbedrijven { padding: 30px; min-height: 330px; background-size: 300px 300px; background-position: 240px 75px; top: 40px; } article div.naarbedrijven:after { background-size: 50px; background-position: center bottom; } body.kennis-richtlijnen article div.naarbedrijven { top: -92px; } article div.filters-populair p { position: relative; top: 22px; } article form.formulier label { margin-left: 0; } article form.formulier input[type=text], article form.formulier textarea { width: 600px; } article form.formulier p { margin-left: 0; } article div.zoeken p { width: auto; } article div.zoeken h3 { font-size: 38px; width: 800px; margin: 0 auto 30px auto; } article div.zoeken form.zoeken { width: 800px; margin: 0 auto 0 auto; } article ul.tagmenu { width: 750px; } article div.filter { width: 800px; margin: 0 auto; } article div.filter a.button, article div.filter h3 { display: none; } article div.filter div.filter-buttons { display: block; margin: 0; margin-top: 20px; } article div.filter div.filter-buttons a.button { font-size: 90%; background: #cab799; font-weight: 500; width: 160px; display: inline-block; position: relative; padding: 10px 16px; margin: 0 10px 0 0; text-align: left; } article div.filter div.filter-buttons a.button:hover { background: #a99980; } article div.filter div.filter-buttons a.button.selected { background: #a99980; padding-bottom: 20px; } article div.filter div.filter-buttons a.button:last-child { margin-right: 0; width: 162px; } article div.filter div.filter-buttons a.button:before, article div.filter div.filter-buttons a.button:after { content: ' '; display: block; position: absolute; transform-origin: bottom; width: 2px; height: 9px; background: white; right: 18px; top: 13px; transition: all 0.3s ease 0s; } article div.filter div.filter-buttons a.button:before { transform: rotate(-45deg); } article div.filter div.filter-buttons a.button:after { transform: rotate(45deg); } article div.filter div.filter-buttons a.button.selected:before { transform: rotate(-135deg); top: 7px; } article div.filter div.filter-buttons a.button.selected:after { transform: rotate(135deg); top: 7px; } article div.filter.bedrijvenzoeken div.filter-buttons { display: flex; } article div.filter.bedrijvenzoeken div.filter-buttons a.button { width: 250px; } article div.filter.bedrijvenzoeken div.filter-buttons form.zoekbedrijf { margin: 0 20px; padding: 0; position: relative; } article div.filter.bedrijvenzoeken div.filter-buttons form.zoekbedrijf input[type=text] { border: 2px solid #cab799; padding: 8px 16px 8px 30px; width: 180px; font-size: 16px; } article div.filter.bedrijvenzoeken div.filter-buttons form.zoekbedrijf input.dimmed[type=text] { color: #999090; font-style: italic; font-size: 16px; } article div.filter.bedrijvenzoeken div.filter-buttons form.zoekbedrijf button { border: 0; background: none; padding: 0; width: 20px; height: 20px; position: absolute; left: 10px; top: 8px; font-size: 20px; } article div.filter div.filter-options ul { width: auto; } article div.filter div.filter-options ul li { display: inline-block; margin: 0; } article div.filter div.filter-options ul li:before { display: none; } article div.filter div.filter-options ul li h4 { display: none; } article div.filter div.filter-options ul li div.checkboxes { display: none; width: 760px; padding: 20px; background: #a99980; color: white; } article div.filter div.filter-options ul li div.checkboxes.d, article div.filter div.filter-options ul li div.checkboxes.bedrijven { column-count: 2; } article div.filter div.filter-options ul li.selected div.checkboxes { display: block; } article div.filter div.filter-options ul li:last-child h4 { margin-right: 0; } article div.search-result svg.fa-spinner { display: block; margin: 130px auto 0 auto; width: 800px; } article div.search-result h2 { margin: 1.5em auto; width: calc(800px + (100vw - 800px)/2 - 40px); margin-left: calc((100vw - 800px)/2); } article div.search-result h2 div.toggleswitch a { font: 14.4px "Raleway"; font-weight: 500; } article div.search-result h2 div.toggleswitch div.switch:before { content: ' '; position: absolute; display: block; width: 25.5px; height: 25.5px; background: white; top: 6px; transition: left 0.3s ease; } article div.search-result h2 div.toggleswitch div.switch[value=Lijst]:before { left: 6px; } article div.search-result h2 div.toggleswitch div.switch[value=Tabel]:before { left: 34px; } article div.search-result div.result { display: flex; flex-wrap: wrap; } article div.search-result a.item { flex: 1 1 300px; max-width: 300px; margin-right: 30px; } article div.search-result div.result div.theader { display: none; } article div.search-result div.result a.item label strong { font-size: 12px; } article div.search-result div.result a.item span.lijst { display: inline; } article div.search-result div.result a.item span.tabel { display: none; } article div.search-result div.result.table { display: table; width: calc(800px + (100vw - 800px)/2 - 40px); margin-left: calc((100vw - 800px)/2); } article div.search-result div.result.table div.theader, article div.search-result div.result.table a.item { display: table-row; background: #efebe5; } article div.search-result div.result.table div.theader span.lijst, article div.search-result div.result.table a.item span.lijst { display: none; } article div.search-result div.result.table div.theader span.tabel, article div.search-result div.result.table a.item span.tabel { display: inline; } article div.search-result div.result.table div.theader label, article div.search-result div.result.table div.theader br, article div.search-result div.result.table a.item label, article div.search-result div.result.table a.item br { display: none; } article div.search-result div.result.table div.theader b, article div.search-result div.result.table a.item b { display: table-cell; font-weight: 500; } article div.search-result div.result.table div.theader div, article div.search-result div.result.table div.theader span.versie, article div.search-result div.result.table div.theader span.nr, article div.search-result div.result.table div.theader span.beroepsgroep, article div.search-result div.result.table a.item div, article div.search-result div.result.table a.item span.versie, article div.search-result div.result.table a.item span.nr, article div.search-result div.result.table a.item span.beroepsgroep { display: table-cell; color: black; } article div.search-result div.result.table div.theader div, article div.search-result div.result.table div.theader b, article div.search-result div.result.table div.theader span.versie, article div.search-result div.result.table div.theader span.nr, article div.search-result div.result.table div.theader span.beroepsgroep, article div.search-result div.result.table a.item div, article div.search-result div.result.table a.item b, article div.search-result div.result.table a.item span.versie, article div.search-result div.result.table a.item span.nr, article div.search-result div.result.table a.item span.beroepsgroep { font-size: 14.4px; padding: 4px 12px; line-height: 1.4em; border-bottom: 1px solid #e3dbcd; border-right: 1px solid #e3dbcd; } article div.search-result div.result.table div.theader span.versie, article div.search-result div.result.table a.item span.versie { border-right: 0; width: 230px; } article div.search-result div.result.table div.theader span.nr, article div.search-result div.result.table a.item span.nr { width: 92px; } article div.search-result div.result.table div.theader div, article div.search-result div.result.table a.item div { color: white; background: #a99980; text-transform: uppercase; } article div.search-result div.result.table a.item:before { display: none; } article div.search-result div.result.table a.item:hover b, article div.search-result div.result.table a.item:hover span.versie, article div.search-result div.result.table a.item:hover span.nr, article div.search-result div.result.table a.item:hover span.beroepsgroep { color: #CA082F; } article div.search-result div.result.table a.item.url1001 div, article div.search-result div.result.table a.item.url1001 b, article div.search-result div.result.table a.item.url1001 span.versie, article div.search-result div.result.table a.item.url1001 span.nr, article div.search-result div.result.table a.item.url1001 span.beroepsgroep, article div.search-result div.result.table a.item.url2007 div, article div.search-result div.result.table a.item.url2007 b, article div.search-result div.result.table a.item.url2007 span.versie, article div.search-result div.result.table a.item.url2007 span.nr, article div.search-result div.result.table a.item.url2007 span.beroepsgroep, article div.search-result div.result.table a.item.brl2826 div, article div.search-result div.result.table a.item.brl2826 b, article div.search-result div.result.table a.item.brl2826 span.versie, article div.search-result div.result.table a.item.brl2826 span.nr, article div.search-result div.result.table a.item.brl2826 span.beroepsgroep, article div.search-result div.result.table a.item.url3001 div, article div.search-result div.result.table a.item.url3001 b, article div.search-result div.result.table a.item.url3001 span.versie, article div.search-result div.result.table a.item.url3001 span.nr, article div.search-result div.result.table a.item.url3001 span.beroepsgroep, article div.search-result div.result.table a.item.brl3500 div, article div.search-result div.result.table a.item.brl3500 b, article div.search-result div.result.table a.item.brl3500 span.versie, article div.search-result div.result.table a.item.brl3500 span.nr, article div.search-result div.result.table a.item.brl3500 span.beroepsgroep, article div.search-result div.result.table a.item.url4015 div, article div.search-result div.result.table a.item.url4015 b, article div.search-result div.result.table a.item.url4015 span.versie, article div.search-result div.result.table a.item.url4015 span.nr, article div.search-result div.result.table a.item.url4015 span.beroepsgroep, article div.search-result div.result.table a.item.url5001 div, article div.search-result div.result.table a.item.url5001 b, article div.search-result div.result.table a.item.url5001 span.versie, article div.search-result div.result.table a.item.url5001 span.nr, article div.search-result div.result.table a.item.url5001 span.beroepsgroep, article div.search-result div.result.table a.item.url6010 div, article div.search-result div.result.table a.item.url6010 b, article div.search-result div.result.table a.item.url6010 span.versie, article div.search-result div.result.table a.item.url6010 span.nr, article div.search-result div.result.table a.item.url6010 span.beroepsgroep { border-bottom: 15px solid #e3dbcd; } article table.maatregelen { margin: 0 0 40px; } article table.maatregelen th, article table.maatregelen td { font-size: 14px; text-align: left; padding: 4px 50px 4px 0; border-bottom: 1px solid #a09f9f; } article table.maatregelen th a, article table.maatregelen td a { border: 0; } article table.maatregelen th div.icon, article table.maatregelen td div.icon { display: inline-block; position: relative; top: 2px; border-top: 3px solid white; width: 68px; height: 17px; margin: 0 4px 0 0; background-size: 68px 68px; background-position: 0 17px; background-repeat: no-repeat; } article table.maatregelen th div.icon.matig, article table.maatregelen td div.icon.matig { width: 17px; background-position: 0 0; } article table.maatregelen th div.icon.redelijk, article table.maatregelen td div.icon.redelijk { width: 34px; background-position: 0  -17px; } article table.maatregelen th div.icon.goed, article table.maatregelen td div.icon.goed { width: 51px; background-position: 0  -34px; } article table.maatregelen th div.icon.uitstekend, article table.maatregelen td div.icon.uitstekend { background-position: 0 -51px; } article table.maatregelen th div.icon.comfort, article table.maatregelen td div.icon.comfort { background-image: url(/gfx/comfort.png); } article table.maatregelen th div.icon.energie, article table.maatregelen td div.icon.energie { background-image: url(/gfx/energie.png); } article table.maatregelen td.terugverdientijd { text-align: right; } article table.maatregelen td.terugverdientijd b { background: #00aae8; color: white; padding: 1px 4px; border-radius: 12px; } article div.versiemt { position: relative; margin: -50px 0 0 204px; font: 14px "Playfair Display"; } article div.versiemt span.icon { display: inline-block; position: relative; top: 2px; border-top: 3px solid white; width: 68px; height: 17px; margin: 0 4px 0 0; background-size: 68px 68px; background-position: 0 17px; background-repeat: no-repeat; } article div.versiemt span.icon.matig { width: 17px; background-position: 0 0; } article div.versiemt span.icon.redelijk { width: 34px; background-position: 0  -17px; } article div.versiemt span.icon.goed { width: 51px; background-position: 0  -34px; } article div.versiemt span.icon.uitstekend { background-position: 0 -51px; } article div.versiemt span.icon.comfort { background-image: url(/gfx/comfort.png); } article div.versiemt span.icon.energie { background-image: url(/gfx/energie.png); } article div.versiemt span.terugverdientijd { text-align: right; } article div.versiemt span.terugverdientijd b { background: #00aae8; color: white; padding: 1px 4px; border-radius: 12px; } article div.schemawkb { grid-template-columns: 1fr 1fr; max-width: 760px; margin: 0 auto; grid-gap: 20px; } article div.schemawkb div.mid { grid-column: 1 / 3; } article div.bestelformulier, article div.rechts { width: 50%; margin-left: 50%; } article div.bestelformulier form, article div.rechts form { margin-left: 12px; width: auto; } article div.bestelinfo, article div.links { width: 50%; float: left; } article div.bestelinfo div.foto, article div.links div.foto { background: #d2d3d4; margin: 0 50px 0 30px; } article div.bestelinfo img, article div.links img { max-width: 200px; display: block; margin: 0 auto; } article div.bestelinfo p, article div.links p { width: auto; margin: 0 40px 1.5em 40px; } article div.bestelinfo h2, article div.links h2 { width: auto; margin: 0 40px 1em 40px; } body.kennis-richtlijnen article div.search-result div.toggleswitch { display: flex; } article.kennis-richtlijnen div.zoeken div.filter div.filter-options ul li { margin: 0; } article.kennis-richtlijnen div.zoeken div.filter div.filter-options ul li a { color: white; } article.kennis-richtlijnen div.zoeken div.filter div.filter-buttons { display: block; } article.kennis-richtlijnen div.zoeken div.filter div.filter-buttons a.button { display: block; } article.kennis-richtlijnen div.zoeken div.filter div.filter-selected { display: block; } div.sites { position: relative; top: 50px; margin: 0; } div.sites a { display: inline-block; margin: 0 20px 20px 0; } footer { padding: 120px 40px 60px; } footer div.inner { display: flex; max-width: 940px; margin: 0 auto; flex-direction: row-reverse; justify-content: flex-end; } footer div.inner ul, footer div.inner div#webetui_nieuwsbrief { flex: 1 1 33%; } }

div#map_canvas { height: 900px; margin: 0; }

body.erkende-bedrijven div#menu2, body.richtlijnen div#menu2 { margin-bottom: 0; }

body.erkende-bedrijven article > label { display: none; }

body.erkende-bedrijven article img { margin: 0; }

main div.bedrijvenzoeken label, main div.richtlijnenzoek label, main div.search-result label { font-size: 13px; }

main div.bedrijvenzoeken div.toggleswitch, main div.richtlijnenzoek div.toggleswitch, main div.search-result div.toggleswitch { display: flex; float: right; }

main div.bedrijvenzoeken div.toggleswitch a, main div.richtlijnenzoek div.toggleswitch a, main div.search-result div.toggleswitch a { display: block; border: 0; text-transform: uppercase; padding: 10px 12px; color: #202020; font-size: 90%; }

main div.bedrijvenzoeken div.toggleswitch div.switch, main div.richtlijnenzoek div.toggleswitch div.switch, main div.search-result div.toggleswitch div.switch { position: relative; background: #cab799; width: 68px; height: 37.5px; cursor: pointer; }

main div.bedrijvenzoeken div.toggleswitch div.switch:before, main div.richtlijnenzoek div.toggleswitch div.switch:before, main div.search-result div.toggleswitch div.switch:before { content: ' '; position: absolute; display: block; width: 25.5px; height: 25.5px; background: white; top: 6px; transition: left 0.3s ease; }

main div.bedrijvenzoeken div.toggleswitch div.switch[value=Kaart]:before, main div.richtlijnenzoek div.toggleswitch div.switch[value=Kaart]:before, main div.search-result div.toggleswitch div.switch[value=Kaart]:before { left: 6px; }

main div.bedrijvenzoeken div.toggleswitch div.switch[value=Adressen]:before, main div.richtlijnenzoek div.toggleswitch div.switch[value=Adressen]:before, main div.search-result div.toggleswitch div.switch[value=Adressen]:before { left: 34px; }

main div.richtlijnenzoek { padding-left: 20px; margin-bottom: 1px; position: relative; }

main div.richtlijnenzoek select { width: 230px; }

main div.richtlijnenzoek div.of { float: left; padding: 6px 15px; color: white; }

main div.richtlijnenzoek div.hlink { position: absolute; right: 30px; top: 10px; line-height: 23px; }

main div.richtlijnenzoek div.hlink a { color: rgba(255, 255, 255, 0.7); display: block; position: relative; padding-left: 14px; }

main div.richtlijnenzoek div.hlink a:hover, main div.richtlijnenzoek div.hlink a.selected { color: white; }

main div.richtlijnenzoek div.hlink a:before { content: ' '; display: block; width: 9px; height: 9px; border-radius: 9px; position: absolute; left: 0; top: 7px; background: rgba(255, 255, 255, 0.5); }

main div.richtlijnenzoek div.hlink a.selected:before { background: white; }

main div.richtlijnenresults h1 { margin: 30px 0 20px 30px; }

main div.map_info { display: none; position: absolute; padding: 20px 20px 20px 30px; background: white; border: 3px solid black; width: 380px; font: 15px "Raleway"; box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.5); line-height: 1.5em; }

main div.map_info h3 { font: 24px "Raleway"; font-weight: 500; line-height: 34px; margin: 0 0 5px; width: auto; }

main div.map_info p { margin: 0; }

main div.map_info.multiple h3 { font-size: 18px; line-height: 24px; cursor: pointer; }

main div.map_info.multiple h3:hover { color: #a68111; }

main div.map_info.multiple hr { width: auto; }

main div.map_info.multiple p { display: none; }

main div.map_info hr { background: none; border: 0; border-bottom: 1px solid #ccc; }

main div.map_info a.close { position: absolute; text-decoration: none; border: none; text-align: center; font-weight: bold; left: 4px; top: 4px; font-size: 14px; color: #CA082F; background: white; width: 18px; height: 18px; }

main div.map_info a.close:before { content: ' '; display: block; width: 2px; height: 14px; left: 11px; top: 5px; background: #202020; position: absolute; transform: rotate(45deg); }

main div.map_info a.close:after { content: ' '; display: block; width: 2px; height: 14px; left: 11px; top: 5px; background: #202020; position: absolute; transform: rotate(-45deg); transition: all; }

main div.map_info div.item { padding: 5px 30px 5px 10px; }

main div.map_info div.item p { font-size: 85%; margin: 0; color: #a09f9f; }

main div#map_canvas div.map_info hr { margin: 5px 0; }

body.erkende-bedrijven div.text { position: relative; }

body.erkende-bedrijven div.buttons { display: none; }

main div.beroepsgroep_info h1 { font-size: 115%; padding-top: 20px; }

main div.beroepsgroep_info div.text { margin-bottom: 20px; }

main div.mapkaart_layer { position: relative; }

main div.mapkaart_layer div.map_items { display: none; margin: 0 auto 0 auto; width: 800px; }

main div.mapkaart_layer div.map_items div.alphabet { position: relative; }

main div.mapkaart_layer div.map_items div.alphabet div.alphabet-items { display: grid; grid-template-columns: 50% 50%; }

main div.mapkaart_layer div.map_items div.map_item { margin: 0 0 50px 0; }

main div.mapkaart_layer div.map_items div.map_item h3 { margin: 0 0 10px; font-weight: 500; width: auto; }

main div.mapkaart_layer div.map_items div.map_item p { margin: 0; line-height: 26px; width: auto; }

main div.mapkaart_layer div.map_items div.map_item p em { font-style: normal; color: #a09f9f; }

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