/*
Theme Name: Conny Janssen Danst (DEV)
Author: PMS72 :: Sean Jeronimus
Author URI: http://pms72.com/
Description: Custom theme developed for Conny Janssen Danst
Version: 1.0
*/

  @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, nav, main, section { display: block; }
  audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
  audio:not([controls]) { display: none; }
  [hidden] { display: none; }

  html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
  html, button, select, input, textarea { font-family: 'p22-underground', helvetica, arial, sans-serif; font-weight: 400; line-height: 1.5em; color: #1A1A1A; }
  body { background: #1A1A1A; margin: 0; padding: 0;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }

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

  h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }

  a, a:link, a:visited { color: #F03; text-decoration: underline }
  a:hover, a:active { color: #1A1A1A; outline: 0; text-decoration: underline }
  a:focus { outline: 0 none; color: blue; }
  abbr[title] { border-bottom: 1px dotted; }
  b, strong { font-weight: 700; }
  blockquote { margin: 0; padding: 0; }
  dfn { font-style: italic; }
  hr { display: block; height: 1px; border: 0; border-top: 1px solid #FFF; margin: 0 10px; padding: 0 0 19px; }
  ins { background: #176DC9; color: #FFF; text-decoration: none; }
  mark { background: #176DC9; color: #FFF; font-style: italic; font-weight: bold; }
  pre, code, kbd, 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: 85%; }
  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
  sup { top: -0.5em; }
  sub { bottom: -0.25em; }

  ul, ol { margin: 1em 0 30px; padding: 0 0 0 2em; }
  dd { margin: 0 0 0 40px; }
  nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

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

  form { margin: 0; }
  fieldset { border: 0; margin: 0; padding: 0; }

  label { cursor: pointer; }
  legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
  button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; -webkit-font-smoothing: antialiased; border-radius: 0; }
  button, input { line-height: normal; }
  button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
  button[disabled], input[disabled] { cursor: default; }
  input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
  input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
  button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
  textarea { overflow: auto; vertical-align: top; resize: vertical; }
  input:valid, textarea:valid {  }
  input:invalid,
  textarea:invalid,
  .content .gform_wrapper input:invalid { background-color: #F1BDBD; }
  input:focus, select:focus, textarea:focus, button:focus { outline: none;}

  ::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder { color: hotpink; font-size: 1em; line-height: 1.35em; font-weight: 300; -webkit-appearance: none; font-family: helvetica, arial, sans-serif; vertical-align: baseline; }
  :-moz-placeholder,
  textarea:-moz-input-placeholder { color: hotpink; font-size: 1em; line-height: 1.35em; font-weight: 300; font-family: helvetica, arial, sans-serif; }
  ::-moz-placeholder,
  textarea::-moz-input-placeholder { color: hotpink; font-size: 1em; line-height: 1.35em; font-weight: 300; font-family: helvetica, arial, sans-serif; }
  :-ms-input-placeholder,
  textarea::-ms-input-placeholder { color: hotpink; font-size: 1em; line-height: 1.35em; font-weight: 300; font-family: helvetica, arial, sans-serif; }

  table { border-collapse: collapse; border-spacing: 0; margin: 19px 0; width: 100%; }
  td {  }
  thead {  }
  td { vertical-align: top; }
  tfoot tr {  }
  thead th,
  tfoot td { font-weight: 700; text-align: left;  }

  .chromeframe { background: #333; display: block; height: 80px; left: 0; margin: 0; padding: 0; position: fixed; top:0; width: 100%; z-index: 9999; }
  .chromeframe p { 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; }

/* =============================================================================
   Fonts
   ========================================================================== */

  @font-face {
    font-family: 'fontello';
    src: url('css/fontello.eot?42977404');
    src: url('css/fontello.eot?42977404#iefix') format('embedded-opentype'),
         url('css/fontello.woff?42977404') format('woff'),
         url('css/fontello.ttf?42977404') format('truetype'),
         url('css/fontello.svg?42977404#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  [class^="icon-"]:before, [class*=" icon-"]:before,
  #f_zoek:before,
  #f_signup:before,
  .filter_div:after,
  .graph_sliderwrap button:before,
  a[href$='.pdf']:before,
  a[href$='.PDF']:before,
  .at-svc-facebook:before,
  .at-svc-twitter:before,
  .at-svc-google_plusone_share:before,
  .tweets .tweet:before /*,
  a[href*="map"]:before */ {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-align: center;
    text-decoration: inherit;
    width: 1em;
    margin: 0;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    vertical-align: text-top;
  }
  .tweets .tweet:before { font-size: 30px; }

  .icon-vimeo:before { content: '\e800'; } /* '' */
  .icon-flickr:before { content: '\e801'; } /* '' */
  .icon-linkedin:before { content: '\e802'; } /* '' */
  .icon-cancel:before { content: '\e803'; } /* '' */
  .icon-star:before { content: '\e804'; margin-top: -3px; } /* '' */
  .icon-menu:before { content: '\e80b'; } /* '' */
  .icon-facebook-1:before,
  .at-svc-facebook:before { content: '\e80c'; } /* '' */
  .icon-gplus-1:before,
  .at-svc-google_plusone_share:before  { content: '\e80d'; } /* '' */
  .icon-twitter-1:before,
  .at-svc-twitter:before,
  .tweets .tweet:before { content: '\e80e'; } /* '' */
  .icon-search:before { content: '\e80f'; } /* '' */
  .icon-left:before { content: '\e810'; } /* '' */
  .icon-right:before { content: '\e811'; } /* '' */
  .icon-mail:before { content: '\e812'; } /* '' */
  .icon-youtube:before { content: '\e813'; } /* '' */


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

  html,
  body { min-height: 100%; top:0 !important }
  body { background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; }

  h2 { color: #F03; font-size: 35px; font-weight: 700; line-height: 35px; padding: 20px 0 30px; text-transform: uppercase; }
  h3 { color: #F03; font-size: 35px; font-weight: 400; line-height: 35px; padding: 20px 0 30px; text-transform: uppercase; }
  .text_center h3 { padding-bottom: 0; }
  h2 + h3 { margin-top: -50px; }
  h2 + .meta { margin: -30px 0 30px; }
  h3 a:link,
  h3 a:visited { text-decoration: none; }
  h3 a:hover,
  h3 a:active { text-decoration: none; }
  h4 { color: #F03; font-size: 15px; font-weight: 400; line-height: 1.5em; padding: 0; text-transform: uppercase; }
  .col_4 h4 { padding: 10px 0; }
  .infinite .col_8 h4 { color: #F03; font-size: 25px; font-weight: 700; line-height: 25px; padding: 20px 0 15px; text-transform: uppercase; }
  h4.strong { font-weight: 700; }
  h4 a { display: block; }
  h4 a span { float: right; }
  h4 a:link,
  h4 a:visited { text-decoration: none; }
  h4 a:hover,
  h4 a:active { text-decoration: none; }
  h5 { color: #F03; font-size: 15px; font-weight: 700; line-height: 20px; padding: 0; text-transform: uppercase; }
  h5 a:link,
  h5 a:visited,
  .itemcontent h5 a:link,
  .itemcontent h5 a:visited { text-decoration: none; }
  h5 a:hover,
  h5 a:active,
  .itemcontent h5 a:hover,
  .itemcontent h5 a:active { color: #1A1A1A; text-decoration: none; }
  h6 { color: #F03; font-size: 15px; font-weight: 300; line-height: 20px; padding: 0; text-transform: uppercase; }
  h6 a:link,
  h6 a:visited,
  .itemcontent h6 a:link,
  .itemcontent h6 a:visited { text-decoration: none; }
  h6 a:hover,
  h6 a:active,
  .itemcontent h6 a:hover,
  .itemcontent h6 a:active { color: #1A1A1A; text-decoration: none; }
  p { font-size: 15px; padding: 0 0 1.5em; }
  .padding_top_large  { padding-top: 1.5em }
  .xl.padding_t p { padding-top: 1.5em }
  .xl p { font-size: 22px; font-weight: 500 }
  .p_red p { color: #F03; }
  .p_red p strong { font-weight: 700; }
  time span { font-weight: 300; }

  .social { display: inline; }
  a.leesmeer,
  .social a { display: inline-block; font-size: 13px; text-transform: uppercase; padding: 1px 5px 0; margin: 0 7px 20px 0 }
  .social a { text-align: center; width: 25px; }
  a.leesmeer:link,
  a.leesmeer:visited,
  .social a:link,
  .social a:visited { background: #FFE600; color: #1A1A1A; text-decoration: none; }
  a.leesmeer:hover,
  a.leesmeer:active,
  .social a:hover,
  .social a:active { background: #F03; color: #FFF; text-decoration: none; }
  .block { display: block; overflow: hidden; text-overflow: ellipsis; width: 100%; }
  .bg_geel a:link,
  .bg_geel a:visited,
  h4.no_link { color: #1A1A1A; }
  .bg_geel a:hover,
  .bg_geel a:active { color: #FFF; }
  .bg_geel a.leesmeer:link,
  .bg_geel a.leesmeer:visited,
  .bg_geel .social a:link,
  .bg_geel .social a:visited { background: #FFF; color: #1A1A1A; text-decoration: none; }
  .bg_geel a.leesmeer:hover,
  .bg_geel a.leesmeer:active,
  .bg_geel .social a:hover,
  .bg_geel .social a:active { background: #F03; color: #FFF; text-decoration: none; }

  /* #wrap { background: url(images/cjd_website_2.jpg) no-repeat center top; } */

  main { margin: 0 auto; padding: 160px 0 50px; }
  .blog main { padding: 20px 0 50px; }
  .item { background: #FFF; position: relative; }
  .bg_geel { background: #FFE600; }
  .bg_none { background: none; }
  .itemheader { background: #FFE600; color: #1A1A1A; font-size: 15px; font-weight: 700; margin: 0 -10px 10px; padding: 10px 10px 6px; text-transform: uppercase; }
  .itemcontent { padding: 10px 0; }
  .itemcontent p { line-height: 20px; padding: 0; text-transform: uppercase; }
  .p_lower .itemcontent p { text-transform: none; }
  .itemcontent p span { color: #F03 }
  .itemcontent p a { text-transform: none; }
  .itemcontent a:link,
  .itemcontent a:visited { color: #F03; text-decoration: underline; }
  .itemcontent a:hover,
  .itemcontent a:active { color: #1A1A1A; text-decoration: underline; }
  .p_lower .itemcontent a:link,
  .p_lower .itemcontent a:visited { color: #1A1A1A; text-decoration: none; }
  .p_lower .itemcontent a:hover,
  .p_lower .itemcontent a:active { color: #F03; text-decoration: underline; }
  .col_4 .itemfooter,
  .infinite .col_8 .itemfooter,
  .page-template-page-conny_janssen_danst-php .col_8 .itemfooter { bottom: 0; left: 0; padding: 0 10px; position: absolute; width: 100%; z-index: 2; }
  .single .col_4 .itemfooter { position: relative; padding: 0; }
  .single-voorstelling .col_4 .itemfooter { position: absolute; padding: 0 10px; }
  .item.equal { padding-bottom: 55px; }
  .item.text_center { text-align: center; }
  .pagenav a.leesmeer,
  .pagenav .social a { margin: 0; }

  .leesmeer.bottompagenav { position: absolute; bottom: -45px; left: 0; z-index: 1; }

  .pagenav .social { float: right; }
  .pagenav .social a { float: left; margin: 0; }

  .meta { display: block; margin: 0 0 20px; }
  .meta time { color: #bfbfbf; text-transform: uppercase; }
  .meta.all_caps { text-transform: uppercase; line-height: 1.3em; margin-bottom: 5px; }
  .infinite .col_8 .meta.all_caps { font-size: 25px; line-height: 25px; }
  h4 + .meta { margin-top: -10px; }
  .all_caps { text-transform: uppercase; }

  .footermeta { font-size: 12px; padding: 0 0 4px; }
  .social + .footermeta { margin-top: -10px; }
  .leesmeer + .footermeta { margin-top: -15px; }

  img.placeholder { background: #E5E5E5 url(images/placeholder.svg) no-repeat center center; background-size: cover; }
  .no-svg img.placeholder { background-image: url(images/placeholder.png); }

  .has_img { background: #E5E5E5; }
  .col_12.has_img { background: #E5E5E5 url(images/placeholder.svg) no-repeat center center; background-size: cover; }
  .has_img a,
  .has_img span { display: block; position: relative; }
  .no-svg .has_img { background-image: none; }

  .opacity .has_img a img { opacity: 1 }
  .opacity .has_img a:hover img { opacity: 0.6 }

  .cur_month { background: #FFE600; color: #1A1A1A; display: block; float: left; font-size: 25px; font-weight: 700; line-height: 25px; margin: 0 0 0 -10px; padding: 8px 10px 4px; position: relative; text-transform: uppercase; width: auto; }
  .cur_month:after { border-color: #FFE600 transparent transparent; border-style: solid; border-width: 10px 10px 0; bottom: -10px; content: ''; display: block; height: 0; left: 50%; margin-left: -10px; position: absolute; width: 0; z-index: 1; }

  .equal_300 { height: 300px; }
  .equal_620 { height: 620px; }
  .sticker,
  .xl_date { left: 0; position: absolute; top: 50%; width: 100%; text-align: center; }
  .xl_date { margin-top: -30px; }
  .sticker span { background: #FFE600; color: #1A1A1A; display: inline-block; font-weight: 700; padding: 3px 5px 0; text-transform: uppercase; }
  .col_8 .sticker span { font-size: 45px; line-height: 60px; max-width: 50%; padding: 0; }
  .xl_date span { color: #FFF; font-size: 80px; font-weight: 700; line-height: 80px; text-transform: uppercase; text-shadow: 0 0 8px rgba(26, 26, 26, 0.3); }

  .tweets { background: #FFF; margin: 119px 0 0; }
  .tweets2 { background: #E5E5E5; position: fixed; bottom: 0; left: 0; margin: 0; width: 100%; z-index: 999; }
  .tweets2 .tweet { padding: 5px 0 0 }
  .tweet { display: block; margin: 0 auto; padding: 15px 0 20px; position: relative; }
  .tweets .tweet:before { color: #F03; position: absolute; right: 0; top: 50%; margin-top: -15px; }
  .tweets p,
  .tweets2 p,
  .itemfooter p { padding: 0; }
  .tweets .tweet { padding-right: 170px; }
  .tweets .tweet > p { font-size: 25px; line-height: 30px; }
  .tweet > p a:link,
  .tweet > p a:visited { color: #1A1A1A; text-decoration: none; }
  .tweet > p a:hover,
  .tweet > p a:active { color: #F03; text-decoration: none; }
  .tweet p time { color: #bfbfbf; text-transform: uppercase; }

  .tweet .meta { margin: 0; font-size: 12px; padding: 3px 0 0; }
  .itemfooter p { color: #F03; }

  .blog .col_4,
  .page-template-page-conny_janssen_danst-php .col_4 { height: 500px; overflow: hidden; }
  .page-template-page-conny_janssen_danst-php .col_8 { height: 1020px; overflow: hidden; }

  .past h5,
  .past p { color: #BFBFBF }

  .js .scrollup { height: 0; overflow: hidden; margin-bottom: 0; }
  .js .scrollup_visible .scrollup { height: 27px; margin-bottom: 20px; }

  .bg_img { background-position: center top; background-repeat: no-repeat; background-size: cover; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
  .bg_img img { height: 100%; width: 100%; }
  .bg_img h2 { color: #FFF; left: 50%; padding: 0; position: absolute; top: 50%; text-shadow: 0 0 8px rgba(26, 26, 26, 0.3); z-index: 1; }
  .bg_img h2 a span.titel      { display: block; font-size: 100px; font-weight: 700; line-height: 100px; }
  .bg_img h2 a span.ondertitel { display: block; font-size: 50px;  font-weight: 300; line-height: 50px; }
  .bg_img h2 a { font-weight: 300; }
  .bg_img h2 a:link,
  .bg_img h2 a:visited { color: #FFF; text-decoration: none; }
  .bg_img h2 a:hover,
  .bg_img h2 a:active { color: #FFF; text-decoration: underline; }

  .home_footer { bottom: 0; left: 50%; position: absolute; width: 100%; }
  .home_footer .item { background: none; float: left; padding: 0; margin-bottom: 10px; }
  .opacity .home_footer .item.active img { opacity: 0 !important; }
  .home_footer .item img { margin-bottom: 10px; }
  .home_footer .item span { display: block; font-size: 12px; line-height: 15px; text-transform: uppercase; }
  .home_footer .item .titel { font-weight: 700; }
  .home_footer .item .ondertitel { font-weight: 300; }
  .home_footer a { display: block; background-position: left top; background-repeat: no-repeat; background-size: contain }
  .home_footer a:link,
  .home_footer a:visited { color: #FFF; text-decoration: none; }
  .home_footer a:hover,
  .home_footer a:active { color: #FFF; text-decoration: underline; }

  .homenav button { background: none; border: none; display: block; height: 30px; margin: 0; padding: 0; position: fixed; top: 50%; width: 16px; z-index: 99; }
  .homenav button.prev { left: 20px; background: url(images/overlay-prev.png) no-repeat center center; }
  .homenav button.next { right: 20px; background: url(images/overlay-next.png) no-repeat center center; }

  .trailerwrap { background: #1A1A1A; background: rgba(26,26,26,.6); height: 100%; overflow: hidden; position: absolute; right: 0; top: 0; width: 0; z-index: 2; }
  .show_trailers .trailerwrap { width: 100%; }
  .trailerwrap .trailer { float: right; margin: 20px 30px 0 0; }
  .has_img > .trailer { position: absolute; right: 30px; top: 20px; z-index: 1; }
  .has_img.show_trailers > .trailer { display: none; }
  .has_img.show_trailers > .trailerwrap { display: block; }
  .trailer a { display: block; position: relative; }
  .trailer a .play { display: block; position: relative; }
  .trailer a .play:before { border: 6px solid rgba(255,255,255,.4); border-radius: 80px; content: ''; display: block; height: 80px; left: 50%; margin: -46px 0 0 -40px; position: absolute; top: 50%; width: 80px; z-index: 1; }
  .trailer a .play:after { border-color: transparent transparent transparent rgba(255,255,255,.4); border-style: solid; border-width: 23px 0 23px 36px; content: ''; height: 0; display: block; left: 50%;margin: -23px 0 0 -9px; position: absolute; top: 50%; width: 0; z-index: 1; }
  .trailer a:link,
  .trailer a:visited { color: #FFF; text-decoration: none }
  .trailer a:hover,
  .trailer a:active { color: #FFF; text-decoration: underline }
  .trailer a:hover:before { border: 6px solid rgba(255,255,255,.8); }
  .trailer a:hover:after { border-color:  transparent transparent transparent rgba(255,255,255,.8); }
  .trailer img { height: auto; position: relative; width: 100%; }
  .trailer span.titel { display: block; font-weight: 700; padding-top: 8px; }
  .trailer span.titel,
  .trailer .meta { font-size: 13px; line-height: 1.2em; text-transform: uppercase; }
  .trailer button,
  .trailerwrap button { border: none; background: #F03; color: #FFF; font-size: 13px; font-weight: 700; padding: 5px 10px 3px; margin: 10px 0 0; width: auto; }
  .trailerwrap button { bottom: 30px; left: 30px; position: absolute; z-index: 2; }
  .trailer button:hover,
  .trailerwrap button:hover { background: #FFE600; color: #1A1A1A; }

  .bekijkfotos,
  .fotos button { border: none; background: #F03; color: #FFF; font-size: 13px; font-weight: 700; margin: 10px 0 0; padding: 5px 10px 3px; text-transform: uppercase; width: auto; }
  .bekijkfotos:hover,
  .fotos button:hover { background: #FFE600; color: #1A1A1A; }
  .bekijkfotos { left: 0; margin: 0; position: absolute; top: 0; z-index: 1; }

/* =============================================================================
   Header
   ========================================================================== */

  header { left: 0; position: fixed; top: 0; width: 100%; z-index: 9;
    transition: top 0.3s ease-in-out;
  }
  header.zoekactive nav { display: none; }
  header.zoekactive #zoek { display: block; }
  nav { background: transparent; background: rgba(0,0,0,0); position: relative; }
  nav h1 { font-size: 20px; font-weight: 300; line-height: 22px; padding: 11px 0 0; text-transform: uppercase; }
  nav h1 a:link,
  nav h1 a:visited { color: #F03; text-decoration: none; }
  nav h1 a:hover,
  nav h1 a:active { color: #1A1A1A; text-decoration: none; }
  .nav-up { top: -150px; }

  #google_translate_element { margin: 0 auto; max-width: 960px; padding: 0 10px; position: relative; }
  body > .skiptranslate { display: none; }
/*
 * ===== zoek hoogte 60px ======
 */

  #zoek { background: #1A1A1A; background: rgba(0,0,0, 0.75); height: 60px; position: absolute; left: 0; top: 59px; width: 100%; z-index: -1; }
  .js #zoek { display: none }
  #zoek form { margin: 0 auto; padding: 18px 0; position: relative; }
  #zoek form:before { color: #FFF; content: 'ZOEK'; display: block; font-size: 15px; left:10px; position: absolute; top: 21px; width: 100%; z-index: -1; }
  #zoek input { background: none; border: 0 none; color: #FFF; font-size: 15px; height: 25px; line-height: 30px; }
  #zoek input#s { border-left: 1px solid #FFF; font-weight: 700; padding: 0 55px; width: 100%; }
  #zoek input#searchsubmit { font-family: 'fontello'; font-size: 21px; font-weight: 300; height: 30px; margin: 0; padding: 0; position: absolute; right: 25px; text-align: center; top: 16px; width: 30px; z-index: 2; }
  #zoek input#searchsubmit:hover { color: #FFE600 }
/*/

/*
 * ===== zoek hoogte 50px ======
 *
  #zoek { background: #1A1A1A; background: rgba(26, 26, 26, 0.75); height: 50px; position: absolute; left: 0; top: 59px; width: 100%; z-index: -1; }
  .js #zoek { display: none }
  #zoek form { margin: 0 auto; padding: 14px 0; position: relative; }
  #zoek form:before { color: #FFF; content: 'ZOEK'; display: block; font-size: 15px; left:10px; position: absolute; top: 17px; width: 100%; z-index: -1; }
  #zoek input { background: none; border: 0 none; color: #FFF; font-size: 15px; height: 25px; line-height: 30px; }
  #zoek input#s { border-left: 1px solid #FFF; font-weight: 700; padding: 0 9px 0 55px; width: 100%; }

  #zoek input#searchsubmit { display: block; font-family: 'fontello';  font-size: 25px; height: 30px; margin: 0; padding: 0; position: absolute; right: 35px; text-align: center; top: 11px; width: 30px; z-index: 2; }
  #zoek input#searchsubmit:hover { color: #1A1A1A }
*/
  #translate { background: #1A1A1A; background: rgba(0,0,0, 0.75); height: 60px; position: absolute; left: 0; top: 59px; width: 100%; z-index: -1; }
  .js #translate { display: none }

  a.zoektoggle,
  a.langtoggle { display: block; height: 30px; font-size: 21px; position:absolute; text-align: center; top: 19px; width: 30px; z-index: 2;}
  a.zoektoggle { margin: 0 0 0 -478px; left:50%; }
  a.langtoggle { margin: 0 -478px 0 0; right:50%; }

  a.zoektoggle:link,
  a.zoektoggle:visited { color: #FFF; text-decoration: none }
  a.zoektoggle:hover,
  a.zoektoggle:active { color: #1A1A1A; text-decoration: none }

  a.langtoggle { font-size: 15px; line-height: 15px; padding:6px 0 0 0; width: auto; text-align: right; text-transform: uppercase; }
  a.langtoggle:link,
  a.langtoggle:visited { color: #FFF; text-decoration: none }
  a.langtoggle:hover,
  a.langtoggle:active { color: #1A1A1A; text-decoration: none }

  #zoekclose,
  #langclose { color: #FFFFFF; display: block; font-size: 20px; height: 30px; line-height: 30px; position: absolute; right: 0; text-align: center;  text-decoration: none; top: 15px; width: 30px; z-index: 2; }

  #zoekclose:hover,
  #langclose:hover { color: #1A1A1A; text-decoration: none }

  #m_searchform { background: #1A1A1A url(images/bg_mobnav.png) repeat-y right top; border-bottom: 1px solid rgba(255,255,255,.2); height: 42px; left: -230px; position: fixed; top: 0; width: 230px; z-index: 999; }
  #m_searchform form { width: 190px; }
  #m_searchform input { background: none; border: 0 none; color: #FFF; font-size: 13px; line-height: 22px; padding: 10px 42px 0 15px; width: 100%; }
  #m_searchform input#m_searchsubmit { border-left: 0 none; font-family: 'fontello'; font-size: 20px; line-height: 20px; height: 100%; padding: 0; position: absolute; right: 50px; top: 0; width: 42px; }
  #m_searchform input#s { padding: 3px 40px 3px 15px; }

/* =============================================================================
   Navigatie
   ========================================================================== */

  #menu-top,
  #menu-top ul { list-style: none; margin: 0; padding: 0; position: relative; width: 100%; z-index: 1 }
  #menu-top > li { background: #FFE600; display: block; float: left; width: 50%; }
  #menu-top > li:nth-child(odd) { background: #FFF; }
  #menu-top a { display: block; font-size: 25px; line-height: 25px; padding: 17px 20px; text-transform: uppercase; white-space: nowrap; overflow: visible; }
  #menu-top a:link,
  #menu-top a:visited { color: #1A1A1A; text-decoration: none; }
  #menu-top a:hover,
  #menu-top a:active { color: #1A1A1A; text-decoration: underline; }
  #menu-top > li:nth-child(odd) a { float: right; padding-left: 10px }
  #menu-top > li:nth-child(odd) a:link,
  #menu-top > li:nth-child(odd) a:visited,
  #menu-top > li:nth-child(odd) a:hover,
  #menu-top > li:nth-child(odd) a:active { color: #F03; }


  ul.ticker { list-style: none; position: relative; height: 60px; }
  ul.ticker li { background: #D2D2D2; height: 60px; left: 0; position: absolute; top:60px; width: 100%; z-index: 0; }
  ul.ticker li.active { top: 0; background: #FFF; z-index: 2; }
  ul.ticker li.tobottom { top:60px; z-index: 0; }
  ul.ticker li.totop { top:-60px; z-index: 1;}

  .nav_main { list-style: none; margin: 0 auto; padding: 0 0 0 30px; position: relative; width: 100%; }
  .nav_main li { display: inline-block; padding-bottom: 20px; width: auto; } /* was padding-bottom: 15px; */
  .nav_main a { display: block; font-size: 15px; line-height: 15px; padding: 25px 10px 5px; text-transform: uppercase; } /* was padding: 20px 10px 0; */
  .nav_main a:link,
  .nav_main a:visited { color: #FFF; text-decoration: none; }
  .nav_main a:hover,
  .nav_main a:active { color: #FFF; text-decoration: underline; }
  .nav_main li.current-menu-item > a,
  .nav_main li.current-menu-ancestor > a,
  .nav_main li.current-menu-parent > a,
  .nav_main li.current_page_parent > a { color: #FFF; text-decoration: underline; }
  .nav_main > li.current-menu-item.menu-item-has-children,
  .nav_main > li.current-menu-ancestor.menu-item-has-children,
  .nav_main > li.current-menu-parent.menu-item-has-children,
  .nav_main > li.current_page_parent.menu-item-has-children { padding-bottom: 50px } /* was padding-bottom: 40px */

  .sub-menu { display: none; left: 0; position: absolute; top: 54px; width: 100%; } /* was top: 85px; */
  .nav_main li.current-menu-item > .sub-menu,
  .nav_main li.current-menu-ancestor > .sub-menu,
  .nav_main li.current-menu-parent > .sub-menu,
  .nav_main li.current_page_parent > .sub-menu { display: block; }
  .nav_main .sub-menu a { padding: 10px 10px 5px; }
  .sub-menu a:link,
  .sub-menu a:visited { color: #FFF; color: rgba(255,255,255,.75); text-decoration: none; }
  .sub-menu a:hover,
  .sub-menu a:active { color: #FFF; color: rgba(255,255,255,.75); text-decoration: underline; }
  .sub-menu li.current-menu-item > a,
  .sub-menu li.current-menu-ancestor > a,
  .sub-menu li.current-menu-parent > a,
  .sub-menu li.current_page_parent > a { color: #FFF; text-decoration: underline; }

  #navtoggle { display: none; }

  .navigation { background: none; width:100%; }
  .navigation a { font-weight: 400; display: block; padding: 3px 0 0; text-align: center; text-transform: uppercase; width: 100%; }
  .navigation a:link,
  .navigation a:visited { background: #FFE600; color: #1A1A1A; text-decoration: none; }
  .navigation a:hover,
  .navigation a:active { background: #F03; color: #FFF; text-decoration: none; }

  .js span.prev { display: none; }
  #infscr-loading { background: none; width:100%; }
  #infscr-loading img { display: none; }
  #infscr-loading div { color: #FFF; padding: 3px 0 0 10px; text-transform: uppercase; }
  #infscr-loading div em { font-style: normal; }

/* =============================================================================
   Number of friends counter
   ========================================================================== */  

  #number_of_friends {
    display:inline-block;
    line-height: normal;
    font-size: 3rem;
    text-align: center;
    border: red;
    background-color: #FFE600;
    margin: -12px 0 10px 0;
    padding: 10px 10px 0px 10px;
  }

/* =============================================================================
   Newsletter block
   ========================================================================== */

  #menu-top li.newsletter-subscribe-block { background: #FFE600;}
  .pusher form { display: none; height: 59px; padding: 18px 20px; }
  #nsu-email-0 { background: none; border: none; border-left: 1px solid #1A1A1A; color:#FFF; float:left; height: 20px; line-height: 22px; padding: 0 10px; text-transform: uppercase; }
  #menu-top .nsu-submit { background: none; border: none; float:left; font-size: 15px; height: 20px; line-height: 24px; margin: 0; padding: 0; text-transform: uppercase; width: auto; }
  #menu-top .nsu-submit:hover { text-decoration: underline; }
  #nsu-signed-up-0 { float: left; padding: 17px 0 17px 20px; font-size: 25px; line-height: 25px; }
  #nsu-signed-up-0 { background: #FFE600; left: 50%; position: absolute; text-transform: uppercase; top: 0; width: 50%; z-index: 2 }
  .nsu-error { clear: both; color: #F03; font-size: 12px; font-style: italic; display: block; padding: 0 0 0 11px; width: 100%; }

/* =============================================================================
   SEARCH RESULTS
   ========================================================================== */

  .search-results .item h4 { font-weight: 700; padding: 10px 0 0 0; }
  .search-results .meta { font-size: 15px; margin: 0;  }
  .search-results .item  .meta time { color: #1a1a1a; }
  .search-results .footermeta { display: none; }

 /* =============================================================================
   FORMULIEREN
   ========================================================================== */

  .gform_wrapper {}
  .gform_wrapper ul { list-style: none; margin: 0; padding: 0;}
  li.gfield { clear: both; margin-bottom: 10px; }
  .gfield_required { display: none; }
  .gfield input[type=text],
  .gfield input[type=email],
  .gfield input[type=tel],
  .gfield input[type=number],
  .gfield select { background: #F2F2F2; border: 1px solid #b2b2b2; color: #1A1A1A; font-size: 15px; line-height: 29px; margin: 0; padding: 4px 7px; width: 100%; }
  .gfield input[type=number] { width: 50%; }
  .gfield select { height: 37px; color: #555 }

  .gfield_label { color: #1A1A1A; font-size: 15px; font-weight: 400; line-height: 1.5em; padding: 0; text-transform: uppercase; }
  .gfield_price .gfield_label { color: #F03; }
  .gfield_nolabel .gfield_label { display: none; }

  .gform_wrapper ul.gfield_radio { margin-bottom: 20px; }
  .gfield input[type=radio], .gfield input[type=checkbox] { display: none; }
  .gfield input[type=radio] + label,
  .gfield input[type=checkbox] + label{ display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; }
  .gfield input[type=radio] + label:before,
  .gfield input[type=checkbox] + label:before { border: 1px solid #b2b2b2; background-color: #F2F2F2; top: 3px; content: ""; display: inline-block; height: 16px; left: 0; margin-right: 10px; position: absolute; width: 16px; }
  .gfield input[type=radio]:checked + label:before {content: "\2022";color: #1A1A1A;font-size: 30px;text-align: center; text-indent: 0; line-height: 16px }
  .gfield input[type=checkbox]:checked + label:before {content: "\2022";color: #1A1A1A;font-size: 30px;text-align: center; text-indent: 0; line-height: 16px }
  .gfield input[type=radio] + label:before {
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
  }
  .gform_button { background: #FFE600; border:none; color: #1a1a1a; display: block; font-size: 13px; line-height: 29px; padding: 0 7px; text-transform: uppercase; }
  .gform_button:hover { background: #F03; color: #FFF;  }
  .gfield_description { font-size: 13px; color: #666; font-style: italic; }

  .gfield_radio li { position: relative; }
  .gfield_radio .extValue { text-indent: 68px; font-size: 14px; }
  .gfield_radio .theValue { background: #F03; color: #FFF; display: block; font-size: 13px; height: 20px; left: 25px; line-height: 22px; padding: 0; position: absolute; text-align: center; top: 1px; width: 60px; }

  li.gfield_html { background: #FFE600; font-size: 18px; line-height: 1.4em; margin: 30px 0; padding: 24px 20px; }

  .gform_wrapper { padding: 0 40px 20px; }
  #gform_wrapper_1 { padding: 0 0 2px; }

  .ginput_complex { padding-bottom: 10px; min-height: 61px; }
  .ginput_complex label { color: #666; display: block; font-size: 13px; font-style: italic; }
  .gfield .ginput_complex .ginput_left,
  .gfield .ginput_complex .ginput_right,
  .gfield .ginput_complex .name_last,
  .gfield .ginput_complex .name_first { float: left; width: 50%; }
  .gfield .ginput_complex .ginput_left,
  .gfield .ginput_complex .name_first { padding-right: 20px; }
  .gf_clear { clear: left; }
  
  .ginput_complex { padding-bottom: 10px; min-height: 61px; }
  .ginput_complex label { color: #666; display: block; font-size: 13px; font-style: italic; }
  .gfield .ginput_complex .ginput_left,
  .gfield .ginput_complex .ginput_right,
  .gfield .ginput_complex .name_last,
  .gfield .ginput_complex .name_first { float: left; width: 50%; }
  .gfield .ginput_complex .ginput_left,
  .gfield .ginput_complex .name_first { padding-right: 20px; }
  .gf_clear { clear: left; }

  a.anchor { display: block; position: relative; top: -180px; visibility: hidden; }

  /* blokje op /pers */
  .pers-form-block img { display: none; }
  .pers-form-block .validation_error { float: left; width: 100%; padding: 7px;  font-size: 15px; line-height: 1.2em; color: white; background: #F03;  }
  .pers-form-block .validation_message { float: left; clear: left; margin-left: 7px; font-size: 13px; color: #bfbfbf; }
  .js .single-voorstelling .gform_wrapper { display: none; }

  /* password op /bedankt/ */
  .page-id-733 p strong{ color: #F03; }
  .post-password-form { float: left; }
  .post-password-form span { float: left; width: auto; display: block; clear: left; }

  /* password input op /conny-janssen-danst/persdownloads/ */
  .post-password-form label { float: left; width: 100%; text-transform: uppercase; font-size: 15px; cursor: default; margin-top: 7px; }
  .post-password-form input[type=password]{ float: left; clear: left; width: 50%; line-height: 29px; padding: 0 7px; margin: 0; font-size: 15px; color: #bfbfbf; background: #f2f2f2; border:none;  }
  .post-password-form input[type=submit] { float: left; width: auto; display: block; margin-top: 10px; margin-bottom: 10px; padding: 0 7px;  line-height: 29px; font-size: 15px; text-transform: uppercase; color: #1a1a1a;  border:none; background: #FFE600; }

  .post-password-form input[type=submit]:hover { background: #F03; color: #FFF; }

  .gfield_error.gfield_contains_required input { background: #F1BDBD; color: #F03; }

	.fancybox__active #mainwrap { height: 100vh; width: 100vw; overflow: hidden; }

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

  .addthis_sharing_toolbox { display: block; float: right; }
  .addthis_sharing_toolbox a { cursor: pointer; display: inline-block; font-size: 13px; text-transform: uppercase; padding: 1px 5px 0; margin: 0 7px 20px 0; text-align: center; width: 25px; }
  .addthis_sharing_toolbox a:link,
  .addthis_sharing_toolbox a:visited  { background: #FFE600; color: #1A1A1A; text-decoration: none; }
  .addthis_sharing_toolbox a:hover,
  .addthis_sharing_toolbox a:active { background: #F03; color: #FFF; text-decoration: none; }
  .pagenav .addthis_sharing_toolbox { float: right; }
  .pagenav .addthis_sharing_toolbox a { float: left; margin: 0; }

  .at-share-tbx-element .at-share-btn { margin: 0 0 0 10px }
  .at-share-tbx-element a.at-share-btn { background: #FFE600; color: #1A1A1A; text-decoration: none; }
  .at-share-tbx-element a.at-share-btn:hover { background: #F03; color: #FFF; text-decoration: none; }
  main .at-share-tbx-element .at-share-btn .at300bs,
  main .at4-icon.aticon-google_follow,
  main .at4-icon.aticon-google_plusone,
  main .at4-icon.aticon-google_plusone_share,
  main .at4-icon.aticon-googleplus,
  main .at4-icon.aticon-facebook,
  main .at4-icon.aticon-twitter { background: none; display: none; }
  main .addthis_20x20_style .dummy .at300bs,
  main .addthis_20x20_style .at300bs,
  main .addthis_20x20_style .at15t { height: auto !important; }
  main .at-share-tbx-element.addthis_20x20_style .at-share-btn,
  main .at-share-tbx-element.addthis_20x20_white_style .at-share-btn { max-width: 999px; max-height: 999px; }
  span.at-icon-wrapper { display: none; }

/* =============================================================================
   Mobile only
   ========================================================================== */

  #mobilenav { background: #343434 url(images/bg_mobnav.png) repeat-y right top; height: 100%; left: -230px; overflow: auto; position: fixed; top: 0; width: 230px; z-index: 998; }
  #mobilenav nav { float: none; padding: 43px 0 60px; }
  #mobilenav ul { float: none; list-style: none; margin: 0; padding: 0; }
  #mobilenav li { display: block; width: 100%; }
  #mobilenav a { border-bottom: 1px solid rgba(255,255,255,.1); display: block; font-size: 13px; font-weight: 500; padding: 10px 15px; text-transform: uppercase; }
  #mobilenav .sub-menu a { font-weight: 300; padding-right: 5px; }
  #mobilenav a:link,
  #mobilenav a:visited { color: #FFF; text-decoration: none; }
  #mobilenav a:hover,
  #mobilenav a:active { color: #FFF; text-decoration: none; }

  #mobilenav ul.sub-menu { border-top: 0 none; display: none; position: relative; top: 0; }
  #mobilenav .current_page_item ul.sub-menu,
  #mobilenav .current_page_parent ul.sub-menu { display: block; }
  #mobilenav ul.sub-menu li { float: none; }
  #mobilenav ul.sub-menu a { padding-left: 30px; }

  #mobilenav li.current-menu-item > a,
  #mobilenav li.current-menu-ancestor > a,
  #mobilenav li.current-menu-parent > a,
  #mobilenav li.current_page_parent > a { background: #F03 url(images/bg_mobnav.png) repeat-y right top; }

  #mobilenav  #google_translate_element { padding: 43px 10px 0; position: relative; }

  #navtoggle { color: #1A1A1A; display: none; font-size: 20px; line-height: 1em; padding: 10px 17px; }
  #navtoggle:hover,
  .i #navtoggle { color: #F03; }

  body.i { height: 100%; overflow:hidden; width: 100%; }
  .i #mobilenav,
  .i #m_searchform { left: 0; }
  .i #mainwrap { overflow: auto; overflow-x: hidden; }
  .i #wrap,
  .i #headerwrap,
  .i header,
  .i .bg_img { left: 230px; }
  .selectBox-options li a:active { color: #FFF; text-decoration: underline; }

  .goog-te-gadget { padding: 15px 55px 0 0; }
  header .goog-te-gadget .goog-te-combo { background: #000; border: none; color: #FFF; font-family: 'p22-underground', helvetica, arial, sans-serif; font-size: 15px; font-weight: 400; height: 30px; line-height: 1.4em; margin: 0 0 20px; text-transform: uppercase; width: 100%; }
  .pos_relative { position: relative; }
  .pos_relative .leesmeer.bottompagenav { bottom: -25px; }

/* =============================================================================
   AVG
   ========================================================================== */
  
   #cookie-law-info-bar {
    position: fixed !important;
    background-color: white;
    bottom: 0;
   }

   #cookie-law-info-bar span{
    padding-left: 5px;
    padding-right: 5px;
   }

   #cookie-law-info-bar .cli-plugin-main-button{
    margin-bottom: 8px;
   }   

   #cookie-law-info-bar .cli-plugin-main-link{
    margin-left: 0px;
   } 
   
   /* =============================================================================
   Ticketmatic
   ========================================================================== */
  
  #tmplugin_basket {
    position: relative;
    width: 28px;
    margin: -50px 0 0 495px; 
    left:50%; 
  }
  #tmplugin_basket_icon {
    fill: #1A1A1A;
  }
  #tmplugin_basket_icon.tmplugin_basket_icon_empty {
    fill: #ffffff;
  }
  #tmplugin_basket_badge_background {
    fill: #ff0819;
  }
  #tmplugin_basket_badge_nbr {
    fill: #ffffff;
  }
  #tmplugin_basket_badge_nbr {
    font-size: x-small;
    font-weight: lighter;
  }

/* =============================================================================
   CSS animate
   ========================================================================== */


	#wrap,
	header,
  nav,
  .opacity .has_img a img,
  .scrollup,
  #mobilenav,
  #m_searchform{
  -webkit-transition: .25s ease-in-out;
     -moz-transition: .25s ease-in-out;
       -o-transition: .25s ease-in-out;
      -ms-transition: .25s ease-in-out;
          transition: .25s ease-in-out;
  }
  ul.ticker li {
  -webkit-transition: .5s ease-in-out;
     -moz-transition: .5s ease-in-out;
       -o-transition: .5s ease-in-out;
      -ms-transition: .5s ease-in-out;
          transition: .5s ease-in-out;
  }

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


  /* hackysacky */
  @-moz-document url-prefix() {
    #zoek input#s { padding-top: 4px; }
  }

  @media only screen and (max-width: 767px) { /* mobile phone */
    #debug { display: none; background: #FFF; bottom: 0; left: 0; position: fixed; padding: 5px 10px; width: 100%; z-index: 9000; }

    html{ -webkit-overflow-scrolling: touch; }
    main { padding-top: 100px; }
    #mainwrap,
    #wrap { position: relative; }
    #wrap { left: 0; }

    header { background: #FFF; height: 80px;
      -webkit-box-shadow: 0 0 5px 0 rgba(26, 26, 26, 0.5);
      -moz-box-shadow:    0 0 5px 0 rgba(26, 26, 26, 0.5);
      box-shadow:         0 0 5px 0 rgba(26, 26, 26, 0.5);
    }
    nav h1 { display: block; }
    .zoektoggle { margin-left: 0; color: #FFF; text-decoration: none; }

    #tmplugin_basket.header { display: none; }
    #tmplugin_basket.footer { display: block; }

    #tmplugin_basket {
      position: relative;
      left: unset;
      right: unset;
      width: 22px;
      margin: -24px 0 0 175px;     
    }    

    header nav ul,
    nav .zoektoggle  { display: none; }
    #navtoggle { display: block; }
    nav h1,
    #navtoggle { float: left; }

    #menu-top { height: 38px; overflow: hidden; }

    h2, h3 { font-size: 24px; }
    h4, h5 { font-size: 18px; }
    p,
    .itemcontent p { font-size: 18px; line-height: 1.375em; overflow: hidden; text-overflow: ellipsis; }

    .bg_img { position: fixed; left: 0; }

    .item { float: left; margin: 0 0 20px; padding: 0 20px; }
    .itemheader { margin: 0 -20px; padding-left: 20px; }
    .item img { max-width: 100%; height: auto; }
    .item img.attachment-col_4 { max-width: 767px; width: 100% }
    .col_12.has_img { margin: 0; }
    .has_img { padding: 0; margin: 0 -20px; }
    .pagenav { background: none; padding: 0; margin-bottom: 0; }
    main,
    .col_1,
    .col_2,
    .col_3,
    .col_4,
    .col_5,
    .col_6,
    .col_7,
    .col_8,
    .col_9,
    .col_10,
    .col_11,
    .col_12,
    .trailer,
    #menu-top a,
    .nav_main,
    #zoek form,
    .home_footer,
    .divtopnav { width: 100% }

    .divtopnav { border-bottom: 1px solid #EEE; overflow: auto; }
    .pusher { width: 100%; }
    .pusher form { height: 38px; padding: 9px 10px 12px; }
    #nsu-email-0 { width: 150px; }
    #nsu-email-0,
    #menu-top .nsu-submit { font-size: 13px; }
    #menu-top { width: 520px; }
    #menu-top li { width: 260px; }
    #menu-top a { font-size: 14px; line-height: 14px; padding: 14px 20px 10px; }

    #show-shows { margin: 10px 0 20px; }
    .js .show-more { display: none; }

    .cur_month { margin-left: 0; }
    .navigation { margin-left: 0; margin-right: 0; padding: 0; }
    .col_4 .itemfooter, .infinite .col_8 .itemfooter { padding: 0 20px; }

    .home #mainwrap,
    .home #wrap { height: 100%; left: 0; position: absolute; top:0; width: 100% }
    .home main {padding: 0; }
    .bg_img { height: 100%; }
    .bg_img h2 { left: 0; padding: 0 20px; position: absolute; top: 40%; }
    .home .bg_img h2 { margin: -50px 0 0; width: 100%; }
    .bg_img h2 a span.titel      { font-size: 30px; line-height: 30px; }
    .bg_img h2 a span.ondertitel { font-size: 20px; line-height: 20px; }

    .home_footer { left: 0; padding: 0 5px; position: fixed; }
    .home_footer .item { margin: 0; padding: 0 5px; }
    .num_3,
    .num_5,
    .num_6 { width: 33%; }
    .num_2 { width: 50%; }
    .num_4,
    .num_7,
    .num_8 { width: 25%; }
    .home_footer .item a { padding: 0; }
    .home_footer .item img { height: auto; width: 100%; }
    .js .home_footer .item span { display: none; }

    .equal_300,
    .equal_620,
    .blog .col_4,
    .page-template-page-conny_janssen_danst-php .col_4,
    .page-template-page-conny_janssen_danst-php .col_8 { height: auto; }
    .col_4 .itemfooter,
    .infinite .col_8 .itemfooter,
    .page-template-page-conny_janssen_danst-php .col_8 .itemfooter,
    .single-voorstelling .col_4 .itemfooter { position: relative; padding: 10px 0 20px; }
    .infinite .col_8 h4 { font-size: 18px; }
    .infinite .col_8 .meta.all_caps,
    .col_8 .sticker span { font-size: 100%; }
    .col_8 .sticker span { line-height: 1.5em; padding: 3px 5px 0; }
    .item.equal { padding-bottom: 0; }
    a.leesmeer, .social a { margin-bottom: 0; }
    .js .itemcontent.past { display: none; }
    .social + .footermeta { margin-top: 10px; padding-bottom: 0; }
    .tweets .tweet { padding: 15px 40px 20px 20px }
    .tweets .tweet > p { font-size: 15px; line-height: 1.5em; }
     .tweet .itemfooter p { font-size: 12px; line-height: 1.5em; }
     .tweet p time { display: block; }

    .has_img > .trailer { background: #1A1A1A; position: relative; right: 0; top: 0; }
     .play { float: left; margin: 0 10px 0 20px; width: 20% }
     .trailer a { min-height: 45px; }
    .trailer a .play:before { border: 3px solid rgba(255,255,255,.6); border-radius: 20px; height: 20px; margin: -13px 0 0 -13px; width: 20px; }
    .trailer a .play:after { border-color: transparent transparent transparent rgba(255,255,255,.6); border-width: 5px 0 5px 10px; margin: -5px 0 0 -4px; }
    .trailer button { position: absolute; left: 0; top: -24px; margin-top: 0; z-index: 2; }

    .trailerwrap { background: #1A1A1A; }
    .show_trailers .trailerwrap { position: relative; }
    .trailerwrap .trailer { margin: 0; float: none; clear: both; }
    .trailerwrap button { position: relative; bottom: auto; left: 0; }

    #translate { position: fixed; height: 100%; top: 0; z-index: 9990; }
    #google_translate_element { position: absolute; top: 40%; left: 0; }
    a.langtoggle { font-size: 13px; height: 30px; line-height: 30px; margin: 0; padding: 0; right: 5px; top: 8px; width: 30px; text-align: center; }

    header .goog-te-gadget .goog-te-combo { border-radius: 6px; background: #EEE; color: #1A1A1A; }
    header .goog-te-gadget,
    header .goog-logo-link,
    header .goog-logo-link:link,
    header .goog-logo-link:visited,
    header .goog-logo-link:hover,
    header .goog-logo-link:active{ color: #FFF; }

    .gform_wrapper { padding: 0 0 20px; }

    #number_of_friends {
      margin-left: 0px;
      margin-bottom: 0px;
    }

  /* =============================================================================
   READ MORE
   ========================================================================== */

    #read_more_toggle {
      display: inline-block;
    }

    #read_more {
      display: none;
    }
  
    .read_more_button {
      background-color: white;
      text-decoration: underline;
      display: inline-block;
      color: #F03;
      border: none;
      padding: 0;
      margin-bottom: 20px;
    }
  
    .read_more_button:hover {
      color: black;
    }

  }

  @media only screen and (min-width: 768px) { /* tablet an up */
    /* =============================================================================
    READ MORE
    ========================================================================== */

    #read_more_toggle {
      display: none;
    }

    #read_more {
      display: inline-block !important;
    }
  }

  @media only screen and (min-width: 768px) and (max-width: 1023px) { /* tablet */
    #m_searchform a.langtoggle,
    #debug { display: none; }
    main { width: 720px; }
    #menu-top a { width: 360px }
    .nav_main { width: 720px; padding: 0 }
    #zoek form { width: 700px }
    .zoektoggle { margin-left: 327px; }
    nav h1 { display: none; }
    nav:hover,
    nav.scrolled { background: #1A1A1A; background: rgba(0,0,0, 0.75); }

    .item { float: left; margin: 0 10px 20px; padding: 0 10px; }
    .item img { height: auto; width: 100%; max-width: 100%; }
    .min_marge { float: left; margin: 0; padding: 0; }
    .float_r { float: right; }
    .item > .has_img { margin: 0 -10px }

    .has_img { padding: 0; margin-bottom: 0; }
    .pagenav { background: none; padding: 0; margin-bottom: 0; }
    .navigation { margin: 0; }
    .col_1 { width: 40px }
    .col_2 { width: 100px }
    .min_marge.col_2 { width: 120px }
    .col_3 { width: 160px }
    .col_4 { width: 220px; font-size: 14px; }
    .min_marge.col_4 { width: 240px }
    .col_5 { width: 280px }
    .col_6 { width: 340px }
    .min_marge.col_6 { width: 360px }
    .col_7 { width: 400px }
    .col_8 { width: 460px; font-size: 14px; }
    .min_marge.col_8 { width: 480px }
    .col_9 { width: 520px }
    .col_10 { width: 580px }
    .col_11 { width: 640px }
    .col_12,
    .tweet,
    .overflow_block { width: 700px }
    #show-shows { display: none }
    .js .show-more { display: block; }

    #menu-top { height: 59px; overflow: hidden; }

    .bg_img h2 a span.titel { font-size: 80px; line-height: 80px; }
    .bg_img h2 a span.ondertitel { font-size: 40px; line-height: 40px; }

    .home_footer { margin-left: -360px; width: 720px; }
    .num_2 { width: 340px }
    .num_3 { width: 220px }
    .num_4 { width: 160px }
    .num_5 { width: 124px }
    .num_6 { width: 100px }
    .num_7 { width: 82px }
    .num_8 { width: 70px; }
    .home_footer .item img { height: auto; width: 100%; }
    .home .bg_img h2 { margin: -130px 0 0 -350px;  width: 700px; }

    .nav_main a { font-size: 12px; padding: 25px 0 5px 10px; }
    .nav_main .sub-menu a { padding: 10px 0 5px 10px; }
    p { font-size: 14px; }
    .col_4 .footermeta { display: none }
    a.leesmeer, .social a { font-size: 12px; }
    .equal_300 { height: 250px; }
    .equal_620 { height: 520px; }
    .single-voorstelling .col_4.equal { height: 500px; }
    .xl_date span { font-size: 60px; }

    .trailer { width: 180px; }
    #menu-top a { font-size: 20px; }
    #nsu-email-0 { width: 220px; }
    .single-voorstelling .col_4.equal { height: 500px; }
    .equal_330 { height: 280px; }
    a.zoektoggle { margin-left: 0; left: 3px; }
    a.langtoggle { margin-right: 0px; right: 50px; font-size: 12px; }
    #tmplugin_basket {
      position: absolute;
      margin-left: 5px;
      left: unset;
      right: 0;
    }

    .trailerwrap {
    -webkit-transition: .25s ease-in-out;
       -moz-transition: .25s ease-in-out;
         -o-transition: .25s ease-in-out;
        -ms-transition: .25s ease-in-out;
            transition: .25s ease-in-out;
    }
  }

  @media only screen and (min-width: 1024px) { /* desktop */
    body.home { overflow: hidden; }
    #m_searchform a.langtoggle,
    #debug { display: none; }
    main { width: 960px; }
    #menu-top a { width: 480px }
    .nav_main { width: 960px }
    #zoek form { width: 940px }
    .zoektoggle { margin-left: 447px; }
    nav h1 { display: none; }
    nav:hover,
    nav.scrolled { background: #1A1A1A; background: rgba(0,0,0, 0.75); }

    .item { float: left; margin: 0 10px 20px; padding: 0 10px; }
    .min_marge { float: left; margin: 0; padding: 0; }
    .float_r { float: right; }
    .item > .has_img { margin: 0 -10px }

    .has_img { padding: 0; margin-bottom: 0; }
    .pagenav { background: none; padding: 0; margin-bottom: 0; }
    .navigation { margin: 0; }
    .col_1 { width: 60px }
    .col_2 { width: 140px }
    .min_marge.col_2 { width: 160px }
    .col_3 { width: 220px }
    .col_4 { width: 300px }
    .min_marge.col_4 { width: 320px }
    .col_5 { width: 380px }
    .col_6 { width: 460px }
    .min_marge.col_6 { width: 480px }
    .col_7 { width: 540px }
    .col_8 { width: 620px }
    .min_marge.col_8 { width: 640px }
    .col_9 { width: 700px }
    .col_10 { width: 780px }
    .col_11 { width: 860px }
    .col_12,
    .tweet,
    .overflow_block { width: 940px }
    #show-shows { display: none }
    .js .show-more { display: block; }

    #menu-top { height: 59px; overflow: hidden; }

    .home_footer { margin-left: -480px; width: 960px; }
    .num_2 { width: 460px }
    .num_3 { width: 300px }
    .num_4 { width: 220px }
    .num_5 { width: 172px }
    .num_6 { width: 140px }
    .num_7 { width: 117px }
    .num_8 { width: 100px; }
    .home_footer .item img { height: auto; width: 100%; }
    .home .bg_img h2 { margin: -154px 0 0 -470px;  width: 940px; }

    .trailer { width: 240px; }
    #nsu-email-0 { width: 320px; }
    .single-voorstelling .col_4.equal { height: 500px; }
    .equal_330 { height: 330px; }

    .trailerwrap {
    -webkit-transition: .25s ease-in-out;
       -moz-transition: .25s ease-in-out;
         -o-transition: .25s ease-in-out;
        -ms-transition: .25s ease-in-out;
            transition: .25s ease-in-out;
    }

  }

/* =============================================================================
   IE failback
   ========================================================================== */

  .ie7 body { }
  .ie8 body { }
  .ie9 body { }
  html[data-useragent*='MSIE 10.0'] body { }

  .ie7 #m_searchform a.langtoggle,
  .ie7 #debug { display: none; }
  .ie7 main { width: 960px; }
  .ie7 #menu-top a { width: 480px }
  .ie7 .nav_main { width: 960px }
  .ie7 #zoek form { width: 940px }
  .ie7 .zoektoggle { margin-left: 447px; }
  .ie7 nav h1 { display: none; }
  .ie7 nav:hover,
  .ie7 nav.scrolled { background: #1A1A1A; background: rgba(0,0,0, 0.75); }

  .ie7 .item { float: left; margin: 0 10px 20px; padding: 0 10px; }
  .ie7 .min_marge { float: left; margin: 0; padding: 0; }
  .ie7 .float_r { float: right; }
  .ie7 .item > .has_img { margin: 0 -10px }

  .ie7 .has_img { padding: 0; margin-bottom: 0; }
  .ie7 .pagenav { background: none; padding: 0; margin-bottom: 0; }
  .ie7 .navigation { margin: 0; }
  .ie7 .col_1 { width: 60px }
  .ie7 .col_2 { width: 140px }
  .ie7 .min_marge.col_2 { width: 160px }
  .ie7 .col_3 { width: 220px }
  .ie7 .col_4 { width: 300px }
  .ie7 .min_marge.col_4 { width: 320px }
  .ie7 .col_5 { width: 380px }
  .ie7 .col_6 { width: 460px }
  .ie7 .min_marge.col_6 { width: 480px }
  .ie7 .col_7 { width: 540px }
  .ie7 .col_8 { width: 620px }
  .ie7 .min_marge.col_8 { width: 640px }
  .ie7 .col_9 { width: 700px }
  .ie7 .col_10 { width: 780px }
  .ie7 .col_11 { width: 860px }
  .ie7 .col_12,
  .ie7 .tweet,
  .ie7 .overflow_block { width: 940px }
  .ie7 #show-shows { display: none }
  .ie7 .js .show-more { display: block; }

  .ie7 .home_footer { margin-left: -480px; width: 960px; }
  .ie7 .num_2 { width: 460px }
  .ie7 .num_3 { width: 300px }
  .ie7 .num_4 { width: 220px }
  .ie7 .num_5 { width: 172px }
  .ie7 .num_6 { width: 140px }
  .ie7 .num_7 { width: 117px }
  .ie7 .num_8 { width: 100px; }
  .ie7 .home_footer .item img { height: auto; width: 100%; }
  .ie7 .home .bg_img h2 { margin: -130px 0 0 -470px;  width: 940px; }

  .ie7 .trailer { width: 240px; }
  .ie7 #nsu-email-0 { width: 320px; }
  .ie7 .single-voorstelling .col_4.equal { height: 500px; }
  .ie7 .equal_330 { height: 330px; }

  .ie8 #m_searchform a.langtoggle,
  .ie8 #debug { display: none; }
  .ie8 main { width: 960px; }
  .ie8 #menu-top a { width: 480px }
  .ie8 .nav_main { width: 960px }
  .ie8 #zoek form { width: 940px }
  .ie8 .zoektoggle { margin-left: 447px; }
  .ie8 nav h1 { display: none; }
  .ie8 nav:hover,
  .ie8 nav.scrolled { background: #1A1A1A; background: rgba(0,0,0, 0.75); }

  .ie8 .item { float: left; margin: 0 10px 20px; padding: 0 10px; }
  .ie8 .min_marge { float: left; margin: 0; padding: 0; }
  .ie8 .float_r { float: right; }
  .ie8 .item > .has_img { margin: 0 -10px }

  .ie8 .has_img { padding: 0; margin-bottom: 0; }
  .ie8 .pagenav { background: none; padding: 0; margin-bottom: 0; }
  .ie8 .navigation { margin: 0; }
  .ie8 .col_1 { width: 60px }
  .ie8 .col_2 { width: 140px }
  .ie8 .min_marge.col_2 { width: 160px }
  .ie8 .col_3 { width: 220px }
  .ie8 .col_4 { width: 300px }
  .ie8 .min_marge.col_4 { width: 320px }
  .ie8 .col_5 { width: 380px }
  .ie8 .col_6 { width: 460px }
  .ie8 .min_marge.col_6 { width: 480px }
  .ie8 .col_7 { width: 540px }
  .ie8 .col_8 { width: 620px }
  .ie8 .min_marge.col_8 { width: 640px }
  .ie8 .col_9 { width: 700px }
  .ie8 .col_10 { width: 780px }
  .ie8 .col_11 { width: 860px }
  .ie8 .col_12,
  .ie8 .tweet,
  .ie8 .overflow_block { width: 940px }
  .ie8 #show-shows { display: none }
  .ie8 .js .show-more { display: block; }

  .ie8 .home_footer { margin-left: -480px; width: 960px; }
  .ie8 .num_2 { width: 460px }
  .ie8 .num_3 { width: 300px }
  .ie8 .num_4 { width: 220px }
  .ie8 .num_5 { width: 172px }
  .ie8 .num_6 { width: 140px }
  .ie8 .num_7 { width: 117px }
  .ie8 .num_8 { width: 100px; }
  .ie8 .home_footer .item img { height: auto; width: 100%; }
  .ie8 .home .bg_img h2 { margin: -130px 0 0 -470px;  width: 940px; }

  .ie8 .trailer { width: 240px; }
  .ie8 #nsu-email-0 { width: 320px; }
  .ie8 .single-voorstelling .col_4.equal { height: 500px; }
  .ie8 .equal_330 { height: 330px; }

  .ie7 .equal.item,
  .ie8 .equal.item { padding-bottom: 55px; }
  .ie8 #zoekclose { top: 18px; }

/* =============================================================================
  Non-Semantic Classes
  ========================================================================== */

  .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
  .ir br { display: none; }
  .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;height: 0; clear: both; }
  .clearleft:before, .clearleft:after { content: ""; display: table; }
  .clearleft:after { clear: left; }
  .clearleft { *zoom: 1;height: 0; clear: left; }
  .clear { clear: both; }

/* ==========================================================================
  Print styles
  ========================================================================== */

  /* #printlist { color:#1A1A1A; cursor: pointer; display: block; float: right; font-family: Helvetica, Arial, Sans-serif; height: 30px; width: 30px; }*/
  #printlist { color:#1A1A1A; cursor: pointer; display: block; float: right;  height: 30px; width: auto; }
  #printlist:hover { color: #FFF; }
/*
    body.hideAllButList,
    body.hideAllButList * { background: none !important; color: black !important }
    body.hideAllButList header,
    body.hideAllButList #scrollhelper,
    body.hideAllButList #m_searchform,
    body.hideAllButList #mobilenav,
    body.hideAllButList .tweets2,
    body.hideAllButList #goog-gt-tt,
    body.hideAllButList .col_12,
    body.hideAllButList .equal,
    body.hideAllButList #printlist,
    body.hideAllButList h4.strong,
    body.hideAllButList div.p_red,
    body.hideAllButList .min_marge,
    body.hideAllButList .leesmeer,
    body.hideAllButList .past h5,
    body.hideAllButList .past p,
    body.hideAllButList .itemcontent a,
    body.hideAllButList .itemcontent br { display: none; }
    body.hideAllButList .itemcontent br:before { display: block; content: ', '; }
    body.hideAllButList main { padding: 0; }
    body.hideAllButList .item { float: none; width: 100% !important }
    body.hideAllButList .itemheader { border-bottom: 2px solid black; }
*/
  @media print {
    * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: 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: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
    body.hideAllButList header,
    body.hideAllButList #scrollhelper,
    body.hideAllButList #m_searchform,
    body.hideAllButList #mobilenav,
    body.hideAllButList .tweets2,
    body.hideAllButList #goog-gt-tt,
    body.hideAllButList .col_12,
    body.hideAllButList .equal,
    body.hideAllButList #printlist,
    body.hideAllButList h4.strong,
    body.hideAllButList div.p_red,
    body.hideAllButList .min_marge,
    body.hideAllButList .leesmeer,
    body.hideAllButList .past h5,
    body.hideAllButList .past p,
    body.hideAllButList .itemcontent a,
    body.hideAllButList .itemcontent br { display: none; }
    body.hideAllButList .itemcontent br:before { display: block; content: ', '; }
    body.hideAllButList main { padding: 0; }
    body.hideAllButList .itemheader { border-bottom: 2px solid black; }
    body.hideAllButList .itemcontent { padding-top: 0; }

    .float_r { page-break-before: always; }
  }