


.btn {     border-radius: 4px; background: #6fb63f; color: #fff; padding: 14px 23px; min-width: 150px; xtext-align: left; font-weight: 600; display: inline-block; font-size: 15px; font-size: 16px; border: 0px solid #004179; }
.btn:hover { background:#62b777; color:#fff; }
.btn:hover .fa { color:#fff; }

.btn .fa { float: right; margin: -4px -8px 0 0;  color:#fff;  }
.btn .fa.fa-angle-left { float:left; margin: -4px 10px 0 -8px; }
.btn.terug { text-align:right; }

.button2 i.fa { font-size: 28px;  }

h1, h2 { font-family:'Kanit'; font-size: 40px; font-weight: 600; margin: 0 0 20px 0; color: #78758c; text-align:left; }


a { color: #6fb63f; }
#header .top { height: 92px; }
#header #nav { background: #6fb63f; }
#header .cntct .small { display:none; }
#header .nav li a.active,
#header .nav li:hover a { background: #f79700; }
.logo img { height:auto; margin-top:15px; }
#header .nav li a { font-size: 17px; font-weight: 800; letter-spacing: 0.5px; text-transform: lowercase; }
#header .nav li li a { font-size: 16px; font-weight: 600; }
#header .nav li a.active,
#header .nav li:hover a { background: #6fb63f; }
#header .nav li a .fa { color: #6fb63f; }
#header .nav li:hover ul ul { display:none; }
#header .nav li:hover ul { border-bottom: 10px solid #6fb63f; }
#header .cntct { text-align:left; }
#header .cntct .fa { width:30px; }
#header .cntct .tel .fa { font-size: 21px; }
#vervolg .left ul li.active a,
#vervolg .left ul li a:hover { color: #6fb63f; }
#vervolg .left ul li.active ul li a.active { color: #6fb63f; }
.bxslider .container { position:relative; }
.caption { background: #6fb63f; padding: 10px 27px; font-size: 24px; font-weight: 700; right: 0; border-bottom: 4px solid #6fb63f; text-shadow:none; }


#header .nav li:hover ul { max-width: 411px;}
.bedrijfsgegevens { display: inline-block; float: left; margin: 6px 0 0 65px; padding: 0 25px 0 0; line-height: 170%; font-size: 14px; border-right: 1px solid #dfe5ea;color:#000; }
#header .contact2 { float: left; margin: 11px 30px 0 28px;}
#header .cntct .fa { color: #6fb63f; }
#header .cntct .tel{font-size: 19px; font-weight: 700; color: #6fb63f;}
#header .cntct .tel .fa.fa-phone { color: #6fb63f; }
#header .cntct a.mail { color:#6fb63f; }

#header .rechts { float:left;  margin: 8px 0 0 30px; }
#header .rechts .text { xfloat:left;  }
#header .rechts .text p { }
#header .rechts .text p.titel { font-size: 16px; font-weight: 400; font-weight: bold; color: #6fb63f; }
#header .rechts .text p.tekst { font-weight:bold; }
#header .rechts a.button { xfloat:right;     margin:8px 0 0 0; background: #f49600; }
#header .rechts a.button:hover { background: #e28d04; }


#header .topcart a { min-width: 174px; }
#header .topcart a { padding: 14px 15px; } 
    
#overons { background:#fff; }
#overons .blokken .blok { padding:0; }
#overons .blokken .blok h1 {}
#overons .blokken .blok h2 {}
#overons .blokken .blok p {}
#overons .blokken .blok h2 {}
#overons .blokken .blok.nr2 {width: 50%; box-sizing: border-box;  }


/* blog */
.homepage #blog_block { background: #e4e4e4; }
.homepage #blog .newsitem .newsdesc { background: #fff;}

#blog_block {  padding:50px 0; }
#blog_block h1 { text-align:center; }


#blog .newsitem .newsdesc h2 a { font-size: 20px; color:#6fb63f; }
#blog .newsitem:hover .newsdesc h2 a { color: #6fb63f; }




/* contact */

/* onder */
.homepage #realisatie { background:#fff; }
#realisatie { background:#efefef; font-size:12px; text-transform:lowercase; color: #6fb63f; padding:15px 0 12px 0; }
#realisatie .menuonder { color: #6fb63f; }
#realisatie a { color:#000; }

.totop { background: #6fb63f;border-radius:100%; border:none;}

.bxslider { border-bottom: 6px solid #6fb63f;}
.bx-wrapper .bx-pager.bx-default-pager a { background: #6fb63f; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #6fb63f;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { right: 10.9%; }
.sfeerfoto { position:relative; border-bottom: 6px solid #6fb63f; }
.sfeerfoto .caption { left:auto; }
.caption { left:0; right:auto; }
#vervolg { min-height:600px; }
#vervolg .left ul li a { font-size:14px; }
#vervolg li.first { display: list-item; }
#header li.first { display: none; }
.logomobile2 { display:none; }

/* 34 */

#header .logo { float: left; float: none; margin: 0 auto; width: 378px;}
#header .top { height:auto; }
#header img { margin: 14px 0 13px 0; }
 .contact2 { display:none; }
#header #nav { background: #39bacf; }
#header .nav { text-align:center; }
#header .nav li a.active,
#header .nav li:hover a { background: #fff; color: #6fb63f; }
.bxslider { border:none; }
#header .nav li a { font-size: 22px; font-weight: 100; letter-spacing: 0; }
#header .nav li a .fa { color: #bee6ec; display:none; }
#header .nav li:hover a .fa { color: #6fb63f; }
#header .nav li:hover li a { color: #78758c; font-weight: 100; font-size: 18px; }
#header .nav li:hover ul { border:none; }
#header .nav li ul { background:#fff; }
#header .nav li ul { text-align:left; }
#header .nav li ul li { display:block; }
#header .nav li { float: none; display: inline-block;}
a.button,
input.button { border-radius: 4px; background: #39bacf; }
a.button:hover,
input.button:hover { background: #4db9ac; }
p.caption { display:none; background:#6fb63f; border:none; font-family:'Kanit'; font-weight:600; font-size:36px; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #fff; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #39bacf; }
.bx-wrapper .bx-pager.bx-default-pager a { width: 11px; height: 11px;border-radius:100%; }

/* */

/* locaties home */
.locaties { }

.locaties .locatie { display:block; background:#39bacf; padding:20px; margin:0 0 20px 0; overflow:hidden; }
.locaties .locatie:hover { background: #46baba; }
.locaties .locatie a {  }
.locaties .locatie .image { float:left; margin:0 20px 0 0; }
.locaties .locatie .image img { display:block; border:5px solid #fff; }
.locaties .locatie .titel  { float:left; font-family:'Kanit'; font-weight:600; font-size:38px; padding-top:60px; color:#fff; text-decoration:none; line-height:125%;  }
.locaties .locatie a:hover { text-decoration:none; }

.locaties .locatie .titel span { color:#78758c;  display:block; }

.locaties .locatie.locatie1 {  }
.locaties .locatie.locatie2 { background:#6fb63f; }
.locaties .locatie.locatie2:hover { background: #65b769; }
.locaties .locatie.locatie2 .titel { padding-top:30px; }
.locaties .locatie.locatie3 { background:#58b892; }
.locaties .locatie.locatie3:hover { background: #4aa37f; }
.locaties .locatie.locatie3 .titel { padding-top:30px; }

/* 1600 */
@media only screen and (max-width:1679px)
{ 
	
}

/* 1440 */
@media only screen and (max-width:1599px)
{ 
	#header .nav li a { padding: 15px 20px; }
	.locaties .locatie .image img { width: 280px; }
	.locaties .locatie .titel { padding-top: 46px; }
}

/* 1366 */
@media only screen and (max-width:1439px)
{ 
	.locaties .locatie .image img {  width: 243px; } 
	.locaties .locatie .titel { padding-top: 33px; }
	.locaties .locatie.locatie2 .titel { padding-top: 11px; }
}

/* 1280 */
@media only screen and (max-width:1365px)
{ 
	
}




/* 1024 */
@media only screen and (max-width: 1279px)
{
	#vervolg { margin: 0px auto 0; }
	
	#header .nav li { display:block; }
	
}

@media only screen and (max-width: 1165px)
{
	#header .rechts { display:none; }
}

@media only screen and (max-width: 1024px)
{
	
	#header .top { height:auto; background: #fff; }
	#header img.logomobile { margin:0; }
	#header img.logomobile { left:50%; margin-left:-77px; }
	#header a.fa { background: #39bacf; color: #fff;}
	#header a.hamburger,
	#header a.phone,
	#header a.email{ background: #39bacf; color:#fff; }
	#header a.phone{ display:none; }
	#header a:hover .fa.fa-angle-down { background: none;}
	#header a.hamburger:hover .fa,
	#header a.phone:hover .fa,
	#header a.email:hover .fa { background: #fff; color:#39bacf; }
	#header .nav li:hover ul { max-width: initial; }
	
	.locaties .locatie .image img { width:initial; margin:0 0 20px 0; }
	.locaties .locatie .titel,
	.locaties .locatie.locatie2 .titel { padding:0; }
}


/* 800 */
@media only screen and (max-width:1023px)
{ 
	
	#overons .blokken .blok { width:47%; float:left; }
	#overons .blokken .blok.nr2 { width:47%; float:right; }
	.locaties .locatie .image img { width:100%; }
	
}

/* 768 */
@media only screen and (max-width: 799px){

	#overons .blokken .blok { width:100%; float:none; }
	#overons .blokken .blok.nr2 { width:100%; }
	
	
}


/* 640 */
@media only screen and (max-width: 767px){
	.bx-pager { display:none; }
	
	#blog .newsitem { width: 50%; margin: 10px 0; xpadding: 0; }
}

/* 600 */
@media only screen and (max-width:639px)
{
	
}



/* 480 */
@media only screen and (max-width: 599px){
	
	#blog .newsitem { width: auto;  padding: 0; }
}


@media only screen and (max-width: 479px)
{
		
}

/* 375 ~360 */
@media only screen and (max-width: 479px)
{
	#header,
	.opvulling { height: 38px; }
	#header img.logomobile { top: 4px; }
    
	#header .hamburger .fa,
	#header .phone .fa,
	#header .email .fa { font-size: 18px; padding: 10px; }
	

}

@media only screen and (max-width: 374px){

}

/* 320 */
@media only screen and (max-width: 359px){

	.locaties .locatie .titel { font-size: 32px; }
}