@-webkit-viewport {width:device-width;}@-moz-viewport {width:device-width;}@-ms-viewport {width:device-width;}@-o-viewport {width:device-width;}@viewport {width:device-width;}
html, body, div, span, object, iframe, hr, img, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td, header, nav, main, section, footer, aside, article {margin:0;padding:0;border:0 none;outline:0;}
body,html {height:100%;background:white;}
body {font:100% Lato,Open Sans,Arial,Helvetica,sans-serif;line-height:1.3em;color:#777;position:relative;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:1.438em;margin-bottom:12px;color:#F27429;font-weight:bold;}
h2 {font-size:1.5em;}
h3 {font-size:1.2em;font-weight:bold;margin-bottom:0;}
h4 {font-size:1.2em;font-weight:bold;margin:.8em 0 0 0;}
.index h4 {font-size:1.3em;font-weight:bold;margin:.1em 0 .8em 0;}
h5 {font-size:1.1em;font-weight:bold;margin:.5em 0;}
#subFooter h4 {font-size:1.5em;margin-bottom:13px;}
a {color:#F27429;text-decoration:none;}
a:hover {color:#c3e24d;text-decoration:none;}
.blockClear, header, nav, main, section, footer {display:block;clear:both;}
.clear {clear:both;}
.block {display:block;}
.inlineb {display:inline-block;clear:both;width:100%;}
.floatLeft {float:left;}
.floatRight {float:right;}
.textLeft {text-align:left;}
.textRight {text-align:right;}
.textCenter {text-align:center;}
.noMargin, #content .noMargin {margin:0;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {text-decoration:underline;}
.center {margin:0 auto;}
.full {width:100%;}
.small {font-size: 12px;}
.green {color: #F27429;}
/* LAYOUT */
.wrapper {margin:0 auto;width:980px;position:relative;z-index:1;}
.logo, .logo img {width: 288px;margin-top: 6px;}
.logo .alt-font {color: #F27429;font-size: 400%;}
header {padding:10px 20px;height:100px;}

.knop {background:#F27429;line-height:39px;padding:6px 40px 7px 40px;text-decoration:none;color:white;text-align:center;font-size:1.4em;font-weight:600;}
.knop:hover {background-color:#F27429;text-decoration:none;color:white;}
.knop:first-child {margin-left:66px;}
.knop:first-child {margin-right:70px;}

.call2action {position:absolute;left:14em;top:9.6em;color:white;display:block;margin:0 auto;width:62%;}
	.alt-font {font:250% Dancing Script,Georgia,serif;color:white;line-height:100%;margin:0 0 .7em 0;}
	.h-large {font-size:500%;line-height:85%;text-transform:uppercase;color:white;font-weight:bolder;margin:50px 0 0 0;}
	.call2action h2 {font-size:260%;line-height:100%;color:white;font-weight:bolder;margin:.3em 0 .9em 0;}
	.call2action .knop {background-color:#dc2b33;text-transform:uppercase;font-size:1.2em;line-height:100%;color:white;font-weight:normal;}

.content section {background:#ededed;min-height:290px;padding:15px 200px 35px 90px;overflow:hidden;}
.index .content section {padding:15px 80px 35px 80px;}
	.content section .kolommen {column-count:2;-webkit-column-count:2;-moz-column-count:2;column-gap:40px;-webkit-column-gap:40px;-moz-column-gap:40px;column-width:42%;-webkit-column-width:42%;-moz-column-width:42%;padding-top:6px;}
		.content section .kolommen p {margin-top:0;}
		/* .index .content ul li {font-weight:bold;} */
.actie {background:white;}
.navigation {margin-top: 12px;}

/* Taalselect */
.taalkeuze {margin-bottom:37px;}
.taalkeuze ul {margin:0;}
	#taalSelect {position:absolute;z-index:9999;right:10px;}
		#taalSelect li {list-style:none;display:block;overflow:hidden;min-width:100px;background-color:#fff;border:1px solid #eee;}
		#taalSelect li:nth-child(2), #taalSelect li:nth-child(3), #taalSelect li:nth-child(4) {border-top:0 none;}
		#taalSelect li span {display:inline-block;}
			#taalSelect a, #taalSelect a:hover {color:#888;text-decoration:none;}
				.vlag {width:16px;height:12px;background:url(/images/sprite.png) no-repeat 0 -146px;margin:0 5px;}
					.nl {background-position:0 -164px;}
					.de {background-position:0 -182px;}
					.fr {background-position:0 -200px;}
				.taal {font-size:.75em;}
				.taalArrow {width:8px;height:7px;background:url(/images/sprite.png) no-repeat 0 -223px;margin:0 5px;}

.indexTxt {float:left;display:block;width:-webkit-calc(100% - 220px);width:-moz-calc(100% - 220px);width:-o-calc(100% - 220px);width:calc(100% - 220px);}
.klantBanner {float:right;display:block;width:190px;}
	.klantBanner img {-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-khtml-border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box !important;}

/* faq */
.vraag {font-weight:bold;}
.antwoord {padding-left: 20px;padding-bottom: 10px;border-bottom:1px solid #ccc ;}

/* webshop producten */
.webWrapper {display:block;clear:both;float:left;width: 100%;margin: 0 0 40px 0;}
	.webWrapper .kolom {display:block;float:left;width: calc(50% - 60px);}
	.webWrapper .productBlok {background: #fff;margin-right: 30px;margin-bottom: 30px;}
	.webWrapper > div:nth-child(4) {margin-right: 0;}
		.webWrapper img {display:block;width:238px;height:185px;border: 1px solid #f2f2f2;margin: 20px auto;}
		.productInfo {height: 230px;padding: 0px 20px 0 20px;}
			.webWrapper > div:nth-child(3) > div.productInfo, .webWrapper > div:nth-child(4) > div.productInfo {min-height: 135px;}
		.bestelBar {display: block;background: #ccc;padding: 10px;    text-align: center;}
			.bestelBar input {height: 36px;width: 25px;margin-right: 10px;border: 1px solid #999;padding-left: 15px;}
			.bestelBar a {background:#aaa;padding:6px 10px 7px 10px;}
				.bestelBar a:hover {background: #F27429;cursor: pointer;}
.bestelContainer {display:block;clear:both;width:94%;background: #fff;margin:20px 0;padding: 10px 20px 20px 20px;}
	.bestelRegel {margin: 10px;}
		.bestelRegel span {margin-right: 10px;}

/* FOOTER */
footer {height:60px;line-height:110px;margin:0 auto;width:980px;font-size:80%;text-align:center;font-size:80%;color:#a6a6a6;}

/* CONTACT */
.contactPag {float:left;width:75%;}
.verzonden {display: none;}
form {clear:both;}
label {color:#333;font-size:88%;line-height:120%;width:159px;min-width:150px;height:22px;padding:6px 5px 0 5px;margin:1px 5px 0 0;background:#dedede;}
label.trans {background:transparent;}
.formRegel {margin-bottom:1px;float:left;width:100%;}
.formRegel label, .formRegel input, .formRegel textarea, .velden_verplicht_melding, .form_melding {float:left;}
#contactform .nadruk {color:inherit;}
input.textfield {height:26px;padding:0 4px 1px 4px;margin:0 0 3px 0;width:260px;}
input, textarea {font-family:Arial,Helvetica,sans-serif;border:1px solid #ccc;color:#333;background:#fff;font-size:80%;}
.optioneel input {background:#f1f1f1;color:#555;}
.optioneel label {color:#999;}
textarea {width:400px;height:123px;padding:4px;line-height:140%;}
input.submit {display:block;width:270px;line-height:174%;padding:0 11px;color:#fff;font-size:100%;cursor:pointer;background:#dc2b33;text-align:center;border:0 none;}
input.submit:hover {background:#37516c;}
.velden_verplicht_melding, .form_melding {color:#ca4848;width:140px;padding-left:10px;font-size:80%;font-style:italic;line-height:120%;padding-top:6px;}
span.verplicht {color:#ccc;}
.verstuurd_succes {color:#639639;font-weight:bold;font-size:90%;}
.note {font-size:80%;color:#777;}
.note.verplichtMelding {padding-bottom:10px;margin-left:175px;}
#websiteHp {display:none;}
.pagina_contact_form .form_melding, .pagina_contact_form input.textfield, .pagina_contact_form textarea {float:none;display:block;clear:both;}
.pagina_contact_form .form_melding {padding:0 0 8px 2px;}

/* share buttons */
iframe.twitter-share-button {border:0 none;margin:0 5px 0 0;display:inline-block;}
.fb_iframe_widget iframe {top:2px;}
#share {margin:40px 0 0 0;}
#cookiepolicy {margin:10px 0 0 0;}

/* Taalvlaggen */
ul#vlaggen{list-style:none;font-size:10px;position:absolute;right:20%;top:0;}
ul#vlaggen li{ display:block;margin-right:20px;}
