<!--  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: 12px;
		line-height: 190%;
	}

	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
	}

	/* ==========================================================================
   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: #dba700;
		background-color: transparent;
		color: #3c3c3b;
	}

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

	/* 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>