.canvas {
  overflow-x: hidden;
}
header .cookiebar,
footer .cookiebar {
  padding: 8px 0;
  text-align: center;
}
header .cookiebar,
footer .cookiebar {
  padding: 0.5rem 0;
}
header .cookie_forms,
footer .cookie_forms {
  margin-top: 8px;
}
header .cookie_forms,
footer .cookie_forms {
  margin-top: 0.5rem;
}
.social-buttons,
.top-button {
  text-align: center;
}
.social-buttons .social-button {
  display: inline;
}
.header.has_bg {
  background-repeat: no-repeat;
}
.canvas.has_bg {
  background-position: top center;
}
.cookie-canvas {
  width: 100%;
}
.cookie-canvas #Cookies_question {
  background-color: transparent;
}
.cookie-canvas #Cookies_question .story,
.cookie-canvas #Cookies_question .cookie_forms {
  display: block;
  text-align: center;
}
.cookie-wall .cookie-canvas {
  background: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent));
  background: -o-linear-gradient(#666, transparent);
  background: linear-gradient(#666, transparent);
  position: absolute;
  top: 0;
  z-index: 9999;
}
.grid-nesting:before,
.grid-nesting:after {
  content: " ";
  display: table;
}
.grid-nesting:after {
  clear: both;
}
.grid-edge {
  display: inline-block;
  width: 100%;
}
header .grid-edge,
footer .grid-edge {
  margin-top: 0;
}
.linking .grid-edge,
.grid-edge img.linking,
.grid-edge .grid-title.linking {
  cursor: pointer;
}
.grid-edge .grid-title h1,
.grid-edge .grid-title h2,
.grid-edge .grid-title h3,
.grid-edge .grid-title h4,
.grid-edge .grid-title h5,
.grid-edge .grid-title h6,
.grid-edge .grid-title .heading-elt {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
.grid-edge .image {
  padding: 0;
}
.grid-edge .fotos .fotoinside .foto {
  float: left;
  margin: 1em;
}
.grid-edge ul.horizontal {
  float: left;
  clear: both;
}
.grid-edge ul.horizontal li {
  float: left;
}
.grid-edge ul.horizontal li:first-child {
  margin-left: 0;
}
.grid-edge ul.horizontal li:first-child.has-ico {
  margin-left: 16px;
}
.grid-edge .resultaten .reactie {
  clear: both;
  float: left;
  width: 100%;
}
.grid-edge .resultaten .link {
  float: left;
  margin-right: 0.25rem;
}
.grid-edge .resultaten .link:first-child {
  clear: left;
}
h1 .dash,
h1 .submode {
  opacity: 0.64;
}
.heading-elt {
  font-weight: bold;
}
.iprox-content a.has-ico i.ico.append {
  margin-left: 2px;
}
ul.has-ico {
  list-style-type: none;
}
.iprox-content ul.has-ico,
.iprox-error ul.has-ico,
.iprox-alert ul.has-ico,
.iprox-feedback ul.has-ico,
.iprox-hint ul.has-ico,
ul.has-ico.iprox-content {
  padding-left: 0;
}
li.has-ico {
  margin-left: 16px;
}
li.has-ico i.ico {
  vertical-align: top;
  margin-left: -16px;
}
li.has-ico a,
li.has-ico span.li-content {
  vertical-align: top;
  display: inline-block;
}
.entry .title a.has-ico,
.more a.has-ico {
  margin-left: 16px;
  display: list-item;
  list-style-type: none;
}
.entry .title a.has-ico i.ico,
.more a.has-ico i.ico {
  vertical-align: top;
  margin-left: -16px;
}
button.has-ico a,
button.has-ico span {
  display: inline-block;
}
button.has-ico i.ico,
button.has-ico a,
button.has-ico span {
  vertical-align: middle;
}
.indent-nesting .grid-element .grid-edge .grid-nesting .grid-element .grid-edge .grid-nesting .grid-blok {
  margin-left: 10%;
  width: 90%;
}
.type-lijst > .grid-header-element,
.type-agenda > .grid-header-element {
  padding-bottom: 0;
}
.type-kalender .navigatie {
  clear: both;
}
.type-kalender .navigatie a.vorige,
.type-kalender .navigatie .maand {
  float: left;
  width: 33%;
}
.type-kalender .navigatie .maand {
  text-align: center;
}
.type-kalender .navigatie a.volgende {
  float: right;
  width: 33%;
  text-align: right;
}
.type-kalender table {
  width: 100%;
  clear: both;
  border-width: 1px;
}
.type-kalender table th,
.type-kalender table td {
  text-align: center;
  padding: inherit;
  border-width: 1px;
  width: 12.5%;
  font-size: 0.9em;
}
.type-kalender table .weeknummer {
  font-style: italic;
}
.entry .li-content .date,
.entry .li-content .time {
  display: block;
}
.entry .li-content .date,
.type-entry .date,
.entry .li-content .time,
.type-entry .time {
  font-size: 0.8em;
}
.type-entry .datumtijd,
.type-entry .author {
  font-size: 0.8em;
}
.type-entry .entry.entry-has-image .image img {
  max-width: 100%;
  width: auto;
}
.type-logo .grid-element {
  padding-bottom: 0;
}
.type-logo h1 {
  margin: 0;
}
.type-foto a.magnifierLink {
  font-size: 0.8em;
}
.type-opiniepeiling .staafhouder,
.type-opiniepeiling .opiniestaaf {
  height: 1.5em;
}
.type-opiniepeiling .resultaat_perc,
.type-opiniepeiling .resultaat_aantallen {
  font-size: 0.8em;
}
.type-opiniepeiling .grid-element .grid-edge ul {
  margin-left: 0;
  margin-right: 0;
}
.rol-inleiding .grid-element,
.rol-paginatitel .grid-element {
  padding-bottom: 0;
}
.linking img {
  cursor: pointer;
}
.hotspot .popupheader .iprox {
  display: none;
}
.hasEditAction a.iprox {
  position: absolute;
  right: 0;
  z-index: 96;
}
.hasEditAction.hotspot_popup a.iprox {
  left: 0;
  right: inherit;
}
#cms_console {
  z-index: 97;
}
#ip-lightbox,
#embedded_cms_dimscreen {
  z-index: 98;
}
#embedded_cms {
  z-index: 99;
}
.iprox-slotje {
  z-index: 97;
  position: absolute!important;
  right: 4px;
  margin-top: -20px;
}
.iprox-slotje {
  right: 0.25rem;
  margin-top: -1.5rem;
}
.has-autohiding-scrollbar .iprox-slotje {
  right: 20px;
}
.type-pager .grid-inside .pager .pager-list {
  list-style-type: none;
  margin: 0;
}
.type-pager .grid-inside .pager .pager-list li {
  display: inline-block;
}
.type-pager .grid-inside .pager .huidige,
.type-pager .grid-inside .pager .pagina,
.type-pager .grid-inside .pager a.vorige,
.type-pager .grid-inside .pager a.volgende {
  margin: 0 1em 0 0;
}
.type-pager .grid-inside .maandbladeraar .vorigemaand,
.type-pager .grid-inside .maandbladeraar .geselecteerdemaand,
.type-pager .grid-inside .maandbladeraar .volgendemaand {
  float: left;
  margin: 0 1em 0 0;
}
.tableholder.outofbounds {
  overflow: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  border-right: 3px dotted #ccc;
  border-bottom: 3px dotted #ccc;
}
.tableholder.outofbounds::-webkit-scrollbar {
  -webkit-appearance: none;
}
.tableholder.outofbounds::-webkit-scrollbar:vertical {
  width: 11px;
}
.tableholder.outofbounds::-webkit-scrollbar:horizontal {
  height: 11px;
}
.tableholder.outofbounds::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  /* should match background, can't be transparent */
  background-color: rgba(0, 0, 0, 0.5);
}
.tableholder.outofbounds::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 8px;
}
.tableholder .scrolltekst {
  height: 0;
}
body.ie8 .type-sitemap .grid-edge {
  clear: both;
  width: 100%;
  float: left;
}
.type-media .media-content {
  position: relative;
}
.type-media .media-content .activate-control .activate-media {
  background: none;
  border: 0;
  text-indent: -9999px;
}
.type-media .media-content .activate-control .activate-media,
.type-media .media-content .activate-control .activate-media::before {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.type-media .media-content .activate-control .activate-media::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='play-circle' class='svg-inline--fa fa-play-circle fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M371.7 238l-176-107c-15.8-8.8-35.7 2.5-35.7 21v208c0 18.4 19.8 29.8 35.7 21l176-101c16.4-9.1 16.4-32.8 0-42zM504 256C504 119 393 8 256 8S8 119 8 256s111 248 248 248 248-111 248-248zm-448 0c0-110.5 89.5-200 200-200s200 89.5 200 200-89.5 200-200 200S56 366.5 56 256z'%3E%3C/path%3E%3C/svg%3E");
  color: #fff;
  content: "";
  display: inline-block;
  height: 6rem;
  -webkit-filter: drop-shadow(0 0 8px #000);
          filter: drop-shadow(0 0 8px #000);
  opacity: 0.7;
  text-indent: 0;
  width: 6rem;
}
.type-media .media-content .activate-control .activate-media:hover::before,
.type-media .media-content .activate-control .activate-media:active::before,
.type-media .media-content .activate-control .activate-media:focus::before {
  opacity: 1;
}