html, body, div, span, object, figure, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
  {
    margin: 0; 
    padding: 0; 
    border: 0;
  }

*, *:after, *:before 
  {
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
  }

/* typografie */

body {font-family: 'PT Sans', sans-serif; font-weight: 400;}
html {font-size: 16px;}
@media screen and (min-width: 320px) { html {font-size: calc(16px - 1.5 * ((100vw - 320px) / 680));} }
@media screen and (min-width: 1000px) { html {font-size: 14.5px;} }

h1, h2, h3, h4, h5, h6
  {
    font-weight: 400;
    line-height: 1.5;
    padding: 0;
    margin: 0;
    clear: both;    
  }

h2 {font-size: 1.7em;}
h3 {font-size: 1.1em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.05em;}
h6 {font-size: 1.35em;}

.kader h2, .kader h4 {font-size: 1.0em;}
.wet_recent_comments > li > a {font-size: 1.1em;}
.wikkelh h3, .magazine > a, .voorpublicatie > a {font-size: 1.4em; line-height: 1.3;}
.nieuws > p > a {font-size: 1.1em; line-height: 1.15;}
.wikkelh .hfeed > .kader h3 {font-size: 1.5em; line-height: 1.5;}

a[rel="external"]:after {font-size: 0.6em;}
input, textarea, select, .knopmenu .fas:before, .blokken, .broodtekst > ul > li:before {font-size: 0.8em;}
.auteur, .weblogreactie, .partnerposted, .kader {font-size: 0.85em;}
input[type='submit'], input[type='button'], body > header, figcaption {font-size: 0.9em;}
.intro_vet {font-size: 1.05em;}
.wikkel aside .kader .houder div:first-child {font-size: 1.1em;}

/* kleuren */

body, input, textarea, select {color: #333;}
.streamer, h1, h2, h3, h4, h5, h6 {color: #000;}

ul > li:before {color: #d4d4d4;}

a, a.active_class, .knop {color: #f25d23;}
main nav a, main nav div, a.active {color: #000;}
a:hover, main nav div:hover, .knop:hover {color: #d02e26;}

input[type='submit'], input[type='button'], input.disabled[type='submit']:hover, .naarboven, .naarboven:hover, .knopmenu {color: #fff;}
input.disabled[type='submit']:hover {background-color: #ffdba7;}

body, body > header, main > nav, aside, input, textarea, select, img.links, img.rechts {background-color: #fff;}
.kader.podium {background-color: #f2fffc;}
.apptekst {background-color: #d2e0da;}
.apptekst.tafel {background-color: #ffe77d;}


blockquote {background-color: #fff9f9; color: #770009;}
.groen {background-color: #ecf3e1; color: #005e29;}
.groengeel {background-color: #f2ed7a;}
.geel, .reacties, .comments-list > li {background-color: #fffcbc;}
.zachtgeel {background-color: #fff0cd;}
.grijs {background-color: #dfdfdf; color: #005e29;}
.blauw {background-color: #bce5ff; color: #312b81;}
.paars {background-color: #ffdcff; color: #942280;}
.oranje, input.disabled[type='submit'] {background-color: #ffdba7;}
.oranje {color: #d02e26;}

hr {border-color: #d1d1d1;}

.kader, .streamer, input, textarea, select, .wikkel img, .blokken figure div, .comments-list > li {border-color: #d4d4d4;}
.reacties ul > li {border-color: #d4d4d4;}
input + label > div {border-color: #f25d23;}
input:checked + label > div {border-color: #d02e26;}
input[type='submit'], input[type='button'] {border-color: #f25d23;}
input[type='submit']:hover, input[type='button']:hover {border-color: #d02e26;}
input.disabled[type='submit'], input.disabled[type='submit']:hover {border-color: #ffdba7;}

.wikkel > *:first-child p > a {border-color: #f25d23;}
.wikkel > *:first-child p > a:hover {border-color: #d02e26;}

.naarboven, input[type='submit'], input[type='button'], .knopmenu {background-color: #f25d23;}
.naarboven:hover, input[type='submit']:hover, input[type='button']:hover, .knopmenu:hover {background-color: #d02e26;}

.weblogreactie {color: #996600;}
.weblogreactie:before {color: #ffcc00;}

th, td {border-color: #d4d4d4;}

.t4 > div {background-color: MistyRose;}
.t4 > a {background-color: tomato; color: #fff;}
.t4 > a:hover {background-color: green; color: #fff;}

/* overige stijlen */

body {-webkit-text-size-adjust: 100%;}

h1, h2, h3, h4, h5, h6 
  {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  }

a {transition: color 0.1s linear; text-decoration: none;}
.wikkel p a {border-style: solid; border-width: 0 0 1px 0;}
.wikkel .apptekst a, .wikkel .auteur a, .wikkel .tags a, .wikkel .leesmeer a, .wikkel .react a, .wikkel p a img {border: 0;}
.magazine > a, .voorpublicatie > a, .nieuws > p > a, .wikkel a.meer-nieuws, p.alfabet a {border: 0;}

.broodtekst > ul, .wikkel > *:first-child ul ul {padding: 0 0 0 20px; margin: 0 0 24px 0;} 

.wikkel > * > ol 
  {
    padding: 0; 
    margin-left: 2em; 
    list-style: none; 
    counter-reset: li;
  }

li {padding: 0; counter-increment: li;}

ol li::before 
  {
    content: counter(li); 
    display: inline-block; 
    width: 1em; 
    margin-left: -2em; 
    margin-right: 1em; 
    text-align: right; 
    direction: rtl;
  }

.wikkel figure {max-width: 100%; position: relative;}

figure figcaption 
  {
    width: 100%;
    font-style: italic;
    padding: 10px 0 0 0;
    text-align: left;
  }

.wikkel img
  {
    border-width: 1px;
    border-style: solid;
    padding: 0;
    margin: 0;
    max-width: 100%;
    height: auto !important;
  }

.wikkel img.links, .wikkel img.rechts 
  {
    padding: 2px;
    border-radius: 5px;
    max-width: 50%;
  }

.wikkel .weblog img.rechts, .article-list img.rechts {max-width: 40%;}

.wikkel img.rechts {float: right; margin: 3px 0 0 10px;}
.wikkel img.links, .wikkel .weblog img.rechts, .article-list img.rechts {float: left; margin: 3px 10px 0 0;}

aside .article-list img.rechts {max-width: 100%; margin: 3px 10px 5px 0;}

.kader img.links, .kader img.rechts {width: inherit !important;}

.wikkel .houder img {max-width: 100%;}
.magazine img, .voorpublicatie img, .opinie img, .nieuws img {width: 100% !important;}
.magazine > a, .voorpublicatie > a, .opinielist > a {width: 100%; display: block;}
.wikkel aside img {max-width: 30%;}
.wikkel img[src$=".png"] {border: none;}

img.external {display: none;}

.wikkel_breed p {max-width: 750px;}

hr 
  {
    border-style: dashed;
    border-width: 3px 0 0 0;
    height: 1px;
    width: 50%;
  }

#front hr {display: none;}

.b, b, strong, .intro_vet, .kader h2, .kader h4 {font-weight: 700;}
.i, i, em {font-style: italic;}

.rad, blockquote, .kader, .blokken figure > *, .comments-list > li
  {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20x;
    -khtml-border-radius: 20px;
    border-radius: 20px;
  }

/* --- terugkerende elementen --- */

/* blokken en blockquotes */

.kader, blockquote, .comments-list > li {display: block; padding: 1.25em 1.4em 1.6em 1.4em;}
.kader, .blokken figure > *, .comments-list > li {border-style: solid; border-width: 1px;}
body.zijkolom .kader {border: none;}

.kader ul, .general-list {list-style: none;}

.general-list > li, .reacties ul > li, .general-list > li:nth-child(1):nth-last-child(1) {margin: 24px 0 0 0;}
.kader > ul:first-of-type > li:first-child, .general-list > li:first-child, #title-list > li {margin: 0;}

.wikkel .blokken > div {float: left; margin: 0 2% 2% 0;}
.wikkel .blok > div {margin: 0;}

.blokken figure a *
  {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    vertical-align: middle;
    text-align: center;
  }

.wikkel .blokken img
  {
    max-height: 90%;
    max-width: 80%;
    width: auto !important;
    border: none;
  }

.wikkel .blokken p {padding: 5%;}

.blokken br {display: none;}

.streamer
  {
    border-style: solid;
    border-width: 0 0 0 5px;
    font-size: 1.6em;
    font-weight: 700;
    font-style: italic;
    line-height: 1.4;
    -moz-border-radius: 20px 0 0 20px;
    -webkit-border-radius: 20x 0 0 20px;
    -khtml-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px;
  }

.kader .weblogreactie {float: right; margin: 4px 0 2px 9px;}
.kader .auteur {margin: 10px 0;}
.wikkelp > *:first-child .auteur {line-height: 1;}
.partnerposted {margin: 10px 0 0 0;}

.apptekst
  {
    width: 92.5%;
    margin: -5px 0 0 7.5%;
    border-radius: 10px;
    padding: 10px;
  }

div.klimmers {margin-top: 100px;}

.weblog img {z-index: 10;}

/* flexibele inhoud */

.flex, .blokken figure
  {
    position: relative; 
    width: 100%; 
    height: 0;
  }

.flexyoutube {padding: 0 0 56.25% 0;}
.flexyoutube34 {padding: 0 0 75% 0;}
.blokken figure {padding: 0 0 75% 0;}

.flex > *, .blokken figure > *
  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

/* tabellen */

table
  {
    border-spacing: 0; 
    border-collapse: collapse;
    padding: 0;
    width: 100%;
  }

tr 
  {
    width: 100%; 
    display: visible; 
    vertical-align: baseline;
  }

th, td
  {
    text-align: left; 
    border-style: solid;
    border-width: 2px 0;
  }

td {padding: 10px 0 10px 24px;}
tr td:first-child {padding: 10px 0;}

th
  {
    border-width: 0 0 3px 0; 
    font-weight: 700;
    padding-top: 0;
  }

/* formulieren */

.iframeform {width: 100%;}

form {display: block;}
.small {margin: 0;}
label {line-height: 2;}

input, textarea, select, input + label > div
  {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5x;
    -khtml-border-radius: 5px;
    border-radius: 5px;
  }

input, textarea, select
  {
    font-weight: 400;
    line-height: 1.75;
    font-style: normal;
    margin: 0;
    border-style: solid;
    border-width: 1px;
    padding: 5px 10px;
    width: 100%;
  }

option {padding: 5px 10px;}
input[type='radio'], input[type='checkbox'] {width: auto;}
.checkboxes label, input[type='submit'], input[type='button']  {line-height: 1; cursor: pointer;}

input[type='submit'], input[type='button'] 
  {
    float: left;
    width: 48%;
    margin: 0 0 0 4%;
  }

p > input[type='submit']:first-child, p > input[type='button']:first-child {margin: 0;}
input.disabled[type='submit'] {cursor: auto;}

body > footer input {line-height: 1;}

/* zemContact formulier */

form.zemContactForm label.zemText, label.zemEmail, label.zemSelect {color: #000;}
form.zemContactForm p {color: #fff;}
form.zemContactForm input.zemSubmit {margin-left: 0;}

/* knoppen */

.knop, .naarboven, .knopmenu {cursor: pointer;}
.knop {width: 40px;}

.naarboven, .knopmenu
  {
    position: fixed;
    text-align: center;
    margin: 0;
    height: 30px;
    right: 20px;
    bottom: 20px;
    z-index: 50;
  }

.naarboven
  {
    padding: 0;
    width: 30px;
    opacity: 0;
    transition: opacity .5s;
  }

body.scrolled .naarboven {opacity: 1;}

.knopmenu
  {
    padding: 5px 15px;
    border-radius: 30px;
    display: none;
  }

.fas, .fab, .far
  {
    -moz-osx-font-smoothing: grayscale; 
    -webkit-font-smoothing: antialiased; 
    display: inline-block; 
    font-style: normal; 
    font-variant: normal; 
    text-rendering: auto; 
    line-height: 1;
  }

.knop.fas {line-height: inherit;}
.knop.naarboven {line-height: 30px;}

.fa-lg {font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em;}

.fa-xxs {font-size: .7em;}
.fa-xs {font-size: .75em;}
.fa-sm {font-size: .875em;}

.wikkel > *:first-child ul ul, .broodtekst > ul {list-style-type: none; padding: 0;}
.wikkel > *:first-child ul ul > li, .broodtekst > ul > li {position: relative;}
.wikkel > *:first-child ul ul > li:before, .broodtekst > ul > li:before {left: -2em; position: absolute; text-align: left; width: 2em; line-height: inherit;}

.auteur .fas {margin-right: 10px;}
.weblogreactie:before {margin-right: 4px;}
a[rel="external"]:after {margin-left: 4px; vertical-align: 0.1em;}

.fa-stack {display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2em;}
.fa-stack-1x, .fa-stack-2x {left: 0; position: absolute; text-align: center; width: 100%;}
.fa-stack-1x {line-height: inherit;}
.fa-stack-2x {font-size: 2em;}
.fa-inverse {color: #fff;}

.fa-angle-double-down:before {content: '\f103';}
.fa-angle-double-left:before, .paginanummer a .fa-dubbel-links:before {content: '\f100';}
.fa-angle-double-right:before, .paginanummer a .fa-dubbel-rechts:before {content: '\f101';}
.fa-angle-double-up:before {content: '\f102';}
.fa-angle-down:before {content: '\f107';}
.fa-angle-left:before, .paginanummer a .fa-links:before {content: '\f104';}
.fa-angle-right:before, .paginanummer a .fa-rechts:before {content: '\f105';}
.fa-angle-up:before {content: '\f106';}
.fa-arrow-left:before {content: '\f060';}
.fa-arrow-right:before {content: '\f061';}
.fa-arrow-up:before {content: '\f062';}
.fa-arrow-down:before {content: '\f063';}
.fa-ban:before {content: '\f05e';}
.fa-bars:before, .fa-navicon:before, .fa-reorder:before, .menuknop .knop:before {content: '\f0c9';}
.fa-calendar:before {content: '\f133';}
.fa-chevron-circle-up:before {content: '\f139';}
.fa-chevron-circle-down:before {content: 'scrolled\f13a';}
.fa-chevron-down:before {content: '\f078';}
.fa-chevron-left:before {content: '\f053';}
.fa-chevron-right:before {content: '\f054';}
.fa-chevron-up:before {content: '\f077';}
.fa-circle:before, .wikkel > *:first-child ul ul > li:before, .broodtekst > ul > li:before {content: '\f111';}
.fa-clock-o:before {content: '\f017';}
.fa-comment:before, .weblogreactie:before {content: '\f075';}
.fa-comment-o:before {content: '\f0e5';}
.fa-dot-circle:before {content: '\f192';}
.fa-envelope:before {content: '\f0e0';}
.fa-external-link-alt:before, a[rel="external"]:after {content: '\f35d';}
.fa-facebook-square:before {content: '\f082';}
.fa-facebook:before {content: '\f09a';}
.fa-facebook-f:before {content: '\f39e';}
.fa-file-pdf-o:before, .ul-pdf > li:before {content: '\f1c1';}
.fa-globe:before {content: '\f0ac';}
.fa-home:before {content: '\f015';}
.fa-info:before {content: '\f129';}
.fa-info-circle:before {content: '\f05a';}
.fa-instagram:before {content: '\f16d';}
.fa-linkedin-square:before {content: '\f08c';}
.fa-linkedin:before {content: '\f0e1';}
.fa-list-ul:before, .knopmenu .fas:before {content: '\f0ca';}
.fa-map:before {content: '\f279';}
.fa-newspaper-o:before {content: '\f1ea';}
.fa-pencil-alt:before {content: '\f303';}
.fa-plus-circle:before {content: '\f055';}
.fa-quote-left:before {content: '\f10d';}
.fa-quote-right:before {content: '\f10e';}
.fa-remove:before, .fa-close:before, .fa-times:before, body.hamb .menuknop .knop:before, body.zoek .zoekknop .knop:before, body.zijkolom .knopmenu .fas:before, #lbCloseLink:before {content: '\f00d';}
.fa-search:before, .zoekknop .knop:before {content: '\f002';}
.fa-spinner:before {content: '\f110';}
.fa-square:before {content: '\f0c8';}
.fa-star:before {content: '\f005';}
.fa-table:before {content: '\f0ce';}
.fa-trophy:before {content: '\f091';}
.fa-twitter:before {content: '\f099';}
.fa-user:before {content: '\f007';}
.fa-whatsapp:before {content: '\f232';}
.fa-youtube-square:before {content: '\f166';}
.fa-youtube:before {content: '\f167';}

@font-face {
  font-family: 'FAB'; 
  font-style: normal; 
  font-weight: 400; 
  src: url('../letters/fa-brands-400.eot'); 
  src: url('../letters/fa-brands-400.eot?#iefix') format('embedded-opentype'), url('../letters/fa-brands-400.woff2') format('woff2'), url('../letters/fa-brands-400.woff') format('woff'), url('../letters/fa-brands-400.ttf') format('truetype'), url('../letters/fa-brands-400.svg#fontawesome') format('svg'); 
}

.fab {font-family: 'FAB';}

@font-face {
  font-family: 'FAR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url('../letters/fa-regular-400.eot'); 
  src: url('../letters/fa-regular-400.eot?#iefix') format('embedded-opentype'), url('../letters/fa-regular-400.woff2') format('woff2'), url('../letters/fa-regular-400.woff') format('woff'), url('../letters/fa-regular-400.ttf') format('truetype'), url('../letters/fa-regular-400.svg#fontawesome') format('svg'); 
}

.far {font-family: 'FAR';}

@font-face {
  font-family: 'FAS'; 
  font-style: normal; 
  font-weight: 900; 
  src: url('../letters/fa-solid-900.eot'); 
  src: url('../letters/fa-solid-900.eot?#iefix') format('embedded-opentype'), url('../letters/fa-solid-900.woff2') format('woff2'), url('../letters/fa-solid-900.woff') format('woff'), url('../letters/fa-solid-900.ttf') format('truetype'), url('../letters/fa-solid-900.svg#fontawesome') format('svg'); 
}

.fas, .wikkel > *:first-child ul ul > li:before, .broodtekst > ul > li:before, .weblogreactie:before, a[rel="external"]:after, .paginanummer a .fas, #lbCloseLink:before {font-family: 'FAS'; font-weight: 900;}

/* --- hoofdstructuur --- */

#accessibility {position: absolute; top: -10000px;}

.houder, .ibestuurapp, p {zoom: 1;}
.houder, p {width: 100%;}
main > * {position: relative;}

.houder::before, .houder::after {display: table;}
.ibestuurapp::before, .ibestuurapp::after {display: table;}
p::before, p::after {display: table;}
.houder::after, .ibestuurapp::after, p::after {clear: both; content: '';}

.houder > * {display: block;}
body > header > * {float: right;}
body > header > *:first-child {float: left;} 

/* bovenbalk */

body > header 
  {
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0 0 5px 0 #000; 
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.35);
    display: table;
    max-width: 100%;
    padding: 0;
    line-height: 40px;
    height: 40px;
    z-index: 50;
  }

body > header > a 
  {
    display: block;
    margin: 0;
    padding: 10px 0 0 0;
    line-height: 1;
    height: 40px;
    width: 0;
    overflow: hidden;
  }

body > header > a > figure 
  {
    float: right;
    display: block;
    padding: 0;
    margin: 0; 
  }

body > header > nav > * {padding: 0 12px;}
body > header > *:nth-child(n+2) {margin: 0 0 0 24px;}

body > header > a img, main > header figure img {max-width: 100%; height: auto !important;}

/* header */

main > header > * {width: 30%;}
main > header > *:last-child {width: 60%; text-align: right;}
main > header img {max-width: 100%;}


/* uitklap */

.umenu > * {display: block; padding: 0; line-height: 1;}
.uzoeken {display: none;}

.section_list, .paginering
  {
    list-style: none;
    margin: 0;
    padding: 0;
  }

.vervolg .wikkel > *:first-child .paginering {margin: 30px 0; padding: 0;}

.paginering li {float: left; position: relative;}
.paginering li a, .paginering li.active_class {margin: 0 24px 0 0;}

/* wikkel */

main
  {
    display: block;
    width: 100%;
    max-width: 900px; 
    margin: 0 auto; 
    padding: 70px 24px;
    border-spacing: 0; 
    border-collapse: collapse;
    line-height: 1.6;
  }

main > * {width: 100%;}



/* footer */

main > footer > nav > * {display: block;}


@media only screen and (min-width: 400px)
{

.wikkelp *:first-child .h23 > *, .wikkelp *:first-child .h32 > *:first-child {width: 70%;}
.wikkelp *:first-child .h23 > *:first-child, .wikkelp *:first-child .h32 > * {width: 25%; width: calc(30% - 24px);}

}

@media only screen and (max-width: 449px)
{

main > header > figure {width: 50%;}
main > header.houder > div {display: none;}

main > footer.houder > * 
  {
    float: none;
    width: 100%;
    padding: 0 0 15px 0;
  }


main > footer.houder > nav > * {margin: 0 17px 0 0;}

}

/* temp */

/* .pterug {display: none;} */

@media only screen and (max-width: 649px)
{

h1 {font-size: 2.1em;}

main > * {margin: 0 0 15px 0;}
main > header {margin: 0 0 10px 0;}
main > nav {margin: 0 0 20px 0;}

.vervolg > header > a, #front.scrolled > header > a 
  {
    width: 140px; 
    max-width: 25%;
    padding: 14px 0 0 5%;
  }

body > header.houder > form {display: none;}

.vervolg main > header.houder, #front main > header > *:last-child {display: none;}

body.zoek > header .sm, body.zoek > header .menuknop, body.zoek > main > * {display: none;}

body.zoek > main > .uzoeken
  {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    height: 100vh;
    padding: 60px 5% 20px 5%;
    overflow-y: auto;
    display: block;
    z-index: 10;
  }

.uzoeken header {margin: 0 0 15px 0;}

.hfeed > *, aside > * {margin: 0 0 24px 0;}

.streamer {padding: 10px 0 10px 40px;}

.kader > *, blockquote > *, .entry-content > *, .comments-list li > * {margin: 0 0 24px 0;}
.broodtekst > * {margin: 0 0 20px 0;}
.blokken {margin: 0 0 5px 0;}

.hfeed > *:last-child, side > *:last-child, entry-content > *:last-child, .comments-list li > *:last-child {margin: 0;}
.kader > *:last-child, blockquote > *:last-child {margin: 0;}
.broodtekst > *:last-child {margin-bottom: 0;}
.broodtekst > ul {margin-left: 2em;}

.wikkel h1 {margin: 0 0 35px 0;}
.wikkel h2, .wikkel h4, .magazine > a, .voorpublicatie > a, .opinielist > a {margin: 0 0 5px 0;}
.wikkel h3, .wikkel h6 {margin: 0 0 15px 0;}
.content > h1, .content > h2, .content > h3 {margin: 0 0 15px 0;}

h2.partnerpagina {padding: 20px 0 10px 0;}

fieldset {padding: 0 0 24px 0;}
fieldset > * {margin: 0 0 24px 0;}

body.hamb main > footer {display: none;}

}

@media only screen and (min-width: 650px)
{

h1 {font-size: 2em; line-height: 1.25;}

main > * {margin: 0 0 30px 0;}
main > header {margin: 0 0 10px 0;}

body.scrolled > header > a {width: 150px;}
.zoekknop {display: none;}

.hfeed > *, aside > * {margin: 0 0 24px 0;}

.streamer {padding: 10px 0 10px 40px;}

.kader > *, blockquote > *, .entry-content > *, .comments-list > li, .comments-list > li > * {margin: 0 0 24px 0;}
.broodtekst > * {margin: 0 0 20px 0;}
.blokken {margin: 0 0 5px 0;}

.hfeed > *:last-child, side > *:last-child, entry-content > *:last-child, .comments-list li:last-child, .comments-list > li > *:last-child {margin: 0;}
.kader > *:last-child, blockquote > *:last-child {margin: 0;}
.broodtekst > *:last-child {margin-bottom: 0;}
.broodtekst > ul {margin-left: 2em;}

.wikkel h1 {margin: 0 0 35px 0;}
.wikkel h2, .wikkel h4, .magazine > a, .voorpublicatie > a, .opinielist > a {margin: 0 0 5px 0;}
.wikkel h3, .wikkel h6 {margin: 0 0 15px 0;}
.content > h1, .content > h2, .content > h3 {margin: 0 0 15px 0;}

h2.partnerpagina {padding: 30px 0 15px 0;}

fieldset {padding: 0 0 24px 0;}
fieldset > * {margin: 0 0 24px 0;}

section.houder.blokken.publiek {font-size: 1em;}

/* footer */

body > footer > * {margin: 0 24px 0 0; line-height: height: 35px;}

}

@media only screen and (max-width: 699px)
{

main > footer {text-align: center;}
main > footer > nav {margin: 35px 0 0 0;}
main > footer > nav > * {margin: 12px 0;}
.wikkel .blokken > div {width: 31%;}

}

@media only screen and (min-width: 700px)
{

.wikkelh > * {float: left; padding: 0;}
.wikkelh > aside {float: right;}

main .hlrr > *, main .hllr > *:last-child {float: right;} 
main .hllr > *, main .hlrr > *:first-child {float: left;}

.wikkel aside .houder > * {width: 50px;}
.wikkel aside .houder > *:first-child {width: calc(100% - 65px); margin-right: 15px;}

main > footer > nav > * {float: left; margin: 0 0 0 17px;}
.wikkel .blokken > div {width: 31%;}

}

@media only screen and (max-width: 799px)
{

.wikkelh > *:first-child {padding: 0 0 24px 0;}
.wikkelp > *:first-child {padding: 0 0 40px 0;}

.knopmenu {display: block;}
aside.inklap, body.zijkolom > header > *, body.zijkolom .wikkel > *:first-child {display: none;}

body.zijkolom aside
  {
    position: fixed;
    left: 0;
    top: 0;
    float: none;
    width: 100%;
    height: 100%;
    height: 100vh;
    padding: 40px 0 0 0;
    overflow-y: auto;
    display: block;
    z-index: 10;
  }

}

@media only screen and (min-width: 800px)
{

.wikkelp > * 
  {
    float: left; 
    padding: 0 5% 0 0;
    width: 65%;
  }

.wikkelp > aside 
  {
    float: right; 
    width: 35%;
    padding: 0;
  }

}

@media only screen and (max-width: 949px)
{

.umenu {display: none;}
body.hamb > header > form, body.hamb > header .sm, body.hamb > header .zoekknop {display: none;}
body.hamb > main > * {display: none;}

body.hamb .umenu
  {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    height: 100vh;
    padding: 60px 0 0 0;
    overflow-y: auto;
    display: block;
    z-index: 10;
  }

body.hamb .section_list > li {margin: 20px;}

.menuparent > ul {list-style: none; margin: 10px 0 5px 15px;}
.menuparent > ul > li > a {display: block; padding: 7px 10px;}

#front .hfeed > .houder > *:first-child {margin: 0 0 24px 0;}

}

@media only screen and (min-width: 950px)
{

main > header > figure a
  {
    position: absolute;
    left: -28px;
    display: block;
  }

.menuknop {display: none;}

.section_list > li 
  {
    float: left; 
    position: relative;
    margin: 0 15px 0 0;
    padding: 0 0 15px 0;
  }

.menuparent > ul 
  {
    position: absolute; 
    top: 24px;
    border: 2px solid #d4d4d4; 
    border-radius: 0 10px 10px 10px;
    background-color: #fff;
    display: none;
  }

.menuparent:hover > ul {display: block; z-index: 10;}

.menuparent > ul > li 
  {
    display: block; 
    padding: 7px 15px;
    line-height: 1;
    min-width: 100px;
  }

.menuparent > ul > li:first-child {padding-top: 15px;}
.menuparent > ul > li:last-child {padding-bottom: 15px;}

#front .hfeed > .kader .houder > * {width: 66%;}
#front .hfeed > .kader .houder > *:first-child {width: 34%; padding-right: 24px;}

#front .hfeed > .houder > *
  {
    float: right; 
    margin: 0;
    width: calc(50% - 12.5px);
  }

#front .hfeed > .houder > *:first-child {float: left;}

}

@media only screen and (min-width: 700px) and (max-width: 1000px)
{
.wikkelh > * {width: calc(60% - 24px);}
.wikkelh > aside {width: 40%;}
}

@media only screen and (min-width: 1001px)
{
main {padding: 70px 0;}
.wikkelh > * {width: 592px;}
.wikkelh > aside {width: 284px;}
}

@media only screen and (min-width: 1100px)
{
.wikkelp > * {width: 70%;}
.wikkelp > aside {width: 30%;}
}



/* --- programma en sprekers --- */

.pnav > * 
  {
    margin: 0 10px 0 0; 
    color: #f25d23; 
    cursor: pointer;
    transition: color 0.1s linear;
    font-size: 1.05em;
  }

.pnav > *:hover {color: #d02e26;}

.prog
  {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
  }

.phoofd {flex-direction: column; flex-wrap: nowrap;}

.prog > *
  {
    padding: 1em 2em;
    border-radius: 20px;
    transition: background-color 1s;
  }

.phoofd > * {margin: 0 0 15px 0; background-color: #ecf3e1;}
.phoofd > a:hover {background-color: #d8e8c1;}

.psessies > * {background-color: #bce5ff;}
.psessies > a:hover {background-color: #a1daf8;}

.psprekers > * {background-color: #fffcbc; text-align: center;}
.psprekers > a:hover {background-color: #faf199;}

.pvooruit > * {background-color: #ffdcff;}
.pplay > * {background-color: #dfdfdf;}

.pplay > * {text-align: center;}
.pplay > div {color: #942280;}
.pplay > a:hover {background-color: #ebb5d4;}

.ptitel {font-weight: 700; font-size: 1.1em;}
.pfie, .ppersoon {font-style: italic;}

.pvooruit {text-align: right;}
.pvooruit > a, .pterug > a {display: block; width: 100%;}

a.plg { color: #666}


@media only screen and (max-width: 399px) 
{ 

.pblok {flex-wrap: wrap; flex-direction: column;}
.pblok > * {margin: 0 0 15px 0;}

}

@media only screen and (min-width: 400px)
{ 

.pblok 
  {
    flex-wrap: wrap; 
    flex-direction: row;
    align-content: stretch;
    flex-wrap: wrap;
  } 

}

@media only screen and (min-width: 400px) and (max-width: 599px)
{ 

.pblok > * {width: 48%; margin: 0 0 4% 0;}

}

@media only screen and (min-width: 600px) and (max-width: 799px)
{ 

.pblok > * {width: 31.33%; margin: 0 0 3% 0;}

}

@media only screen and (min-width: 800px) 
{ 

.psessies > * {width: 48%; margin: 0 0 4% 0;}
.psprekers > *, .pplay > * {width: 31.33%; margin: 0 0 3% 0;}

}


.pul span, .fspreker, .fplay, .ptijd span, .ploc span {font-family: 'FAR';}
xblockquote > *:last-child {margin-left: 1.4em;}
blockquote > .pul {font-size: 1.05em; list-style: none; margin-left: 0;}
.pul span, .fspreker, .fplay, .ptijd span, .ploc span {width: 1.5em; margin-right: 0.5em;}

.ptijd span:before, .ftijd:before {content: '\f017';}
.ploc span:before, .floc:before {content: '\f14e';}
.fspreker:before {content: '\f2bd';}
.fplay:before {content: '\f144';}

body.ag .pblok > *, body.hn .pblok > *, body.oz .pblok > * {display: none;}
body.ag .pblok > .a-g, body.hn .pblok > .h-n, body.oz .pblok > .o-z {display: block;}

#sprekers h2, #sessies h2 {margin: 10px 0 20px 0;}