/*! normalize.css v1.0.1 | MIT License | git.io/normalize */

.picker__table,
table {
    border-collapse: collapse;
    border-spacing: 0
}

#itemdatetime,
pre {
    line-height: 1.2em
}

#inhoud div.bbp-submit-wrapper,
.css-agendaend .wpcf7-not-valid-tip,
.css-agendastart .wpcf7-not-valid-tip,
.links,
.tabsList,
.tabsList li,
.tabsList li a {
    float: left
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

blockquote,
body,
dl,
figure,
form,
menu,
ol,
ul {
    margin: 0
}

a:focus {
    outline: dotted thin
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

p,
pre {
    margin: 1em 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:after,
q:before {
    content: '';
    content: none
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

dd {
    margin: 0 0 0 40px
}

menu,
ol,
ul {
    padding: 0 0 0 40px
}

nav ol,
nav ul {
    list-style: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
}

svg:not(:root) {
    overflow: hidden
}

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

button,
input {
    line-height: normal
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

.custom-select {
    position: relative;
    display: block
}

.custom-select select {
    width: 100%;
    margin: 0;
    outline: 0;
    padding: .5em 13px .45em;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    background-color: #fff;
    border: 2px solid #ccdfed;
    border-radius: 0
}

.custom-select::after {
    top: 4em;
    content: "\f0d7";
    font-family: FontAwesome;
    font-size: 1.6em;
    color: #005ea5;
    position: absolute;
    right: 1em;
    z-index: 2;
    pointer-events: none;
    display: none
}

@supports (-webkit-appearance:none) or (appearance:none) or ((-moz-appearance:none) and (mask-type:alpha)) {
    .custom-select::after {
        display: block
    }
    .custom-select select {
        padding-right: 2em;
        background: #fff;
        border: 2px solid #ccdfed;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    .css-formfocus .custom-select select:focus {
        border-color: #005ea5
    }
}

@-moz-document url-prefix() {
    .custom-select {
        overflow: hidden
    }
    .custom-select::after {
        display: block
    }
    .custom-select select {
        overflow: -moz-hidden-unscrollable;
        padding-right: .4em;
        background: #fff;
        border: 2px solid #ccdfed;
        min-width: calc(0em);
        width: calc(100% + 2.4em)
    }
    @supports (mask-type:alpha) {
        .custom-select {
            overflow: visible
        }
        .custom-select select {
            -moz-appearance: none;
            width: 100%;
            padding-right: 2em
        }
    }
}

.custom-select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .custom-select select::-ms-expand {
        display: none
    }
    .css-formfocus .custom-select select:focus {
        border-color: #005ea5
    }
    .custom-select select:focus::-ms-value {
        background: 0 0;
        color: #222
    }
    .custom-select select {
        padding-right: 2em;
        background: #fff;
        border: 2px solid #ccdfed
    }
    .custom-select::after {
        display: block
    }
}

#loginsliderform,
#loginslideroptions,
#searchsliderform {
    display: inline-block;
    vertical-align: middle
}

button,
html,
input,
select,
textarea {
    color: #000;
    font-family: Asap, sans-serif
}

::-moz-selection {
    background: #000;
    text-shadow: none;
    color: #FFF
}

::selection {
    background: #000;
    text-shadow: none;
    color: #FFF
}

.chromeframe {
    margin: .5em 0;
    background: red;
    color: #FFF;
    padding: .5em 1em
}

.chromeframe a {
    color: #FFF;
    text-decoration: underline
}

.chromeframe a:hover,
a:hover {
    text-decoration: none
}

.chromeframe a:hover {
    color: #FFF
}

a,
a#backtotop {
    text-decoration: underline
}

body,
html {
    padding: 0;
    font-family: "Source Sans Pro", sans-serif
}

body {
    font-size: 62.5%;
    line-height: 62.5%;
    background-color: #fff;
    color: #000
}

.legendash2,
.legendash3,
h1,
h2,
h2.styledash3,
h3,
h4,
h5,
h6 {
    font-family: Asap, sans-serif;
    font-weight: 500;
    color: #cc604d
}

h1 {
    margin: 0 0 .7em
}

.legendash2,
h2 {
    margin: 0 0 .75em
}

.legendash3,
h2.styledash3,
h3,
h4,
h5,
h6 {
    margin: 0
}

a,
a:hover {
    color: #005ea5
}

h2.styledasp,
p {
    margin: 0
}

h2.styledash3.onderwerpasideh2 {
    margin: 1.4375em 0 .6875em
}

.legendash3,
h3.withpadding {
    padding-top: 1.5em;
    padding-bottom: 1em
}

#breadcrumbs p,
fieldset {
    padding: 0;
    margin: 0
}

.legendash3.nopadding {
    padding-bottom: 0
}

h3.withpadding.notop {
    padding-top: 0
}

.css-istab a:focus {
    outline: #ffbf47 solid 2px;
    background-color: #ffbf47
}

.css-isclick a:focus {
    outline: 0;
    background-color: transparent
}

table {
    font-size: 1.6em;
    line-height: 1.5625em;
    margin-bottom: 1.5625em
}

#header_2 {
    background-color: #cc604d
}

#header_3a {
    background-color: #b75645
}

#header_3b {
    background-color: #005ea5
}

#header_4 {
    background-color: #faefed
}

#skiplink-container .skiplink {
    position: absolute;
    text-indent: -99999em
}

#content,
.newsoverviewitem {
    position: relative
}

#skiplink-container .skiplink:focus {
    position: relative;
    text-indent: 0
}

fieldset {
    border: 0
}

#breadcrumbs {
    padding: 20px 0;
    overflow: hidden
}

#breadcrumbs_content a {
    white-space: nowrap
}

.asideblock.info {
    padding-top: 2.5em
}

#itemdatetime {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1.6em;
    font-color: #000;
    font-weight: 700;
    padding-bottom: 1.75em
}

.asideblock ul,
.css-contentlikeul ol,
.css-contentlikeul>ul,
.css-iscontent>ol,
.css-iscontent>ul {
    font-size: 1.6em;
    line-height: 1.5625em;
    padding: 0 0 1.5625em
}

.asideblock ul ul,
.asideblock.searchnotfound ul,
.css-contentlikeul>ol ol,
.css-contentlikeul>ol ul,
.css-contentlikeul>ul ol,
.css-contentlikeul>ul ul,
.css-iscontent>ol ol,
.css-iscontent>ol ul,
.css-iscontent>ul ol,
.css-iscontent>ul ul {
    font-size: 1em;
    padding: 0
}

.asideblock>ul li,
.css-contentlikeul>ul li,
.css-iscontent>ul li {
    list-style: none
}

.asideblock ul {
    margin: 0 0 0 26px
}

.asideblock ul.thesiblings,
.asideblock ul.thesiblings ul.children {
    margin: 0 0 0 16px
}

.asideblock li {
    padding: .87em 0 0
}

.asideblock.siblings {
    padding: 23px 0 0
}

.asideblock.actions {
    padding: 12px 0 0
}

.asideblock.siblings p {
    padding: 0
}

.newsoverviewitem {
    background-color: #fff
}

.indexlistingholder ul,
.productencataloguscol ul {
    font-family: Asap, sans-serif;
    font-size: 1.6em;
    line-height: 1.5625em;
    font-weight: 500;
    list-style: none
}

.indexlistingholder ul ul,
.productencataloguscol ul ul {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1em;
    font-weight: 400
}

.css-colthreethirds.pagetitle {
    padding-top: 5em
}

.coltwothirds.default {
    padding-bottom: 7em
}

.coltwothirds.partneroverview {
    padding-bottom: 0
}

.coltwothirds.deindex,
.coltwothirds.onderwerp {
    padding-bottom: 5em
}

.coltwothirds.extrabottom {
    padding-bottom: 5.3em
}

.css-colthreethirds.partneroverview {
    padding-bottom: 8.5em
}

#herkomstholder {
    border: 2px solid #e5eff6
}

.css-contentlikeul>ol ul,
.css-contentlikeul>ul ul,
.css-iscontent>ol ul,
.css-iscontent>ul ul {
    margin: 0 0 0 1.8em
}

.css-contentlikeul>ol ol,
.css-contentlikeul>ul ol,
.css-iscontent>ol ol,
.css-iscontent>ul ol {
    margin: 0 0 0 1.1em
}

#contentbody {
    min-height: 500px
}

#backtotopid {
    position: absolute;
    top: 36px;
    right: 20px
}

a#backtotop {
    color: #7f7f7f
}

.footercolumn a,
a#backtotop:hover {
    text-decoration: none
}

#backtotop i {
    margin-left: 8px
}

#loginsliderform,
#searchsliderform {
    margin: 0 0 5px 15px;
    padding: 0
}

#searchsliderterm {
    border: 1px solid #FFF
}

.loginsliderpwd,
.loginslideruser {
    border: 2px solid #FFF
}

.loginsliderpwd.error,
.loginslideruser.error {
    border: 2px solid #ee2931
}

.loginsliderbutton.busy,
.loginsliderbutton:hover {
    background-color: #d67d6c;
    color: #FFF
}

#prefooter {
    background-color: #005ea5
}

#footer {
    background-color: #e5e5e5
}

.footercolumn h1,
.footercolumn h2,
.footercolumn h3,
.footercolumn h4,
.footercolumn h5,
.footercolumn h6 {
    font-family: Asap, sans-serif;
    font-size: 1.6em;
    line-height: 1.2em;
    font-weight: 500;
    color: #000;
    border-bottom: 1px solid #c8c8c8;
    margin: 0 0 1.5625em
}

.footercolumn ul {
    margin: 0;
    list-style: none;
    font-size: 1.6em;
    line-height: 1.4em
}

.externalurl:after,
.internalurl:after {
    font-size: .8em;
    padding-left: .25em;
    padding-right: .25em;
    font-family: FontAwesome;
    font-style: normal;
    display: inline-block;
    font-weight: 400
}

.footercolumn li {
    color: #000;
    min-height: 1.4em
}

.footercolumn a {
    color: #000
}

.footercolumn a:hover {
    color: #000;
    text-decoration: underline
}

.ie9 #footerlogo,
.iegt9 #footerlogo {
    background: url(https://static.bij12.nl/wp-content/themes/bij12/images/logobij12_footer.png) left top no-repeat #fff;
    background-size: 34px 29px;
    width: 34px;
    height: 29px
}

.ielt9 #footerlogo {
    background: url(https://static.bij12.nl/wp-content/themes/bij12/images/logobij12_footer_ie8.png) left top no-repeat #fff;
    width: 34px;
    height: 29px
}

.internalurl:after {
    content: "\f0c1";
    text-decoration: none
}

.css-linkislock .internalurl:after {
    content: "\f13e"
}

.externalurl:after {
    content: "\f08e";
    text-decoration: none
}

a.externalurl:after,
a.internalurl:after {
    text-decoration: none
}

.css-contentlikeul>ul li:before,
.css-iscontent>ul li:before {
    content: "\f111";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-decoration: none;
    margin: 0 4.8em 0 -5.8em;
    color: #cc604d;
    font-size: 5px;
    vertical-align: middle
}

.css-contentlikeul>ul li:before {
    color: #000;
    margin: 0 2.8em 0 -3.5em
}

.css-contentlikeul>ul ul li:before,
.css-iscontent>ul ul li:before {
    margin: 0 4.8em 0 -5.8em
}

.asideblock.siblings ul.thetree>li:before,
.indexlistingholder ul>li:before {
    content: "\f2d0";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-decoration: none;
    font-size: .75em;
    margin: 0 1em 0 -26px;
    color: #005ea5
}

.indexlistingholder .last.column>ul>li.split:before {
    content: ""
}

.asideblock.siblings ul.thesiblings li:before,
.indexlistingholder ul ul>li:before,
.indexlistingholder.onecolumn ul>li:before,
.indexlistingholder.twocolumn.likeonecolumn ul>li:before,
.productencataloguscol ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-decoration: none;
    font-size: .75em;
    margin: 0 1em 0 -16px;
    color: #005ea5
}

.asideblock.siblings ul.thesiblings>li.current_page_item a,
.asideblock.siblings ul.thesiblings>li.current_page_item:before {
    color: #7f7f7f;
    text-decoration: none;
    cursor: default
}

.asideblock.siblings ul.thesiblings>li.current_page_item ul.children a,
.asideblock.siblings ul.thesiblings>li.current_page_item ul.children li:before {
    color: #005ea5;
    cursor: pointer
}

.asideblock.siblings ul.thesiblings>li.current_page_item ul.children a {
    text-decoration: underline
}

.asideblock.siblings ul.thesiblings>li.current_page_item ul.children a:hover {
    text-decoration: none
}

.asideblock.actions li.actionprint:before {
    content: "\f02f";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-decoration: none;
    margin: 0 1.2em 0 -25px;
    color: #005ea5
}

.asideblock.actions li.actionshare:before {
    content: "\f1e0";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-decoration: none;
    margin: 0 1.2em 0 -24px;
    color: #005ea5
}

#previousnext a,
blockquote {
    font-family: Asap, sans-serif
}

blockquote {
    font-size: 1.125em;
    line-height: 1.125em;
    font-style: italic;
    color: #ce6049;
    border-left: 4px solid #ce6049
}

.css-contentlikeul>ol li,
.css-iscontent>ol li {
    padding: 0 0 0 .8em
}

.asideblock.light {
    border-top: 5px solid #f0cfc9
}

#previousnext ul,
.csstable {
    border: 2px solid #e5eff6;
    margin: 0
}

#previousnext {
    font-size: 1.6em;
    line-height: 1.4em
}

#previousnext ul {
    padding: 0
}

#previousnext li {
    list-style: none
}

#previousnext a {
    display: block;
    text-decoration: none
}

.ie9 #previousnext a::before,
.iegt9 #previousnext a::before {
    content: attr(aria-label);
    font-family: "Source Sans Pro", sans-serif;
    line-height: 1.2em;
    font-weight: 400;
    color: #7f7f7f;
    padding: 0 0 .33em;
    margin: 0;
    display: block
}

.ie9 #previousnext li.next:after,
.ie9 #previousnext li.previous:before,
.iegt9 #previousnext li.next:after,
.iegt9 #previousnext li.previous:before {
    font-family: FontAwesome;
    font-size: 1.5em;
    font-weight: 400;
    display: inline-block;
    color: #005ea5;
    position: absolute;
    text-decoration: none;
    font-style: normal
}

.ie9 #previousnext li.previous:before,
.iegt9 #previousnext li.previous:before {
    content: "\f137"
}

.ie9 #previousnext li.next:after,
.iegt9 #previousnext li.next:after {
    content: "\f138"
}

.csstable {
    position: relative;
    display: table;
    padding: 0 0 1.125em;
    font-size: 1.6em;
    line-height: 1.5625em;
    list-style: none;
    overflow: hidden
}

.csstable-row {
    display: table-row;
    list-style: none
}

.csstable-cell {
    display: table-cell
}

.csstable-row:first-of-type .csstable-cell {
    border-top: 2px solid #e5eff6
}

#relateddownloads:after,
#relateddownloads:before,
#relatednews:after,
#relatednews:before,
.downloadslist:after,
.downloadslist:before {
    display: block;
    color: #7f7f7f;
    font-size: .875em
}

#relatednews:before {
    content: 'Datum'
}

#relatednews:after {
    content: 'Titel';
    position: absolute;
    top: 2px
}

#relateddownloads:before,
.downloadslist:before {
    content: 'Zoekjaar'
}

#relateddownloads:after,
.downloadslist:after {
    content: 'Naam van bestand';
    position: absolute;
    top: 2px
}

.downloadslist.recentchanges:before {
    content: 'Datum'
}

.downloadslist.recentchanges:after {
    content: 'Pagina / bestandsnaam';
    position: absolute;
    top: 2px
}

.asideblock {
    border-top: 5px solid #e5afa6
}

.bggrey {
    background-color: #f3f3f3
}

.newsoverviewcontentholder {
    position: relative
}

#newsoverviewholder p.newsoverviewitemmeta {
    position: absolute;
    top: -1.3em;
    color: #7f7f7f;
    padding: .1em 10px 10px;
    background-color: #fff
}

#newsoverviewholder p.newsoverviewitemcategory {
    position: absolute;
    top: 0;
    color: #fff;
    padding: 0 10px;
    background-color: #005ea5;
    font-size: 1.4em
}

.newsoverviewitem a i {
    padding-left: 8px;
    font-size: .6em
}

.js .newsoverviewitemimage {
    cursor: pointer
}

#pagination ul {
    margin: 0;
    padding: 0
}

#pagination a,
#pagination span {
    background-color: #fff;
    display: inline-block;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1.6em;
    line-height: 2.25em;
    padding: 0 14px;
    margin: 2px;
    text-decoration: none
}

#pagination span {
    border: 2px solid #fff
}

#pagination a {
    border: 2px solid #005ca7
}

#pagination .arrow span {
    border: 2px solid #e5e5e5;
    color: #e5e5e5;
    padding: 0 15px
}

#pagination .arrow a {
    padding: 0 17px
}

#pagination a:hover {
    border: 2px solid #007bdf;
    background-color: #007bdf;
    color: #fff
}

#pagination .elipsis span {
    border: 2px solid #f3f3f3;
    background-color: #f3f3f3;
    padding: 0 12px
}

.inpagecontentblock.withbgcolor {
    background-color: #faefed
}

.inpagecontentblock.editpanel {
    background-color: #f2f7fa;
    border: 2px solid #f2f7fa
}

.inpagecontentblock.editpanel.error {
    border: 2px solid #ff1800
}

.inpagelinkbuttonholder {
    margin: 1.2em 0 2em
}

.inpagelinkbuttonholder span {
    margin-right: .8em
}

.inpagelinkbuttonholder.deindex {
    margin: 1.2em 0 0;
    padding-bottom: 0
}

#footernav a {
    line-height: 1.4em;
    text-decoration: underline;
    color: #7f7f7f;
    display: block;
    font-size: 1.6em
}

#footernav a:hover {
    text-decoration: none
}

.css-istab #footernav a:focus,
.css-istab a#backtotop:focus {
    color: #000
}

.indexlisting {
    border-top: 5px solid #e5afa6
}

.tabsList {
    list-style: none;
    margin: 0;
    padding: 0
}

.tabsList li {
    position: relative;
    margin: 0;
    z-index: 1
}

.tabsList li:nth-child(2) {
    left: -2px
}

.tabsList li:nth-child(3) {
    left: -4px
}

.tabsList li:nth-child(4) {
    left: -6px
}

.tabsList li a {
    position: relative;
    top: 2px;
    overflow: hidden;
    font-weight: 500;
    background: #fff;
    margin: .5em 0 0;
    padding: .2em 1.8em .1em;
    border-style: solid;
    border-color: #ccdfed;
    border-width: 2px 2px 0;
    cursor: pointer;
    font-size: 1.6em;
    line-height: 2.5em;
    font-family: Asap, sans-serif
}

.tabsList li.current {
    z-index: 10
}

.tabsList li.current a {
    color: #7f7f7f;
    border-color: #005ea5;
    text-decoration: none;
    font-weight: 400;
    outline: 0;
    background: #fff
}

.css-isclick a.tagbutton:focus,
.searchresultitemtitle,
.tagbutton,
.tagbutton:active,
th {
    font-weight: 500;
    font-family: Asap, sans-serif
}

.css-istab .tabsList li.current a:focus {
    outline: #ffbf47 solid 2px;
    background-color: #ffbf47
}

.tabPanel {
    position: relative;
    display: block;
    visibility: visible;
    clear: left;
    overflow: auto;
    border: 2px solid #005ea5;
    z-index: 5;
    padding: 3em 0 0
}

.tabPanel h2 {
    display: inline-block
}

.tabPanel h2:focus {
    outline: 0
}

.tabPanel h2,
.tabPanel h3,
.tabPanel h4,
.tabPanel h5,
.tabPanel h6,
.tabPanel p {
    padding-left: 28px;
    padding-right: 28px
}

.tabPanel ol,
.tabPanel ul {
    margin: 0 0 0 57px
}

.sliders {
    padding-bottom: 3em
}

.css-iscontent h2.slidedownh,
.css-iscontent h3.slidedownh,
.css-iscontent h4.slidedownh,
.css-iscontent h5.slidedownh,
.css-iscontent h6.slidedownh {
    font-family: Asap, sans-serif;
    color: #fff;
    font-size: 1.6em;
    line-height: 1.3em;
    background-color: #005ea5;
    display: block;
    cursor: pointer;
    padding: .6em 29px;
    position: relative;
    margin: .95em 0 0
}

.slidedownh i {
    position: absolute;
    right: 13px;
    top: .85em
}

.slidedowncontent {
    background-color: #e5eff6;
    padding: 2em 29px 0
}

.slidedowncontent.css-iscontent .slidedownh,
.slidedowncontent.css-iscontent p {
    padding-left: 0;
    padding-right: 0
}

th {
    color: #cc604d;
    text-align: left;
    border-bottom: 2px solid #f0cfc9;
    vertical-align: bottom
}

tr.even {
    background-color: #faefed
}

p.urlvindplaatsholder {
    padding-top: 1em;
    padding-bottom: 2.5em
}

.urlvindplaatsholder span {
    margin-right: .765em
}

.urlvindplaatsholder a {
    margin-left: 0
}

.css-isclick a.tagbutton:focus,
.tagbutton,
.tagbutton:active {
    display: inline-block;
    background-color: #ccdfed;
    border: 2px solid #ccdfed;
    color: #005ea5;
    text-decoration: none;
    padding: .3125em .6875em .375em;
    margin: .375em .75em .55em 0
}

.css-istab a.tagbutton:focus {
    border: 2px solid #ffbf47;
    color: #000
}

.tagbutton:hover {
    background-color: #fff;
    color: #005ea5;
    text-decoration: none
}

p.tagholder {
    padding-bottom: 0;
    margin-top: 2.5em
}

p.tagholder span {
    margin-right: .8em
}

.productencataloguscol h2 {
    padding-bottom: .85em
}

.productencataloguslisting {
    padding-bottom: 5em
}

.searchresultitem {
    background-color: #f2f7fa
}

.searchresultitem p {
    font-size: 1em;
    display: inline
}

.searchresultitem a i {
    font-size: .65em;
    margin-left: .7em
}

.wpcf7-form br {
    display: none;
    visibility: hidden
}

.wpcf7-form p {
    font-size: 1em;
    padding: 0
}

.css-form input[type=text],
.css-form input[type=email],
.css-form input[type=password],
.css-form input[type=date] {
    -webkit-appearance: none;
    border-radius: 0;
    border: 2px solid #ccdfed;
    line-height: 1.5625em;
    padding: .34375em 13px;
    margin: .375em 0 1.05em;
    display: block;
    height: 1.5625em
}

.css-elearningform label,
.css-form .wpcf7-checkbox+span.wpcf7-not-valid-tip,
.css-form .wpcf7-date+span.wpcf7-not-valid-tip,
.css-form label,
.wpcf7-form legend {
    font-size: 1.6em;
    line-height: 1.2em
}

.css-form textarea {
    border: 2px solid #ccdfed;
    padding: .34375em 13px;
    resize: vertical;
    margin: .375em 0 1.05em
}

.css-form textarea:focus,
.css-formfocus input:focus {
    border: 2px solid #005ea5
}

#editform.css-form .error .wp-editor-container,
.css-form .wpcf7-checkbox.wpcf7-not-valid,
.css-form .wpcf7-select.wpcf7-not-valid,
.css-form input.error,
.css-form input.wpcf7-not-valid,
.css-form textarea.wpcf7-not-valid {
    border-color: #ff1800
}

.css-form span.wpcf7-not-valid-tip {
    color: #ff1800;
    position: relative;
    top: -1em;
    left: 2px;
    font-weight: 400
}

.css-form .wp-editor-wrap+span.wpcf7-not-valid-tip {
    top: 0
}

.css-form .wpcf7-select+span.wpcf7-not-valid-tip {
    font-size: 1.6em;
    line-height: 1.2em;
    color: #ff1800;
    position: relative;
    top: .2em;
    left: 2px;
    font-weight: 400
}

.css-form label,
.wpcf7-form legend {
    font-weight: 700;
    display: block
}

.css-elearningform label {
    font-weight: 400;
    display: block;
    padding: .1em 0 0 2em;
    margin: .4em 0
}

.css-form span.uitleg {
    font-size: .875em;
    font-weight: 400;
    color: #7f7f7f;
    display: block
}

.css-form span.uitleg.likep {
    font-size: 1em;
    color: #000
}

.css-hasdate .css-form span.uitleg.ifnodate {
    display: none
}

.css-form .formrow {
    clear: both;
    position: relative
}

.css-form .loginbutton,
.css-form input.wpcf7-submit {
    border: 2px solid #7f7f7f;
    background-color: #7f7f7f;
    color: #fff;
    font-family: Asap, sans-serif;
    font-weight: 500;
    width: auto;
    font-size: 1.6em;
    padding: .34375em 13px
}

.css-form .loginbutton:hover,
.css-form input.wpcf7-submit:hover {
    color: #7f7f7f;
    background-color: #fff
}

.css-istab .css-form .loginbutton:focus,
.css-istab .css-form input.wpcf7-submit:focus {
    border: 2px solid #ffbf47;
    background-color: #ffbf47;
    color: #000
}

#pcsearch_button,
.responsewhitebox {
    background-color: #fff;
    line-height: 1.5625em
}

.screen-reader-response[role=alert] {
    font-size: 1.6em;
    line-height: 1.5625em;
    color: #ff1800;
    border: 2px solid #ff1800;
    background-color: #fff
}

.screen-reader-response.allok[role=alert] {
    border: 2px solid #038f3b;
    color: #038f3b
}

.responsewhitebox {
    font-size: 1.6em
}

#inpagelogin,
#inpagesearchbox,
#pcsearchbox {
    background-color: #005ea5
}

#inpagesearchbox legend,
#pcsearchbox legend {
    font-family: Asap, sans-serif;
    font-size: 2.4em;
    line-height: 1.2em;
    font-weight: 500;
    color: #fff;
    margin: .1em 0
}

#inpagesearchbox label,
#pcsearchbox label {
    color: #fff;
    display: block;
    margin: 1.375em 0 .1875em;
    width: 100%
}

#inpagesearchbox input,
#pcsearchbox input {
    font-size: 1.6em;
    margin: 0
}

#pcsearch_button {
    border: 2px solid #fff;
    color: #005ea5;
    font-weight: 500;
    margin: 2.5em 0 .8em;
    font-size: 1.6em;
    padding: .34375em 33px .34375em 13px
}

.ie9 #pcsearch_button:after,
.iegt9 #pcsearch_button:after {
    content: "\f054";
    font-family: FontAwesome;
    position: absolute;
    top: 3.35em;
    right: 15px;
    color: #005ea5;
    font-size: .9em
}

.buttonwrapper,
.css-form .wpcf7-list-item label {
    position: relative
}

.buttonwrapper {
    display: inline-block
}

#aanmeldform,
#loginform,
.useravatarthumbnail {
    background-color: #fff
}

#aanmeldform legend,
#loginform legend {
    font-family: Asap, sans-serif;
    font-weight: 500;
    color: #cc604d;
    margin: 0 0 .75em
}

.wpcf7-form h3,
.wpcf7-form h4,
.wpcf7-form h5,
.wpcf7-form h6 {
    padding-top: .5625em;
    padding-bottom: 1em
}

.wpcf7-response-output {
    display: none;
    visibility: hidden
}

.css-form .wpcf7-list-item {
    display: block;
    position: relative;
    padding: 0 0 .7em
}

.css-form .wpcf7-list-item.first {
    padding-top: .5em
}

.css-form .wpcf7-list-item.last {
    padding-bottom: 2em
}

.css-form span.wpcf7-list-item-label {
    font-size: 1em;
    font-weight: 400;
    margin-left: 2em;
    display: inline-block
}

.css-form .wpcf7-list-item input {
    position: absolute;
    left: 0;
    padding: 0;
    margin: 0;
    width: 1em
}

.css-form .wpcf7-list-item input[type=radio] {
    top: .2em
}

.css-form input.wpcf7-submit {
    margin-top: 1.5625em
}

.wpcf7-form .custom-select {
    margin: .375em 0 1.05em
}

.wpcf7-form .custom-select::after {
    top: 1.2em
}

.ielt9 .css-form .wpcf7-list-item input[type=checkbox] {
    top: .21em
}

.css-elearningform input[type=radio],
.ie9 .css-form input[type=checkbox],
.ie9 .wpcf7-form input[type=checkbox],
.ie9 .wpcf7-form input[type=radio],
.iegt9 .css-form input[type=checkbox],
.iegt9 .wpcf7-form input[type=checkbox],
.iegt9 .wpcf7-form input[type=radio] {
    border: 0;
    /*clip: rect(0 0 0 0);*/
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

#editform .wp-editor-container,
.useravatarthumbnail {
    border: 2px solid #ccdfed
}

.ie9 .wpcf7-checkbox input[type=checkbox]+.wpcf7-list-item-label:before,
.iegt9 .wpcf7-checkbox input[type=checkbox]+.wpcf7-list-item-label::before {
    font-family: FontAwesome;
    content: "\f096";
    position: absolute;
    top: .1em;
    left: .2em
}

.ie9 .wpcf7-checkbox input[type=checkbox]:checked+.wpcf7-list-item-label:before,
.iegt9 .wpcf7-checkbox input[type=checkbox]:checked+.wpcf7-list-item-label::before {
    content: "\f046";
    color: #005ea5
}

.ie9 .wpcf7-radio input[type=radio]+.wpcf7-list-item-label:before,
.iegt9 .wpcf7-radio input[type=radio]+.wpcf7-list-item-label::before {
    font-family: FontAwesome;
    content: "\f1db";
    position: absolute;
    top: .1em;
    left: .2em
}

.ie9 .wpcf7-radio input[type=radio]:checked+.wpcf7-list-item-label:before,
.iegt9 .wpcf7-radio input[type=radio]:checked+.wpcf7-list-item-label::before {
    content: "\f00c";
    color: #005ea5
}

.elearning_label {
    position: relative;
    color: #fff
}

.ie9 .elearning_label input[type=radio]+.elearning_label_text:before,
.iegt9 .elearning_label input[type=radio]+.elearning_label_text::before {
    font-family: FontAwesome;
    content: "\f1db";
    position: absolute;
    top: .1em;
    left: .2em
}

.ie9 .elearning_label input[type=radio]:checked+.elearning_label_text:before,
.iegt9 .elearning_label input[type=radio]:checked+.elearning_label_text::before {
    content: "\f00c";
    color: #fff
}

.useravatarthumbnail {
    width: 140px;
    height: 140px
}

.ie9 #useravatar,
.iegt9 #useravatar {
    display: none
}

.ielt9 .css-form .useravatarfield label,
.ielt9 .fileuploadname {
    display: none;
    visibility: hidden
}

.ie9 .css-form .useravatarfield label,
.iegt9 .css-form .useravatarfield label {
    background-color: #7f7f7f;
    width: 6.69em;
    line-height: 2.5em;
    color: #fff;
    cursor: pointer;
    padding: 0 0 0 .875em;
    font-family: Asap, sans-serif;
    font-weight: 500;
    position: relative
}

.ie9 .css-form .useravatarfield label:after,
.iegt9 .css-form .useravatarfield label:after {
    font-family: FontAwesome;
    content: "\f07c";
    top: 0;
    right: .875em;
    position: absolute
}

.profileholder,
.profileimage {
    border: 2px solid #e5eff6
}

.profileimage,
.profileimage img {
    width: 116px;
    height: 116px
}

.downloadslistholder h2 {
    color: #005ca7;
    font-size: 1.6em;
    font-family: Asap, sans-serif;
    font-weight: 500;
    background-color: #e5eff6;
    line-height: 1.4em;
    margin: 0
}

.downloadslist {
    position: relative;
    padding: 0 0 1em
}

.css-wpeditorpadding .wp-editor-wrap {
    margin-top: 1.5em;
    margin-bottom: 3em
}

#wp-theteaser-wrap,
.error #wp-thefulltext-wrap {
    margin-bottom: 0
}

#editform.css-form .css-wpeditorpadding.error #wp-thefulltext-wrap+.wpcf7-not-valid-tip {
    margin-bottom: 3em;
    display: inline-block
}

.dateselector {
    border-top: 2px solid #ccdfed;
    border-right: 2px solid #ccdfed;
    border-bottom: 2px solid #ccdfed;
    background-color: #fff;
    display: inline-block;
    cursor: pointer;
    height: 36px;
    width: 36px;
    position: relative;
    text-align: center
}

.ie9 .dateselector,
.iegt9 .dateselector {
    margin-top: 6px
}

@supports (-ms-ime-align:auto) {
    .dateselector {
        height: 35px
    }
}

.dateselector i {
    color: #005ea5;
    margin-top: .6em
}

.js .createitemfileupload {
    position: absolute;
    top: 0;
    left: -99999em;
    margin: 0;
    padding: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0
}

.css-isclick a.inpagelinkbutton:focus,
.inpagelinkbutton,
.inpagelinkbutton:active {
    display: inline-block;
    background-color: #005ea5;
    border: 2px solid #005ea5;
    color: #fff;
    text-decoration: none;
    padding: .3125em .6875em .375em;
    font-family: Asap, sans-serif;
    font-weight: 500;
    margin: .375em .75em .55em 0
}

.css-isclick a.inpagelinkbutton.grey:focus,
.inpagelinkbutton.grey,
.inpagelinkbutton.grey:active {
    background-color: #7f7f7f;
    border-color: #7f7f7f
}

.css-istab a.inpagelinkbutton:focus {
    border: 2px solid #ffbf47;
    color: #000
}

.inpagelinkbutton:hover {
    background-color: #fff;
    color: #005ea5
}

.inpagelinkbutton.grey:hover {
    color: #7f7f7f
}

.createitemfileuploadselect,
.css-isclick .createitemfileuploadselect:focus,
.css-isclick .createitemfileuploadsubmit:focus,
.js .createitemfileuploadsubmit {
    display: inline-block;
    background-color: #7f7f7f;
    border: 2px solid #7f7f7f;
    color: #fff;
    text-decoration: none;
    padding: .3125em .6875em .375em;
    font-family: Asap, sans-serif;
    font-size: 1.6em;
    line-height: 1.5625em;
    font-weight: 400;
    margin: .375em .75em .55em 0;
    cursor: pointer
}

.js .createitemfileuploadsubmit {
    padding: 0 12px;
    width: 107px;
    height: 40px;
    text-align: left;
    position: relative
}

.js.ie9 .createitemfileuploadsubmit:after,
.js.iegt9 .createitemfileuploadsubmit:after {
    content: "\f01b";
    font-family: FontAwesome;
    position: absolute;
    top: .4em;
    right: 15px;
    color: #fff
}

.createitemfileuploadselect:hover,
.js .createitemfileuploadsubmit:hover,
.js.ie9 .createitemfileuploadsubmit:hover:after,
.js.iegt9 .createitemfileuploadsubmit:hover:after {
    background-color: #fff;
    color: #7f7f7f
}

.createitemfileuploadselect.inactive,
.createitemfileuploadselect.inactive:hover,
.js .createitemfileuploadsubmit.inactive,
.js .createitemfileuploadsubmit.inactive:hover,
.js.ie9 .createitemfileuploadsubmit.inactive:hover:after,
.js.iegt9 .createitemfileuploadsubmit.inactive:hover:after {
    cursor: default;
    background-color: #b4b2b2;
    border-color: #b4b2b2;
    color: #fff
}

.css-istab .createitemfileuploadselect.inactive:focus,
.css-istab .createitemfileuploadselect:focus,
.css-istab .createitemfileuploadsubmit.inactive:focus,
.css-istab .createitemfileuploadsubmit:focus {
    border: 2px solid #ffbf47;
    background-color: #ffbf47;
    color: #000
}

.no-js .createitemfilename {
    display: none!important;
    visibility: hidden!important
}

.createitemfileuploadselect i {
    margin-left: 13px
}

.createitemfilename {
    font-size: 1.6em;
    line-height: 1.5625em
}

.createitemprogress {
    line-height: 1.5623em;
    font-size: 1.6em;
    display: inline-block;
    margin-top: .85em
}

#agendalistul {
    background-color: #fff
}

#agendalistul:before {
    content: "Geüploade documenten";
    color: #7f7f7f;
    display: block;
    font-size: .875em
}

#agendalistul .csstable-cell i.fa {
    font-size: .8em;
    margin-right: .8em
}

#agendalistul .csstable-cell i.fa-trash-o {
    font-size: 1em;
    margin-right: .8em
}

#agendaitemul {
    padding: 0;
    margin: 0
}

.css-contentlikeul #agendaitemul li:before {
    content: ""
}

#agendaitemul li i,
i.backtoagenda {
    margin-right: .8em;
    font-size: .8em
}

.calendaritem {
    background-color: #faefed;
    border-top: 2px solid #cc604d
}

.calendardate {
    position: absolute;
    display: inline-block;
    padding: 0 10px;
    background-color: #cc604d;
    top: 0;
    left: 30px;
    color: #fff;
    font-size: 1.4em;
    line-height: 2em;
    font-weight: 700;
    height: 2em
}

h3.calendarh3 {
    margin-bottom: .5em
}

.colthreethirds.default {
    padding-bottom: 5em
}

#inhoud.withheaderimage {
    text-align: center
}

#inhoud.withheaderimage .page {
    text-align: left
}

#headerimage {
    height: 130px
}

#onderwerphighlights {
    background-color: #e5eff6
}

#onderwerphighlights p {
    padding-bottom: 0
}

.smallerfa i {
    font-size: .7em;
    margin-left: .7em
}

#newsoverviewholder.onderwerp {
    margin-bottom: 7em
}

.css-onderwerpveelgedownload i {
    color: #005ca7;
    font-size: .8em;
    margin-right: .8em
}

#detailpartnerlogo {
    margin: 17px 0 29px
}

#frontpageonderwerpenlist,
.frontpagesnelnaarcol ul {
    margin: 0;
    font-family: Asap, sans-serif;
    font-weight: 500
}

.partneroverviewitem {
    text-align: center
}

.inpagesearchresultitem {
    background-color: #f2f7fa
}

.inpagesearchresultsmeta {
    padding: .9375em 0 .8125em
}

.ie9 .inpagesearchresultitem:before,
.ie9 .searchresultitem:before,
.iegt9 .inpagesearchresultitem:before,
.iegt9 .searchresultitem:before {
    content: " ";
    background-color: #f2f7fa;
    width: 3em;
    height: 100%;
    position: absolute;
    top: 0;
    left: -2em;
    z-index: -1
}

.ie9 .inpagesearchresultitem:before,
.iegt9 .inpagesearchresultitem:before {
    left: -3em
}

.asideblock.searchnotfound {
    border: 2px solid #ccdfed
}

.frontpageagendaitem {
    background-color: #fff;
    font-size: 1.6em;
    line-height: 1.5625em
}

.agendaitemdate {
    background-color: #cc5f4c;
    color: #fff
}

.agendaitemdate span {
    font-size: 1.5em;
    line-height: 1.2em;
    font-family: Asap, sans-serif;
    font-weight: 500
}

.agendaitemtitle a {
    font-family: Asap, sans-serif;
    font-weight: 500
}

.makemetable {
    display: table
}

#frontpageonderwerpenlist {
    padding: 0;
    list-style: none;
    font-size: 2.4em;
    line-height: 1.25em
}

.frontpagesnelnaarcol ul {
    padding: 0 0 1.5625em;
    font-size: 1.6em;
    line-height: 1.5625em
}

.frontpagesnelnaarcol li {
    list-style: none;
    padding-bottom: .875em
}

.frontpagesnelnaarcol li:before {
    content: "\f105";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-decoration: none;
    font-size: .75em;
    margin: 0 1em 0 -16px;
    color: #005ea5
}

.tablepress>caption {
    text-align: left;
    font-weight: 700
}

#inhoud #bbp_reply_submit,
#inhoud #bbp_topic_submit,
h2.sliderh2 {
    font-family: Asap, sans-serif;
    font-weight: 500
}

#frontpagespotlightcontainer {
    background-color: #005ea5;
    color: #fff
}

#frontpagespotlightcontainer a,
#frontpagespotlightcontainer a:after,
#frontpagespotlightcontainer a:hover {
    color: #fff
}

#onderwerpiconownpage img {
    width: 80px;
    height: 80px
}

.infiniteCarousel {
    position: relative
}

.infiniteCarousel .wrapper {
    /*overflow: auto;*/
    overflow: hidden;
    margin: 0;
    position: absolute;
    top: 0
}

.no-js .infiniteCarousel .wrapper,
.visuallyhidden {
    overflow: hidden
}

.infiniteCarousel .wrapper ul {
    width: 600%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    list-style: none
}

.infiniteCarousel ul li {
    display: block;
    float: left;
    padding: 0;
    position: relative
}

.infiniteCarousel ul li a img {
    display: block
}

.infiniteCarousel .arrow {
    display: block;
    position: absolute;
    top: 0;
    cursor: pointer;
    width: 25px;
    height: 26px;
    color: #fff
}

.infiniteCarousel .arrow:hover {
    xbackground-position: 0 -30px
}

#sliderholder .wrapper {
    padding: 0;
    margin: 0;
    list-style: none
}

.sliderbox {
    background-color: #fff
}

p.slideronderwerp {
    position: absolute;
    top: 0;
    color: #fff;
    padding: 3px 10px 5px;
    background-color: #005ea5;
    font-size: 1.4em
}

h2.sliderh2 {
    margin: 0;
    padding: 0;
    font-size: 2.4em;
    line-height: 1.25em;
    color: #005ea5
}

.sliderbox a i {
    padding-left: 8px;
    font-size: .6em
}

#inhoud #bbpress-forums,
#inhoud #bbpress-forums ul.bbp-forums,
#inhoud #bbpress-forums ul.bbp-lead-topic,
#inhoud #bbpress-forums ul.bbp-replies,
#inhoud #bbpress-forums ul.bbp-search-results,
#inhoud #bbpress-forums ul.bbp-topics {
    font-size: 1.1666666666em;
    line-height: 1.78571428571429em
}

#inhoud #bbpress-forums p {
    font-size: 1em
}

#inhoud #bbpress-forums p label {
    font-size: 1.16666666em
}

#inhoud #bbpress-forums li.bbp-footer,
#inhoud #bbpress-forums li.bbp-header {
    border: 1px solid #e5eff6;
    background-color: #fff
}

#inhoud #bbpress-forums li.bbp-body {
    border-top: 0;
    border-left: 1px solid #e5eff6;
    border-right: 1px solid #e5eff6;
    border-bottom: 0;
    background-color: #fff
}

#inhoud #bbpress-forums div.odd,
#inhoud #bbpress-forums ul.odd {
    background-color: #fff
}

#inhoud div.bbp-template-notice,
#inhoud div.bbp-template-notice.info,
#inhoud div.indicator-hint {
    border: 1px solid #cc604d;
    background-color: #faefed
}

#inhoud #bbpress-forums fieldset.bbp-form {
    border: 1px solid #cc604d
}

#inhoud #bbpress-forums fieldset.bbp-form input[type=text] {
    -webkit-appearance: none;
    border-radius: 0;
    border: 2px solid #ccdfed;
    line-height: 1.5625em;
    padding: .34375em 13px;
    margin: .375em 0 1.05em;
    display: block;
    height: 1.5625em;
    width: 96.3%
}

#inhoud #bbpress-forums fieldset.bbp-form textarea {
    border: 2px solid #ccdfed;
    padding: .34375em 13px;
    resize: vertical;
    margin: .375em 0 1.05em
}

#inhoud #bbpress-forums fieldset.bbp-form input[type=text]:focus,
#inhoud #bbpress-forums fieldset.bbp-form textarea:focus {
    border: 2px solid #005ea5
}

#inhoud #bbp_reply_submit,
#inhoud #bbp_topic_submit {
    border: 2px solid #7f7f7f;
    background-color: #7f7f7f;
    color: #fff;
    width: auto;
    font-size: 1.6em;
    padding: .34375em 13px
}

#elearning_button,
#elearning_startbutton {
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 700
}

#inhoud #bbp_reply_submit:hover,
#inhoud #bbp_topic_submit:hover {
    color: #7f7f7f;
    background-color: #fff
}

#inhoud #bbp_reply_submit:focus,
#inhoud #bbp_topic_submit:focus {
    border: 2px solid #ffbf47;
    background-color: #ffbf47;
    color: #000
}

#inhoud .bbp-footer {
    display: none;
    visibility: hidden
}

#inhoud #bbpress-forums div.bbp-forum-header,
#inhoud #bbpress-forums div.bbp-reply-header,
#inhoud #bbpress-forums div.bbp-topic-header {
    background-color: #f3f8fc
}

#inhoud .bbp-replies .bbp-reply-header {
    border-top: 0;
    border-left: 1px solid #e5eff6;
    border-right: 1px solid #e5eff6;
    border-bottom: 0
}

#inhoud .bbp-replies .even,
#inhoud .bbp-replies .odd {
    border-top: 0;
    border-left: 1px solid #e5eff6;
    border-right: 1px solid #e5eff6;
    border-bottom: 1px solid #e5eff6
}

#inhoud #bbpress-forums .hentry div.bbp-forum-content,
#inhoud #bbpress-forums .hentry div.bbp-reply-content,
#inhoud #bbpress-forums .hentry div.bbp-topic-content {
    margin-left: 150px
}

#tijdlijn_inhoud ul p {
    font-size: 1em
}

.elearning_body {
    background-color: #cc604d;
    display: block
}

#elearning_button:hover,
#elearning_navigation_choices li a:hover,
#elearning_startbutton:hover {
    background-color: #b75645;
    color: #fff;
    text-decoration: none
}

.elearning_body h1,
.elearning_body h2,
.elearning_body h3,
.elearning_body h4,
.elearning_body h5,
.elearning_body h6,
.elearning_body p {
    color: #fff
}

#elearning_button,
#elearning_navigation_choices li a,
#elearning_startbutton {
    background-color: #faefed;
    color: #cc604d
}

#elearning_location {
    background-color: #faefed
}

#elearning_location_page {
    border-top: 1px solid #cc604d;
    padding-top: 2em
}

#elearning_location p span {
    display: inline-block;
    width: 1em;
    text-align: center
}

#elearning_location p span.lead {
    width: 9em;
    text-align: left
}

#elearning_button,
.css-iscontent.elearning_content p.contentimage,
.textcenter {
    text-align: center
}

#elearning_startpageimage {
    position: relative;
    margin: 10px 0 30px;
    max-width: 80%
}

.elearning_content img.maxbreedte {
    width: 100%;
    height: auto
}

.css-iscontent.elearning_content p.contentimage img {
    max-width: 100%
}

#elearning_startbutton {
    font-size: 2.5em;
    line-height: 2.5em;
    height: 2.5em;
    padding: 0 2em;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-decoration: none
}

#elearning_navigation_choices li {
    display: inline-block;
    margin: 5px
}

#elearning_navigation_choices li a {
    display: inline-block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

#elearning_navigation_choices li.prev a {
    padding: 8px 12px 7px 8px
}

#elearning_navigation_choices li.next a {
    padding: 8px 8px 7px 12px
}

#elearning_button {
    font-size: 1.4em;
    line-height: 2em;
    height: 2em;
    padding: 0 1em;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-decoration: none;
    margin: 1em 0 0 2.28em;
    border: 0
}

.ibie7 {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.rechts {
    float: right
}

.hidden,
.js .jshidden {
    display: none!important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

@media screen and (max-width:759px) {
    .fontasp.withpadding,
    p {
        padding-bottom: 1.5625em
    }
    #searchsliderbutton,
    #searchsliderterm {
        border-radius: 0;
        -webkit-appearance: none;
        float: right
    }
    h1 {
        font-size: 2.6em;
        line-height: 1.2em
    }
    .legendash2,
    h2 {
        font-size: 2em;
        line-height: 1.33333em
    }
    .legendash3,
    h2.styledash3,
    h3,
    h4,
    h5,
    h6 {
        font-size: 1.6em;
        line-height: 1.5em
    }
    h2.styledash3.withmargin {
        margin-left: 20px
    }
    p {
        font-size: 1.6em;
        line-height: 1.5625em
    }
    h3.styledash2 {
        font-size: 2em;
        line-height: 1.33333em
    }
    .fontasp,
    h2.styledasp {
        font-size: 1.6em;
        line-height: 1.5625em
    }
    .fontasp.withpadding {
        display: inline-block
    }
    #header_3a,
    #logoset3,
    #sitewidesearchholder {
        display: none!important;
        visibility: hidden
    }
    .styledas1em {
        font-size: 1em;
        margin: 0
    }
    .page {
        position: relative;
        margin: 0 auto;
        width: 100%
    }
    #backtotopp,
    #css-mainnav ul ul,
    #footerlogo,
    #header_2,
    #header_3b,
    #loginslider label,
    #logoset12,
    #set12holder {
        position: absolute
    }
    #inhoud .page {
        overflow: hidden
    }
    #header,
    #header .page {
        min-height: 8em
    }
    #header_2,
    #header_3b {
        top: 0;
        width: 100%;
        display: none
    }
    #header_4 {
        min-height: 6em
    }
    #header_4.closed {
        min-height: 0
    }
    #logoset12 {
        top: 25px;
        left: 19px;
        width: 35px;
        height: 30px
    }
    .ie9 #logoset12,
    .iegt9 #logoset12 {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/logobij12_set12.png) top left no-repeat;
        background-size: 35px 30px
    }
    .ielt9 #logoset12 {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/logobij12_set12_ie8.png) top left no-repeat
    }
    #breadcrumbs_pre {
        margin: 0 0 0 20px;
        width: 9em
    }
    #breadcrumbs_content {
        margin: 0 0 0 20px;
        width: 80%
    }
    #set12holder {
        top: 0;
        width: 100%
    }
    #menuslidertriggerholder,
    #searchslidertriggerholder {
        position: absolute;
        bottom: 0;
        height: 50px;
        padding: 8px 13px 0 8px;
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }
    #menuslidertriggerholder {
        left: 92px
    }
    #searchslidertriggerholder {
        right: 4px
    }
    #menuslidertrigger,
    #searchslidertrigger {
        font-family: Asap, sans-serif;
        font-size: 1.6em;
        line-height: 1.2em;
        color: #cc604d;
        text-decoration: none
    }
    a#menuslidertrigger i,
    a#searchslidertrigger i {
        font-size: 1.1em;
        width: 1.28571em;
        display: inline-block
    }
    a#menuslidertrigger i {
        margin-right: 6px
    }
    a#searchslidertrigger i {
        margin-right: 2px
    }
    a#menuslidertrigger i.fa-times,
    a#searchslidertrigger i.fa-times {
        display: none;
        visibility: hidden
    }
    .colonethird {
        width: 100%;
        padding-bottom: 3em
    }
    .coltwothirds {
        width: 100%
    }
    #itemdatetime,
    .css-iscontent>h1,
    .css-iscontent>h2,
    .css-iscontent>h3,
    .css-iscontent>h4,
    .css-iscontent>h5,
    .css-iscontent>h6,
    .css-iscontent>p,
    h2.partneroverviewh2 {
        padding-left: 20px;
        padding-right: 20px
    }
    .asidecontent>h2 {
        padding-left: 0;
        padding-bottom: .9375em
    }
    .css-iscontent p.contentimage {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 2em
    }
    .css-iscontent .withbgcolor p.contentimage {
        padding-left: 0;
        padding-right: 0
    }
    .css-iscontent p.contentimage img {
        width: 100%;
        height: auto
    }
    .asideblock {
        min-width: 260px;
        margin: 1.6em 20px 0
    }
    .css-iscontent>ul {
        margin: 0 20px 0 49px
    }
    .css-iscontent>ol {
        margin: 0 20px 0 39px
    }
    .slidedowncontent.css-iscontent>ol,
    .slidedowncontent.css-iscontent>ul {
        margin: 0 0 0 30px
    }
    .css-contentlikeul>ol,
    .css-contentlikeul>ul {
        margin: 0 0 0 19px
    }
    #newsoverviewholder {
        padding: 50px 0 60px
    }
    #newsoverviewholder h2 {
        padding: 22px 20px 0
    }
    #newsoverviewholder p {
        padding-left: 20px;
        padding-right: 20px
    }
    .newsoverviewitem {
        width: 87.5%;
        max-width: 380px;
        margin: 20px
    }
    .newsoverviewitemimage {
        width: 100%;
        height: auto
    }
    .indexleadimage {
        width: 100%;
        height: auto;
        margin: 0 0 40px
    }
    .colonethird.indexelement,
    .coltwothirds.indexelement {
        padding-top: 50px
    }
    #header_2,
    #header_3b {
        min-height: 8em
    }
    .contentfigure {
        margin: 0 15px 2.5em
    }
    .contentfigure img {
        width: 100%;
        height: auto
    }
    .figurelinks img,
    .figurerechts img {
        max-width: 340px;
        height: auto
    }
    .figcaption {
        margin: 0;
        padding: 1em 10px 0;
        font-size: 1.3em;
        line-height: 1.53846153846154em
    }
    .figurelinks .figcaption {
        margin: 0 0 0 5px
    }
    .figurerechts .figcaption {
        margin: 0 5px 0 0
    }
    #backtotopp {
        top: 0;
        right: 0;
        padding: 4px 1px 4px 4px
    }
    #menuslidertriggerholder.active {
        background-color: #cc604d
    }
    #searchsliderbutton,
    #searchslidertriggerholder.active {
        background-color: #005ea5
    }
    #menuslidertriggerholder.active a,
    #searchslidertriggerholder.active a {
        color: #fff;
        text-decoration: underline
    }
    #menuslidertriggerholder.active a#menuslidertrigger i.fa-times {
        display: inline-block;
        visibility: visible
    }
    #menuslidertriggerholder.active a#menuslidertrigger i.fa-bars {
        display: none;
        visibility: hidden
    }
    #searchslidertriggerholder.active a#searchslidertrigger i.fa-times {
        display: inline-block;
        visibility: visible
    }
    #searchslidertriggerholder.active a#searchslidertrigger i.fa-search {
        display: none;
        visibility: hidden
    }
    #css-mainnav .js-css-active>ul,
    #css-mainnav a,
    #css-mainnav li,
    #previousnext ul {
        display: block
    }
    #searchslider {
        float: right;
        color: #FFF;
        line-height: 1em;
        margin: 2em 14px 0 0
    }
    #searchsliderterm {
        padding: 0 10px;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 1.6em;
        font-weight: 400;
        line-height: 2.4em;
        height: 2.4em;
        margin: 0;
        width: 10em;
        max-width: 500px
    }
    #searchsliderbutton {
        border: 1px solid #fff;
        color: #fff;
        font-size: 1.6em;
        line-height: 2.5em;
        height: 2.5em;
        padding: 0 16px;
        margin: 0;
        text-align: left
    }
    #searchsliderbutton:hover {
        color: #005ea5;
        background-color: #fff
    }
    #header_2 .page {
        padding-top: 5px
    }
    #css-mainnav ul {
        list-style: none;
        padding: 0;
        margin: 0;
        position: relative
    }
    #css-mainnav li {
        border-bottom: 1px solid #e6b0a6
    }
    #css-mainnav a {
        line-height: 1.3em;
        text-decoration: none;
        color: #FFF;
        background-color: #cc604d;
        font-family: Asap, sans-serif;
        font-weight: 500;
        font-size: 1.6em;
        padding: .56em 20px
    }
    #css-mainnav .menuprev a {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/menu_sprite.png) left top no-repeat #e0a094;
        padding-left: 45px
    }
    #css-mainnav li.current_page_ancestor>a,
    #css-mainnav li.current_page_item>a {
        color: #000;
        background-color: #faefed
    }
    #css-mainnav li.current_page_ancestor>li a,
    #css-mainnav li.current_page_item>li a {
        color: #fff;
        background-color: #cc604d
    }
    #css-mainnav ul ul {
        float: left;
        text-align: left;
        top: 0;
        left: 100%;
        width: 100%;
        display: none
    }
    #css-mainnav a:hover {
        color: #FFF;
        background-color: #d67d6c
    }
    #css-mainnav ul>.page_item_has_children>a {
        padding-right: 60px;
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/menu_sprite.png) right -980px no-repeat #cc604d
    }
    #css-mainnav ul>.current_page_ancestor.page_item_has_children>a,
    #css-mainnav ul>.page_item_has_children.current_page_item>a {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/menu_sprite.png) right -700px no-repeat #faefed
    }
    #css-mainnav ul>.page_item_has_children>a:hover {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/menu_sprite.png) right -980px no-repeat #d67d6c;
        color: #fff
    }
    .css-istab #css-mainnav ul a:focus {
        background-color: #ffbf47;
        color: #000;
        outline: 0
    }
    .css-istab #css-mainnav ul>li.page_item_has_children>a:focus {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/menu_sprite.png) right -700px no-repeat #ffbf47
    }
    li#newloginsliderholder {
        padding: 25px 10px 0 15px;
        width: 290px;
        border-bottom: none
    }
    #loginsliderform {
        width: 100%
    }
    #loginslider legend {
        display: none
    }
    #loginslider label {
        top: -1.5em;
        left: 2px;
        font-size: 1.4em;
        line-height: 1em;
        font-weight: 700;
        color: #fff
    }
    .loginsliderpwd,
    .loginslideruser,
    a#createprofilelink,
    a#forgotpasswordlink {
        font-family: "Source Sans Pro", sans-serif;
        font-weight: 400;
        font-size: 1.6em
    }
    .loginsliderpwd,
    .loginslideruser {
        -webkit-appearance: none;
        border-radius: 0;
        padding: 0 10px;
        line-height: 2.25em;
        height: 2.25em;
        margin: 0;
        width: 225px
    }
    .loginsliderbutton {
        -webkit-appearance: none;
        border-radius: 0;
        border: 0;
        color: #cc604d;
        background-color: #FFF;
        font-size: 1.6em;
        line-height: 2.5em;
        height: 2.5em;
        padding: 0;
        margin: 2em 0 0;
        text-align: center;
        width: 249px
    }
    a#createprofilelink,
    a#forgotpasswordlink {
        color: #FFF;
        line-height: 1.2em;
        padding: .7em 16px;
        text-decoration: underline
    }
    a#createprofilelink {
        padding: 0 16px;
        line-height: 1em;
        display: inline
    }
    a#createprofilelink:hover,
    a#forgotpasswordlink:hover {
        text-decoration: none;
        background-color: #cc604d
    }
    #closeloginslider,
    br#loginslideroptionsbr {
        display: none;
        visibility: hidden
    }
    #loginslider .ibie7 {
        display: block;
        margin: 4em 0 0
    }
    .footercolumn {
        width: 90.625%;
        min-width: 300px;
        padding: 0 0 0 5px
    }
    .footercolumn h1,
    .footercolumn h2,
    .footercolumn h3,
    .footercolumn h4,
    .footercolumn h5,
    .footercolumn h6 {
        padding: 55px 15px 26px
    }
    .footercolumn ul {
        padding: 0 0 47px
    }
    .footercolumn li {
        padding: .44em 15px
    }
    #postfooter {
        padding-bottom: 40px
    }
    #footerlogo {
        left: 20px;
        top: 36px
    }
    #footernav {
        display: inline
    }
    #footernav ul {
        list-style: none;
        padding: 0;
        margin: 110px 0 0 10px;
        display: inline-block;
        width: 87%
    }
    #footernav li {
        display: inline-block;
        padding: 0 10px
    }
    .css-iscontent blockquote {
        margin: 1.2em 20px 2.9em
    }
    .css-iscontent blockquote p {
        padding: 0 20px 4px;
        line-height: 1.388888em
    }
    .asidecontent {
        margin-top: 4em;
        margin-left: 20px;
        margin-right: 20px
    }
    #relateddownloads .csstable-cell:nth-child(1),
    #relateddownloads:after,
    #relateddownloads:before,
    #relatednews .csstable-cell:nth-child(1),
    #relatednews:after,
    #relatednews:before,
    .downloadslist .csstable-cell:nth-child(1),
    .downloadslist:after,
    .downloadslist:before,
    .ie9 .indexlistingholder span,
    .ielt9 .indexlistingholder span {
        display: none;
        visibility: hidden
    }
    #previousnext a {
        border-top: 19px solid #fff
    }
    #previousnext a.previous:hover {
        border-top: 19px solid #e5eff6
    }
    #previousnext a.next:hover {
        border-bottom: 19px solid #e5eff6
    }
    #previousnext li.previous {
        border-bottom: 1px solid #e5eff6;
        border-right: 0;
        width: 100%
    }
    #previousnext a.previous {
        padding: .5em 60px 1.65em
    }
    #previousnext li.next {
        border-top: 1px solid #e5eff6;
        border-left: 0;
        width: 100%;
        text-align: right
    }
    #previousnext a.next {
        padding: 1.65em 60px .55em;
        border-top: 0;
        border-bottom: 19px solid #fff
    }
    #previousnext li.previous:before {
        top: 2.14em;
        left: 21px
    }
    #previousnext li.next:after {
        top: 2.14em;
        right: 21px
    }
    #relateddownloads .csstable-cell:nth-child(2),
    #relatednews .csstable-cell:nth-child(2),
    .downloadslist .csstable-cell:nth-child(2) {
        width: 100%
    }
    #relateddownloads .csstable-cell,
    #relatednews .csstable-cell,
    .downloadslist .csstable-cell {
        padding: .5em 18px
    }
    #relateddownloads .csstable-row:first-of-type .csstable-cell,
    #relatednews .csstable-row:first-of-type .csstable-cell,
    .downloadslist .csstable-row:first-of-type .csstable-cell {
        padding-top: 1.125em
    }
    .csstable {
        width: 99.48%
    }
    .csstable-row:first-of-type .csstable-cell {
        border-top: 0
    }
    #newsoverviewholder p.newsoverviewitemcategory,
    #newsoverviewholder p.newsoverviewitemmeta {
        left: 20px
    }
    #pagination {
        text-align: center;
        margin: 40px 0 10px
    }
    .inpagecontentblock.withbgcolor {
        margin: 0 0 4em;
        padding: 25px 20px 0
    }
    .inpagecontentblock.editpanel {
        margin: 0 0 4em;
        padding: 25px 18px 3.5em
    }
    .inpagecontentblock.editpanel.nomargin {
        margin: 0
    }
    .inpagecontentblock.editpanel h2,
    .inpagecontentblock.withbgcolor h2 {
        margin: 0 0 .95em
    }
    .indexlisting {
        margin: 3.6em 15px 0;
        padding: 3.4em 5px 0
    }
    .ie9 .indexlistingholder span,
    .iegt9 .indexlistingholder span {
        font-size: 1.6em;
        line-height: 1em
    }
    .indexlistingholder ul {
        padding: 0;
        margin: 0 0 0 27px
    }
    .indexlistingholder ul ul {
        padding: 0;
        margin: 7px 0 0 15px
    }
    .indexlistingholder ul ul li {
        margin: 7px 0
    }
    .css-iscontent .slidedowncontent,
    .css-iscontent h2.slidedownh,
    .css-iscontent h3.slidedownh,
    .css-iscontent h4.slidedownh,
    .css-iscontent h5.slidedownh,
    .css-iscontent h6.slidedownh,
    table {
        margin-left: 20px;
        margin-right: 20px
    }
    .inpagecontentblock table {
        margin-left: 0
    }
    th {
        padding: .9em 20px
    }
    td {
        padding: .75em 20px
    }
    .productencataloguscol {
        margin: 0 0 55px 5px;
        width: 46%;
        min-width: 260px
    }
    .productencataloguscol h2 {
        margin-left: 15px
    }
    .productencataloguscol ul {
        padding: 0;
        margin: 0 0 0 32px
    }
    .productencataloguscol ul ul {
        padding: 0;
        margin: 0 0 0 18px
    }
    h3.searchresultsheader {
        display: inline-block;
        margin: 0 50px;
        padding: .75em 1.75em .6em;
        border-left: 2px solid #e5eff6;
        border-top: 2px solid #e5eff6;
        border-right: 2px solid #e5eff6;
        border-bottom: 2px solid #fff;
        position: relative;
        top: 2px
    }
    .agendaitemlabel,
    .calendaritem {
        display: block
    }
    .searchresultsline {
        background-color: #e5eff6;
        height: 2px;
        margin: 0 20px;
        border: 0
    }
    .css-iscontent ol.searchresults {
        padding: 0 0 0 20px;
        margin: 0 20px 2.5em
    }
    .css-iscontent li.searchresultitem {
        position: relative;
        padding: 25px 20px 25px 15px;
        margin: 40px 0 0
    }
    .css-iscontent li.inpagesearchresultitem {
        position: relative;
        padding: 25px 20px 25px 15px;
        margin: 0 0 2.5em
    }
    #pcsearchbox {
        margin: 3.5em 20px 3.2em;
        padding: 1.5em 20px 2.7em 0
    }
    #loginform,
    .wpcf7-form {
        margin: 0 20px
    }
    .css-form .pcsearchbox100 input {
        width: 210px
    }
    #pcsearchbox legend {
        padding-left: 20px
    }
    .pcsearchbox100,
    .pcsearchbox50 {
        width: 240px;
        padding-left: 20px
    }
    #pcsearch_button {
        text-align: left
    }
    #inpagelogin {
        padding: 65px 0 105px
    }
    #loginform {
        padding: 20px;
        position: relative
    }
    #loginform legend {
        font-size: 2.4em;
        line-height: 1.33333em
    }
    .responsewhitebox,
    .screen-reader-response[role=alert] {
        padding: 20px;
        margin: 1em 20px
    }
    .css-form input,
    .css-form textarea {
        width: 210px
    }
    .wpcf7 .custom-select {
        width: 240px
    }
    .css-form label {
        width: 230px
    }
    .css-form label.wide {
        width: 100%
    }
    .css-form label.extrawide {
        width: 90%
    }
    .css-form input[type=date],
    .ielt9 .css-form input.wpcf7-date {
        font-size: 1.6em;
        width: 160px
    }
    .slidedowncontent {
        padding: 2em 19px 0
    }
    .css-iscontent h2.slidedownh,
    .css-iscontent h3.slidedownh,
    .css-iscontent h4.slidedownh,
    .css-iscontent h5.slidedownh,
    .css-iscontent h6.slidedownh {
        padding: .6em 33px .6em 19px
    }
    #herkomstholder {
        margin: 1.1em 20px 1em;
        padding: 3em 18px 0
    }
    #agendauploadform,
    #editform {
        padding: 30px 0;
        position: relative;
        margin: 0 20px
    }
    #agendauploadform.nobottom,
    #editform.nobottom {
        padding: 30px 0 0
    }
    #editform .wp-editor-container {
        margin: .375em 0 0;
        width: 100%
    }
    .css-wpeditor iframe {
        height: 14em!important
    }
    .useravatarimg {
        width: 240px;
        padding-top: 15px
    }
    .useravatarfield {
        width: 225px;
        padding-top: 40px;
        padding-left: 15px
    }
    .useravatarthumbnail {
        margin-left: 15px
    }
    .css-form .loginbutton.witheditpanel {
        margin-left: 20px
    }
    .profileholder {
        margin: 0 20px 1em;
        padding: 18px 18px 0;
        position: relative;
        min-height: 122px
    }
    .profileholder.withmargin {
        margin-top: 1.3em
    }
    .profiletext {
        margin-top: 130px
    }
    .profileimageholder {
        width: 140px;
        position: absolute;
        top: 0;
        left: 0
    }
    #inhoud,
    h2.calendarmonth {
        position: relative
    }
    .profileimage {
        margin: 10px
    }
    #editprofilebutton {
        margin: 1em 0 0 12px
    }
    .downloadslistholder {
        margin: 1em 20px 3em
    }
    .downloadslistholder h2 {
        padding: .75em 20px .875em
    }
    .downloadslist:after {
        left: 26%
    }
    .downloadslist i {
        font-size: .8em;
        margin-right: .8em;
        color: #005ca7
    }
    #agendafauxsubmit {
        margin: 0 0 0 40px
    }
    .css-form .formrow.twothirds label {
        width: 190px;
        padding-right: 15px
    }
    .css-form .formrow.twothirds input {
        width: 122px
    }
    .css-form .formrow.onethird label {
        width: 310px
    }
    .css-form .formrow.onethird input {
        width: 115px
    }
    .css-agendaitemuploadcol.one {
        width: 134px
    }
    .css-agendaitemuploadcol.two {
        width: 260px
    }
    .css-agendaitemuploadcol.four,
    .css-agendaitemuploadcol.three {
        width: 140px
    }
    .css-form input.createitemfilename {
        width: 216px
    }
    #agendalistul {
        margin: 2em 0 0
    }
    #agendalistul:before {
        padding: 10px 18px 12px
    }
    #agendalistul .csstable-cell {
        padding: 10px 18px 5px
    }
    #agendalistul .csstable-row:first-of-type .csstable-cell {
        padding-top: 1.125em
    }
    .js .createitemfileuploadsubmit {
        width: 120px
    }
    .agendaitemdata {
        display: block;
        margin-bottom: 1em
    }
    .calendaritem {
        margin: 20px auto;
        padding: 5em 20px 0;
        width: 75%
    }
    h2.calendarmonth {
        display: inline-block;
        margin: 1.125em 50px 0;
        padding: .75em 1.75em .6em;
        border-left: 2px solid #e5eff6;
        border-top: 2px solid #e5eff6;
        border-right: 2px solid #e5eff6;
        border-bottom: 2px solid #fff;
        top: 2px;
        font-size: 1.6em
    }
    .calendarline {
        background-color: #e5eff6;
        height: 2px;
        margin: 0 20px 2em;
        border: 0
    }
    #headerimage {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }
    #onderwerpiconownpage {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/bg_onderwerpicon.png) top left no-repeat;
        padding: 8px 8px 0;
        width: 80px;
        height: 80px;
        margin: 20px 0 0 12px
    }
    #onderwerphighlights {
        padding: 11px 11px 8px 17px;
        margin: 3.5em 20px 0
    }
    .onderwerpoverviewrow {
        padding-bottom: 4.3em;
        position: relative
    }
    .onderwerpoverviewrow:first-of-type {
        padding-top: 2.9em
    }
    .onderwerpoverviewicon {
        width: 50px;
        position: absolute;
        left: 20px;
        top: 0
    }
    .onderwerpoverviewrow:first-of-type .onderwerpoverviewicon {
        top: 2.9em
    }
    .onderwerpoverviewh2 {
        margin-left: 20px;
        margin-top: 59px
    }
    .onderwerpoverviewlisting {
        margin-left: 12px;
        display: block
    }
    .onderwerpoverviewlisting li {
        margin-bottom: .875em
    }
    .partneroverviewul {
        padding: 0 0 0 10px
    }
    .partneroverviewitem {
        width: 250px;
        margin: 30px 10px
    }
    h2.partneroverviewh2 {
        padding-top: 1.6666em
    }
    .hidemeinsmall {
        display: none;
        visibility: hidden
    }
    .ielt9 #agendaholder,
    .ielt9 #newsoverviewholder.frontpage {
        display: inline-block;
        position: relative;
        vertical-align: top
    }
    #inpagesearchbox {
        margin: 0 20px;
        padding: 20px;
        width: 240px
    }
    .inpagesearchbox100 {
        width: 240px
    }
    #inpagesearchbox input {
        width: 210px
    }
    .ie9 .shiftsearchresultholder {
        position: relative;
        top: -1.4em;
        padding-bottom: 0
    }
    .shiftsearchresultholder,
    _:-ms-lang(x) {
        position: relative;
        top: -1.4em;
        padding-bottom: 0
    }
    .css-iscontent ol.inpagesearch {
        margin: 0 0 0 41px
    }
    #pagination.inpagesearch {
        margin-top: 0
    }
    .asideblock.searchnotfound {
        width: 236px;
        min-width: 236px;
        padding: 29px 20px 24px
    }
    .inpagesearchresults #searchform {
        max-width: 400px
    }
    .searchnotfound .wpcf7-form {
        margin: 0
    }
    .searchnotfound .screen-reader-response[role=alert] {
        margin: .5em 0 2em
    }
    #newsoverviewholder.frontpage h2 {
        padding-left: 42px
    }
    #newsoverviewholder.frontpage .newsoverviewitem {
        width: 72%
    }
    #newsoverviewholder.frontpage p.onderwerpmorenews {
        padding-top: 30px;
        padding-right: 78px
    }
    #agendaholder {
        width: 320px;
        padding: 50px 0 60px;
        border-left: 3px solid #fff
    }
    #agendaholder p.onderwerpmorenews {
        padding-top: 44px;
        padding-left: 39px
    }
    h2.agendaholderh2 {
        padding: 15px 40px 35px
    }
    .frontpageagendaitem {
        width: 64%;
        margin: 0 0 30px 38px;
        display: table;
        position: relative
    }
    .agendaitemdate {
        width: 100%;
        padding: 1em 0;
        text-align: center
    }
    .ielt9 .agendaitemdate {
        position: relative;
        display: inline-block;
        vertical-align: top
    }
    .agendaitemtitle {
        padding: 1.125em 1.875em
    }
    .ielt9 .agendaitemtitle {
        position: relative;
        display: inline-block;
        vertical-align: top
    }
    .agendaitemdate span {
        display: inline-block;
        margin-right: .3em
    }
    .agendaitemarrow {
        position: absolute;
        top: 0;
        left: -50px;
        width: 50px;
        height: 44px;
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/agendaarrow.png) top left no-repeat
    }
    #frontpageonderwerpenlist {
        margin: 0 20px 1.47em
    }
    .frontpageonderwerp {
        margin: 1.3333em 0 2em;
        width: 87%
    }
    .frontpageonderwerpicon {
        width: 50px;
        height: auto;
        position: absolute;
        top: 0;
        left: 0
    }
    .frontpageonderwerp a {
        margin: 8px 0 0 88px;
        display: inline-block
    }
    h2.frontpageh2 {
        margin-left: 20px
    }
    #frontpagesnelnaarholder {
        padding-top: 6.5em;
        width: auto
    }
    .frontpagesnelnaarcol {
        width: 260px;
        margin-left: 38px
    }
    .frontpagesnelnaarcol ul {
        padding-bottom: 0
    }
    #frontpagespotlightholder {
        margin-left: 20px
    }
    #frontpagespotlightcontainer {
        width: 280px;
        margin-top: 3em;
        margin-bottom: 5em
    }
    #frontpagespotlightcontainer img {
        width: 280px;
        height: auto
    }
    #frontpagespotlightcontainer h2 {
        padding: 2.25em 20px 0;
        font-size: 1.6em;
        color: #fff;
        line-height: 1.5625em;
        margin: 0
    }
    #frontpagespotlightcontainer p {
        padding: 0 20px 1.5625em
    }
    iframe.publieksviewer {
        border: 0;
        width: 100%;
        height: 500px
    }
    .hideslider {
        height: 40px
    }
    #newsoverviewholder.onderwerp {
        margin-bottom: 0;
        padding-bottom: 0
    }
    #tijdlijn_set12 {
        max-width: 100%
    }
    #tijdlijn {
        background-image: none!important;
        height: auto!important
    }
    #inhoud.elearning_body {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        position: relative;
        overflow: hidden
    }
    #elearning_startbutton {
        display: inline-block;
        margin: 0 0 30px;
        padding: 0 1em;
        min-height: 2.5em;
        height: auto
    }
    .elearning_content {
        padding-left: 20px;
        width: 90%
    }
    .elearning_inbetween {
        width: 100%;
        padding: 150px 0 0;
        text-align: center
    }
    .elearning_inbetween h1 {
        margin: 1em auto 5em;
        width: 50%
    }
    .elearning_body .column {
        font-size: 1.3em
    }
    .elearning_body .column.width1,
    .elearning_body .column.width2 {
        width: 98%;
        padding: 0
    }
    #elearning_navigation_choices {
        float: right;
        margin: 0 30px 30px 0
    }
    #elearning_navigation_choices li {
        height: 4em
    }
    #elearning_navigation_choices li a {
        font-size: 2em
    }
    #elearningform {
        padding: 0 0 50px;
        position: relative;
        margin: 0 20px 0 0
    }
    #elearning_h2 {
        margin: 0
    }
    #elearning_minheight {
        min-height: 46.5em
    }
    .css-elearningform label,
    .elearning_content p {
        font-size: 1.4em
    }
    #elearning_button {
        margin-left: 2em
    }
    .css-iscontent.elearning_content p.contentimage img {
        width: auto
    }
}

@media screen and (min-width:520px) and (max-width:759px) {
    .newsoverviewitem {
        width: 44%;
        margin: 15px
    }
    .figurelinks img {
        margin-left: 5px
    }
    .figurerechts img {
        margin-right: 5px
    }
}

@media screen and (min-width:565px) and (max-width:759px) {
    .footercolumn {
        width: 46%;
        min-width: 270px;
        padding: 0 0 0 5px
    }
    #previousnext ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
    #previousnext li.previous {
        border-bottom: 0;
        border-right: 1px solid #e5eff6;
        width: 49.87%
    }
    #previousnext li.next {
        border-top: 0;
        border-left: 1px solid #e5eff6;
        width: 49.87%
    }
    #previousnext a.previous {
        padding: .5em 27px 1.65em 60px
    }
    #previousnext a.next {
        padding: .5em 60px 1.65em 27px;
        border-bottom: 0;
        border-top: 19px solid #fff
    }
    #previousnext a.next:hover,
    #previousnext a.previous:hover {
        border-top: 19px solid #e5eff6;
        border-bottom: 0
    }
    #relateddownloads:after,
    #relateddownloads:before,
    #relatednews:after,
    #relatednews:before,
    .downloadslist:after,
    .downloadslist:before {
        padding: 10px 18px 12px;
        display: block;
        visibility: visible
    }
    #relateddownloads:after,
    #relatednews:after,
    .downloadslist:after {
        left: 30%
    }
    #relateddownloads .csstable-cell:nth-child(1),
    #relatednews .csstable-cell:nth-child(1),
    .downloadslist .csstable-cell:nth-child(1) {
        width: 30%;
        display: table-cell;
        visibility: visible
    }
    #relateddownloads .csstable-cell:nth-child(2),
    #relatednews .csstable-cell:nth-child(2),
    .downloadslist .csstable-cell:nth-child(2) {
        width: 70%;
        display: table-cell;
        visibility: visible
    }
    #relateddownloads .csstable-cell,
    #relatednews .csstable-cell,
    .downloadslist .csstable-cell {
        padding: .5em 18px
    }
    .csstable-row:first-of-type .csstable-cell {
        border-top: 2px solid #e5eff6
    }
    .pcsearchbox100 {
        width: 97%
    }
    .css-form .pcsearchbox100 input {
        width: 93%
    }
    .pcsearchbox50 {
        width: 46%
    }
    .profiletext {
        margin-left: 130px;
        margin-top: 0
    }
    .agendaitemlabel {
        display: inline-block;
        width: 14em
    }
    .agendaitemdata {
        width: 18em;
        display: inline-block;
        margin-bottom: 0
    }
    .figurelinks {
        float: left;
        max-width: 370px;
        margin-right: 30px
    }
    .figurerechts {
        float: right;
        max-width: 340px;
        margin-left: 30px
    }
    .onderwerpoverviewrow {
        padding-bottom: 4.3em
    }
    .onderwerpoverviewrow:first-of-type {
        padding-top: 2.9em
    }
    .onderwerpoverviewicon {
        margin-right: 40px;
        width: 50px;
        float: left;
        position: relative
    }
    .onderwerpoverviewrow:first-of-type .onderwerpoverviewicon {
        top: 0
    }
    .onderwerpoverviewh2 {
        width: 230px;
        margin-top: 9px;
        margin-right: 60px;
        margin-left: 0
    }
    .onderwerpoverviewlisting {
        margin-left: 80px;
        display: block
    }
    .onderwerpoverviewlisting li {
        margin-bottom: .875em
    }
}

@media screen and (min-width:720px) and (max-width:759px) {
    .figurelinks .figcaption {
        margin: 0 15px 0 20px;
        max-width: 300px
    }
    .figurerechts .figcaption {
        margin: 0 20px 0 15px;
        max-width: 300px
    }
}

@media screen and (min-width:760px) and (max-width:1259px) {
    .fontasp.withpadding,
    p {
        padding-bottom: 1.5625em
    }
    #searchsliderbutton,
    #searchsliderterm {
        -webkit-appearance: none;
        border-radius: 0
    }
    #js-css-tester {
        font-style: oblique
    }
    h1 {
        font-size: 4em;
        line-height: 1.2em
    }
    .legendash2,
    h2 {
        font-size: 2.4em;
        line-height: 1.33333em
    }
    .legendash3,
    h2.styledash3,
    h3,
    h4,
    h5,
    h6 {
        font-size: 1.6em;
        line-height: 1.5em
    }
    h2.styledash3.withmargin {
        margin-left: 30px
    }
    h3.styledash2 {
        font-size: 2.4em;
        line-height: 1.33333em
    }
    .fontasp,
    h2.styledasp,
    p {
        font-size: 1.6em;
        line-height: 1.5625em
    }
    .fontasp.withpadding {
        display: inline-block
    }
    #header_3a,
    #logoset3,
    #sitewidesearchholder {
        display: none!important;
        visibility: hidden
    }
    .styledas1em {
        font-size: 1em;
        margin: 0
    }
    .page {
        position: relative;
        margin: 0 auto;
        width: 100%
    }
    #backtotopp,
    #css-mainnav ul ul,
    #footerlogo,
    #header_2,
    #header_3b,
    #loginslider label,
    #logoset12,
    #set12holder {
        position: absolute
    }
    #header,
    #header .page {
        min-height: 8em
    }
    #header_2,
    #header_3b {
        top: 0;
        width: 100%;
        display: none
    }
    #header_4 {
        min-height: 6em
    }
    #header_4.closed {
        min-height: 0
    }
    #logoset12 {
        top: 25px;
        left: 29px;
        width: 35px;
        height: 30px
    }
    .ie9 #logoset12,
    .iegt9 #logoset12 {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/logobij12_set12.png) top left no-repeat;
        background-size: 35px 30px
    }
    .ielt9 #logoset12 {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/logobij12_set12_ie8.png) top left no-repeat
    }
    #breadcrumbs_pre {
        margin: 0 0 0 30px;
        width: 9em
    }
    #breadcrumbs_content {
        width: 70%
    }
    #set12holder {
        top: 0;
        width: 100%
    }
    #menuslidertriggerholder,
    #searchslidertriggerholder {
        position: absolute;
        bottom: 0;
        height: 50px;
        padding: 8px 13px 0 8px;
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }
    #menuslidertriggerholder {
        left: 92px
    }
    #searchslidertriggerholder {
        right: 14px
    }
    #menuslidertrigger,
    #searchslidertrigger {
        font-family: Asap, sans-serif;
        font-size: 1.6em;
        line-height: 1.2em;
        color: #cc604d;
        text-decoration: none
    }
    a#menuslidertrigger i,
    a#searchslidertrigger i {
        font-size: 1.1em;
        width: 1.28571em;
        display: inline-block
    }
    a#menuslidertrigger i {
        margin-right: 6px
    }
    a#searchslidertrigger i {
        margin-right: 2px
    }
    a#menuslidertrigger i.fa-times,
    a#searchslidertrigger i.fa-times {
        display: none;
        visibility: hidden
    }
    .colonethird {
        width: 33.33%;
        min-width: 320px;
        padding-bottom: 3em
    }
    .coltwothirds {
        width: 66.66%
    }
    .css-colthreethirds.pagetitle h1 {
        width: 62%
    }
    #itemdatetime,
    .css-iscontent>h1,
    .css-iscontent>h2,
    .css-iscontent>h3,
    .css-iscontent>h4,
    .css-iscontent>h5,
    .css-iscontent>h6,
    .css-iscontent>p,
    h2.partneroverviewh2 {
        padding-left: 30px;
        padding-right: 30px
    }
    .asidecontent>h2 {
        padding-left: 0;
        padding-bottom: .9375em
    }
    .css-iscontent p.contentimage {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 2.5em
    }
    .css-iscontent .withbgcolor p.contentimage {
        padding-left: 0;
        padding-right: 0
    }
    .css-iscontent p.contentimage img {
        width: 100%;
        height: auto
    }
    .asideblock {
        min-width: 280px;
        margin: 1.6em 20px 0
    }
    .asideblock:first-of-type {
        margin-top: 0
    }
    .css-iscontent>ul {
        margin: 0 30px 0 59px
    }
    .css-iscontent>ol {
        margin: 0 30px 0 48px
    }
    .slidedowncontent.css-iscontent>ol,
    .slidedowncontent.css-iscontent>ul {
        margin: 0 0 0 30px
    }
    .css-contentlikeul>ol,
    .css-contentlikeul>ul {
        margin: 0 0 0 19px
    }
    #newsoverviewholder {
        padding: 50px 0 60px
    }
    #newsoverviewholder h2 {
        padding: 22px 30px 0
    }
    #newsoverviewholder p {
        padding-left: 30px;
        padding-right: 30px
    }
    .newsoverviewitem {
        width: 30%;
        margin: 15px
    }
    .newsoverviewitemimage {
        width: 100%;
        height: auto
    }
    .indexleadimage {
        width: 97.62%;
        height: auto;
        margin: 0 0 40px 2.38%
    }
    .colonethird.indexelement,
    .coltwothirds.indexelement {
        padding-top: 50px
    }
    .colonethird.topmargin,
    .coltwothirds.topmargin {
        margin-top: 5em
    }
    #header_2,
    #header_3b {
        min-height: 8em
    }
    .contentfigure {
        margin: 0 30px 2.5em 15px
    }
    .contentfigure img {
        width: 100%;
        height: auto
    }
    .figurelinks img,
    .figurerechts img {
        max-width: 340px;
        height: auto
    }
    .figurelinks img {
        margin-left: 15px
    }
    .figurerechts img {
        margin-right: 15px
    }
    .figcaption {
        margin: 0;
        padding: 1em 10px 0;
        font-size: 1.3em;
        line-height: 1.53846153846154em
    }
    .figurelinks {
        float: left;
        max-width: 370px
    }
    .figurelinks .figcaption {
        margin: 0 15px 0 20px
    }
    .figurerechts {
        float: right;
        max-width: 340px;
        margin-left: 30px
    }
    .figurerechts .figcaption {
        margin: 0 20px 0 15px
    }
    #backtotopp {
        top: 0;
        right: 0;
        padding: 4px 1px 4px 4px
    }
    #menuslidertriggerholder.active {
        background-color: #cc604d
    }
    #searchsliderbutton,
    #searchslidertriggerholder.active {
        background-color: #005ea5
    }
    #menuslidertriggerholder.active a,
    #searchslidertriggerholder.active a {
        color: #fff;
        text-decoration: underline
    }
    #menuslidertriggerholder.active a#menuslidertrigger i.fa-times {
        display: inline-block;
        visibility: visible
    }
    #menuslidertriggerholder.active a#menuslidertrigger i.fa-bars {
        display: none;
        visibility: hidden
    }
    #searchslidertriggerholder.active a#searchslidertrigger i.fa-times {
        display: inline-block;
        visibility: visible
    }
    #searchslidertriggerholder.active a#searchslidertrigger i.fa-search {
        display: none;
        visibility: hidden
    }
    #searchslider {
        float: right;
        color: #FFF;
        line-height: 1em;
        margin: 2em 14px 0 0
    }
    #searchsliderterm {
        padding: 0 10px;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 1.6em;
        font-weight: 400;
        line-height: 2.4em;
        height: 2.4em;
        margin: 0;
        width: 20em;
        max-width: 500px;
        float: right
    }
    #searchsliderbutton {
        border: 1px solid #fff;
        color: #fff;
        font-size: 1.6em;
        line-height: 2.5em;
        height: 2.5em;
        padding: 0 16px;
        margin: 0;
        text-align: left;
        float: right
    }
    #searchsliderbutton:hover {
        color: #005ea5;
        background-color: #fff
    }
    #header_2 .page {
        padding-top: 5px
    }
    #css-mainnav ul {
        list-style: none;
        padding: 0;
        margin: 0;
        position: relative
    }
    #css-mainnav li {
        display: block;
        border-bottom: 1px solid #e6b0a6
    }
    #css-mainnav a {
        line-height: 1.3em;
        text-decoration: none;
        color: #FFF;
        display: block;
        background-color: #cc604d;
        font-family: Asap, sans-serif;
        font-weight: 500;
        font-size: 1.6em;
        padding: .56em 30px
    }
    #css-mainnav .menuprev a {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/menu_sprite.png) left top no-repeat #e0a094;
        padding-left: 45px
    }
    #css-mainnav li.current_page_ancestor>a,
    #css-mainnav li.current_page_item>a {
        color: #000;
        background-color: #faefed
    }
    #css-mainnav li.current_page_ancestor>li a,
    #css-mainnav li.current_page_item>li a {
        color: #fff;
        background-color: #cc604d
    }
    #css-mainnav ul ul {
        float: left;
        text-align: left;
        top: 0;
        left: 100%;
        width: 100%;
        display: none
    }
    #css-mainnav .js-css-active>ul {
        display: block
    }
    #css-mainnav a:hover {
        color: #FFF;
        background-color: #d67d6c
    }
    #css-mainnav ul>.page_item_has_children>a {
        padding-right: 60px;
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/menu_sprite.png) right -980px no-repeat #cc604d
    }
    #css-mainnav ul>.current_page_ancestor.page_item_has_children>a,
    #css-mainnav ul>.page_item_has_children.current_page_item>a {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/menu_sprite.png) right -700px no-repeat #faefed
    }
    #css-mainnav ul>.page_item_has_children>a:hover {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/menu_sprite.png) right -980px no-repeat #d67d6c;
        color: #fff
    }
    .css-istab #css-mainnav ul a:focus {
        background-color: #ffbf47;
        color: #000;
        outline: 0
    }
    .css-istab #css-mainnav ul>li.page_item_has_children>a:focus {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/menu_sprite.png) right -700px no-repeat #ffbf47
    }
    li#newloginsliderholder {
        padding: 25px 30px 0 15px;
        width: 740px;
        border-bottom: none
    }
    #loginslider legend {
        font-size: 1.6em;
        line-height: 2em;
        color: #fff
    }
    #loginslider label {
        top: -1.5em;
        left: 2px;
        font-size: 1.4em;
        line-height: 1em;
        font-weight: 700;
        color: #fff
    }
    .loginsliderpwd,
    .loginslideruser,
    a#createprofilelink,
    a#forgotpasswordlink {
        font-family: "Source Sans Pro", sans-serif;
        font-weight: 400;
        font-size: 1.6em
    }
    .loginsliderpwd,
    .loginslideruser {
        padding: 0 10px;
        line-height: 2.25em;
        height: 2.25em;
        margin: 0;
        width: 225px
    }
    .loginslideruser {
        margin-right: 20px
    }
    .loginsliderbutton {
        border: 0;
        color: #cc604d;
        background-color: #FFF;
        font-size: 1.6em;
        line-height: 2.5em;
        height: 2.5em;
        padding: 0;
        margin: 2em 0 0;
        text-align: center;
        width: 249px
    }
    a#createprofilelink,
    a#forgotpasswordlink {
        color: #FFF;
        line-height: 2em;
        padding: 0 16px;
        text-decoration: underline
    }
    a#forgotpasswordlink {
        padding: .7em 16px
    }
    a#createprofilelink:hover,
    a#forgotpasswordlink:hover {
        text-decoration: none;
        background-color: #cc604d
    }
    #closeloginslider {
        display: none;
        visibility: hidden
    }
    #loginslider .ibie7 {
        margin: 4em 0 0
    }
    .footercolumn {
        width: 31%
    }
    .footercolumn.one {
        margin: 0 0 0 15px
    }
    .footercolumn.two {
        margin: 0 15px 0 0
    }
    .footercolumn.three {
        margin: 0 0 0 15px
    }
    .footercolumn h1,
    .footercolumn h2,
    .footercolumn h3,
    .footercolumn h4,
    .footercolumn h5,
    .footercolumn h6 {
        padding: 55px 15px 26px
    }
    .footercolumn ul {
        padding: 0 0 47px
    }
    .footercolumn li {
        padding: .44em 15px
    }
    #postfooter {
        height: 15em
    }
    #footerlogo {
        left: 30px;
        top: 36px
    }
    #footernav {
        display: inline
    }
    #footernav ul {
        list-style: none;
        padding: 0;
        margin: 36px 0 0 95px;
        display: inline-block;
        width: 65%
    }
    #footernav li {
        display: inline-block;
        padding: 0 10px
    }
    .css-iscontent blockquote {
        margin: 1.2em 30px 2.9em
    }
    .css-iscontent blockquote p {
        padding: 0 20px 4px;
        line-height: 1.388888em
    }
    .asidecontent {
        margin-top: 4em;
        margin-left: 30px;
        margin-right: 30px
    }
    #previousnext ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 99.6%
    }
    #previousnext li {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    #previousnext a {
        border-top: 19px solid #fff
    }
    #previousnext a:hover {
        border-top: 19px solid #e5eff6
    }
    #previousnext li.previous {
        border-right: 1px solid #e5eff6;
        width: 49.87%
    }
    #previousnext a.previous {
        padding: .5em 27px 1.65em 60px
    }
    #previousnext li.next {
        border-left: 1px solid #e5eff6;
        width: 49.87%
    }
    #previousnext a.next {
        padding: .5em 60px 1.65em 27px
    }
    #previousnext li.previous:before {
        top: 2.14em;
        left: 21px
    }
    #previousnext li.next:after {
        top: 2.14em;
        right: 21px
    }
    #relateddownloads:after,
    #relateddownloads:before,
    #relatednews:after,
    #relatednews:before,
    .downloadslist:after,
    .downloadslist:before {
        padding: 10px 28px 12px
    }
    #relateddownloads:after,
    #relatednews:after,
    .downloadslist:after {
        left: 25%
    }
    #relateddownloads .csstable-cell:nth-child(1),
    #relatednews .csstable-cell:nth-child(1),
    .downloadslist .csstable-cell:nth-child(1) {
        width: 25%
    }
    #relateddownloads .csstable-cell:nth-child(2),
    #relatednews .csstable-cell:nth-child(2),
    .downloadslist .csstable-cell:nth-child(2) {
        width: 75%
    }
    #relateddownloads .csstable-cell,
    #relatednews .csstable-cell,
    .downloadslist .csstable-cell {
        padding: .5em 28px
    }
    #relateddownloads .csstable-row:first-of-type .csstable-cell,
    #relatednews .csstable-row:first-of-type .csstable-cell,
    .downloadslist .csstable-row:first-of-type .csstable-cell {
        padding-top: 1.125em
    }
    .csstable {
        width: 99.48%
    }
    #newsoverviewholder p.newsoverviewitemcategory,
    #newsoverviewholder p.newsoverviewitemmeta {
        left: 30px
    }
    #pagination {
        text-align: center;
        margin: 60px 0 18px
    }
    .inpagecontentblock.withbgcolor {
        margin: 0 15px 4em 30px;
        padding: 25px 30px 0
    }
    .inpagecontentblock.editpanel {
        margin: 0 0 4em;
        padding: 25px 28px 3.5em
    }
    .inpagecontentblock.editpanel.nomargin {
        margin: 0
    }
    .inpagecontentblock.editpanel h2,
    .inpagecontentblock.withbgcolor h2 {
        margin: 0 0 .95em
    }
    .ie9 .indexlistingholder span,
    .iegt9 .indexlistingholder span {
        font-size: 1.6em;
        line-height: 1em
    }
    .ie9 .indexlistingholder span,
    .ielt9 .indexlistingholder span {
        display: none;
        visibility: hidden
    }
    .indexlisting {
        margin: 3.6em 20px 0;
        padding: 3.4em 30px 0
    }
    .indexlistingholder {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        -ms-column-count: 2;
        -o-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        -ms-column-gap: 20px;
        -o-column-gap: 20px;
        column-gap: 20px
    }
    .indexlistingholder.onecolumn {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        -ms-column-count: 1;
        -o-column-count: 1;
        column-count: 1
    }
    .ie9 .indexlistingholder span.prelist,
    .iegt9 .indexlistingholder span.prelist {
        font-size: 1.6em;
        line-height: 1em;
        visibility: hidden
    }
    .ie9 .indexlistingholder.threecolumn span.prelist,
    .iegt9 .indexlistingholder.threecolumn span.prelist,
    .iegt9 .indexlistingholder.twocolumn.noshift span.prelist {
        display: none
    }
    .ie9 .indexlistingholder span.prelist,
    .ielt9 .indexlistingholder span.prelist {
        display: none;
        visibility: hidden
    }
    .iegt9 .indexlistingholder>ul>li:first-of-type {
        position: relative;
        top: -1em
    }
    .iegt9 .indexlistingholder.onecolumn>ul>li:first-of-type,
    .iegt9 .indexlistingholder.threecolumn>ul>li:first-of-type,
    .iegt9 .indexlistingholder.twocolumn.noshift>ul>li:first-of-type {
        position: relative;
        top: 0
    }
    h2.calendarmonth,
    h3.searchresultsheader {
        display: inline-block;
        position: relative;
        top: 2px
    }
    .indexlistingholder ul {
        padding: 0;
        margin: 0 0 0 27px
    }
    .indexlistingholder ul ul {
        padding: 0;
        margin: 7px 0 0 15px
    }
    .indexlistingholder li {
        -webkit-column-break-inside: avoid;
        column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid
    }
    .indexlistingholder ul ul li {
        margin: 7px 0
    }
    .js .tabs {
        padding: 0 30px;
        margin: 0 0 4.5em
    }
    .css-iscontent .slidedowncontent,
    .css-iscontent h2.slidedownh,
    .css-iscontent h3.slidedownh,
    .css-iscontent h4.slidedownh,
    .css-iscontent h5.slidedownh,
    .css-iscontent h6.slidedownh,
    table {
        margin-left: 30px;
        margin-right: 30px
    }
    .inpagecontentblock table {
        margin-left: 0
    }
    th {
        padding: .9em 30px
    }
    td {
        padding: .75em 30px
    }
    .productencataloguscol {
        margin: 0 0 55px 15px;
        width: 31%
    }
    .productencataloguscol h2 {
        margin-left: 15px
    }
    .productencataloguscol ul {
        padding: 0;
        margin: 0 0 0 32px
    }
    .productencataloguscol ul ul {
        padding: 0;
        margin: 0 0 0 18px
    }
    h3.searchresultsheader {
        margin: 0 50px;
        padding: .75em 1.75em .6em;
        border-left: 2px solid #e5eff6;
        border-top: 2px solid #e5eff6;
        border-right: 2px solid #e5eff6;
        border-bottom: 2px solid #fff
    }
    .searchresultsline {
        background-color: #e5eff6;
        height: 2px;
        margin: 0 20px;
        border: 0
    }
    .css-iscontent ol.searchresults {
        padding: 0 0 0 30px;
        margin: 0 20px 2.5em
    }
    .css-iscontent li.searchresultitem {
        position: relative;
        padding: 25px 20px 25px 15px;
        margin: 40px 0 0
    }
    .css-iscontent li.inpagesearchresultitem {
        position: relative;
        padding: 25px 20px 25px 15px;
        margin: 0 0 2.5em
    }
    #pcsearchbox {
        margin: 3.5em 20px 3.2em;
        padding: 2.7em 60px 2.7em 20px
    }
    #pcsearchbox legend,
    .pcsearchbox100,
    .pcsearchbox50 {
        margin-left: 40px
    }
    .css-form .pcsearchbox100 input {
        width: 95%
    }
    .pcsearchbox50 {
        width: 44%
    }
    #loginform,
    .wpcf7-form {
        margin: 0 30px
    }
    .page.narrow {
        width: 700px
    }
    #inpagelogin {
        padding: 65px 0 105px
    }
    #loginform {
        padding: 30px;
        position: relative
    }
    #loginform legend {
        font-size: 2.4em;
        line-height: 1.33333em
    }
    .searchnotfound .wpcf7-form {
        margin: 0
    }
    .screen-reader-response[role=alert] {
        padding: 20px;
        margin: 1em 30px
    }
    .searchnotfound .screen-reader-response[role=alert] {
        margin: 1em 0
    }
    .responsewhitebox {
        padding: 20px;
        margin: 1em 30px
    }
    .css-form input,
    .css-form textarea {
        width: 320px
    }
    .searchnotfound .css-form input,
    .searchnotfound .css-form textarea {
        width: 300px
    }
    .searchnotfound .css-form .loginbutton,
    .searchnotfound .css-form input.wpcf7-submit {
        width: auto
    }
    .wpcf7 .custom-select {
        width: 350px
    }
    .css-form label {
        width: 340px
    }
    .css-form label.wide {
        width: 520px
    }
    .css-form label.extrawide {
        width: 100%
    }
    .css-form input[type=date],
    .ielt9 .css-form input.wpcf7-date {
        font-size: 1.6em;
        width: 160px
    }
    .css-isclick a.inpagelinkbutton:focus,
    .inpagelinkbutton,
    .inpagelinkbutton:active {
        margin-right: .67em
    }
    #herkomstholder {
        margin: 1.1em 30px 1em;
        padding: 3em 18px 0
    }
    #agendauploadform,
    #editform {
        padding: 30px 0;
        position: relative;
        margin: 0 30px
    }
    #agendauploadform.nobottom,
    #editform.nobottom {
        padding: 30px 0 0
    }
    #editform .wp-editor-container {
        margin: .375em 0 0;
        width: 520px
    }
    .css-wpeditor iframe {
        height: 14em!important
    }
    .useravatarimg {
        width: 200px;
        padding-top: 15px
    }
    .useravatarfield {
        width: 300px;
        padding-top: 64px
    }
    .useravatarthumbnail {
        margin-left: 15px
    }
    .css-form .loginbutton.witheditpanel {
        margin-left: 30px
    }
    .profileholder {
        margin: 0 30px 1em;
        padding: 18px 18px 0
    }
    .profileholder.withmargin {
        margin-top: 1.3em
    }
    .profiletext {
        width: 70%
    }
    .profileimageholder {
        width: 160px;
        float: left;
        margin-bottom: 18px
    }
    .profileimage {
        margin: 10px
    }
    #editprofilebutton {
        margin: 1em 0 0 30px
    }
    .downloadslistholder {
        margin: 1em 20px 3em 30px
    }
    .downloadslistholder h2 {
        padding: .75em 30px .875em
    }
    .downloadslist i {
        font-size: .8em;
        margin-right: .8em;
        color: #005ca7
    }
    #agendafauxsubmit {
        margin: 0 0 0 60px
    }
    .css-form .formrow.twothirds label {
        width: 190px;
        padding-right: 15px
    }
    .css-form .formrow.twothirds input {
        width: 122px
    }
    .css-form .formrow.onethird label {
        width: 310px
    }
    .css-form .formrow.onethird input {
        width: 115px
    }
    .css-agendaitemuploadcol.one {
        width: 134px
    }
    .css-agendaitemuploadcol.two {
        width: 280px
    }
    .css-agendaitemuploadcol.four,
    .css-agendaitemuploadcol.three {
        width: 140px
    }
    .css-form input.createitemfilename {
        width: 236px
    }
    #agendalistul {
        margin: 2em 0 0
    }
    #agendalistul:before {
        padding: 10px 28px 12px
    }
    #agendalistul .csstable-cell {
        padding: 10px 28px 5px
    }
    #agendalistul .csstable-row:first-of-type .csstable-cell {
        padding-top: 1.125em
    }
    .js .createitemfileuploadsubmit {
        width: 120px
    }
    .agendaitemlabel {
        width: 14em
    }
    .agendaitemdata {
        width: 19em
    }
    .calendaritem {
        margin: 20px;
        padding: 5em 30px 0;
        width: 39.6%
    }
    h2.calendarmonth {
        margin: 1.125em 50px 0;
        padding: .75em 1.75em .6em;
        border-left: 2px solid #e5eff6;
        border-top: 2px solid #e5eff6;
        border-right: 2px solid #e5eff6;
        border-bottom: 2px solid #fff;
        font-size: 1.6em
    }
    .calendarline {
        background-color: #e5eff6;
        height: 2px;
        margin: 0 20px 2em;
        border: 0
    }
    .interestscol {
        width: 47%;
        margin-right: 2%
    }
    #onderwerpiconownpage {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/bg_onderwerpicon.png) top left no-repeat;
        position: absolute;
        top: -58px;
        left: 22px;
        padding: 8px 8px 0;
        width: 80px;
        height: 80px
    }
    #onderwerphighlights {
        padding: 24px 25px 21px 30px;
        margin: 4.5em 20px 0
    }
    .onderwerpmorenews {
        float: right
    }
    #newsoverviewholder .newsoverviewitem:nth-of-type(4) {
        display: none;
        visibility: hidden
    }
    .onderwerpoverviewrow {
        padding-bottom: 4.3em
    }
    .onderwerpoverviewrow:first-of-type {
        padding-top: 2.9em
    }
    .onderwerpoverviewicon {
        margin-left: 30px;
        margin-right: 40px;
        width: 50px;
        float: left
    }
    .onderwerpoverviewh2 {
        width: 230px;
        margin-top: 9px;
        margin-right: 60px
    }
    .onderwerpoverviewlisting {
        padding-top: 16px;
        margin-left: 110px;
        display: block
    }
    .onderwerpoverviewlisting li {
        margin-bottom: .875em
    }
    .partneroverviewul {
        padding: 0 0 0 10px
    }
    .partneroverviewitem {
        width: 250px;
        margin: 30px 20px
    }
    h2.partneroverviewh2 {
        padding-top: 1.6666em
    }
    #inpagesearchbox {
        margin: 0 10px 0 30px;
        padding: 30px
    }
    .inpagesearchbox100 {
        width: 320px
    }
    #inpagesearchbox input {
        width: 290px
    }
    .ie9 .shiftsearchresultholder {
        position: relative;
        top: -1.4em;
        padding-bottom: 0
    }
    .shiftsearchresultholder,
    _:-ms-lang(x) {
        position: relative;
        top: -1.4em;
        padding-bottom: 0
    }
    .css-iscontent ol.inpagesearch {
        margin: 0 20px 0 78px
    }
    #pagination.inpagesearch {
        margin-top: 0
    }
    .asideblock.searchnotfound {
        width: 330px;
        padding: 29px 23px 24px
    }
    .colonethird.inpagesearchresults,
    .coltwothirds.inpagesearchresults {
        width: 100%
    }
    .colonethird.inpagesearchresults #colonethirdpseudocol1 {
        width: 47.5%;
        float: left
    }
    .colonethird.inpagesearchresults #colonethirdpseudocol2 {
        width: 47.5%;
        float: right
    }
    #newsoverviewholder.frontpage {
        display: table-cell
    }
    #newsoverviewholder.frontpage h2 {
        padding-left: 42px
    }
    #newsoverviewholder.frontpage .newsoverviewitem {
        width: 44%
    }
    .ielt9 #newsoverviewholder.frontpage {
        position: relative;
        display: inline-block;
        vertical-align: top
    }
    #newsoverviewholder.frontpage p.onderwerpmorenews {
        padding-top: 30px;
        padding-right: 78px
    }
    #agendaholder {
        width: 388px;
        padding: 50px 0 60px;
        border-left: 3px solid #fff;
        display: table-cell
    }
    .ielt9 #agendaholder {
        position: relative;
        display: inline-block;
        vertical-align: top
    }
    #agendaholder p.onderwerpmorenews {
        padding-top: 44px;
        padding-right: 49px
    }
    h2.agendaholderh2 {
        padding: 15px 40px 35px
    }
    .frontpageagendaitem {
        width: 20.625em;
        margin: 0 0 30px 38px;
        display: table;
        position: relative
    }
    .agendaitemdate {
        width: 3.4375em;
        display: table-cell;
        padding: 1.125em 0;
        text-align: center
    }
    .ielt9 .agendaitemdate {
        position: relative;
        display: inline-block;
        vertical-align: top
    }
    .agendaitemtitle {
        width: 13.4375em;
        padding: 1.125em 1.875em;
        display: table-cell
    }
    .ielt9 .agendaitemtitle {
        position: relative;
        display: inline-block;
        vertical-align: top
    }
    .agendaitemdate span {
        display: block
    }
    .agendaitemarrow {
        position: absolute;
        top: 0;
        left: -50px;
        width: 50px;
        height: 44px;
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/agendaarrow.png) top left no-repeat
    }
    #frontpageonderwerpenlist {
        margin: 0 0 1.47em 30px
    }
    .frontpageonderwerp {
        width: 25%;
        margin: 1.3333em 70px 2em 0
    }
    .frontpageonderwerpicon {
        width: 50px;
        height: auto;
        position: absolute;
        top: 0;
        left: 0
    }
    .frontpageonderwerp a {
        margin: 8px 0 0 88px;
        display: inline-block
    }
    h2.frontpageh2 {
        margin-left: 30px
    }
    #frontpagesnelnaarholder {
        padding-top: 6.5em;
        width: auto
    }
    .frontpagesnelnaarcol {
        width: 320px;
        margin-left: 60px
    }
    .frontpagesnelnaarcol:first-of-type {
        margin-left: 48px
    }
    #frontpagespotlightholder {
        margin-left: 30px
    }
    #frontpagespotlightcontainer {
        width: 370px;
        margin-top: 7em
    }
    #frontpagespotlightcontainer img {
        width: 370px
    }
    #frontpagespotlightcontainer h2 {
        padding: 2.25em 30px 0;
        font-size: 1.6em;
        color: #fff;
        line-height: 1.5625em;
        margin: 0
    }
    #frontpagespotlightcontainer p {
        padding: 0 30px 1.5625em
    }
    iframe.publieksviewer {
        border: 0;
        width: 100%;
        height: 500px
    }
    .infiniteCarousel,
    .infiniteCarousel .wrapper {
        width: 100%;
        height: 420px
    }
    .infiniteCarousel ul li {
        width: 16.66666667%;
        height: 420px
    }
    .infiniteCarousel .arrow {
        font-size: 2em
    }
    .infiniteCarousel a.forward {
        top: 156px;
        left: 3px
    }
    .infiniteCarousel a.back {
        top: 156px;
        right: 10px
    }
    #sliderholder {
        width: 100%;
        height: 420px;
        margin-bottom: 83px
    }
    .sliderbox {
        width: 320px;
        margin: 80px 0 0 30px;
        padding: 0 30px 5px;
        position: relative
    }
    p.slideronderwerp {
        left: 30px
    }
    h2.sliderh2 {
        padding-top: 48px;
        padding-bottom: .667em
    }
    #tijdlijn_set12 {
        max-width: 100%
    }
    #tijdlijn {
        background-image: none!important;
        height: auto!important
    }
    #inhoud.elearning_body {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        position: relative;
        overflow: hidden
    }
    #elearning_startbutton {
        display: inline-block;
        width: 40%;
        margin: 0 0 30px
    }
    .elearning_content {
        padding-left: 30px;
        width: 93%
    }
    .elearning_inbetween {
        width: 100%;
        padding: 150px 0 0;
        text-align: center
    }
    .elearning_inbetween h1 {
        margin: 1em auto 5em;
        width: 50%
    }
    .elearning_body .column {
        font-size: 1.3em
    }
    .elearning_body .column.width1 {
        width: 28%;
        padding: 0 5% 0 0
    }
    .elearning_body .column.width2 {
        width: 61%;
        padding: 0 5% 0 0
    }
    #elearning_navigation_choices {
        float: right;
        margin: 0 30px 30px 0
    }
    #elearning_navigation_choices li {
        height: 4em
    }
    #elearning_navigation_choices li a {
        font-size: 3em
    }
    #elearningform {
        padding: 0 0 50px;
        position: relative;
        margin: 0 20px 0 50px
    }
    #elearning_h2 {
        margin: 0
    }
    #elearning_minheight {
        min-height: 46.5em
    }
}

@media screen and (min-width:760px) and (max-width:1180px) {
    .pcsearchbox50 {
        width: 94%
    }
    #frontpagesnelnaarholder {
        width: 852px
    }
    #frontpagespotlightcontainer {
        width: 380px;
        margin-top: 3em;
        margin-bottom: 7em
    }
    #frontpagespotlightcontainer img {
        width: 380px;
        height: auto
    }
}

@media screen and (min-width:760px) and (max-width:960px) {
    #footernav a,
    #previousnext ul {
        display: block
    }
    .colonethird,
    .coltwothirds {
        width: 100%
    }
    .css-colthreethirds.pagetitle h1 {
        width: 80%
    }
    .indexleadimage {
        width: 100%;
        height: auto;
        margin: 0 0 40px
    }
    .colonethird.indexelement,
    .coltwothirds.indexelement {
        padding-top: 0
    }
    #colonethirdpseudocol1 {
        width: 47.5%;
        float: left
    }
    #colonethirdpseudocol2 {
        width: 47.5%;
        float: right
    }
    .colonethird.inpagesearchresults #colonethirdpseudocol1 {
        width: 100%;
        float: left
    }
    .colonethird.inpagesearchresults #colonethirdpseudocol2 {
        width: 100%;
        float: right
    }
    .asideblock {
        margin-left: 20px;
        margin-right: 20px;
        padding-right: 30px
    }
    #colonethirdpseudocol1 .asideblock {
        padding-left: 30px;
        padding-right: 0
    }
    .footercolumn {
        width: 46%;
        min-width: 260px;
        padding: 0
    }
    #previousnext li.previous {
        border-bottom: 1px solid #e5eff6;
        border-right: 0;
        width: 100%
    }
    #previousnext li.next {
        border-top: 1px solid #e5eff6;
        border-left: 0;
        width: 100%;
        text-align: right
    }
    #previousnext a.previous {
        padding: .5em 60px 1.65em
    }
    #previousnext a.next {
        padding: 1.65em 60px .55em;
        border-top: 0;
        border-bottom: 19px solid #fff
    }
    #previousnext a.next:hover {
        border-bottom: 19px solid #e5eff6
    }
    #relateddownloads:after,
    #relateddownloads:before,
    #relatednews:after,
    #relatednews:before,
    .downloadslist:after,
    .downloadslist:before {
        padding: 10px 18px 12px
    }
    #relateddownloads:after,
    #relatednews:after,
    .downloadslist:after {
        left: 33%
    }
    #relateddownloads .csstable-cell:nth-child(1),
    #relatednews .csstable-cell:nth-child(1),
    .downloadslist .csstable-cell:nth-child(1) {
        width: 33%
    }
    #relateddownloads .csstable-cell:nth-child(2),
    #relatednews .csstable-cell:nth-child(2),
    .downloadslist .csstable-cell:nth-child(2) {
        width: 67%
    }
    #relateddownloads .csstable-cell,
    #relatednews .csstable-cell,
    .downloadslist .csstable-cell {
        padding: .5em 18px
    }
    #postfooter {
        padding-bottom: 40px
    }
    #footerlogo {
        position: absolute;
        left: 30px;
        top: 36px
    }
    #footernav {
        display: inline
    }
    #footernav ul {
        list-style: none;
        padding: 0;
        margin: 110px 0 0 20px;
        display: inline-block;
        width: 87%
    }
    #footernav li {
        display: inline-block;
        padding: 0 10px
    }
    #footernav a {
        line-height: 1.4em;
        text-decoration: underline;
        color: #7f7f7f;
        font-size: 1.6em
    }
    #footernav a:hover {
        text-decoration: none
    }
    .footercolumn.one,
    .footercolumn.three,
    .footercolumn.two {
        margin: 0;
        width: 50%
    }
    .footercolumn h1,
    .footercolumn h2,
    .footercolumn h3,
    .footercolumn h4,
    .footercolumn h5,
    .footercolumn h6,
    .footercolumn li {
        padding-left: 30px
    }
    .inpagecontentblock.withbgcolor {
        margin-right: 0
    }
    .productencataloguscol {
        width: 48%
    }
    .pcsearchbox100 {
        width: 94%
    }
    .css-form .pcsearchbox100 input {
        width: 93%
    }
    .pcsearchbox50 {
        width: 43%
    }
    .downloadslistholder h2 {
        padding: .75em 20px .875em
    }
    .profiletext {
        width: 75%
    }
    .css-form .formrow.onethird label {
        width: 430px
    }
    .css-form label.wide {
        width: 560px
    }
    .agendaitemlabel {
        width: 14em
    }
    .agendaitemdata {
        width: 27em
    }
    .calendaritem {
        width: 36.8%
    }
    #newsoverviewholder .newsoverviewitem:nth-of-type(4) {
        display: inline-block;
        visibility: visible
    }
    .hidemeinsmall {
        display: none;
        visibility: hidden
    }
    #inpagesearchbox {
        margin-right: 20px
    }
    #inpagesearchbox #searchform {
        width: 400px
    }
    .asideblock.searchnotfound {
        margin-top: 4em;
        margin-left: 30px
    }
    .frontpageonderwerp {
        width: 41%
    }
    #newsoverviewholder.frontpage {
        display: inherit;
        margin-bottom: 0;
        padding-bottom: 0
    }
    #agendaholder {
        display: inherit;
        padding-top: 0
    }
    .elearning_body h1 {
        font-size: 3em
    }
    #elearning_button,
    .css-elearningform label,
    .elearning_content p {
        font-size: 1.2em
    }
}

@media screen and (min-width:760px) and (max-width:920px) {
    .newsoverviewitem {
        width: 46.25%;
        margin: 15px
    }
}

@media screen and (min-width:760px) and (max-width:829px) {
    .frontpageonderwerp {
        width: 40%
    }
}

@media screen and (min-width:1260px) {
    .fontasp.withpadding,
    p {
        padding-bottom: 1.5625em
    }
    #css-mainnav li,
    .fontasp.withpadding {
        display: inline-block
    }
    #createprofilelink:hover,
    #css-mainnav a,
    #forgotpasswordlink:hover {
        text-decoration: none
    }
    #css-mainnav ul ul ul li,
    .ie9 .js-css-isdropped ul ul::before,
    .iegt9 .js-css-isdropped ul ul::before {
        border-left: 1px solid #cc604d
    }
    #css-mainnav ul ul.js-css-active ul,
    #header_3b {
        visibility: hidden
    }
    #js-css-tester {
        font-style: italic
    }
    h1 {
        font-size: 4em;
        line-height: 1.2em
    }
    .legendash2,
    h2 {
        font-size: 2.4em;
        line-height: 1.33333em
    }
    .legendash3,
    h2.styledash3,
    h3,
    h4,
    h5,
    h6 {
        font-size: 1.6em;
        line-height: 1.5em
    }
    h2.styledash3.withmargin {
        margin-left: 50px
    }
    h3.styledash2 {
        font-size: 2.4em;
        line-height: 1.33333em
    }
    .fontasp,
    h2.styledasp,
    p {
        font-size: 1.6em;
        line-height: 1.5625em
    }
    .styledas1em {
        font-size: 1em;
        margin: 0
    }
    .page {
        position: relative;
        margin: 0 auto;
        width: 1260px
    }
    #header_2,
    #header_3a {
        width: 100%;
        position: absolute
    }
    #header {
        height: 16em
    }
    #header_2 {
        min-height: 5em;
        top: -5em
    }
    #header_3a {
        display: none;
        top: 0
    }
    #header_3b {
        display: none!important
    }
    #header_4 {
        min-height: 6em
    }
    #header_4.closed {
        min-height: 0
    }
    .linksset3 {
        float: left
    }
    #css-mainnav ul {
        text-align: right;
        list-style: none;
        padding: 0;
        margin: 0
    }
    #css-mainnav>ul {
        margin: 0 31px 0 35px
    }
    #css-mainnav a {
        line-height: 3.125em;
        color: #FFF;
        display: block;
        background-color: #cc604d;
        font-family: Asap, sans-serif;
        font-weight: 500;
        font-size: 1.6em;
        padding: 0 14px
    }
    #css-mainnav li.current_page_ancestor a,
    #css-mainnav li.current_page_item a {
        color: #000;
        background-color: #faefed
    }
    #css-mainnav.js-css-loginopen li.current_page_ancestor a,
    #css-mainnav.js-css-loginopen li.current_page_item a {
        color: #FFF;
        background-color: #cc604d
    }
    #css-mainnav ul ul {
        float: left;
        text-align: left;
        position: absolute;
        top: 8em;
        left: 0;
        width: 315px;
        display: none
    }
    #css-mainnav .js-css-isdropped ul {
        display: block
    }
    #logoholder a,
    a.loginout i {
        display: inline-block
    }
    #css-mainnav a:hover {
        color: #FFF;
        background-color: #d67d6c
    }
    #css-mainnav>ul>li.css-otherisdropped>a {
        color: #fff;
        background-color: #cc604d
    }
    #css-mainnav>ul>li.css-otherisdropped>a:hover {
        color: #FFF;
        background-color: #d67d6c
    }
    #css-mainnav>ul>.current_page_ancestor.page_item_has_children.css-otherisdropped>a,
    #css-mainnav>ul>.page_item_has_children.current_page_item.css-otherisdropped>a,
    #css-mainnav>ul>.page_item_has_children>a {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/menu_sprite.png) right -420px no-repeat #cc604d
    }
    #css-mainnav>ul>.page_item_has_children>a {
        padding-right: 30px
    }
    #css-mainnav>ul>.current_page_ancestor.page_item_has_children.css-otherisdropped>a:hover,
    #css-mainnav>ul>.page_item_has_children.current_page_item.css-otherisdropped>a:hover {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/menu_sprite.png) right -420px no-repeat #d67d6c
    }
    #css-mainnav>ul>.current_page_ancestor.page_item_has_children>a,
    #css-mainnav>ul>.page_item_has_children.current_page_item>a {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/menu_sprite.png) right -280px no-repeat #faefed
    }
    #css-mainnav.js-css-loginopen>ul>.current_page_ancestor.page_item_has_children>a,
    #css-mainnav.js-css-loginopen>ul>.page_item_has_children.current_page_item>a {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/menu_sprite.png) right -420px no-repeat #cc604d
    }
    #css-mainnav.js-css-loginopen>ul>.page_item_has_children>a:hover,
    #css-mainnav>ul>.page_item_has_children>a:hover {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/menu_sprite.png) right -420px no-repeat #d67d6c;
        color: #fff
    }
    #css-mainnav>ul>.page_item_has_children.js-css-isdropped>a {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/menu_sprite.png) right -140px no-repeat #faefed;
        color: #000!important
    }
    .css-istab #css-mainnav ul a:focus {
        background-color: #ffbf47;
        color: #000;
        outline: 0
    }
    .css-istab #css-mainnav>ul>li.page_item_has_children>a:focus {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/menu_sprite.png) right -280px no-repeat #ffbf47
    }
    .css-istab #css-mainnav>ul>li.page_item_has_children.js-css-isdropped>a:focus {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/menu_sprite.png) right -140px no-repeat #faefed
    }
    a.loginout i {
        width: 1.28571em
    }
    #sitewidesearchholder {
        position: absolute;
        top: -16em;
        width: 100%
    }
    #sitewidesearch {
        position: absolute;
        top: 35px;
        right: 50px
    }
    #sitewidesearchterm {
        padding: 0 10px;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 1.6em;
        font-weight: 400;
        line-height: 2.25em;
        height: 2.25em;
        margin: 0;
        width: 410px;
        border-top: 1px solid #7f7f7f;
        border-left: 1px solid #7f7f7f;
        border-bottom: 1px solid #7f7f7f;
        border-right: none;
        float: right
    }
    #sitewidesearchbutton {
        border: 0;
        color: #fff;
        background-color: #005ea5;
        font-size: 1.6em;
        line-height: 2.375em;
        height: 2.375em;
        padding: 0 16px;
        margin: 0;
        text-align: left;
        float: right
    }
    #logoholder {
        position: absolute;
        top: 30px;
        left: 50px
    }
    #logoset12,
    #menuslidertriggerholder,
    #searchslidertriggerholder {
        display: none!important;
        visibility: hidden
    }
    #logoset3 {
        width: 230px;
        height: 50px
    }
    #breadcrumbs_pre {
        margin: 0 0 0 50px;
        width: 9em
    }
    #breadcrumbs_content {
        width: 80%
    }
    .colonethird {
        width: 420px;
        padding-bottom: 3em
    }
    .coltwothirds {
        width: 840px
    }
    .css-colthreethirds.pagetitle h1 {
        width: 740px
    }
    #itemdatetime,
    .css-iscontent>h1,
    .css-iscontent>h2,
    .css-iscontent>h3,
    .css-iscontent>h4,
    .css-iscontent>h5,
    .css-iscontent>h6,
    .css-iscontent>p,
    h2.partneroverviewh2 {
        padding-left: 50px;
        padding-right: 50px
    }
    .asidecontent>h2 {
        padding-left: 0;
        padding-bottom: .9375em
    }
    .css-iscontent p.contentimage {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 3.25em
    }
    .css-iscontent .withbgcolor p.contentimage {
        padding-left: 0;
        padding-right: 0
    }
    .css-iscontent p.contentimage img {
        max-width: 800px;
        height: auto
    }
    .css-iscontent .withbgcolor p.contentimage img {
        max-width: 710px
    }
    .asideblock {
        width: 380px;
        margin: 1.6em 20px 0
    }
    .asideblock:first-of-type {
        margin-top: 0
    }
    .css-iscontent>ul {
        margin: 0 50px 0 80px
    }
    .css-iscontent>ol {
        margin: 0 50px 0 67px
    }
    .slidedowncontent.css-iscontent>ol,
    .slidedowncontent.css-iscontent>ul {
        margin: 0 0 0 30px
    }
    .css-contentlikeul>ol,
    .css-contentlikeul>ul {
        margin: 0 0 0 19px
    }
    #newsoverviewholder {
        padding: 50px 0 60px
    }
    #newsoverviewholder h2 {
        padding: 22px 30px 0
    }
    #newsoverviewholder h2.onderwerpnieuws {
        padding: 15px 50px
    }
    #newsoverviewholder p {
        padding-left: 30px;
        padding-right: 30px
    }
    .newsoverviewitem {
        width: 380px;
        margin: 20px
    }
    .newsoverviewitemimage {
        width: 380px;
        height: auto
    }
    .indexleadimage {
        width: 800px;
        height: auto;
        margin: 0 20px 40px
    }
    .colonethird.indexelement,
    .coltwothirds.indexelement {
        padding-top: 50px
    }
    .colonethird.topmargin,
    .coltwothirds.topmargin {
        margin-top: 5em
    }
    #herkomstholder {
        margin: 1.1em 20px 1em 50px;
        padding: 3em 28px 0
    }
    .herkomstlabel {
        display: inline-block;
        width: 9.8em;
        max-width: 270px
    }
    #header_3a {
        min-height: 9em
    }
    .css-istab #css-mainnav ul ul li.current_page_ancestor>a:focus,
    .css-istab #css-mainnav ul ul li.page_item_has_children.current_page_item>a:focus {
        color: #000;
        outline: 0;
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/menu_sprite.png) right -560px no-repeat #ffbf47
    }
    .ie9 .js-css-isdropped ul::before,
    .iegt9 .js-css-isdropped ul::before {
        content: attr(aria-label);
        font-family: Asap, sans-serif;
        font-size: 2.4em;
        line-height: 1.4em;
        font-weight: 500;
        color: #000;
        padding: 0 0 20px 20px;
        margin: 0;
        display: block
    }
    #css-mainnav ul ul ul {
        top: 0;
        left: 315px
    }
    #css-mainnav ul ul li.current_page_ancestor>a,
    #css-mainnav ul ul li.current_page_item>a {
        color: #fff;
        background-color: #cc604d
    }
    #css-mainnav ul ul li.current_page_ancestor li a,
    #css-mainnav ul ul li.current_page_item li a {
        color: #000;
        cursor: pointer;
        background-color: #faefed
    }
    #css-mainnav ul ul ul li.current_page_ancestor a,
    #css-mainnav ul ul ul li.current_page_item a {
        color: #fff;
        background-color: #cc604d
    }
    #css-mainnav ul ul ul li.current_page_ancestor li a,
    #css-mainnav ul ul ul li.current_page_item li a {
        color: #000;
        cursor: pointer;
        background-color: #faefed
    }
    #css-mainnav ul ul ul ul li.current_page_ancestor a,
    #css-mainnav ul ul ul ul li.current_page_item a {
        color: #fff;
        background-color: #cc604d
    }
    #css-mainnav ul ul ul ul li.current_page_ancestor li a,
    #css-mainnav ul ul ul ul li.current_page_item li a {
        color: #000;
        cursor: pointer;
        background-color: #faefed
    }
    #css-mainnav ul ul ul ul ul li.current_page_ancestor a,
    #css-mainnav ul ul ul ul ul li.current_page_item a {
        color: #fff;
        background-color: #cc604d
    }
    #css-mainnav ul ul ul ul ul li.current_page_ancestor li a,
    #css-mainnav ul ul ul ul ul li.current_page_item li a {
        color: #000;
        cursor: pointer;
        background-color: #faefed
    }
    #css-mainnav ul ul li a {
        line-height: 1.5em;
        width: 251px;
        padding: .5em 44px .5em 20px
    }
    #css-mainnav ul ul ul li a {
        width: 250px
    }
    #css-mainnav ul ul a {
        background-color: #faefed;
        color: #000
    }
    #css-mainnav ul ul li.page_item_has_children>a {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/menu_sprite.png) right -560px no-repeat #faefed;
        color: #000
    }
    #css-mainnav ul ul li.page_item_has_children.current_page_ancestor>a,
    #css-mainnav ul ul li.page_item_has_children.current_page_item>a {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/menu_sprite.png) right -840px no-repeat #cc604d;
        color: #fff
    }
    #css-mainnav ul ul li.current_page_ancestor>ul,
    #css-mainnav ul ul li.current_page_item>ul {
        visibility: visible
    }
    #css-mainnav ul ul li.current_page_ancestor ul.hoverhide,
    #css-mainnav ul ul li.current_page_item ul.hoverhide {
        visibility: hidden
    }
    #css-mainnav ul ul ul.hovershow {
        z-index: 999;
        visibility: visible
    }
    #css-mainnav ul li.hashover>a {
        background-color: #d67d6c!important;
        color: #fff!important
    }
    #css-mainnav ul li.page_item_has_children.hashover>a {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/menu_sprite.png) right -840px no-repeat #cc604d
    }
    #css-mainnav ul li.page_item_has_children.current_page_ancestor.hashover>a {
        background-color: #cc604d!important
    }
    .contentfigure {
        margin: 0 40px 2.5em 20px;
        display: inline-block
    }
    .contentfigure.figurelinks {
        float: left
    }
    .contentfigure.figurerechts {
        float: right;
        margin-left: 40px;
        margin-right: 20px
    }
    .contentfigure img {
        max-width: 800px;
        width: 100%;
        height: auto
    }
    .figurelinks img,
    .figurerechts img {
        max-width: 340px;
        height: auto
    }
    .figurelinks {
        max-width: 370px
    }
    .figurelinks img {
        margin-left: 30px
    }
    .figurerechts {
        max-width: 340px
    }
    .figurerechts img {
        margin-right: 30px
    }
    .figcaption {
        margin: 0;
        padding: 1em 10px 0;
        font-size: 1.3em;
        line-height: 1.53846153846154em
    }
    .figurelinks .figcaption {
        margin: 0 0 0 30px
    }
    .figurerechts .figcaption {
        margin: 0 30px 0 0
    }
    #backtotop {
        padding: 4px 1px 4px 4px
    }
    #loginslider {
        float: right;
        color: #FFF;
        line-height: 1em;
        margin: 3em 50px 0 0
    }
    #loginslider legend {
        float: left;
        font-size: 1.6em;
        line-height: 2em;
        padding-right: 30px
    }
    #loginslider label {
        position: absolute;
        top: -1.5em;
        left: 2px;
        font-size: 1.4em;
        line-height: 1em;
        font-weight: 700
    }
    #loginsliderform {
        margin-top: 1em
    }
    .loginsliderpwd,
    .loginslideruser {
        padding: 0 10px;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 1.6em;
        font-weight: 400;
        line-height: 2.25em;
        height: 2.25em;
        margin: 0;
        width: 250px
    }
    .loginslideruser {
        margin-right: 20px
    }
    .loginsliderbutton {
        border: 0;
        color: #cc604d;
        background-color: #FFF;
        font-size: 1.6em;
        line-height: 2.5em;
        height: 2.5em;
        padding: 0 16px;
        margin: 0 15px 0 20px;
        text-align: left
    }
    #forgotpasswordlink {
        color: #FFF;
        font-size: 1.6em;
        line-height: 1.5em
    }
    #createprofilelink {
        color: #FFF;
        font-size: 1.6em;
        line-height: 2em
    }
    #closeloginslider {
        font-size: 2em;
        margin-left: 20px;
        cursor: pointer
    }
    #actionlogin.active {
        background-color: #b75645
    }
    .footercolumn.one {
        margin: 0 0 0 20px;
        width: 420px
    }
    .footercolumn.two {
        margin: 0;
        width: 380px
    }
    .footercolumn.three {
        margin: 0 20px 0 40px;
        width: 380px
    }
    .footercolumn h1,
    .footercolumn h2,
    .footercolumn h3,
    .footercolumn h4,
    .footercolumn h5,
    .footercolumn h6 {
        padding: 55px 30px 26px
    }
    .footercolumn ul {
        padding: 0 0 47px
    }
    .footercolumn li {
        padding: .44em 30px
    }
    #postfooter {
        height: 15em
    }
    #footerlogo {
        position: absolute;
        left: 50px;
        top: 36px
    }
    #footernav {
        display: inline
    }
    #footernav ul {
        list-style: none;
        padding: 0;
        margin: 36px 0 0 115px;
        display: inline-block;
        width: 70%;
        max-width: 775px
    }
    #footernav li {
        display: inline-block;
        padding: 0 10px
    }
    .css-iscontent blockquote {
        margin: 1.2em 50px 2.9em
    }
    .css-iscontent blockquote p {
        padding: 0 25px 4px;
        line-height: 1.388888em
    }
    .asidecontent {
        margin-top: 4em;
        margin-left: 50px;
        margin-right: 20px
    }
    #previousnext ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 99.6%
    }
    #previousnext a {
        border-top: 19px solid #fff
    }
    #previousnext a:hover {
        border-top: 19px solid #e5eff6
    }
    #previousnext li.previous {
        border-right: 1px solid #e5eff6;
        width: 49.87%
    }
    #previousnext a.previous {
        padding: .5em 27px 1.65em 60px
    }
    #previousnext li.next {
        border-left: 1px solid #e5eff6;
        width: 49.87%
    }
    #previousnext a.next {
        padding: .5em 60px 1.65em 27px
    }
    #previousnext li.previous:before {
        top: 2.14em;
        left: 21px
    }
    #previousnext li.next:after {
        top: 2.14em;
        right: 21px
    }
    #relateddownloads:after,
    #relateddownloads:before,
    #relatednews:after,
    #relatednews:before,
    .downloadslist:after,
    .downloadslist:before {
        padding: 10px 28px 12px
    }
    #relateddownloads:after,
    #relatednews:after,
    .downloadslist:after {
        left: 25%
    }
    #relateddownloads .csstable-cell:nth-child(1),
    #relatednews .csstable-cell:nth-child(1),
    .downloadslist .csstable-cell:nth-child(1) {
        width: 25%
    }
    #relateddownloads .csstable-cell:nth-child(2),
    #relatednews .csstable-cell:nth-child(2),
    .downloadslist .csstable-cell:nth-child(2) {
        width: 75%
    }
    #relateddownloads .csstable-cell,
    #relatednews .csstable-cell,
    .downloadslist .csstable-cell {
        padding: .5em 28px
    }
    #relateddownloads .csstable-row:first-of-type .csstable-cell,
    #relatednews .csstable-row:first-of-type .csstable-cell,
    .downloadslist .csstable-row:first-of-type .csstable-cell {
        padding-top: 1.125em
    }
    .csstable {
        width: 99.6%
    }
    #newsoverviewholder p.newsoverviewitemcategory,
    #newsoverviewholder p.newsoverviewitemmeta {
        left: 30px
    }
    #pagination {
        text-align: center;
        margin: 60px 0 18px
    }
    .inpagecontentblock.withbgcolor {
        margin: 0 20px 4em 50px;
        padding: 25px 30px 0
    }
    .inpagecontentblock.editpanel {
        margin: 0 0 4em;
        padding: 25px 28px 3.5em
    }
    .inpagecontentblock.editpanel.nomargin {
        margin: 0
    }
    .inpagecontentblock.editpanel h2,
    .inpagecontentblock.withbgcolor h2 {
        margin: 0 0 .95em
    }
    .indexlisting {
        margin: 3.6em 20px 0;
        padding: 3.4em 30px 0
    }
    .indexlistingholder {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        -ms-column-count: 2;
        -o-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        -ms-column-gap: 20px;
        -o-column-gap: 20px;
        column-gap: 20px
    }
    .indexlistingholder.onecolumn {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        -ms-column-count: 1;
        -o-column-count: 1;
        column-count: 1
    }
    .indexlistingholder.twocolumn {
        width: 770px
    }
    .indexlistingholder.threecolumn {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        -ms-column-count: 3;
        -o-column-count: 3;
        column-count: 3
    }
    .iegt9 .indexlistingholder span.prelist {
        font-size: 1.6em;
        line-height: 1em;
        visibility: hidden
    }
    .iegt9 .indexlistingholder.threecolumn span.prelist,
    .iegt9 .indexlistingholder.twocolumn.noshift span.prelist {
        display: none
    }
    .ie9 .indexlistingholder span.prelist,
    .ielt9 .indexlistingholder span.prelist {
        display: none;
        visibility: hidden
    }
    .iegt9 .indexlistingholder>ul>li:first-of-type {
        position: relative;
        top: -1em
    }
    .iegt9 .indexlistingholder.onecolumn>ul>li:first-of-type,
    .iegt9 .indexlistingholder.threecolumn>ul>li:first-of-type,
    .iegt9 .indexlistingholder.twocolumn.noshift>ul>li:first-of-type {
        position: relative;
        top: 0
    }
    h2.calendarmonth,
    h3.searchresultsheader {
        display: inline-block;
        position: relative;
        top: 2px
    }
    .indexlistingholder ul {
        padding: 0;
        margin: 0 0 0 27px
    }
    .indexlistingholder ul ul {
        padding: 0;
        margin: 7px 0 0 15px
    }
    .indexlistingholder li {
        -webkit-column-break-inside: avoid;
        column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid
    }
    .indexlistingholder ul ul li {
        margin: 7px 0
    }
    .js .tabs {
        padding: 0 20px 0 50px;
        margin: 0 0 4.5em
    }
    .css-iscontent .slidedowncontent,
    .css-iscontent h2.slidedownh,
    .css-iscontent h3.slidedownh,
    .css-iscontent h4.slidedownh,
    .css-iscontent h5.slidedownh,
    .css-iscontent h6.slidedownh,
    table {
        margin-left: 50px;
        margin-right: 20px
    }
    .inpagecontentblock table {
        margin-left: 0
    }
    th {
        padding: .9em 30px
    }
    td {
        padding: .75em 30px
    }
    .productencataloguscol {
        margin: 0 0 55px 50px;
        width: 370px
    }
    .productencataloguscol ul {
        padding: 0;
        margin: 0 0 0 19px
    }
    h3.searchresultsheader {
        margin: 0 50px;
        padding: .75em 1.75em .6em;
        border-left: 2px solid #e5eff6;
        border-top: 2px solid #e5eff6;
        border-right: 2px solid #e5eff6;
        border-bottom: 2px solid #fff
    }
    .searchresultsline {
        background-color: #e5eff6;
        height: 2px;
        margin: 0 20px;
        border: 0
    }
    .css-iscontent ol.searchresults {
        padding: 0 0 0 30px;
        margin: 0 20px 2.5em
    }
    .css-iscontent li.searchresultitem {
        position: relative;
        padding: 25px 20px 25px 15px;
        margin: 40px 0 0
    }
    .css-iscontent li.inpagesearchresultitem {
        position: relative;
        padding: 25px 20px 25px 15px;
        margin: 0 0 2.5em
    }
    #pcsearchbox {
        margin: 3.5em 20px 3.2em;
        padding: 2.7em 60px 2.7em 20px
    }
    #pcsearchbox legend,
    .pcsearchbox100,
    .pcsearchbox50 {
        margin-left: 40px
    }
    .css-form .pcsearchbox100 input {
        width: 650px
    }
    .pcsearchbox50 {
        width: 320px
    }
    .page.narrow {
        width: 810px
    }
    #inpagelogin {
        padding: 65px 0 105px
    }
    #aanmeldform,
    #loginform {
        padding: 30px;
        position: relative;
        margin: 0 50px
    }
    #aanmeldform legend,
    #loginform legend {
        font-size: 2.4em;
        line-height: 1.33333em
    }
    .wpcf7-form {
        margin: 0 50px
    }
    .searchnotfound .wpcf7-form {
        margin: 0
    }
    .screen-reader-response[role=alert] {
        padding: 20px;
        margin: 1em 50px
    }
    .screen-reader-response.editpanel[role=alert] {
        padding: 20px;
        margin: 1em 20px 1em 50px
    }
    .searchnotfound .screen-reader-response[role=alert] {
        margin: 1em 0
    }
    .responsewhitebox {
        padding: 20px;
        margin: 1em 50px
    }
    .css-form input,
    .css-form textarea {
        width: 320px
    }
    .searchnotfound .css-form input,
    .searchnotfound .css-form textarea {
        width: 300px
    }
    .searchnotfound .css-form input.wpcf7-submit {
        width: auto
    }
    .wpcf7 .custom-select {
        width: 350px
    }
    .css-form label {
        width: 340px
    }
    .searchnotfound .css-form label {
        width: 320px
    }
    .css-form label.wide {
        width: 560px
    }
    .css-form label.extrawide {
        width: 100%
    }
    .css-form input[type=date],
    .ielt9 .css-form input.wpcf7-date {
        font-size: 1.6em;
        width: 160px
    }
    #agendauploadform,
    #editform {
        padding: 30px 0;
        position: relative;
        margin: 0 20px 0 50px
    }
    #agendauploadform.nobottom,
    #editform.nobottom {
        padding: 30px 0 0
    }
    #editform .wp-editor-container {
        margin: .375em 0 0;
        width: 560px
    }
    .css-wpeditor iframe {
        height: 14em!important
    }
    .useravatarimg {
        width: 28%;
        padding-top: 15px
    }
    .useravatarfield {
        width: 72%;
        padding-top: 64px
    }
    .useravatarthumbnail {
        margin-left: 15px
    }
    .css-form .loginbutton.witheditpanel {
        margin-left: 30px
    }
    .profileholder {
        margin: 0 20px 1em 50px;
        padding: 18px 18px 0
    }
    .profileholder.withmargin {
        margin-top: 1.3em
    }
    .profiletext {
        width: 569px;
        float: right
    }
    .profileimageholder {
        width: 140px;
        float: left;
        margin-bottom: 18px
    }
    .profileimage {
        margin: 10px
    }
    #editprofilebutton {
        margin: 1em 0 0 30px
    }
    .downloadslistholder {
        margin: 1em 20px 3em 50px
    }
    .downloadslistholder h2 {
        padding: .75em 30px .875em
    }
    .downloadslist i {
        font-size: .8em;
        margin-right: .8em;
        color: #005ca7
    }
    #agendafauxsubmit {
        margin: 0 0 0 80px
    }
    .css-form .formrow.twothirds label {
        width: 190px;
        padding-right: 15px
    }
    .css-form .formrow.twothirds input {
        width: 122px
    }
    .css-form .formrow.onethird label {
        width: 405px
    }
    .css-form .formrow.onethird input {
        width: 115px
    }
    .css-agendaitemuploadcol.one {
        width: 134px
    }
    .css-agendaitemuploadcol.two {
        width: 280px
    }
    .css-agendaitemuploadcol.three {
        width: 130px
    }
    .css-agendaitemuploadcol.four {
        width: 160px
    }
    .css-form input.createitemfilename {
        width: 236px
    }
    #agendalistul {
        margin: 2em 0 0
    }
    #agendalistul:before {
        padding: 10px 28px 12px
    }
    #agendalistul .csstable-cell {
        padding: 10px 28px 5px
    }
    #agendalistul .csstable-row:first-of-type .csstable-cell {
        padding-top: 1.125em
    }
    .agendaitemlabel {
        width: 14em
    }
    .agendaitemdata {
        width: 25em
    }
    .calendaritem {
        margin: 20px;
        padding: 5em 30px 0;
        width: 530px
    }
    h2.calendarmonth {
        margin: 1.125em 50px 0;
        padding: .75em 1.75em .6em;
        border-left: 2px solid #e5eff6;
        border-top: 2px solid #e5eff6;
        border-right: 2px solid #e5eff6;
        border-bottom: 2px solid #fff;
        font-size: 1.6em
    }
    .calendarline {
        background-color: #e5eff6;
        height: 2px;
        margin: 0 20px 2em;
        border: 0
    }
    .interestscol {
        width: 47%;
        margin-right: 2%
    }
    #onderwerpiconownpage {
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/bg_onderwerpicon.png) top left no-repeat;
        position: absolute;
        top: -58px;
        left: 42px;
        padding: 8px 8px 0;
        width: 80px;
        height: 80px
    }
    #onderwerphighlights {
        padding: 24px 25px 21px 30px;
        margin: 4.5em 20px 0
    }
    .onderwerpmorenews {
        float: right
    }
    #newsoverviewholder.onderwerp .newsoverviewitem:nth-of-type(4) {
        display: none;
        visibility: hidden
    }
    .onderwerpoverviewrow {
        padding-bottom: 4.3em
    }
    .onderwerpoverviewrow:first-of-type {
        padding-top: 2.9em
    }
    .onderwerpoverviewicon {
        margin-left: 50px;
        margin-right: 40px;
        width: 50px;
        float: left
    }
    .onderwerpoverviewh2 {
        width: 230px;
        margin-top: 9px;
        margin-right: 90px
    }
    .onderwerpoverviewlisting {
        padding-top: 16px
    }
    .onderwerpoverviewlisting li {
        margin-bottom: .875em
    }
    .partneroverviewul {
        padding: 0 0 0 10px
    }
    .partneroverviewitem {
        width: 250px;
        margin: 30px
    }
    h2.partneroverviewh2 {
        padding-top: 1.6666em
    }
    #inpagesearchbox {
        margin: 0 20px;
        padding: 30px
    }
    .inpagesearchbox100 {
        width: 320px
    }
    #inpagesearchbox input {
        width: 290px
    }
    .ie9 .shiftsearchresultholder {
        position: relative;
        top: -1.4em;
        padding-bottom: 0
    }
    .shiftsearchresultholder,
    _:-ms-lang(x) {
        position: relative;
        top: -1.4em;
        padding-bottom: 0
    }
    .css-iscontent ol.inpagesearch {
        margin: 0 20px 0 97px
    }
    #pagination.inpagesearch {
        margin-top: 0
    }
    .asideblock.searchnotfound {
        margin-top: 4em;
        width: 330px;
        padding: 29px 23px 24px
    }
    #newsoverviewholder.frontpage {
        width: 869px;
        display: table-cell
    }
    .ielt9 #newsoverviewholder.frontpage {
        position: relative;
        display: inline-block;
        vertical-align: top
    }
    #newsoverviewholder.frontpage p.onderwerpmorenews {
        padding-top: 30px;
        padding-right: 78px
    }
    #agendaholder {
        width: 388px;
        padding: 50px 0 60px;
        border-left: 3px solid #fff;
        display: table-cell
    }
    .ielt9 #agendaholder {
        position: relative;
        display: inline-block;
        vertical-align: top
    }
    #agendaholder p.onderwerpmorenews {
        padding-top: 44px;
        padding-right: 49px
    }
    h2.agendaholderh2 {
        padding: 15px 40px 35px
    }
    .frontpageagendaitem {
        width: 20.625em;
        margin: 20px 0 10px 38px;
        display: table;
        position: relative
    }
    .agendaitemdate {
        width: 3.4375em;
        display: table-cell;
        padding: 1.125em 0;
        text-align: center
    }
    .ielt9 .agendaitemdate {
        position: relative;
        display: inline-block;
        vertical-align: top
    }
    .agendaitemtitle {
        width: 13.4375em;
        padding: 1.125em 1.875em;
        display: table-cell
    }
    .ielt9 .agendaitemtitle {
        position: relative;
        display: inline-block;
        vertical-align: top
    }
    .agendaitemdate span {
        display: block
    }
    .agendaitemarrow {
        position: absolute;
        top: 0;
        left: -50px;
        width: 50px;
        height: 44px;
        background: url(https://static.bij12.nl/wp-content/themes/bij12/images/agendaarrow.png) top left no-repeat
    }
    #frontpageonderwerpenlist {
        margin: 0 0 1.47em 50px
    }
    .frontpageonderwerp {
        width: 333px;
        margin: 1.3333em 70px 2em 0
    }
    .frontpageonderwerpicon {
        width: 50px;
        height: auto;
        position: absolute;
        top: 0;
        left: 0
    }
    .frontpageonderwerp a {
        margin: 8px 0 0 88px;
        display: inline-block
    }
    h2.frontpageh2 {
        margin-left: 50px
    }
    #frontpagesnelnaarholder {
        width: 876px;
        padding-top: 6.5em
    }
    .frontpagesnelnaarcol {
        width: 370px;
        margin-left: 60px
    }
    .frontpagesnelnaarcol:first-of-type {
        margin-left: 68px
    }
    #frontpagespotlightholder {
        width: 300px
    }
    .frontpagesnelnaarcol ul {
        margin: 1.5625em 0 4.0625em
    }
    #frontpagespotlightcontainer {
        width: 380px;
        margin-top: 7em
    }
    #frontpagespotlightcontainer h2 {
        padding: 2.25em 30px 0;
        font-size: 1.6em;
        color: #fff;
        line-height: 1.5625em;
        margin: 0
    }
    #frontpagespotlightcontainer p {
        padding: 0 30px 1.5625em
    }
    iframe.publieksviewer {
        border: 0;
        width: 740px;
        height: 500px
    }
    .tijdlijn_box,
    .tijdlijn_popup_content {
        background-color: #fff;
        border: 1px solid
    }
    .infiniteCarousel,
    .infiniteCarousel .wrapper {
        width: 100%;
        height: 420px
    }
    .infiniteCarousel ul li {
        width: 16.66666667%;
        height: 420px
    }
    .infiniteCarousel .arrow {
        font-size: 2em
    }
    .infiniteCarousel a.forward {
        top: 156px;
        left: -64px
    }
    .infiniteCarousel a.back {
        top: 156px;
        right: -64px
    }
    #sliderholder {
        width: 100%;
        height: 420px;
        margin-bottom: 83px
    }
    .sliderbox {
        width: 320px;
        margin: 80px 0 0;
        padding: 0 30px 5px
    }
    p.slideronderwerp {
        left: 30px
    }
    h2.sliderh2 {
        padding-top: 48px;
        padding-bottom: .667em
    }
    #tijdlijn {
        position: relative
    }
    .js #tijdlijn_set12 {
        display: none;
        visibility: hidden
    }
    #tijdlijn_inhoud {
        display: none
    }
    .tijdlijn_float {
        position: absolute
    }
    .tijdlijn_box {
        font-size: 1.2em;
        line-height: 1.2em;
        padding: 9px 10px 10px
    }
    .tijdlijn_popup {
        display: none;
        position: relative;
        top: -10px;
        z-index: 2000000000
    }
    .tijdlijn_popup_content {
        padding: 20px 30px;
        width: 590px;
        box-shadow: 0 0 8px 4px #e6e6e6;
        font-size: 1.6em;
        line-height: 1.4em
    }
    .tijdlijn_popup_content p {
        font-size: 1em;
        padding-bottom: 0
    }
    .tijdlijn_circle_holder {
        height: 7px;
        overflow: hidden
    }
    .tijdlijn_circle_circle {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        border: 2px solid #fff;
        position: relative
    }
    .tijdlijn_popup_arrow {
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 20px solid;
        position: relative;
        z-index: 2000000001
    }
    #documentbody.elearning #header {
        height: 11em
    }
    #documentbody.elearning #header_2 {
        display: none;
        visibility: hidden
    }
    #inhoud.elearning_body {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        position: relative;
        overflow: hidden
    }
    #elearning_startbutton {
        display: inline-block;
        position: absolute;
        right: 35px;
        bottom: 30px
    }
    #elearning_startbutton.extra {
        bottom: 110px
    }
    .elearning_content {
        padding-left: 50px;
        width: 1210px
    }
    .elearning_inbetween {
        width: 1210px;
        padding: 150px 0 0;
        text-align: center
    }
    .elearning_inbetween h1 {
        margin: 1em auto 5em;
        width: 50%
    }
    .elearning_body .column {
        font-size: 1.3em
    }
    .elearning_body .column.width1 {
        width: 28%;
        padding: 0 5% 0 0
    }
    .elearning_body .column.width2 {
        width: 61%;
        padding: 0 5% 0 0
    }
    #elearning_navigation_choices {
        float: right;
        margin: 0 30px 30px 0
    }
    #elearning_navigation_choices li {
        height: 4em
    }
    #elearning_navigation_choices li a {
        font-size: 3em
    }
    #elearningform {
        padding: 0 0 50px;
        position: relative;
        margin: 0 20px 0 50px
    }
    #elearning_h2 {
        margin: 0
    }
    #elearning_minheight {
        min-height: 46.5em
    }
}

@media print {
    .fontasp.withpadding,
    p {
        padding-bottom: 1.5625em
    }
    * {
        background: 0 0!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    .js-stylehyperlinks a[href]:after {
        content: " (" attr(href) ")"
    }
    .js-stylehyperlinks a[href^="javascript:"]:after,
    .js-stylehyperlinks a[href^="#"]:after {
        content: ""
    }
    .asidecontent,
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: 2cm 1cm
    }
    #backtotopid,
    #footer,
    #footernav,
    #header_3a,
    #header_3b,
    #menu,
    #menuslidertriggerholder,
    #searchslidertriggerholder,
    #sitewidesearchholder,
    #skiplink-container,
    .asideblock.actions,
    .asideblock.siblings,
    .slidedownh i {
        display: none;
        visibility: hidden
    }
    h1 {
        font-size: 2.4em;
        line-height: 1.2em
    }
    .legendash2,
    h2 {
        font-size: 2em;
        line-height: 1.33333em
    }
    .legendash3,
    h2.styledash3,
    h3,
    h4,
    h5,
    h6 {
        font-size: 1.4em;
        line-height: 1.5em
    }
    h2.styledash3.withmargin {
        margin-left: 50px
    }
    h3.styledash2 {
        font-size: 2em;
        line-height: 1.33333em
    }
    .fontasp,
    h2.styledasp,
    p {
        font-size: 1.4em;
        line-height: 1.5625em
    }
    .fontasp.withpadding {
        display: inline-block
    }
    .styledas1em {
        font-size: 1em;
        margin: 0
    }
    .asideblock.info p,
    .css-iscontent p {
        font-size: 1.4em;
        line-height: 1.5625em;
        padding-bottom: 1.5625em
    }
    #breadcrumbs_pre,
    .contentfigure {
        padding-bottom: 10px
    }
    #logoholder img {
        width: 250px;
        height: auto;
        margin-bottom: 35px
    }
    #breadcrumbs_pre {
        width: 80px
    }
    .ibie7 {
        display: block;
        vertical-align: inherit
    }
    .figcaption {
        font-size: 1.3em;
        line-height: 1.53846em;
        font-style: italic;
        padding: 10px 10px 0
    }
    .asidecontent {
        margin-top: 40px
    }
    #relateddownloads:after,
    #relateddownloads:before,
    #relatednews:after,
    #relatednews:before,
    .downloadslist:after,
    .downloadslist:before {
        padding: 10px 28px 12px
    }
    #relateddownloads:after,
    #relatednews:after,
    .downloadslist:after {
        left: 25%
    }
    #relateddownloads .csstable-cell:nth-child(1),
    #relatednews .csstable-cell:nth-child(1),
    .downloadslist .csstable-cell:nth-child(1) {
        width: 25%
    }
    #relateddownloads .csstable-cell:nth-child(2),
    #relatednews .csstable-cell:nth-child(2),
    .downloadslist .csstable-cell:nth-child(2) {
        width: 75%
    }
    #relateddownloads .csstable-cell,
    #relatednews .csstable-cell,
    .downloadslist .csstable-cell {
        padding: .5em 28px
    }
    #relateddownloads .csstable-row:first-of-type .csstable-cell,
    #relatednews .csstable-row:first-of-type .csstable-cell,
    .downloadslist .csstable-row:first-of-type .csstable-cell {
        padding-top: 1.125em
    }
    .csstable {
        width: 99.6%
    }
    blockquote {
        border-left: 4px solid #000;
        margin-bottom: 10px
    }
    .css-iscontent blockquote p {
        padding: 4px 20px;
        margin: 0
    }
    .css-iscontent>ol,
    .css-iscontent>ul {
        margin: 0 30px
    }
    .css-iscontent.tabPanel>ol,
    .css-iscontent.tabPanel>ul {
        margin: 0 30px 0 60px
    }
    .css-iscontent .slidedowncontent {
        display: block!important;
        border-bottom: 1px solid silver;
        padding-top: 5px
    }
    .css-iscontent h2.slidedownh,
    .css-iscontent h3.slidedownh,
    .css-iscontent h4.slidedownh,
    .css-iscontent h5.slidedownh,
    .css-iscontent h6.slidedownh {
        font-size: 1.4em
    }
}

.picker {
    font-size: 16px;
    text-align: left;
    line-height: 1.2;
    color: #000;
    position: absolute;
    z-index: 10000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.picker__footer,
.picker__header,
.picker__table {
    text-align: center
}

.picker__input {
    cursor: default
}

.picker__input.picker__input--active {
    border-color: #0089ec
}

.picker__holder {
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    transition: background .15s ease-out, -webkit-transform 0s .15s;
    transition: background .15s ease-out, transform 0s .15s;
    -webkit-backface-visibility: hidden
}


/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */

.picker__frame,
.picker__holder {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.picker__frame {
    position: absolute;
    margin: 0 auto;
    min-width: 256px;
    max-width: 666px;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    transition: all .15s ease-out
}

.picker__wrap {
    display: table;
    width: 100%;
    height: 100%
}

@media (min-height:33.875em) {
    .picker__frame {
        overflow: visible;
        top: auto;
        bottom: -100%;
        max-height: 80%
    }
    .picker__wrap {
        display: block
    }
}

.picker__box {
    background: #fff;
    display: table-cell;
    vertical-align: middle;
    padding: 0 1em
}

@media (min-height:26.5em) {
    .picker__box {
        font-size: 1.25em
    }
}

@media (min-height:33.875em) {
    .picker__box {
        display: block;
        font-size: 1.33em;
        border: 1px solid #777;
        border-top-color: #898989;
        border-bottom-width: 0;
        border-radius: 5px 5px 0 0;
        box-shadow: 0 12px 36px 16px rgba(0, 0, 0, .24)
    }
    .picker--opened .picker__frame {
        top: auto;
        bottom: 0
    }
}

@media (min-height:40.125em) {
    .picker__frame {
        margin-bottom: 7.5%
    }
    .picker__box {
        font-size: 1.5em;
        border-bottom-width: 1px;
        border-radius: 5px
    }
}

.picker--opened .picker__holder {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    zoom: 1;
    background: rgba(0, 0, 0, .32);
    transition: background .15s ease-out
}

.picker--opened .picker__frame {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

.picker__header {
    position: relative;
    margin-top: .75em
}

.picker__month,
.picker__year {
    font-weight: 500;
    display: inline-block;
    margin-left: .25em;
    margin-right: .25em
}

.picker__year {
    color: #999;
    font-size: .8em;
    font-style: italic
}

.picker__select--month,
.picker__select--year {
    border: 1px solid #b7b7b7;
    height: 2em;
    padding: .5em;
    margin-left: .25em;
    margin-right: .25em
}

.picker__select--month {
    width: 35%
}

.picker__select--year {
    width: 22.5%
}

.picker__select--month:focus,
.picker__select--year:focus {
    border-color: #0089ec
}

.picker__nav--next,
.picker__nav--prev {
    position: absolute;
    padding: .5em 1.25em;
    width: 1em;
    height: 1em;
    box-sizing: content-box;
    top: -.25em
}

.picker__nav--prev {
    left: -1em;
    padding-right: 1.25em
}

.picker__nav--next {
    right: -1em;
    padding-left: 1.25em
}

@media (min-width:24.5em) {
    .picker__select--month,
    .picker__select--year {
        margin-top: -.5em
    }
    .picker__nav--next,
    .picker__nav--prev {
        top: -.33em
    }
    .picker__nav--prev {
        padding-right: 1.5em
    }
    .picker__nav--next {
        padding-left: 1.5em
    }
}

.picker__nav--next:before,
.picker__nav--prev:before {
    content: " ";
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-right: .75em solid #000;
    width: 0;
    height: 0;
    display: block;
    margin: 0 auto
}

.picker__nav--next:before {
    border-right: 0;
    border-left: .75em solid #000
}

.picker__nav--next:hover,
.picker__nav--prev:hover {
    cursor: pointer;
    color: #000;
    background: #e5e5eb
}

.picker__nav--disabled,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover,
.picker__nav--disabled:hover {
    cursor: default;
    background: 0 0;
    border-right-color: #f5f5f5;
    border-left-color: #f5f5f5
}

.picker__table {
    table-layout: fixed;
    font-size: inherit;
    width: 100%;
    margin-top: .75em;
    margin-bottom: .5em;
    margin-left: 0
}

@media (min-height:33.875em) {
    .picker__table {
        margin-bottom: .75em
    }
}

.picker__table td {
    margin: 0;
    padding: 0
}

.picker__weekday {
    width: 14.285714286%;
    font-size: .75em;
    padding-bottom: .25em;
    color: #cc604d;
    font-weight: 500
}

@media (min-height:33.875em) {
    .picker__weekday {
        padding-bottom: .5em
    }
}

.picker_table th {
    border-color: #cc604d
}

.picker__day {
    padding: .3125em 0;
    font-weight: 200;
    border: 1px solid transparent
}

.picker__day--today {
    position: relative
}

.picker__day--today:before {
    content: " ";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 0;
    height: 0;
    border-top: .5em solid #005ea5;
    border-left: .5em solid transparent
}

.picker__day--disabled:before {
    border-top-color: #aaa
}

.picker__day--outfocus {
    color: #ddd
}

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
    cursor: pointer;
    xcolor: #000;
    background: #faefed
}

.picker__day--highlighted {
    border-color: #cc604d
}

.picker--focused .picker__day--highlighted,
.picker__day--highlighted:hover {
    cursor: pointer;
    color: #fff;
    background: #cc604d
}

.picker--focused .picker__day--selected,
.picker__day--selected,
.picker__day--selected:hover {
    background: #cc604d;
    color: #fff
}

.picker--focused .picker__day--disabled,
.picker__day--disabled,
.picker__day--disabled:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #ddd;
    cursor: default
}

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
    background: #bbb
}

.picker__button--clear,
.picker__button--close,
.picker__button--today {
    border: 1px solid #fff;
    background: #fff;
    font-size: .8em;
    padding: .66em 0;
    font-weight: 700;
    width: 33%;
    display: inline-block;
    vertical-align: bottom
}

.picker__button--clear:hover,
.picker__button--close:hover,
.picker__button--today:hover {
    cursor: pointer;
    color: #000;
    background: #e5e5eb;
    border-bottom-color: #e5e5eb
}

.picker__button--clear:focus,
.picker__button--close:focus,
.picker__button--today:focus {
    background: #b1dcfb;
    border-color: #0089ec;
    outline: 0
}

.picker__button--clear:before,
.picker__button--close:before,
.picker__button--today:before {
    position: relative;
    display: inline-block;
    height: 0
}

.picker__button--clear:before,
.picker__button--today:before {
    content: " ";
    margin-right: .45em
}

.picker__button--today:before {
    top: -.05em;
    width: 0;
    border-top: .66em solid #0059bc;
    border-left: .66em solid transparent
}

.picker__button--clear:before {
    top: -.25em;
    width: .66em;
    border-top: 3px solid #e20
}

.picker__button--close:before {
    content: "\D7";
    top: -.1em;
    vertical-align: top;
    font-size: 1.1em;
    margin-right: .35em;
    color: #777
}

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #ddd;
    cursor: default
}

.picker__button--today[disabled]:before {
    border-top-color: #aaa
}