/*
Theme Name: Default theme
Theme URI: http://www.pms72.com/
Description: Theme custom made for you.

Author: PMS 72 :: Sean Jeronimus
Version: 1.0
Tags: 
*/

@charset "UTF-8";

/**
 * @license
 * MyFonts Webfont Build ID 2939585, 2014-12-15T06:17:28-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: MuseoSlab-700 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/700/
 * Copyright: Copyright (c) 2009 by Jos Buivenga. All rights reserved.
 * Licensed pageviews: 500,000
 * 
 * Webfont: MuseoSlab-500 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/500/
 * Copyright: Copyright (c) 2009 by Jos Buivenga. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * Webfont: SofiaProBold by Mostardesign
 * URL: http://www.myfonts.com/fonts/mostardesign/sofia-pro/bold/
 * Copyright: Copyright (c) Olivier Gourvat - Mostardesign Studio, 2012. All rights reserved.
 * Licensed pageviews: 20,000
 * 
 * Webfont: SofiaProRegular by Mostardesign
 * URL: http://www.myfonts.com/fonts/mostardesign/sofia-pro/regular/
 * Copyright: Copyright (c) Olivier Gourvat - Mostardesign Studio, 2012. All rights reserved.
 * Licensed pageviews: 20,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2939585
 * 
 * © 2014 MyFonts Inc
*/

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2cdac1");

@font-face {font-family: 'MuseoSlab-700';src: url('webfonts/2CDAC1_0_0.eot');src: url('webfonts/2CDAC1_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2CDAC1_0_0.woff2') format('woff2'),url('webfonts/2CDAC1_0_0.woff') format('woff'),url('webfonts/2CDAC1_0_0.ttf') format('truetype');}

@font-face {font-family: 'MuseoSlab-500';src: url('webfonts/2CDAC1_1_0.eot');src: url('webfonts/2CDAC1_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2CDAC1_1_0.woff2') format('woff2'),url('webfonts/2CDAC1_1_0.woff') format('woff'),url('webfonts/2CDAC1_1_0.ttf') format('truetype');}

@font-face {font-family: 'SofiaProBold';src: url('webfonts/2CDAC1_2_0.eot');src: url('webfonts/2CDAC1_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2CDAC1_2_0.woff2') format('woff2'),url('webfonts/2CDAC1_2_0.woff') format('woff'),url('webfonts/2CDAC1_2_0.ttf') format('truetype');}

@font-face {font-family: 'SofiaProRegular';src: url('webfonts/2CDAC1_3_0.eot');src: url('webfonts/2CDAC1_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2CDAC1_3_0.woff2') format('woff2'),url('webfonts/2CDAC1_3_0.woff') format('woff'),url('webfonts/2CDAC1_3_0.ttf') format('truetype');}


/* =============================================================================
   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 { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
  html, button, select, input, textarea { font: 400 1em/1.35em 'SofiaProRegular', helvetica, arial, sans-serif; color: #624E62; }
  body { background: #FFFFFF; margin: 0; padding: 0;
    font-size: 62.5%;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }

  ::-moz-selection { background: #624E62; color: #fff; text-shadow: none; }
  ::selection { background: #624E62; color: #fff; text-shadow: none; }

  h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }
  
  a, a:link, a:visited { color: #624E62; text-decoration: none; }
  a:hover, a:active { color: #624E62; 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; 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; padding: 0 0 0 40px; }
  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 {  }
  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:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { color: #624E62; }
  input:focus, select:focus, textarea:focus, button:focus { outline: none;}

  ::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder { color: #857978; font-size: 10px; font-weight: bold; -webkit-appearance: none; font-family: helvetica, arial, sans-serif; text-transform: uppercase; }
  :-moz-placeholder,
  textarea:-moz-input-placeholder { color: #857978; font-size: 10px; font-weight: bold; font-family: helvetica, arial, sans-serif; text-transform: uppercase; }
  ::-moz-placeholder,
  textarea::-moz-input-placeholder { color: #857978; font-size: 10px; font-weight: bold; font-family: helvetica, arial, sans-serif; text-transform: uppercase; }
  :-ms-input-placeholder,
  textarea::-ms-input-placeholder { color: #857978; font-size: 10px; font-weight: bold; font-family: helvetica, arial, sans-serif; text-transform: uppercase; }

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

  .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; }
  
  iframe { border: none; margin: 3em 0 3em 0; }

/* =============================================================================
   Fontello
   ========================================================================== */

@font-face {
    font-family: 'fontello';
    src: url('css/fontello.eot?94174180');
    src: url('css/fontello.eot?94174180#iefix') format('embedded-opentype'),
         url('css/fontello.woff?94174180') format('woff'),
         url('css/fontello.ttf?94174180') format('truetype'),
         url('css/fontello.svg?94174180#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;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
  }

  .icon-sticker:before { content: '\e800'; } /* '' */
  .icon-arrow-up:before { content: '\e801'; } /* '' */
  .icon-close:before { content: '\e802'; } /* '' */
  .icon-download:before { content: '\e803'; } /* '' */
  .icon-pdf:before { content: '\e804'; } /* '' */
  .icon-arrow-down:before { content: '\e805'; } /* '' */
  .icon-arrow-left:before { content: '\e806'; } /* '' */
  .icon-arrow-right:before { content: '\e807'; } /* '' */
  .icon-pencil:before { content: '\e808'; } /* '' */
  .icon-facebook:before { content: '\e809'; } /* '' */
  .icon-twitter:before { content: '\e80a'; } /* '' */
  .icon-linkedin:before { content: '\e80b'; } /* '' */
  .icon-more:before { content: '\e80c'; } /* '' */
  .icon-email:before { content: '\e80d'; } /* '' */
  .icon-email-hover:before { content: '\e80e'; } /* '' */


/* =============================================================================
   General Styles
   
   Paars #624E62
   Blauw #0060AD
   Beige #F8F4EE
   Rood #F1314B
   Grijs #857978
   ========================================================================== */

  #mainwrap { position: relative; height: 100%; }
  header, main ,footer { margin: 0 auto; }

  main { height: 100%; }
 
  img.size-thumbnail, 
  img.size-medium
  img.size-large, 
  img.size-full, 
  img.size-driekwart { margin: 20px 0; max-width: 100%; height: auto; }
  img.alignnone {  }
  img.alignleft { float: left; margin: 6px 20px 10px 0; }
  img.alignright { float: right; margin: 6px 0 10px 20px; }
  img.aligncenter { clear: both; display: block; margin: 20px auto; }
  
  h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: 'MuseoSlab-700', Tahoma, Geneva, sans-serif; }
  p { font-size: 1.7em; }

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

  header { position: absolute; left: 0; top: 0; z-index: 999; padding: 20px 0; width: 100%; }
  header.fixed, .page-id-73 header { position: fixed; background: #FFF; 
  -webkit-box-shadow: 0px 6px 6px 0px rgba(50, 50, 50, 0.4);
  -moz-box-shadow:    0px 6px 6px 0px rgba(50, 50, 50, 0.4);
  box-shadow:         0px 6px 6px 0px rgba(50, 50, 50, 0.4);
  }

  #logo { float: left; margin: 0 10px; }
  #logo a { background: url(images/logo-diap.svg) no-repeat left top; display: block; overflow: hidden; background-size: 243px 54px; }
  .no-svg #logo a { background: url(images/logo-diap.png) no-repeat left top; display: block; overflow: hidden; background-size: 243px 54px; }
  
  header.fixed #logo a { background: url(images/logo.svg) no-repeat left top; display: block; overflow: hidden; background-size: 243px 54px; }
  header.fixed .no-svg #logo a { background: url(images/logo.png) no-repeat left top; display: block; overflow: hidden; background-size: 243px 54px; }
  
  .page-id-73 header #logo a { background: url(images/logo.svg) no-repeat left top; display: block; overflow: hidden; background-size: 243px 54px; }
  .page-id-73 header .no-svg #logo a { background: url(images/logo.png) no-repeat left top; display: block; overflow: hidden; background-size: 243px 54px; }
  
  #logo a:link,
  #logo a:visited { }
  #logo a:hover,
  #logo a:active { opacity: 0.8; }
  #logo h1,
  #logo h2 { display: none; }
  
  .item { display: block; float: left; margin: 0 1em 2em; }
  .nomargin { display: block; float: left; margin: 0; }
  .textcenter { text-align: center; }
  .item img { max-width: 100%; height: auto; }
  .inner { margin: 0 auto; display: block; }
  .center { margin: 1em auto 6em auto; float: none; }
  .right { float: right }
   
  #mainimage { position: relative; width: 100%; height: 100%; display: block; margin: 0; padding: 18em 0; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
  .page-id-88 #mainimage, .page-id-23 #mainimage { padding: 12em 0; }
  #mainimage .inner { position: relative; }
  #mainimage .streamer { color: #FFF; }
  #mainimage .streamer h1 { font-size: 4em; line-height: 1.2em; }
  #mainimage .sticker { display: block; height: 123px; width: 123px; margin-top: 1em;  }
  #mainimage .sticker a { background: url(images/sticker.svg) no-repeat center center; display: block; height: 100%; width: 100%; color: #FFF; text-align: center; vertical-align: middle; font-size: 15px; line-height: 18px; padding-top: 25px; font-family: 'SofiaProBold'; text-transform: lowercase; }
  #mainimage .sticker a:link, #mainimage .sticker a:visited { color: #FFF; }
  #mainimage .sticker a:hover { background: url(images/sticker-hover.svg) no-repeat center center; text-decoration: none; color: #F1314B; }
  #mainimage .sticker a span { display: block; text-align: center; line-height: 1.3em; padding: 0.2em 0 0 0; }
  #mainimage .meer { display: block; text-align: center; position: absolute; left: 0; bottom: 0; width: 100%; padding: 1em 0; z-index: 0; }
  #mainimage .meer a { display: block; margin: 0 auto; color: #FFF; text-align: center; vertical-align: middle; font-size: 1.8em; font-family: 'SofiaProBold';  }
  #mainimage .meer a span { margin: 0.5em auto; display: block; border-top: solid 2px #FFF; width: 3em; font-size: 1.6em; line-height: 1.5em; color: #F1314B; }
  #mainimage .meer a:hover { text-decoration: none; color: #F1314B; }
  #mainimage .item { color: #FFF; }
  #mainimage h4 { font-size: 1.2em; line-height: 1.3em; font-family: 'SofiaProBold'; margin: 0.8em 0 2em 0; text-transform: uppercase; }
  #mainimage h4 a { border-bottom: solid 1px #FFF; }
  #mainimage h4 a:link, #mainimage h4 a:visited { color:#FFF; text-decoration: none; }
  #mainimage h4 a:hover, #mainimage h4 a:active { color:#F1314B; text-decoration: none; }
  #mainimage article { padding: 0 0 2em 0; }
  #mainimage article p { font-family: 'SofiaProBold'; line-height: 1.2em; font-size: 1.5em; }
  #mainimage article a:link, #mainimage article a:visited { color:#FFF;}
  #mainimage article a:hover, #mainimage article a:active { text-decoration: none; color:#F1314B;}
  #mainimage .actueel article p { /*font-family: 'MuseoSlab-700'; font-size: 2.0em; line-height: 1.3em; */ }
  #mainimage .actueel article a:link, #mainimage .actueel article a:visited { color:#FFF;}
  #mainimage .actueel article a:hover, #mainimage .actueel article a:active { text-decoration: none; color:#F1314B;}
  #mainimage .actueel article a span { color:#F1314B; display: block; margin: 0; white-space: nowrap; 
	/* font-family: 'SofiaProBold';
  line-height: 1.2em;
  font-size: .7em; */
  }
  
  #mainimage article.col_8 {background: url(images/dot.gif) repeat-x left top; background-origin: padding-box; padding: 2.5em 0; min-height: 12em; margin-bottom: 0; }
  #mainimage article.col_8 p { font-family: 'MuseoSlab-700'; font-size: 2.0em; line-height: 1.3em;}
  #mainimage article.col_8 a:link, #mainimage .actueel .col_8 a:visited { color:#FFF;}
  #mainimage article.col_8 a:hover, #mainimage .actueel .col_8 a:active { text-decoration: none; color:#F1314B;}
  #mainimage article.col_8 a span { color:#F1314B; margin: 0 0 0 0.5em; white-space: nowrap; }
  #mainimage article.col_8 a span.desc { color:#F1314B; display: block; font-family: 'SofiaProBold'; font-size: .7em; margin: 0; white-space: nowrap; }
  
  #mainimage article.col_24 { padding: 4em 8em; color:#624E62; position: relative; }
  #mainimage article.col_24 h2 { text-align: left; font-size: 2em; font-family: 'MuseoSlab-700'; padding: 0 0 1.5em 0; border-bottom: solid 1px #624E62; margin: 0 0 0.5em 0; }
  #mainimage article.col_24 time { float: right; font-family: 'SofiaProRegular'; font-size: 0.8em; line-height: inherit; margin: 0 0 1.5em 0; display: block;  }
  #mainimage article.col_24 p { font-family: 'SofiaProRegular'; font-size: 1.7em; line-height: 1.5em; margin: 0 0 1.5em 0; 
  -webkit-columns: 2; -moz-columns: 2; columns: 2; 
  -webkit-column-gap: 3.5em; -moz-column-gap: 3.5em; column-gap: 3.5em;
    }
  #mainimage article.col_24 strong { font-family: 'SofiaProBold'; font-size: 1em;  font-weight: normal; display: block; margin: 0 0 1.5em 0;  }

  #mainimage article.col_8.nieuws { background: url(images/dot.gif) repeat-x left bottom; background-origin: padding-box; padding: 2.5em 0; min-height: 14em; margin-bottom: 0; }
  #mainimage article.col_8.nieuws p { font-family: 'SofiaProBold'; font-size: 1.5em; line-height: 1.3em;}

  a.sluit { clear: both; display: block; text-align: center; position: absolute; right: 0; bottom: 0; z-index: 100; margin: 0; padding: 0.7em 1.1em; width: auto; vertical-align: middle; font-size: 1.5em; font-family: 'SofiaProBold'; text-transform: uppercase;  }
  a.sluit:link, a.sluit:visited { color: #FFF; background: #F1314B; }
  a.sluit:hover, a.sluit:active { color: #F1314B; background: #FFF; text-decoration: none; }
  a.sluit span { margin: 0 0 0 5em; display: inline-block; font-size: 1em; }
  
  section { position: relative; width: 100%; height: 100%; display: block; margin: 0; }
  section.image  { background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
  .content { display: block; margin: 0; padding: 6em 0 8em 0; }
  .content h2 { text-align: center; font-size: 4em; font-family: 'MuseoSlab-500' }
  .content h3 { text-align: center; font-size: 2em; padding: 0 0 2em 0; color: #F1314B; }
  .home .content h3 { color: #624E62; }
  .content h4 { font-size: 1.7em; font-family: 'SofiaProBold'; padding: 1.7em 0 0.3em 0; }
  .home .content h4 { padding: 1.7em 0 ; }
  .content p { margin-bottom: 1.35em; }
  .content span.border { margin: 1.7em auto 1.7em auto; display: block; border-top: solid 2px #624E62; width: 6em; }
  .content .paginalink { clear: both; display: inline-block; text-align: center; width: 100%; padding: 0; margin: 8em 0 4em 0; }
  .content .paginalink a { margin: 0 1em; padding: 0.7em 1.1em; width: auto; text-align: center; vertical-align: middle; font-size: 1.5em; font-family: 'SofiaProBold'; text-transform: uppercase;  }
  .content .paginalink a:link, .content .paginalink a:visited { color: #FFF; }
  .content .paginalink a:hover, .content .paginalink a:active { color: #FFF; text-decoration: none; }
  .content .paginalink a span { margin: 0 0 0 4em; display: inline-block; font-size: 1.3em; }
  
  .content .team .col_8 { margin-bottom: 6em; }
  .content .team h4 { font-size: 2.2em; line-height: 2em; font-family: 'MuseoSlab-500'; padding: 0.2em 0 0 0; border-bottom: solid 1px #624E62; }
  .content .team h5 { font-size: 1.2em; line-height: 1.3em; font-family: 'SofiaProBold'; padding: 0.5em 0 0 0; text-transform: uppercase; color: #F1314B; }
  .content .team a { font-size: 1.2em; line-height: 2em;font-family: 'SofiaProBold'; text-transform: uppercase; float: right; padding: 1em 0; text-align: right; vertical-align: middle; }
  .content .team a:hover { text-decoration: none; color: #F1314B; }
  .content .team a:hover span { color: #F1314B; }
  .content .team a:hover span:before { content: '\e80e'; }
  .content .team span { font-size: 1.4em; line-height: 1.4em; margin: 0 0 0 0.3em; }
  
  .content .forms { padding: 1.5em 0; width: 100%; display: block; }
  .content .forms .title { background: #FFF; border: solid 1px #FFF; padding: 2em; height: 10em; width:75%; display: inline-block; }
  .content .forms .button { width:25%; display: inline-block; border: solid 1px #FFF; height: 10em;  }
  .content .forms h4 { font-size: 1.5em; line-height: 1.2em; padding: 0; font-family: 'SofiaProRegular';  }
  .content .forms a { height: 100%; display: block; font-size: 1.2em; line-height: 1em; font-family: 'SofiaProBold'; text-transform: uppercase; padding: 1em; color: #F1314B; text-align: left; }
  .content .forms a:hover { text-decoration: none; color: #FFF; background: #F1314B; }
  .content .forms a:hover span { color: #FFF; }
  .content .forms span { display: block; font-size: 2.5em; margin: 1em 0 0 0; text-align: right; vertical-align: bottom; }
  .content .forms .close { display: none; color: #FFF; background: #F1314B; font-size: 1.2em;}
  .content .forms .open span { font-size: 2.1em; }
  .content .forms .close span.icon-close { font-size: 1.7em; margin: 1.4em 0 0 0; }
  .content .closed { display: none; }
  .content .opened { display: block; }
  .page-id-19 .content p { min-height: 3em; }
  
  .blauw { background: #0060AD; color: #FFF; }
  .blauw .content .paginalink a:link, .blauw .content .paginalink a:visited { background: #CCDFEF; color: #0060AD;}
  .blauw .content .paginalink a:hover, .blauw .content .paginalink a:active { background: #FFF;  }
  .blauw .content span.border { margin: 1.7em auto 1.7em auto; display: block; border-top: solid 2px #FFF; width: 6em; }
  .blauw .content h3 { color: #FFF; }
  
  .beige { background: #F8F4EE; }
  .beige .content .paginalink a:link, .beige .content .paginalink a:visited { background: #bfb7b3; color: #FFF;}
  .beige .content .paginalink a:hover, .beige .content .paginalink a:active { background: #857978;  }
  
  #mapimage { position: absolute; width: 100%; height: 100%; display: block; margin: 0; z-index: 99;  }
  .route { clear: both; display: block; text-align: center; padding: 0; margin: 0; position: absolute; right: 0; bottom: 0; z-index: 100; }
  .route a { display: block; margin: 0; padding: 0.7em 1.1em; width: auto; text-align: center; vertical-align: middle; font-size: 1.5em; font-family: 'SofiaProBold'; text-transform: uppercase;  }
  .route a:link, .route a:visited { color: #FFF; background: #F1314B; }
  .route a:hover, .route a:active { color: #F1314B; background: #FFF; text-decoration: none; }
  .route a span { margin: 0 0 0 5em; display: inline-block; font-size: 1em; }
  
  .nextpage { clear:both; white-space: nowrap; display: block; text-align: center; padding: 0.7em 1.1em; margin: 0; position: absolute; right: 0; bottom: 0; z-index: 100; color: #FFF; background: #F1314B; font-size: 1.5em; font-family: 'SofiaProBold'; text-transform: uppercase; }
  .nextpage.left { left: 0; right: auto; }
  .nextpage a { display: inline-block; margin: 0; width: auto; text-align: center; vertical-align: middle; line-height: 1.2em;  }
  .nextpage a:link, .nextpage a:visited { color: #FFF; }
  .nextpage:hover { color: #F1314B; background: #FFF; }
  .nextpage:hover a { color: #F1314B; text-decoration: none; }
  .nextpage span { display: inline-block; margin-left: 0.5em; font-size: 1.3em; line-height: 1em; vertical-align: text-bottom; }

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

  nav { float: right; margin: 0 10px; }
  nav ul.nav_main { list-style: none; margin: 0 0 0.8em 0; padding: 0; text-align: right;}
  .nav_main > li { display: inline-block;  }
  .nav_main a { font-family: 'SofiaProBold'; font-size: 1.8em;  }
  .nav_main li a { padding: 0 0 2em 1em; }
  .nav_main li a:link, 
  .nav_main li a:visited { color: #FFF; }
  .nav_main li a:hover, 
  .nav_main li a:active { }
  .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 { text-decoration: underline; }
  
  nav ul.nav_sub { list-style: none; margin: 0; padding: 0; text-align: right; }
  .nav_sub  > li { display: inline-block; }
  .nav_sub  a { font-size:1.5em; font-family: 'SofiaProRegular'; text-transform: lowercase; }
  .nav_sub  li a { padding: 0 0 1.3em 1.2em; }
  .nav_sub  li a:link, 
  .nav_sub  li a:visited { color: #FFF; }
  .nav_sub  li a:hover, 
  .nav_sub  li a:active { }
  .nav_sub  li.current-menu-item > a, 
  .nav_sub  li.current-menu-ancestor > a,
  .nav_sub  li.current-menu-parent > a,
  .nav_sub  li.current_page_parent > a { text-decoration: underline; }
  
  ul.nav_foot { list-style: none; margin: 0; padding: 0; text-align: right; }
  .nav_foot  > li { display: inline-block; }
  .nav_foot  a { text-transform: lowercase; }
  .nav_foot  li a { padding: 0 0 0 1.2em; }
  .nav_foot  li a:link, 
  .nav_foot  li a:visited { color: #857A78;; }
  .nav_foot  li a:hover, 
  .nav_foot  li a:active { color: #FFF; text-decoration: none; }
  .nav_foot  li.current-menu-item > a, 
  .nav_foot  li.current-menu-ancestor > a,
  .nav_foot  li.current-menu-parent > a,
  .nav_foot  li.current_page_parent > a { text-decoration: underline; }
  
  header.fixed .nav_main li a:link, 
  header.fixed .nav_main li a:visited,
  .page-id-73 header .nav_main li a:link,
  .page-id-73 header .nav_main li a:visited { color: #0060AD; }
  
  header.fixed .nav_sub li a:link, 
  header.fixed .nav_sub li a:visited,
  .page-id-73 header .nav_sub li a:link, 
  .page-id-73 header .nav_sub li a:visited  { color: #624E62; }
  
  .page-id-73 .content h2 { padding: 2em 0 2em 0; }
  .page-id-73 .content .columns { -webkit-columns: 2; -moz-columns: 2; columns: 2; 
  -webkit-column-gap: 3.5em; -moz-column-gap: 3.5em; column-gap: 3.5em; }


  /* =============================================================================
   Footer
   ========================================================================== */

  footer { background: #624E62; color:#FFF; position: relative; }
  footer .inner { padding: 3em 0 1em 0; }
  footer h3 { text-align: left; font-size: 1.5em; line-height: 1.8em; padding: 0; margin-bottom: 1.2em; border-bottom: solid 1px #FFF; font-family:'SofiaProRegular'; }
  footer p { font-size: 1.7em; font-family:'SofiaProBold' }
  footer a { font-family:'SofiaProBold' }
  footer a:link, footer a:visited { color:#FFF; }
  footer a:hover, footer a:active { color:#FFF; }
  footer .full { width: 100%; color: #857A78; background: #DCDCDF; font-size:1.5em; }
  footer .full .inner { padding: 1em 0 1em 0; }
  footer .full .item { margin-bottom: 0; }
  footer a span { font-size: 0.8em; vertical-align: bottom; }
  
  #backtotop { display: block; text-align: center; position: absolute; left: 0; top: -130px;  width: 100%; padding: 0; z-index: 99; cursor: pointer; }
  .js #backtotop { display: none; }
  #backtotop a { margin: 0 auto; display: block; color: #F1314B; text-align: center; vertical-align: middle; font-size: 1.8em; font-family: 'SofiaProBold';  }
  #backtotop a span { margin: 1em auto 0.2em auto; display: block; border-bottom: solid 2px #F1314B; width: 3em; font-size: 1.6em; line-height: 2em; color: #F1314B; }
  #backtotop a:hover { text-decoration: none; color: #624E62; }
  #backtotop p { opacity: 0; text-align: center; margin: 0 auto; padding: 0; font-family: 'SofiaProBold'; font-size: 1.8em; color: #F1314B;  }
  #backtotop:hover p { opacity: 1 }

/* =============================================================================
   Cycle all
   ========================================================================== */

  .js .imgslider { position: relative; }
  .cycle-slideshow .slide { }

/* =============================================================================
   SMS Form
   ========================================================================== */
#reset_form p { font-size: 1.0em; }   

/* =============================================================================
   Zoek
   ========================================================================== */

  #zoek { }
  #zoek form {  }
  #zoek input { }
  #zoek input#s { }
  #zoek input#s:focus { }
  #zoek input#searchsubmit { }

/* =============================================================================
   Formulieren
   ========================================================================== */
   
  .gform_wrapper { margin: 0; }
  .gform_wrapper ul { list-style: none; padding: 0; margin: 0; }
  .gform_wrapper li { list-style: none; padding: 0; margin: 1em 0 0 0; clear: both; position: relative; }
  .gform_wrapper .ginput_container {  }
  .gform_wrapper h4 { padding: 0 0 0.3em 0; }
  
  .gform_heading { margin: 0 0 2em 0; width: 100%; display: block; position: relative; }
  .gform_heading h3 { display: none; }
  .gform_heading .gform_description { border: solid 1px #FFF; background: #FFF; padding: 1em 3em 3em 1em; margin: 0; font-size: 1.5em; line-height: 1em; font-family: 'SofiaProRegular'; display: inline-block; width: 100%; }
  .gform_heading .gform_description:hover { color: #FFF; }
  .gform_heading .gform_description span { display: block; font-size: 2.5em; margin: 0.5em 0 0 0; text-align: right; }
  
  .gform_wrapper input { border: none; width: 100%; color: #624E62; padding: 0.5em; font-size: 1.5em; line-height: 1.5em; font-family: 'SofiaProRegular'; background: #FFF; }
  .gform_wrapper textarea { width: 100%; color: #624E62; padding: 0.5em; font-size: 1.5em; line-height: 1.5em; display: block; font-family: 'SofiaProRegular'; background: #FFF;}
  .gform_wrapper label { width: 100%; position: absolute; left: 0; top: 0; color: #624E62; padding: 0.5em; font-size: 1.5em; line-height: 1.5em; font-family: 'SofiaProRegular'; }
  .gform_wrapper .datum > label { position: relative; left: 0; top: 0; color: #624E62; font-size: 1.5em; line-height: 1.5em; font-family: 'SofiaProRegular'; }
  .gform_wrapper .datum .ginput_container { width: 5em; float: left; margin: 0 1em 1em 0; position: relative; }
  .gform_wrapper .datum .ginput_container.gfield_date_year { width: 10em; }
  .gform_wrapper input[type="submit"] { clear: both; display: inline-block; background: #F1314B url(images/arrow-left.svg) no-repeat 90% 50%; background-size: 1.2em 1.2em; margin: 1em 0; padding: 0.7em 3em 0.7em 1.1em; border: none; width: auto; color: #FFF; font-family: 'SofiaProBold'; text-transform: uppercase; }
  .gform_wrapper input[type="submit"]:hover { background: #624E62 url(images/arrow-left.svg) no-repeat 90% 50%; background-size: 1.2em 1.2em; }
  .gform_wrapper select { -webkit-appearance: listbox; -moz-appearance: menulist; background: #FFF; border: none; color: #624E62; font-size: 1.5em; line-height: 1em; font-family: 'SofiaProRegular'; height: 2em; padding: 0 0.5em; width: 100%; margin: 0.5em 0; }
  .gform_wrapper .gfield_description { font-size: 1.2em; line-height: 1em; font-family: 'SofiaProRegular'; padding: 1em 0 0 0; }
  .gform_wrapper .gfield_radio { padding: 0; margin: 0; }
  .gform_wrapper span.label { display: block; color: #624E62; padding: 0 0.5em; margin: 0; font-size: 1.5em; line-height: 1.5em; font-family: 'SofiaProRegular'; }
 
  .gform_wrapper input[type="radio"] { width: 1.5em; height: 1.5em; margin:  0; }
  .gform_wrapper .geslacht label { position: relative; left: 0; top: 0; display: block; margin-right: 0.5em; padding: 0 0.5em; line-height: 1.6em;}
  .gform_wrapper .geslacht li { display: inline-block; width: auto; padding: 0 0.5em; white-space: nowrap;}
  .gform_wrapper .geslacht input { float: left; }
  .gform_wrapper .burgerlijkestaat label { position: relative; left: 0; top: 0; display: block; padding: 0 0.5em; }
  .gform_wrapper li.huisnummer { display: inline-block; width: 67%; margin-right: 3%; }
  .gform_wrapper li.toevoeging { display: inline-block; width: 30%; }
  .gform_wrapper li.postcode { display: inline-block; width: 30%; margin-right: 3%; clear: both }
  .gform_wrapper li.woonplaats { display: inline-block; width: 67%;  }
  .gform_wrapper .rooster label { position: relative; left: 0; top: 0; display: block; padding: 0 0.5em; }
  .gform_wrapper .gfield_list { padding: 0; margin: 0; }
  .gform_wrapper .gfield_list thead { border: none; padding: 0; margin: 0; }
  .gform_wrapper .gfield_list thead th { padding: 0.5em; margin: 1em 1em 0 0; color: #624E62; font-size: 1.5em; line-height: 1em; font-family: 'SofiaProRegular'; font-weight: normal; }
  .gform_wrapper .gfield_list thead th:last-child { display: none; }
  .gform_wrapper .gfield_list td { border: none; padding: 0 1em 0 0; margin: 0; }
  .gform_wrapper .gfield_list td input { border: none; padding: 0.5;  }
  .gform_wrapper tr td:last-child { margin: 0; }
  .gform_wrapper .gform_footer { clear: both; float: none; }
  .gform_confirmation_wrapper { padding: 1em 0; font-size: 1.7em; color: #F1314B; }
  .gform_wrapper .validation_error, .gform_wrapper .validation_message { font-size: 1.5em; color: #F1314B;}

  .page-id-21 .gform_wrapper input { width: 100%; color: #0060AD; padding: 0.5em; font-size: 1.5em; line-height: 1.5em; font-family: 'SofiaProRegular'; background: #CCDFEF; }
  .page-id-21 .gform_wrapper textarea { border: none; height: 12em; width: 100%; color: #0060AD; padding: 0.5em; font-size: 1.5em; line-height: 1.5em; display: block; font-family: 'SofiaProRegular'; background: #CCDFEF;}
  .page-id-21 .gform_wrapper label { position: absolute; left: 0; top: 0; width: 100%; color: #0060AD; padding: 0.5em; font-size: 1.5em; line-height: 1.5em; font-family: 'SofiaProRegular'; }
  .page-id-21 .gform_wrapper input[type="submit"] { display: inline-block; background: #CCDFEF; margin: 1em 0; padding: 0.7em 1.1em; border: none; width: auto; color: #0060AD; font-family: 'SofiaProBold'; text-transform: uppercase; }
  .page-id-21 .gform_wrapper input[type="submit"]:hover { background: #FFF; }
  .page-id-21 .gform_confirmation_wrapper { font-size: 1.7em; color:#FFF; }
  .page-id-21 .gform_wrapper .validation_error, .page-id-21 .gform_wrapper .validation_message { font-size: 1.5em; color: #FFF;}

/* =============================================================================
   Post- en Pagenav
   ========================================================================== */

  .post-navigation, 
  .page-navigation { }
  .page-navigation { }
  .post-navigation span a, 
  .page-navigation span a { }
  .post-navigation span a:link, 
  .post-navigation span a:visited,
  .page-navigation span a:link, 
  .page-navigation span a:visited { }
  .post-navigation span a:hover, 
  .post-navigation span a:active
  .page-navigation span a:hover, 
  .page-navigation span a:active { }

  #infscr-loading { clear: left; display: block; position: relative; }
  #infscr-loading > div, 
  #infscr-loading > img { position: absolute; left: 0; top: 0; height: 0; padding: 0; margin: 0; }
  
  /* =============================================================================
   Customer Area
   ========================================================================== */
    
  .customer-area header, .single-cuar_private_page header, .single-cuar_private_file header{ position: fixed; background: #0060AD; 
  -webkit-box-shadow: 0px 6px 6px 0px rgba(50, 50, 50, 0.4);
  -moz-box-shadow:    0px 6px 6px 0px rgba(50, 50, 50, 0.4);
  box-shadow:         0px 6px 6px 0px rgba(50, 50, 50, 0.4);
  }
  .customer-area header #logo a, .single-cuar_private_page #logo a, .single-cuar_private_file #logo a  { background: url(images/logo-diap.svg) no-repeat left top; display: block; overflow: hidden; background-size: 243px 54px; }
  .customer-area header .no-svg #logo a, .no-svg .single-cuar_private_page #logo a, .no-svg .single-cuar_private_file #logo a { background: url(images/logo-diap.png) no-repeat left top; display: block; overflow: hidden; background-size: 243px 54px; }
  .customer-area section, .single-cuar_private_page section, .single-cuar_private_file section { padding: 10em 0; }
  .customer-area a.back, .single-cuar_private_page a.back, .single-cuar_private_file a.back { display: block; margin: 0 0 0.8em 0; width: auto; text-align: right; vertical-align: middle; font-size: 1.8em; font-family: 'SofiaProBold';  }
  .customer-area a.back:link, .customer-area a.back:visited,
  .single-cuar_private_page a.back:link, .single-cuar_private_page a.back:visited, .single-cuar_private_file a.back:visited { color: #FFF;  }
  .customer-area a.back:hover, .customer-area a.back:active,
  .single-cuar_private_page a.back:hover, .single-cuar_private_page a.back:active  { color: #FFF; text-decoration: underline;  }
  .customer-area a.back span, .single-cuar_private_page span, .single-cuar_private_file span { margin: 0 0.5em 0 0; display: inline-block; font-size: 1em; vertical-align: bottom;}
  .customer-area .navbar-header, .single-cuar_private_page .navbar-header, .single-cuar_private_file .navbar-header  { display: none; }

   nav.navbar { float: none; margin: 0; }
   nav ul.cuar-menu { list-style: none; margin: 0; padding: 0; text-align: right; }
  .cuar-menu  > li { display: inline-block; }
  .cuar-menu  a { font-size:1.5em; font-family: 'SofiaProRegular'; text-transform: lowercase; }
  .cuar-menu  li a { padding: 0 0 1.3em 1.2em; }
  .cuar-menu  li a:link, 
  .cuar-menu  li a:visited { color: #FFF; }
  .cuar-menu  li a:hover, 
  .cuar-menu  li a:active { }
  .cuar-menu  li.current-menu-item > a, 
  .cuar-menu  li.current-menu-ancestor > a,
  .cuar-menu  li.current-menu-parent > a,
  .cuar-menu  li.current_page_parent > a { text-decoration: underline; }
  
  .customer-area .col_10 { margin-bottom: 6em; }
  .customer-area .item.margin { margin: 0 0 2em 0; }
  
  .customer-area h3 { color: #624E62; font-size: 1.7em; line-height: 1.7em; font-family: 'SofiaProBold'; padding: 0; margin: 0 0 0.7em 0; text-align: left; }
  .customer-area h4 { color: #624E62; font-size: 1.7em; line-height: 1.7em; font-family: 'SofiaProBold'; padding: 0 0 1.3em 0; border-bottom: solid 1px #624E62; margin: 0 0 0.7em 0; text-align: left; }
  .customer-area .clienten h4 { color: #0060AD; border-bottom: solid 1px #0060AD; }
  .customer-area h5 { color: #857978; font-size: 1.1em; line-height: 1.3em; font-family: 'SofiaProRegular'; padding: 0 0 0.5em 0; text-transform: uppercase; }
  .customer-area a { color: #857978; }
  .customer-area .help-block { font-size: 1.3em; line-height: 1.3em; color: #857978; padding: 1em 0 0 0; display: block; }
   
  .customer-area .form-group { list-style: none; padding: 0; margin: 1em 0 0 0; position: relative; }
  .customer-area input  { border: none; width: 100%; color:#857978; padding: 0.5em; font-size: 1.5em; line-height: 1.5em; font-family: 'SofiaProRegular'; background: #FFF; }
  .customer-area textarea { width: 100%; color:#857978; padding: 0.5em; font-size: 1.5em; line-height: 1.5em; display: block; font-family: 'SofiaProBold'; background: #FFF; }
  .customer-area label { color:#857978; width: 100%; display: block; position: absolute; left: 0; top: 0; font-size: 1.5em; line-height: 1.5em; padding: 0.5em; font-family: 'SofiaProRegular'; }
  .customer-area .checkbox label { width: auto; position: relative; left: 0; top: 0; font-size: 1.5em; line-height: 1.7em; font-family: 'SofiaProRegular'; }
  .customer-area input[type="submit"] { background: #0060AD url(images/arrow-left.svg) no-repeat 85% 56%; background-size: 1.15em 1.15em; clear: both; display: block; margin: 1em 0; padding: 0.7em 4em 0.7em 1.1em; border: none; width: auto; color: #FFF; font-family: 'SofiaProBold'; text-transform: uppercase; }
  .customer-area input[type="submit"]:hover { background: #624E62 url(images/arrow-left.svg) no-repeat 85% 56%; background-size: 1.15em 1.15em; }
  .customer-area input[type="checkbox"] { width: auto; text-indent: 0; padding: 0; }

  .customer-area a.external { display: inline-block; margin: 0 1em 0 0; padding: 0.7em 1.1em; width: auto; text-align: center; vertical-align: middle; font-size: 1.5em; font-family: 'SofiaProBold'; text-transform: uppercase;  }
  .customer-area a.external:link, .customer-area a.external:visited { color: #FFF; background: #624E62;  }
  .customer-area a.external:hover, .customer-area a.external:active { color: #FFF; text-decoration: none; background: #0060AD;  }
  .customer-area a.external span { margin: 0 0 0 1.2em; display: inline-block; font-size: 1.1em; }
  
  .customer-area a.appstore { float: left; margin: 0 1.5em 0 0; padding: 0; width: 15em; text-align: center; vertical-align: middle; }
  .customer-area a.appstore:link, .customer-area a.appstore:visited { opacity: 1 }
  .customer-area a.appstore:hover { opacity: 0.6 }
  .customer-area a.appstore img { width: 100%; height: 100%; }
  
  .customer-area .cuar-field { clear: both; }
  .customer-area .cuar-field-label { display: inline-block; font-size: 1.5em; line-height: 1.5em; display: block; font-family: 'SofiaProBold'; }
  .customer-area .cuar-field-value { display: inline-block; font-size: 1.5em; line-height: 1.5em; display: block; font-family: 'SofiaProRegular'; }

  .logged-in.admin-bar.customer-area header { position: absolute; left: 0; top: 0; }
  
  .account { color: #0060AD; padding: 1em 0; margin: 1em 10px; border-top: solid 1px #0060AD; border-bottom: solid 1px #0060AD; }
  .account .item { padding: 0; margin: 0; }
  .account h3 { color: #0060AD; font-size: 1.7em; line-height: 1.7em; font-family: 'SofiaProBold'; padding: 0; margin: 0 0 0.7em 0; text-align: left; }
  .account p { font-size: 1.5em; line-height: 1.5em; display: block; font-family: 'SofiaProRegular';  padding: 0; margin: 0; }
  
  #reset_form { padding: 0; margin: 0; font-size: 1.7em; font-family: 'SofiaProRegular'; position: relative; width: 100%; }
  #reset_form input { margin: 0.5em 0; border: none; color:#624E62; padding: 0.5em; background: #FFF; display: block; width: 100%; }
  #reset_form label { position: absolute; left: 0; top: 0; display: block; padding: 0.5em; width: 100%; }
  #reset_form input[type="submit"] { width: 100%; background: #0060AD url(images/arrow-left.svg) no-repeat 80% 50%; background-size: 1.2em 1.2em; display: block; margin: 0.5em 0 0 0; padding: 0.5em 4em 0.5em 1.1em; border: none; color: #FFF; text-transform: uppercase; font-family: 'SofiaProBold'; }
  #reset_form input[type="submit"]:hover { width: 100%; background: #624E62 url(images/arrow-left.svg) no-repeat 80% 50%; background-size: 1.2em 1.2em; }
  
  span#message { padding: 0; margin: 0; font-size: 1.7em; font-family: 'SofiaProRegular'; color: #F1314B; text-align: left; }

  .customer-area .akkoord, .akkoord { margin: 2em 0 0 0; text-align: left; }
  .customer-area .akkoord h3, .akkoord h3 { font-size: 1.7em; line-height: 1.2em; padding: 0; margin: 0 0 1em 0; font-family: 'SofiaProBold'; color: #F1314B; text-align: left; }
  .customer-area .akkoord h5 { font-size: 1.4em; line-height: 1.2em; padding: 0.8em 1em; margin: 0 0 2em 0; font-family: 'SofiaProBold'; color: #FFF; background: #F1314B; border: none; text-transform: uppercase; }
  .customer-area .akkoord h4 { border: none; font-size: 1.7em; line-height: 1.2em; }
  .customer-area .akkoord p { margin: 0 0 2em 0; height: 3em;}
  .customer-area .akkoord .forms a { height: 100%; display: block; font-size: 1.2em; line-height: 1.5em; font-family: 'SofiaProBold'; text-transform: uppercase; padding: 1em; color: #F1314B; text-align: left; }
  .customer-area .akkoord .forms span { display: block; font-size: 2em; margin: 0.5em 0 0 0; text-align: left; vertical-align: bottom; }
  .customer-area .akkoord .forms a:hover { color: #FFF; }
  
  .cuar-login-form { position: relative; }
  .cuar-login-form .cuar-form-links { position: absolute; right: 0; bottom: 0; }
  .single-cuar_private_file p { margin-bottom: 0; }

  a.terug { width: auto; white-space: nowrap; font-size: 1.4em; line-height: 1.2em; padding: 01em 1em 0.8em 1em; margin: 0 0 2em 0; font-family: 'SofiaProBold'; border: none; text-transform: uppercase; display: inline-block; }
  a.terug:link, a.terug:visited { color: #FFF; background: #F1314B; text-decoration: none; }
  a.terug:hover { color: #F1314B; background: #FFF; text-decoration: none; }
  a.terug span { display: inline-block; height: 100%; font-size: 1.4em; margin:0 0.5em 0 0; padding: 0; text-align: left; vertical-align: middle; }


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

  .addthis_sharing_toolbox { display: block; float: right; }
  .addthis_sharing_toolbox a { 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: #FFF; color: #1A1A1A; text-decoration: none; }
  .addthis_sharing_toolbox a:hover,
  .addthis_sharing_toolbox a:active { background: #1A1A1A; 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: #FFF; color: #1A1A1A; text-decoration: none; }
  .at-share-tbx-element a.at-share-btn:hover { background: #1A1A1A; color: #FFF; text-decoration: none; }
  main .at-share-tbx-element .at-share-btn .at300bs { background: none; display: none; }
  main .addthis_20x20_style .dummy .at300bs, 
  main .addthis_20x20_style .at300bs, 
  main .addthis_20x20_style .at15t { height: auto !important; }

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

  #mobilenav { background: #312F2F url(images/bg_mobnav.png) repeat-y right top; height: 100%; left: -230px; overflow: auto; position: fixed; top: 0; width: 230px; z-index: 999; }
  #mobilenav ul { 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: 10px; padding: 10px 15px; text-transform: lowercase; }
  #mobilenav .sub-menu a { }
  #mobilenav a:link, 
  #mobilenav a:visited { color: #FFF; font-weight: bold; text-decoration: none; text-transform: uppercase; }
  #mobilenav a:hover, 
  #mobilenav a:active { color: #FFF; text-decoration: underline; text-transform: uppercase; }

  #mobilenav 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: #176DC9 url(images/bg_mobnav.png) repeat-y right top; }

  #navtoggle { }
  #navtoggle:hover, 
  .i #navtoggle { }

  body.inactive { height: 100%; overflow:hidden; width: 100%; }
  .i #mobilenav { left: 0; }
  .i #mainwrap { overflow: auto; overflow-x: hidden; }
  .i #wrap { left: 230px; }

  #wrap,
  #mobilenav,
  header,
  a {
  -webkit-transition: .3s ease;
     -moz-transition: .3s ease;
       -o-transition: .3s ease;
      -ms-transition: .3s ease;
          transition: .3s ease;
  }
  
/* =============================================================================
   Animation
========================================================================== */

  .animated { -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
  .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
  .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }
  
  @-webkit-keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none;}
  }
  @keyframes fadeInRight { 
    0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
  }
  .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
  
  @-webkit-keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
  }
  @keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
  }
  .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

  @-webkit-keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
    50% { opacity: 1;}
  }
  @keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
    50% { opacity: 1; }
  }
  .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

  @-webkit-keyframes zoomInDown {
    0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
    60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
  }
  @keyframes zoomInDown {
    0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
    60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
  }
  
  .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }


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

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

  .item { display: block; float: left; margin: 0; width: 100%; }
  .inner, footer .inner, .full { padding-left: 2em; padding-right: 2em; }
  header .inner { padding-left: 0; padding-right: 0; }
  nav { width: 100%; position: relative; margin: 2em auto;}
  nav ul.nav_main, nav ul.nav_sub { text-align: center;  margin: 0; padding: 0;}
  #mainimage { padding: 20em 0; overflow-y: visible; }
  .home #mainimage .meer { position: relative; }
  #logo { float: none; margin: 0 auto; text-align: center; }
  #logo a { position: static; margin: 0 auto; width: 243px; }
  nav ul.nav_main { margin: 0; white-space: nowrap; }
  .nav_main li a { font-size: 1.6em; padding: 0 0 2em 0.3em; }
  .nav_sub a { font-size: 1.2em; }
  #mainimage .streamer h1 { font-size: 2em; }
  #mainimage article.col_24 { width: 100%; padding: 2em 2em; }
  #mainimage article.col_24 h2 { font-size: 1.8em; }
  #mainimage article.col_24 p { width: 100%; margin: 0 0 1.5em 0; padding: 0; -webkit-columns: 1;-moz-columns: 1; columns: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;}
  .content h2 { font-size: 3em; }
  .content .paginalink { margin: 0; }
  .content .paginalink a { display: block; padding: 0.5em 0.8em; clear: both; float: none; margin: 2em 0;}
  .content .paginalink a span { margin: 0 0 0 2em; }
  header.fixed { display: none; }
  .cuar-login-form .cuar-form-links { position: relative; right: auto; bottom: auto; }
  }

  @media only screen and (min-width: 768px) and (max-width: 1023px) { /* tablet */
    body { font-size: 50%; }
    .inner { width: 720px }
    #navtoggle { display: none; }
    .col_1 { width: 10px;}
    .col_1.nomargin { width: 30px; }
    .col_2 { width: 40px;}
    .col_2.nomargin { width: 60px; }
    .col_3 { width: 70px;}
    .col_4 { width: 100px;}
    .col_4.nomargin { width: 120px; }
    .col_5 { width: 130px;}
    .col_5.nomargin { width: 150px; }
    .col_6 { width: 160px;}
    .col_6.nomargin { width: 180px; }
    .col_7 { width: 190px;}
    .col_8 { width: 220px;}
    .col_9 { width: 250px;}
    .col_10 { width: 280px;}
    .col_11 { width: 310px;}
    .col_11.nomargin { width: 330px; }
    .col_12 { width: 340px;}
    .col_12.nomargin { width: 360px; }
    .col_13 { width: 370px;}
    .col_14 { width: 400px;}
    .col_14.nomargin { width: 420px; }
    .col_15 { width: 430px;}
    .col_16 { width: 460px;}
    .col_16.nomargin { width: 480px;}
    .col_17 { width: 490px;}
    .col_18 { width: 520px;}
    .col_18.nomargin { width: 540px;}
    .col_19 { width: 550px;}
    .col_20 { width: 580px;}
    .col_20.nomargin { width: 600px; }
    .col_21 { width: 610px;}
    .col_22 { width: 640px;}
    .col_23 { width: 670px;}
    .col_24 { width: 700px;}
    .col_24.nomargin { width: 720px; }


    .prefix_1 { margin-left: 40px }
    .prefix_2 { margin-left: 70px }
    .prefix_3 { margin-left: 100px }
    .prefix_4 { margin-left: 130px }
    .prefix_5 { margin-left: 160px }
    .prefix_6 { margin-left: 190px }
    .prefix_7 { margin-left: 220px }
    .prefix_8 { margin-left: 250px }
    .prefix_9 { margin-left: 280px }
    .prefix_10 { margin-left: 310px }
    .prefix_11 { margin-left: 340px }
    .prefix_12 { margin-left: 370px }

    .suffix_1 { margin-right: 40px }
    .suffix_2 { margin-right: 70px }
    .suffix_3 { margin-right: 100px }
    .suffix_4 { margin-right: 130px }
    .suffix_5 { margin-right: 160px }
    .suffix_6 { margin-right: 190px }
    .suffix_7 { margin-right: 220px }
    .suffix_8 { margin-right: 250px }
    .suffix_9 { margin-right: 280px }
    .suffix_10 { margin-right: 310px }
    .suffix_11 { margin-right: 340px }
    .suffix_12 { margin-right: 370px }

  }

  @media only screen and (min-width: 1024px) and (max-width: 1279px) { /* desktop */ 
    body { font-size: 55%; }
    .inner { width: 960px; }
    #navtoggle { display: none; }
    .col_1 { width: 20px; }
    .col_1.nomargin { width: 40px; }
    .col_2 { width: 60px; }
    .col_2.nomargin { width: 80px; }
    .col_3 { width: 100px; }
    .col_4 { width: 140px; }
    .col_4.nomargin { width: 160px; }
    .col_5 { width: 180px; }
    .col_5.nomargin { width: 200px; }
    .col_6 { width: 220px; }
    .col_6.nomargin { width: 240px; }
    .col_7 { width: 260px; }
    .col_8 { width: 300px; }
    .col_9 { width: 340px; }
    .col_10 { width: 380px; }
    .col_11 { width: 420px; }
    .col_11.nomargin { width: 445px; }
    .col_12 { width: 460px; }
    .col_12.nomargin { width: 480px; }
    .col_13 { width: 500px; }
    .col_14 { width: 540px; }
    .col_14.nomargin { width: 560px; }
    .col_15 { width: 580px; }
    .col_16 { width: 620px; }
    .col_16.nomargin { width: 640px; }
    .col_17 { width: 660px; }
    .col_18 { width: 700px; }
    .col_18.nomargin { width: 720px; }
    .col_19 { width: 740px; }
    .col_20 { width: 780px; }
    .col_20.nomargin { width: 800px; }
    .col_21 { width: 820px; }
    .col_22 { width: 860px; }
    .col_23 { width: 900px; }
    .col_24 { width: 940px; }
    .col_24.nomargin { width: 960px; }

    .prefix_1 { margin-left: 50px }
    .prefix_2 { margin-left: 90px }
    .prefix_3 { margin-left: 130px }
    .prefix_4 { margin-left: 170px }
    .prefix_5 { margin-left: 210px }
    .prefix_6 { margin-left: 250px }
    .prefix_7 { margin-left: 290px }
    .prefix_8 { margin-left: 330px }
    .prefix_9 { margin-left: 370px }
    .prefix_10 { margin-left: 410px }
    .prefix_11 { margin-left: 450px }
    .prefix_12 { margin-left: 490px }

    .suffix_1 { margin-right: 50px }
    .suffix_2 { margin-right: 90px }
    .suffix_3 { margin-right: 130px }
    .suffix_4 { margin-right: 170px }
    .suffix_5 { margin-right: 210px }
    .suffix_6 { margin-right: 250px }
    .suffix_7 { margin-right: 290px }
    .suffix_8 { margin-right: 330px }
    .suffix_9 { margin-right: 370px }
    .suffix_10 { margin-right: 410px }
    .suffix_11 { margin-right: 450px }
    .suffix_12 { margin-right: 490px }
  }
  @media only screen and (min-width: 1280px) { /* XL desktop */
    .inner { width: 1200px;}
    #navtoggle { display: none; }
    .col_1 {width: 30px;}
    .col_1.nomargin { width: 50px; }
    .col_2 {width: 80px;}
    .col_2.nomargin { width: 100px; }
    .col_3 {width: 130px;}
    .col_4 {width: 180px;}
    .col_4.nomargin { width: 200px; }
    .col_5 {width: 230px;}
    .col_5.nomargin { width: 250px; }
    .col_6 {width: 280px;}
    .col_6.nomargin { width: 300px; }
    .col_7 {width: 330px;}
    .col_8 {width: 380px;}
    .col_9 {width: 430px;}
    .col_10 {width: 480px;}
    .col_11 {width: 530px;}
    .col_11.nomargin { width: 560px; }
    .col_12 {width: 580px;}
    .col_12.nomargin { width: 600px; }
    .col_13 {width: 630px;}
    .col_14 {width: 680px;}
    .col_14.nomargin { width: 700px; }
    .col_15 {width: 730px;}
    .col_16 {width: 780px;}
    .col_16.nomargin { width: 800px; }
    .col_17 {width: 830px;}
    .col_18 {width: 880px;}
    .col_18.nomargin { width: 900px; }
    .col_19 {width: 930px;}
    .col_20 {width: 980px;}
    .col_20.nomargin { width: 1000px; }
    .col_21 {width: 1030px;}
    .col_22 {width: 1080px;}
    .col_23 {width: 1130px;}
    .col_24 {width: 1180px;}
    .col_24.nomargin { width: 1200px; }

    .prefix_1 { margin-left: 60px }
    .prefix_2 { margin-left: 110px }
    .prefix_3 { margin-left: 160px }
    .prefix_4 { margin-left: 210px }
    .prefix_5 { margin-left: 260px }
    .prefix_6 { margin-left: 310px }
    .prefix_7 { margin-left: 360px }
    .prefix_8 { margin-left: 410px }
    .prefix_9 { margin-left: 460px }
    .prefix_10 { margin-left: 510px }

    .suffix_1 { margin-right: 60px }
    .suffix_2 { margin-right: 110px }
    .suffix_3 { margin-right: 160px }
    .suffix_4 { margin-right: 210px }
    .suffix_5 { margin-right: 260px }
    .suffix_6 { margin-right: 310px }
    .suffix_7 { margin-right: 360px }
    .suffix_8 { margin-right: 410px }
    .suffix_9 { margin-right: 460px }
    
    
    
  }

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

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

  .ie8 .inner { width: 960px }
  .ie8 #navtoggle { display: none; }
  .ie8 .col_1 { width: 20px; }
  .ie8 .col_2 { width: 60px; }
  .ie8 .col_3 { width: 100px; }
  .ie8 .col_4 { width: 140px; }
  .ie8 .col_5 { width: 180px; }
  .ie8 .col_6 { width: 220px; }
  .ie8 .col_7 { width: 260px; }
  .ie8 .col_8 { width: 300px; }
  .ie8 .col_9 { width: 340px; }
  .ie8 .col_10 { width: 380px; }
  .ie8 .col_11 { width: 420px; }
  .ie8 .col_12 { width: 460px; }
  .ie8 .col_13 { width: 500px; }
  .ie8 .col_14 { width: 540px; }
  .ie8 .col_15 { width: 580px; }
  .ie8 .col_16 { width: 620px; }
  .ie8 .col_17 { width: 660px; }
  .ie8 .col_18 { width: 700px; }
  .ie8 .col_19 { width: 740px; }
  .ie8 .col_20 { width: 780px; }
  .ie8 .col_21 { width: 820px; }
  .ie8 .col_22 { width: 860px; }
  .ie8 .col_23 { width: 900px; }
  .ie8 .col_24 { width: 940px; }

  .ie8 .prefix_1 { margin-left: 50px }
  .ie8 .prefix_2 { margin-left: 90px }
  .ie8 .prefix_3 { margin-left: 130px }
  .ie8 .prefix_4 { margin-left: 170px }
  .ie8 .prefix_5 { margin-left: 210px }
  .ie8 .prefix_6 { margin-left: 250px }
  .ie8 .prefix_7 { margin-left: 290px }
  .ie8 .prefix_8 { margin-left: 330px }
  .ie8 .prefix_9 { margin-left: 370px }
  .ie8 .prefix_10 { margin-left: 410px }
  .ie8 .prefix_11 { margin-left: 450px }
  .ie8 .prefix_12 { margin-left: 490px }

  .ie8 .suffix_1 { margin-right: 50px }
  .ie8 .suffix_2 { margin-right: 90px }
  .ie8 .suffix_3 { margin-right: 130px }
  .ie8 .suffix_4 { margin-right: 170px }
  .ie8 .suffix_5 { margin-right: 210px }
  .ie8 .suffix_6 { margin-right: 250px }
  .ie8 .suffix_7 { margin-right: 290px }
  .ie8 .suffix_8 { margin-right: 330px }
  .ie8 .suffix_9 { margin-right: 370px }
  .ie8 .suffix_10 { margin-right: 410px }
  .ie8 .suffix_11 { margin-right: 450px }
  .ie8 .suffix_12 { margin-right: 490px }


/* =============================================================================
  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; }
  .clear { clear: both; }
  a[href^=tel]{ color:inherit; text-decoration:none;}

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

  @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; }
  }