/* 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;
  text-transform: uppercase; }

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: 1.0em;
      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: #e13737; }
    #paginacontainer table.financien tbody tr td.orange, #paginacontainer table.financien tbody tr th.orange {
      background-color: #ffc000; }
    #paginacontainer table.financien tbody tr td.green, #paginacontainer table.financien tbody tr th.green {
      background-color: #92d050; }
    #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%, white 90%, white 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(90%, white), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 90%, white 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 90%, white 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 90%, white 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 90%, white 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: '\00bb ';
  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(100% / 6  - 2px);
  vertical-align: top; }

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

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

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

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

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

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

.nav-pink-link.itemcount-8 {
  width: calc(100% / 8  - 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 .3s linear !important;
  -webkit-transition: all .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 */