@import url(css/reset.css);
/*
Theme Name: 	Mathenesserdijk
Theme URI: 		http://mathenesserdijk.info
Description: 	Custom designed Wordpress theme!
Version: 		1.1
Author: 		5upLeft
Author URI: 	http://5upleft.com
Tags: 			custom, design,
*/
/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/
/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*		MIXINS			*/
div,
article,
section,
header,
footer,
nav,
li {
  position: relative;
  /* For absolutely positioning elements within containers (add more to the list if need be) */ }

.group:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  visibility: hidden;
  /* For clearing */ }

body {
  background: #fff;
  font-size: 62.5%;
  line-height: 1.25;
  font-family: Tahoma, Geneva, sans-serif;
  text-align: center;
  _background-image: url(img/bg.jpg);
  background-position: top left;
  background-attachment: fixed;
  /* Don't forget to style your body to avoid user overrides */ }

::-moz-selection {
  background: #ff0;
  color: #333; }

::selection {
  background: #ff0;
  color: #333; }

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/
body,
input,
textarea {
  /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }

/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body {
  background-image: url(img/bg.gif);
  background-repeat: repeat; }

#wrapper {
  position: relative;
  width: 93em;
  margin: auto;
  text-align: left;
  -moz-box-shadow: 0px 4px 4px #000;
  -webkit-box-shadow: 0px 4px 4px #000;
  box-shadow: 0px 4px 4px #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000000')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=120, Color='#000000');
  background-color: #fff;
  margin-top: 2em;
  margin-bottom: 2em; }

header {
  position: relative;
  display: block;
  padding-top: 1em;
  width: 100%;
  -moz-box-shadow: 0px 2px 3px #999;
  -webkit-box-shadow: 0px 2px 3px #999;
  box-shadow: 0px 2px 3px #999;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999');
  margin-bottom: 1em;
  background-image: url(img/header.gif);
  background-repeat: no-repeat;
  background-position: top left; }
  header #logo {
    position: relative;
    display: inline-block;
    position: relative;
    display: inline-block;
    width: 74.42857em;
    margin-left: 1em;
    float: left;
    overflow: hidden;
    _background-color: #840000;
    height: 12em;
    margin-right: 1em !important;
    float: left; }
    header #logo h1 {
      position: absolute;
      display: none;
      bottom: 0.25em;
      font-size: 4.27887em; }
      header #logo h1 a:link, header #logo h1 a:active, header #logo h1 a:visited {
        font-family: Times New Roman, Times New Roman, Times, serif;
        color: #333;
        background-color: #fff;
        text-decoration: none;
        _font-variant: small-caps;
        font-weight: 100;
        padding-left: 0.2em;
        _padding-bottom: 0.25em;
        padding-top: 0.5em;
        _letter-spacing: 0.05em;
        padding-right: 1em; }
  header #search {
    position: relative;
    display: inline-block;
    position: relative;
    display: inline-block;
    width: 14.42857em;
    margin-left: 1em;
    float: left;
    overflow: hidden;
    height: 4em;
    padding-top: 1em;
    margin-bottom: 0.5em; }
    header #search label {
      display: none; }
    header #search #s {
      padding: 0.5em;
      padding-left: 1em;
      padding-right: 1.2em;
      background-color: #eee;
      color: #666;
      border: none;
      width: 9.9em;
      float: left; }
    header #search .submit {
      border: none;
      background-color: #666;
      color: #fff;
      vertical-align: bottom;
      padding-top: 0.5em;
      padding-bottom: 0.5em;
      margin-left: 0.25em;
      width: 2em; }
  header #contact {
    position: relative;
    display: inline-block;
    position: relative;
    display: inline-block;
    width: 14.42857em;
    margin-left: 1em;
    float: left;
    overflow: hidden;
    height: 4em;
    margin-top: 7.2em;
    background-color: #840000/1.5; }
    header #contact a:link, header #contact a:active, header #contact a:visited {
      position: absolute;
      display: block;
      width: 100%;
      padding-top: 5em;
      color: #fff;
      font-size: 1.43847em;
      bottom: 0;
      padding-bottom: 0.33333em;
      padding-left: 0.66667em;
      text-decoration: none;
      font-weight: 300;
      font-family: Tahoma, Geneva, sans-serif; }
    header #contact a:hover {
      background-color: #ccc;
      color: #fff; }

.mapp-layout {
  margin: 0px !important; }

#navMain {
  position: relative;
  display: inline-block;
  width: 14.42857em;
  margin-left: 1em;
  float: left;
  overflow: hidden;
  margin-top: 0.2em;
  overflow: hidden;
  height: 29.5em; }
  #navMain li {
    position: relative;
    display: block;
    height: 4.13389em;
    background-color: #999;
    vertical-align: bottom;
    margin-bottom: 1em;
    overflow: hidden; }
    #navMain li a:link, #navMain li a:active, #navMain li a:visited {
      position: absolute;
      display: block;
      width: 100%;
      padding-top: 3.2em;
      color: #fff;
      font-size: 1.43847em;
      bottom: 0;
      padding-bottom: 0.33333em;
      padding-left: 0.5em;
      text-decoration: none;
      font-weight: 500;
      font-family: Tahoma, Geneva, sans-serif; }
    #navMain li a:hover {
      background-color: #ccc;
      color: #333; }
  #navMain li.current-menu-item, #navMain li.current-page-ancestor {
    background-color: #666; }
    #navMain li.current-menu-item a:link, #navMain li.current-menu-item a:active, #navMain li.current-menu-item a:visited, #navMain li.current-page-ancestor a:link, #navMain li.current-page-ancestor a:active, #navMain li.current-page-ancestor a:visited {
      color: #fff;
      font-weight: 700; }
  #navMain li.current {
    background-color: #fff; }
    #navMain li.current a:link, #navMain li.current a:active, #navMain li.current a:visited {
      color: #999; }

#loopHome {
  position: relative;
  display: block; }

#loopProjects {
  position: relative;
  display: block; }

article {
  _background-color: #efefef;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  behavior: url(http://www.educationincrisis.net/plugins/border-radius.htc);
  border-radius: 2px;
  margin-top: 1em;
  -moz-box-shadow: 0px 2px 3px #999;
  -webkit-box-shadow: 0px 2px 3px #999;
  box-shadow: 0px 2px 3px #999;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999');
  margin-bottom: 0.5em; }
  article .articleTeaser {
    position: relative;
    display: block;
    width: 100%;
    margin-right: 0;
    height: auto;
    background-position: top left;
    background-repeat: no-repeat;
    _overflow: hidden; }
    article .articleTeaser .headerPhoto {
      position: absolute;
      display: inline-block;
      padding-left: 0.4em;
      padding-bottom: 0.33333em;
      padding-top: 0.5em;
      padding-right: 2em;
      background-color: #fff;
      left: 0px;
      top: 10.4em;
      font-size: 1.6154em;
      width: auto;
      color: #919032;
      font-weight: 300;
      font-family: Tahoma, Geneva, sans-serif;
      margin-right: 2em; }
    article .articleTeaser .headerColor {
      position: relative;
      display: inline-block;
      padding-left: 0.5em;
      padding-bottom: 1em;
      padding-top: 0.25em;
      padding-right: 2em;
      left: 0px;
      _top: 4em;
      font-size: 1.6154em;
      width: auto;
      font-weight: 300;
      color: fff !important;
      font-family: Tahoma, Geneva, sans-serif; }
    article .articleTeaser h3 {
      position: absolute;
      display: inline-block;
      padding-left: 0.66667em;
      padding-bottom: 0.5em;
      padding-top: 0.5em;
      padding-right: 2em;
      left: 0px;
      bottom: 4em;
      font-size: 1.17693em;
      width: auto;
      font-weight: 300;
      color: fff !important;
      font-family: Tahoma, Geneva, sans-serif;
      background-color: #fff; }
    article .articleTeaser time {
      position: relative;
      display: block;
      font-size: 1.3077em;
      padding: 0.5em;
      padding-left: 0.6em;
      top: 8px;
      _margin-top: 1em;
      margin-bottom: 0.5em;
      color: #fff;
      font-weight: 300;
      font-family: Tahoma, Geneva, sans-serif; }
    article .articleTeaser .timePhoto {
      position: absolute;
      display: block;
      background-color: #fff;
      color: #919032;
      padding: 0.5em;
      margin-left: -0.5em;
      padding-left: 0.8em;
      padding-right: 2em;
      font-family: Tahoma, Geneva, sans-serif;
      font-weight: 300;
      color: #333; }
  article .articleContent {
    position: relative;
    display: block;
    height: auto;
    _background-color: #efefef;
    width: 100%;
    overflow: hidden; }
    article .articleContent .headerPhoto {
      position: relative;
      display: inline-block;
      padding-left: 0.5em;
      padding-bottom: 0.5em;
      padding-right: 2em;
      background-color: transparent;
      padding-top: 1em;
      font-size: 1.6154em;
      width: auto;
      color: #919032;
      font-weight: 100; }
    article .articleContent p {
      position: relative;
      display: inline-block;
      font-size: 1.3077em !important;
      line-height: 1.5em !important;
      padding-left: 0.66667em;
      padding-right: 1em;
      color: #333;
      font-family: Tahoma, Geneva, sans-serif; }
      article .articleContent p a:link, article .articleContent p a:active, article .articleContent p a:visited {
        color: #840000;
        text-decoration: none;
        font-weight: 700; }
      article .articleContent p a:hover {
        text-decoration: underline; }
    article .articleContent span {
      font-size: 1em !important; }
    article .articleContent p:first-child {
      padding-top: 1em; }
    article .articleContent time {
      position: relative !important;
      display: block;
      font-size: 1.3077em;
      padding: 0.5em;
      margin-left: -0.33333em;
      padding-left: 1em;
      padding-right: 2em;
      color: #919032 !important;
      height: auto;
      line-height: 1.25em;
      font-weight: 700; }
    article .articleContent h3 {
      position: relative;
      display: inline-block;
      padding-left: 0.66667em;
      padding-bottom: 0.5em;
      padding-right: 2em;
      font-size: 1.17693em;
      width: auto;
      font-weight: 700;
      color: #333333 !important;
      font-family: Tahoma, Geneva, sans-serif;
      background-color: #fff; }

.articlePhoto {
  position: relative;
  display: block;
  width: 100%;
  height: 200px;
  overflow: hidden;
  vertical-align: bottom; }
  .articlePhoto img {
    position: relative;
    display: block;
    width: 100%;
    height: auto; }

#loopHome li .articleHome {
  position: relative;
  display: inline-block;
  width: 29.5em;
  height: 29.5em;
  margin-left: 1em;
  float: left;
  overflow: hidden;
  height: auto; }

#loopHome .liArticle {
  position: relative;
  display: inline-block;
  width: 29.5em;
  height: 29.5em;
  margin-left: 1em;
  float: left;
  overflow: hidden;
  height: auto; }

#loopHome li:first-child .projects {
  float: right !important;
  margin-right: 1.5em; }

#loopHome li:first-child .articleHome, #loopHome li:first-child .projects {
  position: relative;
  display: inline-block;
  width: 59.75em;
  height: 59.75em;
  margin-left: 1em;
  float: left;
  overflow: hidden;
  height: auto; }
  #loopHome li:first-child .articleHome .articlePhoto, #loopHome li:first-child .projects .articlePhoto {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    overflow: hidden; }
    #loopHome li:first-child .articleHome .articlePhoto img, #loopHome li:first-child .projects .articlePhoto img {
      position: relative;
      display: block;
      width: auto;
      height: auto; }
  #loopHome li:first-child .articleHome .articleTeaser, #loopHome li:first-child .projects .articleTeaser {
    position: relative;
    display: inline-block;
    width: 50%;
    margin-right: 0;
    height: auto;
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
    float: left; }
    #loopHome li:first-child .articleHome .articleTeaser .headerPhoto, #loopHome li:first-child .projects .articleTeaser .headerPhoto {
      position: absolute;
      display: inline-block;
      padding-left: 0.4em;
      padding-bottom: 0.5em;
      padding-top: 0.5em;
      padding-right: 2em;
      background-color: #fff;
      left: 0px;
      top: 10.4em;
      font-size: 2.1154em;
      width: auto;
      color: #919032;
      font-weight: 100;
      font-family: Tahoma, Geneva, sans-serif;
      margin-right: 2em; }
    #loopHome li:first-child .articleHome .articleTeaser .headerColor, #loopHome li:first-child .projects .articleTeaser .headerColor {
      position: absolute;
      display: inline-block;
      padding-left: 0.5em;
      padding-bottom: 0.5em;
      padding-top: 0.5em;
      padding-right: 2em;
      left: 0px;
      top: 4em;
      font-size: 1.93848em;
      width: auto;
      font-weight: 300;
      color: fff !important;
      font-family: Tahoma, Geneva, sans-serif; }
    #loopHome li:first-child .articleHome .articleTeaser h3, #loopHome li:first-child .projects .articleTeaser h3 {
      position: absolute;
      display: inline-block;
      padding-left: 0.66667em;
      padding-bottom: 0.5em;
      padding-top: 0.5em;
      padding-right: 2em;
      left: 0px;
      font-size: 1.17693em;
      width: auto;
      font-weight: 300;
      color: fff !important;
      font-family: Tahoma, Geneva, sans-serif;
      background-color: #fff; }
    #loopHome li:first-child .articleHome .articleTeaser time, #loopHome li:first-child .projects .articleTeaser time {
      position: absolute;
      display: block;
      font-size: 1.3077em;
      padding: 0.5em;
      padding-left: 0.6em;
      top: 16px;
      margin-bottom: 1em;
      color: #fff;
      font-weight: 300;
      font-family: Tahoma, Geneva, sans-serif; }
    #loopHome li:first-child .articleHome .articleTeaser .timePhoto, #loopHome li:first-child .projects .articleTeaser .timePhoto {
      background-color: #fff;
      color: #919032;
      padding: 0.5em;
      margin-left: -0.5em;
      padding-left: 0.8em;
      padding-right: 2em;
      font-family: Tahoma, Geneva, sans-serif;
      font-weight: 300; }
  #loopHome li:first-child .articleHome .articleContent, #loopHome li:first-child .projects .articleContent {
    position: relative;
    display: inline-block;
    height: auto;
    width: 49.5%;
    overflow: hidden; }
    #loopHome li:first-child .articleHome .articleContent .headerPhoto, #loopHome li:first-child .projects .articleContent .headerPhoto {
      position: relative;
      display: inline-block;
      padding-left: 0.5em;
      padding-bottom: 0.5em;
      padding-top: 0.5em;
      padding-right: 2em;
      background-color: transparent;
      font-size: 2.1154em;
      width: auto;
      color: #919032;
      font-weight: 300; }
    #loopHome li:first-child .articleHome .articleContent p, #loopHome li:first-child .projects .articleContent p {
      position: relative;
      display: inline-block;
      font-size: 1.3077em;
      line-height: 1.25em;
      padding-left: 0.8em;
      padding-right: 1em;
      color: #333;
      font-family: Tahoma, Geneva, sans-serif; }
      #loopHome li:first-child .articleHome .articleContent p a:link, #loopHome li:first-child .articleHome .articleContent p a:active, #loopHome li:first-child .articleHome .articleContent p a:visited, #loopHome li:first-child .projects .articleContent p a:link, #loopHome li:first-child .projects .articleContent p a:active, #loopHome li:first-child .projects .articleContent p a:visited {
        color: #840000;
        text-decoration: none;
        font-weight: 700; }
      #loopHome li:first-child .articleHome .articleContent p a:hover, #loopHome li:first-child .projects .articleContent p a:hover {
        text-decoration: underline; }
    #loopHome li:first-child .articleHome .articleContent p:first-child, #loopHome li:first-child .projects .articleContent p:first-child {
      padding-top: 1em; }
    #loopHome li:first-child .articleHome .articleContent time, #loopHome li:first-child .projects .articleContent time {
      position: relative !important;
      display: block;
      font-size: 1.3077em;
      padding: 0.5em;
      margin-left: -0.33333em;
      padding-left: 1em;
      padding-right: 2em;
      color: #919032 !important;
      height: auto;
      line-height: 1.25em;
      font-weight: 700; }

article.projects, article.handig {
  position: relative;
  display: inline-block;
  width: 14.42857em;
  margin-left: 1em;
  float: left;
  overflow: hidden;
  height: 14.3em;
  _background-color: #919032; }
  article.projects .projectTeaser, article.handig .projectTeaser {
    position: relative;
    display: block; }
    article.projects .projectTeaser img, article.handig .projectTeaser img {
      position: relative;
      display: block;
      width: 100%;
      height: auto; }
    article.projects .projectTeaser .headerPhoto, article.handig .projectTeaser .headerPhoto {
      position: absolute;
      display: inline-block;
      padding-left: 0.25em;
      padding-bottom: 0.25em;
      padding-top: 0.25em;
      padding-right: 0.5em;
      background-color: #fff;
      left: 0px;
      bottom: 1.5em;
      font-size: 1.29232em;
      width: auto;
      font-weight: 400;
      font-family: Tahoma, Geneva, sans-serif; }
      article.projects .projectTeaser .headerPhoto a:link, article.projects .projectTeaser .headerPhoto a:active, article.projects .projectTeaser .headerPhoto a:visited, article.handig .projectTeaser .headerPhoto a:link, article.handig .projectTeaser .headerPhoto a:active, article.handig .projectTeaser .headerPhoto a:visited {
        color: #000;
        font-weight: 300;
        text-decoration: none; }
    article.projects .projectTeaser .headerColor, article.handig .projectTeaser .headerColor {
      position: absolute;
      display: inline-block;
      padding-left: 0.5em;
      padding-bottom: 0.25em;
      padding-top: 0.25em;
      padding-right: 1em;
      background-color: #919032;
      left: 0px;
      bottom: 1em;
      font-size: 1.77694em;
      width: auto;
      font-weight: 400;
      font-family: Times New Roman, Times New Roman, Times, serif; }
      article.projects .projectTeaser .headerColor a:link, article.projects .projectTeaser .headerColor a:active, article.projects .projectTeaser .headerColor a:visited, article.handig .projectTeaser .headerColor a:link, article.handig .projectTeaser .headerColor a:active, article.handig .projectTeaser .headerColor a:visited {
        color: #fff;
        font-weight: 300;
        text-decoration: none; }
      article.projects .projectTeaser .headerColor a:hover, article.handig .projectTeaser .headerColor a:hover {
        text-decoration: underline; }

.subNav {
  position: relative;
  display: inline-block;
  width: 14.42857em;
  margin-left: 1em;
  float: left;
  overflow: hidden;
  height: 29.5em;
  margin-top: 0.2em;
  overflow: hidden;
  margin-bottom: 0; }
  .subNav ol {
    position: relative;
    display: block;
    overflow: hidden;
    height: 30em; }
  .subNav li {
    position: relative;
    display: block;
    height: 9.16667em;
    margin-bottom: 1em;
    background-color: #ccc;
    overflow: hidden; }
    .subNav li a:link, .subNav li a:active, .subNav li a:visited {
      position: absolute;
      display: block;
      width: 100%;
      padding-top: 5.6em;
      color: #333;
      font-size: 1.43847em;
      bottom: 0;
      padding-bottom: 0.33333em;
      padding-left: 0.66667em;
      text-decoration: none;
      font-weight: 400;
      font-family: Tahoma, Geneva, sans-serif; }
    .subNav li a:hover {
      background-color: #999; }
    .subNav li a.dimmed:link, .subNav li a.dimmed:active, .subNav li a.dimmed:visited {
      background-color: #ccc; }
    .subNav li a.dimmed:hover {
      background-color: #999; }
    .subNav li a.static:link, .subNav li a.static:active, .subNav li a.static:visited {
      background-color: #666;
      color: #fff; }
    .subNav li a.static:hover {
      background-color: #666; }

.subNav_projekten, .subNav_handig {
  position: relative;
  display: inline-block;
  width: 14.42857em;
  margin-left: 1em;
  float: left;
  overflow: hidden;
  height: 29.5em;
  margin-top: 1em;
  overflow: hidden;
  margin-bottom: 0;
  margin-top: 0.33333em !important; }
  .subNav_projekten ol, .subNav_handig ol {
    position: relative;
    display: block;
    overflow: hidden;
    height: 30em; }
  .subNav_projekten li, .subNav_handig li {
    position: relative;
    display: block;
    height: 5.15em;
    margin-bottom: 1em;
    background-color: #ccc;
    overflow: hidden; }
    .subNav_projekten li a:link, .subNav_projekten li a:active, .subNav_projekten li a:visited, .subNav_handig li a:link, .subNav_handig li a:active, .subNav_handig li a:visited {
      position: absolute;
      display: block;
      width: 100%;
      padding-top: 5.6em;
      color: #333;
      font-size: 1.3077em;
      bottom: 0;
      padding-bottom: 0.33333em;
      padding-left: 0.66667em;
      text-decoration: none;
      font-weight: 400;
      font-family: Tahoma, Geneva, sans-serif; }
    .subNav_projekten li a:hover, .subNav_handig li a:hover {
      background-color: #999; }
    .subNav_projekten li a.dimmed:link, .subNav_projekten li a.dimmed:active, .subNav_projekten li a.dimmed:visited, .subNav_handig li a.dimmed:link, .subNav_handig li a.dimmed:active, .subNav_handig li a.dimmed:visited {
      background-color: #ccc; }
    .subNav_projekten li a.dimmed:hover, .subNav_handig li a.dimmed:hover {
      background-color: #999; }
    .subNav_projekten li a.static:link, .subNav_projekten li a.static:active, .subNav_projekten li a.static:visited, .subNav_handig li a.static:link, .subNav_handig li a.static:active, .subNav_handig li a.static:visited {
      background-color: #666;
      color: #fff;
      font-weight: 700 !important; }
    .subNav_projekten li a.static:hover, .subNav_handig li a.static:hover {
      background-color: #999; }

.projects .headerPhoto, .projects .headerColor,
.handig .headerPhoto, .handig .headerColor {
  position: absolute;
  top: 88px !important;
  bottom: auto !important;
  display: inline-block;
  padding-left: 0.5em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  padding-right: 2em;
  background-color: transparent;
  font-size: 2.1154em;
  width: auto;
  color: #919032;
  font-weight: 300; }

.projects .headerColor a:link, .projects .headerColor a:active, .projects .headerColor a:visited,
.handig .headerColor a:link, .handig .headerColor a:active, .handig .headerColor a:visited {
  color: #fff;
  font-size: 0.88847em;
  text-decoration: none; }

.nieuwsbrief h2 {
  display: none; }
.nieuwsbrief #mc_embed_signup {
  font-family: Tahoma, Helvetica, sans; }
  .nieuwsbrief #mc_embed_signup br {
    display: none !important; }
.nieuwsbrief .clear {
  text-align: right; }
  .nieuwsbrief .clear input {
    margin-right: 20px !important;
    font-size: 0.8077em !important; }

.singleLoop {
  position: relative;
  display: inline-block;
  width: 29.42857em;
  margin-left: 1em;
  float: left;
  overflow: hidden;
  margin-left: 0 !important;
  width: 32em !important; }
  .singleLoop .projects {
    float: left; }

#footer {
  position: relative;
  display: block;
  padding: 1em;
  background-color: #efefef;
  height: 2.4em;
  margin-top: 2em;
  -moz-box-shadow: 0px -2px 3px #999;
  -webkit-box-shadow: 0px -2px 3px #999;
  box-shadow: 0px -2px 3px #999;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=270, Color='#999999')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=270, Color='#999999'); }
  #footer a:link, #footer a:active, #footer a:visited {
    color: #000;
    text-decoration: none;
    margin-right: 1em;
    font-size: 1.3077em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-top: -0.5em; }

.single {
  position: relative;
  display: inline-block;
  width: 59.42857em;
  margin-left: 1em;
  float: left;
  overflow: hidden;
  width: 58.4em;
  padding: 1em;
  padding-left: 0;
  padding-right: 2em;
  background-color: #fefefe;
  margin-top: 1em;
  float: right; }
  .single h2 {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 3.4231em;
    font-weight: 100;
    margin-bottom: 0.5em;
    color: #919032; }
  .single h3 {
    position: relative;
    display: block;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 2.1154em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    font-weight: 300;
    margin-left: 2.66em;
    line-height: 1.33em;
    padding-right: 2em; }
  .single h4 {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 1.6154em;
    margin-top: 1em;
    margin-left: 3.6em;
    font-weight: 300;
    margin-bottom: 0.25em; }
  .single p {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 1.43847em;
    line-height: 1.33em;
    margin-bottom: 1em;
    font-weight: 300;
    padding-left: 4em;
    position: relative;
    display: block; }
    .single p a:link, .single p a:active, .single p a:visited {
      color: #840000;
      text-decoration: none;
      font-weight: 700; }
    .single p a:hover {
      text-decoration: underline; }
    .single p img {
      position: relative;
      float: left;
      margin-right: 1em; }
  .single p + p {
    margin-top: 0.5em; }
  .single #singleImg {
    position: relative;
    display: block;
    margin-right: 1em;
    margin-bottom: 0.5em; }

.update {
  margin-top: 1em;
  color: #666;
  margin-bottom: 2em;
  margin-left: 6em !important; }

#loopHome .niewsbrief {
  padding-bottom: 2em; }
  #loopHome .niewsbrief .text {
    position: relative;
    display: block;
    padding: 1em; }
    #loopHome .niewsbrief .text h3 {
      font-size: 2.6154em;
      font-weight: 300;
      margin-bottom: 0.5em;
      color: #919032; }
    #loopHome .niewsbrief .text h4 {
      font-size: 1.6154em;
      font-weight: 700;
      padding-left: 3.2em;
      color: #666; }
    #loopHome .niewsbrief .text p + h4 {
      margin-top: 1em;
      margin-bottom: 0.5em; }
    #loopHome .niewsbrief .text ul + h4, #loopHome .niewsbrief .text ol + h4 {
      margin-top: 1.5em;
      margin-bottom: 0.5em; }
    #loopHome .niewsbrief .text p {
      position: relative;
      display: block;
      font-size: 1.3077em;
      line-height: 1.33em;
      padding-left: 4em; }
      #loopHome .niewsbrief .text p a:link, #loopHome .niewsbrief .text p a:active, #loopHome .niewsbrief .text p a:visited {
        text-decoration: none;
        color: #c00; }
    #loopHome .niewsbrief .text p + p {
      margin-top: 0.5em; }
    #loopHome .niewsbrief .text img {
      position: relative;
      margin-bottom: 1em;
      margin-left: -4em; }
    #loopHome .niewsbrief .text ul, #loopHome .niewsbrief .text ol {
      padding-left: 5.2em; }
      #loopHome .niewsbrief .text ul li, #loopHome .niewsbrief .text ol li {
        font-size: 1.3077em;
        margin-bottom: 0.66667em;
        background-image: url(img/com_arrow.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 1.6em; }
        #loopHome .niewsbrief .text ul li a:link, #loopHome .niewsbrief .text ul li a:active, #loopHome .niewsbrief .text ul li a:visited, #loopHome .niewsbrief .text ol li a:link, #loopHome .niewsbrief .text ol li a:active, #loopHome .niewsbrief .text ol li a:visited {
          text-decoration: none;
          color: #c00; }

.wpcf7 {
  position: relative !important;
  display: inline-block !important;
  margin-top: 2em !important; }

.clr {
  position: relative;
  display: block;
  line-height: 0.1em;
  clear: both;
  height: 0.01em; }

#articleHome {
  width: 597px !important;
  margin-left: 1em; }
  #articleHome h3 {
    font-size: 2.6154em;
    font-weight: 300;
    color: #919032;
    padding-top: 0.5em; }
  #articleHome .results {
    position: relative !important;
    display: inline-block !important;
    background-color: white !important;
    width: auto !important;
    height: auto !important;
    float: none !important;
    padding: 1em !important; }
    #articleHome .results h4 a:link, #articleHome .results h4 a:active, #articleHome .results h4 a:visited {
      position: relative;
      display: block;
      text-decoration: none;
      color: #666;
      font-size: 1.6154em;
      margin-bottom: 0.25em; }
    #articleHome .results h4 a:hover {
      text-decoration: underline; }
    #articleHome .results p {
      font-size: 1.3077em;
      line-height: 1.33em; }
      #articleHome .results p a:link, #articleHome .results p a:active, #articleHome .results p a:visited {
        text-decoration: none;
        color: #c00; }

.articlePhoto {
  border: 0.8em white solid;
  width: auto; }