@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,300italic,400,400italic,500,500italic,700,700italic);
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, fieldset, legend { margin: 0; padding: 0; }

ul, ol { list-style: none; }

a { text-decoration: none; }

fieldset { border: 0; }

img { border: none; }

.clear:after { content: "\0000a0"; display: block; height: 0; clear: both; visibility: hidden; }

.none { display: none; }

.block { display: block; }

.table-row { display: table-row; }

header, nav, footer { display: block; }

body { background: #fff; }

/****************** Site ******************/
#site { font-family: ubuntu; /* backgrounds */ /* Terugkomende classes */ /****************** Header ******************/ /****************** Nieuwsitem ******************/ /****************** Content ******************/ /****************** Nieuwsoverzicht ******************/ /****************** Teasers ******************/ /****************** Projecten ******************/ /****************** Middletext ******************/ /****************** Footer ******************/ }
#site .bg-black { background: #000 url(../images/bg-black.png) center bottom no-repeat; color: #fff; }
#site .bg-grey { background: #eaeaea; }
#site .knop { clear: both; padding: 40px 14px; text-align: center; }
#site .knop a { display: inline-block; margin: 0 auto; padding: 11px 30px; color: #000; font-weight: 500; font-size: 2rem; text-transform: uppercase; border: 4px solid #000; }
#site .knop a.wit { color: #fff; border: 4px solid #fff; }
@media (min-width: 768px) { #site .knop a { padding: 11px 50px; } }
#site header { min-height: 103px; }
#site header .navbar-default #logo { float: left; display: block; width: 50%; }
#site header .navbar-default #logo img { width: 100%; }
@media (min-width: 768px) { #site header .navbar-default #logo { width: 190px; } }
#site header .navbar-default .navbar-nav { margin-top: 25px; }
#site header .navbar-default .navbar-nav li a { color: #000; text-transform: uppercase; font-weight: 500; font-size: 1.5rem; line-height: 3.9rem; }
#site header .navbar-default .navbar-nav li a.slideshow { display: none; }
@media (min-width: 768px) { #site header .navbar-default .navbar-nav li a.slideshow { display: block; padding: 0; } }
@media (min-width: 992px) { #site header .navbar-default .navbar-nav li a.slideshow { padding: 0 10px 0 0; } }
#site header .navbar-default .navbar-nav li a:hover, #site header .navbar-default .navbar-nav li a.active { color: #fff; background: #000; }
#site header .navbar-default .navbar-nav li a.slideshow:hover, #site header .navbar-default .navbar-nav li a.slideshow.active { color: #fff; background: transparent; }
@media (min-width: 768px) { #site header .navbar-default .navbar-nav li a { font-size: 1.4rem; } }
@media (min-width: 992px) { #site header .navbar-default .navbar-nav li a { font-size: 1.7rem; } }
@media (min-width: 768px) { #site header .navbar-default .navbar-nav { margin-top: 13px; } }
@media (min-width: 992px) { #site header .navbar-default .navbar-nav { margin-top: 25px; } }
#site header .header { margin-top: -56px; }
#site header .header .item { min-height: 400px; }
@media (min-width: 768px) { #site header .header .item { /*min-height:631px;*/ min-height: 920px; } }
#site .nieuwsitem { margin-top: -56px; padding-top: 90px; background: #ebebeb; }
#site .nieuwsitem .wrap { overflow: hidden; width: 100%; max-width: 1093px; margin: 0 auto; padding: 0 15px; }
#site .nieuwsitem .wrap figure { width: 100%; margin-bottom: 30px; }
#site .nieuwsitem .wrap figure img { width: 100%; }
#site .nieuwsitem .wrap .omschrijving { float: right; width: 100%; }
#site .nieuwsitem .wrap .omschrijving p.datum { padding: 7px 15px; display: inline-block; color: #fff; background: #000; font-size: 1.6rem; }
#site .nieuwsitem .wrap .omschrijving h1 { color: #000; text-transform: uppercase; font-size: 3rem; line-height: 3rem; font-weight: 500; padding: 0 0 8px; }
@media (min-width: 768px) { #site .nieuwsitem .wrap .omschrijving h1 { font-size: 2.5rem; line-height: 2.5rem; } }
@media (min-width: 992px) { #site .nieuwsitem .wrap .omschrijving h1 { font-size: 3.6rem; line-height: 3.6rem; } }
#site .nieuwsitem .wrap .omschrijving p { color: #000; font-size: 1.4rem; line-height: 2.3rem; padding: 0 0 27px; }
#site .nieuwsitem .wrap .omschrijving p a { color: #000; text-decoration: underline; }
#site .nieuwsitem .wrap .omschrijving .knop { display: inline-block; border: 3px solid #000; padding: 10px 26px; color: #000; font-size: 2.1rem; text-transform: uppercase; }
@media (min-width: 768px) { #site .nieuwsitem .wrap figure { float: left; width: calc(66.666% - 28px); }
  #site .nieuwsitem .wrap .omschrijving { float: right; width: 33.333%; } }
#site #content { /*background:#ebebeb;*/ }
#site #content .wrap { overflow: hidden; width: 100%; max-width: 1093px; margin: 0 auto; }
#site #content .wrap .vlak { margin: 14px 14px 0; padding: 26px 37px; background: url(../images/wit.png) 0 0 repeat; overflow: hidden; }
#site #content .wrap .vlak h1 { color: #000; text-transform: uppercase; font-size: 3rem; line-height: 3rem; font-weight: 500; padding: 0 0 8px; }
#site #content .wrap .vlak p.datum { padding: 3px 15px; display: inline-block; color: #fff; background: #000; font-size: 1.6rem; }
@media (min-width: 768px) { #site #content .wrap .vlak p.datum { margin-left: 37px; } }
#site #content .wrap .vlak a.terug { display: none; color: #000; float: right; font-size: 1.6rem; line-height: 2.7rem; }
@media (min-width: 768px) { #site #content .wrap .vlak a.terug { display: inline-block; } }
#site #content .wrap .vlak p { color: #000; font-size: 1.4rem; line-height: 2.3rem; padding: 0 0 27px; }
#site #content .wrap .vlak p a { color: #000; text-decoration: underline; }
@media (min-width: 768px) { #site #content .wrap .vlak h1 { font-size: 2.5rem; line-height: 2.5rem; padding: 0 37px 8px; }
  #site #content .wrap .vlak p { font-size: 1.4rem; line-height: 1.9rem; padding: 0 37px 27px; } }
@media (min-width: 992px) { #site #content .wrap .vlak h1 { font-size: 3.6rem; line-height: 3.6rem; }
  #site #content .wrap .vlak p { font-size: 1.6rem; line-height: 2.7rem; } }
#site #content .wrap .vlak .vlakimages a { display: inline-block; margin: 0 8px 8px 0; }
#site #content .wrap .vlak .vlakimages a img { max-width: 111px; }
@media (min-width: 768px) { #site #content .wrap .vlak .vlakimages { padding: 0 37px; }
  #site #content .wrap .vlak .vlakimages a { margin: 0 11px 11px 0; } }
#site #content .wrap .vlak div.formwrap { padding: 0 0 0 0px; width: 100%; }
#site #content .wrap .vlak #contact-form { padding: 0 0 0 0px; width: 100%; overflow: hidden; }
#site #content .wrap .vlak #contact-form dt { clear: left; width: 100%; }
#site #content .wrap .vlak #contact-form dt label { font-size: 1.6rem; font-weight: 400; }
#site #content .wrap .vlak #contact-form dd { margin-bottom: 17px; width: 100%; }
#site #content .wrap .vlak #contact-form dd input.text { width: 100%; border: 1px solid #000; font-size: 1.6rem; }
#site #content .wrap .vlak #contact-form dd #postcode { display: inline-block; width: 108px; }
#site #content .wrap .vlak #contact-form dd #city { display: inline-block; margin-left: 12px; width: calc(100% - 123px); }
#site #content .wrap .vlak #contact-form dd textarea { width: 100%; height: 95px; border: 1px solid #000; font-size: 1.6rem; }
#site #content .wrap .vlak #contact-form dd .button { float: right; padding: 6px 13px; border: 0; background: #000; color: #fff; font-size: 1.6rem; text-transform: uppercase; }
@media (min-width: 768px) { #site #content .wrap .vlak div.formwrap { float: left; padding: 0 0 0 37px; width: 55.4414784394%; margin-right: 38px; }
  #site #content .wrap .vlak #contact-form { float: left; width: 100%; }
  #site #content .wrap .vlak #contact-form dt { float: left; width: 160px; margin-bottom: 17px; }
  #site #content .wrap .vlak #contact-form dd { padding-left: 160px; } }
@media (min-width: 992px) { #site #content .wrap .vlak #contact-form { margin-right: 80px; } }
#site #content .wrap .vlak ul.gegevens { width: 100%; }
#site #content .wrap .vlak ul.gegevens li.titel { font-weight: 500; }
#site #content .wrap .vlak ul.gegevens li.space { margin-bottom: 27px; }
#site #content .wrap .vlak ul.gegevens li { font-size: 1.6rem; line-height: 2.7rem; }
#site #content .wrap .vlak ul.gegevens li a { color: #000; }
@media (min-width: 768px) { #site #content .wrap .vlak ul.gegevens { float: left; width: 35.9342915811%; } }
#site #content .wrap .images { margin-top: 43px; }
#site #content .wrap .images img { display: block; width: calc(100% - 28px); margin: 0 14px 28px; }
@media (min-width: 768px) { #site #content .wrap .images img { float: left; display: block; width: calc(33.33% - 28px); margin: 0 14px 0; } }
@media (min-width: 768px) { #site #content .wrap { position: relative; /*top: -128px;*/ margin-top: -728px; margin-bottom: 30px; }
  #site #content .wrap .vlak { margin-top: 0; padding: 26px 37px 26px 0; } }
#site #nieuwsoverzicht { padding: 34px 0 0 0; background: #ebebeb; }
#site #nieuwsoverzicht .wrap { overflow: hidden; width: 100%; max-width: 1093px; margin: 0 auto; }
#site #nieuwsoverzicht .wrap div.row { overflow: hidden; margin: 0; }
#site #nieuwsoverzicht .wrap a.teaser { float: left; display: block; width: calc(100% - 28px); margin: 19px 14px 0; padding: 26px 0 0; background: #fff; }
#site #nieuwsoverzicht .wrap a.teaser h3 { color: #000; text-transform: uppercase; font-size: 3rem; line-height: 3rem; font-weight: 500; padding: 0 37px 8px; }
#site #nieuwsoverzicht .wrap a.teaser p { color: #000; font-size: 1.4rem; line-height: 2.3rem; padding: 0 37px 27px; }
#site #nieuwsoverzicht .wrap a.teaser .teasimg { width: 100%; }
@media (min-width: 768px) { #site #nieuwsoverzicht .wrap a.teaser { width: calc(33% - 28px); margin: 0 14px 30px; }
  #site #nieuwsoverzicht .wrap a.teaser h3 { font-size: 2.5rem; line-height: 2.5rem; }
  #site #nieuwsoverzicht .wrap a.teaser p { font-size: 1.4rem; line-height: 1.9rem; } }
@media (min-width: 992px) { #site #nieuwsoverzicht .wrap a.teaser h3 { font-size: 2.5rem; line-height: 2.5rem; }
  #site #nieuwsoverzicht .wrap a.teaser p { font-size: 1.6rem; line-height: 2.7rem; } }
#site #teasers { /*background:#ebebeb;*/ }
#site #teasers .wrap { overflow: hidden; width: 100%; max-width: 1093px; margin: 0 auto; }
#site #teasers .wrap div.teasers { overflow: hidden; }
#site #teasers .wrap a.teaser { float: left; display: block; width: calc(100% - 28px); margin: 19px 14px 0; padding: 26px 0 0; background: #fff; }
#site #teasers .wrap a.teaser h3 { color: #000; text-transform: uppercase; font-size: 3rem; line-height: 3rem; font-weight: 500; padding: 0 37px 8px; }
#site #teasers .wrap a.teaser p { color: #000; font-size: 1.4rem; line-height: 2.3rem; padding: 0 37px 27px; }
#site #teasers .wrap a.teaser .teasimg { width: 100%; }
@media (min-width: 768px) { #site #teasers .wrap a.teaser { width: calc(33% - 28px); margin: 0 14px; }
  #site #teasers .wrap a.teaser h3 { font-size: 2.5rem; line-height: 2.5rem; }
  #site #teasers .wrap a.teaser p { font-size: 1.4rem; line-height: 1.9rem; } }
@media (min-width: 992px) { #site #teasers .wrap a.teaser h3 { font-size: 3.6rem; line-height: 3.6rem; }
  #site #teasers .wrap a.teaser p { font-size: 1.6rem; line-height: 2.7rem; } }
#site #teasers.no-bg { padding-bottom: 33px; }
@media (min-width: 768px) { #site #teasers { max-height: 355px; margin-top: -355px; /*background: url(../images/teaser-bg.jpg) center 0 no-repeat;
background-size: cover;*/ }
  #site #teasers .wrap { position: relative; top: -240px; }
  #site #teasers .wrap.no-top { /*top:0;*/ top: 80px; padding-bottom: 80px; }
  #site #teasers.no-bg { max-height: none; margin-top: 0px; /*margin-top:-95px;*/ /*margin-top:-651px;*/ } }
@media (min-width: 992px) { #site #teasers { max-height: 440px; margin-top: -440px; } }
#site section[role="projecten"] { clear: both; overflow: hidden; width: 100%; max-width: 1095px; margin: 0 auto; }
#site section[role="projecten"] .project { display: block; width: calc(100% - 28px); margin: 34px 14px 0; background: #fff; }
#site section[role="projecten"] .project .projectimg { width: 100%; }
#site section[role="projecten"] .project h3 { padding: 15px 37px; color: #000; font-weight: 500; text-transform: uppercase; font-size: 3rem; line-height: 3rem; }
@media (min-width: 768px) { #site section[role="projecten"] { margin-top: -56px; padding-top: 56px; }
  #site section[role="projecten"] .project { float: left; width: calc(33.333% - 28px); margin: 34px 14px 0; }
  #site section[role="projecten"] .project h3 { font-size: 2.5rem; line-height: 2.5rem; }
  #site section[role="projecten"] .breakline { width: 100%; height: 1px; clear: both; } }
#site section[role="middletext"] { width: 100%; max-width: 1095px; margin: 0 auto; padding: 42px 15px; }
#site section[role="middletext"] h2 { margin-bottom: 23px; font-size: 3rem; line-height: 3rem; text-transform: uppercase; font-weight: 500; }
#site section[role="middletext"] p { font-size: 1.4rem; line-height: 2.7rem; }
@media (min-width: 768px) { #site section[role="middletext"] { padding: 65px 15px; text-align: center; }
  #site section[role="middletext"] h2 { font-size: 3.5rem; line-height: 3.5rem; text-transform: uppercase; font-weight: 500; }
  #site section[role="middletext"] p { font-size: 1.6rem; } }
@media (min-width: 992px) { #site section[role="middletext"] { padding: 80px 15px; }
  #site section[role="middletext"] h2 { font-size: 4.5rem; line-height: 4.5rem; text-transform: uppercase; font-weight: 500; } }
#site footer { overflow: hidden; width: 100%; max-width: 1095px; margin: 0 auto; padding: 40px 15px; }
#site footer .left { float: left; width: 100%; }
#site footer .left .footul { overflow: hidden; }
#site footer .left .footul li { font-weight: 500; font-size: 1.7rem; line-height: 2.6rem; text-transform: uppercase; }
#site footer .left .footul li a { color: #000; }
@media (min-width: 992px) { #site footer .left .footul li { float: left; margin-left: 19px; padding-left: 21px; background: url(../images/footul.gif) left center no-repeat; }
  #site footer .left .footul li:first-child { background: none; margin-left: 0; padding-left: 0; } }
#site footer .left p.media { margin-top: 26px; clear: both; color: #767676; font-size: 1.3rem; line-height: 2.6rem; text-transform: uppercase; }
#site footer .left p.media a { color: #767676; }
#site footer .right { clear: both; width: 230px; padding-top: 26px; }
#site footer .right a { margin-right: 25px; }
@media (min-width: 768px) { #site footer .left { width: calc(100% - 230px); }
  #site footer .right { clear: none; float: right; padding-top: 0px; } }
@media (min-width: 992px) { #site footer { padding: 83px 15px; } }

.slideshowpage { overflow-y: hidden; }
.slideshowpage #site header .top { position: relative; z-index: 1000; width: 100%; max-width: 1065px; height: 182px; margin: 0 auto; }
.slideshowpage #site header .top #logo { display: inline-block; height: 182px; }
.slideshowpage #site header .top .close { position: absolute; right: 0; top: 90px; color: #000; background: #fff; font-size: 30px; opacity: 1; border: 2px solid #000; }
.slideshowpage #site header .header { margin-top: -182px; }
.slideshowpage .carousel-control .glyphicon-chevron-left, .slideshowpage .carousel-control .glyphicon-chevron-right, .slideshowpage .carousel-control .icon-prev, .slideshowpage .carousel-control .icon-next { width: 100px; height: 100px; font-size: 100px; }