<!--  Deze css wordt doorgevoerd vanuit de Opties-pagina aan de achterkant - Gelieve hier geen abrupte wijzigingen in te maken -->


<style>

/* ==========================================================================
   algemeen
============================================================================= */

body{
	background-color: #ffffff;
}

header{
	background-color: #f5f5f5;
}

.container {
	margin: 0 auto;
	width: 90%;
	max-width: 1100px;
}

.container.full {
	max-width: none;
}

/* ==========================================================================
   Titels
============================================================================= */

/* algemeen ===============================================*/
h1{ 
	font-family: Montserrat;
	font-size: 35px;
	line-height: 120%;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0px;
}

h2{ 
	font-family: Montserrat;
	font-size: 35px;
	line-height: 120%;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0px;
}

h3{ 
	font-family: Montserrat;
	font-size: 24px;
	line-height: 120%;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0px;
}

h4{ 
	font-family: Montserrat;
	font-size: 16px;
	line-height: 120%;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0px;
}

h5{ 
	font-family: Montserrat;
	font-size: 14px;
	line-height: 120%;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0px;
}

/* ==========================================================================
   Teksten
============================================================================= */

body{ 
	color: #646363; 
	font-family: Montserrat; 
	font-size: 14px; 
	line-height: 180%;
}

p:not(:last-of-type){
	margin-bottom: 20px;
}

.sub{ 
	font-family: Montserrat;
	font-size: 16px;
	line-height: 140%;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0px;
}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"], 
.gform_wrapper input[type="url"], 
.gform_wrapper input[type="tel"], 
textarea{
	font-family: Montserrat; 
}

a,a:visited{ color: #000000; } 
a:hover{ color: #000000; }
a,i,.popuptrigger{
	cursor: pointer;
	-webkit-transition:all 0.20s ease-in-out;
	-moz-transition:all 0.20s ease-in-out;
	transition:all 0.20s ease-in-out;
}

*::selection, p::selection, li::selection, ul::selection, img::selection, h1::selection, h2::selection, h3::selection, h4::selection, a::selection, b::selection, span::selection, strong::selection {background: #646363;color: #ffffff;}
*::-moz-selection, p::-moz-selection, li::-moz-selection, ul::-moz-selection, img::-moz-selection, h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, a::-moz-selection, b::-moz-selection, span::-moz-selection, strong::-moz-selection {background: #646363;color: #ffffff;}


/* ==========================================================================
   Navigatie
============================================================================= */


/* Ingestelde breedte van de logo's  ===============================================*/

.navigatie-normaal .logo img,
.navigatie-centraal .logo img,
.navigatie-split .logo img{
	width: 100px
}

.navigatie-scroll .logo img{
	width: 70px
}

.navigatie-mobiel .logo img{
	width: 70px
}

/* ==========================================================================
   Knoppen
============================================================================= */

.k1,.k2,.k3,.k1:visited,.k2:visited,.k3:visited,
.t1,.t2,.t3,.t1:visited,.t2:visited,.t3:visited{
	font-size: 12px!important;
	font-weight: normal;
	text-transform: uppercase!important;
	padding: 10px 25px!important;
	border-width: 2px!important;
	font-family: Montserrat;
	border-style: solid;
	display: inline-block;
	cursor: pointer;
	border-radius: 0px!important;
}

/* Volle knoppen ===============================================*/

/* kleur 1  ----------------------------------- */

.k1,.k1:visited {
	border-color: #000000;
	background-color: #000000;
	color: #ffffff;
}

.k1:hover,.k1:visited:hover {
	border-color: #ffffff;
	background-color: #ffffff;
	color: #000000;
}

/* kleur 2  ----------------------------------- */

.k2,.k2:visited{
	border-color: #dba700;
	background-color: #dba700;
	color: #ffffff;
}

.k2.k2:hover,.k2:visited:hover {
	border-color: #3c3c3b;
	background-color: #3c3c3b;
	color: #ffffff;
}

/* kleur 3  ----------------------------------- */

.k3,.k3:visited{
	border-color: #a77f00;
	background-color: #a77f00;
	color: #ffffff;
}

.k3.k3:hover,.k3:visited:hover {
	border-color: #3c3c3b;
	background-color: #3c3c3b;
	color: #ffffff;
}

/* Transparante knoppen ===============================================*/

/* kleur 1  ----------------------------------- */

.t1,.t1:visited{
	border-color: #000000;
	background-color: transparent;
	color: #000000;
}

.t1.t1:hover,.t1:visited:hover {
	border-color: #000000;
	background-color: #000000;
	color: #ffffff;
}

/* kleur 2  ----------------------------------- */

.t2,.t2:visited{
	border-color: #ffffff;
	background-color: transparent;
	color: #ffffff;
}

.t2.t2:hover,.t2:visited:hover {
	border-color: #ffffff;
	background-color: #ffffff;
	color: #000000;
}

/* kleur 3  ----------------------------------- */

.t3,.t3:visited{
	border-color: #a77f00;
	background-color: transparent;
	color: #3c3c3b;
}

.t3.k1:hover,.t3:visited:hover {
	border-color: #3c3c3b;
	background-color: #3c3c3b;
	color: #ffffff;
}

/* ==========================================================================
   Social links
============================================================================= */

.social a{
   	padding-right: 12px;
}

.social a i{
	font-size: 12px;
	color: #ffffff;
	background-color: #3c3c3b;
	border-radius: 50%;
	height: 24px;
	width: 24px;
}

.social a:hover i{
	color: #3c3c3b;
	background-color: #f7be07;
}


/* ==========================================================================
   footer
============================================================================= */

/* footer
===============================================*/

footer{ background-color:#000000; }
footer .kol, footer p{ color: #ffffff; }
footer a,footer a:visited{ color: #ffffff; }
footer a:hover{ color: #ffffff; }

/* copyrights
===============================================*/

.copyrights{ background-color:#151515; }
.copyrights .klant{ color:#ffffff; }
.copyrights .expliciet a{ color: #ffffff; }
.copyrights .expliciet a:hover{ color: #ffffff; }


/* ==========================================================================
    404
============================================================================= */

.inhoud.foute-pagina .titel{
    background-color: #000000;
}

.inhoud.foute-pagina .titel h1{
	font-size:  40px;
	font-weight:  normal;
	text-transform:  uppercase;
    	color: #ffffff;
}

.inhoud.foute-pagina .melding p{
    font-size: 14px;
    line-height:24px;
}

.inhoud.foute-pagina .terug{
    background-color: #eeeeee;
}

.inhoud.foute-pagina .terug .knop,
.inhoud.foute-pagina .terug .knop:visited{
	padding: 15px 30px;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #000000;
}

.inhoud.foute-pagina .terug .knop:hover{
	color: #ffffff;
	background-color: #3c3c3b;
}


/* ==========================================================================
    Back to top
============================================================================= */

.backtotop{ background-color: #3c3c3b; }
.backtotop:hover{ background-color: #eaeaea; }
.backtotop:before{ color: #ffffff; }
.backtotop:hover:before{ color: #3c3c3b; }

/* ==========================================================================
   Popup
============================================================================= */

/* Standaard ===============================================*/

.popup .inner{ background-color: #f5f5f5; max-width: 600px; }
.popup .inner .sluiten { background-color: #000000 }
.popup .inner .sluiten:hover { background-color: #3c3c3b; }
.popup .inner .sluiten:before, .popup .inner .sluiten:after { background-color: #ffffff;}
.popup .inner .sluiten:hover:before,.popup .inner .sluiten:hover:after { background-color: #ffffff;}


/* Custom ===============================================*/

.popup.custom .inner{ background-color: ; max-width: px; }
.popup.custom .inner .sluiten { background-color:  }
.popup.custom .inner .sluiten:hover { background-color: ; }
.popup.custom .inner .sluiten:before,.popup.custom .inner .sluiten:after { background-color: ;}
.popup.custom .inner .sluiten:hover:before,.popup.custom .inner .sluiten:hover:after { background-color: ;}

/* ==========================================================================
   Formulier (Gravityforms)
============================================================================= */

.gform_wrapper li.gfield{ 
	margin-bottom: 15px
}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"], 
.gform_wrapper input[type="url"], 
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"], 
.gform_wrapper select,  
.gform_wrapper textarea{
	border: 2px solid #ffffff!important;
	border-radius: 0px;
	background-color: #ffffff;
	color: ##646363;
	padding: 8px 10px!important;
	font-size: 12px!important;
	line-height: 20px;
	}

.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus, 
.gform_wrapper input[type="url"]:focus, 
.gform_wrapper input[type="tel"]:focus, 
.gform_wrapper input[type="number"]:focus, 
.gform_wrapper select:focus,
.gform_wrapper textarea:focus{
	color: ##646363;
	background-color: #ffffff;
	border-color: #ffffff!important;
	}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"], 
.gform_wrapper input[type="url"], 
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper select{
	height: 40px;
}

.gform_wrapper textarea{
	height: 180px;
}

.gform_wrapper input.gform_button{
	background-color: #000000;
	color: #ffffff;
	font-size: 14px!important;
	font-weight: bold;
	text-transform: uppercase;
	border-width: 3px;
	border-style: solid;
	border-radius: 0px;
}

.gform_wrapper input.gform_button:hover {
	border-color: #000000!important;
   	background-color: #000000;
   	color: #ffffff;
}

::-webkit-input-placeholder { color: #9b9b9b; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
:-ms-input-placeholder { color: #9b9b9b; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }

</style>

	