<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Slicing/basing by 101Media.nl */

* { margin: 0; padding: 0; }
*::-moz-selection { background: #ddefcf; color: #343432; }
body { background: #fff; font-family: 'Cinzel', serif; font-size: 12px; color: #000; }
.clear { clear: both; }

#wrapper { margin: 0 auto; padding: 0 10px; box-sizing: border-box; max-width: 1240px; width: 100%; background: url(../images/background.png) no-repeat; background-position: top left; }

header { position: relative; }

header #logo { width: 100%; max-width: 320px; margin: 0 auto; }
header a.logo { display: block; width: 100%; margin: 15px 0; }
header a.logo img { width: 100%; opacity: 1; transition: all 300ms; }
header a.logo:hover img { opacity: 0.6; }

header address { font-style: normal; font-family: 'Cinzel', serif; margin-top: 10px; font-size: 11px; display: inline-block; float: right; position: relative; color: #5f6960; padding-right: 10px; text-align: right; line-height: 25px; border-bottom: 1px solid #c8cec9; font-weight: bold; }
header address .address { padding-right: 30px; }
header address a { color: #5f6960; text-decoration: none; }

header #slider { position: relative; }
header #topphoto { position: relative; width: 100%; height: 250px !important; margin: 0; overflow: hidden; }
header #topphoto .slide { top:0;right:0;bottom:0;left:0; position: absolute; height: auto !important; background: no-repeat center center; background-size: cover; }
header #topphoto.home { height: 500px !important; height: 70vh !important; height: calc(100vh - 320px) !important; min-height: 300px; max-height: 650px; }
header .quote { height: 6vw; position: absolute; top:0;right:0;bottom:0;left:0; z-index: 99; color: #fff; margin: auto; text-align: center; font-size: 6vw; text-shadow: 0px 3px 5px rgba(150, 150, 150, 1); font-family: 'Great Vibes', cursive; }

nav#menu #menu-toggle { cursor: pointer; display: none; color: #ffffff; text-decoration: none; font-size: 1.5em; text-transform: uppercase; text-align: center; padding: 15px 0; }
nav#menu #menu-toggle #bars { display: inline-block; vertical-align: middle; margin-right: 10px; }
nav#menu #menu-toggle #bars .bar { background-color: #fff; width: 20px; height: 2px; margin-bottom: 4px; display: block; border-radius: 2px; }
nav#menu #menu-toggle .text { display: inline-block; vertical-align: middle; }
nav#menu { width: 100%; padding: 0; box-sizing: border-box; background: #5f6960; border-bottom: 8px solid #7ec186; }
nav#menu ul { list-style: none; overflow: hidden; text-align: center; }
nav#menu ul li { font-size: 17px; color: #353533; display: inline-block; border-right: 1px solid #576158; line-height: 45px; padding: 0 30px; text-transform: uppercase; }
nav#menu ul li:last-child { border-right: 0;  }
nav#menu ul li a { transition: all 300ms; color: #ffffff; text-decoration: none; display: block; height: 53px; line-height: 53px; }
nav#menu ul li a:hover, nav#menu ul li a.active { color: #7ec186; }

.whitespace { margin-bottom: 30px; display: block; }

#content { width: 100%; box-sizing: border-box; min-height: 350px; padding: 60px 90px 20px; /* font-family: 'Open Sans'; */ background: #fff; }
#content .column { float: left; }
#content .col-3 { width: 25%; }
#content .col-4 { width: 33.3333333%; }
#content .col-5 { width: 41.6666666%; }
#content .col-5.contactform { margin-bottom: 40px; width: 35.6666666%; padding: 40px 3%; background: #E7F2E7; }
#content .col-6 { width: 50%; }
#content .col-7 { width: 58.3333333%; }
#content .col-8 { width: 66.6666666%; }
#content .col-9 { width: 75%; }

#content ul.cta { list-style: none; margin-left: 100px; margin-top: 25px; }
#content ul.cta li { transition: all 300ms; border: 1px solid #7ec186;  text-transform: uppercase; color: #5f6960; font-size: 18px; margin-bottom: 15px; font-family: 'Cinzel', serif; }
#content ul.cta li a { color: #5f6960; text-decoration: none; display: block; width: 85%; background:  url(../images/beeldmerk.png) right center no-repeat; padding: 15px; }
#content ul.cta li:hover { color: #7ec186; background: #3e493f; border-color: #3e493f; }
#content ul.cta li:hover a { color: #7ec186; background: none; }
#contentsmall {  width: 1020px; min-height: 350px; padding: 60px 90px 20px; }
#content h1, #contentsmall h1 { font-size: 22px; margin-bottom: 15px; color: #5f6960;  font-family: 'Cinzel', serif; text-transform: uppercase; }
#content h1 span, #contentsmall h1 span { font-family: 'Cinzel', serif; }
#content h2, #contentsmall h2 { font-size: 16px; margin-bottom: 15px; color: #343432; }
#content p, #contentsmall p { color: #373737; line-height: 160%; margin-bottom: 30px; font-size: 14px; }
#content p span, #contentsmall p span { font-size: 10px; }
#content blockquote { border-left: 8px solid #5f6960; padding: 10px; background: #f6faf7; font-size: 16px; color: #5f6960; max-width: 500px; margin-bottom: 20px; font-style: italic; }
#content ul, #contentsmall ul { margin-left: 15px; margin-bottom: 15px; color: #373737; line-height: 160%; font-size: 14px; }
#content a { color: #5f6960; }
#content ul.projects { margin-left: 0;  }
ul.projects li { float: left; margin: 0 10px 10px 0; display: block; width: 100px; height: 100px; text-align: center; border: 1px solid #66B32D; position: relative; }
ul.projects li .overlay { position: absolute; display: block; width: 100px; height: 100px; transition: 0.2s ease all; }
ul.projects li .overlay:hover { background: rgba(95,105,96,0.7); }
ul.projects li:hover { border: 1px solid #727272; }
ul.projects li a { color: #66B32D; font-family: 'Cinzel', serif; font-size: 12px; text-decoration: none; display: block; }
ul.projects li img {display: inline; width: 100px; height: 100px; }

#form {  }
#form fieldset { border: none; }
#form fieldset input[type="text"] { border: 1px solid #C0DDC3; padding: 5px 10px; margin-bottom: 10px; width: 100%; box-sizing: border-box; }
#form fieldset textarea { border: 1px solid #C0DDC3; color: #373737; font-family: 'Open Sans', sans-serif; font-size: 13px; padding: 5px 10px; width: 100%; box-sizing: border-box; margin-bottom: 10px; }
#form fieldset input[type="submit"], button { background: #5f6960; color: #fff; border: none; border-bottom: 8px solid #7ec186; font-family: 'Cinzel'; font-size: 17px; padding: 5px 10px; transition: 0.2s ease all; cursor: pointer; }
#form fieldset input[type="submit"]:hover, button:hover { border-bottom: 4px solid #7ec186; border-top: 4px solid #7ec186; }


footer { background: #7ec186; width: 100%; box-sizing: border-box; margin: 0 auto; line-height: 33px; color: #fff; padding: 0 25px; }
footer p.copyright { float: left; }
footer a.websiteby { transition: all 300ms; text-decoration: none; color: #fff; float: right; }
footer a:hover { color: #66b32d; }

/* ### SLIDER ### */
.nivo-nextNav, .nivo-prevNav, .nivo-controlNav { display: none; }


@media screen and (max-width: 768px) {
	header address { display: block; float: none; padding: 0; margin-top: 0; }
	header address .address, header address .telephone { padding: 0; display: block; text-align: center; }
	footer p, footer a { display: block; width: 100%; text-align: center; }
	footer a { margin-top: -10px; }
	
	#wrapper { background-position: -90px 70px; }
	
	header .quote { height: 27vw; font-size: 12vw; }
}

@media screen and (max-width: 991px) {
	#content { padding: 50px 20px; }
	#content .col-5 { width: 100%; }
	#content .col-7 { width: 100%; }
	#content ul.cta { margin: 0; }
	#content ul.cta li a { width: 94%; width: calc(100% - 50px); }
	
	nav#menu { border-bottom: 0; }
	nav#menu ul { display: none; border-bottom: 8px solid #7ec186; }
	nav#menu ul li { border: 0; width: 100%; padding: 0; }
	nav#menu ul li a { transition: all 300ms; display: block; padding: 10px 20px; height: auto; line-height: 1em; }
	nav#menu ul li a:hover { background-color: #7ec186; color: #fff; }
	nav#menu #menu-toggle { display: block; border-bottom: 8px solid #7ec186; }
	
	#content .col-5.contactform { width: 100% !important; box-sizing: border-box; }
}

@media screen and (min-width: 768px) {
	header address { position: absolute; right: 0; }
}

@media screen and (min-width: 992px) {
	nav#menu ul { display: block !important; }
}

@media screen and (min-width: 1240px) {
	header .quote { font-size: 6em; }
}
</pre></body></html>