/*
thin 100
light 300
normal 400
bold 700

008b49

*/

body{margin-top:52px; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 15px; line-height: 26px; color: #1d1d1b; background-color: #efefef; }

a:link, a:hover, a:active, a:focus { outline: 0; }

h1{ margin-top: 0px; margin-bottom: 10px; font-weight: 400; font-size: 24px; color: #008b49; text-align: left; }
h2{ margin-top: 0px; margin-bottom: 29px; font-weight: 400; font-size: 22px; color: #1d1d1b;  text-align: left; }
h2.homepage{ margin-top: 0px; margin-bottom: 14px; }
h2.homepage a { color: #1d1d1b; text-decoration: none!important; border-bottom: none!important; }


.bg-white{ background-color: #FFF; }
.bg-grey{ background-color: #E6E6E6; }
.bg-light-grey{ background-color: #f4f4f4; }
.bg-dark-grey{ background-color: #c1c1c1; }
.bg-orange{ background-color: #008b49; }

ul{ padding-top: 0px; }
ul li{ margin-top: 0px; }

.fluid-mobile{ margin-right: 0px; margin-left: 0px; padding-left: 15px; padding-right: 15px; }

/* reset */
img{ border: none; }
.force-overflow{ overflow: auto; }
.col-no-padding{ padding-left: 0px; padding-right: 0px; }

img.flip {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

.table-bordered th,
.table-bordered td {
	border: 1px solid #9b9d9f !important;
	text-align:center;
}

.table-info-xs{ width: 100%; text-align: center; }

/* ALGEMEEN */
.header{width:100%; position:fixed; top:0; z-index:1050;}

#logo{ margin-top: 35px; margin-left: 30px; margin-bottom: 35px; width: 95px; float: left; overflow: hidden; }
#logo img{ width: 200px; height: 50px; }

.language-top { position: absolute; right: 0; margin-right: 15px; top: 10px; }
.select2 { width: 120px!important; }
.select2 span, .select2-container span { font-size: 13px; }
.select2 span img, .select2-container span img { vertical-align: inherit; }

/* nav */
.navbar-brand img{max-height:100%;}
.navbar-toggle{ margin-top: 43px; margin-right: 30px; padding-top: 3px; padding-right: 15px; padding-bottom: 3px; padding-left: 15px; float: right; font-size: 15px; font-weight: 700; border-left: solid 2px #008b49; border-right: solid 2px #008b49; border-radius: 0px;  }
.navbar-collapse{ padding-right: 0px; padding-left: 0px; width: 100%; float: left; }

.nav{ margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px;  width: 100%; float: right; font-size: 0px; }
.nav li{ padding-top: 0px; padding-left: 30px; width: 100%; font-size: 15px; border-top: solid 1px #1d1d1b; border-left: none; }
.nav li.grey{ background-color: #f4f4f4; }
.nav li.first{ border-left: none; }
.nav li.first a{ padding-left: 1px; }
.nav li:last-child a{ padding-right: 0px; }
.nav li a{ text-transform: lowercase; padding-top: 12px; padding-right: 1px; padding-bottom: 15px; padding-left: 1px; line-height: 18px; color: #1d1d1b; -webkit-transition: color 0.5s; -moz-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s; }
.nav li.active a{ color: #008b49; }
.nav > li > a:hover,
.nav > li > a:focus{ color: #008b49; background-color: rgba(255,255,255,0); }

/* footer */
.language{ margin-top: 30px; margin-bottom: 30px; padding-left: 15px; float: left; font-size: 0px; }
.language li{ margin-right: 10px; list-style: none; display: inline; }
.language li img{ width: 19px; height: 14px; }

.footer{ margin-top: 32px; margin-right: 5px; float: right; font-size: 0px; }
.footer li{ padding-left: 10px; padding-right: 10px; list-style: none; display: none; font-size: 13px; line-height: 13px; border-left: solid 1px #FFF; }
.footer.keuzepagina{margin-right:0px; }
.footer.keuzepagina li{ display: inline; }
.footer li.first{ padding-left: 0px; border-left: none; }
.footer li.social{ padding-left: 0px; border-left: none; display: inline-block; }
.footer li.social a{ -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; }
.footer li.social a:hover{ border-bottom: none; opacity: 0.8; }
.footer li a{ text-transform: lowercase; color: #FFF; text-decoration: none; }
.footer li a:hover{ color: #FFF; border-bottom: dotted 1px #FFF; }
.footer li img{ margin-top: -1px !important; height: 16px; }

#footer-map{width: 100%; height: 300px;}

/* KEUZEPAGINA */
.keuzepagina-wrapper{ margin-top: 30px; -webkit-box-shadow: 0 0 15px #061624; -moz-box-shadow: 0 0 15px #061624; box-shadow: 0 0 15px #061624; -webkit-transition: opacity 0.75s; -moz-transition: opacity 0.75s; -o-transition: opacity 0.75s; transition: opacity 0.75s; }
.keuzepagina-wrapper:hover{ opacity: 0.75; }
.keuzepagina-wrapper img{ width: 100%; }
.keuzepagina-devider{ width: 100%; height: 5px; }

/* HOMEPAGE */
.icons-homepage{ width: 100%; height: 100%; font-size: 12px; line-height: 16px; }
.icons-homepage a{ padding-top: 18px; padding-bottom: 13px; display: block; color: #4B565E; text-decoration: none; }
.icons-homepage img{ margin-bottom: 10px; width: 36px; height: 36px; }

.homepage-nieuws{ overflow: auto; font-size: 13px; line-height: 20px; background-color: none; border-top: solid 1px #FFF; -webkit-transition: background 1.5s; -moz-transition: background 1.5s; -o-transition: background 1.5s; transition: background 1.5s; }
.homepage-nieuws.last{ border-bottom: solid 1px #FFF; }
.homepage-nieuws.no-bottom-border{ border-bottom: none; }
.homepage-nieuws:hover{ background-color: #dcdbdb; cursor: pointer; }
.homepage-nieuws a{ padding-top: 20px; padding-bottom: 15px; padding-right: 5px; display: block; color: #1d1d1b !important; text-decoration: none; border-bottom: none !important; }
.homepage-nieuws a:hover{ border-bottom: none !important; }
.homepage-nieuws img{ margin-right: 0px; margin-bottom: 15px; margin-left: 0px; width: 100%; height: auto; float: left; }
.homepage-nieuws h3{ margin-top: -2px; margin-bottom: 0px; font-size: 16px; color: #008b49; font-weight: 400; text-align: left; line-height: 22px; }
.homepage-nieuws-datum{ padding-top: 6px; padding-bottom: 6px; display: block; font-weight: 700; }

/* CONTENT */
.header-video{font-size:0; line-height:0;}
.image-header-text{ padding-right: 20px; padding-left: 20px; width: 100%; height: 30px; float: right; position: absolute; z-index: 1; top: 10px; overflow: hidden; font-size: 20px; font-weight: 400; color: #FFF; line-height: 42px; text-transform: uppercase; text-align: right; }
.content{ padding-top: 28px; padding-right: 15px; padding-bottom: 38px; padding-left: 15px; text-align: justify; }
.content a{ color: #008b49; text-decoration: none; border-bottom: dotted 1px rgba(255,255,255,0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.content a:hover{ border-bottom: dotted 1px #008b49; }

.content img{max-width:100%; height:auto;}

.project-map .content {
	padding-top: 28px !important;
	padding-right: 15px !important;
	padding-bottom: 38px !important;
	padding-left: 15px !important;
	text-align: justify;
}
.project-map .content .carousel-inner>.item>img {
	width: 100%;
}

.video-container {
   position: relative; /* keeps the aspect ratio */
   padding-bottom: 56.25%; /* fine tunes the video positioning */
   padding-top: 60px; overflow: hidden;
   margin-bottom: -1px;
   margin-right: -1px;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#projectsMap a.but {
    text-transform: lowercase;
	text-align: center;
	display: block;
    padding: 10px 15px;
	background: #008b49;
    font-size: 14px;
    color: #FFF;
    font-weight: 400;
    text-decoration: none;
    border: solid 1px #008b49;
    -webkit-transition: background 1.5s;
    -moz-transition: background 1.5s;
    -o-transition: background 1.5s;
    transition: background 1.5s;
}

#projectsMap a.but:hover {
    border: solid 1px #008b49;
    background: #008b49;
}

/* PRODUCTOVERIZCHT */
.product-overzicht{ width: 100%; padding-top: 5px; padding-bottom: 51px; float: left; }
.product-overzicht h2{ margin-bottom: 10px; font-weight: 400; font-size: 24px; color: #008b49; text-align: left; }
.product-overzicht h3{ margin-top: 0px; margin-bottom: 18px; font-weight: 400; font-size: 22px; color: #1d1d1b; text-align: left; }
.product-overzicht img{ margin-top: 7px; margin-right: 30px; padding-bottom: 18px; width: 100%; float: left; }
.product-overzicht a.readmore-link{ text-transform: lowercase; margin-top: 20px; margin-left: 4px; padding-top: 0px; padding-right: 8px; padding-bottom: 1px; padding-left: 6px; float: right; display: inline-block; font-size: 14px; color: #008b49; font-weight: 400; text-decoration: none; border: solid 1px #008b49; -webkit-transition: background 1.5s; -moz-transition: background 1.5s; -o-transition: background 1.5s; transition: background 1.5s; }
.product-overzicht a.readmore-link:hover{ border: solid 1px #008b49; background: #FFF; }

/* PRODUCT */
.product-images{ padding-top: 28px; padding-right: 15px; padding-bottom: 45px; padding-left: 15px; }
.product-images img{ width: 100%; }
.product-img-small{ margin-top: 33px; width: 100%; }
.product-info{ padding-top: 21px; padding-right: 30px; padding-left: 30px; padding-bottom: 36px; height: auto; }
.product-info.first{ height: auto; }
.product-info h2{ margin-bottom: 22px; font-weight: 400; font-size: 33px; color: #008b49; text-align: left; }

h2.product-table{ margin-bottom: 22px; font-weight: 400; font-size: 33px; color: #008b49; text-align: left; }
a.download-brochure{ text-transform: lowercase; margin-top: 20px; margin-left: 4px; margin-bottom: 45px; padding-top: 0px; padding-right: 8px; padding-bottom: 1px; padding-left: 6px; float: right; display: inline-block; font-size: 14px; color: #008b49; font-weight: 400; text-decoration: none; border: solid 1px #008b49; -webkit-transition: background 1.5s; -moz-transition: background 1.5s; -o-transition: background 1.5s; transition: background 1.5s; }
a.download-brochure:hover{ border: solid 1px #008b49; background: #f4f4f4; }

/*WEBSITES*/
.websites{margin:0; padding:0; width:calc(100% + 15px); font-size:0; line-height:0; display:table;}
.websites li{padding:15px 0; width: calc(100% / 5); text-align:center;  display:table-cell; vertical-align:middle; border-right:solid 15px #E6E6E6;}
.websites li a{display:block; border-bottom:none;}
.websites li a:hover{border-bottom:none;}
.websites li img{width:100%; height:auto;}

/*CONTACT*/
#contactformulier button{margin-top:15px; padding:5px 12px 6px 12px; color:#FFF; border:none; background-color:#008b49;}
#contactformulier .telnr{display:none;}
#contactformulier .telnr.active{display:block;}

/* carousel */
.carousel .item{ left: 0 !important; -webkit-transition: opacity 2s; -moz-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s; }
.carousel-control{ background-image: none !important; }
.carousel-control { color: #008b49; }
.carousel-control:hover, .carousel-control:focus { color: #008b49; }
.item img{ left: 0px; }
.next.left,
.prev.right{ opacity: 1; z-index: 1; }
.active.left,
.active.right{ opacity: 0; z-index: 2; }

.carousel-caption{ padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; width: 100%; height: 66px; float: right; top: 15px; right: 0px; left: auto; text-shadow: none; }
.carousel-caption h2{ margin-top: -4px; margin-bottom: 0px; font-size: 20px; font-weight: 400; color: #FFF; text-align: right; text-transform: uppercase; }
.carousel-caption span{ cursor: pointer; margin-top: 8px; margin-left: 4px; padding-top: 0px; padding-right: 8px; padding-bottom: 1px; padding-left: 6px; float: right; display: inline-block; font-size: 14px; color: #FFF; font-weight: 400; text-decoration: none; border: solid 1px #FFF; -webkit-transition: background 1.5s; -moz-transition: background 1.5s; -o-transition: background 1.5s; transition: background 1.5s; }
.carousel-caption span:hover{ background: rgba(255,255,255,0.25); }


/* lists */
.icon-list li {
  padding: 0 0 5px 20px;
  display: block;
  position: relative;
}
.icon-list li:before {
  font-family: 'Glyphicons Halflings';
  position: absolute;
  left: 0px;
  top:1px;
  font-size:80%
}
.chevron-right li:before {
 content: '\e080';
}


@media(min-width:767px){

	h1{ font-size: 33px; }
	h2.homepage{ margin-top: 9px; margin-bottom: 14px; }

	.fluid-mobile{ margin-right: auto; margin-left: auto; padding-left: auto; padding-right: auto; }

	/* reset */

	/* ALGEMEEN */
	#logo{ margin-top: 40px; margin-left: 15px; width: 180px; }

	.language-top { margin-right: 85px; }

	/* nav */
	.navbar-collapse{ width: auto; float: right; }
	.nav{ margin-top: 72px; margin-right: 15px; width: auto; }
	.nav li{ padding-top: 0px; padding-left: 0px; width: auto; font-size: 15px; border-top: none; border-bottom: none; border-left: solid 1px #1d1d1b; }
	.nav li.grey{ background-color: #FFF; }
	.nav li a{ padding-top: 0px; padding-right: 15px; padding-bottom: 10px; padding-bottom: 0px; padding-left: 15px; }

	/* footer */
	.language{ margin-top: 30px; margin-bottom: 30px; padding-left: 0px; float: left; font-size: 0px; }

	.footer{ margin-right: 0px; }
	.footer li{ display: inline; }
	.footer li.first{ padding-left: 0px; border-left: none; }
	.footer li.social{ padding-left: 0px; border-left: none; }

	#footer-map{ height: 400px; }

	/* KEUZEPAGINA */
	.keuzepagina-devider{ width: 100%; height: 10px; }

	/* HOMEPAGE */
	.icons-homepage{ font-size: 22px; line-height: 26px; }
	.icons-homepage a{ padding-top: 43px; padding-bottom: 33px; }
	.icons-homepage img{ margin-bottom: 15px; width: 72px; height: 72px; }

	.homepage-nieuws.no-bottom-border{ border-bottom: solid 1px #FFF; }
	.homepage-nieuws a{ padding-right: 0px; }
	.homepage-nieuws img{ margin-right: 17px; margin-bottom: 0px; margin-left: 5px; width: 200px; height: 129px; }

	/* CONTENT */
	.image-header-text{ padding-right: 0px; padding-left: 0px; width: 260px; height: 80px; top: 83px; right: 100px; font-size: 38px; font-weight: 100; color: #FFF; line-height: 42px; text-align: left; }
	.content{ padding-top: 28px; padding-right: 0px; padding-bottom: 38px; padding-left: 0px; text-align: justify; }

	/* PRODUCT */
	.product-overzicht h2{ margin-bottom: 2px; font-size: 33px; }
	.product-overzicht h3{ margin-top: 0px; margin-bottom: 18px; font-weight: 400; font-size: 22px; color: #1d1d1b; text-align: left; }
	.product-overzicht img{ padding-bottom: 0px; width: 325px; height: 200px; }

	.product-images{ padding-right: 70px; padding-bottom: 38px; padding-left: 85px; }
	.product-info{ padding-right: 100px; padding-left: 35px; height: auto; }
	/*.product-info.first{ height: 283px; overflow: hidden; }*/
	.product-info h2{ margin-bottom: 22px; font-weight: 400; font-size: 33px; color: #008b49; text-align: left; }

	/* carousel */
	.carousel-caption{ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 260px; height: 143px; top: 45px; right: 100px; }
	.carousel-caption h2{ margin-top: -6px; font-size: 30px; font-weight: 100; text-align: left; }
	.carousel-caption a{ margin-top: 24px; padding-top: 5px; padding-right: 10px; padding-bottom: 6px; padding-left: 8px; font-size: 18px; color: #FFF; font-weight: 100; }
}

@media (min-width: 767px) and (max-width: 990px) {
	.language-top { margin-right: 15px; }
}

@media (max-width: 766px) {
	#logo { width: 128px; margin-top: 45px; margin-bottom: 25px; }
	#logo img { width: 100px; height: 25px; }
	.language-top { top: 44px; right: 15px; }
	.navbar-toggle { padding: 0px 5px; line-height: 25px; margin-top: 45px; margin-right: 40px; }
	.select2 { width: 45px!important; }
	.select2 span, .select2-container span { font-size: 11px; }
	.select2 span img, .select2-container span img { width: 13px; }

}


@media(min-width:991px){
	/* ALGEMEEN */
	#logo{ margin-top: 40px; margin-left: 85px; width: 200px; }


	.language-top { margin-right: 85px; }

	/* nav */
	.navbar-collapse{ width: auto; float: right; }
	.nav{ margin-top: 72px; margin-right: 85px; width: auto; }
	.nav li{ padding-top: 0px; padding-left: 0px; width: auto; font-size: 15px; border-top: none; border-bottom: none; border-left: solid 1px #1d1d1b; }
	.nav li.grey{ background-color: #FFF; }
	.nav li a{ padding-top: 0px; padding-right: 15px; padding-bottom: 10px; padding-bottom: 0px; padding-left: 15px; }

	/* footer */
	.language{ margin-top: 30px; margin-bottom: 30px; padding-left: 85px; float: left; font-size: 0px; }

	.footer{ margin-right: 85px; }
	.footer li{ display: inline; }
	.footer li.first{ padding-left: 0px; border-left: none; }
	.footer li.social{ padding-left: 0px; border-left: none; }

	/* CONTENT */
	.content{ padding-top: 28px; padding-right: 85px; padding-bottom: 38px; padding-left: 85px; text-align: justify; }

	/* carousel */
	.carousel-caption{ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 260px; height: 143px; top: 90px; right: 100px; }
	.carousel-caption h2{ margin-top: -6px; font-size: 36px; font-weight: 100; text-align: left; }
	.carousel-caption a{ margin-top: 24px; padding-top: 5px; padding-right: 10px; padding-bottom: 6px; padding-left: 8px; font-size: 21px; color: #FFF; font-weight: 100; }
}

.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
}

.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }

.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media(min-width:992px){
    body{margin-top:72px;}
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video { padding-top: 0; }
}