@charset "UTF-8";

/* =============================================================================
   HTML5 Reset
   ========================================================================== */

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

  article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
  audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
  audio:not([controls]){display:none;height:0}
  [hidden]{display:none}

  html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
  html,button,input,select,textarea{font-family:'toekomstbook', helvetica, arial,sans-serif}
  body{margin:0;min-height:100%;
    -webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
    -o-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }

  a:focus{outline:thin dotted}
  a:active,a:hover{outline:0}
  a:link,
  a:visited{text-decoration:none;}
  a:hover,
  a:active{text-decoration:none;}


  ::-moz-selection {background:#1A1A1A;color:#fff;text-shadow:none;}
  ::selection {background:#1A1A1A;color:#fff;text-shadow:none;}

  h1,h2,h3,h4,h5,h6,p,pre{margin: 0;}
  h1,h2,h3,h4,h5,h6 { font-family:'toekomstmedium', helvetica, arial,sans-serif; font-size: inherit; font-weight: normal; }
  abbr[title]{border-bottom:1px dotted}
  b,strong{font-family:'toekomstmedium', helvetica, arial,sans-serif;font-weight: normal; color: inherit; }
  blockquote{margin:1em 40px}
  dfn{font-style:italic}
  hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
  mark{background:#ff0;color:#1A1A1A}
  code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
  pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
  q{quotes:none}
  q:before,q:after{content:'';content:none}
  small{font-size:80%}
  sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
  sup{top:-.5em}
  sub{bottom:-.25em}
  dl,menu,ol,ul{margin:1em 0}
  dd{margin:0 0 0 40px}

  menu,ol,ul{padding:0 0 0 40px}
  nav ul,nav ol{list-style:none;list-style-image:none}

  img{border:0;-ms-interpolation-mode:bicubic}
  svg:not(:root){overflow:hidden}
  figure{margin:0}

  form{margin:0}
  fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
  legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
  button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
  button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; -webkit-font-smoothing: antialiased; -webkit-appearance: none; border-radius: 0; }
  input:focus, select:focus, textarea:focus, button:focus { outline: none;}
  button,input{line-height:normal}
  button,select{text-transform:none}
  button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
  button[disabled],html input[disabled]{cursor:default}
  input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
  input[type=search]{ }
  input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
  button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
  textarea{overflow:auto;vertical-align:top}
  table{border-collapse:collapse;border-spacing:0}
  td { padding: 0 15px 0 0; }

  .chromeframe{ background:#333; display:block; height:80px; left:0; margin:0; padding:0; position:fixed; bottom:0; width:100%; z-index:9999 }
  .chromeframe p{ font-size: 12px;margin:20px;color:#FFF}
  .chromeframe p a:link,.chromeframe p a:visited{color:#FFF;text-decoration:underline}
  .chromeframe p a:hover,.chromeframe p a:active{color:#e1001a;text-decoration:underline}

/* =============================================================================
   Fontembeds
   ========================================================================== */

@font-face {
    font-family: 'toekomstbook';
    src: url('Fonts/toekomstbk-webfont.eot');
    src: url('Fonts/toekomstbk-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/toekomstbk-webfont.woff') format('woff'),
         url('Fonts/toekomstbk-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'toekomstmedium';
    src: url('Fonts/toekomstmd-webfont.eot');
    src: url('Fonts/toekomstmd-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/toekomstmd-webfont.woff') format('woff'),
         url('Fonts/toekomstmd-webfont.ttf') format('truetype'),
         url('Fonts/toekomstmd-webfont.svg#toekomstmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}


  @font-face {
    font-family: 'fontello';
    src: url('Fonts/fontello.eot?58665959');
    src: url('Fonts/fontello.eot?58665959#iefix') format('embedded-opentype'),
        url('Fonts/fontello.woff?58665959') format('woff'),
        url('Fonts/fontello.ttf?58665959') format('truetype'),
        url('Fonts/fontello.svg?58665959#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  [class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin: 0;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
  }

  .icon-menu:before { content: '\e803'; } /* '' */
  .icon-calendar:before { content: '\e802'; } /* '' */
  .icon-twitter:before { content: '\e809'; margin-left: -2px; } /* '' */
  .icon-facebook:before { content: '\e801'; } /* '' */
  .icon-youtube:before { content: '\e80a'; } /* '' */
  .icon-mail:before { content: '\e808'; } /* '' */

/* =============================================================================
   General Styles
   ========================================================================== */

  html, body { min-height: 100%; }
  header,
  #main,
  footer { margin: 0 auto; }
  #main { padding-bottom: 60px; }

  #mainwrap { position: relative; z-index: 0; }
  #wrap { position: relative; z-index: 1; }
  header { position: fixed; left: 50%; top: 0; z-index: 999;border-bottom: 0px solid rgba(0,0,0,.1); }
  footer {  }

  .js #mainwrap { height: 100%; min-height: 100%; }
  .js .start #wrap { left: 50%; position: absolute; top: -100%; z-index: 1; }
   .opacity .start #wrap { opacity: 0; }
   .see_bg #wrap { left: 50%; position: absolute; top: 0; z-index: 1;}

  a.block { display: block; }
  footer#stickyfooter a.block,
  footer#stickyfooter2 a.block { display: inline; }
  span.caps { display: block; text-transform: uppercase; }

  .item { float: left; font: normal 12px/18px 'toekomstbook', helvetica, arial,sans-serif; padding: 0 9px 10px; padding-bottom: 20px; }
  #main .item { position: relative; }
  .first { clear: left; }
  .item img { max-width: 100%; height: auto; }
  .col_1 > h2 { font: normal 14px/20px 'toekomstmedium', helvetica, arial,sans-serif; text-transform: uppercase; }
  .col_1 > h3 { font: normal 12px/18px 'toekomstmedium', helvetica, arial,sans-serif; text-transform: none; } /* was lowercase */
  .col_1 > h4 { font: normal 11px/17px 'toekomstmedium', helvetica, arial,sans-serif; text-transform: lowercase; }
  .col_1 ul { margin: 0; padding: 0; list-style: none; }
  .col_1 li { font: normal 12px/18px 'toekomstbook', helvetica, arial,sans-serif; text-transform: lowercase; }
  .col_1 a { display: block; }
  .col_2 > h2 { font: bold 19px/26px 'toekomstmedium', helvetica, arial,sans-serif; text-transform: uppercase;}
  .col_2 > h3 { font: bold 19px/26px 'toekomstmedium', helvetica, arial,sans-serif; text-transform: lowercase; }
  .blog h2 { text-transform: none; }
  .blog h3 { font-weight: normal; margin-bottom: 20px; }
  .content p { padding-bottom: 21px; padding-right: 40px; }
  .content table { margin-bottom: 21px; }
  .intro p { font: normal 14px/20px 'toekomstmedium', helvetica, arial,sans-serif; }
  .masonry .col_1 { padding-right: 0; }
  .masonry .col_1 .taghits { font: normal 10px/21px 'toekomstbook', helvetica, arial,sans-serif; letter-spacing: .1em;  }
  .masonry .col_1.selected h2 { margin: -1px 0 0 -5px; background: #1A1A1A; color: #FFF; padding: 0 0 0 5px; }
  .masonry .col_1 a { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  .item .meta time { font-size: .9em; line-height: 1em; }

  .col_1 { width: 25%; }
  .col_2 { width: 50%; }
  .col_3 { width: 75%; }
  .col_4 { clear: both; width: 100%; padding-bottom: 30px; }
  .col_4.subnav { padding-left: 0; padding-right: 0; }
  .js .col_4.subnav { overflow: hidden; height: 33px; }

  .col_2 ul.children { margin: 0; padding: 0 0 0 1.4em; }

  .item #map-canvas { width: 100%; margin-bottom: 20px }
  .col_1 #map-canvas { height: 300px; }
  .col_2 #map-canvas { height: 360px; }
  .col_3 #map-canvas { height: 420px; }
  .col_4 #map-canvas { height: 580px; }

  .border { border: 1px solid #1A1A1A; }
  .border_t { border-top: 1px solid #1A1A1A; }
  .border_r { border-right: 1px solid #1A1A1A; }
  .border_b { border-bottom: 1px solid #1A1A1A; }
  .border_l { border-left: 1px solid #1A1A1A; }

  #logo { float: right; padding: 15px 0 10px;}
  #logo a { display: block; width: 114px; height: 72px; overflow: hidden; background-image: url(../Media/Images/logo-new.png); background-size: 114px 72px; background-position: left top; background-repeat: no-repeat; font-size: 0;}
  #logo a:link,
  #logo a:visited { display: block; }
  #logo a:hover,
  #logo a:active {}
  #logo h1 { display: none; }

  header .col_2 { padding-bottom: 0;}

  .typo_wit #logo a,
  .typo_wit #logo a:link,
  .typo_wit #logo a:visited { }
  .typo_wit #logo a:hover,
  .typo_wit #logo a:active { }

  nav ul { float: left; margin: 0; padding: 19px 0 12px; width: 50%; }
  nav ul li {  padding-top: 2px; }
  nav.subnav ul { width: 100% }
  .item.subnav { padding-bottom: 10px; }
  nav li { width: 100%; }
  nav a { font: normal 14px/20px 'toekomstmedium', helvetica, arial,sans-serif; }
  nav #secondary a:link,
  nav #secondary a:visited { color: #000000; }

  nav #primary { width: 40%; }
  nav #secondary { padding-left: 12%; }

  nav li { text-transform: lowercase; }
  nav li a { white-space: nowrap; }
  #navtoggle { display: none; }

  .item.firstinrow { clear: both; }

  .subnav ul { padding: 0; }
  .subnav li { float: left; display: block; position: relative; width: auto; }
  .subnav li ul { display: none; left: -9px; padding: 9px; position: absolute; top: 20px; width: 220px; z-index: 999; }
  .subnav li:hover ul { display: block; }
  .subnav li ul li { display: block; float: none; }
  .subnav a { padding: 0 18px 0 0; white-space: normal; display: block; }
  .subnav li ul a { font-size: 11px; line-height: 17px; padding: 0 0 3px; }
  .filters .col_1:first-child h3:first-child {  }

  .filters h4 { font: normal 12px/18px 'toekomstmedium', helvetica, arial,sans-serif; text-transform: uppercase; }
  .praktisch { font-size: .9em; position: absolute; top: 0; right: 0; z-index: 99; }
  .js .praktisch { cursor: pointer; }
  .js .praktisch:hover { color: #900; }
  .js #praktisch { display: none; }
  #praktisch { padding-top: 100px; }

  .item article { padding: 10px 0; }
  .item .meta { padding: 2px 0 10px; position: relative; }
  .item .meta p { font: normal 10px/14px 'toekomstbook', helvetica, arial,sans-serif; }

  footer {}
  footer .item { font: normal 10px/14px 'toekomstbook', helvetica, arial,sans-serif; }
  footer ul { list-style: none; margin: 0; padding: 0; }

  footer#stickyfooter,
  footer#stickyfooter2 { display: block; position: fixed; left: 50%; bottom: -300px; z-index: -1; }
  .see_bg footer#stickyfooter,
  .see_bg footer#stickyfooter2 { z-index: 999; }
  footer#stickyfooter2 { bottom: 0; left: -50% }
  .start footer#stickyfooter { bottom: 0; left: 50%; }
  footer#stickyfooter .item,
  footer#stickyfooter2 .item { font: normal 11px/15px 'toekomstmedium', helvetica, arial,sans-serif; }
  footer#stickyfooter .item a,
  footer#stickyfooter2 .item a { font-family: 'toekomstbook', helvetica, arial,sans-serif; }
  footer#stickyfooter .item a:link,
  footer#stickyfooter2 .item a:link,
  footer#stickyfooter .item a:visited,
  footer#stickyfooter2 .item a:visited { text-decoration: underline; }
  footer#stickyfooter .item a:hover,
  footer#stickyfooter2 .item a:hover,
  footer#stickyfooter .item a:active,
  footer#stickyfooter2 .item a:active {  }

  #bg_img, #bg_img2{ display: block; height: 100%; left: 0; overflow: hidden; position: fixed; top: 0; width: 100%; z-index: -999; }
  #bg_img { z-index: -1000; }
  #tempdiv #bg_img2 { top: -100%; }

  .alfascroll { width: 100% }
  .alfascroll span,
  .alfascroll a { display: block; float: left; padding: 0 15px 0 0; width: auto; }
  .alfascroll span { color: #9C9C9D; }

  .margin_b { margin-bottom: 50px; }

.col_2 iframe { margin-top: 4px; }
/* =============================================================================
 Cycle all
 ========================================================================== */

  .js .cycle-slideshow { position: relative; height: auto; margin-top: 0; overflow: hidden; }
  .cycle-slideshow .slide { position: relative; width: 100%; height: auto; }
  .cycle-slideshow .slide .overlay {  }
  .cycle-slideshow .slide:hover{ cursor: pointer; }
  .cycle-slideshow .slide h2 {  }
  .cycle-slideshow .slide a { display: block; position: relative; width: 100%; height: 100%; cursor: pointer;}
  .cycle-slideshow .slide a:hover {  }

  .cycle-pager { width: 100%; text-align: left; margin-top: -15px; height: auto; }
  .cycle-pager span { font-family: arial; font-size: 1px; width: 8px; height: 8px; margin: 0 5px 3px 0; display: inline-block; cursor: pointer; color:#FFF; background: #FFF; border: solid 1px #1A1A1A; }
  .cycle-pager span.cycle-pager-active, .cycle-pager span:hover { color: #1A1A1A; background: #1A1A1A; border: solid 1px #1A1A1A;}
  .cycle-pager > * { cursor: pointer; }

  .cycle-prev, .cycle-next { position: absolute; top: 50%; width: 20px; z-index: 999; height: 40px; margin: -20px 0 0 0; padding: 0; }
  .cycle-prev { left: -30px;background: url(../Media/Images/prev.png) no-repeat center center; cursor: pointer; }
  .cycle-next { right: -30px;background: url(../Media/Images/next.png) no-repeat center center; cursor: pointer;}
  .cycle-prev:hover { opacity: 0.5; }
  .cycle-next:hover { opacity: 0.5; }

  .col_2 .cycle-prev, .col_2 .cycle-next { top: 200px; }
  .col_2 .cycle-prev a, .col_2 .cycle-next a { display: block; width: 100%; height: 100%; }

  figcaption { font-family: 'toekomstbook', helvetica, arial,sans-serif; color: inherit; }
  figcaption strong { font-family: 'toekomstmedium', helvetica, arial,sans-serif; color: inherit; }
  .col_2 figcaption { font-size: 0.8em; min-height: 21px; }

  .play { position: absolute; top: 237px; left: 50%; width: 131px; z-index: 999; height: 131px; margin: -70px 0 0 -65px; padding: 0; background: url(../Media/Images/play.png) no-repeat center center; cursor: pointer; }

/* =============================================================================
   bg toggle
   ========================================================================== */

  .seebg_toggle { height: 100%; position: fixed; top: 0; width: 50%; z-index: 1; }
  .js .seebg_toggle,
  .js .see_bg #bg_img { cursor: pointer; }
  .toggle_left { left: 0; }
  .toggle_right { right: 0; }

  .streched { left: 0; position: absolute; top: 0; z-index: 0 }

  .toggle_up,
  .toggle_arrow { background: #FFF; display: block; height: 60px; margin-top: -30px; position: fixed; top: 50%; width: 40px; opacity: 0; }
  /* .toggle_up { background: rgba(255,255,255,.4) } */
  .toggle_arrow,
  .see_bg .toggle_up { display: none }
  .see_bg .toggle_arrow { display: block }
  .seebg_toggle:hover .toggle_arrow,
  .seebg_toggle:hover .toggle_up { opacity: 1; }
  .toggle_left .toggle_arrow,
  .toggle_left .toggle_up { left: 0 }
  .toggle_right .toggle_arrow,
  .toggle_right .toggle_up { right: 0 }
  .toggle_left .toggle_arrow,
  .toggle_right .toggle_arrow,
  .toggle_up  { background-repeat:no-repeat; background-position: center center; }
  .toggle_left .toggle_arrow { background-image: url(../Media/Images/prev.png); }
  .toggle_right .toggle_arrow { background-image: url(../Media/Images/next.png); }
  .toggle_up { background-image: url(../Media/Images/up.png); }


/* =============================================================================
   zoek
   ========================================================================== */

  #zoekwrap { background: none; height: 50px; padding-bottom: 10px; padding-top: 10px; position: fixed; left: 50%; top: 55px; z-index: 998; }
  .see_zoek #zoekwrap { top: 115px; }
  #zoekwrap form { display: block; padding: 0 5px; width: 100%; }
  #zoekwrap input { font: normal 12px/18px 'toekomstbook', helvetica, arial,sans-serif; }
  #zoekwrap input#s { background: none; border: 1px solid #9C9C9D; color: #9C9C9D; width: 100%; padding: 2px 6px; }
  #zoekwrap input#s.focusField { border: 1px solid #1A1A1A; color: #1A1A1A; }
  #zoekwrap input#searchsubmit { width: auto; border: none; background: #9C9C9D; color: #FFF; display: none; }

  /* =============================================================================
   Addthis
   ========================================================================== */

  .addthis_button_facebook span,
  .addthis_button_twitter span,
  .addthis_button_linkedin span,
  .addthis_button_email span { display: none; }
  .share .at300bs { background: none; overflow: hidden;  height: 0 !important; width: 0 !important; line-height: 0 !important; }
  .share { margin: -5px 0 16px 0; }
  .share ul { margin: 0; padding: 0; list-style: none; height: auto; }
  .share ul li {display: block; float: left;  margin: 0 5px 0 0; }
  .share ul li a { color: #FFF; display: block; text-align: center; font-size: 1.3em; cursor: pointer; }
  .share ul li a:link,
  .share ul li a:visited { text-decoration: none; }
  .share ul li a:hover,
  .content .share a:link:hover,
  .share li a:active { color: #1A1A1A; text-decoration: none; }

/* =============================================================================
   filters
   ========================================================================== */

  form#zoek { margin-bottom: 30px; }
  input.input { background: none; border: 1px solid #9C9C9D; color: #FFF; width: 100%; padding: 2px 6px; }
  input.input.focusField { border: 1px solid #1A1A1A; color: #1A1A1A; }
  input.form_submit { width: auto; border: none; background: #1A1A1A; color: #FFF; display: none; }
  #zoek input { font: normal 12px/18px 'toekomstbook', helvetica, arial,sans-serif; }
  #zoek input#s { background: none; border: 1px solid #9C9C9D; color: #9C9C9D; width: 100%; padding: 2px 6px; }
  #zoek input#s.focusField { border: 1px solid #1A1A1A; color: #1A1A1A; }
  #zoek input#searchsubmit { width: auto; border: none; background: #9C9C9D; color: #FFF; display: none; }

  .filters { float: left; width: 100%; }
  .js .filters h3 { cursor: pointer; margin-bottom: 8px; }
  .js .filters .nofilter h3 { cursor: default; }
  .js .filters h3:hover { color: #9C9C9D; }
  .js .filters .nofilter h3:hover { color: #1A1A1A; }
  .filtertoggle { cursor: pointer; }
  .filtertoggle:hover { color: #9C9C9D; }

  .datepicker { margin-top: 5px; }
  input.datepicked { border: 1px solid #1A1A1A; background: transparent; color: #1A1A1A; margin: 1px 0 0; padding: 2px 8px; }
  input.btn-primary { background: #009CDF; border: none; color: #FFF; display: inline; font-size: 13px; line-height: 18px; font-weight: 400; margin: 20px 0 0; text-transform: uppercase; padding: 10px 20px 9px; width: auto;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-shadow: 1px 1px 0px #00477D;
       -moz-box-shadow: 1px 1px 0px #00477D;
            box-shadow: 1px 1px 0px #00477D;
  }
  .js #ui-datepicker-div { display: none; }
  .ui-datepicker { background: #FFF; border: 1px solid #1A1A1A; font-size: 10px; margin-top: 2px; padding: 8px; width: 220px; }
  .ui-datepicker a:link,
  .ui-datepicker a:visited { color: #1A1A1A; text-decoration: none; }
  .ui-datepicker a:hover,
  .ui-datepicker a:active { color: #1A1A1A; text-decoration: underline; }
  .ui-datepicker-header {  }
  .ui-datepicker-prev,
  .ui-datepicker-next { background: none; cursor: pointer }
  .ui-datepicker-prev { float: left; }
  .ui-datepicker-next { float: right; }
  .ui-datepicker-title { clear: both; border-top: 1px solid #1A1A1A; padding: 3px 0 }
  .ui-datepicker-title select { background: #FFF; border: 0 none; padding: 3px 5px; width: 50%; }
  .ui-datepicker-title option {  }

  .ui-datepicker-calendar {}
  .ui-datepicker-calendar th {  }
  .ui-datepicker-calendar th.ui-datepicker-week-end {  }
  .ui-datepicker-calendar td,
  .ui-datepicker-calendar td.ui-datepicker-week-end { padding: 1px 1px 1px 0; border: 0 none; }
  .ui-datepicker-calendar a,
  .ui-datepicker-calendar span.ui-state-default { border: 1px solid #F1F0EE; display: block; text-align: center; height: 28px; line-height: 26px; width: 28px; }
  .ui-datepicker-calendar span.ui-state-default { color: #D1D1D1; }
  .ui-datepicker-calendar a:link,
  .ui-datepicker-calendar a:visited {  }
  .ui-datepicker-calendar a:hover,
  .ui-datepicker-calendar a:active { border: 1px solid #999; color: #1A1A1A; text-decoration: none; }
  .ui-datepicker-calendar td.ui-datepicker-week-end a:link,
  .ui-datepicker-calendar td.ui-datepicker-week-end a:visited { }
  .ui-datepicker-calendar td.ui-datepicker-week-end a:hover,
  .ui-datepicker-calendar td.ui-datepicker-week-end a:active,
  .ui-datepicker-calendar td.ui-datepicker-week-end a.ui-state-active { }
  .ui-datepicker-calendar a.ui-state-active { border: 1px solid #1A1A1A;  font-weight: 700; }

  .filter label { width: 100%; }
  .filter input[type=radio] + label,
  .filter input[type=checkbox] + label { display: inline-block; cursor: pointer; position: relative; padding-left: 25px; font-size: 12px; line-height: 18px; margin-bottom: 2px; }
  .filter input[type=radio],
  .filter input[type=checkbox] { display: none; }
  .filter input[type=radio] + label:before,
  .filter input[type=checkbox] + label:before { background-color: #FFF; border: 1px solid #1A1A1A; content: ""; display: inline-block; height: 14px; left: 0; margin-right: 10px; position: absolute; width: 14px; }
  .filter input[type=radio] + label:before { }
  .filter input[type=checkbox] + label { margin-bottom: 3px; }
  .filter input[type=checkbox] + label:before {  }
  .filter input[type=checkbox]:checked + label:before { content: "v"; font-size: 15px; color: #1A1A1A; text-align: center; line-height: 15px; }

/* =============================================================================
   inpage forms
   ========================================================================== */

  .content form { }
  .content fieldset { border: none; margin: 0; padding: 0; }
  .csc-mailform-label,
  .csc-mailform-field { clear: left; min-height: 30px; padding-bottom: 8px; }
  .csc-mailform-field label { display: block; float: left; line-height: 22px; width: 30%; }
  .csc-mailform-field input { background: none; border: 1px solid #9C9C9D; color: #9C9C9D; float: left; line-height: 16px; padding: 2px 6px; width: 70%; }
  .csc-mailform-field input.focusField { color: #1A1A1A; }
  .csc-mailform-field input.csc-mailform-submit { background: #1A1A1A; border: 0 none; color: #FFF; float: right; padding: 4px 6px; text-transform: lowercase; width: auto; }

/* =============================================================================
   sitemap
   ========================================================================== */

  .csc-sitemap { width: 100% }
  .csc-sitemap ul { display: block; list-style: none; margin: 0; padding: 0; width: 100%; }
  .csc-sitemap ul ul { border-left: 1px solid #9C9C9D; padding: 0 0 0 1.4em; margin: 0 0 10px; }
  .csc-sitemap ul ul ul { }
  .csc-sitemap > ul > li { float: left; width: 20%; }
  .csc-sitemap li li { font-size: 11px; line-height: 14px; margin-top: 3px; position: relative; }
  /* .csc-sitemap li li:before { content: ''; border-top: 1px solid #9C9C9D; display: block; height: 1px; left: -1.8em; position: absolute; top: 8px; width: 11px; z-index: 1; }
  .csc-sitemap li li:after { content: ''; border-left: 1px solid #9C9C9D; display: block; height: 18px; left: -1.8em; position: absolute; top: -10px; width: 1px; z-index: 1; } */

/* =============================================================================
   Kleurensets
   ========================================================================== */

  #colors { padding: 0; position: fixed; left: 0; top: 200px; z-index: 999; opacity: 0; display: none; }
  #colors:hover {  opacity: 1; }
  #colors ul { list-style: none; margin: 0; padding: 5px 0; }
  #colors li { clear: left; display: block; height: 10px; padding: 0 5px; margin: 0 0 2px; }
  #colors span { border: 1px solid #ccc; display: block; float: left; height: 10px; width: 10px; }
  #colors li.active span { border-color: #1A1A1A }
  #colors span.b { border-right: 0 none; }
  #colors span.t { border-left: 0 none; }

  .typo_wit #wrap,
  .typo_wit a:link,
  .typo_wit a:visited{color: #FFF;}
  .typo_wit .border,
  .typo_wit .border_t,
  .typo_wit .border_r,
  .typo_wit .border_b,
  .typo_wit .border_l,
  .typo_wit #colors span,
  .typo_wit .masonry .selected,
  .typo_wit input.input { border-color: #FFF; }
  .typo_wit .masonry .col_1.selected h2 { background: #FFF; color: #1A1A1A; }

  /* achtergrond wit */
  header,
  #main,
  footer,
  #colors { background: #FFF; }
  footer#stickyfooter,
  footer#stickyfooter2 { background: #FFF; background: rgba(255, 255, 255, 0.4) }
  #wrap,
  a:link,
  a:visited {color: #1A1A1A;}

  /* achtergrond kleuren */
  .bg_zwart header,
  .bg_zwart #main,
  .bg_zwart footer,
   #colors .bg_zwart span.b { background: #1A1A1A; }
  .bg_zwart footer#stickyfooter,
  .bg_zwart footer#stickyfooter2 { background: #1A1A1A; background: rgba(26, 26, 26, 0.4) }
  .bg_zwart footer#stickyfooter p,
  .bg_zwart footer#stickyfooter2 p {text-shadow: 0; }

  .bg_paars header,
  .bg_paars #main,
  .bg_paars footer,
   #colors .bg_paars span.b { background: #a2549c }
  .bg_paars footer#stickyfooter,
  .bg_paars footer#stickyfooter2 { background: #a2549c; background: rgba(162, 84, 156, 0.4) }
  .bg_paars footer#stickyfooter p,
  .bg_paars footer#stickyfooter2 p {text-shadow: 0 0px 20px #a2549c; }

  .bg_blauw header,
  .bg_blauw #main,
  .bg_blauw footer,
   #colors .bg_blauw  span.b { background: #005cc3 }
  .bg_blauw footer#stickyfooter,
  .bg_blauw footer#stickyfooter2 { background: #005cc3; background: rgba(0, 92, 195, 0.4) }
  .bg_blauw footer#stickyfooter p,
  .bg_blauw footer#stickyfooter2 p {text-shadow: 0 0px 20px #005cc3; }

  .bg_groen header,
  .bg_groen #main,
  .bg_groen footer,
   #colors .bg_groen  span.b { background: #006019 }
  .bg_groen footer#stickyfooter,
  .bg_groen footer#stickyfooter2 { background: #006019; background: rgba(0, 96, 25, 0.4) }
  .bg_groen footer#stickyfooter p,
  .bg_groen footer#stickyfooter2 p {text-shadow: 0 0px 20px #006019; }

  .bg_teal header,
  .bg_teal #main,
  .bg_teal footer,
   #colors .bg_teal  span.b { background: #00887c }
  .bg_teal footer#stickyfooter,
  .bg_teal footer#stickyfooter2 { background: #00887c; background: rgba(0, 136, 124, 0.4) }
  .bg_teal footer#stickyfooter p,
  .bg_teal footer#stickyfooter2 p {text-shadow: 0 0px 20px #00887c; }

  .bg_fuchsia header,
  .bg_fuchsia #main,
  .bg_fuchsia footer,
   #colors .bg_fuchsia  span.b { background: #8a324e }
  .bg_fuchsia footer#stickyfooter,
  .bg_fuchsia footer#stickyfooter2 { background: #8a324e; background: rgba(138, 50, 78, 0.4) }
  .bg_fuchsia footer#stickyfooter p,
  .bg_fuchsia footer#stickyfooter2 p {text-shadow: 0; }

  .bg_grijs header,
  .bg_grijs #main,
  .bg_grijs footer,
   #colors .bg_grijs  span.b { background: #a1a1a1 }
  .bg_grijs footer#stickyfooter,
  .bg_grijs footer#stickyfooter2 { background: #a1a1a1; background: rgba(161, 161, 161, 0.4) }
  .bg_grijs footer#stickyfooter p,
  .bg_grijs footer#stickyfooter2 p {text-shadow: 0 0px 20px #a1a1a1; }

  .bg_geel header,
  .bg_geel #main,
  .bg_geel footer,
   #colors .bg_geel  span.b { background: #ffffb0 }
  .bg_geel footer#stickyfooter,
  .bg_geel footer#stickyfooter2 { background: #ffffb0; background: rgba(255, 255, 176, 0.4) }
  .bg_geel footer#stickyfooter p,
  .bg_geel footer#stickyfooter2 p {text-shadow: 0 0px 20px #ffffb0; }

  .bg_lichtblauw header,
  .bg_lichtblauw #main,
  .bg_lichtblauw footer,
   #colors .bg_lichtblauw  span.b { background: #e5ffff }
  .bg_lichtblauw footer#stickyfooter,
  .bg_lichtblauw footer#stickyfooter2 { background: #e5ffff; background: rgba(229, 255, 255, 0.4) }
  .bg_lichtblauw footer#stickyfooter p,
  .bg_lichtblauw footer#stickyfooter2 p {text-shadow: 0 0px 20px #e5ffff; }

  .bg_lichtgrijs header,
  .bg_lichtgrijs #main,
  .bg_lichtgrijs footer,
   #colors .bg_lichtgrijs  span.b { background: #dbdbdb }
  .bg_lichtgrijs footer#stickyfooter,
  .bg_lichtgrijs footer#stickyfooter2 { background: #dbdbdb; background: rgba(219, 219, 219, 0.4) }
  .bg_lichtgrijs footer#stickyfooter p,
  .bg_lichtgrijs footer#stickyfooter2 p {text-shadow: 0 0px 20px #dbdbdb; }

  .bg_lichtgroen header,
  .bg_lichtgroen #main,
  .bg_lichtgroen footer,
  #colors .bg_lichtgroen  span.b { background: #e8ffda }
  .bg_lichtgroen footer#stickyfooter,
  .bg_lichtgroen footer#stickyfooter2 { background: #e8ffda; background: rgba(232, 255, 218, 0.4) }
  .bg_lichtgroen footer#stickyfooter p,
  .bg_lichtgroen footer#stickyfooter2 p {text-shadow: 0 0px 20px #e8ffda; }

  .bg_rose header,
  .bg_rose #main,
  .bg_rose footer,
  #colors .bg_rose  span.b { background: #ffe4ff }
  .bg_rose footer#stickyfooter,
  .bg_rose footer#stickyfooter2 { background: #ffe4ff; background: rgba(255, 228, 255, 0.4) }
  .bg_rose footer#stickyfooter p,
  .bg_rose footer#stickyfooter2 p {text-shadow: 0 0px 20px #ffe4ff; }

  .bg_lichtrood header,
  .bg_lichtrood #main,
  .bg_lichtrood footer,
  #colors .bg_lichtrood  span.b { background: #f5ece9 }
  .bg_lichtrood footer#stickyfooter,
  .bg_lichtrood footer#stickyfooter2 { background: #f5ece9; background: rgba(245, 236, 233, 0.4) }
  .bg_lichtrood footer#stickyfooter p,
  .bg_lichtrood footer#stickyfooter2 p {text-shadow: 0 0px 20px #f5ece9; }

  /* titel+logokleuren */
  .tl_zwart h3.subheader,
  .tl_zwart h4,
  .tl_zwart a:hover,
  .tl_zwart a:active,
  .tl_zwart .item .meta p,
  .tl_zwart .content a:link,
  .tl_zwart .content a:visited,
  .tl_zwart nav a:hover,
  .tl_zwart nav a:active,
  .tl_zwart nav a.active,
  .tl_zwart nav #secondary a:hover,
  .tl_zwart nav #secondary a:active,
  .tl_zwart nav #secondary a.active { color: #1A1A1A; }
  #colors .tl_zwart span.t { background: #1A1A1A; }

  .tl_rood h3.subheader,
  .tl_rood h4,
  .tl_rood a:hover,
  .tl_rood a:active,
  .tl_rood .item .meta p,
  .tl_rood .content a:link,
  .tl_rood .content a:visited,
  .tl_rood nav a:hover,
  .tl_rood nav a:active,
  .tl_rood nav a.active,
  .tl_rood nav #secondary a:hover,
  .tl_rood nav #secondary a:active,
  .tl_rood nav #secondary a.active { color: #F00; }
  #colors .tl_rood span.t { background: #F00; }

  .tl_rood2 h3.subheader,
  .tl_rood2 h4,
  .tl_rood2 a:hover,
  .tl_rood2 a:active,
  .tl_rood2 .item .meta p,
  .tl_rood2 .content a:link,
  .tl_rood2 .content a:visited,
  .tl_rood2 nav a:hover,
  .tl_rood2 nav a:active,
  .tl_rood2 nav a.active,
  .tl_rood2 nav #secondary a:hover,
  .tl_rood2 nav #secondary a:active,
  .tl_rood2 nav #secondary a.active { color: #e30000; }
  #colors .tl_rood2 span.t { background: #e30000; }

  .tl_oranje h3.subheader,
  .tl_oranje h4,
  .tl_oranje a:hover,
  .tl_oranje a:active,
  .tl_oranje .item .meta p,
  .tl_oranje .content a:link,
  .tl_oranje .content a:visited,
  .tl_oranje nav a:hover,
  .tl_oranje nav a:active,
  .tl_oranje nav a.active,
  .tl_oranje nav #secondary a:hover,
  .tl_oranje nav #secondary a:active,
  .tl_oranje nav #secondary a.active { color: #ff7d00; }
  #colors .tl_oranje span.t { background: #ff7d00; }

  .tl_lila h3.subheader,
  .tl_lila h4,
  .tl_lila a:hover,
  .tl_lila a:active,
  .tl_lila .item .meta p,
  .tl_lila .content a:link,
  .tl_lila .content a:visited,
  .tl_lila nav a:hover,
  .tl_lila nav a:active,
  .tl_lila nav a.active,
  .tl_lila nav #secondary a:hover,
  .tl_lila nav #secondary a:active,
  .tl_lila nav #secondary a.active { color: #ffabff; }
  #colors .tl_lila span.t { background: #ffabff; }

  .tl_magenta h3.subheader,
  .tl_magenta h4,
  .tl_magenta a:hover,
  .tl_magenta a:active,
  .tl_magenta .item .meta p,
  .tl_magenta .content a:link,
  .tl_magenta .content a:visited,
  .tl_magenta nav a:hover,
  .tl_magenta nav a:active,
  .tl_magenta nav a.active,
  .tl_magenta nav #secondary a:hover,
  .tl_magenta nav #secondary a:active,
  .tl_magenta nav #secondary a.active { color: #ff00b9; }
  #colors .tl_magenta span.t { background: #ff00b9; }

  .tl_paars h3.subheader,
  .tl_paars h4,
  .tl_paars a:hover,
  .tl_paars a:active,
  .tl_paars .item .meta p,
  .tl_paars .content a:link,
  .tl_paars .content a:visited,
  .tl_paars nav a:hover,
  .tl_paars nav a:active,
  .tl_paars nav a.active,
  .tl_paars nav #secondary a:hover,
  .tl_paars nav #secondary a:active,
  .tl_paars nav #secondary a.active { color: #6a00cd; }
  #colors .tl_paars span.t { background: #6a00cd; }

  .tl_lichtgroen h3.subheader,
  .tl_lichtgroen h4,
  .tl_lichtgroen a:hover,
  .tl_lichtgroen a:active,
  .tl_lichtgroen .item .meta p,
  .tl_lichtgroen .content a:link,
  .tl_lichtgroen .content a:visited,
  .tl_lichtgroen nav a:hover,
  .tl_lichtgroen nav a:active,
  .tl_lichtgroen nav a.active,
  .tl_lichtgroen nav #secondary a:hover,
  .tl_lichtgroen nav #secondary a:active,
  .tl_lichtgroen nav #secondary a.active { color: #00c900; }
  #colors .tl_lichtgroen span.t { background: #00c900; }

  .tl_groen h3.subheader,
  .tl_groen h4,
  .tl_groen a:hover,
  .tl_groen a:active,
  .tl_groen .item .meta p,
  .tl_groen .content a:link,
  .tl_groen .content a:visited,
  .tl_groen nav a:hover,
  .tl_groen nav a:active,
  .tl_groen nav a.active,
  .tl_groen nav #secondary a:hover,
  .tl_groen nav #secondary a:active,
  .tl_groen nav #secondary a.active { color: #00a07a; }
  #colors .tl_groen span.t { background: #00a07a; }

  .tl_mint h3.subheader,
  .tl_mint h4,
  .tl_mint a:hover,
  .tl_mint a:active,
  .tl_mint .item .meta p,
  .tl_mint .content a:link,
  .tl_mint .content a:visited,
  .tl_mint nav a:hover,
  .tl_mint nav a:active,
  .tl_mint nav a.active,
  .tl_mint nav #secondary a:hover,
  .tl_mint nav #secondary a:active,
  .tl_mint nav #secondary a.active { color: #00c3b4; }
  #colors .tl_mint span.t { background: #00c3b4; }

  .tl_lichtblauw h3.subheader,
  .tl_lichtblauw h4,
  .tl_lichtblauw a:hover,
  .tl_lichtblauw a:active,
  .tl_lichtblauw .item .meta p,
  .tl_lichtblauw .content a:link,
  .tl_lichtblauw .content a:visited,
  .tl_lichtblauw nav a:hover,
  .tl_lichtblauw nav a:active,
  .tl_lichtblauw nav a.active,
  .tl_lichtblauw nav #secondary a:hover,
  .tl_lichtblauw nav #secondary a:active,
  .tl_lichtblauw nav #secondary a.active { color: #009ee3; }
  #colors .tl_lichtblauw span.t { background: #009ee3; }

  .tl_blauw h3.subheader,
  .tl_blauw h4,
  .tl_blauw a:hover,
  .tl_blauw a:active,
  .tl_blauw .item .meta p,
  .tl_blauw .content a:link,
  .tl_blauw .content a:visited,
  .tl_blauw nav a:hover,
  .tl_blauw nav a:active,
  .tl_blauw nav a.active,
  .tl_blauw nav #secondary a:hover,
  .tl_blauw nav #secondary a:active,
  .tl_blauw nav #secondary a.active { color: #0011e4; }
  #colors .tl_blauw span.t { background: #0011e4; }

  .tl_grijs h3.subheader,
  .tl_grijs h4,
  .tl_grijs a:hover,
  .tl_grijs a:active,
  .tl_grijs .item .meta p,
  .tl_grijs .content a:link,
  .tl_grijs .content a:visited,
  .tl_grijs nav a:hover,
  .tl_grijs nav a:active,
  .tl_grijs nav a.active,
  .tl_grijs nav #secondary a:hover,
  .tl_grijs nav #secondary a:active,
  .tl_grijs nav #secondary a.active { color: #a1a1a1; }
  #colors .tl_grijs span.t { background: #a1a1a1; }

  .tl_warmgrijs h3.subheader,
  .tl_warmgrijs h4,
  .tl_warmgrijs a:hover,
  .tl_warmgrijs a:active,
  .tl_warmgrijs .item .meta p,
  .tl_warmgrijs .content a:link,
  .tl_warmgrijs .content a:visited,
  .tl_warmgrijs nav a:hover,
  .tl_warmgrijs nav a:active,
  .tl_warmgrijs nav a.active,
  .tl_warmgrijs nav #secondary a:hover,
  .tl_warmgrijs nav #secondary a:active,
  .tl_warmgrijs nav #secondary a.active { color: #bcaba4; }
  #colors .tl_warmgrijs span.t { background: #bcaba4; }

  .tl_rose h3.subheader,
  .tl_rose h4,
  .tl_rose a:hover,
  .tl_rose a:active,
  .tl_rose .item .meta p,
  .tl_rose .content a:link,
  .tl_rose .content a:visited,
  .tl_rose nav a:hover,
  .tl_rose nav a:active,
  .tl_rose nav a.active,
  .tl_rose nav #secondary a:hover,
  .tl_rose nav #secondary a:active,
  .tl_rose nav #secondary a.active { color: #ff82b6; }
  #colors .tl_rose span.t { background: #ff82b6; }

  .tl_bordeau h3.subheader,
  .tl_bordeau h4,
  .tl_bordeau a:hover,
  .tl_bordeau a:active,
  .tl_bordeau .item .meta p,
  .tl_bordeau .content a:link,
  .tl_bordeau .content a:visited,
  .tl_bordeau nav a:hover,
  .tl_bordeau nav a:active,
  .tl_bordeau nav a.active,
  .tl_bordeau nav #secondary a:hover,
  .tl_bordeau nav #secondary a:active,
  .tl_bordeau nav #secondary a.active { color: #8a324e; }
  #colors .tl_bordeau span.t { background: #8a324e; }

  .tl_mosgroen h3.subheader,
  .tl_mosgroen h4,
  .tl_mosgroen a:hover,
  .tl_mosgroen a:active,
  .tl_mosgroen .item .meta p,
  .tl_mosgroen .content a:link,
  .tl_mosgroen .content a:visited,
  .tl_mosgroen nav a:hover,
  .tl_mosgroen nav a:active,
  .tl_mosgroen nav a.active,
  .tl_mosgroen nav #secondary a:hover,
  .tl_mosgroen nav #secondary a:active,
  .tl_mosgroen nav #secondary a.active { color: #c1c155; }
  #colors .tl_mosgroen span.t { background: #c1c155; }

  .tl_donkergroen h3.subheader,
  .tl_donkergroen h4,
  .tl_donkergroen a:hover,
  .tl_donkergroen a:active,
  .tl_donkergroen .item .meta p,
  .tl_donkergroen .content a:link,
  .tl_donkergroen .content a:visited,
  .tl_donkergroen nav a:hover,
  .tl_donkergroen nav a:active,
  .tl_donkergroen nav a.active,
  .tl_donkergroen nav #secondary a:hover,
  .tl_donkergroen nav #secondary a:active,
  .tl_donkergroen nav #secondary a.active { color: #006019; }
  #colors .tl_donkergroen span.t { background: #006019; }

  .tl_azurblauw h3.subheader,
  .tl_azurblauw h4,
  .tl_azurblauw a:hover,
  .tl_azurblauw a:active,
  .tl_azurblauw .item .meta p,
  .tl_azurblauw .content a:link,
  .tl_azurblauw .content a:visited,
  .tl_azurblauw nav a:hover,
  .tl_azurblauw nav a:active,
  .tl_azurblauw nav a.active,
  .tl_azurblauw nav #secondary a:hover,
  .tl_azurblauw nav #secondary a:active,
  .tl_azurblauw nav #secondary a.active { color: #005cc3; }
  #colors .tl_azurblauw span.t { background: #005cc3; }

  .tl_wit h3.subheader,
  .tl_wit h4,
  .tl_wit a:hover,
  .tl_wit a:active,
  .tl_wit .item .meta p,
  .tl_wit .content a:link,
  .tl_wit .content a:visited,
  .tl_wit nav a:hover,
  .tl_wit nav a:active,
  .tl_wit nav a.active,
  .tl_wit nav #secondary a:hover,
  .tl_wit nav #secondary a:active,
  .tl_wit nav #secondary a.active { color: #FFF; }
  #colors .tl_wit span.t { background: #FFF; }

  .tl_geel h3.subheader,
  .tl_geel h4,
  .tl_geel a:hover,
  .tl_geel a:active,
  .tl_geel .item .meta p,
  .tl_geel .content a:link,
  .tl_geel .content a:visited,
  .tl_geel nav a:hover,
  .tl_geel nav a:active,
  .tl_geel nav a.active,
  .tl_geel nav #secondary a:hover,
  .tl_geel nav #secondary a:active,
  .tl_geel nav #secondary a.active { color: #FF0; }
  #colors .tl_geel span.t { background: #FF0; }

  .tl_geel2 h3.subheader,
  .tl_geel2 h4,
  .tl_geel2 a:hover,
  .tl_geel2 a:active,
  .tl_geel2 .item .meta p,
  .tl_geel2 .content a:link,
  .tl_geel2 .content a:visited,
  .tl_geel2 nav a:hover,
  .tl_geel2 nav a:active,
  .tl_geel2 nav a.active,
  .tl_geel2 nav #secondary a:hover,
  .tl_geel2 nav #secondary a:active,
  .tl_geel2 nav #secondary a.active { color: #ffed00; }
  #colors .tl_geel2 span.t { background: #ffed00; }

  .tl_royalblauw h3.subheader,
  .tl_royalblauw h4,
  .tl_royalblauw a:hover,
  .tl_royalblauw a:active,
  .tl_royalblauw .item .meta p,
  .tl_royalblauw .content a:link,
  .tl_royalblauw .content a:visited,
  .tl_royalblauw nav a:hover,
  .tl_royalblauw nav a:active,
  .tl_royalblauw nav a.active,
  .tl_royalblauw nav #secondary a:hover,
  .tl_royalblauw nav #secondary a:active,
  .tl_royalblauw nav #secondary a.active { color: #0000a8; }
  #colors .tl_royalblauw span.t { background: #0000a8; }

  .tl_burgundy h3.subheader,
  .tl_burgundy h4,
  .tl_burgundy a:hover,
  .tl_burgundy a:active,
  .tl_burgundy .item .meta p,
  .tl_burgundy .content a:link,
  .tl_burgundy .content a:visited,
  .tl_burgundy nav a:hover,
  .tl_burgundy nav a:active,
  .tl_burgundy nav a.active,
  .tl_burgundy nav #secondary a:hover,
  .tl_burgundy nav #secondary a:active,
  .tl_burgundy nav #secondary a.active { color: #8a324e; }
  #colors .tl_burgundy span.t { background: #8a324e; }

  .tl_pacific h3.subheader,
  .tl_pacific h4,
  .tl_pacific a:hover,
  .tl_pacific a:active,
  .tl_pacific .item .meta p,
  .tl_pacific .content a:link,
  .tl_pacific .content a:visited,
  .tl_pacific nav a:hover,
  .tl_pacific nav a:active,
  .tl_pacific nav a.active,
  .tl_pacific nav #secondary a:hover,
  .tl_pacific nav #secondary a:active,
  .tl_pacific nav #secondary a.active { color: #00b2d4; }
  #colors .tl_pacific span.t { background: #00b2d4; }

  .tl_klaproos h3.subheader,
  .tl_klaproos h4,
  .tl_klaproos a:hover,
  .tl_klaproos a:active,
  .tl_klaproos .item .meta p,
  .tl_klaproos .content a:link,
  .tl_klaproos .content a:visited,
  .tl_klaproos nav a:hover,
  .tl_klaproos nav a:active,
  .tl_klaproos nav a.active,
  .tl_klaproos nav #secondary a:hover,
  .tl_klaproos nav #secondary a:active,
  .tl_klaproos nav #secondary a.active { color: #ff3e40; }
  #colors .tl_klaproos span.t { background: #ff3e40; }

  h3.subheader,
  h4,
  a:hover,
  a:active,
  .item .meta p,
  nav a:hover,
  nav a:active,
  nav #secondary a:hover,
  nav #secondary a:active,
  nav #secondary a.active { color: #1A1A1A; }

  .typo_wit .content a:hover,
  .typo_wit .content a:active { color: #FFF; text-decoration: underline; }

/* =============================================================================
   CSS3 animations
   ========================================================================== */

  header,
  #main,
  #colors,
  #zoekwrap,
  .col_4.subnav,
  .seebg_toggle .toggle_up {
  -webkit-transition: .3s ease;
     -moz-transition: .3s ease;
       -o-transition: .3s ease;
      -ms-transition: .3s ease;
          transition: .3s ease;
  }

/* =============================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 767px) { /* mobile phone */

  header,
  #main,
  footer,
  #zoekwrap { padding: 0 20px; width: 100%; }
  header,
  footer#stickyfooter,
  footer#stickyfooter2,
  .js .start #wrap,
  .see_bg #wrap  { left: 0; }
  .toggle_left,
  .toggle_right { display: none; }
  #main { padding-top: 115px; }

  .col_1,
  .col_2 { width: 50%; }
  .col_3,
  .col_4,
  footer .col_1,
  footer .col_2,
  footer .col_3,
  footer .col_4 { width: 100%; }

  header { position: relative; }
  header, #main, footer, #zoekwrap { padding: 0 10px; }
  header .col_2 { width: 100%; }
  nav ul { padding-top: 60px; }
  nav #primary { width: 50% }
  #logo { top: 0; right: 0; left: 0; padding: 10px 19px 10px 0; position: fixed; z-index: 999; text-align: right; }
  #logo a { width: 48px; height: 30px; background-image: url(../Media/Images/logo-new-small.png); background-size: 48px; 30px; }
  #logo a:link,
  #logo a:visited { display: inline-block; }

  .cycle-slideshow .slide { height: auto }
  /* #main .col_4 ~ .col_1:nth-child(odd) { clear: left; } */
  #main .col_4 ~ .col_1 { overflow: hidden; }
  #main .col_2,
  #main .col_4,
  .col_1.nofilter { width: 100%; }
  .col_1.nofilter { padding-bottom: 0 }
  .content p { padding-right: 0; }

  .js .col_4.subnav { height: auto; overflow: visible; }
  .col_4.subnav { border-bottom: 0 none; padding: 0 8px 8px; }
  .subnav li { float: none; width: 100%; }
  .subnav li ul { display: none; left: 0; padding: 0 10px; position: relative; top: 0; width: 100%; z-index: 1 }
  .subnav li a.active + ul { display: block; }

  .filters { overflow: hidden; }

  .js .cycle-slideshow { margin-top: 11px; }
  .col_2 iframe { width: 100%; height: 220px; }

  #logo { background: #FFF; }
  .bg_zwart #logo { background: #1A1A1A; }
  .bg_paars #logo { background: #a2549c }
  .bg_blauw #logo { background: #005cc3 }
  .bg_groen #logo { background: #006019 }
  .bg_teal #logo { background: #00887c }
  .bg_fuchsia #logo { background: #8a324e }
  .bg_grijs #logo { background: #a1a1a1 }
  .bg_geel #logo { background: #ffffb0 }
  .bg_lichtblauw #logo { background: #e5ffff }
  .bg_lichtgrijs #logo { background: #dbdbdb }
  .bg_lichtgroen #logo { background: #e8ffda }
  .bg_rose #logo { background: #ffe4ff }
  .bg_lichtrood #logo { background: #f5ece9 }

  .opacity .start #wrap { opacity: 1 }
  footer#stickyfooter,
  #bg_img { display: none }
  .item.firstinrow_mobile { clear: both; }

}

@media only screen and (min-width: 768px) and (max-width: 1023px) { /* tablet portrait */

  header,
  #main,
  footer,
  #zoekwrap {  padding-left:30px; padding-right:30px; width: 750px; }
  header,
  footer#stickyfooter,
  footer#stickyfooter2,
  .js .start #wrap,
  .see_bg #wrap,
  .toggle_left,
  #zoekwrap { margin-left: -375px; }
  .toggle_right { margin-right: -375px; }
  .see_bg .toggle_left { margin-left: 0; }
  .see_bg .toggle_right { margin-right: 0; }
  #main { padding-top: 115px; }
  .cycle-slideshow { height: 490px }
  footer#stickyfooter p,
  footer#stickyfooter2 p { padding: 10px 0 0; }
  .cycle-slideshow { overflow: hidden; height: 410px; }
  .border_b,
  .border_t { width: 670px; margin-left: 10px; margin-right: 10px; }
  .col_2 iframe { width: 326px; height: 220px }
  .subnav a { padding: 0 12px 0 0; font-size: 11px; }
  .col_4 { padding-bottom: 25px; }
  .js .cycle-slideshow { margin-top: -5px; }
  .cycle-prev, .cycle-next { margin-top: -40px; }
  .cycle-slideshow .slide { height: 410px; }
  .item.nofilter { padding: 0 0 0 1px; width: 210px; }
  .filters { margin-bottom: 18px; padding: 4px 0 5px; }
  .filters .item { padding-bottom: 0; padding-left: 0; }
  .js .filters h3 { font-size: 11px; margin-bottom: 0; }
  .filters { border-bottom: 1px solid #1A1A1A; border-top: 1px solid #1A1A1A; width: 670px; margin-left: 10px; margin-right: 10px; }
  .js form.filter { margin: 4px 0; }
  .filters + .col_4 { padding-bottom: 2px; }
  .cycle-next { right: -22px; }
  .cycle-prev { left: -22px; }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) { /* tablet landscape & small desktop */

  header,
  #main,
  footer,
  #zoekwrap { padding-left:50px; padding-right:50px; width: 980px; }
  header,
  footer#stickyfooter,
  footer#stickyfooter2,
  .js .start #wrap,
  .see_bg #wrap,
  .toggle_left,
  #zoekwrap { margin-left: -490px; }
  .see_bg .toggle_left { margin-left: 0; }
  .toggle_right { margin-right: -490px; }
  .see_bg .toggle_right { margin-right: 0; }
  #main { padding-top: 122px; }
  footer#stickyfooter p,
  footer#stickyfooter2 p { padding: 10px 0 0; }
  .cycle-slideshow { overflow: hidden; height: 515px; }
  .border_b,
  .border_t { width: 862px; margin-left: 10px; margin-right: 10px; }

  html, body, #wrap { height: 100%; min-height: 100%; }
  #main { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -154px; }
  .see_zoek #main { padding-top: 175px; }
  .footer, .push { height: 154px;clear: both; }

  .item.nofilter { padding: 0 0 0 1px; margin-right:  4px; width: 210px; }
  .filters { margin-bottom: 18px; padding: 4px 0 5px; }
  .filters .item { padding-bottom: 0; padding-left: 0; }
  .js .filters h3 { margin-bottom: 0; }
  .filters { border-bottom: 1px solid #1A1A1A; border-top: 1px solid #1A1A1A; width: 860px; margin-left: 10px; margin-right: 10px; }
  .js form.filter { margin: 4px 0; }
  .filters + .col_4 { padding-bottom: 2px; }

  .csc-sitemap > ul { width: 862px; }

}

@media only screen and (min-width: 1280px) { /* desktop */

  header,
  #main,
  footer,
  #zoekwrap { padding-left:50px; padding-right:50px; width: 980px; }
  header,
  footer#stickyfooter,
  footer#stickyfooter2,
  .js .start #wrap,
  .see_bg #wrap,
  .toggle_left,
  #zoekwrap { margin-left: -490px; }
  .see_bg .toggle_left { margin-left: 0; }
  .toggle_right { margin-right: -490px; }
  .see_bg .toggle_right { margin-right: 0; }
  footer#stickyfooter p,
  footer#stickyfooter2 p { padding: 10px 0 0; }
  #main { padding-top: 122px; }
  .see_zoek #main { padding-top: 175px; }
  .cycle-slideshow { overflow: hidden; height: 515px; }
  .border_b,
  .border_t { width: 862px; margin-left: 10px; margin-right: 10px; }

  html, body, #wrap { height: 100%; min-height: 100%; }
  #main { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -154px; }
  .footer, .push { height: 154px;clear: both; }

  header,
  #main,
  footer,
  #zoekwrap { padding-left:50px; padding-right:50px; width: 980px; }
  header,
  footer#stickyfooter,
  footer#stickyfooter2,
  .js .start #wrap,
  .see_bg #wrap,
  .toggle_left,
  #zoekwrap { margin-left: -490px; }
  .see_bg .toggle_left { margin-left: 0; }
  .toggle_right { margin-right: -490px; }
  .see_bg .toggle_right { margin-right: 0; }
  #main { padding-top: 122px; }
  footer#stickyfooter p,
  footer#stickyfooter2 p { padding: 10px 0 0; }
  .cycle-slideshow { overflow: hidden; height: 515px; }
  .border_b,
  .border_t { width: 862px; margin-left: 10px; margin-right: 10px; }

  html, body, #wrap { height: 100%; min-height: 100%; }
  #main { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -154px; }
  .see_zoek #main { padding-top: 175px; }
  .footer, .push { height: 154px;clear: both; }

  .item.nofilter { padding: 0 0 0 1px; }
  .filters { margin-bottom: 18px; padding: 4px 0 5px; }
  .filters .item { padding-bottom: 0;}
  .js .filters h3 { margin-bottom: 0; }
  .filters { border-bottom: 1px solid #1A1A1A; border-top: 1px solid #1A1A1A; width: 860px; margin-left: 10px; margin-right: 10px; }
  .js form.filter { margin: 4px 0; }
  .filters + .col_4 { padding-bottom: 2px; }

  .csc-sitemap > ul { width: 862px; }

}

  #zoekwrap { padding-bottom: 10px; padding-top: 10px; }

@media print,(-o-min-device-pixel-ratio:5/4),(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){}

/* =============================================================================
   IE 7, 8 & 9 failback
   ========================================================================== */

  .ie body.see_bg{ height: 101%; }
  .ie7 html, body, #wrap { height: 100%; min-height: 100%; }
  .ie7 header,
  .ie7 #main,
  .ie7 footer,
  .ie7 #zoekwrap { padding-left:50px; padding-right:50px; width: 880px; }
  .ie7 #main { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -154px; padding-top: 122px; }
  .ie7 .see_zoek #main { padding-top: 175px; }
  .ie7 header,
  .ie7 footer#stickyfooter,
  .ie7 footer#stickyfooter2,
  .ie7 .js .start #wrap,
  .ie7 .see_bg #wrap,
  .ie7 .toggle_left,
  .ie7 #zoekwrap { margin-left: -490px; }
  .ie7 .see_bg .toggle_left { margin-left: 0; }
  .ie7 .toggle_right { margin-right: -490px; }
  .ie7 .see_bg .toggle_right { margin-right: 0; }
  .ie7 .footer, .push { height: 154px;clear: both; }
  .ie7 footer#stickyfooter p,
  .ie7 footer#stickyfooter2 p { padding: 10px 0 0; }
  .ie7 .cycle-slideshow { overflow: hidden; height: 515px; }
  .ie7 .border_b,
  .ie7 .border_t { width: 862px; margin-left: 10px; margin-right: 10px; }
  .ie7 .col_4 { width: 862px; }
  .ie8 html, body, #wrap { height: 100%; min-height: 100%; }
  .ie8 #logo a { background-image: url(../Media/Images/logo-new-ie8.png);} /*Lower resolution logo, because ie8 does not support bg size */
  .ie8 header,
  .ie8 #main,
  .ie8 footer,
  .ie8 #zoekwrap { padding-left:50px; padding-right:50px; width: 980px; }
  .ie8 #main { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -154px; padding-top: 122px; }
  .ie8 .see_zoek #main { padding-top: 175px; }
  .ie8 header,
  .ie8 footer#stickyfooter,
  .ie8 footer#stickyfooter2,
  .ie8 .js .start #wrap,
  .ie8 .see_bg #wrap,
  .ie8 .toggle_left,
  .ie8 #zoekwrap { margin-left: -490px; }
  .ie8 .see_bg .toggle_left { margin-left: 0; }
  .ie8 .toggle_right { margin-right: -490px; }
  .ie8 .see_bg .toggle_right { margin-right: 0; }
  .ie8 .footer, .push { height: 154px;clear: both; }
  .ie8 footer#stickyfooter p,
  .ie8 footer#stickyfooter2 p { padding: 10px 0 0; }
  .ie8 .cycle-slideshow { overflow: hidden; height: 515px; }
  .ie8 .border_b,
  .ie8 .border_t { width: 862px; margin-left: 10px; margin-right: 10px; }
  .ie8 .filters { border-bottom: 1px solid #1A1A1A; border-top: 1px solid #1A1A1A; width: 860px; margin: 0 10px 18px; padding: 4px 0 0; }
  .ie8 .item.nofilter { padding: 0 0 0 1px; }
  .ie8 .filters .item { padding-bottom: 0;}
  .ie8 .js .filters h3 { margin-bottom: 0; }
  .ie8 .filters { border-bottom: 1px solid #1A1A1A; border-top: 1px solid #1A1A1A; width: 860px; margin-left: 10px; margin-right: 10px; }
  .ie8 form.filter { margin: 4px 0 0; padding-bottom: 10px; }
  .ie8 .filters + .col_4 { padding-bottom: 2px; }


/* ==========================================================================
   Helper classes
   ========================================================================== */

  .ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}
  .ir:before{content:"";display:block;width:0;height:150%}
  .hidden{display:none!important;visibility:hidden}
  .visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
  .visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
  .invisible{visibility:hidden}
  .clearfix:before,.clearfix:after{content:" ";display:table}
  .clearfix:after{clear:both}
  .clearfix{*zoom:1}

@media print{
  *{background:transparent!important;color:#1A1A1A!important;box-shadow:none!important;text-shadow:none!important}
  a,a:visited{text-decoration:underline}
  a[href]:after{content:" (" attr(href) ")"}
  abbr[title]:after{content:" (" attr(title) ")"}
  .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
  pre,blockquote{border:1px solid #999;page-break-inside:avoid}
  thead{display:table-header-group}
  tr,img{page-break-inside:avoid}
  img{max-width:100%!important}
  @page{margin:.5cm}
  p,h2,h3{orphans:3;widows:3}
  h2,h3{page-break-after:avoid}
}