/*
Theme Name: PBL Rijkshuisstijl themasite
Description: Rijkshuisstijl theme voor Balans van de Leefomgeving
Version: 2.2
Author: Jeroen Dolmans
Tags: PBL, Rijkshuisstijl
*/
@font-face {
  font-family: "RijksoverheidSansText";
  src: url("fonts/ROsanswebtextregular.eot?") format("embedded-opentype"), url("fonts/ROsanswebtextregular.woff") format("opentype");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "RijksoverheidSansItalic";
  src: url("fonts/ROsanswebtextitalic.eot?") format("embedded-opentype"), url("fonts/ROsanswebtextitalic.woff") format("opentype");
  font-style: italic;
  font-weight: normal; }
@font-face {
  font-family: "RijksoverheidSansBold";
  src: url("fonts/ROsanswebtextbold.eot?") format("embedded-opentype"), url("fonts/ROsanswebtextbold.woff") format("opentype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: "RijksoverheidSerif";
  src: url("fonts/ROserifwebregular.eot?") format("embedded-opentype"), url("fonts/ROserifwebregular.woff") format("opentype");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "RijksoverheidSerifItalic";
  src: url("fonts/ROserifwebitalic.eot?") format("embedded-opentype"), url("fonts/ROserifwebitalic.woff") format("opentype");
  font-style: italic;
  font-weight: normal; }
@font-face {
  font-family: "RijksoverheidSerifBold";
  src: url("fonts/ROserifwebbold.eot?") format("embedded-opentype"), url("fonts/ROserifwebbold.woff") format("opentype");
  font-weight: bold;
  font-style: normal; }
body {
  padding: 0;
  border-top: 3px solid #4E4E4E;
  background-color: #F3F5F6;
  font-family: "RijksoverheidSansText", Verdana, sans-serif; }

div {
  box-sizing: border-box; }

.container {
  max-width: 1180px;
  min-width: 320px;
  background: #FFF; }

#mainbox {
  border-bottom: 3px solid #4E4E4E; }

.header,
.footer {
  background: none; }

#home .content,
#content .content {
  border-top: 10px solid #D6D7B2; }

#publicationhome .content,
#publicationcontent .content {
  border-top: 10px solid #FFF;
  margin-bottom: 20px;
  padding-top: 30px; }

.content {
  padding: 15px 20px 40px 20px;
  top: 0; }

div.ref {
  width: 100%;
  padding: 5px;
  border: 1px solid #DCDCDC;
  font-size: 1.1em; }

.footer .ref {
  padding: 0; }

strong {
  font-weight: normal;
  font-family: "RijksoverheidSansBold", Verdana, sans-serif; }

sup, sub {
  font-size: 0.6em; }

@media (min-width: 767px) {
  .content_add {
    float: right;
    width: 25%; } }
@media (max-width: 766px) {
  .content_add {
    width: 100%; } }

.content_main {
  padding-top: 15px;
  overflow: visible; }

.mod {
  margin-right: 0; }

.group:after {
  content: "";
  display: table;
  clear: both; }

ul.nomargin {
  font-size: 2em; }

.header {
  padding: 0px; }

.header .branding img {
  margin-left: 0px; }

.title_bar div#sitename {
  font-family: "RijksoverheidSansBold", Verdana, sans-serif;
  font-size: 1.333em;
  line-height: 1.333em;
  float: left; }
  @media (min-width: 767px) {
    .title_bar div#sitename {
      width: 66.6%; } }
  @media (max-width: 766px) {
    .title_bar div#sitename {
      width: 100%; } }

#search {
  font-size: .875em;
  height: 44px;
  width: 33%;
  position: absolute;
  top: 8px;
  left: 66%; }

.header #search .wrapper {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  max-width: 1200px; }

.header #search .wrapper:before,
.header #search .wrapper:after {
  content: " ";
  display: table; }

@media (min-width: 767px) {
  .header #search .wrapper form {
    float: left;
    width: 25%; } }

@media (min-width: 767px) {
  .header #search .wrapper form {
    left: 75%; } }

.header #search .wrapper form {
  left: 0;
  position: relative;
  width: 100%;
  min-height: 1px;
  position: relative; }

#search form {
  position: absolute;
  z-index: 1;
  margin: 10px 0 0 0; }

#search form input[type=submit] {
  position: absolute;
  right: 15px;
  top: 0;
  width: auto;
  background: #e5f0f9 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAxQTFRFAWibmcPXOImx////cMSuLgAAAAR0Uk5T////AEAqqfQAAABBSURBVHjabI5JDgAwCAKx/P/PtaBdknIwGRcQZCAVXAIHpCEK9V3ZS4km+uRL9+br0gmedbqwPMrvELH968spwABl+gExsfnwvAAAAABJRU5ErkJggg==") no-repeat 6px 5px;
  border: 1px solid;
  border-color: #e5f0f9;
  color: #01689b;
  font-weight: normal;
  cursor: pointer;
  line-height: 1em;
  padding: 0 10px 0 25px;
  font-size: 1em; }

#search form input {
  display: block;
  float: left;
  margin: 0;
  padding: 0 0 0 5px;
  width: 100%;
  height: 24px;
  border: 0;
  background-color: #fff;
  color: #112;
  font-weight: normal;
  border: 1px solid #fff;
  line-height: 1em; }

.search_results li a:hover h2 {
  text-decoration: underline; }

.servicemenu {
  padding: 0 20px 40px;
  background-color: #EAEBEE; }

div.archive_text {
  padding: 20px;
  background-color: #EBEBD9;
  border-left: 3px solid #007BC7;
  margin-bottom: 1.5em;
  width: 95%;
  border-radius: 1px; }
  div.archive_text p {
    margin-bottom: 0;
    padding-right: 0; }

@media (min-width: 767px) {
  body.formaat21 #hoofd_content {
    left: 0;
    width: 70%; } }
@media (max-width: 766px) {
  body.formaat21 #hoofd_content {
    width: 100%; } }

body.formaat1#content .content_main {
  left: 0;
  width: 100%; }

body.formaat21#content .content_add {
  left: 0%; }

body.formaat21 .content_main,
body.formaat21 .content_add {
  padding-top: 0px; }

body.thema.formaat21 .content_main,
body.thema.formaat21 .content_add {
  padding-top: 0px; }

@media (max-width: 766px) {
  .size12 {
    width: 100%;
    float: none; } }

@media (min-width: 767px) {
  body.home .content,
  body.publicationhome .content {
    padding-top: 35px; } }
@media (max-width: 766px) {
  body.home .content,
  body.publicationhome .content {
    padding-top: 0; } }

p, ul {
  line-height: 1.64em;
  font-size: 1em; }

p + ul {
  margin-top: -0.5em; }

/*ul + p {
  margin-top: -1.45em;
}*/
#hoofd_content table.stoplicht img {
  margin-left: 0px; }

.rightmargin {
  padding-right: 20px;
  width: 208px; }

.content h3 {
  padding: 0; }

.content_add h2 {
  font-size: 1.8em; }

h1 {
  color: #007BC7;
  font-family: "RijksoverheidSansText", Verdana, sans-serif; }
  @media (max-width: 766px) {
    h1 {
      font-size: 2.4em; } }
  @media (min-width: 767px) {
    h1 {
      font-size: 4.8em; } }

h2 {
  font-family: "RijksoverheidSansBold", Verdana, sans-serif;
  margin: 1.2em 0 0;
  padding: 0.3em 0;
  color: #007BC7; }
  @media (max-width: 766px) {
    h2 {
      font-size: 1.9em; } }
  @media (min-width: 767px) {
    h2 {
      font-size: 2.1em; } }

h3 {
  font-family: "RijksoverheidSansBold", Verdana, sans-serif;
  margin: 1.2em 0 0;
  padding: 0.3em 0; }
  @media (max-width: 766px) {
    h3 {
      font-size: 1.9em; } }
  @media (min-width: 767px) {
    h3 {
      font-size: 1.9em; } }

p {
  margin-bottom: 1em;
  line-height: 1.4em; }
  @media (max-width: 766px) {
    p {
      font-size: 1.8em; } }
  @media (min-width: 767px) {
    p {
      font-size: 2em; } }

@media (max-width: 766px) {
  div#breadcrumbs {
    font-size: 1.2em;
    display: none; } }
@media (min-width: 767px) {
  div#breadcrumbs {
    font-size: 1.5em;
    padding-bottom: 20px; } }

.content ul li {
  background: url("css/skin/bullet.png") no-repeat scroll left 7px transparent;
  margin-bottom: 0.5em;
  padding-left: 11px;
  line-height: 1.4em;
  font-size: 1.2rem; }

.content_add ul li {
  line-height: 1.2em; }

.content_add ul {
  font-size: 1.1rem; }

.lijn {
  border-bottom: 1px solid #777C00; }

div.textbox {
  padding: 20px;
  background-color: #EAEBEE;
  border-left: 3px solid #007BC7;
  width: 95%; }
  div.textbox p {
    margin-bottom: 0; }

p.lead {
  font-family: "RijksoverheidSansBold", Verdana, sans-serif; }

sub {
  font-size: 0.7em; }

:focus {
  outline: blue solid 2px; }

@media (max-width: 766px) {
  .page-list-ext-item-content {
    font-size: 1.8em; } }
@media (min-width: 767px) {
  .page-list-ext-item-content {
    font-size: 2em; } }

ul.nav_main {
  font-weight: normal;
  font-family: "RijksoverheidSansText", Verdana, sans-serif;
  font-size: 1.6em; }

ul.nav_main li.active-trail a {
  background-color: #D6D7B2;
  color: black; }

ul.nav_publicationyear {
  font-weight: normal;
  font-family: "RijksoverheidSansText", Verdana, sans-serif;
  font-size: 1.6em;
  list-style: none;
  margin: 0;
  display: block; }
  ul.nav_publicationyear li {
    background: none;
    float: left;
    margin: 0;
    padding: 0; }
  ul.nav_publicationyear li.current_page_item a {
    background-color: #FFF; }
  ul.nav_publicationyear a {
    display: block;
    padding: 0.16em 0.9091em 0.24em;
    color: #154273; }
  ul.nav_publicationyear a:hover {
    color: #154273;
    background-color: #FFF;
    text-decoration: none; }

ul.nav_publicationyear:after {
  clear: both;
  content: '.';
  display: block;
  visibility: hidden;
  height: 0; }

.azure .current-menu-item a,
.azure .current-page-ancestor a,
.moss_green .current-menu-item a,
.moss_green .current-page-ancestor a {
  background-color: #D6D7B2;
  color: #000000; }

li a.active {
  color: #000000; }

@media (max-width: 766px) {
  .nav_bar {
    padding-top: 5px; } }

@media (min-width: 767px) {
  .nav_bar h2 {
    display: none; } }
@media (max-width: 766px) {
  .nav_bar h2 {
    margin: 0;
    color: white;
    padding-left: 24px; } }

@media (max-width: 766px) {
  .nav_bar li {
    float: none;
    border-bottom: 1px solid white; } }

@media (max-width: 766px) {
  .nav_bar a {
    padding-left: 0; } }

@media (max-width: 766px) {
  .azure .current-menu-item a {
    background-color: transparent;
    color: white;
    font-family: "RijksoverheidSansBold", Verdana, sans-serif; } }

.content_add li.current_page_ancestor a,
.content_add li.current_page_parent a {
  background-color: transparent; }

li.current_page_ancestor a,
li.current_page_parent a {
  background-color: #EBEBD9;
  display: block; }

.nav_sub li.current_page_item a {
  background-color: #D6D7B2;
  display: block; }

.nav_sub ul li span > ul {
  font-weight: bold; }

/**
 * Vertical navigation
 *
 * @section     Vertical (sub) navigation style definitions
 */
.nav_sub h2,
.nav_sub h3,
.nav_sub h4,
.nav_sub h5
.nav_sub h6 {
  display: none; }

.nav_sub ul {
  font-size: 1em;
  list-style-type: none;
  margin: 0;
  padding: 0; }

.nav_sub ul ul {
  margin: 0.1em 0; }

.nav_sub ul ul ul {
  margin: 0.1em 0; }

.nav_sub ul ul ul ul {
  margin: 0.1em 0; }

.nav_sub ul li {
  background: none;
  list-style: none;
  margin: 0;
  padding: 0; }

.nav_sub ul li a {
  color: #000;
  font-size: 1.1em; }

.nav_sub ul li a:hover {
  text-decoration: none; }

/* Deze klopt */
.nav_sub li a {
  background: url(skin/arrows.png) 1.8em 7px no-repeat;
  text-decoration: none;
  display: block;
  padding: 0.2em 1em 0.2em 2.8em;
  width: 17.6em; }

.nav_sub li ul.children li a {
  background: url(skin/arrows.png) 2.8em 7px no-repeat;
  padding: 0.2em 1em 0.2em 3.8em;
  width: 16.6em; }

.nav_sub li ul.children ul.children li a {
  background: url(skin/arrows.png) 3.8em 7px no-repeat;
  padding: 0.2em 1em 0.2em 4.8em;
  width: 15.6em; }

.nav_sub li ul.children ul.children ul.children li a {
  background: url(skin/arrows.png) 4.8em 7px no-repeat;
  padding: 0.2em 1em 0.2em 5.8em;
  width: 14.6em; }

.nav_sub li ul.children ul.children ul.children ul.children li a {
  background: url(skin/arrows.png) 5.8em 7px no-repeat;
  padding: 0.2em 1em 0.2em 6.8em;
  width: 13.6em; }

.nav_sub li ul.children ul.children ul.children ul.children ul.children li a {
  background: url(skin/arrows.png) 6.8em 7px no-repeat;
  padding: 0.2em 1em 0.2em 7.8em;
  width: 12.6em; }

/* Deze klopt */
.nav_sub li.current_page_ancestor a {
  background-color: #EBEBD9;
  background-position: 1.8em -82px; }

.nav_sub li.current_page_ancestor li.current_page_ancestor a {
  background-color: #EBEBD9;
  background-position: 2.8em -82px; }

.nav_sub li.current_page_ancestor li.current_page_ancestor li.current_page_ancestor a {
  background-color: #EBEBD9;
  background-position: 3.8em -82px; }

.nav_sub li.current_page_ancestor li.current_page_ancestor li.current_page_ancestor li.current_page_ancestor a {
  background-color: #EBEBD9;
  background-position: 4.8em -82px; }

.nav_sub li.current_page_ancestor li.current_page_ancestor li.current_page_ancestor li.current_page_ancestor li.current_page_ancestor a {
  background-color: #EBEBD9;
  background-position: 5.8em -82px; }

.nav_sub li.current_page_item a {
  background-color: #D6D7B2; }

.nav_sub li.current_page_ancestor li.current_page_item a {
  background-color: #D6D7B2; }

.nav_sub li.current_page_ancestor li.current_page_ancestor li.current_page_item a {
  background-color: #D6D7B2; }

.nav_sub li.current_page_ancestor li.current_page_ancestor li.current_page_ancestor li.current_page_item a {
  background-color: #D6D7B2; }

.nav_sub li.current_page_ancestor li.current_page_ancestor li.current_page_ancestor li.current_page_ancestor li.current_page_item a {
  background-color: #D6D7B2; }

/** servicemenu **/
ul.left li.current-menu-item a {
  background-color: transparent; }

/** Kruimelpad aanpassen **/
div.breadcrumbs strong {
  font-weight: normal; }

@media (min-width: 767px) {
  .pbl-carrousel {
    background-color: #FFF;
    margin: -35px -20px 0px -20px;
    height: 425px;
    width: 1180px; } }
@media (max-width: 766px) {
  .pbl-carrousel {
    display: none; } }
.pbl-carrousel .slide {
  width: 100%; }

#controls {
  position: relative;
  height: 30px;
  margin-top: -35px;
  width: 350px;
  left: 630px;
  z-index: 1000; }
  #controls span {
    font-size: 8em; }

#pager {
  padding: 7px 0px 5px 15px;
  height: 20px;
  float: right; }

#pager a {
  color: #FFF;
  margin-right: 10px;
  text-decoration: none;
  background-color: #777C00;
  padding: 4px 6px 4px 6px;
  font-weight: bold;
  font-size: 1.2em; }

#pager a.activeSlide {
  font-weight: bold;
  background-color: #FFF;
  color: #777C00; }

#next {
  padding: 5px;
  height: 20px;
  float: right;
  background-color: #dCdCdC;
  font-size: 0.9em; }

.foto {
  width: 100%;
  height: 425px;
  float: left;
  overflow: hidden; }

.foto img {
  margin-bottom: 0;
  width: 100%; }

div.foto img {
  border: 0; }

div.text {
  width: 40%;
  height: 425px;
  background-color: #EEE;
  position: absolute;
  opacity: 0.7;
  right: 5%; }

div.excerpt {
  padding: 15px;
  width: 40%;
  height: 300px;
  position: absolute;
  color: #000;
  right: 5%;
  /*div.excerpt_content p a {
    color: #FFF;
  }*/ }
  div.excerpt div.title {
    color: #007BC7;
    font-size: 3em;
    margin-bottom: 20px;
    font-family: "RijksoverheidSerifBold", serif; }
  div.excerpt div.excerpt_content,
  div.excerpt div.excerpt_content p {
    margin-top: 5px;
    font-size: 2em;
    /*color: $blauw_licht;*/
    line-height: 1.5em; }
  div.excerpt div.excerpt_content a {
    display: block;
    margin-top: 10px;
    /*color: #FFF;*/
    text-decoration: underline; }
  div.excerpt div.title a {
    /**/
    color: #FFF;
    text-decoration: none; }
  div.excerpt div.title a:hover {
    text-decoration: underline; }

div.share-bar {
  border-top: 1px dotted #a6a6a6;
  border-bottom: 1px dotted #a6a6a6;
  width: 95%;
  margin-bottom: 3em; }
  div.share-bar ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    text-align: right;
    padding-right: 0; }
    div.share-bar ul li {
      background-image: none;
      padding: 5px 0px 5px 10px;
      margin-bottom: 0;
      display: inline-block;
      box-sizing: border-box; }
      div.share-bar ul li a:hover {
        text-decoration: none; }
        div.share-bar ul li a:hover span.fa {
          color: #FFF;
          background-color: #007BC7; }
      div.share-bar ul li span.fa {
        padding: 9px;
        border: 2px solid #007BC7;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        display: block;
        text-align: center;
        line-height: 15px;
        color: #007BC7; }
      div.share-bar ul li span.share-button-text {
        display: none; }

div#comments_view {
  border-top: 2px solid #777C00;
  padding: 8px 8px 8px 8px; }

#comments h3 {
  margin-top: 0;
  padding: 0; }

li.comment {
  background-image: none; }

.comment_element {
  background-color: #F4F4ED;
  margin-top: 5px;
  padding: 4px; }

table.tabel_tekst {
  width: 95%;
  border-collapse: collapse; }
  table.tabel_tekst td {
    font-size: 1.6em; }
  table.tabel_tekst td.lijnen_beide {
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC; }
  table.tabel_tekst td.lijnen_onder {
    border-bottom: 1px solid #DCDCDC; }
  table.tabel_tekst td.voetnoot {
    font-size: 1.4em; }

div.switcher img.hover {
  display: none; }

/** CONTENT **/
div#content.voorpagina {
  width: 500px;
  font-size: 0.9em; }

div.post {
  float: left; }

/*table.stoplicht {
  font-size: 1.6em;
  max-width: 100%;
  border-collapse: collapse;
}

table.stoplicht td {
  vertical-align: top;
  border-bottom: 1px solid #d6d6d6;
  background-color: #F8F8F8;
}

table.stoplicht td.deeltabelkop {
  width: 30%;
  background-color: #007BC7;
  font-weight: bold;
  color: #FFF;
  padding: 8px 4px 8px 0px;
}

table.stoplicht td.deeltabelkop.titel,
table.stoplicht td:first-child {
  padding-left: 15px;
}

table.stoplicht td.centered {
  text-align: center;
  width: 10%;
}*/
/*div.policy_goals {
  font-size: 1.6em;
  max-width: 100%;
}

div.policy_goal  {
  border-bottom: 1px solid #d6d6d6;
  background-color: #F8F8F8;
  padding: 15px;
  */
  /*margin-bottom: 20px;
box-shadow: 0 -1px 0 #e5e5e5, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);*/
                                                                                             /*

  div.goal {
    display: inline-block;
    width: 67%;
    padding-right: 20px;
    font-size: 1.3em;
    min-height: 0;
    margin-bottom: 0;
  }

  div.evaluations {
    display: inline-block;
    width: 33%;

    img {
      margin-bottom: 0;
      margin-right: 20%;
    }
  }

  div.explanation {
    h2 {
      font-size: 1em;
    }
    padding-top: 20px;
  }
}

div.policy_goals_theme {
  background-color: #007BC7;
  color: #FFF;
  padding: 10px 4px 8px 15px;
  height: 50px;

  div.theme_name {
    width: 70%;
    padding-right: 20px;
    display: inline-block;
    font-size: 1.5em;
  }

  .columns {
    width: 30%;
    display: inline-block;
  }

  .column {
    width: 25%;
    margin-right: 10px;
    display: inline-block;
  }
}*/
div.legendabar {
  background-color: #B2D7EE;
  padding: 5px 0 5px 15px; }
  div.legendabar a.legendabutton {
    cursor: pointer;
    font-size: 1.6em;
    font-family: "RijksoverheidSansBold", Verdana, sans-serif;
    color: #007BC7; }

div.legendadiv {
  background-color: #D9EBF7; }

div.legenda_klasse {
  padding: 15px; }
  div.legenda_klasse img {
    float: left;
    margin-right: 30px;
    margin-bottom: 0; }
  div.legenda_klasse span {
    overflow: hidden;
    color: #000;
    display: inherit;
    font-size: 1.6em; }

div.legenda_klasse:after {
  clear: both;
  content: "";
  display: table; }

h2.thema {
  padding: 10px;
  background-color: #007BC7;
  color: #FFF;
  margin-bottom: 1em; }

body.indicator div.goal {
  width: 95%; }

div.goal {
  margin-bottom: 1em;
  min-height: 165px; }
  div.goal .goal_name {
    position: relative;
    width: 100%;
    top: 0;
    padding: 3px 0px 3px 5px;
    font-size: 1.8em;
    font-family: "RijksoverheidSansBold", Verdana, sans-serif;
    border-top: 2px solid #007BC7;
    border-left: 1px solid #9c9c9c;
    border-right: 1px solid #9c9c9c;
    border-bottom: 1px solid #9c9c9c;
    background-color: #D9EBF7; }
  div.goal ul {
    padding: 0;
    margin: 0; }
  div.goal li {
    display: inline-block;
    margin: 0;
    background-color: #e6e6e6;
    background-image: none;
    padding: 12px 0px 12px 0px;
    box-sizing: border-box;
    text-align: center;
    border-bottom: 1px solid #9c9c9c;
    border-right: 1px solid #9c9c9c;
    height: 56px; }
    div.goal li span {
      padding-left: 38px;
      background-repeat: no-repeat;
      background-position: left top;
      height: 30px;
      padding-top: 4px;
      display: inline-block;
      font-size: 0.8em; }
    div.goal li i {
      margin-left: 10px;
      color: #969696; }
    div.goal li i:hover {
      color: #666; }
  div.goal li.first {
    border-left: 1px solid #9c9c9c; }
  div.goal li[data-tabcount="1"] {
    width: 100%; }
  div.goal li[data-tabcount="2"] {
    width: calc(100%/2); }
  div.goal li[data-tabcount="3"] {
    width: calc(100%/3); }
  div.goal li[data-tabcount="4"] {
    width: calc(100%/4); }
  div.goal li[data-tabcount="5"] {
    width: calc(100%/5); }
  div.goal li[data-tabcount="6"] {
    width: calc(100%/6); }
  div.goal li[data-tabcount="7"] {
    width: calc(100%/7); }
  div.goal li.wit span {
    background-image: url(images/wit.png); }
  div.goal li.grijs span {
    background-image: url(images/grijs.png); }
  div.goal li.groen span {
    background-image: url(images/groen.png); }
  div.goal li.geel span {
    background-image: url(images/geel.png); }
  div.goal li.oranje span {
    background-image: url(images/oranje.png); }
  div.goal li.rood span {
    background-image: url(images/rood.png); }
  div.goal li.found:hover {
    background-color: #f6f6f6;
    cursor: pointer; }
  div.goal li.selected {
    border-bottom: 1px solid #FFF;
    background-color: #FFF; }
  div.goal li.selected:hover {
    background-color: #FFF;
    cursor: auto; }
  div.goal .explanation {
    overflow: hidden;
    font-size: 1.8em;
    padding: 20px;
    display: none;
    border-left: 1px solid #a6a6a6;
    border-right: 1px solid #a6a6a6;
    border-bottom: 1px solid #a6a6a6; }
    div.goal .explanation.selected {
      background-color: #FFF;
      display: block; }
    div.goal .explanation i {
      padding: 0 10px;
      color: #007BC7; }
    div.goal .explanation a {
      color: #007BC7;
      font-family: "RijksoverheidSansBold", Verdana, sans-serif; }

.hidden {
  display: none; }

.goal_widget {
  background-color: #F2F2F2;
  margin-bottom: 1.5em;
  position: relative;
  width: 95%; }
  .goal_widget .goal_name {
    position: relative;
    width: 100%;
    top: 0;
    background-color: #CFCFCF;
    padding: 3px 0px 3px 10px;
    font-size: 1.8em;
    font-family: "RijksoverheidSansBold", Verdana, sans-serif;
    border-bottom: 2px solid #007BC7; }
  .goal_widget .evaluation_explanation {
    padding: 10px;
    font-size: 1.8em; }
    .goal_widget .evaluation_explanation .evaluation {
      float: left;
      width: 8%; }
      .goal_widget .evaluation_explanation .evaluation span {
        font-size: 1em; }
    .goal_widget .evaluation_explanation img {
      margin: 0px 20px 0px 5px; }
    .goal_widget .evaluation_explanation .explanation {
      overflow: hidden; }

div#socialmedia {
  margin-top: 25px;
  padding: 2px;
  font-size: 1.1em;
  border: 1px solid #777C00;
  background-color: #F4F4ED;
  width: 95%; }

ul.left li.current-menu-item a,
ul.left li.current-page-ancestor a,
ul.right li.current-menu-item a,
ul.right li.current-page-ancestor a {
  background-color: transparent; }

div#footertext {
  margin: 0 auto;
  font-size: 1.1em; }

.page-list-ext .page-list-ext-image {
  margin: 5px 15px 0 0 !important; }

.page-list-ext .page-list-ext-image img {
  margin-bottom: 0; }

div.mod.box.rapport ul {
  padding-top: 0px; }

div.pdflink {
  float: right;
  width: 24%;
  font-size: 1.2em;
  background: url("images/doc3.png") left center;
  background-repeat: no-repeat;
  padding: 5px 5px 5px 35px;
  margin-top: 20px; }

body.zoek div.bijschrift {
  font-size: 1em;
  padding-bottom: 4px; }

h4 {
  font-size: 1.8em;
  margin-bottom: 0; }

div.quote {
  position: absolute;
  color: #007BC7;
  font-family: "RijksoverheidSerifBold", serif;
  font-size: 3em;
  top: 34px;
  right: 50px;
  width: 36%; }

/*h2[id]:before {
  display: block;
  content: " ";
  margin-top: -235px;
  height: 285px;
  visibility: hidden;
}*/
span.achtergrondinfolijst {
  display: none; }

div.achtergrondinfo_lid > h3 {
  margin-top: 0; }

div.achtergrondinfo_lid ul:last-child {
  margin-bottom: 0; }

ul.achtergrondinfo_lijst li {
  background: none; }

div.achtergrondinformatie {
  margin: 0 0 25px;
  background-repeat: repeat-x;
  border-bottom: 3px solid #DCDCDC;
  width: 95%; }

p + ul.achtergrondinfolijst {
  margin-top: 0; }

ul.achtergrondinfolijst li {
  background-image: none;
  display: block;
  float: left;
  list-style: none outside none;
  margin-right: 4px;
  padding: 7px 8px 5px 8px;
  background-color: #CFCFCF;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 0;
  font-size: 1.8em;
  border-top: 3px solid #BFBFBF;
  -webkit-transition: border 300ms ease-out, background-color 300ms ease-out;
  -moz-transition: border 300ms ease-out, background-color 300ms ease-out;
  -o-transition: border 300ms ease-out, background-color 300ms ease-out;
  transition: border 300ms ease-out, background-color 300ms ease-out; }

ul.achtergrondinfolijst li:hover {
  text-decoration: underline;
  border-top: 3px solid #007BC7; }

ul.achtergrondinfolijst li.geselecteerd {
  background-color: #F2F2F2;
  border-top: 3px solid #007BC7; }

div.achtergrondinformatie div.achtergrondinfo_lid {
  padding: 1px 10px 10px 16px;
  background-color: #F2F2F2;
  clear: both; }
  div.achtergrondinformatie div.achtergrondinfo_lid h2:first-child {
    margin-top: 10px; }
  div.achtergrondinformatie div.achtergrondinfo_lid li {
    font-size: 1.8em; }

div.f,
div.fgl {
  border: 1px solid #DCDCDC; }
  div.f :after,
  div.fgl :after {
    content: "";
    display: table;
    clear: both; }
  div.f img,
  div.fgl img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-bottom: 0;
    border-bottom: 2px solid #a0a0a0;
    /* Test */
    image-rendering: auto;
    /*image-rendering: crisp-edges;
    image-rendering: pixelated;*/ }
  div.f div.sub,
  div.fgl div.sub {
    color: #565656;
    background-color: #F2F2F2;
    padding: 4px 25px 4px 17px;
    position: relative; }
  div.f div.caption,
  div.fgl div.caption {
    margin: 0;
    margin-top: 0em;
    font-size: 1.2rem;
    padding: 6px 0px 6px 0px; }
  div.f div.actions,
  div.fgl div.actions {
    border-top: 1px solid #D6D6D6;
    position: relative;
    right: 0;
    padding: 6px 0px 6px 0px; }
  div.f div.action,
  div.fgl div.action {
    display: inline-block;
    float: right;
    font-size: 1.1rem;
    padding-left: 10px; }
    div.f div.action a,
    div.fgl div.action a {
      text-decoration: none;
      transition: border 300ms ease-out;
      border-bottom: 2px solid #F2F2F2; }
    div.f div.action a:hover,
    div.fgl div.action a:hover {
      text-decoration: none;
      border-bottom: 2px solid #007BC7; }

div.f {
  width: 95%; }

div.f + p,
div.fg_c + p {
  margin-top: 1.5em; }

div.fg_c {
  width: 95%; }
  div.fg_c ul.tabs {
    margin-bottom: 0; }
  div.fg_c ul.tabs li.selected {
    background: #FFF;
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
    border-top: 1px solid #DCDCDC;
    color: #000; }
  div.fg_c ul.tabs li {
    background: #868686;
    border-top: 1px solid #868686;
    border-left: 1px solid #868686;
    border-right: 1px solid #868686;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    line-height: 11px;
    margin-right: 5px;
    padding: 12px 11px 2px 11px;
    position: relative;
    text-decoration: none;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 1rem; }

.toolbox {
  border: 0px;
  padding: 0px;
  margin-right: 20px; }

ul.tools {
  height: 12px; }

.toolbox ul.tools {
  margin-bottom: 0; }

.content_add .toolbox ul.tools li {
  width: 25px;
  height: 23px;
  float: left;
  margin-bottom: 0;
  background: none;
  padding-left: 0; }

.toolbox img {
  margin-bottom: 0; }

.toolbox a {
  background-image: none;
  padding-right: 16px;
  padding-left: 0px; }

div.wrap.tngrid {
  overflow: hidden;
  margin-left: -10px; }
  div.wrap.tngrid div.box {
    float: left;
    position: relative;
    background-color: transparent;
    margin-bottom: 0; }
    @media (min-width: 980px) {
      div.wrap.tngrid div.box {
        width: 25%;
        padding-bottom: 30%; } }
    @media (max-width: 980px) {
      div.wrap.tngrid div.box {
        width: 33%;
        padding-bottom: 40%; } }
  div.wrap.tngrid div.boxinner {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    overflow: hidden; }
  div.wrap.tngrid div.boxinner img {
    border-radius: 2px;
    margin-bottom: 0;
    display: block;
    width: 100%; }
  div.wrap.tngrid div.boxinner:hover img {
    opacity: 0.5;
    transition: 0.3s; }
  div.wrap.tngrid div.boxinner a:hover {
    text-decoration: none; }
  div.wrap.tngrid div.boxinner div.boxtitle {
    font-size: 2em;
    padding: 2px;
    line-height: 1.2em; }

div.rapport.mod.box.closed {
  background-color: #FFF;
  border: 1px solid #DCDCDC;
  border-radius: 2px; }

div.rapport.j2014 {
  background: url(../../uploads/achtergrond_03.png);
  background-position: 102% top;
  background-repeat: no-repeat;
  height: 400px; }

div.rapport.j2016 {
  background: url(../../uploads/3d-2016_v2-8.png);
  background-position: 102% top;
  background-repeat: no-repeat;
  height: 300px;
  background-size: contain; }

div.rapport.j2018 {
  background: url(../../uploads/lb18_3d-spiegel.png);
  background-position: 102% top;
  background-repeat: no-repeat;
  height: 300px;
  background-size: contain; }

div.rapport.mod.box.closed h2 {
  color: #007BC7;
  background-color: transparent; }

div.rapport.mod.box.closed h3 {
  background-color: transparent; }

.thumbnail_figuur {
  background-color: #EBEBD9;
  padding: 10px;
  width: 95%; }
  .thumbnail_figuur .thumbnail img {
    width: 100%;
    margin-bottom: 0;
    display: block; }
  .thumbnail_figuur .navigation .thumbnail {
    float: left;
    border: 1px solid #a6a6a6;
    margin-right: 1%;
    cursor: pointer;
    width: calc(98%/3); }
  .thumbnail_figuur .navigation .thumbnail.last {
    margin-right: 0; }
  .thumbnail_figuur .main img {
    border: 1px solid #a6a6a6;
    width: 100%; }
  .thumbnail_figuur .navigation {
    padding-top: 1px; }
  .thumbnail_figuur .onderschrift {
    padding-top: 10px;
    font-size: 1.2rem; }

ul.themas_klein,
ul.themas {
  margin: 0;
  padding: 0; }
  ul.themas_klein li,
  ul.themas li {
    background: #f5f5f5;
    margin-bottom: 0;
    float: left;
    margin-right: 1%;
    margin-bottom: 1%;
    width: 32%;
    height: 248px;
    box-shadow: 0 -1px 0 #e5e5e5, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
    padding: 0;
    overflow: hidden; }
  ul.themas_klein li:hover,
  ul.themas li:hover {
    background: #e5e5e5; }
  ul.themas_klein a:hover,
  ul.themas a:hover {
    text-decoration: none; }
  ul.themas_klein span.title,
  ul.themas span.title {
    font-size: 1.1em;
    margin-top: 0px;
    padding: 0 5px 5px 5px;
    display: block; }
  ul.themas_klein img,
  ul.themas img {
    width: 100%;
    margin-bottom: 0;
    border-bottom: 1px solid #e6e6e6;
    background-color: #FFF;
    box-sizing: border-box;
    padding: 25px; }

ul.themas li {
  height: 310px; }

ul.navigatie_thema {
  margin-bottom: 0; }
  ul.navigatie_thema ul {
    margin-bottom: 0; }
  ul.navigatie_thema ul.children {
    padding-top: 8px; }
  ul.navigatie_thema .current_page_item {
    font-weight: normal;
    font-family: "RijksoverheidSansBold", Verdana, sans-serif; }
  ul.navigatie_thema .current_page_item li {
    font-weight: normal;
    font-family: "RijksoverheidSansText", Verdana, sans-serif; }

#payoff {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1200px; }

#payoff:before, #payoff:after {
  content: " ";
  display: table; }

#payoff .wrapper {
  position: absolute;
  display: table;
  top: auto;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -22px;
  padding: 0;
  border-left: 44px solid #154273;
  height: 31px;
  background: 0;
  z-index: 999; }

@media (min-width: 767px) {
  #payoff span {
    font-family: ROSerif;
    display: table-cell;
    font-size: 11px;
    padding-left: 5px;
    vertical-align: middle;
    line-height: 1.2em; } }
@media (max-width: 766px) {
  #payoff span {
    display: none; } }

#footer:after {
  content: " ";
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  display: block; }

@media (min-width: 767px) {
  #footer .column {
    clear: none;
    float: left;
    width: 33.3333%;
    display: block; } }
@media (max-width: 766px) {
  #footer .column {
    float: none;
    width: 100%; } }

#footer .column:first-child {
  clear: both; }

#footer li {
  font-size: 1.7em; }

#footer ul.noarrow li {
  background: none;
  padding-left: 0; }
  #footer ul.noarrow li a {
    padding-left: 8px; }

#footer h2 {
  font-family: "RijksoverheidSansText", Verdana, sans-serif;
  color: #535353; }
  @media (max-width: 766px) {
    #footer h2 {
      margin-top: 0;
      padding-top: 1.2em;
      font-size: 2em; } }

/* ====================================================================
  Video container
  =================================================================== */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* ====================================================================
  Accordion
  =================================================================== */
ul.accordion,
ul.accordion_niet {
  list-style-type: none;
  padding-right: 0px;
  border: 1px solid #DCDCDC;
  margin-bottom: 1em; }
  ul.accordion p,
  ul.accordion_niet p {
    font-size: 1em; }
  ul.accordion > li,
  ul.accordion_niet > li {
    list-style: none;
    background: none;
    padding-left: 0;
    margin: 0px; }
    ul.accordion > li > h2,
    ul.accordion_niet > li > h2 {
      display: block;
      background-color: #F8F8F8;
      padding: 4px 4px 8px 15px;
      border-bottom: 1px solid #DCDCDC;
      cursor: pointer;
      margin: 0;
      font-size: 1.1em;
      color: #007BC7; }
    ul.accordion > li > div,
    ul.accordion_niet > li > div {
      padding: 6px 6px 30px 15px;
      margin: 0;
      border-bottom: 1px solid #DCDCDC;
      font-size: 1.05em;
      line-height: 1.39em; }
      ul.accordion > li > div > h3,
      ul.accordion_niet > li > div > h3 {
        color: #007BC7;
        margin-top: 0.3em;
        line-height: 1.2em;
        font-size: 1.1em; }
      ul.accordion > li > div > ul,
      ul.accordion_niet > li > div > ul {
        margin-bottom: 0; }

p + ul.accordion {
  margin-top: 0em; }

ul.accordion_niet > li > h2 {
  cursor: auto; }
ul.accordion_niet li.active,
ul.accordion_niet li {
  background-color: #FFF;
  color: #111; }

ul.accordion li.active,
ul.accordion li {
  background-color: #FFF;
  color: #111; }
ul.accordion h2:hover,
ul.accordion li.active h2 {
  background-color: #007BC7;
  color: #FFF; }

div.textwidget {
  padding-left: 1px; }

img.size-full {
  width: 100%;
  height: auto;
  border: 1px solid #DCDCDC;
  margin-bottom: 0; }

div.wp-caption {
  width: 100% !important; }

p.wp-caption-text {
  color: #565656;
  font-size: 1.6em; }

img.niveaufoto {
  width: 100%;
  margin-bottom: 1em; }

div.image_container {
  position: relative;
  display: inline-block;
  min-width: 100%; }
  div.image_container div.copyright {
    position: absolute;
    bottom: 5%;
    right: 1%;
    color: #FFF;
    font-size: 1.3em;
    font-family: "RijksoverheidSansBold", Verdana, sans-serif; }

div.jaargangen {
  background-color: #EBEBD9;
  box-sizing: border-box;
  width: 100%;
  padding: 2%; }
  div.jaargangen ul {
    margin: 0;
    padding: 0; }
  div.jaargangen h2 {
    margin-top: 0;
    margin-bottom: 1em; }
  div.jaargangen li {
    display: inline-block;
    width: calc(87%/3);
    list-style: none;
    background: none;
    padding: 0;
    margin-right: 4%;
    margin-bottom: 40px;
    box-sizing: border-box; }
    div.jaargangen li.last {
      margin-right: 0; }
    div.jaargangen li img {
      margin-bottom: 0;
      width: 100%; }

.yearheader {
  background-color: #D6D7B2;
  padding: 20px 20px 0 20px; }
  .yearheader span.h1 {
    color: #000;
    font-size: 2.8em;
    margin-bottom: 5px;
    display: block;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 0.6em;
    margin-top: -0.1em; }
  .yearheader h1 {
    color: #000; }

.content li.indicator {
  padding-left: 19px;
  background: url(images/indicator.png) no-repeat scroll 0px 3px transparent; }

.theme_icon {
  width: 44%;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
  border: 1px solid #e6e6e6; }

.theme_icon img {
  width: 100%; }

.downloads {
  font-size: 2em;
  border: 1px solid #d6d6d6;
  background-color: #D9EBF7;
  padding: 10px;
  margin-bottom: 1em; }
  .downloads .download_text {
    margin-left: 20px;
    margin-bottom: 5px; }
    .downloads .download_text a {
      color: #007BC7;
      font-family: "RijksoverheidSansBold", Verdana, sans-serif; }
  .downloads ul {
    margin-bottom: 0; }
  .downloads h2 {
    margin: 0;
    font-size: 1em; }

/*# sourceMappingURL=style.css.map */