/*#####################
	KLEURINFO

	Hoofdkleur:	#90D133
	Subkleur: 	#333

#####################*/

/*#####################
	RESET
#####################*/

a, a:hover, a:active, a:focus {outline: 0;}
.nopadding		{padding: 0px;}

.header { min-height: 160px;   }


.shadow {
-webkit-box-shadow: 1px 4px 5px rgba(100, 100, 100, 0.49);
-moz-box-shadow:    1px 4px 5px rgba(100, 100, 100, 0.49);
box-shadow:         1px 4px 5px rgba(100, 100, 100, 0.49);

position: relative; z-index: 100;

}

/*#####################
	BODY
#####################*/

body						{-webkit-font-smoothing:antialiased; font-size: 1.5em; margin-top: 25px; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; color: #3c3c3b;}
.content p							{line-height: 160%; margin: 1em 0em 1em 0em; }
.content h2							{font-size: 32px; }


.bg-white { background: white; } 
.bg-gray { background: #3c3c3b; padding: 30px 0px; } 




.rounded-corners { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }


/*#####################
	TEKSTPAGINA
#####################*/

.subpagina				{margin: 15px 0px;}
.subpagina h3			{font-family: 'Archivo Black', sans-serif; font-size: 20px; color: #3c3c3b; margin-top: 0px;}
.content					{padding-top: 0px;}
.content h2				{margin-top: 0px; font-size: 25px; letter-spacing: 2px; font-weight: bold;}


.youtube iframe			{width: 100%!important;}
.youtube					{margin-bottom: 30px;}
	/* SIDEBAR */
	
	
	.left-sidebar .list-group-item			{border: 0px; background-color: #69b1e8; color: #fff; padding: 2px 15px;}
	.left-sidebar .list-group-item.first	{padding-top: 20px;}
	.left-sidebar .list-group-item.last	{padding-bottom: 20px;}
	.left-sidebar .list-group-item a		{display: block;  border-bottom: 1px solid #fff; color: #fff; font-size: 14px; padding: 5px 0px;}
	.left-sidebar .list-group				{padding: 0px; margin: 0px;}
	.left-sidebar .list-group-item-info	{background-color: #0062a5; color: #fff; font-weight: bold; font-size: 18px; padding: 10px 15px; }

/*#####################
	KLEURINFO
#####################*/

.hoofdkleur-tekst		{color: #90D133;}
.hoofdkleur-bg			{background-color: #90D133; color: #fff;}

.subkleur-tekst			{color: #333;}
.subkleur-bg				{background-color: #333; color: #fff;}

.blauw { color: #69b1e8; } 
.wit { color: white; } 
.blauw-bg		{ background-color: ; }

.blue-custom-background	{background-image: url(/style/img/bg-blue.png); background-position: right top; background-repeat: no-repeat;}
.image-background { background-size: 1000px!important;  }
.image-background img {  }

.btn-custom {
  background-color:#418FCC;
  clear:both;
  color:#FFFFFF;
  display:block;
  margin-top:15px;
}

.page-txt { color: white;  }
.page-txt h1 { font-family: 'Archivo Black', sans-serif; font-size: 25px;  }

.space { clear: both; width: 100%; height: 15px; }

.form-home { overflow: hidden; margin-bottom: 15px; }
.form-home .input-group-addon { padding: 0px 12px;  }
.form-home .search-btn { padding: 0px; border: none; background: #eee; color: #666;  }
.form-home input { height: 34px; }
.form-home input.search { height: 34px; background: #eee; color: #666; border: none; }

/* blokkenmenu home */

.blokken { overflow: hidden; color: white;  }
.blokken .bg-white { margin-bottom: 15px!important;  } 
.blokken h3 { color: #69b1e8; display: block; clear: both; font-size: 20px; font-family: 'Archivo Black', sans-serif; margin-top: 10px; } 
.blokken a { color: #69b1e8; } 
.blokken .last img { display: none; }
.blokken .last h3 { font-size: 25px; }
.blokken .last .bg-white { display: none; }  
.blokken p		{font-size: 15px; line-height: 22px;}
.blokken .blok-logo	{margin-top: 15px;}

.serviceblok 					{margin: 30px 0px; color: white; padding: 15px 15px; } 
.service-head					{font-size: 26px; font-weight: bold;}
.service-head span			{font-weight: normal}
.service-head .glyphicon		{font-size: 40px;}

/* usp */
.usp							{margin-top: 40px; overflow: hidden;  margin-bottom: 20px;}
.usp-kop 					{color: #3c3c3b; font-size: 30px; font-family: 'Archivo Black', sans-serif; } 
.usp-list .glyphicon		{color: #69b1e8; font-size: 30px; margin-right: 30px;}
.usp-titel					{font-weight: bold; font-size: 18px; color: #3c3c3b; }
.usp-content { max-width: 345px!important; font-size: 13px; }
/* Header */

.logo img { max-width: 250px;  } 

.contact-header { background: #3c3c3b; padding: 10px; margin-top: 15px;  font-size: 25px; font-weight: 300;} 

/* C2A */
.c2a h3			{font-weight: bold; margin: 0px;}
.c2a-vragen		{margin: 20px 0px; color: white; padding: 15px 15px; }
.c2a-vragen .headline	{font-size: 24px; margin-bottom: 0px; margin-top: 10px;}
/* fotogalerij */

.popup-gallery { overflow: hidden; margin-top: 15px;  }
.popup-gallery img.thumb	{margin-bottom: 20px;}


.zoekformulier .search-btn	{padding: 0px; margin: 0px; background-color: transparent; border: 0px;}
.zoekformulier 					{background-color: #69b1e8; border: 0px;}


/*#####################
	FOOTER
#####################*/	

footer						{padding: 20px 0px; margin-top: 50px; color: white;}
footer .titel				{font-size: 22px;  color: #69b1e8; font-family: 'Archivo Black', sans-serif; }

footer ul { padding: 0px; }  
footer li { list-style-type: none; } 
footer ul li a { color: white; line-height: 24px; } 

.no-padding { padding: 0px; }

iframe { width: 100%; height: auto; min-height: 300px; }

.form-horizontal { margin-top: 20px; }

img { width: 100%; height: auto; }



@media (max-width: 2500px) {
	
	.page-txt  { margin-left: 32%; }
	
}

@media (max-width: 1500px) {
	
	.page-txt  { margin-left: 20%; }
	
}


@media (max-width: 1280px) {
	
	.page-txt  { margin-left: 20%; }
	
}




@media (min-width: 1500px) {
	
	
}



@media (max-width: 1170px) {
	
	.page-txt  { margin-left: 20%; }
	
}


@media (max-width: 1024px) {
	
	.page-txt  { margin-left: 10%!important; }
	
	.header { min-height: 180px; }
	
	.contact-header {  }

	
}

@media (max-width: 800px) {
	
	.page-txt  { margin-left: 0%!important; }
	
	.header { min-height: 100px; } 
	
	.flexnav { float: none!important; }
	.menu-button { padding-left: 15px!important; margin-top: 15px; }
	
}





@media (max-width: 600px) {
	.page-txt  { margin-left: 0%!important; }
	
	.header {  }
		
}



@media (max-width: 480px) {
	
	
.contact-header { font-size: 15px;margin-bottom: 15px; border-radius: 0px; }
.menu-button { padding-left: 10px!important; }

.page-txt { margin-left: 0px!important; }

.header {  }

.blokken .blok { margin-bottom: 40px; }
.blokken .blok h3 { margin-top: 0px; }

.usp { margin-top: 0px; }

.usp-kop { font-size: 25px; margin-bottom: 15px; }

.page-txt h1 { font-size: 25px; }
	
}