@charset "UTF-8";
/* open-sans-300 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/open-sans-v13-latin-300.eot"); /* IE9 Compat Modes */
  src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/open-sans-v13-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v13-latin-300.woff2") format("woff2"), url("../fonts/open-sans-v13-latin-300.woff") format("woff"), url("../fonts/open-sans-v13-latin-300.ttf") format("truetype"), url("../fonts/open-sans-v13-latin-300.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/open-sans-v13-latin-300.eot"); /* IE9 Compat Modes */
  src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/open-sans-v13-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v13-latin-300.woff2") format("woff2"), url("../fonts/open-sans-v13-latin-300.woff") format("woff"), url("../fonts/open-sans-v13-latin-300.ttf") format("truetype"), url("../fonts/open-sans-v13-latin-300.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v13-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Open Sans"), local("OpenSans"), url("../fonts/open-sans-v13-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v13-latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v13-latin-regular.woff") format("woff"), url("../fonts/open-sans-v13-latin-regular.ttf") format("truetype"), url("../fonts/open-sans-v13-latin-regular.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/open-sans-v13-latin-italic.eot"); /* IE9 Compat Modes */
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url("../fonts/open-sans-v13-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v13-latin-italic.woff2") format("woff2"), url("../fonts/open-sans-v13-latin-italic.woff") format("woff"), url("../fonts/open-sans-v13-latin-italic.ttf") format("truetype"), url("../fonts/open-sans-v13-latin-italic.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/open-sans-v13-latin-600.eot"); /* IE9 Compat Modes */
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("../fonts/open-sans-v13-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v13-latin-600.woff2") format("woff2"), url("../fonts/open-sans-v13-latin-600.woff") format("woff"), url("../fonts/open-sans-v13-latin-600.ttf") format("truetype"), url("../fonts/open-sans-v13-latin-600.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/open-sans-v13-latin-600italic.eot"); /* IE9 Compat Modes */
  src: local("Open Sans Semibold Italic"), local("OpenSans-SemiboldItalic"), url("../fonts/open-sans-v13-latin-600italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v13-latin-600italic.woff2") format("woff2"), url("../fonts/open-sans-v13-latin-600italic.woff") format("woff"), url("../fonts/open-sans-v13-latin-600italic.ttf") format("truetype"), url("../fonts/open-sans-v13-latin-600italic.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/open-sans-v13-latin-700.eot"); /* IE9 Compat Modes */
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/open-sans-v13-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v13-latin-700.woff2") format("woff2"), url("../fonts/open-sans-v13-latin-700.woff") format("woff"), url("../fonts/open-sans-v13-latin-700.ttf") format("truetype"), url("../fonts/open-sans-v13-latin-700.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/open-sans-v13-latin-700italic.eot"); /* IE9 Compat Modes */
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("../fonts/open-sans-v13-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v13-latin-700italic.woff2") format("woff2"), url("../fonts/open-sans-v13-latin-700italic.woff") format("woff"), url("../fonts/open-sans-v13-latin-700italic.ttf") format("truetype"), url("../fonts/open-sans-v13-latin-700italic.svg#OpenSans") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: Evenfall;
  src: url(../fonts/Evenfall-Oblique.eot);
  src: url(../fonts/Evenfall-Oblique.eot) format("embedded-opentype"), url(../fonts/Evenfall-Oblique.woff) format("woff"), url(../fonts/Evenfall-Oblique.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
}
.blauw {
  color: #b0cc00;
}

.bgblauw {
  background-color: #b0cc00;
  color: #fff;
}

.bgdonkerblauw {
  background-color: #003459;
  color: #fff;
}

.bglichtblauw {
  background-color: #e4f6fc;
  color: #003459;
}

html, body {
  height: 100%;
  margin: 0px;
  padding: 0;
}

body {
  font-family: "Open Sans", Arial, sans-serif, sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.4em;
  color: #425563;
}

div, p {
  position: relative;
  margin: 0;
}

p {
  margin-bottom: 20px;
}

img {
  max-width: 100%;
  height: auto;
  border: 0px solid #000;
}

iframe {
  max-width: 100%;
  height: auto;
}

a {
  color: #425563;
  text-decoration: none;
  transition: all 0.3s ease;
}

a:hover {
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", Arial, sans-serif, serif;
  font-weight: 600;
  line-height: 1.2em;
  color: #003459;
  margin: 0;
}

h1 {
  font-size: 1.8em;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 16px;
}

h4 {
  font-size: 14px;
  color: #425563;
  font-style: italic;
}

h5 {
  font-size: 14px;
  color: #425563;
}

h6 {
  font-size: 14px;
  color: #425563;
}

hr {
  margin: 30px 0;
  border: 0px solid #fff;
  border-bottom: 1px solid #ccc;
}

ul {
  list-style-position: outside;
}

label {
  display: block;
}

input {
  font-family: "Open Sans", Arial, sans-serif, sans-serif;
  font-size: 1em;
  line-height: 1.4em;
  color: #425563;
  border: 1px solid #b0cc00;
  margin: 0 0 5px 0;
  padding: 2px 5px;
}

input[type=button] {
  transition: all 0.3s ease;
}

input[type=submit] {
  transition: all 0.3s ease;
  border: 1px solid #003459;
  background-color: #fff;
  color: #003459;
}

b, strong {
  font-family: "Open Sans", Arial, sans-serif, serif;
  font-weight: 700;
}

.textalignright {
  text-align: right;
}

.titleLabel {
  font-size: 10px;
  color: #b0cc00;
  border: 1px solid #b0cc00;
  margin: -5px 5px 0 5px;
  padding: 2px;
  vertical-align: middle;
  font-weight: 300;
}

/* =========================================================================  social icons ======== */
a {
  color: #003459;
}
a .icon {
  transition: all 0.3s ease;
  text-decoration: none;
  padding-top: 5px;
  text-align: center;
  display: inline-block;
  margin-left: 10px;
  width: 36px;
  height: 36px;
  border-radius: 18px 18px 18px 18px;
  -moz-border-radius: 18px 18px 18px 18px;
  -webkit-border-radius: 18px 18px 18px 18px;
  border: 2px solid #003459;
  font-size: 18px;
}
a .icon:hover {
  color: #b0cc00;
  border-color: #b0cc00;
}

#wrapper.in {
  position: relative;
  max-height: 100%;
  overflow: hidden;
  opacity: 0.2;
}

/* =========================================================================  header ======== */
.openzoek {
  width: 40px;
  height: 100%;
  background-image: url(../img/vergrootglas-wit.png);
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  text-decoration: none;
}
@media handheld, only screen and (max-width: 767px) {
  .openzoek {
    background-image: url(../img/vergrootglas-wit.png);
  }
}
.openzoek:hover {
  text-decoration: none;
}

header {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 10000;
  border-bottom: 1px solid #d5d9dd;
}
header.zindex {
  z-index: 40000;
}
header #logo {
  position: absolute;
  left: 5px;
  top: 5px;
  height: 70px;
  width: 70px;
  z-index: 10001;
  background-image: url(../img/logo-diemen.png);
  background-size: auto 100%;
  background-position: left center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
}
header #logo a {
  display: block;
  width: 100%;
  height: 100%;
}
header #jaarverslag {
  height: 80px;
  line-height: 80px;
  color: #003459;
  padding: 0 0 0 100px;
  font-size: 18px;
  font-weight: 600;
  background-color: #b0cc00;
  z-index: 9999;
  transition: all 0.3s ease;
}
header #jaarverslag.in {
  padding: 0 0 0 100px;
}
header #hamburger-zoeken {
  display: none;
  position: absolute;
  z-index: 10000;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: right;
  background-color: #b0cc00;
}
header #hamburger-zoeken .openzoek {
  display: inline-block;
  position: absolute;
  right: 60px;
  width: 30px;
}
header #hamburger-zoeken #hamburger {
  display: inline-block;
  position: absolute;
  background: url(../img/hamburger0.png) center center no-repeat;
  top: 5px;
  right: 10px;
  width: 40px;
  height: 40px;
  transition: all 0.3s ease;
}
header #hamburger-zoeken #hamburger.toggled {
  background: url(../img/hamburger1.png) right top no-repeat;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}
header #taalkeuze-en-zoek {
  position: absolute;
  z-index: 10003;
  right: 150px;
  top: 15px;
  width: 85px;
  height: 50px;
  line-height: 50px;
  padding: 0 0 0 35px;
  color: #fff;
}
header #taalkeuze-en-zoek a {
  display: inline-block;
  height: 100%;
  color: #fff;
}
header #taalkeuze-en-zoek a.actief {
  font-weight: 700;
}
header #taalkeuze-en-zoek .openzoek {
  margin-left: 10px;
  width: 30px;
}
header #download-jaarverslag {
  position: absolute;
  z-index: 10003;
  right: 0px;
  top: 0px;
  width: 170px;
  height: 50px;
  line-height: 50px;
  padding: 0 0 0 20px;
  background-color: #b0cc00;
}
header #download-jaarverslag a {
  font-size: 13px;
  color: #fff;
}
header #zoekformulier {
  display: none;
  position: absolute;
  z-index: 10004;
  right: 0px;
  top: 65px;
  background-color: #fff;
  height: 40px;
  width: 250px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
}
header #zoekformulier form input {
  width: 200px;
  height: 37px;
  line-height: 40px;
  padding: 0 10px;
  margin: 0;
  float: left;
  border: 0px solid #fff;
}
header #zoekformulier form input[type=submit] {
  background-position: center center;
  background-image: url(../img/vergrootglas.png);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  height: 40px;
  width: 40px;
}

/* =========================================================================  desktop-menu ======== */
#navigatie-desktop {
  transition: all 0.3s ease;
  background-color: #fff;
  z-index: 2000;
  max-width: 250px;
}
#navigatie-desktop ul.hoofdmenu {
  padding: 0 0 4px 0;
  display: block;
}
#navigatie-desktop ul.hoofdmenu li {
  font-size: 14px;
  list-style: none;
  padding: 8px 0 8px 0;
}
#navigatie-desktop ul.hoofdmenu li a {
  display: block;
  color: #8dc8e8;
}
#navigatie-desktop ul.hoofdmenu li a + ul.submenu {
  display: none;
  padding: 0 0 0 15px;
}
#navigatie-desktop ul.hoofdmenu li a + ul.submenu li {
  padding: 0;
}
#navigatie-desktop ul.hoofdmenu li a + ul.submenu li a {
  font-size: 12px;
  font-weight: 400;
  padding: 0px;
  color: #009cde;
}
#navigatie-desktop ul.hoofdmenu li a + ul.submenu li a.actief {
  font-weight: 700;
}
#navigatie-desktop ul.hoofdmenu li.borderT2 {
  border-top: 2px solid #8dc8e8;
}
#navigatie-desktop ul.hoofdmenu > li {
  border-bottom: 1px solid #8dc8e8;
}
#navigatie-desktop ul.hoofdmenu > li a {
  font-weight: 600;
  color: #8dc8e8;
}
#navigatie-desktop ul.hoofdmenu > li a.actief {
  color: #009cde;
  font-weight: 700;
}
#navigatie-desktop ul.hoofdmenu > li a.actief + ul.submenu {
  /*						display: block; */
}
#navigatie-desktop #stakeholders {
  display: none;
  margin-top: 100px;
}
#navigatie-desktop #stakeholders h5 {
  margin-bottom: 10px;
}
#navigatie-desktop #stakeholders a.caption {
  display: block;
  background-color: #b0cc00;
  font-size: 11px;
  color: #fff;
  min-height: 28px;
  padding: 3px 5px;
  background-image: url(../img/bg-stakeholders-meer.png);
  background-position: right top;
  background-repeat: no-repeat;
  font-style: italic;
}
#navigatie-desktop #stakeholders a.caption .functie {
  color: #e4f6fc;
}
#navigatie-desktop #stakeholders a.caption .meer {
  float: right;
  width: 60px;
  text-align: right;
  margin-right: 8px;
}

.hoofdstuk #navigatie-desktop #stakeholders {
  display: block;
}

/* =========================================================================  mobiel-menu ======== */
#navigatie-mobiel {
  display: none;
  position: fixed;
  right: 0px;
  top: 50px;
  width: 100%;
  height: 100%;
  padding-bottom: 100px;
  overflow: auto;
  background-color: #fff;
  z-index: 39999;
  padding-left: 20px;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); /* disable highlight on mobile chrome */
}
#navigatie-mobiel.in {
  top: 100px;
}
#navigatie-mobiel ul.mobielmenu {
  padding: 0 0 4px 0;
  display: block;
}
#navigatie-mobiel ul.mobielmenu li {
  list-style: none;
  padding: 8px 0 8px 0;
}
#navigatie-mobiel ul.mobielmenu li a {
  display: block;
  color: #003459;
}
#navigatie-mobiel ul.mobielmenu li ul.submenu {
  display: none;
  padding: 0 0 0 15px;
}
#navigatie-mobiel ul.mobielmenu li ul.submenu li {
  padding: 0;
}
#navigatie-mobiel ul.mobielmenu li ul.submenu li a {
  font-size: 12px;
  font-weight: 400;
  padding: 0px;
  color: #003459;
}
#navigatie-mobiel ul.mobielmenu li ul.submenu li a.actief {
  font-weight: 700;
}
#navigatie-mobiel ul.mobielmenu li.borderT2 {
  border-top: 2px solid #003459;
}
#navigatie-mobiel ul.mobielmenu > li {
  border-bottom: 1px solid #003459;
}
#navigatie-mobiel ul.mobielmenu > li a {
  font-weight: 600;
  color: #003459;
}
#navigatie-mobiel ul.mobielmenu > li a.actief {
  color: #003459;
  font-weight: 700;
}

/* =========================================================================  spacer for fixed header ======== */
#contentspacer {
  height: 80px;
  transition: all 0.3s ease;
}
#contentspacer.in {
  height: 130px;
}

/* =========================================================================  content container ======== */
#paginacontainer table.financien {
  margin: 20px 0;
  width: 100%;
}
#paginacontainer table.financien thead tr {
  text-align: left;
}
#paginacontainer table.financien thead tr th {
  padding: 3px 8px;
  font-weight: 600;
}
#paginacontainer table.financien thead tr th.present {
  background-color: #e4f6fc;
  color: #b0cc00;
}
#paginacontainer table.financien thead tr th.past {
  background-color: #b0cc00;
  color: #fff;
}
#paginacontainer table.financien tbody tr {
  border-bottom: 1px solid #aaa;
}
#paginacontainer table.financien tbody tr td {
  padding: 3px 8px;
}
#paginacontainer table.financien tbody tr td.present {
  background-color: #e4f6fc;
  color: #b0cc00;
}
#paginacontainer table.financien tbody tr td.past {
  background-color: #b0cc00;
  color: #fff;
}
#paginacontainer table.financien tbody tr.subtotals {
  font-weight: 600;
}
#paginacontainer table.financien tfoot tr {
  font-weight: 600;
}
#paginacontainer table.financien tfoot tr td {
  padding: 3px 8px;
}
#paginacontainer table.financien tfoot tr td.present {
  background-color: #e4f6fc;
  color: #b0cc00;
}
#paginacontainer table.financien tfoot tr td.past {
  background-color: #b0cc00;
  color: #fff;
}
#paginacontainer #illustratie {
  width: 100%;
  height: auto;
  background-color: #b0cc00;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  #paginacontainer #illustratie {
    height: 50px;
  }
}
#paginacontainer #illustratie.in {
  height: 0;
}
#paginacontainer #illustratie .row {
  height: 100%;
}
#paginacontainer #illustratie .row .col-small-12 {
  height: 100%;
}
#paginacontainer #illustratie .row .col-small-12 h2 {
  font-family: Evenfall, Arial, sans-serif, serif;
  font-weight: 400;
  color: #003459;
  font-size: 60px;
  height: 100%;
  line-height: 50px;
  padding: 70px 0 0 0px;
  background-position: 0 40px;
  background-size: auto 110px;
  background-repeat: no-repeat;
  vertical-align: bottom;
}
#paginacontainer #illustratie .row .col-small-12 h2 span {
  display: block;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 20px;
}
#paginacontainer #illustratie .row .col-small-12 h2.hoofdstuk_nr {
  padding: 70px 0 0 140px;
}
#paginacontainer #illustratie .row .col-small-12 h2.hoofdstuk_nr.hoofdstuk-1 {
  background-image: url(../img/hoofdstuk-1.png);
}
#paginacontainer #illustratie .row .col-small-12 h2.hoofdstuk_nr.hoofdstuk-2 {
  background-image: url(../img/hoofdstuk-2.png);
}
#paginacontainer #illustratie .row .col-small-12 h2.hoofdstuk_nr.hoofdstuk-3 {
  background-image: url(../img/hoofdstuk-3.png);
}
#paginacontainer #illustratie .row .col-small-12 h2.hoofdstuk_nr.hoofdstuk-4 {
  background-image: url(../img/hoofdstuk-4.png);
}
#paginacontainer #illustratie .row .col-small-12 h2.hoofdstuk_nr.hoofdstuk-5 {
  background-image: url(../img/hoofdstuk-5.png);
}
#paginacontainer #illustratie .row .col-small-12 h2.hoofdstuk_nr.hoofdstuk-6 {
  background-image: url(../img/hoofdstuk-6.png);
}
#paginacontainer #illustratie .row .col-small-12 h2.hoofdstuk_nr.hoofdstuk-7 {
  background-image: url(../img/hoofdstuk-7.png);
}
#paginacontainer #illustratie .row .col-small-12 h2.hoofdstuk_nr.hoofdstuk-8 {
  background-image: url(../img/hoofdstuk-8.png);
}
#paginacontainer #illustratie .row .col-small-12 h2.hoofdstuk_nr.hoofdstuk-9 {
  background-image: url(../img/hoofdstuk-9.png);
}
#paginacontainer #illustratie .row .col-small-12 h2.hoofdstuk_nr.hoofdstuk-10 {
  background-image: url(../img/hoofdstuk-10.png);
}
#paginacontainer #illustratie .row .col-small-12 h2.hoofdstuk_nr.hoofdstuk-11 {
  background-image: url(../img/hoofdstuk-11.png);
}
#paginacontainer #illustratie .row .col-small-12 h2.hoofdstuk_nr.hoofdstuk-12 {
  background-image: url(../img/hoofdstuk-12.png);
}
#paginacontainer #illustratie .row .col-small-12 h2.hoofdstuk_nr.hoofdstuk-13 {
  background-image: url(../img/hoofdstuk-13.png);
}
#paginacontainer #illustratie .row .col-small-12 h2.hoofdstuk_nr.hoofdstuk-14 {
  background-image: url(../img/hoofdstuk-14.png);
}
#paginacontainer #illustratie .row .col-small-12 h2.hoofdstuk_nr.hoofdstuk-15 {
  background-image: url(../img/hoofdstuk-15.png);
}
#paginacontainer #illustratie .row .col-small-12 h2.hoofdstuk_nr span {
  display: block;
  bottom: 20px;
  left: 140px;
  text-align: left;
  width: auto;
}
#paginacontainer #illustratie .row .col-small-12 h2.textcenter {
  text-align: center;
}
#paginacontainer #subnavigatie {
  position: absolute;
  z-index: 3000;
  width: 100%;
  min-height: 50px;
  background-color: #fff;
  transition: all 0.3s ease;
  border-bottom: 1px solid #d5d9dd;
}
#paginacontainer #subnavigatie.in {
  position: fixed;
  top: 80px;
}
#paginacontainer #subnavigatie a#togglehoofdmenu {
  display: none;
  max-width: 1440px;
  margin: 0;
  color: #425563;
  line-height: 50px;
  font-weight: 700;
}
#paginacontainer #subnavigatie #menubutton {
  display: none;
}
#paginacontainer #subnavigatie #downloadmenu {
  position: absolute;
  right: 0;
  top: 0px;
  height: 100%;
}
#paginacontainer #subnavigatie #downloadmenu .button {
  display: inline-block;
  padding: 12px 10px;
  height: 100%;
  font-size: 12px;
}
#paginacontainer #subnavigatie #downloadmenu .button:hover .icon {
  color: #003459;
  border-color: #003459;
}
#paginacontainer #subnavigatie #downloadmenu .button:hover .tekst {
  color: #003459;
}
#paginacontainer #subnavigatie #downloadmenu .button.download-pagina .icon {
  background-image: url(../img/download-pagina.png);
}
#paginacontainer #subnavigatie #downloadmenu .button.download-pagina .icon:hover {
  background-image: url(../img/download-pagina_licht.png);
}
#paginacontainer #subnavigatie #downloadmenu .button.download-pagina:hover .icon {
  background-image: url(../img/download-pagina_licht.png);
}
#paginacontainer #subnavigatie #downloadmenu .button.voeg-toe-aan-pdf .icon {
  background-image: url(../img/voeg-toe-aan-pdf.png);
}
#paginacontainer #subnavigatie #downloadmenu .button.voeg-toe-aan-pdf:hover .icon {
  background-image: url(../img/voeg-toe-aan-pdf_licht.png);
}
#paginacontainer #subnavigatie #downloadmenu .button.selectie-maken .icon {
  background-image: url(../img/selectie-maken.png);
}
#paginacontainer #subnavigatie #downloadmenu .button.selectie-maken:hover .icon {
  background-image: url(../img/selectie-maken_licht.png);
}
#paginacontainer #subnavigatie #downloadmenu .button .icon {
  float: left;
  display: inline-block;
  margin-right: 5px;
  padding-top: 0px;
  line-height: 20px;
  width: 26px;
  height: 26px;
  border-width: 1px;
  border-radius: 13px 13px 13px 13px;
  -moz-border-radius: 13px 13px 13px 13px;
  -webkit-border-radius: 13px 13px 13px 13px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px 20px;
}
#paginacontainer #subnavigatie #downloadmenu .button .tekst {
  float: left;
  display: inline-block;
  height: 26px;
  padding-top: 3px;
}
#paginacontainer #subnavigatie #downloadmenu .button.download-jaarverslag {
  float: right;
  background-color: #003459;
  color: #fff;
  font-size: 15px;
}
#paginacontainer #subnavigatie #downloadmenu .button.download-jaarverslag:hover {
  background-color: #003459;
  text-decoration: none;
}
#paginacontainer #contentspacer {
  height: 50px;
}
#paginacontainer #breadcrumbs {
  position: relative;
  width: 100%;
  min-height: 50px;
  display: none;
  padding: 10px 0;
}
#paginacontainer #breadcrumbs a {
  font-size: 11px;
  padding: 0 3px 0 0;
}
#paginacontainer #breadcrumbs a:after {
  content: ">";
  padding-left: 7px;
}
#paginacontainer #breadcrumbs a:last-child:after {
  content: "";
}
#paginacontainer .contentcontainer {
  margin-top: 30px;
  min-height: 900px;
  padding-right: 0;
}
#paginacontainer .contentcontainer .col-small-12:first-child .content {
  background-image: url(../img/contenthoekje.png);
  background-position: left top;
  background-repeat: no-repeat;
  padding-top: 20px;
}
#paginacontainer .contentcontainer .content {
  padding: 0px 15px 20px 15px;
  background-color: #f3fafd;
  font-size: 14px;
}
#paginacontainer .contentcontainer .content .introductie {
  color: #b0cc00;
  font-size: 1.4666em;
  line-height: 1.4em;
  font-weight: 300;
}
#paginacontainer .contentcontainer .content img {
  width: 100%;
  height: auto;
  margin: 30px 0;
}
#paginacontainer .contentcontainer .tekstpagina {
  font-size: 14px;
  background-color: #f3fafd;
  margin-bottom: 20px;
  padding: 20px;
}
#paginacontainer .contentcontainer .stakeholder {
  background-color: #f3fafd;
  margin-bottom: 20px;
}
#paginacontainer .contentcontainer .stakeholder a {
  text-decoration: none;
}
#paginacontainer .contentcontainer .stakeholder a img {
  width: 100%;
  height: auto;
}
#paginacontainer .contentcontainer .stakeholder a:hover {
  text-decoration: none;
}
#paginacontainer .contentcontainer .stakeholder a:hover .caption {
  text-decoration: none;
  background-color: #b0cc00;
  color: #fff;
}
#paginacontainer .contentcontainer .stakeholder a blockquote {
  display: table-cell;
  vertical-align: middle;
  height: 90px;
  overflow: hidden;
  margin: 0;
  padding: 10px;
  font-style: italic;
  font-weight: 400;
  color: #b0cc00;
  text-align: center;
}
#paginacontainer .contentcontainer .stakeholder a hr {
  margin: 0 10px;
  height: 1px solid #fff;
  border: 0px solid transparant;
  border-bottom: 1px solid #fff;
}
#paginacontainer .contentcontainer .stakeholder a .caption {
  display: block;
  font-size: 13px;
  font-weight: 400;
  padding: 5px 10px;
  color: #b0cc00;
  text-decoration: none;
  transition: all 0.3s ease;
}
#paginacontainer .contentcontainer .stakeholder a .caption .functie {
  font-weight: 300;
}
#paginacontainer .contentcontainer .stakeholder a .caption .meer {
  float: right;
}
#paginacontainer .contentcontainer .stakeholder.groot img {
  width: 100%;
  height: auto;
}
#paginacontainer .contentcontainer .stakeholder.groot .caption {
  background-color: #b0cc00;
  color: #fff;
  font-style: italic;
  height: 39px;
  padding: 0 0 0 20px;
}
#paginacontainer .contentcontainer .stakeholder.groot .caption .naam {
  line-height: 39px;
}
#paginacontainer .contentcontainer .stakeholder.groot .caption .ikoon {
  width: 70px;
  height: 39px;
  float: right;
  background-color: #fff;
  background-image: url(../img/bg-stakeholder-ikoon.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: auto 100%;
  text-align: right;
  padding-right: 10px;
}
#paginacontainer .contentcontainer .stakeholder.groot .caption .ikoon img {
  height: 100%;
  width: auto;
}
#paginacontainer .contentcontainer .stakeholder.groot blockquote {
  font-family: Evenfall, Arial, sans-serif;
  font-size: 24px;
  line-height: 1.2em;
  padding: 30px 40px;
}
#paginacontainer .contentcontainer .stakeholder.groot .tekst {
  padding: 20px 40px;
  font-size: 14px;
}
#paginacontainer .contentcontainer .zoekresultaten {
  font-size: 14px;
}
#paginacontainer .contentcontainer .zoekresultaten h1 {
  margin-bottom: 10px;
}
#paginacontainer .contentcontainer .zoekresultaten h2 {
  margin-bottom: 10px;
  font-size: 16px;
}
#paginacontainer .contentcontainer .zoekresultaten h3 {
  margin-bottom: 10px;
  font-size: 14px;
}
#paginacontainer .contentcontainer .zoekresultaten ul {
  margin: 40px 0;
}
#paginacontainer .contentcontainer .zoekresultaten ul li a {
  text-decoration: underline;
}
#paginacontainer .contentcontainer .zoekresultaten ul li a:hover {
  color: #b0cc00;
}
#paginacontainer .contentcontainer .zoekresultaten form {
  margin: 40px 0;
}
#paginacontainer .contentcontainer .zoekresultaten form input[type=text] {
  display: block;
  float: left;
  width: 200px;
  height: 30px;
  margin-right: 20px;
}
#paginacontainer .contentcontainer .zoekresultaten form input[type=submit] {
  display: inline-block;
  height: 30px;
  padding: 2px 10px;
}
#paginacontainer .contentcontainer .zoekresultaten form input[type=submit]:hover {
  background-color: #003459;
  color: #fff;
}
#paginacontainer .contentcontainer #socials {
  padding: 30px 0 15px 0;
  text-align: center;
}
#paginacontainer .contentcontainer #bladeren {
  padding-top: 0px;
  padding-bottom: 30px;
}
#paginacontainer .contentcontainer #bladeren a {
  display: inline-block;
  width: 50%;
  border-color: #003459;
  text-align: left;
  font-size: 12px;
  color: #003459;
}
#paginacontainer .contentcontainer #bladeren a span {
  display: inline-block;
  height: 36px;
  margin: 0 0 0 5px;
}
#paginacontainer .contentcontainer #bladeren a.vorige {
  float: left;
  padding-top: 1px;
  padding-left: 3px;
}
#paginacontainer .contentcontainer #bladeren a.vorige .icon {
  float: left;
}
#paginacontainer .contentcontainer #bladeren a.vorige .icon .fa {
  margin-left: -3px;
}
#paginacontainer .contentcontainer #bladeren a.vorige .tekst {
  line-height: 36px;
}
#paginacontainer .contentcontainer #bladeren a.vorige:hover {
  color: #b0cc00;
}
#paginacontainer .contentcontainer #bladeren a.vorige:hover .icon {
  color: #b0cc00;
  border-color: #b0cc00;
}
#paginacontainer .contentcontainer #bladeren a.volgende {
  float: left;
  text-align: right;
  padding-top: 1px;
  padding-left: 15px;
}
#paginacontainer .contentcontainer #bladeren a.volgende .icon {
  float: right;
}
#paginacontainer .contentcontainer #bladeren a.volgende .icon .fa {
  margin-left: 3px;
}
#paginacontainer .contentcontainer #bladeren a.volgende .tekst {
  line-height: 36px;
}
#paginacontainer .contentcontainer #bladeren a.volgende:hover {
  color: #b0cc00;
}
#paginacontainer .contentcontainer #bladeren a.volgende:hover .icon {
  color: #b0cc00;
  border-color: #b0cc00;
}
#paginacontainer .zijkolom .spreuk {
  font-family: Evenfall, Arial, sans-serif;
  font-size: 28px !important;
  line-height: 1.15em;
  color: #b0cc00;
}
#paginacontainer .zijkolom .tekst h4 {
  text-transform: none;
  color: #8dc8e8;
}
#paginacontainer .zijkolom .tekst .klein {
  color: #8dc8e8;
  font-size: 13px;
  line-height: 1.4em;
}
#paginacontainer .zijkolom .tekst .cijfers {
  color: #8dc8e8;
  font-size: 13px;
  line-height: 1.2em;
  font-weight: 600;
}
#paginacontainer .zijkolom .tekst .cijfers .titel {
  color: #8dc8e8;
  font-size: 14px;
  line-height: 1.4em;
  text-transform: uppercase;
}
#paginacontainer .zijkolom .tekst .cijfers .nummer {
  display: block;
  font-size: 30px;
  line-height: 1.1em;
  font-weight: 700;
  color: #8dc8e8;
  margin: 0 0 0 0;
}

/* =========================================================================  footer ======== */
#footer {
  background-color: #b0cc00;
  color: #fff;
}
#footer .socials {
  padding: 20px 15px 10px;
  text-align: center;
}
#footer .socials a {
  display: inline-block;
  color: #fff;
  font-size: 25px;
  font-weight: 600;
}
#footer .socials a .icon {
  border-color: #fff;
  color: #fff;
}
#footer .socials a .icon:hover {
  color: #003459;
  border-color: #003459;
}
#footer #footernavigatie {
  background-color: bgmediumblauw;
  min-height: 50px;
  padding: 10px 20px;
  text-align: center;
  color: #fff;
}
#footer #footernavigatie a {
  transition: all 0.3s ease;
  display: inline-block;
  margin: 0 10px;
  height: 100%;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
}
/* ========================================================================= download-selectie ======== */
#download-selectie-achtergrond {
  position: fixed;
  display: none;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 60000;
}
#download-selectie-achtergrond.in {
  display: block;
}

#download-selectie {
  position: fixed;
  z-index: 60001;
  top: 0px;
  right: -100%;
  width: 768px;
  height: 100%;
  background-color: #fff;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
  color: #939c9e;
  min-height: 100%;
  overflow: auto;
  transition: all 0.3s ease;
}
#download-selectie.in {
  right: 0px;
}
#download-selectie .sluiten {
  position: absolute;
  display: block;
  width: 34px;
  height: 34px;
  right: 20px;
  top: 10px;
  background-image: url(../img/sluiten_licht.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px 20px;
  background-position: center center;
  border: 1px solid #b0cc00;
  border-radius: 17px 17px 17px 17px;
  -moz-border-radius: 17px 17px 17px 17px;
  -webkit-border-radius: 17px 17px 17px 17px;
}
#download-selectie .sluiten:hover {
  background-image: url(../img/sluiten.png);
  border: 1px solid #003459;
}
#download-selectie #download-center {
  margin-top: 40px;
  max-width: 900px;
}
#download-selectie #download-center form ul {
  padding-bottom: 10px;
  padding-left: 0px;
}
#download-selectie #download-center form ul.first-level > li {
  padding-top: 10px;
  border-top: 1px solid #003459;
}
#download-selectie #download-center form ul li {
  list-style: none;
  font-weight: 600;
}
#download-selectie #download-center form ul li input[type=checkbox] + label {
  display: block;
  padding-bottom: 5px;
  color: #003459;
  margin: 0;
  cursor: pointer;
}
#download-selectie #download-center form ul li input[type=checkbox] + label:before {
  float: left;
  font-family: "FontAwesome";
  font-size: 10px;
  line-height: 12px;
  width: 18px;
  height: 18px;
  margin: 4px 15px 0 0;
  content: "";
  text-align: center;
  color: #003459;
  border: 1px solid #003459;
  border-radius: 2px;
}
#download-selectie #download-center form ul li input[type=checkbox]:checked + label:before {
  content: "\f00c";
}
#download-selectie #download-center form ul li input[type=checkbox] {
  display: none;
}
#download-selectie #download-center form ul li > ul {
  padding-left: 36px;
}
#download-selectie #download-center form ul li > ul li {
  font-weight: 400;
  font-size: 14px;
}
#download-selectie #download-center form ul li > ul li input[type=checkbox] + label:before {
  width: 15px;
  height: 15px;
}
#download-selectie #download-center h2 {
  margin: 10px 0;
  color: #b0cc00;
}
#download-selectie #download-center .report-overview {
  max-width: 250px;
  background-color: #f3fafd;
  padding: 20px;
}
#download-selectie #download-center .report-overview > div {
  padding-bottom: 10px;
}
#download-selectie #download-center .report-overview h3 {
  color: #b0cc00;
  margin-bottom: 10px;
}
#download-selectie #download-center .report-overview .winkelwagen {
  display: block;
  height: 24px;
  color: #b0cc00;
  font-size: 13px;
  margin-bottom: 5px;
  background-image: url(../img/winkelwagentje.png);
  background-position: left bottom;
  background-size: auto 28px;
  background-repeat: no-repeat;
  padding-left: 40px;
}
#download-selectie #download-center .report-overview hr {
  height: 1px;
  overflow: hidden;
  border: 0px solid #fff;
  margin: 5px 0;
  padding: 0;
  border-top: 1px solid #003459;
}
#download-selectie #download-center .report-overview input[type=button] {
  display: inline-block;
  width: 100%;
  padding: 10px;
  margin: 8px 0;
}
#download-selectie #download-center .report-overview input[type=button]:hover {
  background-color: #003459;
}
#download-selectie #download-center .report-overview input[type=button].bgdonkerblauw:hover {
  background-color: #b0cc00;
}
#download-selectie #download-center .report-overview a {
  display: block;
  padding: 5px 0;
  font-weight: 400;
}

/* ========================================================================= media query > 640px ======== */
@media handheld, only screen and (max-width: 640px) {
  #paginacontainer #illustratie .row .col-small-12 h2.hoofdstuk_nr span {
    font-size: 30px;
  }
  #paginacontainer .contentcontainer .stakeholder.groot .tekst {
    padding: 20px;
  }
}
/* ========================================================================= media query 768px ======== */
@media handheld, only screen and (max-width: 767px) {
  header {
    border-bottom: 0px solid #fff;
  }
  header #logo {
    width: 60%;
  }
  header #jaarverslag {
    display: none;
  }
  header #hamburger-zoeken {
    display: block;
  }
  header #logo {
    height: 40px;
  }
  header #taalkeuze-en-zoek {
    display: none;
  }
  #navigatie-mobiel ul.mobielmenu li a {
    padding: 10px;
    line-height: 1em;
  }
  #navigatie-mobiel ul.mobielmenu li ul.submenu li a {
    padding: 10px;
    line-height: 1em;
  }
  #contentspacer {
    display: none;
  }
  #footer .socials .col-small-12 {
    padding-right: 0;
  }
  #footer #footernavigatie a {
    display: block;
  }
  #paginacontainer #subnavigatie #menubutton {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 13px 30px;
    display: inline-block;
    color: #b0cc00;
    font-weight: 600;
    width: 250px;
    text-align: right;
    height: 100%;
    z-index: 40001;
    background-color: #fff;
  }
  #paginacontainer #subnavigatie #downloadmenu {
    z-index: 40000;
    display: none;
    position: absolute;
    right: 0px;
    top: 51px;
    height: auto;
    padding-top: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
  }
  #paginacontainer #subnavigatie #downloadmenu .button {
    display: block;
    padding: 5px 20px;
    height: 40px;
  }
  #paginacontainer #subnavigatie #downloadmenu .button.download-jaarverslag {
    float: none;
  }
  #paginacontainer #subnavigatie #downloadmenu .button .icon {
    margin-left: 0px;
  }
  #paginacontainer #illustratie .row .col-small-12 h2 {
    font-size: 40px;
    line-height: 1em;
    background-size: 50px auto;
    background-position: left 88px;
    padding-left: 50px;
  }
  #paginacontainer #illustratie .row .col-small-12 h2.hoofdstuk_nr {
    padding-left: 100px;
  }
  #paginacontainer #illustratie .row .col-small-12 h2.hoofdstuk_nr span {
    left: 70px;
  }
  #paginacontainer #illustratie .row .col-small-12 h2 span {
    left: 0px;
    font-size: 40px;
    line-height: 1em;
  }
  #paginacontainer #subnavigatie {
    display: none;
  }
  #paginacontainer #breadcrumbs {
    display: block;
  }
  #paginacontainer #navigatie-desktop {
    position: absolute;
    left: -20px;
    width: 300px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
  }
  #paginacontainer #navigatie-desktop ul.hoofdmenu {
    display: none;
    padding: 20px 0 30px 0;
    margin: 0 30px 0 10px;
  }
  #paginacontainer #navigatie-desktop #stakeholders {
    display: none;
  }
  #paginacontainer .contentcontainer {
    margin-top: 0px;
    padding-top: 0px;
  }
  #paginacontainer .contentcontainer .zijkolom .spreuk {
    text-align: center;
    padding: 30px 15px;
    background-color: #f3fafd;
  }
  #paginacontainer .contentcontainer .zijkolom .tekst {
    text-align: center;
    padding: 30px 15px;
    background-color: #f3fafd;
  }
  #paginacontainer .contentcontainer .stakeholder {
    margin-top: 20px;
  }
  #paginacontainer .contentcontainer .tekstpagina {
    margin-top: 20px;
  }
  #download-selectie {
    width: 100%;
  }
}
/* ========================================================================= media query 890px ======== */
/* ========================================================================= media query 1024px ======== */
@media handheld, only screen and (max-width: 1024px) {
  #paginacontainer #subnavigatie a#togglehoofdmenu {
    padding-left: 0px;
  }
  #paginacontainer .contentcontainer {
    padding-left: 0;
  }
  #paginacontainer .contentcontainer .zijkolom .spreuk {
    text-align: center;
    padding: 15px;
    background-color: #f3fafd;
  }
  #paginacontainer .contentcontainer .zijkolom .tekst {
    padding: 15px;
    background-color: #f3fafd;
  }
}
/* ========================================================================= media query > 1025px ======== */
@media handheld, only screen and (min-width: 1025px) {
  #navigatie-desktop ul.hoofdmenu {
    display: block !important;
  }
}
header #taalkeuze-en-zoek {
  right: 0px;
}

#paginacontainer .contentcontainer {
  margin-top: 30px;
  min-height: 900px;
  padding-right: 0;
}
#paginacontainer .contentcontainer .zijkolom .tekst {
  background-color: transparent;
}
#paginacontainer .contentcontainer .col-small-12:first-child .content {
  background-image: none;
  background-position: left top;
  background-repeat: no-repeat;
  padding-top: 0px;
}
#paginacontainer .contentcontainer .content {
  padding: 0px 15px 20px 15px;
  background-color: transparent;
}
#paginacontainer .contentcontainer .content h1 {
  font-size: 1.59em;
  line-height: 1.38em;
}
#paginacontainer .contentcontainer .content h2 {
  font-size: 1.18em;
  line-height: 1.35em;
}
#paginacontainer .contentcontainer .content h3 {
  font-size: 1.07em;
  line-height: 1.35em;
}
#paginacontainer .contentcontainer .content h4 {
  font-size: 1em;
  line-height: 1.4em;
}
#paginacontainer .contentcontainer .content .introductie {
  color: #b0cc00;
  font-size: 1.3em;
  line-height: 1.37em;
  font-weight: 300;
}
#paginacontainer .contentcontainer .content img {
  width: 100%;
  height: auto;
  margin: 15px 0 30px 0;
}
#paginacontainer .contentcontainer .tekstpagina {
  background-color: transparent;
  margin-bottom: 20px;
  padding: 20px;
}
#paginacontainer #subnavigatie #downloadmenu .button {
  padding: 12px 5px 12px 0px;
  font-size: 15px;
}
#paginacontainer #subnavigatie #downloadmenu .button.download-jaarverslag {
  font-size: 15px;
  padding: 12px 12px;
  margin-left: 5px;
}
#paginacontainer #subnavigatie #downloadmenu .button .icon {
  border: 0px solid transparent;
}
#paginacontainer #subnavigatie #downloadmenu .button .tekst {
  font-size: 15px;
  font-weight: 600;
}
#paginacontainer #subnavigatie .row .content {
  background-color: #f3fafd;
  padding: 0;
}
#paginacontainer #subnavigatie .row .content a#togglehoofdmenu {
  color: #003459;
  padding-left: 40px;
  display: block;
}

#bladeren a .icon {
  transition: all 0.3s ease;
  text-decoration: none;
  padding-top: 7px;
  text-align: center;
  display: inline-block;
  margin-left: 10px;
  width: 24px;
  height: 36px;
  border-radius: 18px 18px 18px 18px;
  -moz-border-radius: 18px 18px 18px 18px;
  -webkit-border-radius: 18px 18px 18px 18px;
  border: 0px solid transparent;
  font-size: 17px;
}

#navigatie-desktop {
  transition: all 0.3s ease;
  background-color: #003459;
  z-index: 2000;
  max-width: 400px;
  padding: 10px 40px 20px 40px;
}
#navigatie-desktop ul.hoofdmenu {
  padding: 0 0 4px 0;
  display: block;
}
#navigatie-desktop ul.hoofdmenu li {
  list-style: none;
  padding: 8px 0 8px 0;
}
#navigatie-desktop ul.hoofdmenu li a {
  display: block;
  color: #fff;
}
#navigatie-desktop ul.hoofdmenu li a + ul.submenu {
  display: none;
  padding: 0 0 0 15px;
}
#navigatie-desktop ul.hoofdmenu li a + ul.submenu li {
  padding: 0;
}
#navigatie-desktop ul.hoofdmenu li a + ul.submenu li a {
  font-size: 14px;
  font-weight: 400;
  padding: 0px;
  color: #fff;
}
#navigatie-desktop ul.hoofdmenu li a + ul.submenu li a.actief {
  font-weight: 700;
}
#navigatie-desktop ul.hoofdmenu li.borderT2 {
  border-top: 2px solid #fff;
}
#navigatie-desktop ul.hoofdmenu > li {
  border-bottom: 1px solid #fff;
}
#navigatie-desktop ul.hoofdmenu > li a {
  font-weight: 600;
  color: #fff;
}
#navigatie-desktop ul.hoofdmenu > li a.actief {
  color: #fff;
  font-weight: 700;
}
#navigatie-desktop ul.hoofdmenu > li a.actief + ul.submenu {
  /*						display: block; */
}

@media handheld, only screen and (max-width: 767px) {
  #paginacontainer #navigatie-desktop {
    display: none;
  }
}
@media handheld, only screen and (max-width: 1140px) {
  #navigatie-desktop {
    padding: 0px 15px;
  }
  #navigatie-desktop ul.hoofdmenu li {
    font-size: 14px;
  }
  #navigatie-desktop ul.hoofdmenu li a + ul.submenu li a {
    font-size: 14px;
  }
  #paginacontainer #subnavigatie .row .content a#togglehoofdmenu {
    display: none;
  }
  #paginacontainer #subnavigatie #downloadmenu .button.download-jaarverslag {
    font-size: 14px;
  }
  #paginacontainer #subnavigatie #downloadmenu .button .tekst {
    font-size: 14px;
  }
}
a.lightbox-link {
  cursor: zoom-in;
}

.half-width {
  max-width: 46%;
  margin: 0 2% 20px;
  float: left;
}
.half-width + *:not(.half-width) {
  clear: both;
}

#paginacontainer table.financien {
  margin: 20px 0;
  width: 100%;
}
#paginacontainer table.financien p {
  margin-bottom: 0;
}
#paginacontainer table.financien thead tr {
  text-align: left;
}
#paginacontainer table.financien thead tr:last-child {
  border-bottom: 1px solid #003459;
}
#paginacontainer table.financien thead tr th {
  padding: 3px 8px;
  font-weight: 600;
  color: #fff;
  background-color: #0064ac;
}
#paginacontainer table.financien thead tr th.highlight {
  background-color: #EEEEEE;
  color: #003459;
}
#paginacontainer table.financien tbody tr {
  border-bottom: 1px solid #aaa;
}
#paginacontainer table.financien tbody tr td {
  padding: 3px 8px;
}
#paginacontainer table.financien tbody tr td.highlight {
  background-color: #EEEEEE;
}
#paginacontainer table.financien tbody tr td.header, #paginacontainer table.financien tbody tr td.header ~ * {
  background-color: transparent;
}
#paginacontainer table.financien tbody tr td.header p, #paginacontainer table.financien tbody tr td.header ~ * p {
  font-weight: 600;
  color: #b0cc00;
  padding-top: 20px;
}
#paginacontainer table.financien tbody tr td.red, #paginacontainer table.financien tbody tr th.red {
  background-color: rgb(225, 55, 55);
}
#paginacontainer table.financien tbody tr td.orange, #paginacontainer table.financien tbody tr th.orange {
  background-color: rgb(255, 192, 0);
}
#paginacontainer table.financien tbody tr td.green, #paginacontainer table.financien tbody tr th.green {
  background-color: rgb(146, 208, 80);
}
#paginacontainer table.financien tbody tr.subtotals {
  font-weight: 600;
}
#paginacontainer table.financien tfoot tr {
  font-weight: 600;
}
#paginacontainer table.financien tfoot tr td {
  padding: 3px 8px;
  background-color: #b0cc00;
  color: #fff;
}
#paginacontainer table.financien tfoot tr td.highlight {
  background-color: #EEEEEE;
  color: #b0cc00;
}
#paginacontainer table.financien .subtotal th,
#paginacontainer table.financien .subtotal td {
  background-color: #f0ff91;
  font-weight: 700;
}
#paginacontainer table.financien .subtotal th.highlight,
#paginacontainer table.financien .subtotal td.highlight {
  color: #fff;
  background-color: #EEEEEE;
}
#paginacontainer table.financien .total th,
#paginacontainer table.financien .total td {
  font-weight: 700;
  background-color: #b0cc00;
  color: #003459;
}
#paginacontainer table.financien .header th,
#paginacontainer table.financien .header td {
  background-color: #d5e2ec;
}
#paginacontainer table.financien .tableheader th,
#paginacontainer table.financien .tableheader td {
  color: #fff;
  background-color: #0064ac;
}
#paginacontainer #subnavigatie #downloadmenu .button .tekst {
  display: block;
}
#paginacontainer #subnavigatie #downloadmenu .button .tekst.remove {
  display: none;
}
#paginacontainer #subnavigatie #downloadmenu .button.voeg-toe-aan-pdf.minus .icon {
  background-image: url(../img/voeg-toe-aan-pdf-minus.png);
}
#paginacontainer #subnavigatie #downloadmenu .button.voeg-toe-aan-pdf.minus:hover .icon {
  background-image: url(../img/voeg-toe-aan-pdf_licht-minus.png);
}
#paginacontainer #subnavigatie #downloadmenu .button.voeg-toe-aan-pdf.minus .tekst {
  display: none !important;
}
#paginacontainer #subnavigatie #downloadmenu .button.voeg-toe-aan-pdf.minus .tekst.remove {
  display: block !important;
}
#paginacontainer .contentcontainer .content a {
  text-decoration: underline;
}
#paginacontainer .contentcontainer .content:after {
  content: "";
  display: block;
  clear: both;
}
#paginacontainer .contentcontainer .content table img {
  width: auto;
  height: auto;
  margin: 0;
}
#paginacontainer .contentcontainer .chart {
  margin-top: 20px;
  margin-bottom: 20px;
}
#paginacontainer .contentcontainer .chart > p {
  margin-bottom: 0pt;
}

.link-block {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  color: #8dc8e8;
  font-style: italic;
  text-decoration: underline;
  margin-bottom: 20px;
}

.explanation-block {
  padding: 10px;
  margin: 10px 0 20px;
  background-color: #e4f6fc;
}

/* Table wrapper */
.table-wrapper {
  position: relative;
  overflow: hidden;
  margin: -30px 0 0 -30px;
  padding: 30px 0 30px 30px;
}

.table-wrapper table {
  width: 880px;
  margin-bottom: 0;
}

.table-overlay {
  z-index: 10;
  position: absolute;
  top: 29px;
  right: -1px;
  bottom: 29px;
  width: 40%;
  box-shadow: inset -18px 1px 48px -35px rgba(0, 0, 0, 0.4);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 90%, rgb(255, 255, 255) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(90%, rgb(255, 255, 255)), color-stop(100%, rgb(255, 255, 255))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 90%, rgb(255, 255, 255) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 90%, rgb(255, 255, 255) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 90%, rgb(255, 255, 255) 100%); /* IE10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 90%, rgb(255, 255, 255) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=1 ); /* IE6-9 */
}

.table-zoom {
  z-index: 11;
  position: absolute;
  right: -1px;
  width: 40px;
  height: 40px;
  background-color: #fff;
  background: url(../img/vergrootglas.png) center center no-repeat #fff;
  background-size: cover;
}

.table-close {
  display: none;
  position: absolute;
  top: 10px;
  width: 35px;
  height: 30px;
  background: url(../img/sluiten.png) center center no-repeat #fff;
}

.table-wrapper.popup { /*float: right;*/
  margin: 20px 0;
  padding: 50px 20px 20px;
  background-color: #fff;
  box-shadow: 0 0 4px 0;
}

@media (max-width: 991px) {
  .table-wrapper.popup {
    overflow: scroll;
    width: 100%;
  }
  .table-close {
    left: 20px;
  }
}
@media (min-width: 992px) {
  .table-wrapper.popup {
    overflow: visible;
    width: 920px;
    z-index: 1;
  }
  .table-close {
    right: 10px;
  }
}
.popup .table-overlay, .popup .table-zoom {
  display: none;
}

.popup .table-close {
  display: block;
}

@media screen and (max-width: 991px) {
  .div-table-wrapper-scroll {
    overflow-x: hidden;
  }
}
@media screen and (min-width: 992px) {
  .div-table-wrapper-scroll {
    overflow-x: hidden;
  }
}
.award-block p {
  color: #b0cc00;
}

.home #paginacontainer #contentspacer {
  height: 0;
}
.home #paginacontainer {
  height: calc(100vh - 196px);
}
@media handheld, only screen and (max-width: 767px) {
  .home #paginacontainer {
    height: calc(100vh - 116px);
  }
}
.home .groot_beeld {
  position: relative;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-image: url(../img/home.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.home .groot_beeld #quote {
  position: absolute;
  top: 170px;
  width: 100%;
  color: #fff;
  font-weight: 600;
}
.home .groot_beeld #quote .inner {
  margin: 0 auto;
  font-size: 30px;
  line-height: 38px;
  text-align: center;
}
.home .groot_beeld #quote .inner h2 {
  color: #fff;
  font-size: 71px;
  line-height: 0.9em;
  font-weight: normal;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  margin: 0 0 10px 0;
  text-shadow: 0 0 15px #000000;
}
.home #hoofdmenu {
  display: none;
  position: absolute;
  right: 0px;
  top: 65px;
  background-color: #003459;
  z-index: 17000;
  padding: 20px 20px 30px 40px;
  overflow: auto;
}
.home #hoofdmenu .titel {
  color: #fff;
  font-weight: 700;
  border-bottom: 3px solid #fff;
  padding: 0 0 12px 0;
  margin: 10px 0 20px;
}
.home #hoofdmenu ul.hoofdmenu {
  display: block;
  padding: 0;
  margin: 0;
}
.home #hoofdmenu ul.hoofdmenu li {
  list-style: none;
  padding: 8px 0 8px 0;
}
.home #hoofdmenu ul.hoofdmenu > li {
  border-bottom: 1px solid #fff;
}
.home #hoofdmenu ul.hoofdmenu > li a {
  font-weight: 600;
  color: #fff;
}
.home header #open-hoofdmenu {
  position: absolute;
  z-index: 16003;
  right: 50px;
  top: 0px;
  height: 80px;
  line-height: 80px;
  padding: 0 10px 0 15px;
  width: 250px;
}
@media (max-width: 767px) {
  .home header #open-hoofdmenu {
    display: none;
  }
}
.home header #open-hoofdmenu a {
  display: block;
  font-size: 16px;
  color: #003459;
  padding-right: 45px;
}
.home header #open-hoofdmenu a .fal {
  position: absolute;
  right: 55px;
  top: 25px;
  display: inline-block;
  height: 50px;
  margin: 0 0 0 20px;
  font-size: 30px;
  padding-top: 0px;
}
.home header #open-hoofdmenu a:hover {
  text-decoration: none;
}

.no-gutter [class*=col-],
.no-gutter [class*=row] {
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
}

.home {
  font-size: 18px;
}
@media (min-width: 992px) {
  .home .doctitle {
    font-size: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home .gemeente {
    display: none;
  }
}

.doctitle {
  font-size: 30px;
  font-weight: normal;
}

#paginacontainer #breadcrumbs.desktop {
  display: none;
}
@media (min-width: 768px) {
  #paginacontainer #breadcrumbs.desktop {
    display: block;
    margin: 0;
    padding: 0;
    min-height: 0;
  }
}

#paginacontainer .contentcontainer {
  margin-top: 10px;
}

#paginacontainer .contentcontainer #bladeren a.volgende {
  float: right;
}

#paginacontainer .contentcontainer #bladeren a {
  width: auto;
}

li p {
  margin-bottom: 0;
}

.nav-pink-container {
  background-color: #003459;
  display: block;
  height: 55px;
  position: relative;
  text-align: center;
  width: 100%;
}

.nav-pink-links-container-outer {
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  border-right: 1px solid rgba(60, 60, 60, 0.15);
  float: left;
  height: 55px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.nav-pink-dropdown {
  background-color: #fcfcfc;
  border-bottom: #003459 2px solid;
  display: none;
  height: auto;
  width: 100%;
}
.nav-pink-dropdown .container {
  width: 970px;
  margin: 0 auto;
}

.nav-pink-dropdown ul {
  list-style-type: none;
  margin: 0;
  padding: 20px 0;
}

.nav-pink-dropdown ul li {
  display: inline-block;
  font-size: 15px;
  margin: 0;
  padding: 12px 0;
  text-align: left;
  vertical-align: middle;
  width: 33%;
}

.nav-pink-dropdown ul li::before {
  content: "»";
  color: #b0cc00;
  padding-right: 10px;
}

.nav-pink-dropdown ul li a {
  color: #606060;
  text-decoration: none;
}

.nav-pink-dropdown ul li a:hover {
  color: #b0cc00;
  text-decoration: none;
}

.nav-pink-link {
  border-left: 1px solid rgba(60, 60, 60, 0.15);
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  display: inline-table;
  height: 100%;
  margin: 0;
  padding: 0;
  width: calc(16.6666666667% - 2px);
  vertical-align: top;
}

.nav-pink-link.itemcount-2 {
  width: calc(50% - 2px);
}

.nav-pink-link.itemcount-3 {
  width: calc(33.3333333333% - 2px);
}

.nav-pink-link.itemcount-4 {
  width: calc(25% - 2px);
}

.nav-pink-link.itemcount-5 {
  width: calc(20% - 2px);
}

.nav-pink-link.itemcount-6 {
  width: calc(16.6666666667% - 2px);
}

.nav-pink-link.itemcount-7 {
  width: calc(14.2857142857% - 2px);
}

.nav-pink-link.itemcount-8 {
  width: calc(12.5% - 5px);
}

.nav-pink-link > a {
  color: #ffffff;
  display: table-cell;
  font-size: 15px;
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s linear !important;
  -webkit-transition: all 0.3s linear !important;
  vertical-align: middle;
  width: 100%;
}

.nav-pink-link > a:hover {
  background-color: #b0cc00;
  color: #003459;
}

.versionlabel {
  position: absolute;
  bottom: 10px;
  color: #fff;
  text-align: center;
  width: 100%;
  text-shadow: 0 0 15px #000000;
}
/*# sourceMappingURL=style.css.map */