﻿html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

::-moz-selection {
    background: #232725;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #232725;
    color: #fff;
    text-shadow: none
}

@font-face {
    font-family: 'Netto Pro';
    src: url("../../../../fonts/NettoWeb.eot");
    src: url("../../../../fonts/NettoWeb.eot?#iefix") format("embedded-opentype"), url("../../../../fonts/NettoWeb.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Netto Pro';
    src: url("../../../../fonts/NettoWeb-Bold.eot");
    src: url("../../../../fonts/NettoWeb-Bold.eot?#iefix") format("embedded-opentype"), url("../../../../fonts/NettoWeb-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Netto Pro';
    src: url("../../../../fonts/NettoWeb-Italic.eot");
    src: url("../../../../fonts/NettoWeb-Italic.eot?#iefix") format("embedded-opentype"), url("../../../../fonts/NettoWeb-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic
}

html {
    color: #333;
    font: 400 18px Calibri, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    height: 100%
}

body {
    background: #FFF;
    line-height: 1.5em;
    height: 100%
}

h1,
h2,
legend,
h3,
h4,
h5,
h6 {
    font-family: "Netto Pro", Calibri, arial, sans-serif;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0 0 0.25em 0;
    letter-spacing: -0.7px;
    -ms-word-break: normal;
    word-break: normal;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto
}

h1 {
    font-size: 32px
}

@media (min-width: 590px) {
    h1 {
        font-size: 48px
    }
}

.ie-8 h1 {
    font-size: 48px
}

h2,
legend {
    font-size: 30px;
    color: #009FD8
}

@media (min-width: 590px) {
    h2,
    legend {
        font-size: 45px
    }
}

.ie-8 h2,
.ie-8 legend {
    font-size: 45px
}

h3 {
    font-size: 28px;
    color: #00762E;
    margin-bottom: 0.5em
}

@media (min-width: 590px) {
    h3 {
        font-size: 33px
    }
}

.ie-8 h3 {
    font-size: 33px
}

h4 {
    font-size: 1em
}

h5 {
    font-size: 1em
}

h6 {
    font-size: 1em
}

p {
    margin-bottom: 1em
}

p.lead {
    font-size: 1.125em
}

a {
    color: #009FD8;
    cursor: pointer;
    text-decoration: none
}

a:hover {
    color: #007BD8
}

a:active,
a:focus {
    color: #005ea5
}

small {
    color: #8d9994;
    font-size: 0.875em
}

em {
    font-style: italic
}

strong {
    font-weight: bold
}

code,
pre {
    font-family: 'courier new', monospace
}

pre {
    overflow-x: auto
}

abbr {
    border-bottom: 1px dotted #aebbb6
}

del {
    text-decoration: line-through
}

mark {
    background-color: #ffffb3
}

hr {
    background-color: transparent;
    border: solid #ccd6d2;
    border-width: 1px 0 0;
    clear: both;
    margin: 2.5em 1em
}

ul,
ol {
    margin: 0 0 1em 1.5em
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

dl {
    margin-bottom: 1em
}

dl dt {
    font-weight: bold
}

dl dd {
    margin-left: 1em
}

dl.advanced:before,
dl.advanced:after {
    content: "";
    display: table
}

dl.advanced:after {
    clear: both
}

dl.advanced dt {
    float: left;
    width: 31.25%;
    margin-left: 0%;
    margin-right: 2.0833333333%
}

dl.advanced dd {
    float: left;
    width: 66.6666666667%;
    margin-left: 0%;
    margin-right: 0%
}

.is-hidden {
    display: none !important
}

.is-hidden,
.is-invisible {
    visibility: hidden !important
}

.is-active,
.is-visible {
    display: block
}

.left {
    float: left
}

.right {
    float: right
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.nowrap {
    white-space: nowrap
}

.l-full {
    width: 100%;
    clear: both
}

@media (min-width: 590px) {
    .l-full {
        float: left;
        width: 95.8333333333%;
        margin-left: 2.0833333333%;
        margin-right: 2.0833333333%;
        clear: none
    }
}

.ie-8 .l-full {
    float: left;
    width: 95.8333333333%;
    margin-left: 2.0833333333%;
    margin-right: 2.0833333333%;
    clear: none
}

.l-two-third,
#embhl>.h1-wrapper,
#embhl>.h2-wrapper,
#embhl>.block-default,
#embhl>.editableContainer>.block-default,
.block-functions {
    width: 100%;
    clear: both
}

@media (min-width: 769px) {
    .l-two-third,
    #embhl>.h1-wrapper,
    #embhl>.h2-wrapper,
    #embhl>.block-default,
    #embhl>.editableContainer>.block-default,
    .block-functions {
        float: left;
        width: 62.5%;
        margin-left: 2.0833333333%;
        margin-right: 2.0833333333%;
        margin-left: 0;
        clear: none
    }
}

.ie-8 .l-two-third,
.ie-8 #embhl>.h1-wrapper,
.ie-8 #embhl>.h2-wrapper,
.ie-8 #embhl>.block-default,
.ie-8 #embhl>.editableContainer>.block-default,
.ie-8 .block-functions {
    float: left;
    width: 62.5%;
    margin-left: 2.0833333333%;
    margin-right: 2.0833333333%;
    margin-left: 0;
    clear: none
}

.l-half {
    width: 100%;
    clear: both
}

@media (min-width: 590px) {
    .l-half {
        float: left;
        width: 45.8333333333%;
        margin-left: 2.0833333333%;
        margin-right: 2.0833333333%;
        clear: none
    }
}

.ie-8 .l-half {
    float: left;
    width: 45.8333333333%;
    margin-left: 2.0833333333%;
    margin-right: 2.0833333333%;
    clear: none
}

.l-one-third,
.sidebar_wrap {
    width: 100%;
    clear: both
}

@media (min-width: 769px) {
    .l-one-third,
    .sidebar_wrap {
        width: 32%;
        float: left;
        margin-left: 2%;
        clear: none
    }
}

.ie-8 .l-one-third,
.ie-8 .sidebar_wrap {
    width: 32%;
    float: left;
    margin-left: 2%;
    clear: none
}

.home .content_wrap .l-one-third {
    margin-top: 48px
}

.home .content_wrap .l-one-third:first-child {
    margin-top: 0
}

@media (min-width: 590px) {
    .home .content_wrap .l-one-third {
        width: 49%;
        float: left;
        clear: none;
        margin-top: 0
    }
    .home .content_wrap .l-one-third:first-child {
        margin-right: 2%
    }
    .home .content_wrap .l-one-third:nth-child(3) {
        float: none;
        width: 100%;
        clear: both
    }
}

.ie-8 .home .content_wrap .l-one-third {
    width: 49%;
    float: left;
    clear: none;
    margin-top: 0
}

.ie-8 .home .content_wrap .l-one-third:first-child {
    margin-right: 2%
}

.ie-8 .home .content_wrap .l-one-third:nth-child(3) {
    float: none;
    width: 100%;
    clear: both
}

@media (min-width: 769px) {
    .home .content_wrap .l-one-third {
        width: 32%;
        margin-right: 2%;
        margin-left: 0
    }
    .home .content_wrap .l-one-third:nth-child(3) {
        float: left;
        width: 32%;
        clear: none;
        margin-right: 0
    }
}

.ie-8 .home .content_wrap .l-one-third {
    width: 32%;
    margin-right: 2%;
    margin-left: 0
}

.ie-8 .home .content_wrap .l-one-third:nth-child(3) {
    float: left;
    width: 32%;
    clear: none;
    margin-right: 0
}

.l-grid:before,
.l-grid:after {
    content: "";
    display: table
}

.l-grid:after {
    clear: both
}

.l-grid li {
    float: left;
    width: 29.1666666667%;
    margin-left: 2.0833333333%;
    margin-right: 2.0833333333%
}

.l-first {
    clear: left
}

.l-clear {
    clear: both
}

div.l-container,
#header,
.navigation-default>.wrapper,
.block-toptaken,
.header_bottom .block-submenu,
.path-default>.wrapper,
.footer-default,
#embhl {
    outline: 0;
    margin: auto;
    max-width: 1200px;
    padding: 1em
}

div.l-container:before,
div.l-container:after,
#header:before,
#header:after,
.navigation-default>.wrapper:before,
.navigation-default>.wrapper:after,
.block-toptaken:before,
.block-toptaken:after,
.header_bottom .block-submenu:before,
.header_bottom .block-submenu:after,
.path-default>.wrapper:before,
.path-default>.wrapper:after,
.footer-default:before,
.footer-default:after,
#embhl:before,
#embhl:after {
    content: "";
    display: table
}

div.l-container:after,
#header:after,
.navigation-default>.wrapper:after,
.block-toptaken:after,
.header_bottom .block-submenu:after,
.path-default>.wrapper:after,
.footer-default:after,
#embhl:after {
    clear: both
}

@media (min-width: 1220px) {
    div.l-container,
    #header,
    .navigation-default>.wrapper,
    .block-toptaken,
    .header_bottom .block-submenu,
    .path-default>.wrapper,
    .footer-default,
    #embhl {
        padding: 1em 0
    }
}

.ie-8 div.l-container,
.ie-8 #header,
.ie-8 .navigation-default>.wrapper,
.ie-8 .block-toptaken,
.ie-8 .header_bottom .block-submenu,
.ie-8 .path-default>.wrapper,
.ie-8 .footer-default,
.ie-8 #embhl {
    padding: 1em 0
}

#main {
    outline: 0
}

#embhl {
    padding: 33px 1em
}

@media (min-width: 1220px) {
    #embhl {
        padding: 33px 0
    }
}

.ie-8 #embhl {
    padding: 33px 0
}

.home #embhl {
    margin: auto;
    max-width: none;
    padding: 0
}

.path-default>.wrapper {
    padding: 13px 1em
}

@media (min-width: 1220px) {
    .path-default>.wrapper {
        padding: 13px 0
    }
}

.ie-8 .path-default>.wrapper {
    padding: 13px 0
}

.content_page .column-wide #embhl .editableContainer .l-container {
    padding: 0
}

.page-wrap {
    min-height: 100%;
    margin-bottom: -400px
}

@media (min-width: 590px) {
    .page-wrap {
        margin-bottom: -109px
    }
}

.ie-8 .page-wrap {
    margin-bottom: -109px
}

.page-wrap:after {
    content: "";
    display: block
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

.button,
input[type=submit],
button,
.button__secondary,
input[type=submit].button__secondary,
button.button__secondary,
.button__secondary--border,
input[type=submit].button__secondary--border,
button.button__secondary--border,
.button--neutral,
input[type=submit].button--neutral,
button.button--neutral,
.button--success,
input[type=submit].button--success,
button.button--success,
.button--alert,
input[type=submit].button--alert,
button.button--alert {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0.313em;
    cursor: pointer;
    display: inline-block;
    font-family: Calibri, arial, sans-serif;
    font-size: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: bold;
    line-height: 1.5em;
    margin: 0 0 0.25em 0;
    padding: 0.5em 0.75em;
    text-decoration: none;
    vertical-align: bottom
}

.button:focus,
input[type=submit]:focus,
button:focus,
.button__secondary:focus,
.button__secondary--border:focus,
.button--neutral:focus,
.button--success:focus,
.button--alert:focus {
    outline: 0
}

.button,
input[type=submit],
button {
    background: #009FD8;
    color: #fff
}

.button:hover,
input[type=submit]:hover,
button:hover {
    background: #007BD8;
    color: #fff
}

.button:active,
.button:focus,
input[type=submit]:active,
input[type=submit]:focus,
button:active,
button:focus {
    background: #005ea5;
    color: #fff
}

.button img,
input[type=submit] img,
button img {
    float: left;
    margin-right: 12px
}

.button__secondary,
input[type=submit].button__secondary,
button.button__secondary {
    min-height: 52px;
    text-align: center;
    background: #4DB849;
    border: 2px solid #4DB849;
    color: #fff
}

.button__secondary:hover,
input[type=submit].button__secondary:hover,
button.button__secondary:hover {
    background: #26973B;
    border: 2px solid #26973B;
    color: #fff
}

.button__secondary:active,
.button__secondary:focus,
input[type=submit].button__secondary:active,
input[type=submit].button__secondary:focus,
button.button__secondary:active,
button.button__secondary:focus {
    background: #1c6e2b;
    border: 2px solid #1c6e2b
}

.button__secondary--border,
input[type=submit].button__secondary--border,
button.button__secondary--border {
    background: white;
    min-height: 52px;
    color: #4DB849;
    border: 2px solid #4DB849
}

.button__secondary--border:hover,
input[type=submit].button__secondary--border:hover,
button.button__secondary--border:hover {
    background: white;
    color: #26973B;
    border: 2px solid #26973B
}

.button__secondary--border:active,
.button__secondary--border:focus,
input[type=submit].button__secondary--border:active,
input[type=submit].button__secondary--border:focus,
button.button__secondary--border:active,
button.button__secondary--border:focus {
    color: #1c6e2b;
    border: 2px solid #1c6e2b
}

.button--neutral,
input[type=submit].button--neutral,
button.button--neutral {
    background: #ccd6d2;
    color: #3f4542
}

.button--neutral:hover,
input[type=submit].button--neutral:hover,
button.button--neutral:hover {
    background: #aebbb6;
    color: #3f4542
}

.button--neutral:active,
.button--neutral:focus,
input[type=submit].button--neutral:active,
input[type=submit].button--neutral:focus,
button.button--neutral:active,
button.button--neutral:focus {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2)
}

.button--success,
input[type=submit].button--success,
button.button--success {
    background-color: #39b924;
    color: #fff
}

.button--success:hover,
input[type=submit].button--success:hover,
button.button--success:hover {
    background-color: #249c11;
    color: #fff
}

.button--success:active,
.button--success:focus,
input[type=submit].button--success:active,
input[type=submit].button--success:focus,
button.button--success:active,
button.button--success:focus {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2)
}

.button--alert,
input[type=submit].button--alert,
button.button--alert {
    background-color: #ce731b;
    color: #fff
}

.button--alert:hover,
input[type=submit].button--alert:hover,
button.button--alert:hover {
    background-color: #d33e09;
    color: #fff
}

.button--alert:active,
.button--alert:focus,
input[type=submit].button--alert:active,
input[type=submit].button--alert:focus,
button.button--alert:active,
button.button--alert:focus {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2)
}

.toon-onderwerpen {
    background: #fff url(images/icons/toon_onderwerpen.png) no-repeat;
    background-position: 95% -7px;
    font-family: "Netto Pro", Calibri, arial, sans-serif;
    font-size: 18px;
    line-height: 1em;
    font-weight: bold;
    color: #4DB849;
    border: 2px solid #4DB849;
    border-radius: 5px;
    padding: 14px 18px;
    display: block
}

.toon-onderwerpen:hover {
    background: #fff url(images/icons/toon_onderwerpen.png) no-repeat;
    background-position: 95% -67px;
    color: #26973B;
    border: 2px solid #26973B
}

.toon-onderwerpen:active,
.toon-onderwerpen:focus {
    background: #fff url(images/icons/toon_onderwerpen.png) no-repeat;
    background-position: 95% -127px;
    color: #1c6e2b;
    border: 2px solid #1c6e2b
}

.new_window_icon {
    background: url(images/icons/new_window_icon.png) no-repeat;
    background-position: right 7px;
    padding-right: 18px
}

::-webkit-input-placeholder {
    color: #666
}

:-moz-placeholder {
    color: #666
}

::-moz-placeholder {
    color: #666
}

:-ms-input-placeholder {
    color: #666
}

input[type=search] {
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

input[type=text],
input[type=number],
input[type=password],
input[type=search],
input[type=email],
input[type=tel],
input[type=url],
input[type=file],
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #CCC;
    color: inherit;
    display: block;
    font-family: Calibri, arial, sans-serif;
    font-size: 18px;
    line-height: 1.2em;
    margin: 0;
    padding: 0.5em;
    vertical-align: baseline;
    width: 100%;
    border-radius: 4px;
    -webkit-transition: border 100ms;
    -moz-transition: border 100ms;
    transition: border 100ms
}

input[type=text]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=file]:focus,
textarea:focus,
select:focus {
    border: 2px solid #6bbbe3;
    box-shadow: none;
    outline: 0
}

input[type=radio] {
    vertical-align: 3px;
    margin-right: 6px
}

.wm-field-input>.field {
    margin-bottom: 2px
}

.formbutton {
    margin-top: 12px
}

textarea {
    display: block;
    overflow: auto;
    resize: vertical;
    vertical-align: top
}

select {
    -webkit-appearance: menulist;
    height: 2.85em;
    background: white
}

legend {
    border: 0;
    display: block
}

ul.form {
    list-style: none;
    margin: 0 0 1em 0
}

ul.form>li:before,
ul.form>li:after {
    content: "";
    display: table
}

ul.form>li:after {
    clear: both
}

ul.form>li>label {
    clear: left;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    padding-top: 0.5em;
    text-align: left
}

@media (min-width: 590px) {
    ul.form>li>label {
        float: left;
        width: 31.25%;
        margin-left: 0%;
        margin-right: 2.0833333333%;
        text-align: right
    }
}

.ie-8 ul.form>li>label {
    float: left;
    width: 31.25%;
    margin-left: 0%;
    margin-right: 2.0833333333%;
    text-align: right
}

ul.form>li>label:hover {
    color: #232725
}

ul.form div.form--fields {
    margin-bottom: 0.5em
}

@media (min-width: 590px) {
    ul.form div.form--fields {
        float: left;
        width: 66.6666666667%;
        margin-left: 0%;
        margin-right: 0%
    }
}

.ie-8 ul.form div.form--fields {
    float: left;
    width: 66.6666666667%;
    margin-left: 0%;
    margin-right: 0%
}

ul.form div.form--fields p,
ul.form div.form--fields small {
    display: block;
    margin: 0.25em 0
}

ul.form div.form--fields p.form--description {
    margin: 0.5em 0
}

ul.form--checklist {
    list-style: none;
    margin: 0.5em 0
}

ul.form--checklist li {
    margin: 0.5em 0
}

ul.form--checklist input {
    margin-right: 0.5em
}

ul.form--checklist label {
    cursor: pointer
}

ul.form--checklist label:hover {
    color: #232725
}

li.form--error label {
    color: #ce731b
}

li.form--error label:hover {
    color: #d33e09
}

li.form--error input,
li.form--error input:focus {
    border: 1px solid #ce731b;
    box-shadow: 0px 0px 3px #ce731b
}

li.form--error ul.form--errors {
    color: #ce731b;
    list-style: none;
    margin: 0.25em 0
}

li.form--error ul.form--errors li {
    font-size: 0.875em
}

.form-default .wm-field-label {
    clear: left;
    cursor: pointer;
    display: inline-block;
    color: #666;
    padding-top: 0.5em;
    text-align: left
}

@media (min-width: 590px) {
    .form-default .wm-field-label {
        float: left;
        width: 31.25%;
        margin-left: 0%;
        margin-right: 2.0833333333%
    }
}

.ie-8 .form-default .wm-field-label {
    float: left;
    width: 31.25%;
    margin-left: 0%;
    margin-right: 2.0833333333%
}

.form-default .wm-field-label:hover {
    color: #232725
}

.form-default .wm-field-label .required {
    color: #CE731B
}

.form-default .wm-field-input {
    margin-bottom: 0.5em;
    color: #666
}

@media (min-width: 590px) {
    .form-default .wm-field-input {
        float: left;
        width: 66.6666666667%;
        margin-left: 0%;
        margin-right: 0%
    }
}

.ie-8 .form-default .wm-field-input {
    float: left;
    width: 66.6666666667%;
    margin-left: 0%;
    margin-right: 0%
}

.form-default .wm-field-input .wmradio_checkbox_item_label {
    vertical-align: text-top
}

.form-default .wm-field-input input[type=file] {
    padding: 14px 0 6px 60px
}

.form-default .wm-field-input #wmformfragment_upload::-webkit-file-upload-button {
    visibility: hidden
}

.form-default .wm-field-input #wmformfragment_upload::before {
    content: 'Upload bestand';
    display: inline-block;
    background: #CCC;
    border-radius: 4px 0 0 4px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    line-height: 1.5em;
    margin: -14px 0px -6px -62px;
    padding: 0.5em 0.75em;
    text-decoration: none;
    vertical-align: bottom
}

.form-default .wm-field-input #wmformfragment_upload:hover::before {
    color: #000
}

.form-default .wm-field-input #wmformfragment_upload:active::before {
    background: #6bbbe3
}

.form-default .error-message ul {
    list-style: none;
    margin: 0
}

.form-default .error-message ul li {
    font-style: italic;
    color: #ce731b;
    text-align: left
}

.form-default .formbutton {
    float: left;
    margin: 6px 12px 6px 0
}

.ui-datepicker {
    background: white;
    border: solid 2px #CCC;
    border-radius: 4px;
    padding: 12px
}

.ui-datepicker .ui-datepicker-next {
    float: right
}

.ui-datepicker .ui-datepicker-month {
    width: 60%;
    display: inline-block;
    margin: 0 5% 12px 0
}

.ui-datepicker .ui-datepicker-year {
    width: 35%;
    display: inline-block;
    margin: 0 0 12px 0
}

.ui-datepicker .ui-datepicker-calendar td {
    padding: 0
}

.ui-datepicker .ui-datepicker-calendar td .ui-state-default {
    padding: 0.5em;
    display: block;
    text-align: center
}

.ui-datepicker .ui-datepicker-calendar td .ui-state-default:hover {
    color: #000
}

.ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-active {
    color: white;
    background: #6bbbe3
}

.wm-field-helptext {
    display: block;
    margin: 0.25em 0
}

input[type=radio] {
    margin: 6px 6px 0 0;
    float: left
}

.list__menu,
#navigation {
    list-style: none;
    margin: 0 auto 0 -14px;
    max-width: 1200px;
    background: #E7F7FC;
    color: #009FD8
}

.list__menu li,
#navigation li {
    display: block;
    background: url(images/icons/Arrow.png) no-repeat;
    background-position: right center;
    padding: 0 0 0 12px;
    vertical-align: top
}

.list__menu li a,
#navigation li a {
    padding: 12px 0;
    margin: 0;
    color: #1398C8;
    display: block;
    font-size: 18px;
    border-bottom: 1px solid #D1EDF7
}

.list__menu li a:hover,
#navigation li a:hover {
    text-decoration: underline
}

.list__menu li a:focus,
.list__menu li a:active,
#navigation li a:focus,
#navigation li a:active {
    color: black;
    text-decoration: underline
}

.list__menu li:last-child a,
#navigation li:last-child a {
    border-bottom: none
}

@media (min-width: 590px) {
    .list__menu li,
    #navigation li {
        display: inline-block;
        width: 48.9417989418%;
        background-position: 14px 13px
    }
    .list__menu li a,
    #navigation li a {
        border-bottom: none;
        padding: 4px 0 4px 16px
    }
}

.ie-8 .list__menu li,
.ie-8 #navigation li {
    display: inline-block;
    width: 48.9417989418%;
    background-position: 14px 13px
}

.ie-8 .list__menu li a,
.ie-8 #navigation li a {
    border-bottom: none;
    padding: 4px 0 4px 16px
}

@media (min-width: 769px) {
    .list__menu li,
    #navigation li {
        width: 31.746031746%
    }
}

.ie-8 .list__menu li,
.ie-8 #navigation li {
    width: 31.746031746%
}

@media (min-width: 960px) {
    .list__menu li,
    #navigation li {
        width: 32.2916666667%
    }
}

.ie-8 .list__menu li,
.ie-8 #navigation li {
    width: 32.2916666667%
}

@media (min-width: 1220px) {
    .list__menu li,
    #navigation li {
        width: 26.6666666667%
    }
}

.ie-8 .list__menu li,
.ie-8 #navigation li {
    width: 26.6666666667%
}

.modiv-toptaak {
    margin: 18px auto;
    width: 100%
}

@media (min-width: 769px) {
    .modiv-toptaak {
        width: 75%
    }
}

.ie-8 .modiv-toptaak {
    width: 75%
}

@media (min-width: 960px) {
    .modiv-toptaak {
        width: 68.3333333333%
    }
}

.ie-8 .modiv-toptaak {
    width: 68.3333333333%
}

.modiv-toptaak .item {
    width: 100%;
    margin: 0 0 6px 0;
    padding: 18px 6px 18px 18px;
    max-height: 129px;
    background: #3AA742;
    border-radius: 12px;
    vertical-align: top
}

.modiv-toptaak .item:hover {
    background: #26973B;
    cursor: pointer
}

.modiv-toptaak .item:active,
.modiv-toptaak .item:focus {
    background: #1c6e2b
}

.modiv-toptaak .item a {
    display: block;
    text-align: left;
    color: white;
    font-size: 18px;
    line-height: 21px;
    font-weight: bold;
    font-family: "Netto Pro", Calibri, arial, sans-serif
}

.modiv-toptaak .item img {
    max-height: 30px;
    float: left;
    margin: -4px 12px 0 0
}

@media (min-width: 590px) {
    .modiv-toptaak .item {
        float: left;
        width: 47%;
        margin: 0 0.8% 0.8% 0;
        padding: 20px 12px 28px 12px
    }
    .modiv-toptaak .item:nth-child(2n+1) {
        margin-left: 18px
    }
    .modiv-toptaak .item:nth-child(2n+2) {
        margin-right: 0
    }
    .modiv-toptaak .item a {
        text-align: center;
        border-radius: 18px
    }
    .modiv-toptaak .item img {
        max-height: none;
        float: none;
        margin: 0 auto;
        display: block
    }
}

.ie-8 .modiv-toptaak .item {
    float: left;
    width: 47%;
    margin: 0 0.8% 0.8% 0;
    padding: 20px 12px 28px 12px
}

.ie-8 .modiv-toptaak .item:nth-child(2n+1) {
    margin-left: 18px
}

.ie-8 .modiv-toptaak .item:nth-child(2n+2) {
    margin-right: 0
}

.ie-8 .modiv-toptaak .item a {
    text-align: center;
    border-radius: 18px
}

.ie-8 .modiv-toptaak .item img {
    max-height: none;
    float: none;
    margin: 0 auto;
    display: block
}

@media (min-width: 769px) {
    .modiv-toptaak .item {
        width: 32.6829268293%
    }
    .modiv-toptaak .item:nth-child(2n+1) {
        margin-left: 0
    }
    .modiv-toptaak .item:nth-child(2n+2) {
        margin-right: 0.8%
    }
    .modiv-toptaak .item:nth-child(3n+3) {
        margin-right: 0
    }
}

.ie-8 .modiv-toptaak .item {
    width: 32.6829268293%
}

.ie-8 .modiv-toptaak .item:nth-child(2n+1) {
    margin-left: 0
}

.ie-8 .modiv-toptaak .item:nth-child(2n+2) {
    margin-right: 0.8%
}

.ie-8 .modiv-toptaak .item:nth-child(3n+3) {
    margin-right: 0
}

.header_bottom .pages-wrapper {
    margin-top: 12px
}

.header_bottom .pages-wrapper .page {
    display: block;
    background: url(images/icons/Arrow.png) no-repeat;
    background-position: right center;
    padding: 0;
    vertical-align: top
}

.header_bottom .pages-wrapper .page a {
    padding: 12px 0;
    margin: 0;
    color: #1398C8;
    display: block;
    font-size: 18px;
    border-bottom: 1px solid #D1EDF7
}

.header_bottom .pages-wrapper .page a:hover {
    text-decoration: underline
}

.header_bottom .pages-wrapper .page a:focus,
.header_bottom .pages-wrapper .page a:active {
    color: black;
    text-decoration: underline
}

.header_bottom .pages-wrapper .page:first-child a {
    border-top: 1px solid #D1EDF7
}

@media (min-width: 590px) {
    .header_bottom .pages-wrapper .page {
        display: inline-block;
        width: 49.1525423729%;
        background-position: left 13px
    }
    .header_bottom .pages-wrapper .page a {
        border-bottom: none;
        padding: 4px 0 4px 16px
    }
    .header_bottom .pages-wrapper .page:first-child a {
        border-top: none
    }
}

.ie-8 .header_bottom .pages-wrapper .page {
    display: inline-block;
    width: 49.1525423729%;
    background-position: left 13px
}

.ie-8 .header_bottom .pages-wrapper .page a {
    border-bottom: none;
    padding: 4px 0 4px 16px
}

.ie-8 .header_bottom .pages-wrapper .page:first-child a {
    border-top: none
}

@media (min-width: 769px) {
    .header_bottom .pages-wrapper .page {
        width: 32.2916666667%
    }
}

.ie-8 .header_bottom .pages-wrapper .page {
    width: 32.2916666667%
}

.content_page .block-linklist h2 {
    color: black;
    font-size: 30px;
    margin-bottom: 0.5em
}

@media (min-width: 590px) {
    .content_page .block-linklist h2 {
        font-size: 33px
    }
}

.ie-8 .content_page .block-linklist h2 {
    font-size: 33px
}

.content_page .block-linklist ul {
    list-style: none;
    margin: 0 0 26px 0
}

.content_page .block-linklist ul li {
    display: block;
    background: url(images/icons/Arrow.png) no-repeat;
    background-position: right center;
    vertical-align: top
}

.content_page .block-linklist ul li a {
    padding: 12px 0;
    margin: 0;
    color: #1398C8;
    display: block;
    font-size: 18px;
    border-bottom: 1px solid #D1EDF7
}

.content_page .block-linklist ul li a:hover {
    text-decoration: underline
}

.content_page .block-linklist ul li a:focus,
.content_page .block-linklist ul li a:active {
    color: black;
    text-decoration: underline
}

.content_page .block-linklist ul li:first-child a {
    border-top: 1px solid #D1EDF7
}

@media (min-width: 590px) {
    .content_page .block-linklist ul li {
        display: inline-block;
        width: 40%;
        margin-right: 9.5%;
        background-position: left 13px
    }
    .content_page .block-linklist ul li a {
        border-bottom: none;
        padding: 4px 0 4px 16px
    }
    .content_page .block-linklist ul li:first-child a {
        border-top: none
    }
    .content_page .block-linklist ul li:nth-child(2n+2) {
        margin-right: 0
    }
    .content_page .block-linklist ul li:nth-child(3n+3) {
        margin-right: 9.5%
    }
}

.ie-8 .content_page .block-linklist ul li {
    display: inline-block;
    width: 40%;
    margin-right: 9.5%;
    background-position: left 13px
}

.ie-8 .content_page .block-linklist ul li a {
    border-bottom: none;
    padding: 4px 0 4px 16px
}

.ie-8 .content_page .block-linklist ul li:first-child a {
    border-top: none
}

.ie-8 .content_page .block-linklist ul li:nth-child(2n+2) {
    margin-right: 0
}

.ie-8 .content_page .block-linklist ul li:nth-child(3n+3) {
    margin-right: 9.5%
}

@media (min-width: 960px) {
    .content_page .block-linklist ul li {
        width: 30%;
        margin-right: 4.5%
    }
    .content_page .block-linklist ul li:nth-child(2n+2) {
        margin-right: 4.5%
    }
    .content_page .block-linklist ul li:nth-child(3n+3) {
        margin-right: 0
    }
}

.ie-8 .content_page .block-linklist ul li {
    width: 30%;
    margin-right: 4.5%
}

.ie-8 .content_page .block-linklist ul li:nth-child(2n+2) {
    margin-right: 4.5%
}

.ie-8 .content_page .block-linklist ul li:nth-child(3n+3) {
    margin-right: 0
}

.list__breadcrumb,
.path-default ul {
    list-style: none;
    margin: 0
}

.list__breadcrumb li,
.path-default ul li {
    display: inline-block
}

.list__breadcrumb li a,
.path-default ul li a {
    color: white
}

.list__breadcrumb li a:hover,
.path-default ul li a:hover {
    text-decoration: underline
}

.list__breadcrumb li a:focus,
.list__breadcrumb li a:active,
.path-default ul li a:focus,
.path-default ul li a:active {
    color: black
}

.list__breadcrumb>li+li:before,
.path-default ul>li+li:before {
    padding: 0 5px;
    color: white;
    font-weight: bold;
    content: "\003e"
}

.list__onderwerpen__detail {
    list-style: none;
    margin: 0
}

.list__onderwerpen__detail li {
    display: block
}

.list__onderwerpen__detail li a {
    display: block;
    color: black;
    border-bottom: 2px solid transparent
}

.list__onderwerpen__detail li a h3 {
    color: #009FD8
}

.list__onderwerpen__detail li a p.read__more {
    color: #009FD8;
    text-decoration: underline
}

.list__onderwerpen__detail li a:hover {
    color: black;
    border-bottom: 2px solid black
}

.list__onderwerpen__detail li a:hover h3 {
    color: black
}

.list__onderwerpen__detail li a:hover p.read__more {
    color: black
}

@media (min-width: 590px) {
    .list__onderwerpen__detail li {
        display: inline-block;
        margin-top: 36px;
        padding-right: 48px;
        width: 32.2916666667%
    }
}

.ie-8 .list__onderwerpen__detail li {
    display: inline-block;
    margin-top: 36px;
    padding-right: 48px;
    width: 32.2916666667%
}

.modiv-product_blokken {
    margin: 0
}

.modiv-product_blokken .item {
    display: block;
    padding: 0;
    vertical-align: top
}

.modiv-product_blokken .item a {
    padding: 12px;
    margin: 0;
    color: #1398C8;
    display: block;
    font-size: 18px;
    border: 2px solid #bfeaf8;
    border-radius: 5px;
    margin: 0 0 6px 0
}

.modiv-product_blokken .item a h3 {
    color: #009FD8;
    font-family: Calibri, arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 0;
    line-height: 27px
}

.modiv-product_blokken .item a:hover h3 {
    text-decoration: underline
}

.modiv-product_blokken .item a:focus,
.modiv-product_blokken .item a:active {
    color: black;
    text-decoration: underline
}

.modiv-product_blokken .item p {
    display: none
}

@media (min-width: 590px) {
    .modiv-product_blokken .item {
        display: inline-block;
        margin-top: 30px;
        width: 44%;
        margin-right: 9.5%;
        background: none
    }
    .modiv-product_blokken .item:nth-child(2n+2) {
        margin-right: 0
    }
    .modiv-product_blokken .item:nth-child(3n+3) {
        margin-right: 9.5%
    }
    .modiv-product_blokken .item p {
        display: block
    }
    .modiv-product_blokken .item a {
        color: black;
        border: none;
        border-radius: 0;
        margin: 0;
        padding: 0;
        border-bottom: 2px solid transparent
    }
    .modiv-product_blokken .item a h3 {
        color: #009FD8;
        font-family: "Netto Pro", Calibri, arial, sans-serif;
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 0.5em;
        line-height: 1.2em
    }
    .modiv-product_blokken .item a p.read__more,
    .modiv-product_blokken .item a .morelink {
        color: #009FD8;
        text-decoration: underline;
        display: block;
        margin: 14px 0 30px 0
    }
    .modiv-product_blokken .item a:hover {
        color: black;
        border-bottom: 2px solid black
    }
    .modiv-product_blokken .item a:hover h3 {
        color: black
    }
    .modiv-product_blokken .item a:hover p.read__more,
    .modiv-product_blokken .item a:hover .morelink {
        color: black
    }
}

.ie-8 .modiv-product_blokken .item {
    display: inline-block;
    margin-top: 30px;
    width: 44%;
    margin-right: 9.5%;
    background: none
}

.ie-8 .modiv-product_blokken .item:nth-child(2n+2) {
    margin-right: 0
}

.ie-8 .modiv-product_blokken .item:nth-child(3n+3) {
    margin-right: 9.5%
}

.ie-8 .modiv-product_blokken .item p {
    display: block
}

.ie-8 .modiv-product_blokken .item a {
    color: black;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    border-bottom: 2px solid transparent
}

.ie-8 .modiv-product_blokken .item a h3 {
    color: #009FD8;
    font-family: "Netto Pro", Calibri, arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0.5em;
    line-height: 1.2em
}

.ie-8 .modiv-product_blokken .item a p.read__more,
.ie-8 .modiv-product_blokken .item a .morelink {
    color: #009FD8;
    text-decoration: underline;
    display: block;
    margin: 14px 0 30px 0
}

.ie-8 .modiv-product_blokken .item a:hover {
    color: black;
    border-bottom: 2px solid black
}

.ie-8 .modiv-product_blokken .item a:hover h3 {
    color: black
}

.ie-8 .modiv-product_blokken .item a:hover p.read__more,
.ie-8 .modiv-product_blokken .item a:hover .morelink {
    color: black
}

@media (min-width: 960px) {
    .modiv-product_blokken .item {
        width: 30%;
        margin-right: 4.5%
    }
    .modiv-product_blokken .item:nth-child(2n+2) {
        margin-right: 4.5%
    }
    .modiv-product_blokken .item:nth-child(3n+3) {
        margin-right: 0
    }
}

.ie-8 .modiv-product_blokken .item {
    width: 30%;
    margin-right: 4.5%
}

.ie-8 .modiv-product_blokken .item:nth-child(2n+2) {
    margin-right: 4.5%
}

.ie-8 .modiv-product_blokken .item:nth-child(3n+3) {
    margin-right: 0
}

.product-accordion-body ul,
.article-default ul {
    list-style: none;
    margin: 0
}

.product-accordion-body ul li,
.article-default ul li {
    display: block;
    background: url(images/icons/Arrow.png) no-repeat;
    background-position: left 13px;
    vertical-align: top;
    padding: 4px 0 4px 16px;
    margin-bottom: 6px
}

ul.bullets {
    margin: 0 0 1em 1.5em;
    list-style: disc
}

ul.bullets li {
    display: list-item;
    padding: 4px 0;
    margin-bottom: 6px;
    background: none
}

.listbulleted-list__check ul {
    list-style: none;
    margin: 0
}

.listbulleted-list__check ul li {
    display: block;
    background: url(images/icons/Check.png) no-repeat;
    background-position: left 12px;
    padding: 5px 5px 5px 36px;
    margin-bottom: 6px
}

.listordered-list__icons ol {
    counter-reset: numList;
    margin: 0;
    padding: 0 0 0 36px;
    display: block
}

.listordered-list__icons ol li {
    position: relative;
    margin: 0 0 18px 0
}

.listordered-list__icons ol li:before {
    counter-increment: numList;
    content: counter(numList);
    float: left;
    position: absolute;
    left: -36px;
    text-align: center;
    color: white;
    line-height: 18px;
    width: 28px;
    height: 28px;
    background: #00762E;
    padding: 4px;
    -moz-border-radius: 999px;
    border-radius: 999px
}

.modiv-newsitem .item {
    width: 100%;
    display: block;
    clear: both;
    margin-bottom: 24px
}

.modiv-newsitem .item:hover {
    cursor: pointer
}

.modiv-newsitem .item .thumb {
    width: 100%;
    float: none;
    margin-right: 0
}

.modiv-newsitem .item .title,
.modiv-newsitem .item .date,
.modiv-newsitem .item .text {
    float: none;
    width: 100%
}

.modiv-newsitem .item .title {
    font-family: "Netto Pro", Calibri, arial, sans-serif;
    font-weight: bold;
    font-size: 24px;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto
}

.modiv-newsitem .item .date {
    color: #666;
    margin-bottom: 0.25em
}

.modiv-newsitem .item .text a {
    text-decoration: underline
}

.modiv-newsitem .item .text a:hover {
    text-decoration: none
}

.modiv-newsitem .item .clearer {
    clear: both
}

.modiv-newsitem .item.item__full .thumb {
    display: none
}

.modiv-newsitem .item.item__full title,
.modiv-newsitem .item.item__full .date,
.modiv-newsitem .item.item__full .text {
    float: none;
    width: 100%
}

@media (min-width: 590px) {
    .modiv-newsitem .item .thumb {
        width: 25.6%;
        float: left;
        margin-right: 3%
    }
    .modiv-newsitem .item .title,
    .modiv-newsitem .item .date,
    .modiv-newsitem .item .text {
        float: right;
        width: 70.6666666667%
    }
}

.ie-8 .modiv-newsitem .item .thumb {
    width: 25.6%;
    float: left;
    margin-right: 3%
}

.ie-8 .modiv-newsitem .item .title,
.ie-8 .modiv-newsitem .item .date,
.ie-8 .modiv-newsitem .item .text {
    float: right;
    width: 70.6666666667%
}

.list__footer__nav,
.footer-sitewidepages ul {
    list-style: none;
    margin: 0
}

.list__footer__nav li a,
.footer-sitewidepages ul li a {
    padding: 6px 12px;
    color: #009FD8;
    display: block
}

.list__footer__nav li a:hover,
.footer-sitewidepages ul li a:hover {
    text-decoration: underline
}

.list__footer__nav li a:focus,
.list__footer__nav li a:active,
.footer-sitewidepages ul li a:focus,
.footer-sitewidepages ul li a:active {
    color: black;
    text-decoration: underline
}

@media (min-width: 590px) {
    .list__footer__nav li,
    .footer-sitewidepages ul li {
        float: left
    }
    .list__footer__nav li a,
    .footer-sitewidepages ul li a {
        padding: 21px 12px
    }
}

.ie-8 .list__footer__nav li,
.ie-8 .footer-sitewidepages ul li {
    float: left
}

.ie-8 .list__footer__nav li a,
.ie-8 .footer-sitewidepages ul li a {
    padding: 21px 12px
}

ul.messages,
div.message {
    list-style: none;
    margin: 0
}

li.message,
div.message,
.block-melding,
li.message--neutral,
div.message--neutral,
li.message--success,
div.message--success,
div.message--alert,
.message__wrap,
#embhl div.message--alert,
#embhl .message__wrap {
    border-radius: 0.125em;
    margin-bottom: 0.25em;
    padding: 0.5em 0.75em;
    vertical-align: baseline;
    background: none
}

li.message,
div.message,
.block-melding {
    color: #fff;
    margin: 0 auto;
    max-width: 720px;
    line-height: 27px
}

li.message img,
div.message img,
.block-melding img {
    float: left;
    margin-right: 12px
}

li.message p,
div.message p,
.block-melding p {
    float: left;
    width: 80%;
    margin: 0
}

@media (min-width: 769px) {
    li.message p,
    div.message p,
    .block-melding p {
        width: 86%
    }
}

.ie-8 li.message p,
.ie-8 div.message p,
.ie-8 .block-melding p {
    width: 86%
}

@media (min-width: 960px) {
    li.message p,
    div.message p,
    .block-melding p {
        width: 89%
    }
}

.ie-8 li.message p,
.ie-8 div.message p,
.ie-8 .block-melding p {
    width: 89%
}

li.message a,
div.message a,
.block-melding a {
    color: white;
    text-decoration: underline
}

li.message a:hover,
div.message a:hover,
.block-melding a:hover {
    text-decoration: none
}

li.message a:active,
li.message a:focus,
div.message a:active,
div.message a:focus,
.block-melding a:active,
.block-melding a:focus {
    color: black
}

li.message--neutral,
div.message--neutral {
    background: #ccd6d2;
    color: #3f4542
}

li.message--success,
div.message--success {
    background: #39b924;
    color: #fff
}

div.message--alert,
.message__wrap {
    background: #ce731b;
    color: #fff
}

#embhl li.message,
#embhl div.message,
#embhl .block-melding {
    color: black
}

#embhl li.message a,
#embhl div.message a,
#embhl .block-melding a {
    color: #009FD8;
    text-decoration: underline
}

#embhl li.message a:hover,
#embhl div.message a:hover,
#embhl .block-melding a:hover {
    text-decoration: none
}

#embhl li.message a:active,
#embhl li.message a:focus,
#embhl div.message a:active,
#embhl div.message a:focus,
#embhl .block-melding a:active,
#embhl .block-melding a:focus {
    color: black
}

#embhl div.message--alert,
#embhl .message__wrap {
    background: white;
    border: 2px solid #ce731b;
    color: black;
    border-radius: 4px;
    padding: 23px 27px;
    margin-bottom: 28px
}

#embhl div.message--alert .icon__alert,
#embhl .message__wrap .icon__alert {
    background: url(images/icons/Melding-orange.png) no-repeat;
    margin-top: 6px
}

.article-default .message__wrap .message--alert {
    background: white;
    padding: 0.5em 0.75em
}

.editableContainer .message__wrap .messages .message--alert {
    padding: 0
}

.editableContainer .message__wrap .messages .message--alert .message {
    padding: 0
}

.paging-default {
    padding: 12px 0
}

.paging-default span {
    color: white;
    font-size: 18px;
    padding: 10px 13px;
    display: inline-block;
    margin-right: -5px;
    background: #3a8a37;
    text-decoration: underline
}

.paging-default span.first,
.paging-default span.prev,
.paging-default span.next,
.paging-default span.last {
    padding: 0;
    margin-right: 0;
    background: none;
    text-decoration: none
}

.paging-default span.more {
    background: #4db849
}

.paging-default .navigation {
    color: white;
    font-size: 18px;
    background: #4db849;
    padding: 10px 13px;
    display: inline-block;
    margin-right: -4px
}

.paging-default .navigation:hover {
    background: #3a8a37
}

.paging-default .navigation span {
    padding: 0;
    margin-right: 0;
    background: none;
    text-decoration: none
}

.quote_wrapper {
    border-left: 2px solid #5EBD5B;
    padding-left: 24px;
    margin: 25px 0
}

.quote_wrapper blockquote {
    color: #00762E;
    font-family: "Netto Pro", Calibri, arial, sans-serif;
    font-style: italic;
    font-size: 18px;
    line-height: 27px;
    position: relative;
    quotes: "“" "”" "‘" "’";
    padding: 12px 0 0 0;
    margin-bottom: -6px
}

.quote_wrapper blockquote:before {
    color: #5EBD5B;
    content: open-quote;
    font-size: 2.8em;
    font-family: Calibri, arial, sans-serif;
    line-height: 0.1em;
    margin-right: 0.1em;
    vertical-align: -0.25em
}

.quote_wrapper blockquote div {
    display: inline
}

.quote_wrapper blockquote:after {
    color: #5EBD5B;
    content: close-quote;
    font-size: 2.8em;
    font-family: Calibri, arial, sans-serif;
    line-height: 0.1em;
    vertical-align: -0.6em
}

.quote_wrapper .text {
    color: #00762E;
    padding-bottom: 6px
}

table {
    border: 1px solid #aebbb6;
    border-collapse: separate;
    border-radius: 0.125em;
    border-spacing: 0;
    margin-bottom: 1em;
    width: 100%
}

thead th {
    background: #fff;
    font-weight: bold;
    padding: 0.5em;
    text-align: left
}

tbody tr:nth-child(2n+2) {
    background: #fff
}

tbody td {
    border-left: 1px solid #ccd6d2;
    border-top: 1px solid #ccd6d2;
    padding: 0.5em
}

tbody td:first-child {
    border-left: 0
}

.icon {
    display: inline-block;
    margin: 0 auto
}

.icon.icon__menu {
    width: 15px;
    height: 15px;
    background: url(images/icons/Menu_small.png) no-repeat;
    background-size: 15px 15px;
    display: inline-block;
    margin: 5px 10px 0 auto;
    float: left
}

.icon.icon__zoeken {
    width: 18px;
    height: 18px;
    background: url(images/icons/Loop.png) no-repeat;
    background-size: 18px 18px;
    display: inline-block;
    margin: 4px 8px 0 auto;
    float: left
}

.icon.icon__alert {
    float: left;
    width: 58px;
    height: 60px;
    background: url(images/icons/Melding.png) no-repeat
}

.icon.icon__speaker {
    width: 20px;
    height: 17px;
    background: url(images/icons/Speaker.png) no-repeat
}

.product-accordion>h4 {
    font-family: Calibri, arial, sans-serif;
    font-size: 21px;
    font-weight: normal;
    display: block;
    position: relative;
    color: #009FD8;
    cursor: pointer;
    margin-bottom: 0;
    padding: 20px 20px 20px 0;
    background: #F3FAFF;
    border-radius: 3px 3px 0 0;
    border-bottom: none
}

.product-accordion>h4:first-child {
    border-top: 1px solid #CFECF9
}

.product-accordion>h4:first-child.active {
    border-top: 1px solid #F3FAFF
}

.product-accordion>h4:hover {
    color: #007BD8
}

.product-accordion>h4:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: -50%;
    width: 100%;
    height: 100%;
    background: #F3FAFF
}

.product-accordion>h4:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 20px;
    height: 26px;
    width: 26px;
    display: block;
    background: url(images/accordion.png) no-repeat;
    background-position: 0 0
}

.product-accordion>h4.in-active {
    background: white;
    border-bottom: 1px solid #CFECF9
}

.product-accordion>h4.in-active:before {
    background: white
}

.product-accordion>h4.in-active:after {
    background: url(images/accordion.png) no-repeat;
    background-position: 0 -26px
}

.product-accordion .product-accordion-body {
    position: relative;
    border-radius: 0 0 3px 3px;
    padding: 11px 60px 20px 0;
    background: #F3FAFF;
    border-bottom: 1px solid #CFECF9
}

.product-accordion .product-accordion-body:before {
    background: #F3FAFF;
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: -50%;
    width: 100%
}

.product-accordion .product-accordion-body h2,
.product-accordion .product-accordion-body h3,
.product-accordion .product-accordion-body h4 {
    color: #333
}

.product-accordion .product-accordion-body h2 {
    font-size: 33px
}

.product-accordion .product-accordion-body h3 {
    font-size: 27px;
    margin-top: 28px;
    margin-bottom: 8px
}

.product-accordion .product-accordion-body h4 {
    font-size: 21px;
    font-family: Calibri, arial, sans-serif;
    font-weight: bold;
    background: none
}

.product-accordion .product-accordion-body h4:before,
.product-accordion .product-accordion-body h4:after {
    display: none
}

.product-accordion .product-accordion-body p {
    margin-bottom: 10px
}

.product-accordion .product-accordion-body ul,
.product-accordion .product-accordion-body ol {
    margin-top: 18px;
    margin-bottom: 18px
}

.product-accordion .product-accordion-body img {
    margin: 18px 0
}

.footer__wrap,
#footer-wrapper {
    background: #EDF9FD
}

.footer__wrap .l-container,
.footer__wrap .footer-default,
#footer-wrapper .l-container,
#footer-wrapper .footer-default {
    max-width: 930px;
    padding: 24px 0 0 0
}

.footer__wrap .footer__social__wrap p,
#footer-wrapper .footer__social__wrap p {
    margin: 0
}

.footer__wrap .socialicons-default,
#footer-wrapper .socialicons-default {
    padding: 0 12px
}

.footer__wrap .footer-block-wrapper,
#footer-wrapper .footer-block-wrapper {
    float: left;
    padding: 0 0 0 1em
}

.footer__wrap .footer-block-wrapper h4,
#footer-wrapper .footer-block-wrapper h4 {
    display: inline-block;
    font-weight: normal;
    font-family: Calibri, arial, sans-serif;
    margin-top: 24px;
    margin-right: 6px;
    float: left
}

.footer__wrap .footer-block-wrapper .block-default,
#footer-wrapper .footer-block-wrapper .block-default {
    display: inline-block;
    vertical-align: -webkit-baseline-middle
}

.footer__wrap .footer-block-wrapper .block-default .image-social_icon,
#footer-wrapper .footer-block-wrapper .block-default .image-social_icon {
    float: left;
    margin-left: 6px
}

.footer__wrap .footer-block-wrapper .block-default .image-social_icon a,
#footer-wrapper .footer-block-wrapper .block-default .image-social_icon a {
    width: 46px;
    height: 74px;
    background: #00ACE9;
    display: block;
    background: url(images/diamond.png) no-repeat;
    background-position: left 0;
    position: relative
}

.footer__wrap .footer-block-wrapper .block-default .image-social_icon a img,
#footer-wrapper .footer-block-wrapper .block-default .image-social_icon a img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -9px
}

.footer__wrap .footer-block-wrapper .block-default .image-social_icon a:hover,
#footer-wrapper .footer-block-wrapper .block-default .image-social_icon a:hover {
    background: url(images/diamond.png) no-repeat;
    background-position: left -74px
}

.footer__wrap .footer-block-wrapper .block-default .image-social_icon a:active,
.footer__wrap .footer-block-wrapper .block-default .image-social_icon a:focus,
#footer-wrapper .footer-block-wrapper .block-default .image-social_icon a:active,
#footer-wrapper .footer-block-wrapper .block-default .image-social_icon a:focus {
    background: url(images/diamond.png) no-repeat;
    background-position: left -148px
}

@media (min-width: 590px) {
    .footer__wrap .footer-sitewidepages ul,
    #footer-wrapper .footer-sitewidepages ul {
        float: none;
        margin-left: 6px
    }
    .footer__wrap #readspeakerlink-container,
    #footer-wrapper #readspeakerlink-container {
        float: left;
        margin-top: 3px;
        margin-left: 18px;
        clear: both;
        padding: 0
    }
    .footer__wrap #readspeakerlink-container .readspeaker_link,
    #footer-wrapper #readspeakerlink-container .readspeaker_link {
        padding: 0 0 0 26px
    }
    .footer__wrap #read_aloud,
    #footer-wrapper #read_aloud {
        float: left;
        clear: none
    }
}

.ie-8 .footer__wrap .footer-sitewidepages ul,
.ie-8 #footer-wrapper .footer-sitewidepages ul {
    float: none;
    margin-left: 6px
}

.ie-8 .footer__wrap #readspeakerlink-container,
.ie-8 #footer-wrapper #readspeakerlink-container {
    float: left;
    margin-top: 3px;
    margin-left: 18px;
    clear: both;
    padding: 0
}

.ie-8 .footer__wrap #readspeakerlink-container .readspeaker_link,
.ie-8 #footer-wrapper #readspeakerlink-container .readspeaker_link {
    padding: 0 0 0 26px
}

.ie-8 .footer__wrap #read_aloud,
.ie-8 #footer-wrapper #read_aloud {
    float: left;
    clear: none
}

@media (min-width: 720px) {
    .footer__wrap #readspeakerlink-container,
    #footer-wrapper #readspeakerlink-container {
        clear: none;
        margin-left: 6px
    }
    .footer__wrap .footer-block-wrapper,
    #footer-wrapper .footer-block-wrapper {
        clear: both
    }
}

@media (min-width: 960px) {
    .footer__wrap .footer-sitewidepages ul,
    #footer-wrapper .footer-sitewidepages ul {
        float: left
    }
    .footer__wrap .footer-block-wrapper,
    #footer-wrapper .footer-block-wrapper {
        float: right;
        padding: 0;
        clear: none
    }
}

.ie-8 .footer__wrap .footer-sitewidepages ul,
.ie-8 #footer-wrapper .footer-sitewidepages ul {
    float: left
}

.ie-8 .footer__wrap .footer-block-wrapper,
.ie-8 #footer-wrapper .footer-block-wrapper {
    float: right;
    padding: 0;
    clear: none
}

.top__wrap .l-container,
.top__wrap #header,
#header-wrapper .l-container,
#header-wrapper #header {
    position: relative;
    height: 140px;
    background: white
}

@media (min-width: 590px) {
    .top__wrap .l-container,
    .top__wrap #header,
    #header-wrapper .l-container,
    #header-wrapper #header {
        height: 110px
    }
}

.ie-8 .top__wrap .l-container,
.ie-8 .top__wrap #header,
.ie-8 #header-wrapper .l-container,
.ie-8 #header-wrapper #header {
    height: 110px
}

.top__wrap .l-container #menu__link,
.top__wrap #header #menu__link,
#header-wrapper .l-container #menu__link,
#header-wrapper #header #menu__link {
    display: none;
    position: absolute;
    left: 6px;
    bottom: 20px;
    color: #666;
    padding: 21px 18px 0 18px;
    border-radius: 5px 5px 0 0;
    font-weight: bold
}

@media (min-width: 1220px) {
    .top__wrap .l-container #menu__link,
    .top__wrap #header #menu__link,
    #header-wrapper .l-container #menu__link,
    #header-wrapper #header #menu__link {
        left: -18px
    }
}

.ie-8 .top__wrap .l-container #menu__link,
.ie-8 .top__wrap #header #menu__link,
.ie-8 #header-wrapper .l-container #menu__link,
.ie-8 #header-wrapper #header #menu__link {
    left: -18px
}

.top__wrap .l-container #menu__link:hover,
.top__wrap #header #menu__link:hover,
#header-wrapper .l-container #menu__link:hover,
#header-wrapper #header #menu__link:hover {
    text-decoration: underline
}

.top__wrap .l-container #menu__link.active,
.top__wrap #header #menu__link.active,
#header-wrapper .l-container #menu__link.active,
#header-wrapper #header #menu__link.active {
    background: #E7F7FC;
    color: #009FD8;
    bottom: 0;
    padding: 18px 21px 20px 18px
}

.top__wrap .l-container #menu__link.active .icon__menu,
.top__wrap #header #menu__link.active .icon__menu,
#header-wrapper .l-container #menu__link.active .icon__menu,
#header-wrapper #header #menu__link.active .icon__menu {
    width: 15px;
    height: 15px;
    background: url(images/icons/Menu_close.png) no-repeat;
    background-size: 15px 15px;
    display: inline-block;
    margin: 6px 10px 0 auto
}

.top__wrap .l-container #logo,
.top__wrap .l-container #header_logo,
.top__wrap #header #logo,
.top__wrap #header #header_logo,
#header-wrapper .l-container #logo,
#header-wrapper .l-container #header_logo,
#header-wrapper #header #logo,
#header-wrapper #header #header_logo {
    position: absolute;
    left: 50%;
    top: 27px;
    width: 240px;
    margin: -5px auto 0 -120px
}

@media (min-width: 590px) {
    .top__wrap .l-container #logo,
    .top__wrap .l-container #header_logo,
    .top__wrap #header #logo,
    .top__wrap #header #header_logo,
    #header-wrapper .l-container #logo,
    #header-wrapper .l-container #header_logo,
    #header-wrapper #header #logo,
    #header-wrapper #header #header_logo {
        width: 300px;
        margin: -5px auto 0 -150px
    }
}

.ie-8 .top__wrap .l-container #logo,
.ie-8 .top__wrap .l-container #header_logo,
.ie-8 .top__wrap #header #logo,
.ie-8 .top__wrap #header #header_logo,
.ie-8 #header-wrapper .l-container #logo,
.ie-8 #header-wrapper .l-container #header_logo,
.ie-8 #header-wrapper #header #logo,
.ie-8 #header-wrapper #header #header_logo {
    width: 300px;
    margin: -5px auto 0 -150px
}

.top__wrap .l-container #logo img,
.top__wrap .l-container #header_logo img,
.top__wrap #header #logo img,
.top__wrap #header #header_logo img,
#header-wrapper .l-container #logo img,
#header-wrapper .l-container #header_logo img,
#header-wrapper #header #logo img,
#header-wrapper #header #header_logo img {
    width: 100%
}

.top__wrap .l-container #search__link,
.top__wrap #header #search__link,
#header-wrapper .l-container #search__link,
#header-wrapper #header #search__link {
    display: none;
    position: absolute;
    right: 18px;
    bottom: 20px;
    color: #666;
    font-weight: bold;
    border-radius: 5px 5px 0 0
}

@media (min-width: 1220px) {
    .top__wrap .l-container #search__link,
    .top__wrap #header #search__link,
    #header-wrapper .l-container #search__link,
    #header-wrapper #header #search__link {
        right: 0
    }
}

.ie-8 .top__wrap .l-container #search__link,
.ie-8 .top__wrap #header #search__link,
.ie-8 #header-wrapper .l-container #search__link,
.ie-8 #header-wrapper #header #search__link {
    right: 0
}

.top__wrap .l-container #search__link.active,
.top__wrap #header #search__link.active,
#header-wrapper .l-container #search__link.active,
#header-wrapper #header #search__link.active {
    background: #E7F7FC;
    color: #009FD8;
    bottom: 0;
    right: 0;
    padding: 18px 18px 20px 18px
}

@media (min-width: 1220px) {
    .top__wrap .l-container #search__link.active,
    .top__wrap #header #search__link.active,
    #header-wrapper .l-container #search__link.active,
    #header-wrapper #header #search__link.active {
        right: -18px
    }
}

.ie-8 .top__wrap .l-container #search__link.active,
.ie-8 .top__wrap #header #search__link.active,
.ie-8 #header-wrapper .l-container #search__link.active,
.ie-8 #header-wrapper #header #search__link.active {
    right: -18px
}

.top__wrap .l-container #search__link.active .icon__zoeken,
.top__wrap #header #search__link.active .icon__zoeken,
#header-wrapper .l-container #search__link.active .icon__zoeken,
#header-wrapper #header #search__link.active .icon__zoeken {
    width: 15px;
    height: 15px;
    background: url(images/icons/Menu_close.png) no-repeat;
    background-size: 15px 15px;
    display: inline-block;
    margin: 6px 10px 0 auto
}

.top__wrap .l-container .block-searchoverall,
.top__wrap #header .block-searchoverall,
#header-wrapper .l-container .block-searchoverall,
#header-wrapper #header .block-searchoverall {
    width: 33.3333333333%;
    background: #E7F7FC;
    padding: 12px 18px;
    position: absolute;
    width: 100%;
    height: 65px;
    right: 0;
    top: 100%;
    z-index: 20
}

@media (min-width: 590px) {
    .top__wrap .l-container .block-searchoverall,
    .top__wrap #header .block-searchoverall,
    #header-wrapper .l-container .block-searchoverall,
    #header-wrapper #header .block-searchoverall {
        width: 500px
    }
}

.ie-8 .top__wrap .l-container .block-searchoverall,
.ie-8 .top__wrap #header .block-searchoverall,
.ie-8 #header-wrapper .l-container .block-searchoverall,
.ie-8 #header-wrapper #header .block-searchoverall {
    width: 500px
}

@media (min-width: 1220px) {
    .top__wrap .l-container .block-searchoverall,
    .top__wrap #header .block-searchoverall,
    #header-wrapper .l-container .block-searchoverall,
    #header-wrapper #header .block-searchoverall {
        right: -18px
    }
}

.ie-8 .top__wrap .l-container .block-searchoverall,
.ie-8 .top__wrap #header .block-searchoverall,
.ie-8 #header-wrapper .l-container .block-searchoverall,
.ie-8 #header-wrapper #header .block-searchoverall {
    right: -18px
}

.top__wrap .l-container .block-searchoverall .sitewidesearch,
.top__wrap #header .block-searchoverall .sitewidesearch,
#header-wrapper .l-container .block-searchoverall .sitewidesearch,
#header-wrapper #header .block-searchoverall .sitewidesearch {
    width: 100%
}

.top__wrap .l-container .block-searchoverall input[type="text"],
.top__wrap .l-container .block-searchoverall input[type="search"],
.top__wrap #header .block-searchoverall input[type="text"],
.top__wrap #header .block-searchoverall input[type="search"],
#header-wrapper .l-container .block-searchoverall input[type="text"],
#header-wrapper .l-container .block-searchoverall input[type="search"],
#header-wrapper #header .block-searchoverall input[type="text"],
#header-wrapper #header .block-searchoverall input[type="search"] {
    width: 100%;
    float: left;
    margin: 0;
    padding: 10px 62px 9px 12px;
    background: #FFF;
    border: none;
    border-radius: 5px;
    color: #666
}

.top__wrap .l-container .block-searchoverall input[type="text"]:focus,
.top__wrap .l-container .block-searchoverall input[type="search"]:focus,
.top__wrap #header .block-searchoverall input[type="text"]:focus,
.top__wrap #header .block-searchoverall input[type="search"]:focus,
#header-wrapper .l-container .block-searchoverall input[type="text"]:focus,
#header-wrapper .l-container .block-searchoverall input[type="search"]:focus,
#header-wrapper #header .block-searchoverall input[type="text"]:focus,
#header-wrapper #header .block-searchoverall input[type="search"]:focus {
    box-shadow: none
}

.top__wrap .l-container .block-searchoverall input[type="submit"],
.top__wrap #header .block-searchoverall input[type="submit"],
#header-wrapper .l-container .block-searchoverall input[type="submit"],
#header-wrapper #header .block-searchoverall input[type="submit"] {
    position: absolute;
    top: 12px;
    right: 18px;
    width: 41px;
    margin: 0;
    padding: 7px 12px;
    font-weight: normal;
    border-radius: 0 5px 5px 0;
    background: #11ACE4 url(images/icons/Loop-white.png) no-repeat;
    background-size: 21px;
    background-position: center center;
    font-weight: bold;
    text-indent: -999em
}

.top__wrap .l-container .block-searchoverall input[type="submit"]:hover,
.top__wrap #header .block-searchoverall input[type="submit"]:hover,
#header-wrapper .l-container .block-searchoverall input[type="submit"]:hover,
#header-wrapper #header .block-searchoverall input[type="submit"]:hover {
    background: #009FD8 url(images/icons/Loop-white.png) no-repeat;
    background-size: 21px;
    background-position: center center
}

.top__wrap .l-container .block-searchoverall input[type="submit"]:active,
.top__wrap .l-container .block-searchoverall input[type="submit"]:focus,
.top__wrap #header .block-searchoverall input[type="submit"]:active,
.top__wrap #header .block-searchoverall input[type="submit"]:focus,
#header-wrapper .l-container .block-searchoverall input[type="submit"]:active,
#header-wrapper .l-container .block-searchoverall input[type="submit"]:focus,
#header-wrapper #header .block-searchoverall input[type="submit"]:active,
#header-wrapper #header .block-searchoverall input[type="submit"]:focus {
    background: #007BD8 url(images/icons/Loop-white.png) no-repeat;
    background-size: 21px;
    background-position: center center
}

.top__wrap .l-container .block-searchoverall .close,
.top__wrap #header .block-searchoverall .close,
#header-wrapper .l-container .block-searchoverall .close,
#header-wrapper #header .block-searchoverall .close {
    position: absolute;
    top: 12px;
    right: 18px;
    display: none;
    padding: 7px 12px;
    background: #11ACE4;
    font-weight: bold;
    color: #FFF;
    border-radius: 5px
}

.top__wrap .l-container .block-searchoverall .close:hover,
.top__wrap #header .block-searchoverall .close:hover,
#header-wrapper .l-container .block-searchoverall .close:hover,
#header-wrapper #header .block-searchoverall .close:hover {
    background: #009FD8
}

.menu__wrap,
.navigation-default {
    background: #E7F7FC;
    padding: 0;
    width: 100%
}

@media (min-width: 590px) {
    .menu__wrap,
    .navigation-default {
        padding: 12px 0 18px 0
    }
}

.ie-8 .menu__wrap,
.ie-8 .navigation-default {
    padding: 12px 0 18px 0
}

.header_wrap {
    position: relative;
    overflow: hidden
}

.header_wrap .header_top {
    background: #4DB849;
    width: 100%;
    display: block
}

@media (min-width: 960px) {
    .header_wrap .header_top {
        background: url(images/header_top.png) no-repeat center bottom
    }
}

.ie-8 .header_wrap .header_top {
    background: url(images/header_top.png) no-repeat center bottom
}

.header_wrap .header_left {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    z-index: -20
}

.header_wrap .header_right {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    z-index: -20
}

.header_wrap .header_bottom {
    background: white;
    width: 100%;
    display: block;
    padding: 1em
}

@media (min-width: 960px) {
    .header_wrap .header_bottom {
        min-height: 285px;
        background: url(images/header_bottom.png) no-repeat center top
    }
}

.ie-8 .header_wrap .header_bottom {
    min-height: 285px;
    background: url(images/header_bottom.png) no-repeat center top
}

.header_wrap .header_bottom .l-container {
    max-width: 960px
}

.header_wrap .header_bottom .block-submenu {
    max-width: 960px;
    padding: 12px 0 22px 0
}

@media (min-width: 590px) {
    .header_wrap .header_bottom .block-submenu {
        padding: 38px 0 22px 0
    }
}

.ie-8 .header_wrap .header_bottom .block-submenu {
    padding: 38px 0 22px 0
}

.skiplinks {
    display: none
}

.ui-autocomplete {
    background: #E7F7FC;
    border-radius: 0 0 3px 3px;
    padding: 12px 0
}

@media (min-width: 590px) {
    .ui-autocomplete {
        max-width: 423px
    }
}

.ie-8 .ui-autocomplete {
    max-width: 423px
}

.ui-autocomplete li {
    display: block;
    color: #1398C8
}

.ui-menu .ui-menu-item {
    padding: 6px 12px
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: none;
    background: #bae8f6;
    font-weight: normal;
    color: #666;
    cursor: pointer
}

.block-toptaken {
    padding: 12px 18px
}

@media (min-width: 590px) {
    .block-toptaken {
        padding: 18px 0 29px 0
    }
}

.ie-8 .block-toptaken {
    padding: 18px 0 29px 0
}

.header_bottom .block-submenu {
    padding: 56px 0 40px 0
}

@media (min-width: 590px) {
    .sidebar__wrap .block-default {
        width: 49%;
        display: inline-block
    }
    .sidebar__wrap .block-default:nth-child(2n+2) {
        margin-left: 2%
    }
}

.ie-8 .sidebar__wrap .block-default {
    width: 49%;
    display: inline-block
}

.ie-8 .sidebar__wrap .block-default:nth-child(2n+2) {
    margin-left: 2%
}

@media (min-width: 769px) {
    .sidebar__wrap .block-default {
        width: 100%;
        display: block
    }
    .sidebar__wrap .block-default:nth-child(2n+2) {
        margin-left: 0
    }
}

.ie-8 .sidebar__wrap .block-default {
    width: 100%;
    display: block
}

.ie-8 .sidebar__wrap .block-default:nth-child(2n+2) {
    margin-left: 0
}

.sidebar__wrap .block-default a {
    background: white;
    margin: 0 0 6px 0;
    border: 2px solid #bfeaf8;
    border-radius: 5px;
    width: 100%;
    padding: 12px;
    display: block
}

@media (min-width: 769px) {
    .sidebar__wrap .block-default a {
        max-width: 360px
    }
}

.ie-8 .sidebar__wrap .block-default a {
    max-width: 360px
}

.sidebar__wrap .block-default a:hover {
    background: #EDF9FD;
    text-decoration: underline
}

.sidebar__wrap .block-default img {
    width: auto;
    height: auto;
    max-width: 24px;
    max-height: 18px;
    display: inline-block;
    margin-right: 6px;
    vertical-align: -3px
}

.slider {
    position: relative;
    overflow: hidden;
    margin-bottom: 12px
}

.slider .rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0
}

.slider .rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0
}

.slider .rslides li:first-child {
    position: relative;
    display: block;
    float: left
}

.slider .rslides li img {
    display: block;
    height: 100%;
    float: left;
    border: 0
}

.slider .rslides li .img__wrap {
    max-height: 132px;
    overflow: hidden;
    border-radius: 5px
}

@media (min-width: 590px) {
    .slider .rslides li .img__wrap {
        width: 50%;
        float: left
    }
}

.ie-8 .slider .rslides li .img__wrap {
    width: 50%;
    float: left
}

@media (min-width: 769px) {
    .slider .rslides li .img__wrap {
        width: 100%;
        float: none
    }
}

.ie-8 .slider .rslides li .img__wrap {
    width: 100%;
    float: none
}

.slider .rslides li .textoverlay {
    background: #FFF;
    color: #343434;
    padding: 24px 0;
    width: 100%;
    position: initial
}

@media (min-width: 590px) {
    .slider .rslides li .textoverlay {
        width: 50%;
        float: right;
        padding: 24px
    }
}

.ie-8 .slider .rslides li .textoverlay {
    width: 50%;
    float: right;
    padding: 24px
}

@media (min-width: 769px) {
    .slider .rslides li .textoverlay {
        width: 100%;
        float: none;
        padding: 24px 0
    }
}

.ie-8 .slider .rslides li .textoverlay {
    width: 100%;
    float: none;
    padding: 24px 0
}

.slider .rslides li .textoverlay h4 {
    font-family: Calibri, arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin: 0
}

.slider .rslides li .textoverlay p {
    font-size: 18px;
    margin: 0
}

.slider .rslides li .textoverlay .hidden {
    display: none
}

.slider .rslides_tabs {
    list-style: none;
    margin: 0;
    top: 89px;
    right: 0;
    padding: 0;
    position: absolute;
    overflow: hidden;
    text-align: right;
    z-index: 290 !important
}

@media (min-width: 590px) {
    .slider .rslides_tabs {
        right: 50%
    }
}

.ie-8 .slider .rslides_tabs {
    right: 50%
}

@media (min-width: 769px) {
    .slider .rslides_tabs {
        right: 0
    }
}

.ie-8 .slider .rslides_tabs {
    right: 0
}

.slider .rslides_tabs li {
    float: left;
    vertical-align: middle
}

.slider .rslides_tabs li a {
    color: #FFF;
    background: #4DB849;
    display: inline-block;
    padding: 8px 14px;
    font-size: 18px
}

.slider .rslides_tabs li a:hover {
    background: #3A8A37
}

.slider .rslides_tabs li a.prev {
    height: 43px;
    width: 37px;
    border-radius: 5px 0 0 0
}

.slider .rslides_tabs li a.next {
    height: 43px;
    width: 37px
}

.slider .rslides_tabs li a.play {
    height: 43px;
    width: 37px;
    margin-left: 13px;
    border-radius: 5px 0 0 0
}

.slider .rslides_tabs li.rslides_here a {
    background: #3A8A37
}

.slider .screen-reader-text {
    position: absolute;
    top: -9999px;
    left: -9999px
}

.slider .slide__icon {
    display: inline-block;
    padding: 5px 14px
}

.slider .slide__icon#slide_pause {
    height: 13px;
    background: url(images/icons/slider_pause.png) no-repeat
}

.slider .slide__icon#slide_play {
    background: url(images/icons/slider_play.png) no-repeat
}

.slider .slide__icon#slide_prev {
    background: url(images/icons/slider_prev.png) no-repeat
}

.slider .slide__icon#slide_next {
    background: url(images/icons/slider_next.png) no-repeat
}

.heading__wrap,
.path-default {
    background: #11ACE4;
    color: white;
    height: 6px
}

.heading__wrap ul,
.path-default ul {
    display: none
}

@media (min-width: 590px) {
    .heading__wrap,
    .path-default {
        height: auto
    }
    .heading__wrap ul,
    .path-default ul {
        display: block
    }
}

.ie-8 .heading__wrap,
.ie-8 .path-default {
    height: auto
}

.ie-8 .heading__wrap ul,
.ie-8 .path-default ul {
    display: block
}

.page__home .content_wrap .l-container,
.home .content_wrap .l-container {
    background: white
}

.no_sidebar #embhl>.h1-wrapper {
    float: none;
    width: 100%;
    margin: 0
}

@media (min-width: 769px) {
    .no_sidebar #embhl>.h1-wrapper {
        width: 62.5%
    }
}

.ie-8 .no_sidebar #embhl>.h1-wrapper {
    width: 62.5%
}

.content_page #main-wrapper {
    position: relative;
    min-height: 700px
}

.content_page .column-smaller .pagesection-default {
    display: none;
    position: absolute;
    z-index: -30;
    top: 35px;
    width: 100%
}

@media (min-width: 769px) {
    .content_page .column-smaller .pagesection-default {
        display: block
    }
}

.ie-8 .content_page .column-smaller .pagesection-default {
    display: block
}

.content_page .column-smaller .pagesection-default .wrapper {
    position: absolute;
    right: 0;
    width: 333px;
    height: 670px;
    overflow: hidden
}

.content_page .column-smaller .pagesection-default .wrapper .image-backgroundImage .top,
.content_page .column-smaller .pagesection-default .wrapper .image-default .top {
    background: url(images/content_mask.png) no-repeat right bottom;
    position: absolute;
    z-index: -40;
    right: 0;
    width: 333px;
    height: 647px
}

.content_page .column-smaller .pagesection-default .wrapper .image-backgroundImage .wrapper,
.content_page .column-smaller .pagesection-default .wrapper .image-default .wrapper {
    position: absolute;
    z-index: -50;
    right: 0;
    overflow: hidden
}

.content_page .column-smaller .pagesection-default .wrapper .image-backgroundImage .wrapper .clear,
.content_page .column-smaller .pagesection-default .wrapper .image-default .wrapper .clear {
    width: 400px
}

.content_page .column-smaller .pagesection-default .wrapper .image-backgroundImage .wrapper img,
.content_page .column-smaller .pagesection-default .wrapper .image-default .wrapper img {
    width: auto;
    height: 647px
}

.no_sidebar #mediacollectionelementdiv {
    margin-bottom: 24px
}

.content_wrap .l-one-third {
    margin-bottom: 1em
}

@media (min-width: 590px) {
    .content_wrap .l-one-third {
        margin-bottom: 0
    }
}

.ie-8 .content_wrap .l-one-third {
    margin-bottom: 0
}

.content_wrap .l-one-third:first-child {
    margin-left: 0
}

.content_wrap .main__content__wrap {
    margin-left: 0
}

.content_wrap .slider__wrap img {
    width: 100%
}

.article-default .date-wrapper {
    color: #666;
    margin: -0.5em 0 0.5em 0
}

.block-functions {
    margin-top: 20px
}

.block-functions .print,
.block-functions .sendpopup {
    display: inline-block;
    padding-left: 32px;
    margin-right: 16px
}

@media (min-width: 590px) {
    .block-functions .print,
    .block-functions .sendpopup {
        float: left
    }
}

.ie-8 .block-functions .print,
.ie-8 .block-functions .sendpopup {
    float: left
}

.block-functions .send {
    background: url(images/icons/Share.png) no-repeat left center
}

.block-functions .print {
    background: url(images/icons/Print.png) no-repeat left center
}

.block-functions .sendpopup {
    display: none;
    background: url(images/icons/Mail.png) no-repeat left center
}

.block-functions .socialicons-default {
    float: left;
    position: relative
}

.block-functions .socialicons-default .h5-wrapper {
    display: none
}

.block-functions .socialicons-default ul {
    list-style: none;
    margin: 0 0 0 6px
}

.block-functions .socialicons-default ul li {
    display: inline-block
}

.block-functions .socialicons-default ul li a {
    display: block;
    background: #00ACE9
}

.block-functions .socialicons-default ul li a:hover {
    background: #4DB849
}

.block-functions .socialicons-default ul li a:active,
.block-functions .socialicons-default ul li a:focus {
    background: #378234
}

.block-functions .socialicons-default ul li img {
    width: auto !important;
    margin-top: 4px;
    margin-right: 8px;
    display: inline-block;
    margin-left: -4px
}

@media (min-width: 590px) {
    .block-functions .socialicons-default ul li img {
        margin-left: 0
    }
}

.ie-8 .block-functions .socialicons-default ul li img {
    margin-left: 0
}

.block-functions .socialicons-default ul li span {
    background: #FFF;
    display: inline-block;
    margin-left: 12px
}

.block-functions .socialicons-default ul.share__list {
    position: absolute;
    top: -60px;
    left: -18px;
    background: #FFF;
    margin: 0;
    padding: 3px;
    width: 161px;
    border: 1px solid #D5D5D5;
    height: 56px
}

.block-functions .socialicons-default ul.share__list:after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    top: 100%;
    left: 50%;
    margin-left: -7px;
    border-width: 8px 7px 0 7px;
    border-color: #D5D5D5 transparent transparent transparent
}

.block-functions .socialicons-default ul.share__list li a {
    width: 42px;
    height: 42px;
    overflow: hidden;
    margin: 3px
}

.block-functions .socialicons-default ul.share__list li a.twitter_link {
    background: #39A9E0
}

.block-functions .socialicons-default ul.share__list li a.twitter_link:hover {
    background: #65bce7
}

.block-functions .socialicons-default ul.share__list li a.twitter_link:active,
.block-functions .socialicons-default ul.share__list li a.twitter_link:focus {
    background: #1f90c7
}

.block-functions .socialicons-default ul.share__list li a.facebook_link {
    background: #3B5998
}

.block-functions .socialicons-default ul.share__list li a.facebook_link:hover {
    background: #4c70ba
}

.block-functions .socialicons-default ul.share__list li a.facebook_link:active,
.block-functions .socialicons-default ul.share__list li a.facebook_link:focus {
    background: #2d4373
}

.block-functions .socialicons-default ul.share__list li a.email_link {
    background: #F06E05
}

.block-functions .socialicons-default ul.share__list li a.email_link:hover {
    background: #fb892d
}

.block-functions .socialicons-default ul.share__list li a.email_link:active,
.block-functions .socialicons-default ul.share__list li a.email_link:focus {
    background: #be5704
}

.block-functions .socialicons-default ul.share__list li a span {
    display: none
}

.block-functions .send {
    display: none
}

.download-default .pdf {
    background: url(images/icons/pdf.png) no-repeat left center;
    padding-left: 30px
}

.paging-default {
    clear: both;
    text-align: center
}

#embhl .block-default img {
    width: 100%;
    height: auto
}

#embhl .block-default .image-full__width img {
    width: 100%;
    height: auto
}

#embhl .block-default .image-half__width img {
    width: 50%;
    height: auto
}

#embhl .block-default .button img {
    display: inline-block;
    max-width: 32px
}

#embhl .block-default .paragraph-intro_text {
    font-size: 21px
}

#embhl .block-default .block-button {
    position: relative;
    display: inline-block;
    margin-top: 20px;
    margin-right: 0
}

#embhl .block-default .block-button .button {
    padding-left: 27px;
    padding-right: 33px;
    font-size: 21px;
    font-family: "Netto Pro", Calibri, arial, sans-serif;
    text-align: left
}

#embhl .block-default .block-button .button.button__secondary {
    margin-right: 18px
}

@media (min-width: 769px) {
    #embhl .block-default .block-button .button.button__secondary {
        margin-right: 24px
    }
}

.ie-8 #embhl .block-default .block-button .button.button__secondary {
    margin-right: 24px
}

.searchresult-default .h2-wrapper h2 {
    font-size: 30px
}

.searchresult-default .search-result-count {
    border-bottom: 1px solid black;
    padding-bottom: 36px;
    margin-bottom: 36px
}

.searchresult-default ol {
    list-style: none;
    margin: 0
}

.searchresult-default ol li {
    margin-bottom: 30px
}

.searchresult-default ol li h3 {
    font-size: 21px;
    line-height: 27px;
    margin-bottom: 0
}

.searchresult-default ol .count {
    display: none
}

.searchresult-default ol .summary {
    color: #000
}

.searchresult-default ol .meta {
    color: #009FD8;
    text-decoration: underline
}

.searchresult-default ol link {
    display: block;
    color: black;
    border-bottom: 2px solid transparent
}

.searchresult-default ol link h3 {
    color: #009FD8
}

.searchresult-default ol link .summary {
    color: #000
}

.searchresult-default ol link .meta {
    color: #009FD8;
    text-decoration: underline
}

.searchresult-default ol link:hover {
    color: black;
    border-bottom: 2px solid black
}

.searchresult-default ol link:hover h3 {
    color: black
}

.searchresult-default ol link:hover .summary {
    color: #000
}

.searchresult-default ol link:hover p.read__more {
    color: black
}

.l-one-third iframe {
    width: 100%;
    height: auto
}

.l-one-third p a {
    text-decoration: underline
}

.l-one-third p a:hover {
    text-decoration: none
}

.article-default .editableContainer p a {
    text-decoration: underline
}

.article-default .editableContainer p a:hover {
    text-decoration: none
}

.block-toelichting__wrapper {
    background: #F3FAFF;
    border-radius: 5px;
    padding: 20px 30px;
    margin: 24px 0 30px 0;
    position: relative
}

.block-toelichting__wrapper:after {
    bottom: 100%;
    left: 15%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-style: solid;
    border-width: 0 12px 12px 12px;
    border-color: transparent transparent #f3faff transparent;
    margin-left: -24px
}

.block-toelichting__wrapper p {
    margin: 0
}

.download-default h4 {
    color: black
}

.download-default h4 a {
    color: black
}

.download-default .filesize {
    color: #999;
    font-style: italic;
    font-size: 0.9em;
    line-height: 1em
}

.download-default .name {
    display: none
}

.in-context-mode .header_wrap .header_left,
.in-context-mode .header_wrap .header_right {
    height: 100%
}

.in-context-mode .header_wrap .header_left img,
.in-context-mode .header_wrap .header_right img {
    height: auto;
    width: 100%
}

@media (min-width: 960px) {
    .in-context-mode .header_wrap .header_bottom {
        min-height: 480px
    }
}

.ie-8 .in-context-mode .header_wrap .header_bottom {
    min-height: 480px
}

@media (min-width: 960px) {
    .in-context-mode.page__home .content_wrap,
    .in-context-mode.home .content_wrap {
        margin-top: -150px
    }
}

.ie-8 .in-context-mode.page__home .content_wrap,
.ie-8 .in-context-mode.home .content_wrap {
    margin-top: -150px
}

.formsteps ol {
    list-style: none;
    counter-reset: counter;
    margin: 0 0 1em 0
}

.formsteps ol li {
    position: relative;
    display: inline-block;
    margin-right: 18px;
    color: #666
}

.formsteps ol li:before {
    content: counter(counter);
    counter-increment: counter;
    margin-right: 6px;
    padding: 0px;
    background: #EDEDED;
    border-radius: 2em;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center
}

.formsteps ol li.active {
    color: #4DB849
}

.formsteps ol li.active:before {
    color: #666
}

.formsteps ol li.last {
    margin-right: 0
}

.video__wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.video__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#readspeakerlink-container {
    position: relative;
    margin-top: 3px;
    margin-left: 0
}

#readspeakerlink-container .readspeaker_link {
    display: inline-block;
    padding: 0 0 0 26px;
    margin-left: 12px;
    background: url(images/icons/Speaker.png) no-repeat left center
}

#readspeakerlink-container .rsbtn {
    position: absolute;
    left: 7px;
    top: 56px;
    clear: both;
    min-width: 218px !important
}

#read_aloud {
    display: block;
    padding: 21px 1em;
    clear: both
}

#read_aloud .icon__speaker {
    display: block;
    float: left;
    margin: 4px 6px 0 0
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    pre,
    blockquote {
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
    @page {
        margin: 2cm
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    // li.message,
    // div.message,
    // .block-melding {
    //     display: none
    // }
    #header {
        height: auto
    }
    .top__wrap .l-container #menu__link,
    .top__wrap #header #menu__link,
    #header-wrapper .l-container #menu__link,
    #header-wrapper #header #menu__link {
        display: none !important
    }
    .top__wrap .l-container #search__link,
    .top__wrap #header #search__link,
    #header-wrapper .l-container #search__link,
    #header-wrapper #header #search__link {
        display: none !important
    }
    #header_logo {
        text-align: center
    }
    #header_logo p a {
        display: none
    }
    .header_wrap .header_left {
        display: none
    }
    .header_wrap .header_right {
        display: none
    }
    .toon-onderwerpen {
        display: none
    }
    .block-submenu,
    .block-linklist {
        display: block !important
    }
    .modiv-toptaak .item {
        padding: 0
    }
    .modiv-toptaak .item .thumb,
    .modiv-toptaak .item .title {
        display: none
    }
    .rslides_tabs {
        display: none
    }
    .footer__wrap,
    #footer-wrapper {
        display: none
    }
    .footer__wrap .l-container,
    .footer__wrap .footer-default,
    #footer-wrapper .l-container,
    #footer-wrapper .footer-default {
        display: none
    }
    .header_bottom .pages-wrapper .page:first-child a {
        border-top: none
    }
    .header_bottom .pages-wrapper .page a,
    .modiv-product_blokken .item a,
    .content_page .block-linklist ul li a {
        border: none;
        padding: 0
    }
    // #embhl div.message--alert,
    // #embhl .message__wrap {
    //     display: none
    // }
    .block-toelichting__wrapper {
        display: none
    }
    .block-button,
    #embhl .block-default .block-button .button {
        display: none
    }
    .product-accordion>h4.in-active,
    .product-accordion>h4:first-child {
        border: none;
        padding: 0
    }
    .product-accordion .product-accordion-body {
        display: block !important;
        border: 0;
        padding: 0
    }
    .block-functions {
        display: none
    }
    .paging-default {
        display: none
    }
    .sidebar__wrap .block-default a {
        border: none;
        padding: 0
    }
    .sidebar__wrap .block-default a img {
        display: none
    }
    .skiplinks {
        display: none
    }
    .content_page .column-smaller .pagesection-default .wrapper .image-backgroundImage .wrapper img,
    .content_page .column-smaller .pagesection-default .wrapper .image-default .wrapper img {
        display: none
    }
    .path-default {
        display: none
    }
    #embhl .block-default .block-button {
        display: none
    }
    .product-accordion .product-accordion-body {
        display: block !important
    }
    .header_wrap .header_left,
    .header_wrap .header_right {
        display: none
    }
    .modiv-toptaak .item img {
        display: none
    }
    .slider .rslides_tabs {
        display: none
    }
    .paging-default {
        display: none
    }
    .product-accordion .product-accordion-body:before {
        display: none
    }
}