/* CSS Document */
body { margin:20px; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000; line-height: 160%; }

body{ -webkit-animation:fadein 0.5s; animation:fadein 0.5s }
@-webkit-keyframes fadein { from {opacity:0} to {opacity:1} }
@keyframes fadein { from {opacity:0} to {opacity:1} }

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out ;
}

h1 { margin:0 0 10px 0; padding:0; font-size:30px; color:#858585; font-weight:normal; }
	h1 a { text-decoration:none; color:#18272b; }
h2 { margin:0; padding:25px 0; font-size:30px; color:#858585; font-weight:normal; }
	h2 a { text-decoration:none; color:#18272b; }
h3 { margin:0; padding:0; font-size:14px; color:#858585; font-weight:normal; }
	h3 a { text-decoration:none; color:#18272b; }
 
h1, h2, h3, h4 {font-family: "serifa",serif;
font-style: normal;
font-weight: 300;
color:#858585;}

a { color:#19171c;}
a:hover { color:#19171c; }

a img { border:0; }
img.left { float:left; margin:0 5px 5px 0; }
img.right { float:right; margin:0 0 5px 5px; }
 @media screen and (max-width: 720px) {
img.left, img.right, .imageTop { width:100%; height:auto; float:none;}
}

hr { margin:0; padding:0; height:1px; border:none; color:#a2b800; background:#a2b800;}
span.personalize { background:#FF0;}

.breadcrumbs { font-size: 80%; }
.breadcrumbs,
.breadcrumbs a {color: rgba(0,0,0,0.30) }
/* Id's */

/* Classes */
.clear { clear:both; }
.clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
.blockContent ol,
.blockContent  ul {margin-left: 16px;}
.blockContent ul li {
    list-style: outside none disc;
    padding-left: 3px;
}
.blockContent ol li {
	list-style:decimal;
    padding-left: 3px;
}


/* Form opmaak */

.formField		{ width:100%; height:35px; border:1px solid #fff; border-bottom: 2px solid rgba(0,0,0,0.1); background:#fff; margin:0; padding:8px 2%; font-size:13px; }
.formPulldown		{ width:100%; height:35px; border:1px solid #fff; border-bottom: 2px solid rgba(0,0,0,0.1); background:#fff; margin:0; padding:8px 2%; font-size:13px; }
textarea.formField	{ width:100%; height:100%; border:1px solid #fff; border-bottom: 2px solid rgba(0,0,0,0.1);  background:#fff; margin:0; padding:8px 2%; font-size:13px; font-family:Arial, Helvetica, sans-serif; resize: none; }
.formCheckbox 	{ width:auto; }
.formRadio 		{ width:auto; border:none; }
.formError 		{  border-color:#f00; }
.formHover,
textarea.formField.formHover	{ border-color:#fff; background:#fff; }


.formSubmit { border:none;  background:#878585; color:#fff; padding:5px 20px; margin-top:10px; cursor:pointer; float: right; }
.formSubmit:hover { background:#6a6a6a; margin-top:10px;  -moz-transition: all 0.4s ease-in;}

.col-bg-Grijs .formField		{ width:100%; height:35px; border:1px solid #fff; background:#fff; margin:0; padding:8px 2%; font-size:13px; }
.col-bg-Grijs textarea.formField	{ width:100%; height:100%; border:1px solid #fff; background:#fff; margin:0; padding:8px 2%; font-size:13px; font-family:Arial, Helvetica, sans-serif; resize: none; }
.col-bg-Grijs .formCheckbox 	{ width:auto; }
.col-bg-Grijs textarea.formField.formHover	{ border-color:#ebebeb; background:#ebebeb; }

.col-bg-Grijs .formSubmit { border:none; background:#878585; color:#fff; padding:5px 20px; margin-top:10px; cursor:pointer; float: right; }
.col-bg-Grijs .formSubmit:hover { background:#6a6a6a; margin-top:10px;  -moz-transition: all 0.4s ease-in;}

.col-offerte { margin-top: 20px;}
form#ybFormMod_3, form#ybFormMod_8 { padding: 20px;}
form#ybFormMod_3 h2, form#ybFormMod_8 h2 { padding: 10px 0; color: #fff;  }
form#ybFormMod_3 h3, form#ybFormMod_8 h3 { padding: 20px 0; color: #fff; font-size: 20px; } 
#ybFormMod_1 tr:nth-child(1), #ybFormMod_7 tr:nth-child(1){ display: none; }

	/* Mod-form */
	.customerForm { }
	.customerForm table {}
	.customerForm table td { padding:2px 0;}
	.customerForm table td.fieldname { font-weight:bold;}
	.customerForm table td.td_error { color:#f00; }
	.customerForm table td.linebreak label { display:block;  }
	.customerForm table td h1 { font-size:22px; margin:0; padding:0;}
	.customerForm table td h2 { font-size:18px; margin:0; padding:0;}

	/* Mod-zoeken */
	
.col-zoeken  { background: #fff; padding: 40px; }
.formSearch { margin-bottom: 20px;}
	
	#keyword { width:70%; height:35px; border:1px solid #fff; border-bottom: 2px solid #e6e6e6 ; background:#fff; margin:2px 0 0 0; padding:4px 2%; font-size:13px; }

	#mod-search button { float: right; border:none; background:#0067AE; color:#fff; padding:5px 0; width: 22%; text-align: center; margin:0 5px; cursor:pointer; }
	#mod-search button:hover { background:#000;  -moz-transition: all 1s ease-in;}
	.mod-search-page-result { margin:20px 0;}
	.mod-search-result { border-top: 1px solid #0067ae;    margin: 10px 0;    padding-top: 10px; }
	a.mod-search-result-title{ font-size:140%; font-weight:bold; text-decoration:none; display:block;}
	.mod-search-result-bread {  line-height: 200%; }
	
	.mod-search-pagination { padding:20px 0 10px;}
	.mod-search-pagination a{ border:1px solid #A6A6A6; padding:6px 10px; margin-right:3px;}
	.mod-search-pagination a.active,
	.mod-search-pagination a:hover{ border:1px solid #186AB4; color:#186AB4;}
	
	
section.zoeken{ position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 450; padding: 25px 0 25px; display: none; color: #858585; }
.fa-search { cursor: pointer; }
section.zoeken .fa-times { font-size: 25px; padding-top: 22px;  }
#searchkey { background: url(../img/search-icon.jpg) left center no-repeat #fff ; color: #3F3F3F; width:100%; height:45px; border:1px solid #fff; border-bottom: 2px solid #e6e6e6 ;  margin:2px 0 0 0; padding:4px 2% 4px 45px; font-size:25px; }

img.img-search { float: left; margin-right: 15px; }


	.mod-pagination { padding:20px 0 10px;}
	.mod-pagination a{ border:1px solid #b0b0b0; color: #b0b0b0; padding:6px 10px; margin-right:3px; text-decoration: none; background: #fff; }
	.mod-pagination a.active { border:1px solid #012A7B; color: #d8232a;}
	.mod-pagination a:hover{ border:1px solid #d8232a; color:#d8232a; text-decoration: none;}

	/* Mod-News */
	.news-list-article { border-top: 1px solid #0067ae;    margin: 10px 0;    padding-top: 10px; }
	.news-list-article:nth-child(1) { border-top: 0px;}
	.news-list-article h2 { margin-bottom:10px;}
	.news-list-article span.image{ float: left;  margin-right: 10px;}
	.news-article .date{ margin-bottom:10px; display: block;}
	.news-detail-article a{ color:#000; text-decoration:none; list-style-type:circle;}
	.news-detail-article a:hover{ color:#0067ae; text-decoration:underline;}

	/* Mod-fotoalbum */
	.fotoalbum { margin:0; padding:0; list-style:none; }
	.fotoalbum li { float:left; margin:0 5px 5px 0; height:120px; width:150px; overflow:hidden; }
	.fotoalbum li a { border:1px solid #249d37; overflow:hidden; display:block; text-align:center; padding:2px; }
	.fotoalbum li a:hover { border-color:#000; }
	
	/* SITEMAP */
	.mod-sitemap{ margin:0px 12px;}
	.mod-sitemap ul{ list-style:none;	}
	.mod-sitemap ul ul li{ padding:8px 0px 8px 20px; 	background:url(../img/layout/sitemap.gif) left top no-repeat; }
	.mod-sitemap ul ul li:nth-last-child(1){ 	padding:8px 0px 8px 20px; background:url(../img/layout/sitemap-last.gif) left top no-repeat !important;}
	.mod-sitemap ul a{ 	text-decoration:none; }
	.mod-sitemap ul a:hover{ text-decoration:underline;}


/* HEADER */

.header { overflow: hidden; height: 110px; background: #fff; position: fixed; left: 0px; top: 0;  width: 100%; z-index: 50;
-webkit-transition: all .02s ease-out;
	-moz-transition: all .02s ease-out;
	-o-transition: all .02s ease-out;
	transition: all .02s ease-out ;
}
.header.small { height: 66px;}
.logo-show { padding-top: 20px; width: 280px; position: relative; }
.logo-show img { width: 270px; height: auto;}

.logo-show-link { font-size: 14px; height: 20px; width: 280px;  background: #fff; position: absolute; left: 88px;  bottom: -5px; font-family: "serifa",serif; font-style: normal; font-weight: 400; color:#858585; text-transform: uppercase; } 
.logo-show-link a { color:#858585; display: inline-block; padding: 0 3px; letter-spacing: 0.9px; } 
.logo-show-link a:hover { text-decoration: none;}
@media (max-width: 768px) { .logo-show-link { display: none !important; } }

.logo-embleem { padding-top: 10px;}
.logo-embleem img { height: 40px; width: auto;}
.col-menu{ padding-top: 60px;}
.header.small .col-menu{ padding-top: 13px; }
ul.topmenu { list-style: none; padding: 0; margin: 0; float: right;}
ul.topmenu li {  list-style: none; padding: 0px;  margin: 0; float: left;}
ul.topmenu li a{ display: block; padding: 10px 15px; color: #858585; font-size: 15px;}
ul.topmenu li a:hover, ul.topmenu li a:focus{ color: #000; text-decoration: none;}

.menu { float: right;}
.menu-icons { float: right; font-size: 20px; padding-top: 10px; color: #858585; }
.menu-icons i { padding: 0 10px;}
.menu-icons img { padding-left: 10px;}
.menu-icons a {  color: #858585; } 
.menu-icons a:hover img { opacity: 0.5;}
.menuknop { float: right; position: relative; width: 80px;text-align: left;}
.menuknop span { position: absolute; top: -1px; right: -10px; }

.fa-bars { cursor: pointer;}

a.inloggrafimediaweb { display: block; position: absolute; right: 5px; top: 13px; font-size: 13px; }
@media (max-width: 768px) { a.inloggrafimediaweb { display: none !important;} }
	
	
#fullmenu { pointer-events: auto; position: fixed; width: 100%; height: 100vh; left: 0; top: 0; background: rgba(255,255,255,1.00); z-index:100; }
#fullmenu *{ color:#858585;}
#fullmenu .fa.fa-times { font-size:25px; margin: 20px 0 30px; cursor: pointer;}

.fullmenuscroll	{ width: 100%; height: 100vh; overflow-y: auto;}

#fullmenu ul { list-style: none; margin: 0; padding: 0 0 30px 0;}
#fullmenu ul li{  list-style: none; margin: 0; padding: 0 0 4px ; line-height: 24px;}

@media (min-width: 768px) {
	
	.rowmenu { padding-top: 20px;}
	.fullmenuscroll .row { position: relative; }
	.col-full-menu-close { z-index: 50; position: absolute; right: 0; top: 0;  width: 50px; }
	
	#fullmenu ul.topmenuextra { margin-top: 20px ;}
	
#fullmenu ul li::before {
  content: "■ ";
  font-size: 12px;
  color: #858585; /* or whatever color you prefer */
}

#fullmenu ul li:hover::before {
  content: "■ ";
	font-weight: bold;
	font-size: 16px;
}
#fullmenu ul li:hover { padding-left: 0px; margin-left: -3px;}
.rowmenuextra { padding-top: 20px;}
.rowmenuextra .col-extramenu { border-top: 1px solid #858585; border-bottom: 1px solid #858585; height: 70px; }
	
}
@media (max-width: 768px) {
	.rowmenuextra { display: block; margin-bottom: 90px;}
	#fullmenu .fa.fa-times { font-size: 35px;}
}

#fullmenu .rowvest { padding-top: 30px;  padding-bottom: 30px; margin-bottom: 20px; border-bottom: 1px solid #858585; }
#fullmenu .rowvest-vestiging5 .col-rowvest  { float: left; width: 20%; padding: 15px; box-sizing: border-box;  }

#fullmenu h2 { padding-bottom: 30px; font-size: 20px; font-family: arial;}
#fullmenu h3 { padding-bottom: 5px; font-size: 16px; font-family: arial;}

	#fullmenu ul { padding-bottom: 4px;}
	#fullmenu h2 { padding-bottom: 10px;}

#fullmenu a[href^="tel:"] { color: #858585;}



/* sitebasis*/
.sitebasis{ margin-top: 115px; background:url(../img/bg.png) left bottom repeat-x; }
.sitemokeup {  background:url(../img/bg-mokeup.png) center bottom no-repeat; padding-bottom: 40px; }


.meldingblok { padding: 12px 20px 2px 20px; text-align: center; width: 100%; position: absolute; left: 0; top: 0; z-index: 500; }
.meldingblok h3 { display: inline-block; float: left; }
.meldingblok a { text-decoration: none; margin-bottom: 2px; display: inline-block; border-bottom: 1px solid #fff;    }
.meldingblok p { padding-bottom: 10px; margin: 0px;}
.meldingblok h3 { color: #fff; font-size: 14px; padding-bottom: 0px; }


#slider { overflow: hidden; position: relative;}

.owl-theme .owl-nav.disabled + .owl-dots {margin-top: -5px;}
.owl-theme .owl-dots { margin-top: -15px; padding-bottom: 20px; }
.owl-theme .owl-dots .owl-dot.active span { background: #000; }
.owl-theme .owl-dots .owl-dot span {    height: 3px;    width: 100px; }
.sliderfoto{ width: 100%; height: 570px;  background-position: center center; background-size: cover;}
.slidertext{ text-align: center; padding: 10px 20% 2px;  color: #858585;}
.slidertext h2 { font-size: 32px; color: #858585; padding: 10px 0 10px;   }
.slidertext h2 a { color: #858585;}

.owl-prev {    left: 0;    position: absolute;    top: 35%;	}
.owl-next {    right: 0;    position: absolute;   top: 35%;	}
.owl-sliderhomepage .owl-prev,
.owl-sliderhomepage .owl-next { top: 50%; margin-top: -20px !important;}
.owl-sliderhomepage { margin-bottom: 35px;}
.owl-theme .owl-nav [class*="owl-"] { font-size: 26px; background: none; margin: 0; padding: 11px; color: rgba(255,255,255,0.80); border-radius: 0px;}


.item-tekst { position: absolute; z-index: 10; height: 100%; bottom: 0; padding: 30px; }
.item-tekst .child { position: absolute; top:50%; transform: translateY(-50%); }

.item-tekst-schaduw{}
.item-tekst-links{}
.item-tekst-rechts { right: 0; }
.text-links { text-align: left; }
.text-rechts { text-align: right; }
.item-afbeelding { position: relative; z-index: 1;}

.item-tekst-schaduw {  text-shadow: 0px 0px 5px #000000; }

.item-tekst h2 { font-size: 42px; font-family: "serifa",serif;  font-style: normal;  font-weight: 500;  } 
.item-tekst p { line-height: 100%;  font-size: 54px; font-family: "serifa",serif;  font-style: normal;  font-weight: 500; } 
.item-tekst span { margin-top: 15px; text-shadow: none;  font-size: 20px; padding: 10px 20px; display: inline-block; font-family: "serifa",serif;  font-style: normal;  font-weight: 500;  } 

@media (min-width: 1500px) {
	.item-tekst .child { padding: 60px 40px;}
	.item-tekst h2 { font-size: 43px; }
	.item-tekst p  { font-size: 56px; line-height: 110%; }
	.item-tekst span  { font-size: 22px; }
}

@media (max-width: 1500px) {
	.item-tekst h2 { font-size: 40px; }
	.item-tekst p  { font-size: 44px; }
	.item-tekst span  { font-size: 18px; }
}
@media (max-width: 1300px) {
	.item-tekst h2 { font-size: 33px; }
	.item-tekst p  { font-size: 41px; }
	.item-tekst span  { font-size: 18px; }
	.item-tekst .child { padding-bottom: 20px;}
}
@media (max-width: 1150px) {
	.item-tekst h2 { font-size: 30px; }
	.item-tekst p  { font-size: 37px; }
	.item-tekst span  { font-size: 18px; }
	.item-tekst .child { padding-bottom: 20px;}
}
@media (max-width: 1000px) {
	.item-tekst { padding: 35px;  }
	.item-tekst h2 { font-size: 24px; }
	.item-tekst p  { font-size: 29px; }
	.item-tekst span  { font-size: 17px; }
	.item-tekst .child { padding: 10px;}
}
@media (max-width: 900px) {
	.item-tekst h2 { font-size: 22px; }
	.item-tekst p  { font-size: 26px; }
	.item-tekst span  { font-size: 16px; }
	.item-tekst .child { padding: 10px;}
}
@media (max-width: 850px) {
	.item-tekst h2 { font-size: 18px; }
	.item-tekst p  { font-size: 20px; }
	.item-tekst span  { font-size: 14px; padding: 5px 10px;  }
	.item-tekst .child { padding: 0px 10px;}
}

@media (min-width: 768px) {
	.item-afbeelding-mob{ display: none; }
	.item-tekst { background: none !important;}
}

@media (max-width: 768px) {
	.item-afbeelding-mob{ display: block; }
	.item-afbeelding { display: none; }
	.item-tekst { position: relative; width: 100% !important; text-align: center !important; padding: 0 30px; }
	.item-tekst .child { display: block; padding: 15px 10px; width: calc(100% - 20px); position: relative !important; top:auto; transform: none; } 
	.item-tekst .child h2 { padding-top: 0; margin-top: 0;}
	.owl-sliderhomepage .owl-prev, .owl-sliderhomepage .owl-next { top: 20%;}
	.owl-sliderhomepage .item a:hover { text-decoration: none !important;}
	
}

.item:hover .item-tekst span { box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2); }

.owl-sliderhomepage.owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; border-radius: 0;}
.owl-sliderhomepage.owl-theme .owl-dots { 
    bottom: 6px;
    margin: auto;
    padding-bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 500;
}

.owl-sliderhomepage.owl-theme .owl-dots .owl-dot span { background: #e5e5e5; border: 1px solid #fff; }
.owl-sliderhomepage.owl-theme .owl-dots .owl-dot:hover span,
.owl-sliderhomepage.owl-theme .owl-dots .owl-dot.active span { background: #777573; border: 1px solid #fff;  }

.animated  {
  -webkit-animation-duration : 500ms  ;
  animation-duration : 500ms  ;

  -webkit-animation-delay : 1ms  ;
  animation-delay : 1ms  ;
}
.animated2  {
  -webkit-animation-duration : 500ms  ;
  animation-duration : 500ms  ;

  -webkit-animation-delay : 50ms  ;
  animation-delay : 50ms  ;
}
.animated3  {
  -webkit-animation-duration : 500ms  ;
  animation-duration : 500ms  ;

  -webkit-animation-delay : 100ms  ;
  animation-delay : 100ms  ;
}

.animate-out {
  -webkit-animation-delay : 0ms  ;
  animation-delay : 0ms  ;
}


.siteinhoud{ margin-top: 10px;}
.siteinhoud-exp { margin-top: 30px; }
.blockstyle, .blockstyle-2, .blockstyle-3 { background-position: center center; background-size: cover; margin: 0px; padding: 0px;  overflow: hidden;}
.blockstyle { height: 300px;}
.blockstyle-2 { height: 600px;}
.blockstyle-3 { height: 900px;}

.blockweemen {  padding: 50px 30px; }
.blockweemen h1 { font-size: 30px; color: #fff; padding-bottom: 20px;}
.blockweemen h1 a {  color: #fff; }
.blockweemen h1 a:hover { text-decoration: none; color: rgba(255,255,255,0.75); }
.blockweemen.line1 a { color: #fff;}



.blocktestimonial { padding: 40px; background-position: bottom center; background-repeat: no-repeat; background-size: auto 470px; }
.blocktestimonial h2{ font-size: 16px; color:#fff; font-style: italic; font-weight: bold; font-family:Arial, Helvetica, sans-serif; margin: 0; padding: 7px 0 12px ; line-height: 130%; }
.blocktestimonial h4{ font-size: 14px; color:#fff; font-weight: bold; font-family:Arial, Helvetica, sans-serif; margin: 0; padding: 25px 0 8px ; }
.blocktestimonial h5{ font-size: 14px; font-family:Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

span.date{ text-align: left; color: #fff; padding-bottom: 35px; display: block;}

/*
a.bblock, a.ablock{ display: block; overflow: hidden; width: 100%; height: 100%;}
a.ablock .blocklayover { position: absolute; top: 0; opacity: 0; }
a.ablock:hover .blocklayover { position: absolute; top: 0px; opacity: 1; }
a.ablock:hover p { color: #000; }

a.bblock .blocklayover { position: absolute; top: 0px; opacity: 1; }

a.bblock:hover .blocklayover { position: absolute; top: 0; opacity: 0; }

a.bblock:hover .blocklayover { color: #000;}
a.bblock:hover .zwartje { width: 100%; height: 100%; background: rgba(0,0,0,0.04); position: absolute; left: 0; top: 0; z-index: 0; }
a.bblock:hover h3 { padding-top: 10px;}

*/


.blocklayover {  height: 100%; width: 100%;  display: table; padding: 10px; text-align: center;   }
.blocklayover h3 { font-size: 25px; color: #fff; padding-bottom: 30px;}

.blocklayover-text {  display: table-cell;  vertical-align: middle; position: relative; z-index:  40 ;  padding: 10px 20px;  }
.blocklayover-zwartje  { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 30;  }
a.bblock:focus .blocklayover-zwartje,
a.bblock:hover .blocklayover-zwartje  { background: rgba(0,0,0,0.05); }
a.bblock:focus .blocklayover-text,
a.bblock:hover .blocklayover-text  { color: #000; }

a.bblock:hover .blocklayover-text,
a.bblock:hover .blocklayover-text { padding-bottom: 40px; }
a.bblock:hover .blocklayover-text h3,
a.bblock:hover .blocklayover-text h3 { padding-bottom: 40px; }

.blocklayover-color  { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 20;   }
a.ablock .blocklayover-text { opacity: 0; }
a.ablock .blocklayover-color { opacity: 0; }
.blocklayover-img { width: 100%; height: 100%; position: absolute; z-index: 10 ; left: 0; top: 0;  background-position: center center; background-size: cover; }

a.ablock:focus .blocklayover-img,
a.ablock:hover .blocklayover-img,
a.ablock .ablocklayover-img.open{ 
	opacity: 0; 
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out ;
	width: 106%; height: 106%; left: -3%; top: -3%;
}

/*
a.ablock:focus .blocklayover-img,
a.ablock:hover .blocklayover-img { opacity: 0.3;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out ;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
width: 110%; height: 110%; left: -5%; top: -5%;
}
*/

a.ablock:focus .blocklayover-color,
a.ablock:hover .blocklayover-color { opacity: 0; 
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out ;
}
a.ablock:focus .blocklayover-text,
a.ablock:hover .blocklayover-text { opacity: 1; color: #000;
-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out ;
	padding-bottom: 40px; 
}
a.ablock:hover .blocklayover-text h3 { padding-bottom: 40px;
-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out ;
}

/*
a.newsblock span.date { text-align: center;}
a.newsblock:focus .blocklayover-color,
a.newsblock:hover .blocklayover-color{ opacity: 0; 
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out ;
}

a.newsblock:focus .blocklayover-text,
a.newsblock:hover .blocklayover-text{ opacity: 0; color: #000;
-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out ;
}
*/

.blockstyle a:focus, 
.blockstyle a:hover { text-decoration: none !important; }

.blocklayovernieuws .blocklayover-img {opacity: 0; 
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out ;
	width: 100%; height: 100%; left: 0%; top: 0%;
}
a.newsblock:hover .blocklayover-img,
a.newsblock:focus .blocklayover-img {
	opacity: 0.1; 
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out ;
	width: 106%; height: 106%; left: -3%; top: -3%;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

/*

.blocklayover-img,
a.ablock:hover .blocklayover-img,
a.ablock .ablocklayover-img.open{ 
	opacity: 0; 
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out ;
	width: 106%; height: 106%; left: -3%; top: -3%;
}
*/


.headerfoto { height: 570px; width: 100%; background-position: center center; background-size: cover; }

.row-footercases-head{ padding-top: 22px;}
.col-exp-bg { background: #f4f4f4;}
.row-expertimsehead { padding-bottom: 60px;}
.newsblock { margin-bottom: 30px;}
.newsblockpag  { margin-bottom: 30px;}

.col-pageelement {  position: relative;  background-position: center center; background-size: cover; background-color: #fff; min-height: 420px; padding: 0px; margin: 0px;}
.col-pageelement iframe { width: 100%; height: 420px;}
.col-pageelement-cases h1 { padding: 0 30px;}
.col-youtube { background: #000;}
.col-bg-Grijs { background-color:#b9b9ba; }
.col-bg-Grijs h1, .col-bg-Grijs h2, .col-bg-Grijs h3, .col-bg-Grijs h4, .col-bg-Grijs a{ color: #fff !important; }

.qoutebg { font-family: "serifa",serif; font-style: normal; font-weight: 300; text-align: center; line-height: 40px;  font-size: 30px; padding: 0 40px;}


a.button { text-align: right; background: #858585; color: #fff !important; padding: 5px 10px; float: right; }
a.button-left { float: none;  clear: both; }
.col-bg-Kleur1 a.button, .col-bg-Kleur2 a.button, .col-bg-Kleur3 a.button  { background: #fff; }
a.button:hover { color: #000 !important; }
.col-bg-Kleur1 a.button:hover, .col-bg-Kleur2 a.button:hover, .col-bg-Kleur3 a.button:hover { color: #fff !important; }
a.button-left { float: left;}
a#btnofferte { padding: 12px 15px; }

.container-overview { position: relative;}
.btnofferte { position: absolute; top: 10px; right: 0px; z-index: 50; font-size: 20px;  font-family: "serifa",serif; font-style: normal;font-weight: 300; }

a.newslink h3 { font-size: 24px; padding: 10px 0 15px;}
a.newslink span {text-align: right; background: #858585; color: #fff !important; padding: 5px 13px; float: right; }

a.newslink:hover { color: #858585; }

.col-bg-Kleur1, .col-bg-Kleur2, .col-bg-Kleur3 { color: #fff;}
.col-bg-Kleur1 h2, .col-bg-Kleur1 h3, .col-bg-Kleur1 h4,
.col-bg-Kleur2 h2, .col-bg-Kleur2 h3, .col-bg-Kleur2 h4,
.col-bg-Kleur3 h2, .col-bg-Kleur3 h3, .col-bg-Kleur3 h4 { color: #fff;}

.col-pageelement h2 {  font-family:Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; padding: 0 0 7px; margin: 0px; }
.col-pageelement h3 {  font-family:Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding: 0 0 4px; margin: 0px; }
.col-pageelement h4 {  font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; padding: 0; margin: 0px; }

.col-pageelement form input { color: #2e2e2e;}
.col-pageelement form select { color: #2e2e2e;}
.col-pageelement form textarea { color: #2e2e2e;}
.col-pageelement.col-bg-Kleur1 form input[type="submit"],
.col-pageelement.col-bg-Kleur2 form input[type="submit"],
.col-pageelement.col-bg-Kleur3 form input[type="submit"] { background: #fff; color: #2e2e2e; }
.col-pageelement.col-bg-Kleur1 form input[type="submit"]:hover,
.col-pageelement.col-bg-Kleur3 form input[type="submit"]:hover,
.col-pageelement.col-bg-Kleur3 form input[type="submit"]:hover { background: rgba(255,255,255,.8); color: #2e2e2e; }


.col-pageelement ul { margin: 5px 0 5px 20px; padding: 0;}

.col-hoog { min-height: 600px;}

.parent { 
  width: 100%; 
  height: 420px; 
  display: table; 
}

.child {
  display: table-cell; 
  vertical-align: middle; 
  padding: 40px;
}
.contactpersoonblock.child p { margin-bottom: 0; }
.contactpersoonblock.child {
	padding: 20px 40px 10px;
}
.childtop { 
	padding: 0 30px;
	text-align: center;
}
.child.text-left h1 { padding: 0; }

.headerfotoexp { background: rgba(0,0,0,0.05);}
.childtopexp { text-align: left;}
.col-exp-titel h1 { text-align: center; font-size: 32px; padding: 20px 0;}

.col-pageelement ul,
.col-pageelement ol { margin: 0 0 10px 14px ; padding: 0px; }

.col-pageelement ol:after {
  content: "";
  display: table;
  clear: both;
}

.col-pageelement ul li {  list-style: square;}
.col-pageelement ol li { width: 50%; float: left; list-style: square; padding: 0px; margin-left: 0px;}


h3.koppelexpertisesh3 { display: block; padding: 20px 0 10px;}
ul.koppelexpertises { margin: 0; padding: 0; float: left; width: 50%; }
ul.koppelexpertises li { margin: 0; padding: 0;  list-style: none;}
ul.koppelexpertises a { text-decoration: underline;}


.row-specialtekst { background: #fff; padding-top: 30px; padding-bottom: 30px;}
.row-specialtekst p { margin-bottom: 20px;}

.contactpersoonblock h3{ font-size: 20px; color: #fff; margin-bottom: 15px; font-family: "serifa",serif; font-style: normal; font-weight: 300;}
.contactpersoonblock .col-md-team-block a { color: #000;}
.col-md-team-block{ float: left; width: 40%; margin-right: 10%;}
.col-md-team-block-pasfoto{ width: 80%; height: 208px; background-position: center center; background-size: cover; }
.col-md-team-block-gegevnes{}
.col-md-team-block-gegevnes h4 { margin-top: 20px; margin-bottom: 2px; color: #000; font-size: 14px; font-weight: bold;}
.col-md-team-block-gegevnes em { display: block; padding-bottom: 4px;}

.col-vestigings .col-md-12 a:hover h2 small,
.col-vestigings .col-md-12 a h2 small { font-size: 16px; padding-left: 10px !important;}

.col-vestigings {background: #fff;}
.col-vestigings-map{ height: 395px; margin-top: 20px;  padding-right: 0px; padding-left: 0px; }
.col-vestigings-name { padding-top: 40px;}
.col-vestigings-name-Haps { padding-top: 0;}

.col-vestigings-map iframe{ width: 100%; height: 100%;}
.col-vestigings-foto{ height: 395px; margin-top: 20px; padding-left: 0px; background-position: center center; background-size: cover; }

.row.col-vestigings .col-vestigings-foto {  position: relative;  }
.row.col-vestigings .col-vestigings-foto a.col-vestigings-fotolink { position: absolute; left: 0; right: 0; top: 0; bottom: 0;} 

.col-md-team{ width: 20%; float: left; position: relative; overflow: hidden; cursor: pointer; }
.col-md-team-gegevnes{ width: 100%; height: 290px; position: absolute; z-index: 10; left: 0; top: 255px; padding: 10px 15px;}
.col-md-team-gegevnes h3 {  font-family:Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding: 0px; margin: 0px; color: #000;}
.col-md-team-gegevnes em { padding-top: 10px;  padding-bottom: 20px; display: block;}
.col-md-team-gegevnes p { color: #fff;}
.col-md-team-gegevnes a { color: #fff;}
.col-md-team-gegevnes a:hover { color: #fff;}
.col-md-team:hover .col-md-team-gegevnes, .col-md-team:focus .col-md-team-gegevnes{ top: 0px;}
.col-md-team:hover h3, .col-md-team:focus h3{ padding-top: 160px;}
.col-md-team:hover em, .col-md-team:focus em{ padding-top: 0;}
.col-md-team-pasfoto{ width: 100%; height: 290px; background-position: center center; background-size: cover; }

.col-md-persoon-h0.col-md-team:hover h3, .col-md-persoon-h0.col-md-team:focus h3 { padding-top: 227px; }
.col-md-persoon-h3.col-md-team:hover h3, .col-md-persoon-h3.col-md-team:focus h3 { padding-top: 140px; }


.adressen2 { padding-top: 15px; }

/* MAILCHIMP */
h2.actueelpage { padding: 0 0 25px; }
.childtop.text-left {text-align: left;}
.childtop.text-left h1{ text-align: left; padding: 30px 0 10px; }
.mailchimp .indicates-required { display: none; }
.mailchimp { padding: 30px;}
#mc_embed_signup_scroll { margin-top: 20px;}
.mc-field-group { padding-bottom: 17px;}
.mc-field-group label { width: 30%;}
.mc-field-group input[type="text"],
.mc-field-group input[type="email"]{ width: 69%; padding: 8px 4px;}

.mc-field-group input { background: rgba(255,255,255,0.30); border: 0px;}
.mc-field-group input:hover,
.mc-field-group input:focus { background: rgba(255,255,255,0.80); border: 0px;}
#mc-embedded-subscribe { background: #fff; border: 0px; padding: 7px 12px;  float: right; }
.nopadding { padding-left: 0; padding-right: 0; }

/* FOOTER */
#footer { color: #fff; padding: 30px 0;}
#footer h3 { color: #fff;  font-family:Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-weight: bold; }
#footer a { color: #fff;}

#whitefooter { position: fixed; height: 20px; bottom:0px; left: 0; width: 100%; background: #fff; z-index: 1000; }
#onderfooter { background: #dadada; padding: 20px 0 10px;} 
#onderfooter a { color: #858585;}
#onderfooter a:hover, #onderfooter a:focus { color: #000;}
.onderfooter-text{ float: left; padding:5px 12px;}
.onderfooter-icons{ float: left; font-size: 30px;}
.onderfooter-img img{ width: auto; height: 60px; padding-left: 5px; }

.col-adressen { float: left; width: 20%; padding: 0 15px; box-sizing: border-box;  }

.sitemapdiv { background: #fff; }

/*
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }  
}*/
.chatdiv { position: fixed; display: none; bottom: 80px; right: 60px; z-index: 5000; 
	/* -webkit-animation: fadeIn 5s;
    animation: fadeIn 5s; */}