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

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

  html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
  body { margin: 0; font-size: 1em; line-height: 1; }

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

  h1 { font-size: 2em; margin: 0.67em 0; }
  h2 { font-size: 1.5em; margin: 0.83em 0; }
  h3 { font-size: 1.17em; margin: 1em 0; }
  h4 {
	font-size: 1em;
	margin: 1.33em 0;
	font-weight: bold;
}
  h5 { font-size: 0.83em; margin: 1.67em 0; }
  h6 { font-size: 0.75em; margin: 2.33em 0; }

	abbr[title] { border-bottom: 1px dotted; }
  b, strong { font-weight: bold; }
  blockquote { margin: 1em 40px; }
  dfn { font-style: italic; }
  mark { background: #ff0; color: #1A171B; }
  p, pre { margin: 1em 0; }
  code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
  pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
  q { quotes: none; }
  q:before, q:after { content: ''; content: none; }
  small { font-size: 80%; }
  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
  sup { top: -0.5em; }
  sub { bottom: -0.25em; }

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

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

  figure { margin: 0; }

  form { margin: 0; }
  fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
  legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }
  button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
  button, input { line-height: normal; }
  button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }
  button[disabled], input[disabled] { cursor: default; }
  input[type="checkbox"], input[type="radio"] {  padding: 0; *height: 13px; *width: 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-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
  button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
  textarea { overflow: auto; vertical-align: top; resize: vertical }
  input:invalid { background: #FFEDED; }
  table { border-collapse: collapse; border-spacing: 0; }
  hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0 }
  img { vertical-align: middle }
  fieldset { border: 0; margin: 0; padding: 0 }

  .chromeframe { font: 400 15px/20px 'pragmatica-web', 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0.4em 0; background: none; color: #FFF; display:block; padding: 0.4em 1em; position: relative; top:0; left: 0; z-index: 9999; }
  .chromeframe a { color: #FFF; }
  .chromeframe em { font-style: normal; }
  .chromeframe a:link,
  .chromeframe a:visited { text-decoration: underline; }
  .chromeframe a:hover,
  .chromeframe a:active { color: #1A171B; text-decoration: none; }

  .debug { display: none; }

  html { background: #AAA; }
  body {
    font-family:Tahoma,'pragmatica-web', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:13px;
    font-weight:400;
    line-height:18px;
    -webkit-font-smoothing:antialiased;
    color:#1A171B;
  }
  b, strong { font-weight: 700; }

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

  #printlogo {display: none;}
  header { display: block; float: left; position: relative; width: 310px; }

  nav { display: block; height: auto; width: 225px; }
  #logo h1 { display: none; }
  #logo {
	width: 195px;
	height: 205px;
	display: block;
	overflow: hidden;
	background-color: #ffffff;
}
  #logo a, #logo a:link, #logo a:visited { display: block; background: url(images/logo.svg) no-repeat center center; width: 195px; height: 205px; }
  #logo a:hover { }
  .no-svg #logo a,
  .no-svg #logo a:visited,
  .ie7 #logo a, .ie8 #logo a,
  .ie7 #logo a:visited,
  .ie8 #logo a:visited  { display: block; background:url(images/logo.png) no-repeat center center; }
  .no-svg #logo a:hover, .ie7 #logo a:hover, .ie8 #logo a:hover {}
  #logo a img { width: 100%; height: 100%; border: none; }

  #mainwrap { background: #FFF url(images/bg_mainwrap.gif) repeat-y right top; min-width: 980px; width: 100% }

  #content { float: left; margin: 0 0 20px; min-width: 460px; width: 50%; position: relative; }
  #content h2 { font-weight: 700; font-size: 16px; line-height: 21px; text-transform: uppercase; margin: 20px 0 15px 0; }
  #content h3 { font-weight: 700; font-size: 16px; line-height: 21px; margin: 0 0 20px; }
  #aside_links h2 { font-weight: 400; font-size: 20px; line-height: 25px; margin: 0 0 15px; }
  #aside_links h2 { text-transform: uppercase; margin-left: 20px; }
  #content h4 {
	font-weight: bold;
	font-size: 13px;
	line-height: 19px;
	margin: 0;
}
  #content .infinite h5 { font-weight: 700; font-size: 20px; line-height: 25px; margin: 0 0 15px 1%; }
  #content h2 a:hover,
  #content h2 a:visited,
  #content h3 a:hover,
  #content h3 a:visited,
  #content h4 a:hover,
  #content h4 a:visited,
  #content h5 a:hover,
  #content h5 a:visited { text-decoration: underline; }
  #content p.intro, #content .intro p, #content .intro { font-weight: 700; font-size: 14px; line-height: 20px; margin: 0 0 15px; }
  #content p.downloads {margin: 0 0 15px; }
  #content p { font-weight: 400; font-size: 13px; line-height: 19px; margin: 0 0 15px; }
  #content p strong { font-weight: 700; font-size: 13px; line-height: 19px; }
  #content p a:link,
  #content p a:visited { text-decoration: underline; }
  #content p a:hover,
  #content p a:active { text-decoration: none; }
  #content ul { margin: 0; list-style: none; padding-left: .72em; text-indent: -.72em; }
  #content ul li:before { content: "\002D \0020";}

  #content div a:link,
  #content div a:visited { text-decoration: underline; }
  #content div a:hover,
  #content div a:active { text-decoration: none; }



  img.rightspace {margin: 5px 20px 5px 0;}
  img.leftpace {margin: 5px 0 5px 20px;}

  #aside_links { float: left; min-width: 322px; padding-bottom: 80px; width: 32%; }
  #aside_links .item { clear: left; display: block; float: left; margin: 0 0 7px 20px; width: 210px; }
  #aside_links .item img { float: left; height: auto; margin: 3px 10px 0 0; width: 30%; }
  #aside_links .item time { display: block; font-weight: 400; font-size: 11px; line-height: 15px; }
  #aside_links .item a span,
  #aside_links .item a { display: block; font-weight: 700; font-size: 11px; line-height: 15px; margin: 0; }
  #aside_links .item a:link span,
  #aside_links .item a:visited span { text-decoration: none; }
  #aside_links .item a:hover span,
  #aside_links .item a:active span { text-decoration: underline; }

  #content .slider { margin: 0 0 25px; overflow: hidden; position: relative; }
  #content .slide { margin: 5px 0 25px; max-height: 300px; width: 100%; }
  #content .slider .slide { position: absolute; top: 0; left: 0; z-index: 0; }
  #content .slider .slide:first-child { position: relative; z-index: 1; }
  #content .slide p { font-weight: 400; font-size: 11px; line-height: 19px; margin-top: 5px; }
  #content .slide.cycle-slide { margin: 5px 0 25px; display: none;height: auto;}

  .slider { list-style: none; margin: 0 0 20px; padding: 0 0 20px 0; }
  .slider span a { font-weight: 400; font-size: 12px; line-height: 16px; float: right; }
  .slider span a:hover { text-decoration: underline; }
  .slider span { display: block; margin-top: 5px; }
  .slider span {font-weight: 700; font-size: 11px; line-height: 15px;}
  .slider_nav { float: right; list-style: none; padding: 0; }
  .slider img { display: block; height: auto; width: auto; max-height: 350px; min-height: 350px;}
  #content .slider span a { margin-left: 10px; }

  #map_canvas { margin: 8px 0 20px; }

  #aside_slide { clear: left; float: left; margin: 20px 0 0 0; }
  #aside_slide h3 { clear: left; font-weight: 700; font-size: 14px; line-height: 20px; text-transform: uppercase; margin: 0 0 3px 20px; }
  #aside_slide .slider { display: block; margin: 0 0 20px 20px; width: 210px; }
  #aside_slide .slide span { display: block; margin: 3px 0 0 0; }
  #aside_slide .slide img { min-width: 210px; }
  #aside_slide .item.last { margin-bottom: 0 }
  #aside_slide .slider a { float: none; }
  .slider #slider_caption { float: right; margin: -3px 1% 0 0; }
  .slider #slider_caption { text-align: right; width: 50%; }
  #slider_nav { display: block; position: absolute; width: 100%; height: 94%; top:0; left: 0; z-index: 999; }

  #content .button { clear: left; margin: 0 0 20px 5px; float: right;}
  #content .button.website { clear: right; margin: 0 5px 20px 0; float: left;}
  #content .button a { display: block;white-space: nowrap;background: #DDD; color: #1A171B; font-weight: 400; font-size: 11px; line-height: 19px; margin: 0; height: 18px; padding: 0 10px; text-decoration: none; }
  #content .button a:link, #content .button a:visited { text-decoration: none; }
  #content .button a:hover { background: #1A171B; color: #FFF; }
  #content .button a.next { }

  #infscr-loading { background: #1A171B; bottom: -40px; color: #FFF; display: block; font-weight: 700; font-size: 11px; line-height: 15px; height: 24px; left: 50%; margin: -17px 0 0 -17px; padding: 5px; position: absolute; width: 24px; z-index: 999 }
  .animatedload { background: url(images/sprite_loading.png) no-repeat 0 0; display: block; height: 24px; overflow: hidden; width: 24px; }

  #sidebar { float: right; margin: 0; padding: 20px 10px 0; width: 140px; }
  #aside_links .payoff { margin: 15px; padding: 0; }
  #aside_links .payoff h2 { font-weight: 400; font-size: 11px; line-height: 13px; text-transform: none; margin: 0; padding: 0; }
  footer { background: #AAA; clear: both; min-height: 80px; min-width: 980px; width: 100%; height: auto; }



/* =============================================================================
  Sollicitatie formulier
  ========================================================================== */

  #content .gform_wrapper,
  .ginput_container input,
  .ginput_container textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  #content .gform_wrapper ul { padding-left: 0; text-indent: 0; }
  #content .gform_wrapper ul li:before { content: ''; }
  #content .gform_wrapper h4 { border-top: solid 1px #CCC; font-weight: 600; padding: 20px 0 0 0; margin: 30px 0 0 0; }
  .gform_wrapper li { clear: left; display: block; margin-bottom: 12px; }
  .gform_wrapper .gfield_radio li { float: left; clear: none; }
  .gfield_label {
	display: block;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 3px;
	width: 100%;
	margin-top: 5px;
}
  .ginput_container input[type="text"],
  .ginput_container input[type="select"],
  .ginput_container input[type="email"],
  .ginput_container input[type="search"],
  .ginput_container textarea { border: 1px solid #AAA; color: #1A171B;  font-family: 'pragmatica-web', 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 4px 5px; width: 100%; },
  .ginput_container textarea { }
  .ginput_container input.focusField,
  .ginput_container textarea.focusField,
  .ginput_container textarea:focus { border: 1px solid #1A171B; color: #1a171b; outline: 0; width: 100%; }
  .gform_wrapper .gfield_checkbox ul { margin: 0 0 20px 0; display: block; float: none; clear: both; }
  .gform_wrapper .gfield_checkbox li { width: 100%; display: block; float: none; margin: 0; padding: 0; }
  .gfield_radio label,
  .gfield_radio input { float: left; margin-right: 20px; width: auto; }
  .gfield_checkbox#input_5_13 label,
  .gfield_checkbox#input_5_13 input,
  .gfield_checkbox#input_5_31 label,
  .gfield_checkbox#input_5_31 input { float: left; margin-right: 5px; width: auto; }
  .gform_wrapper .gfield_checkbox#input_5_13 li,
  .gform_wrapper .gfield_checkbox#input_5_31 li { float: left; clear: none; }
  .gfield_radio input,
  .gfield_checkbox input { margin-right: 0; }
  .ginput_container input[type="checkbox"] { padding: 1px; width: 20px; height: 20px; border: none; }
  .ginput_container input[type="radio"] { padding: 1px; width: 20px; height: 20px; border: none; }
  .ginput_container label { line-height: 20px; }

  .gfield_date_dropdown_day, .gfield_date_dropdown_month, .gfield_date_dropdown_year { float: left; margin-right: 5px; margin-bottom: 10px; }
  .gform_button { text-align: right; }
  .gform_wrapper .gform_button { background: #1C2A33; color: #FFF; border: none; color: #FFF; font-family: 'pragmatica-web', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 20px; padding: 3px 8px; margin-bottom: 0; width: auto; -webkit-appearance: none; }
  .gform_wrapper .gform_button:hover { background: #EEE; color: #1C2A33; }

  .gfield_required { visibility:visible; }

  .gfield_description,
  .ginput_counter { color: #666; font-style: italic; }
  .validation_message { color: #FF2100 }
  .gfield_description a:link,
  .ginput_counter a:link,
  .gfield_description a:visited,
  .ginput_counter a:visited { color: #666; }
  .gfield_description a:hover,
  .ginput_counter a:hover,
  .gfield_description a:active,
  .ginput_counter a:active { color: #1A171B; }

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

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

/* =============================================================================
  Cookies
  ========================================================================== */

  #cookie_wrapper { background: #686868; margin: 0; position: fixed; width: 100%; bottom: 0; left: 0; z-index: 9999; }
  #cookie_wrapper strong { color: #FFF; font-weight: 700; font-size: 11px; line-height: 15px; }
  #cookie_wrapper p { margin: 10px 230px 10px 10px }
  #cookie_wrapper p,
  #cookie_wrapper a { color: #FFF; font-weight: 400; font-size: 11px; line-height: 15px; }
  #cookie_wrapper p a:link,
  #cookie_wrapper p a:visited { color: #FFF; text-decoration: underline; }
  #cookie_wrapper p a:hover,
  #cookie_wrapper p a:active { text-decoration: underline; color: #FF4A52 }
  #cookie_wrapper .cta { background: #FFF; border-radius: 0; color: #1A171B; margin: 0 5px; padding: 5px 10px; position: absolute; top: 3px; white-space: nowrap; }
  #cookie_wrapper #cookie-no { right: 10px; }
  #cookie_wrapper #cookie-no:hover { background: #FF4A52; }
  #cookie_wrapper #cookie-yes { right: 10px; } /* was 40px */
  #cookie_wrapper #cookie-yes:hover { background: #3CFF68; color: #1A171B }
  #cookie_wrapper .inner { position: relative; }

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

  .groen header { background: #D0D1D0 }
  .rose header { background: #F1BCB5 }
  .blauw header { background: #87A6FF }
  .geel header { background: #AAA099 }
  .paars header { background: #FF4A52 }
  .grijs header { background: #984392 }
  .rood header { background: #BFEAFF }
  .wit header { background: #A0FF7F }

  .groen nav { background: #878787 }
  .rose nav { background: #9B5DBB }
  .blauw nav { background: #FFF865 }
  .geel nav { background: #FF8048 }
  .paars nav { background: #FCFFAB }
  .grijs nav { background: #AEFF9B }
  .rood nav { background: #FFBCFF }
  .wit nav { background: #40DCFF }

  .groen #logo { background: #3CFF68 }
  .rose #logo { background: #FF4EEE }
  .blauw #logo { background: #0FF }
  .geel #logo { background: #FFFE00 }
  .paars #logo { background: #CC4EFF }
  .grijs #logo { background: #C1CAC9 }
  .rood #logo { background: #FF2100 }
  .wit #logo { background: #d8d8d8 }

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

  li.navtoggle { display: none; }

  /* 320px and greater */
  @media only screen and (max-width: 767px) {
    * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #wrap { position: relative; }
    #mainwrap { background: #FFF; border-right: 3px solid #AAA; width: 100%; min-width: 320px; }

    #content { float: none; min-width: 0; padding: 0 10px; width: 100%; }
    #content .slide,
    #content .slide img,
    #content p img { height: auto; width: 100%; max-height: 100%; min-height: 0; }
    #content .slider { overflow:visible; }
    #content p iframe { width: 100%; height: auto; min-height: 225px }
    #content .extra { margin: 0; }
    #content .extra .een3e { margin: 0 0 10px; padding: 0; width: 100%; }
    #content .extra.outline .een3e img { float: left; margin: 0 10px 0 0; width: 35%; }

    #content .downloads a { margin: 0 0 10px; width: 100%; }

    #content .aanvragen .een3e { width: 48%; margin: 0 1% 2% 1%; }

    #content .regeling .caption p {font-size: 10px; line-height: 14px; padding: 4px 5px}
    #aside_links { float: none; float: none; height: 132px; padding: 0; min-width: 0; width: 105px; }
    header { width: 100%;padding:  0 0 16px; float:none; }
    #logo { height: 100px; width: 75px; }
    #logo a, #logo a:link, #logo a:visited { background: url(images/logo.svg) no-repeat center center; background-size: 45px 68px; height: 100px; width: 75px; }
    #logo.en a,
    #logo.en a:link,
    #logo.en a:visited { background: url(images/logo_en.html) no-repeat left top; background-size: 45px 68px; }
    #logo.en a:hover,
    #logo.en a:active { background: url(images/logo_en.html) no-repeat left bottom; background-size: 45px 68px; }
    nav { width: 90px; padding: 0 0 16px; overflow: hidden; }
    .no-js nav { height: 116px; }
    nav > ul { margin: 20px 0 20px -120%; padding: 0; }
    .js nav > ul { opacity:0; }
    nav li { display: block; }
    .social { margin: 0; padding: 11px 0 8px 15px; display: none; }
    #subnav { left: 120px; top: 12px; }
    #subnav li a { white-space: nowrap; }
    #cloud,
    #aside_slide { display: none; margin: 0; }
    li.navtoggle { display: block; }

    #sidebar { float: none; margin: 0; padding: 20px 5px 0; width: 100%; }
    .blok.kalender,
    .ads { float: left; padding: 0 5px; width: 50%; }
    .twitterfeed { float: left; padding: 0 5px; width: 100%; }
    .plaatje_tekst img,
    .tekst_plaatje img { width: 100%; height: auto; }

    footer { min-width: 0; }
    #footernav { margin: 0; padding: 0 5px; }
    #footernav ul { width: 100%; padding: 10px 5px; }
    #footernav > ul > li { margin: 0; padding: 0 5px 10px; min-width: 0; width: 50%; }
    #footernav > ul > li:nth-child(odd) { clear: left; }
    #footernav ul ul { width: 100%; padding: 0; }

    #infscr-loading { height: 34px; width: 34px; }
    #aside_links .payoff { display: none; }
    .inactive #aside_links { height: 100%; padding: 0 43px 0 0; width: 100%; }
    .inactive header { padding: 0 16px 1px 0 }
    .inactive nav { width: 100%; }
    .inactive nav > ul { padding: 0 15px 0; margin: 20px 0; }
    .inactive #subnav { right: 0; }
    .inactive .social { display: block; position: absolute; left: -44px; top: -21px; width: 24px; }
    .inactive #aside_links .payoff { display: block; }

    #aside_links,
    header,
    nav,
    #logo,
    nav ul,
    #subnav {
    -webkit-transition: .3s ease;
       -moz-transition: .3s ease;
         -o-transition: .3s ease;
        -ms-transition: .3s ease;
            transition: .3s ease;
  }


  }

  /* 768px and greater */
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    #content .regeling .caption { padding: 5px; }
    #content .regeling .caption p { font-size: 10px; line-height: 12px; padding: 0; }
    #content .extra .een3e a .titel, #content .extra .een4e a .titel { font-size: 11px; line-height: 15px; padding: 5px;}
	  #content .aanvragen .een3e a .titel { font-size: 10px; line-height: 12px; }

    #mainwrap { min-width: 740px; background: white url(images/bg_mainwrap_mobile.gif) repeat-y right top; }
    #aside_links { min-width: 265px; width: 32%; }
    header { width: 255px; }
    #subnav { left: 209px; }
    nav { min-height: 250px; width: 200px; }
    #cloud {width: 255px; height: 255px;}
    div.jqcloud { font-weight: 700; font-size: 9px; }

    nav ul ul ul li.menu_bijdragen span,
    nav ul ul ul ul a { font-size: 11px; line-height: 11px; }

    #sidebar { background: #AAA; clear: both; display: block; float: none; padding: 20px 10px 10px; min-width: 720px; width: auto; }
    .blok { float: left; margin: 0 10px 10px 0; width: 139px; }
    .social { margin: 0; width: 24px; }
    .ads { float: left; padding: 20px 160px 20px 20px; margin: 20px 10px; }
    .ad, .ad2, .ad3 { float: none; width: 119px; }

    footer { border-top: 1px dotted #FFF; min-width: 740px; }
    #footernav { margin: 20px 10px; }
    #footernav ul li { width: 177px; }
    #content .aanvragen .een3e { width: 32%; }
    #content .aanvragen .een3e time { font-size: 9px; }
  }

  /* 1024px and greater */
  @media only screen and (min-width: 980px) {
    /* Styles here */
    #content .regeling .caption p { font-size: 10px; line-height: 12px; padding: 0; }
    #content .aanvragen .een3e a .titel { font-size: 10px; line-height: 12px; padding: 3px; }

    #content .een4e .regeling .caption p { font-size: 10px; line-height: 11px; padding: 0; }
    #content .extra .een3e a .titel { font-size: 13px; line-height: 17px; padding: 8px;}
    #content .extra .een4e a .titel { font-size: 10px; line-height: 13px; padding: 8px;}
    #content .extra .een4e time { font-size: 10px; line-height: 13px; }

    nav { min-height: 275px; }
  }
  /* 1180px and greater */
  @media only screen and (min-width: 1180px) {
    /* Styles here */
    #content .regeling .caption p { font-size: 10px; line-height: 12px; padding: 0; }
	  #content .aanvragen .een3e a .titel { font-size: 10px; line-height: 12px; padding: 3px; }

    #content .een4e .regeling .caption p { font-size: 11px; line-height: 13px; padding: 0; }
    #content .extra .een3e a .titel { font-size: 14px; line-height: 18px; padding: 8px;}
    #content .extra .een4e a .titel { font-size: 11px; line-height: 14px; padding: 8px;}
    #content .extra .een4e time { font-size: 11px; line-height: 14px; }
  }
  /* 1280px and greater */
  @media only screen and (min-width: 1280px) {
    /* Styles here */
    #content .regeling .caption p { font-size: 11px; line-height: 12px; padding: 0; }
	  #content .aanvragen .een3e a .titel { font-size: 11px; line-height: 13px; padding: 3px; }

    #content .een4e .regeling .caption p { font-size: 12px; line-height: 14px; padding: 0; }
    #content .extra .een3e a .titel { font-size: 16px; line-height: 20px; padding: 8px;}
    #content .extra .een4e a .titel { font-size: 12px; line-height: 16px; padding: 8px;}
    #content .extra .een4e time { font-size: 12px; line-height: 16px; }
  }

  /* Retina screens */
  @media print {
    #logo a, #logo a:link, #logo a:visited { background: url(images/logo.png) no-repeat left top; background-size: 75px 205px; }
  }


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

  .ie7 nav { margin-bottom: 80px; }
  .ie7 body, .ie8 body { font-family:'pragmatica-web-n4', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
  .ie7 nav ul { margin: 20px 0 0 20px; }
  .ie7 nav ul ul { margin: 4px 0; }
  .ie7 nav ul ul ul { margin-right: 10px; }
  .ie7 nav ul ul ul li.menu_bijdragen li { list-style: circle outside; text-indent: 0; padding: 0; margin-left: 16px; font-size: 6px; }
  .ie7 #content .extra .een3e { width: 30%; height: auto; zoom: 1; }
  .ie7 #content .extra .een4e { width: 20%; height: auto; zoom: 1; }
  .ie7 #aside_links,
  .ie8 #aside_links,
  .ie9 #aside_links { min-width: 321px; }
  .ie #zoek input#si,
  .ie #nieuwsbrief input.email { height:20px; padding: 3px 8px; width: 314px; }
  .ie7 #zoek input#ss { padding: 1px 8px; }

  .ie #content .toelichting { border-bottom: none; }
  .ie #content .toelichting .tekst .first { margin-right: 2%; }
  .ie #content .toelichting .tekst ul.split { margin-top: 0; }

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

  /* Custom Selection Styles */
  ::selection { background: #1A171B; color: #FFF; text-shadow: none; }
  ::-webkit-selection {background: #1A171B; color: #FFF; text-shadow:none; }
  ::-moz-selection { background: #1A171B; color: #FFF; text-shadow:none; }

  .clearfix:before, .clearfix:after { content: " "; display: table; }
  .clearfix:after { clear: both }
  .clearfix { *zoom: 1 }

  /* Input focus styles */
  input:focus { outline:0; border: 1px solid #0091BD; } /* Gets rid of blue glow on field focus, adds border color instead */

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

  @media print {
    * {border:none; background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important; }
    #aside_links, #sidebar, footer, .addthis_toolbox, .button, #cookie_wrapper, .downloads, .clearfix {display: none;}
    body, p, h4, h5, b, strong, .intro p, .intro, em, .toelichting, .checklist, ul, li, #content .toelichting .tekst ul { font-size: 14pt !important; line-height: 18pt !important; font-family: Arial, Helvetica, sans-serif !important;}
    h1, h2 { font-size: 24pt !important; line-height: 28pt !important; font-family: Arial, Helvetica, sans-serif !important;}
    h3 { font-size: 18pt !important; line-height: 24pt !important; font-family: Arial, Helvetica, sans-serif !important; margin-top: 18pt !important;}
    p { margin-bottom: 16pt !important; }
    h1, h2, h3, h5, b, strong, .intro p, .intro { font-weight: bold !important;}
    #content {width: 80%;}
    #content ul { padding-left: .6em; text-indent: -.6em !important; margin-bottom: 16pt !important;}
    #printlogo {display: block;}
    .toelichting, .checklist, div {border-top: none !important; border-bottom: none !important; padding: 0 !important; margin: 0 !important;}
    #content .toelichting,
    #content .toelichting .tekst { /* columns: none; -webkit-columns: none; -moz-columns: 1 !important; */ }
    .first.column, .last.column {width: 100% !important; float: none !important; display: block !important;}
    a, a:visited { text-decoration: underline; }
    p a[href]:after { text-decoration: underline; content: " (" attr(href) ")"; }
    abbr[title]:after { text-decoration: underline; content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    pre, blockquote { border: 1px solid #AAA; page-break-inside: avoid; }
    thead { display: table-header-group; /* h5bp.com/t */}
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 3cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
  }