/* Copyright FUZE Framework - Ebbers Media BV | Fuze - CSS */


/* 
-------------------------------------------------------------- 

   File: reset.css

--------------------------------------------------------------
*/ 

html {
  margin:0;
  padding:0;
  border:0;
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
* { box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section, main {
    display:block;
}

button { -webkit-appearance:none;}

/* Line-height should always be unitless! */
body {
  line-height: 130%; /*1.5*/
  background: white;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
  border-collapse: separate;
  border-spacing: 0;
}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td {
  text-align: left;
  font-weight: normal;
  float:none !important;
}
table, th, td {
  vertical-align: middle;
}
input, button,select { border:none;border-radius:0px;}
textarea { resize:vertical;}
/* DELETE Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
img { display:block;}
/* Remember to define your own focus styles! */
:focus { outline: 0; }

@media handheld, screen and (max-width: 768px) {
	input[type=text],
	input[type=tel],
	input[type=number],
	input[type=password],
	input[type=email],
	textarea { font-size:16px !important;}
}

/* 
-------------------------------------------------------------- 

   File: fancybox.css

--------------------------------------------------------------
*/ 

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-wrap *,
#fancybox-wrap { box-sizing:content-box;-moz-box-sizing:content-box;}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('app/Styles/images/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('app/Styles/images/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('app/Styles/images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('app/Styles/images/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('app/Styles/images/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('app/Styles/images/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('app/Styles/images/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('app/Styles/images/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('app/Styles/images/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('app/Styles/images/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('app/Styles/images/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('app/Styles/images/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('app/Styles/images/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('app/Styles/images/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('app/Styles/images/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('app/Styles/images/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('app/Styles/images/fancybox/fancybox.png') -55px -90px no-repeat;
}

div#fancy_inner {border-color:#000;}
div#fancy_close {right:-15px;left:-12px}
div#fancy_bg {background-color: #000; border:1px solid #000;}

/* 
-------------------------------------------------------------- 

   File: fuze-style.css

--------------------------------------------------------------
*/ 

/* Send to friend popup */
body.fuze-ajax-render_form{background:#fff;}

/* Loading */
#wpdc-loading { position: fixed;top: 50%;left: 50%;width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;cursor: pointer;overflow: hidden;z-index: 9999;display: none;}
	#wpdc-loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background-image: url(_core/css/images/loading.png);}

/* Error handling */
.footer_errors{background: transparent!important;}
.error_message{border:1px solid #e9bdbd;background: #fcd9d9;color: #ff0000;text-align:center;padding:5px 20px;}
.error_message p{margin-bottom:0px;}
.success_message{border:1px solid #c4e9bd;background: #dffcd9;color: #429b57;text-align:center;padding:5px 20px;}

/* Fuze Debug screen */
#fuze-debug{text-align:left;padding:20px;background:#333;}
#fuze-debug,
	#fuze-debug h1,
	#fuze-debug h2,
	#fuze-debug h3,
	#fuze-debug h4,
	#fuze-debug h5,
	#fuze-debug h6,
	#fuze-debug p{font-family:Arial;}

	#fuze-debug h3, 
		#fuze-debug-page h3{padding:10px;display:block;color:#fff;background:#b90000;margin-bottom:10px;}
	
	#fuze-debug-page{background:#fff;margin-right:340px;height:100%;padding:10px;height:400px;overflow-y:scroll;}
		#fuze-debug-page h3{background:#b1b1b1;}
		#fuze-debug-page-details > div.fl{margin-right:10px;padding:10px;border:1px solid #000;}
			#fuze-debug-page-details th{font-size:16px;margin-bottom:10px;display:block;}

	#fuze-errors{color:#000;width:300px;padding:10px;background:#fff;height:400px;overflow-y:scroll;}
		#fuze-errors li{padding:5px 0;border-bottom:1px solid #ddd;}
		#fuze-errors li.priority-high{background: #ffeded;color: #ff0000;border-color:#e9bdbd;}
	#fuze-errors-label{background:#fff url(_core/css/images/fuze-errors-label.png) no-repeat 10px 8px;border:1px solid #e9bdbd;border-top:0; color:#000;display:block;padding:5px 10px 5px 35px;}

/* Overlay */
._overlay{ background: #000; position:fixed;height:100%;width: 100%; cursor:pointer;z-index:990;}

/* Google maps fix */
.googlemap_wrapper img{ background-color: transparent !important;}

/* 
-------------------------------------------------------------- 

   File: default.css

--------------------------------------------------------------
*/ 

/*
Theme Name: Fuze framework
Version: 2.7
Description: Designed by <a href="http://www.ebbersmedia.nl">ebbers media</a>.
Author: ebbersmedia.nl
Author URI: http://www.ebbersmedia.nl

	� FUZE Framework - Ebbers Media BV

*/


/* Html en Body
----------------------------------------------------------*/

html {}

body {
    font-family: Arial, Helvetica, Sans-serif;
    min-height: 100%;
    line-height: 20px;
    font-size: 14px;
    background: #fff;
}

* {
    font-variant-ligatures: none;
}

::-moz-selection {
    color: #fff;
    background: #000;
}

::selection {
    color: #fff;
    background: #000;
}

.divide.fifth {
    width: 20%;
}

.divide.quarter {
    width: 25%;
}

.divide.third {
    width: 33.33%;
}

.divide.half {
    width: 50%;
}

.divide.twothird {
    width: 66.66%;
}

.divide.threequarter {
    width: 75%;
}

.divide.fourfifth {
    width: 80%;
}

.fullwidth {
    width: 100%;
}

.fullheight {
    height: 100%;
}

.colfull {
    width: 1440px;
    position: relative;
}

.auto {
    margin: auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clr {
    clear: both;
}

.tac {
    text-align: center;
}

.tr {
    -o-transition: 0.1s;
    -moz-transition: 0.1s;
    -webkit-transition: 0.1s;
    -ms-transition: 0.1s;
    transition: 0.1s;
}

.table {
    display: table;
}

.row {
    display: table-row;
}

.cell {
    display: table-cell;
}

#container {
    overflow: hidden;
}

#wrapper {
    position: relative;
    transition: left 0.1s ease-in;
    left: 0px;
    width: 100%;
    padding-top: 110px
}

#wrapper.open {
    left: -325px;
}


/* Tekst standaarden
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, Sans-serif;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

em {
    font-style: italic;
}


/* Formulieren
----------------------------------------------------------*/

.button {
    display: inline-block;
    padding: 20px 20px;
    text-align: center;
    transition: all 0.1s ease;
    background: #f2f7f5;
    color: #056839;
	font-size: 20px;
	border-radius: 10px;
	font-family: 'Lato';
	font-weight: bold;
}
.button.review {
    display: inline-block;
    padding: 15px 15px;
    text-align: center;
    transition: all 0.1s ease;
    background: #f2f7f5;
    color: #056839;
    font-size: 16px;
    border-radius: 10px;
    font-family: 'Lato';
    font-weight: bold;
    margin-left: 72px;
    margin-top: 4px;
}
.button.terug {
    margin-top: 20px;
}
a.button.terug{
    text-decoration: none;
}
.button.terug i{
    padding-right: 10px;
}
.button1 {
    display: inline-block;
    padding: 20px 20px;
    text-align: center;
    transition: all 0.1s ease;
    background: #8dc63f;
    color: #ffffff;
	font-size: 20px;
	border-radius: 10px;
	font-family: 'Lato';
	margin-left: 25px;
	font-weight: bold;
}
.button1 i{
	padding-right: 5px;
}

.button:hover {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    background: #056839;
}
.button1:hover{
    color: #056839;
}
.button2 i{
    margin-left: 550px;
    position: absolute;
    margin-top: 280px;
    font-size: 70px;
    color: #8dc83f;
}

input[type=text], input[type=email], textarea {
    margin: 0px;
    padding: 15px 20px;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="button"],
input[type="submit"],
input[type="tel"],
textarea {
    -webkit-appearance: none;
    appearance: none;
}

form .updated, form .settings-error {
    display: block;
    text-align: center;
    background-color: #A3F7A3;
    padding: 10px 0;
    margin-bottom: 12px;
}
#footer-form .updated p, #footer-form .settings-error p {
    padding-top: 0px;
    font-size: 16px;
    padding-bottom: 0px;
}

form .updated p, form .settings-error p {
    margin-bottom: 0 !important;
}
#contactform .form-field input[type=text].error,
#contactform .form-field input[type=email].error,
#contactform .form-field input[type=tel].error,
#contactform .form-field textarea.error {
    border: 2px solid #dc3545;
}
#contactform input[type=tel].error input[placeholder]{
    color: #dc3545;
}
#footer-form .form-field input[type=text].error,
#footer-form .form-field input[type=email].error,
#footer-form .form-field input[type=tel].error,
#footer-form .form-field textarea.error {
    border: 2px solid #dc3545;
}

form .settings-error.error {
    background-color: #f7a3a3;
}

form .settings-error a {
    color: red !important;
}

form .noscript-warning {
    color: red;
    font-style: italic;
    margin-top: 10px;
}


/* Loader
----------------------------------------------------------*/

#squared-loader {
    height: 11px;
    width: 43px;
    margin: 10px auto;
    background-image: url(app/Styles/images/squares-loader.gif);
}


/* Header
----------------------------------------------------------*/

#header {
    height: 110px;
    position: fixed;
    z-index: 4;
    background-color: #fff;
    width: 100%;
    margin: auto;
    top: 0px;
}

#header #logo{
	padding-top: 30px;
    padding-right: 30px;
}
.header-buttons{
    padding-top: 25px;
    margin-right: -20px;
}
.header-buttons a{
    text-decoration: none;
}
/* Dropdown menu met 3+ levels
----------------------------------------------------------*/

#topnav {
	padding-top: 30px;
}

#topnav ul {

}

#topnav li {
    white-space: nowrap;
    position: relative;
    list-style: none;
}


/* First level
	----------------*/

#topnav>ul>li {
    float: left;
}

#topnav a {
    display: block;
    text-decoration: none;
    padding: 15px 20px;
    background: white;
    color: #056839;
    transition: all 0.1s ease;
	font-size: 20px;
	font-family: 'Lato';
	font-weight: bold;
	margin-left: 20px;
    border-radius: 10px;
}

#topnav ul li a:hover, #topnav ul li.current_page_item>a, #topnav ul li:hover>a, #topnav ul li.current_page_ancestor>a {
    background: #056839;
    color: #fff;
}

#topnav ul li:hover .dropdown {
    display: block;
}

#topnav span.span_has_children {
    background: url(images/has-children.png) no-repeat 10px 1px;
    height: 8px;
    width: 8px;
    display: inline-block;
    padding-left: 10px;
}


/* Second level
		----------------*/

#topnav ul.dropdown {
    position: absolute;
    z-index: 100;
    left: 0px;
    top: 100%;
    display: none;
    min-width: 140px;
}

#topnav ul ul li {}

#topnav ul ul a {
    text-decoration: underline;
    display: block;
}

#topnav ul ul li:hover {}

#topnav ul ul li:hover>a {
    text-decoration: none;
}


/* Thirth level into infinity
			--------------------------------*/

#topnav ul ul span.span_has_children {
    background-image: url(images/ul-has-children.png);
}

.dropdown ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
}

.dropdown li:hover>ul, .dropdown ul>li:hover>ul, .dropdown ul ul>li:hover>ul {
    display: block;
}


/* Responsive Menu
----------------------------------------------------------*/

#resMenu {
    position: fixed;
    z-index: 9999;
    overflow: hidden;
    top: 0px;
    right: -325px;
    width: 325px;
    height: 100%;
    background: black;
    transition: all 0.1s ease;
}

#wrapper.open #resMenu {
    right: 0px;
}

#resNav {
    padding: 60px 30px;
    height: 100%;
    overflow-y: scroll;
    width: 105%;
    background-color: #056839;
}

#resNav li {
    list-style: none;
}

#resNav a {
    color: white;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
}
#resNav .current_page_item>a, #resNav .current_page_ancestor>a, #resNav a:hover {
    color: black;
}

#resNav .ul_li_ul {
    padding-left: 20px;
}

#resNavOpener {
    display: none;
}
#resMenu #resnavclose {
    position: absolute;
    right: 30px;
    top: 50px;
    margin: 0px;
}
#resMenu #resnavclose .miniBar{
    background-color: #8dc83f;
}
#resMenu #resnavclose .miniBar:first-child {
    transform: rotate(45deg);
}
#resMenu #resnavclose .miniBar:last-child {
    transform: rotate(-45deg);
    margin-top: -4.5px;
}



.menuIcon {
    width: 27px;
    transition: all 0.1s ease-in;
    cursor: pointer;
}
.menuIcon p {
    color: #056839;
}

.miniBar {
    background: #056839;
    height: 4px;
    width: 130%;
    transition: all 0.1s ease;
}

.miniBar.middle {
    margin: 4px 0px;
}

.menuIcon:hover .miniBar {
    background: grey;
}


/* Paginatie buttons (fallback)
----------------------------------------------------------*/

#fuze_pagination {
    text-align: center;
}

#fuze_pagination li {
    list-style: none;
    display: inline-block;
    padding: 5px;
    color: #000000;
}

#fuze_pagination li a {
    color: #000000;
}

#fuze_pagination li:hover a, #fuze_pagination li.current_item a {
    text-decoration: none;
}


/* Page-loop
----------------------------------------------------------*/

.page-loop img {
    max-width: 100%;
}

.page-loop blockquote {
    padding-left: 20px;
    border-left: 3px solid red;
    font-style: italic;
}

.page-loop li {
    margin-bottom: 5px;
    font-family: 'Lato';
    color: #056839 ;
    font-size: 16px;
    list-style-type: none;
    margin-left: 20px;
}
.page-loop li::before{
    content: "\f10c";
    color: #8dc63f;
    font-family: "FontAwesome";
    padding-right: 10px;
    font-size: 14px;
    position: absolute;
    margin-left: -20px;
}

.page-loop h1, .page-loop h2, .page-loop h3, .page-loop h4, .page-loop h5 {
    margin-bottom: 10px;
}


.page-loop .left {
    padding-right: 60px;
}

.page-loop .right {
    padding-left: 60px;
}


/* Footer
----------------------------------------------------------*/
section.subfooter{
	background-color: #056839;
	height: 455px;
}
section.subfooterpage_contact{
	background-color: #056839;
	height: 325px;
}

section.subfooter .formulier.fr p{
    font-size: 25px;
    font-family: 'Lato';
    color: #8dc83f;
    text-align: left;
    padding-top: 30px;
    padding-bottom: 10px;
}
section.subfooter .bedrijfs-info i,
section.subfooterpage_contact.bedrijfs-info i{
    color: #8dc83f;
    padding-right: 15px;
}
section.subfooter .bedrijfs-info i.fa.fa-facebook{
    padding-left: 3px;
    padding-right: 18px;
}
section.subfooter .bedrijfs-info i.fa.fa-phone{
    padding-left: 2px;
}
section.subfooter .bedrijfs-info a,
section.subfooterpage_contact .bedrijf-info a{
    color: #fff;
    font-family: 'Lato';
    font-size: 16px;
    text-decoration: none;
}
section.subfooter .bedrijfs-info a:hover,
section.subfooterpage_contact .bedrijf-info a:hover{
    color: #8dc83f;
}

section.subfooter .bedrijfs-info,
section.subfooterpage_contact .bedrijfs-info{
    position: absolute;
    padding-top: 35px;
}
section.subfooter .bedrijfs-info .Mvl .fr p,
section.subfooterpage_contact .bedrijfs-info .Mvl .fr p {
    font-family: 'Shadows Into Light';
    color: #000;
}

section.subfooter .bedrijfs-info p,
section.subfooterpage_contact .bedrijfs-info p {
    padding-top: 35px;
    color: #fff;
    font-size: 16px;
    font-family: 'Lato'
}
section.subfooter .bedrijfs-info figure,
section.subfooterpage_contact .bedrijfs-info figure{
    padding-top: 170px;
}
section.subfooter .divide.half.fl .Mvl img,
section.subfooterpage_contact .divide.half.fl .Mvl img{
    position: absolute;
    left: 315px;
    bottom: -460px;
}

section.subfooter .divide.half.fl .oplossing p{
    font-family: 'Shadows Into Light';
    font-size: 30px;
    color: #fff;
    padding-top: 35px;
    padding-bottom: 35px;
    line-height: 38px;
}
section.subfooter .divide.half.fl .oplossing span{
    color: #8dc83f;
    font-weight: bold;
    padding-top: 35px;
    font-size: 15px;
}
section.subfooter .divide.half.fl .oplossing span.installateur{
    color: #fff;
    font-weight: 400;
    font-size: 15px;
}
section.subfooter .divide.half.fl .oplossing img{
    margin-left: 50px;
    margin-top: 10px;
}
#footer {
    position: relative;
    background-color: #fafafa;
    height: 80px;
}
#footer-form label{
    display: none;
}
#footer #copy{
    padding-top: 30px;
    font-family: 'Lato';
    font-size: 16px;
    color: #aaaaaa;
}
#footer #copy a{
    color: #aaaaaa;
    text-decoration: none;
}
#footer #copy a:hover{
    color: #056839;
}
#footer-form {
    padding-top: 8px;
}
#footer-form input[type=text]{
    width: 50%;
    float: left;
    border-radius: 10px;
    border: solid 1px #056839;
    font-family: 'Lato';
    padding: 20px 20px;
}
#footer-form input[type=tel]{
    width: calc(50% - 30px);
    float: left;
    padding: 20px 20px;
    margin-left: 30px;
    border-radius: 10px;
    border: solid 1px #056839;
    font-family: 'Lato'
}
#footer-form input[type=email]{
    width: 100%;
    padding: 20px 20px;
    border-radius: 10px;
    border: solid 1px #056839;
    font-family: 'Lato';
}
#footer-form textarea{
    width: 100%;
    border-radius: 10px;
    border: solid 1px #056839;
    font-family: 'Lato';
}
#footer-form .button1 {
    border: none;
    margin-left: 0px;
    padding: 15px 30px;
    margin-top: 5px;
    font-weight: normal;
}
#contactform{
    padding-right: 110px;
}
#contactform label{
    display: none;
}
#contactform input[type=text]{
    width: 50%;
    float: left;
    border-radius: 10px;
    border: solid 1px #056839;
    font-family: 'Lato';
    padding: 20px 20px;
}
#contactform input[type=tel]{
    width: 47%;
    float: left;
    padding: 20px 20px;
    margin-left: 13px;
    border-radius: 10px;
    border: solid 1px #056839;
    font-family: 'Lato'
}
#contactform input[type=email]{
    width: 100%;
    padding: 20px 20px;
    border-radius: 10px;
    border: solid 1px #056839;
    font-family: 'Lato';
}
#contactform textarea{
    width: 100%;
    border-radius: 10px;
    border: solid 1px #056839;
    font-family: 'Lato';
}
#contactform .button1 {
    border: none;
    margin-left: 0px;
    padding: 15px 30px;
    margin-top: 10px;
    font-weight: normal;
}
#contactform p{
    font-family: 'Lato';
    font-size: 15px;
    padding: 10px 0px 10px 0px;
    color: #056839;
}
#contactform .form-field.checkbox label{
    display: block;
    color: #056839 ;
    font-size: 15px;
    font-family: 'Lato'
}


/* Sitemap
-----------------------------------------------------------*/

.sitemap {
    margin-bottom: 25px;
    width: 200px;
}

.sitemap li, .sitemap ul {
    list-style-type: none !important;
    padding-left: 0;
}

.sitemap ul li ul {
    border-left: 1px solid #dfdfdf;
    padding-left: 10px;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 10px;
    margin-left: 25px;
}

.sitemap ul li a {
    padding: 5px 0px;
    display: block;
}

.sitemap ul li ul li ul {
    margin-left: 50px;
}


/* Google Maps
-----------------------------------------------------------*/

#gmaps {
    position: relative;
    height: 380px;
    width: 100%;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#gmaps-wrap {
    height: 380px;
    overflow: hidden;
    width: 100%;
}

#map-canvas {
    height: 110%;
}

#gm_directions {
    position: absolute;
    bottom: 10px;
    right: 20px;
    z-index: 5;
    width: 380px;
}

#gm_directions span.error {
    display: none !important;
}

#gm_directions .button, #gm_directions input {
    display: block;
    float: left;
    border-right: 0px;
}

#gm_directions .button {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 13px 20px;
    font-size: 16px;
    width: 35%;
    text-align: center;
}

#gm_directions input {
    width: 65%;
    margin-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

#gm_directions .companyInfo {
    padding: 15px 20px;
    line-height: 1.5em;
    background: #ffffff;
    margin-bottom: 10px;
    width: 50%;
    float: right;
}

#gm_directions .companyInfo strong {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 20px;
}

#contactform {
    margin: 40px 0px;
}

input {
    border: 1px solid #000000;
    margin-bottom: 10px !important;
    display: inline-block;
}
input[type=checkbox]{
    float: left;
    display: block;
    margin-bottom: 0px !important;
}
.home-image{
    height: 650px;
    position: relative;
    background-position: center;
    background-size: cover;
}

.home-image p{
    color: #fff;
    font-size: 65px;
    font-family: 'Lato';
    line-height: 70px;
    font-weight: 600;
    position: absolute;
    left: 230px;
    top: 225px;
    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.34);
}
.home-image .review{
    position: absolute;
    bottom: 0px;
    left: calc( 50% - 125px);
    background: #056839;
    padding: 20px 20px;
    border-radius: 10px 10px 0px 0px;
}
.home-image a .review{
    font-family: 'Lato';
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    padding-right: 20px;
}
.home-image .review i{
    padding-left: 5px;
}
.home .vakkundig{
    background-color: #fff;
    height: 440px;
    padding-top: 50px;
}
.home .vakkundig h2{
    font-size: 35px;
    color: #056839;
    padding-right: 50px;
    line-height: 40px;
    text-align: center;
    padding-left: 50px;
    font-family: 'Lato'
}
.home .vakkundig p{
    padding-left: 50px;
    padding-right: 50px;
    text-align: center;
    padding-top: 20px;
    font-size: 15px;
}
.home .vakkundig .divide.quarter.fl img{
    height: 52px;
    margin: auto;
    margin-bottom: 20px;
}
.home-image img{
    position: absolute;
    bottom: 185px;
    left: 235px;
}
.home-image img.arrow{
    left: 1030px;
    top: 190px;
}
.home-image span{
    font-family: 'Shadows Into Light';
    color: #8dc63f;
    font-size: 30px;
    position: absolute;
    left: 830px;
    top: 14vh;
}
section#contentPage404{
    height: 300px;
}
section#contentPage404 h1{
    font-family: 'Lato';
    color: #058639;
    padding-top: 110px;
    padding-bottom: 20px;
}
section#contentPage404 p{
    font-family: 'Lato';
    font-size: 16px;
}
.home .werkspot{
    background-color: #f2f7f5;
    height: 575px;
}

.home .werkspot h2{
    font-size: 35px;
    color: #056839;
    text-align: center;
    padding-top: 70px;
    font-family: 'Lato'
}
/*.home .werkspot .divide.quarter.fl .overlay{
    background: #058639;
    opacity: 0.7;
    height: 100px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    -o-transition: 0.1s;
    -moz-transition: 0.1s;
    -webkit-transition: 0.1s;
    -ms-transition: 0.1s;
    transition: 0.3s;
}*/
div.opdracht{
    position: absolute;
    background: rgba(5, 134, 57, 0.7);
    padding-top: 20px;
    height: 100%;
    width: 100%;
    top: calc(100% - 100px);
    -o-transition: 0.1s;
    -moz-transition: 0.1s;
    -webkit-transition: 0.1s;
    -ms-transition: 0.1s;
    transition: 0.3s;
}
i.fa.fa-arrow-circle-right{
    color: #fff;
    font-size: 55px;
    left: calc(50% - 25px);
    position: absolute;
    bottom: 150px;
}
.opdracht span.opdracht{
    display: block;
    padding-left: 20px;
    font-size: 25px;
    color: #fff;
    z-index: 1;
    font-family: 'Lato';
    font-weight: 600;
}
span.opdracht4 {
    display: block;
    left: calc(50% - 125px);
    font-size: 25px;
    color: #fff;
    z-index: 1;
    font-family: 'Lato';
    font-weight: 600;
    position: absolute;
    bottom: 90px;
}
.opdracht span.locatie{
    display: inline-block;
    padding-left: 20px;
    margin-top: 22px;
    color: #8dc63f;
    font-size: 20px;
    font-family: 'Lato';
    z-index: 1;
}
.opdracht span.cijfer{
    float: right;
    margin-top: 15px;
    margin-right: 20px;
    display: inline-block;
    font-size: 30px;
    color: #8dc63f;
    font-family: 'Lato';
    font-weight: 600;
    z-index: 1;
}
.opdracht a{
    text-decoration: none;
}
.opdracht p{
    padding-top: 10px;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}
.home .werkspot .divide.quarter.fl{
    width: 330px;
    height: 330px;
    border-radius: 20px;
    margin-right: 30px;
    margin-top: 50px;
    position: relative;
    overflow: hidden;

}
.home .werkspot .divide.quarter.fl.first{
    background-position: bottom;
    background-size: 100%;
}
.divide.quarter.fl:hover div.opdracht{
 top: 0px;
}

.home .werkspot .divide.quarter.fl.second{
    background-position: center;
    background-size: 100%;
}
.home .werkspot .divide.quarter.fl.third{
    background-position: center;
    background-size: cover;

}
.home .werkspot .divide.quarter.fl.fourth{
    background-position: bottom;
    background-size: 110%;
}
.werkspotlogo{
    margin: auto;
    width: 250px;
}
.werkspotlogo img{
    width: 250px;
    position: absolute;
    bottom: 0px;
}
.home .watersysteem{
    background-color: #fff;
    height: 500px;
}
.watersysteem-diensten{
    background-color: #f2f7f5;
    height: 590px;
}
.watersysteem-dienst{
    background-color: #f2f7f5;
    height: auto;
}
.watersysteem-diensten.zon{
    background-color: #ffffff;
    height: auto;
}
.watersysteem-diensten.zon2{
    background-color: #ffffff;
    height: auto;
}
.watersysteem-diensten h2{
    font-size: 35px;
    color: #056839;
    text-align: left;
    font-family: 'Lato';
    line-height: 45px;
    padding-bottom: 20px;
}
.watersysteem-diensten .divide.half.fr{
    margin-right: -130px;
}
.watersysteem-diensten p{
    padding-right: 210px;
}
.watersysteem-diensten .divide.half.fl iframe{
    margin-top: 120px;
    max-width: 100%
}
.watersysteem-diensten .divide.half.fl iframe.frame-page{
    margin-top: 70px;
    max-width: 100%
}
.watersysteem-diensten .divide.half.fr iframe.frame-page.extra{
    margin-top: 120px;
}
.watersysteem-diensten .page-loop p{
    padding-bottom: 20px;
    color: #056839;
    font-size: 15px;
    font-family: 'Lato';
    line-height: 25px;
    padding-top: 20px;
}
.watersysteem-dienst .divide.half.fr img{
    height: 250px;
    margin: auto;
    margin-top: 120px;
}
.watersysteem-dienst .divide.half.fr iframe{
    max-width: 100%;
    margin: auto;
    margin-top: 50px;
    margin-left: 140px;
}

.watersysteem-dienst .page-loop p,
.watersysteem-diensten .page-loop-diensten p{
    padding-bottom: 20px;
    color: #056839;
    font-size: 15px;
    font-family: 'Lato';
    line-height: 25px;
    padding-top: 20px;
}
.watersysteem-diensten .page-loop{
    padding-top: 55px;
    padding-bottom: 20px;
}
.watersysteem-diensten .page-loop-diensten{
    padding-top: 0px;
}
.watersysteem-dienst .divide.half.fl .page-loop{
    padding: 20px 0px;
}
.watersysteem-diensten .button1{
    margin-left: 0px;
    padding: 20px 40px;
}
.watersysteem-diensten a{
    text-decoration: none;
}

.watersysteem-diensten .divide.half.fl img{
    height: 370px;
    border-radius: 10px;
    margin-top: 50px;
    max-width: 100%;
    margin-bottom: 70px;
}
.watersysteem-diensten .dagje img{
    position: relative;
    top: 80px;
    right: -480px;
}
.watersysteem-diensten .dagje span{
    font-family: 'Shadows Into Light';
    color: #056839;
    font-size: 30px;
    position: relative;
    top: 70px;
    right: -440px;
}
.douche{
    height: 590px;
    background-color: #fff;
}
.douche .divide.half.fr span{
    position: absolute;
    right: -110px;
    bottom: calc(50% - 130px);
    font-family: 'Shadows Into Light';
    font-size: 30px;
    color: #056369;
}
.douche h2{
    font-size: 35px;
    color: #056839;
    text-align: left;
    padding-top: 120px;
    font-family: 'Lato';
    line-height: 45px;
    padding-bottom: 20px;
}
.douche.home h2{
    font-size: 35px;
    color: #056839;
    text-align: left;
    padding-top: 120px;
    font-family: 'Lato';
    line-height: 45px;
    padding-bottom: 20px;
}
.douche .divide.half.fl p{
    color: #056839;
    font-size: 15px;
    font-family: 'Lato';
    line-height: 25px;
    padding-right: 210px;
}
.douche.home .colfull.auto .divide.half.fl p{
    padding-left: 0px;
    color: #056839;
    font-size: 15px;
    font-family: 'Lato';
    line-height: 25px;
    padding-right: 210px;
}
.douche img{
    position: relative;
    top: -270px;
    right: -640px;
}
.douche img.mobieledouche{
    top: 70px;
    right: 0px;
    margin: auto;
    height: 420px;
}

.home .watersysteem h2{
    font-size: 35px;
    color: #056839;
    text-align: left;
    padding-top: 70px;
    font-family: 'Lato';
    line-height: 45px;
    padding-bottom: 20px;
}
.home .watersysteem .divide.half.fr{
    margin-right: -130px;
}
.home .watersysteem p{
    padding-right: 400px;
    padding-bottom: 50px;
}
.home .watersysteem .button1{
    margin-left: 0px;
    padding: 20px 40px;
}
.home .watersysteem a{
    text-decoration: none;
}

.home .watersysteem .divide.half.fl img{
    padding-top: 50px;
    height: 420px;
    margin: auto;
}
#contactPage .page-title{
    height: 175px;
    padding-top: 33px;
}
#contactPage .page-sub{
    height: 15px;
    background-color: #8dc63f;
}
#contactPage .page-title span{
    font-size: 66px;
    color: #fff;
    font-family: 'Lato';
    font-weight: 600;
}
#contactPage .header-bar{
    background-color: #056839;
}
#contactPage .contact-content .divide.half.fr{
    height: 745px;
    background-repeat: no-repeat;
    background-size: cover;
}
#contactPage .contact-content .divide.half.fl .page-loop p{
    padding-right: 110px;
    font-family: 'Lato';
    font-size: 15px;
    color: #056839
}
#contactPage .diensten-content .divide.half.fl .page-loop p{
    padding-right: 110px;
    font-family: 'Lato';
    font-size: 15px;
    color: #056839;
    padding-bottom: 20px;
}
#contactPage .contact-content .divide.half.fl .page-loop h2{
    padding-right: 40px;
    font-family: 'Lato';
    color: #056839;
}

#contactPage .diensten-content ul li a{
    text-decoration: none;
    color: #056839;
}
#contactPage .diensten-content ul li a:hover{
    color: #8dc63f;
}
#contactPage .diensten-content .divide.half.fl .page-loop h1{
    padding-right: 40px;
    line-height: 30px;
    font-family: 'Lato';
    color: #056839;
}
#contactPage .diensten-content .divide.half.fl ul li{
    list-style: none;
    font-size: 20px;
    color: #056839;
    padding-bottom: 15px;
}
#contactPage .diensten-content .divide.half.fl ul li::before{
    content: "\f0da";
    color: #8dc63f;
    font-family: "FontAwesome";
    padding-right: 10px;
    font-size: 25px;
}
#contactPage .diensten-content .divide.half.fr{
    height: 645px;
    background-repeat: no-repeat;
    background-size: cover;
}
div#page-28, div#page-30, div#page-32 , div#page-34 , div#page-37, div#page-39, div#page-41, div#page-9, div#page-17{
    padding-top: 50px;;
}
div#page-15.page-loop{
    padding-top: 0px;
    margin-top: -30px;
}
div#page-43.page-loop ul{
    padding: 0px 150px 0px 0px;
    margin-bottom: 0px;
}
.divide.half.fl .page-loop ul {
    padding: 0px 40px 0px 0px;
}
.divide.half.fl .page-loop ul li::before{
    content: "\f10c";
    color: #8dc63f;
    font-family: "FontAwesome";
    padding-right: 10px;
    font-size: 14px;
    position: absolute;
    margin-left: -20px;
}
.divide.half.fr .page-loop ul {
    padding: 0px 150px 20px 0px;
}
.divide.half.fr .page-loop ul li::before{
    content: "\f10c";
    color: #8dc63f;
    font-family: "FontAwesome";
    padding-right: 10px;
    font-size: 14px;
    position: absolute;
    margin-left: -20px;
}
.divide.half.fl .page-loop ul li{
    list-style: none;
    font-family: 'Lato';
    font-size: 15px;
    color: #056839;

}
.divide.half.fr .page-loop ul li{
    list-style: none;
    font-family: 'Lato';
    font-size: 15px;
    color: #056839;
}
.watersysteem-diensten.zon ul li{
    list-style: none;
    font-family: 'Lato';
    font-size: 15px;
    color: #056839;
}
.watersysteem-diensten.zon2 ul li{
    list-style: none;
    font-family: 'Lato';
    font-size: 15px;
    color: #056839;
    padding-bottom: 5px;
}
.watersysteem-diensten.zon ul{
    margin-bottom: 20px;
}
.watersysteem-diensten.zon ul li::before{
    content: "\f0da";
    color: #8dc63f;
    font-family: "FontAwesome";
    padding-right: 10px;
    font-size: 25px;
}
.watersysteem-diensten.zon2 ul li::before{
    content: "\f10c";
    color: #8dc63f;
    font-family: "FontAwesome";
    padding-right: 10px;
    font-size: 14px;
}
.page-loop.home{
    padding: 20px 250px 30px 0px;
    color: #056839;
    font-size: 15px;
    font-family: 'Lato';
    line-height: 25px;
}
div#page-47 a, div#page-43 a{
 text-decoration: none;
}
.extra-videos{
    padding-top: 50px;
    margin-bottom: -90px;
}

/* 
-------------------------------------------------------------- 

   File: style.css

--------------------------------------------------------------
*/ 

/* Html en Body
----------------------------------------------------------*/
html{}
body{font-family: Arial,Helvetica,Sans-serif; min-height:100%;line-height:20px;font-size:14px;background: #fff;}

*{font-variant-ligatures: none;}

.colfull{ width:1240px;position:relative;}
.auto { margin:auto;}
.fl { float:left;}
.fr { float:right;}
.clr { clear:both;}

.table { display:table;}
.row { display:table-row;}
.cell { display:table-cell;}

#container { overflow:hidden;}
#wrapper { position: relative;transition: left 0.1s ease-in;left: 0px;width: 100%; }
#wrapper.open { left: -325px; }

/* Tekst standaarden
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6  { font-family: Arial,Helvetica,Sans-serif; }
h1{font-size:30px;} h2{font-size:24px;} h3{font-size:18px;}
h4{font-size:16px;} h5{font-size:14px;} h6{font-size:12px;}

/* Formulieren
----------------------------------------------------------*/
.button {display:inline-block;padding:15px 20px;text-align:center;transition:all 0.1s ease;background:black;color:white;}
	.button:hover {text-decoration:none;cursor:pointer;color:black;background:white;}
input[type=text], input[type=email], textarea { margin:0px;padding:15px 20px;}

form .updated, form .settings-error {display: block;text-align: center;background-color: #A3F7A3;padding: 10px 0;margin-bottom: 12px;}
form .updated p, form .settings-error p {margin-bottom:0 !important;}
form .settings-error.error {background-color:#f7a3a3;}
form .settings-error a {color:red !important;}
form .noscript-warning {color: red;font-style: italic;margin-top: 10px;}

/* Loader
----------------------------------------------------------*/
#squared-loader{height:11px;width:43px;margin:10px auto;background-image: url(app/Styles/images/squares-loader.gif);}

/* Header
----------------------------------------------------------*/
#header{}

/* Dropdown menu met 3+ levels
----------------------------------------------------------*/
#topnav{}
#topnav ul{}
#topnav li{white-space:nowrap;position:relative;list-style:none;}

	/* First level
	----------------*/
	#topnav > ul > li { float:left;	}
	#topnav a { display:block;text-decoration:none;padding:15px 20px;background:white;color:black;transition:all 0.1s ease;}
	#topnav ul li a:hover,
		#topnav ul li.current_page_item > a,
			#topnav ul li:hover > a,
				#topnav ul li.current_page_ancestor > a{ background:black;color:white;}
				#topnav ul li:hover .dropdown{ display:block; }
				#topnav span.span_has_children{background: url(images/has-children.png) no-repeat 10px 1px;height:8px;width:8px;display:inline-block;padding-left:10px;}

		/* Second level
		----------------*/
		#topnav ul.dropdown{position:absolute;z-index:100;left:0px;top:100%;display:none;min-width:140px;}
			#topnav ul ul li{}
			#topnav ul ul a{text-decoration: underline;display:block;}
				#topnav ul ul li:hover{}
				#topnav ul ul li:hover > a{text-decoration:none;}

			/* Thirth level into infinity
			--------------------------------*/
			#topnav ul ul span.span_has_children{background-image:url(images/ul-has-children.png);}
			.dropdown ul {display:none;position:absolute;left:100%;top:0;}
			.dropdown li:hover > ul,
				.dropdown ul > li:hover > ul,
				.dropdown ul ul > li:hover > ul{display:block;}

/* Responsive Menu
----------------------------------------------------------*/
#resMenu { position: fixed;z-index: 9999;overflow: hidden;top: 0px;right: -325px;width: 325px;height: 100%;background:black;transition: all 0.1s ease; }
#wrapper.open #resMenu { right: 0px; }

#resNav { padding: 60px 30px;height: 100%;overflow-y: scroll;width: 105%;}
#resNav li { list-style:none;}
#resNav a { color:white;display:block;padding:10px 20px;}
#resNav .current_page_item > a,
#resNav .current_page_ancestor > a,
#resNav a:hover { background:white;color:black;}
#resNav .ul_li_ul { padding-left:20px;}

#resNavOpener { display:none;margin-top:20px;}
.menuIcon {	width: 27px;transition: all 0.1s ease-in;cursor: pointer;}
.miniBar { background: black;height: 4px;width: 100%;transition: all 0.1s ease;}
	.miniBar.middle { margin: 4px 0px; }
	.menuIcon:hover .miniBar { background: grey;}


/* Paginatie buttons (fallback)
----------------------------------------------------------*/

#fuze_pagination { text-align:center; }
#fuze_pagination li { list-style:none;display:inline-block;padding:5px;color:#000000;}
#fuze_pagination li a { color:#000000;}
#fuze_pagination li:hover a,
#fuze_pagination li.current_item a { text-decoration:none;}


/* Footer
----------------------------------------------------------*/
#footer{ position:relative;}

/* Sitemap
-----------------------------------------------------------*/
.sitemap{margin-bottom:25px;width:200px;}
	.sitemap li,
		.sitemap ul{list-style-type:none !important;padding-left:0;}
	.sitemap ul li ul{border-left:1px solid #dfdfdf;padding-left:10px;border-bottom:1px solid #dfdfdf;padding-bottom:10px;margin-left:25px;}
		.sitemap ul li a{padding:5px 0px;display:block;}
			.sitemap ul li ul li ul{margin-left:50px;}

/* Google Maps
-----------------------------------------------------------*/
#gmaps { position:relative;height:380px;width:100%;padding-bottom:0px;margin-bottom:0px;}
#gmaps-wrap { height:380px;overflow:hidden;width:100%; }
#map-canvas { height:110%;}
#gm_directions { position:absolute;bottom:10px;right:20px;z-index:5;width:380px;}
	#gm_directions span.error { display:none !important;}
	#gm_directions .button,
	#gm_directions input { display:block;float:left;border-right:0px;}
	#gm_directions .button {  border-top-left-radius:0px;border-bottom-left-radius:0px;padding:13px 20px;font-size:16px;width:35%;text-align:center;}
	#gm_directions input { width:65%;margin-right:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;}
	#gm_directions .companyInfo { padding:15px 20px;line-height:1.5em;background:#ffffff;margin-bottom:10px;width:50%;float:right;}
		#gm_directions .companyInfo strong { display:inline-block;margin-bottom:10px;font-size:20px;}

#contactform { margin:40px 0px;}
#contactform label { font-weight:bold;width:100px;display:inline-block;}
input { border:1px solid #000000;margin-bottom:10px !important;display:inline-block;}

/* 
-------------------------------------------------------------- 

   File: responsive.css

--------------------------------------------------------------
*/ 

/*
Theme Name: Fuze framework
Version: 2.7
Description: Designed by <a href="http://www.ebbersmedia.nl">ebbers media</a>.
Author: ebbersmedia.nl
Author URI: http://www.ebbersmedia.nl

	� FUZE Framework - Ebbers Media BV

*/
    /* Responsive
-----------------------------------------------------------*/

    @media handheld, screen and (max-width: 1920px) {
        video {
            width: 80%;
        }
    }

    @media handheld, screen and (max-width: 1895px) {
        #contactform input[type=tel], #contactform input[type=text], #contactform input[type=textarea], #contactform input[type=email] {
            width: 100%;
        }
        #contactform input[type=tel] {
            margin-left: 0px;
        }
    }
    @media handheld, screen and (max-width: 1460px) {
        .home .werkspot .divide.quarter.fl.second{
            background-size: 110%
        }
        .home .vakkundig{
            height: 540px;
        }
        .douche.home h2{
            padding-left: 70px;
        }
        .douche.home .colfull.auto .divide.half.fl p{
            padding-left: 70px;
        }
        #topnav a{
            margin-left: 10px;
        }
        .colfull {
            width: 100%;
            padding-left: 20px;
            padding-right: 20px;
        }
        .watersysteem-diensten .dagje span{
            display: none;
        }
        .watersysteem-diensten .dagje img{
            display: none;
        }
        .watersysteem-diensten h2{
            padding-top: 70px;
        }
        .watersysteem-diensten .divide.half.fl iframe {
        margin-top: 100px;
        margin-left: 60px;
        }
        .watersysteem-diensten .page-loop{
            padding-top: 70px;
        }
        /*.home .werkspot .divide.quarter.fl{
            width: 320px;
            margin-right: 20px;
        }*/
        .watersysteem-diensten .divide.half.fr iframe.frame-page.extra {
            margin-top: 100px;
        }
        .reviewblokken{
            position: relative;
            width: 820px;
            margin: 0 auto;
        }
        .divide.quarter {
            width: 45%;
            margin-left: 50px;
            padding-bottom: 40px;
        }

    }
    @media handheld, screen and (max-width: 1425px) {
        .clr2 {
            clear: both;
        }
        /*.home .werkspot .divide.quarter.fl {
            width: 45%;
            margin-left: 35px;
            margin-right: 0px;
        }*/
        .home .werkspot {
            height: 955px;
        }
        .button.review {
            margin-left: 20px;
        }
        .colfull {
            width: 100%;
            padding-left: 20px;
            padding-right: 20px;
        }

        .home .vakkundig {
            height: 520px;
        }
        .watersysteem-diensten .page-loop {
            padding-top: 50px;
        }
        .watersysteem-diensten p {
            padding-right: 200px;
        }

    }
        @media handheld, screen and (max-width: 1406px) {
            .header-buttons a.button1 span{
                display: none;
            }
            .button1 i{
                padding-right: 0px;
            }
            .button1{
                margin-left: 10px;
                margin-right: 20px;
            }
            #header #logo{
                padding-right: 5px;
            }
            #contactPage .contact-content .divide.half.fr{
                height: 777px;
            }

        }
        @media handheld, screen and (max-width: 1380px) {
            .oplossing.fr{
                margin-right: -50px;
            }
            .home-image span{
                display: none;
            }
            .home-image img.arrow{
                display: none;
            }
        }
        @media handheld, screen and (max-width: 1380px) {
            section.subfooter .divide.half.fl .Mvl img, section.subfooterpage_contact .divide.half.fl .Mvl img{
                left: 245px;
            }
            .oplossing.fr {
                margin-right: -20px;
            }

        }

    @media handheld, screen and (max-width: 1240px) {
        .colfull {
            width: 100%;
            padding-left: 20px;
            padding-right: 20px;
        }
        #topnav {
            float: right;
        }
        #topnav>ul {
            display: none;
        }
        #resNavOpener {
            display: block;
        }
        #header .header-buttons .button1, #header .header-buttons .button {
            display: none;
        }
        #resNav .header-buttons .button1, #resNav .header-buttons .button {
            font-size: 16px;
        }
        #resNav .header-buttons .button {
            color: #056839;
        }
        #resNav .header-buttons .button:hover {
            text-decoration: none;
            cursor: pointer;
            color: #fff;
            background: #056839;
            border: 1px solid #fff;
        }
        #resNav .header-buttons .button1:hover {
            background: #8dc63f;
            color: #056839;
        }
        .header-buttons .button {
            padding: 14px 18px !important;
        }
        .header-buttons .button1 {
            padding: 14px 20px !important;
        }
        .header-buttons {
            margin-right: 70px;
        }
        .header-buttons .button1 {
            margin-bottom: 10px;
        }
        #contactPage .contact-content .divide.half.fl .page-loop p {
            padding: 10px 110px 0px 20px;
        }
        #contactform {
            padding-left: 20px;
        }
        #contactPage .contact-content .divide.half.fr {
            height: 828px;
        }
        .divide.half.fl .page-loop ul {
            padding: 0px 110px 0px 20px;
        }
        .button1 i{
            padding-right: 5px;
        }
    }

    @media handheld, screen and (max-width: 1200px) {
        .oplossing.fr {
            display: none;
        }
        section.subfooter .divide.half.fl .Mvl img, section.subfooterpage_contact .divide.half.fl .Mvl img{
            display: none;
        }
    }

    @media handheld, screen and (max-width: 1160px) {
        .home .vakkundig {
            height: 570px;
        }
    }

    @media handheld, screen and (max-width: 1111px) {
        .home .vakkundig {
            height: 620px;
        }
        .divide.quarter{
            margin-left: 40px;
        }
        .douche.home .colfull.auto .divide.half.fl p{
            padding-right: 0px;
        }
        .douche.home h2{
            font-size: 30px;
        }
        .home .watersysteem h2{
            font-size: 30px;
        }
        .page-loop.home{
            padding: 0px 140px 30px 0px;
        }
    }

    @media handheld, screen and (max-width: 1024px) {
        #contactPage .divide.half{
            width: 100%;
        }
        #contactPage .contact-content .divide.half.fl .page-loop p {
            padding: 10px 110px 0px 15px;
        }
        .divide.half.fl .page-loop ul {
            padding: 0px 110px 0px 15px;
        }
        .watersysteem-diensten.zon {
            margin-top: 0px;
            margin-left: 0px;
        }
        .divide.half.fr .page-loop ul {
            padding: 0px 120px 20px 0px;
        }
        .watersysteem-diensten .page-loop {
            padding-top: 20px;
        }
        .watersysteem-diensten.zon .page-loop {
            padding-top: 20px;
        }
        .divide.quarter {
            width: 50%;
            margin-left: 0px;
            padding-bottom: 20px;
        }
        .douche.home .colfull.auto .divide.half.fl p {
            padding-right: 30px;
        }
        .home-image img {
            top: 0px;
            left: 0px;
        }
        .home-image p {
            left: 170px;
            top: 145px;
            font-size: 45px;
        }
        #contactPage .diensten-content .divide.half.fl .page-loop p {
            padding: 10px 110px 20px 20px;
        }
        .watersysteem-diensten .dagje span {
            right: -370px;
        }
        .watersysteem-diensten .dagje img {
            right: -440px;
        }
        section.subfooter .divide.half.fl .Mvl img {
            position: absolute;
            left: 285px;
            bottom: -430px;
            width: 210px;
        }
        section.subfooter .divide.half.fl .oplossing img {
            margin-left: 130px;
            margin-top: -30px;
        }
        section.subfooter .formulier.fr p{
            margin-right: 55px;
        }
        #footer-form input[type=tel]{
            margin-left: 13px;
        }
        .douche .divide.half.fr span{
            display: none;
        }
        .diensten-content{
            height: 645px;
        }
        .home .watersysteem h2{
            font-size: 25px;
        }
        .page-loop.home{
            padding-right: 140px;
        }
        .douche.home h2{
            font-size: 25px;
        }
        .home-image p{
            top: 245px;
            font-size: 65px;
        }
        #contactPage .contact-content .divide.half.fr{
            height: 738px;
        }
        .watersysteem-diensten .divide.half.fr{
            margin-right: 0px;
        }
        .watersysteem-diensten p{
            padding-right: 40px;
        }
        .watersysteem-diensten .divide.half.fl iframe{
            margin-left: 0px;
            max-width: 90%;
        }
        .watersysteem-diensten .divide.half.fr iframe{
            max-width: 90%;
            padding-bottom: 20px;
        }
        .douche h2{
            padding-top: 70px;
        }
        .douche .divide.half.fl p{
            padding-right: 40px;
        }
        .douche img.mobieledouche{
            height: 380px;
        }
        .douche{
            height: 500px
        }
        .douche.home h2{
            padding-top: 70px;
        }
        .douche.home img.mobieledouche{
            right: 0px;
        }
        #contactPage .contact-content .divide.half.fr{
            height: 538px;
        }
        .watersysteem-diensten .divide.half.fl iframe.frame-page{
            max-width: 90%;
        }
        .watersysteem-diensten{
            height: auto;
        }
        #contactPage .contact-content .divide.half.fr{
        height: 798px;
        }
        .watersysteem-diensten .divide.half.fl img{
            margin-bottom: 0px;
        }
        .watersysteem-dienst{
            height: auto;
        }
        .watersysteem-dienst .divide.half.fr img{
            margin-top: 20px;
        }
        #contactform{
            padding-right: 20px;
        }
        .watersysteem-dienst .divide.half.fr iframe{
            padding-bottom: 40px;
            margin-left: 0px;
        }
        .reviewblokken {
            width: 720px;

        }
    }
        @media handheld, screen and (max-width: 950px) {
            .home .vakkundig{
                height: 670px;
            }

        }
        @media handheld, screen and (max-width: 925px) {
            #footer-form input[type=tel], #footer-form input[type=text], #footer-form input[type=textarea], #footer-form input[type=email] {
                width: 73%;
            }
            section.subfooter .divide.half.fr {
                margin-right: 0px;
            }
            #footer-form input[type=tel] {
                margin-left: 0px;
            }
            section.subfooter {
                height: 550px;
            }
            #footer-form {
                /*margin-left: -325px;*/
            }
            section.subfooter .formulier.fr{
                float: none;
            }
            section.subfooter .formulier.fr p {
                /*padding-top: 180px;*/
                line-height: 30px;
                /*margin-left: -105px;*/
                padding-right: 40px;
            }
            section.subfooter .bedrijfs-info {
                left: 15px;
            }
        }

        @media handheld, screen and (max-width: 850px) {
        .home-image p{
            top: 135px;
            font-size: 45px;
            left: 20px;
        }
        .home-image{
            height: 400px;
        }
    }

    @media handheld, screen and (max-width: 820px) {
        /*.home .werkspot .divide.quarter.fl {
            width: 83%;
            margin-right: 50px;
        }*/

        .vakkundig .divide.quarter {
            width: 100%;
            padding-bottom: 20px;
        }
        .home .vakkundig {
            height: 980px;
        }
        .home-image p{
            top: 135px;
            font-size: 45px;
            left: 20px;
        }
        .home-image {
            height: 400px;
        }
        .divide.quarter {
            margin-left: 0px;
        }
        .home .werkspot {
            height: 905px;
        }
        #contactPage .page-title {
            height: 155px;
        }
        .divide.half {
            width: 100%;
        }
        .home .watersysteem .divide.half.fl img {
            margin: auto;
        }
        .douche.home .colfull.auto .divide.half.fl p {
            padding-right: 130px;
            padding-left: 0px;
        }
        .douche.home h2 {
            padding-left: 0px;

        }
        #contactPage .diensten-content .divide.half.fl .page-loop p{
            padding: 10px 110px 20px 0px;
        }
        #contactPage .diensten-content .divide.half.fl ul {
            padding: 15px 110px 30px 20px;
        }
        #contactPage .diensten-content .divide.half.fr {
            height: 345px;
        }
        video {
            margin-left: 130px;
            margin-top: 50px;
        }
        .watersysteem-diensten {
            height: auto;
        }
        .watersysteem-diensten .dagje span {
            top: 40px;
        }
        .watersysteem-diensten .dagje img {
            top: 60px;
        }
        .douche h2 {
            padding-top: 40px;
        }
        .douche .divide.half.fl p {
            padding-right: 20px;
            padding-left: 0px;
        }
        .douche {
            height: 720px;
        }
        .douche img.mobieledouche {
            margin: auto;
            width: 450px;
        }
        .douche .divide.half.fr span {
            bottom: calc(50% - 350px);
            right: 90px;
        }
        #contactPage .contact-content .divide.half.fl .page-loop p {
            padding: 10px 110px 20px 20px;
        }
        .divide.half.fl .page-loop ul {
            padding: 0px 110px 0px 20px;
        }
        #contactPage .page-title span {
            font-size: 55px;
        }
        #footer-form input[type=tel], #footer-form input[type=text], #footer-form input[type=textarea], #footer-form input[type=email] {
            width: 73%;
        }
        section.subfooter .divide.half.fr {
            margin-right: 0px;
        }
        #footer-form input[type=tel] {
            margin-left: 0px;
        }
        section.subfooter {
            height: 825px;
        }
        #footer-form {
            /*margin-left: -325px;*/
        }
        section.subfooter .formulier.fr{
            float: none;
        }
        section.subfooter .formulier.fr p {
            /*padding-top: 180px;*/
            line-height: 30px;
            /*margin-left: -105px;*/
            padding-right: 40px;
        }
        section.subfooter .bedrijfs-info {
            left: 15px;
            position: relative;
        }
        .oplossing {
            display: none;
        }
        section.subfooter .bedrijfs-info figure {
            padding-top: 20px;
        }
        section.subfooter .divide.half.fl .Mvl img {
            display: none;
        }
        #contactform input[type=tel], #contactform input[type=text], #contactform input[type=textarea], #contactform input[type=email] {
            width: 100%;
        }
        #contactform input[type=tel] {
            margin-left: 0px;
        }
        #contactform {
            padding-left: 20px;
        }
        #contactPage .contact-content .divide.half.fr {
            height: 375px;
        }
        .home .watersysteem .divide.half.fr{
            margin-right: 0px;
        }
        .douche{
            height: 820px;
        }
        .douche.home img.mobieledouche{
            right: 0px;
        }
    }

    @media handheld, screen and (max-width: 768px) {
        #gm_directions .companyInfo {
            display: none;
        }
        #contactPage .contact-content .divide.half.fl .page-loop h2 {
            padding: 60px 110px 0px 20px;
        }
        .home-image{
            height: 400px;
        }
        .douche{
            height: 820px;
        }
        .douche.home img.mobieledouche{
            right: 0px;
        }
        .home .werkspot .divide.quarter.fl{
            margin-right: 10px;
        }
    }

    @media handheld, screen and (max-width: 755px) {
        /*.home .werkspot .divide.quarter.fl {
            width: 100%;
            margin: auto;
            margin-bottom: 20px;
        }*/
        .home .werkspot h2 {
            padding-bottom: 50px;
        }
        .douche.home{
            height: 830px;
        }
        .douche.home img.mobieledouche{
            right: 0px;
        }
        .page-loop.home{
            padding-right: 40px;
        }
        .home .werkspot {
            height: 935px;
        }
    }
        @media handheld, screen and (max-width: 705px) {
            .reviewblokken {
                width: 330px;
            }
            .home .werkspot .divide.quarter.fl{
                width: 360px;
                height: 360px;
            }
            .home .werkspot {
                height: 1835px;
            }
        }

    @media handheld, screen and (max-width: 695px) {
        .douche span {
            display: none;
        }
        .divide.half.fr .dagje {
            display: none;
        }
        .watersysteem-diensten h2 {
            padding-top: 30px;
        }
        .watersysteem-diensten .divide.half.fr {
            margin-right: 0px;
        }


    }

    @media handheld, screen and (max-width: 666px) {
        /*.home .werkspot .divide.quarter.fl {
            width: 100%;
            margin-right: 50px;
        }*/
        .vakkundig .divide.quarter {
            width: 100%;
            padding-bottom: 20px;
        }
        .home .vakkundig {
            height: 980px;
        }
        .home-image {
            height: 400px;
        }
        .divide.quarter {
            margin-left: 0px;
        }
        .home .werkspot {
            height: 1825px;
        }
        .divide.half {
            width: 100%;
        }
        .home .watersysteem .divide.half.fl img {
            margin: auto;
        }
        #contactPage .page-title span{
            font-size: 42px;
        }
        .watersysteem-diensten .divide.half.fl iframe{
            margin-left: 0px;
        }
        .douche.home{
            height: 880px;
        }
        #contactPage .page-title {
            height: 125px;
            padding-top: 25px;
        }
    }

    @media handheld, screen and (max-width: 535px) {
        .home .vakkundig {
            height: 1080px;
        }
        #contactPage .page-title span{
            font-size: 38px;
        }
        .watersysteem-diensten .divide.half.fl img{
            height: auto;
        }
        .douche img.mobieledouche{
            height: auto;
        }

    }

    @media handheld, screen and (max-width: 495px) {
        .home .vakkundig {
            height: 1160px;
        }
        .page-loop.home {
            padding: 20px 40px 30px 0px;
        }
        .home .watersysteem .divide.half.fr {
            margin-right: 0px;
        }
        .douche.home h2 {
            margin-left: 0px;
        }
        .douche.home .colfull.auto .divide.half.fl p {
            margin-left: 0px;
            padding-right: 40px;
        }
        .douche.home h2 {
            font-size: 29px;
        }
        .home .watersysteem h2 {
            font-size: 29px;
        }
        .douche.home img.mobieledouche {
            right: 0px;
            width: 370px;
        }
        .douche {
            height: 840px;
        }
        video {
            width: 100%;
            margin-left: 0px;
        }
        .watersysteem-diensten p {
            padding-right: 40px;
        }
        .watersysteem-diensten h2 {
            font-size: 29px;
        }
        .douche h2 {
            font-size: 29px;
        }
        .douche .divide.half.fl p {
            padding-left: 0px;
            padding-right: 40px;
        }
        .divide.half.fl .page-loop ul {
            padding: 0px 110px 20px 20px;
        }
        #contactPage .page-title {
            padding-top: 20px;
        }
        #contactPage .page-title span {
            line-height: 40px;
        }
        #footer-form{
            margin-left: -100px;
        }
        .home .watersysteem .divide.half.fl img{
            padding-left: 0px;
        }
        .home .werkspot .divide.quarter.fl{
            width: 370px;
            height: 370px;
        }
        .home .werkspot {
            height: 1855px;
        }

    }

    @media handheld, screen and (max-width: 460px) {
        .home .vakkundig {
            height: 1260px;
        }
        .home .watersysteem .divide.half.fr {
            margin-right: 0px;
        }
        .page-loop.home {
            padding: 20px 40px 30px 0px;
        }
        .douche.home .colfull.auto .divide.half.fl p {
            margin-left: 0px;
            padding-right: 40px;
        }
        .home .watersysteem h2 {
            font-size: 29px;
        }
        .douche.home h2 {
            font-size: 29px;
            margin-left: 0px;
        }
        .douche.home img.mobieledouche {
            right: 0px;
            height: 370px;
        }
        .douche.home {
            height: 1000px;
        }
        .watersysteem-diensten p {
            padding-right: 40px;
        }
        .douche .divide.half.fl p {
            padding-left: 0px;
        }
        .douche h2 {
            font-size: 29px;
        }
        .watersysteem-diensten h2 {
            font-size: 29px;
        }
        .douche img.mobieledouche {
            width: 370px;
        }
        .douche {
            height: 810px;
        }
        #footer-form {
            margin-left: 0px;
        }
        section.subfooter .formulier.fr p {
            margin-left: 0px;
        }
        #footer-form input[type=tel], #footer-form input[type=text], #footer-form input[type=textarea], #footer-form input[type=email] {
            width: 73%;
        }
        #contactPage .diensten-content .divide.half.fl ul {
            padding: 20px 110px 30px 20px;
        }
        .divide.half.fl .page-loop ul {
            padding-left: 20px;
            padding-bottom: 20px;
        }
        .watersysteem-diensten .divide.half.fl iframe {
            width: 100%;
        }
        #contactPage .contact-content .divide.half.fr {
            height: 490px;
        }
        #contactPage .page-title span {
            font-size: 33px;
            padding-top: 20px;
        }
        #contactPage .contact-content .divide.half.fl .page-loop p {
            padding: 10px 40px 0px 20px;
        }
        video {
            width: 100%;
            margin: auto;
            padding-top: 50px;
        }
        #contactPage .contact-content .divide.half.fr {
            height: 300px;
        }
        #contactPage .page-title{
            padding-top: 20px;
        }
    }

    @media handheld, screen and (max-width: 420px) {
        #gm_directions {
            width: 100%;
            padding: 0px 10px;
            right: 0px;
        }
        .home-image {
            margin-top: -20px;
            height: 340px;
        }
        #gm_directions input, #gm_directions .button {
            font-size: 13px;
            padding: 11px 10px;
            line-height: 13px;
        }
        /*.home .werkspot .divide.quarter.fl {
            margin-left: 0px;
            width: 100%;
        }*/
        .home .werkspot h2 {
            line-height: 35px;
        }
        .opdracht p {
            font-size: 12px;
        }
        .home .vakkundig {
            height: 1300px;
        }
        .home-image img {
            bottom: 275px;
            left: 0px;
            width: 240px;
        }
        .home .watersysteem .divide.half.fl img {
            height: auto;
            width: 300px;
        }
        .home .watersysteem .divide.half.fr {
            margin-right: 0px;
        }
        .page-loop.home {
            padding: 20px 10px 30px 0px;
        }
        .home .watersysteem h2 {
            font-size: 24px;
        }
        .douche.home h2 {
            margin-left: 0px;
            font-size: 24px;
        }
        .douche.home .colfull.auto .divide.half.fl p {
            padding-right: 10px;
            padding-left: 0px;
        }
        .douche.home img.mobieledouche {
            right: 0px;
            width: 300px;
            height: auto;
        }
        .douche {
            height: 710px;
        }
        .douche.home {
            height: 770px;
        }
        .douche h2 {
            padding-top: 70px;
            line-height: 30px;
            font-size: 24px;
        }
        .douche span {
            display: none;
        }
        #footer-form textarea{
            width: 73%;
        }
        .footer-info{
            margin-left: -20px;
        }
        #footer-form input[type=tel], #footer-form input[type=text], #footer-form input[type=textarea], #footer-form input[type=email] {
            width: 73%;
        }
        section.subfooter .divide.half.fr {
            margin-right: -100px;
        }
        #footer-form input[type=tel] {
            margin-left: 0px;
        }
        section.subfooter {
            height: 825px;
        }
        #footer-form {
            margin-left: -105px;
        }
        section.subfooter .formulier.fr p {
            margin-right: 0px;
            margin-left: -105px;
            line-height: 30px;
            padding-right: 80px;
        }
        section.subfooter .bedrijfs-info {
            left: 15px;
        }
        .oplossing {
            display: none;
        }
        section.subfooter .bedrijfs-info figure {
            padding-top: 20px;
        }
        #logo figure img {
            width: 190px;
        }
        #resNavOpener {
            margin-top: 0px;
        }
        #header {
            height: 90px;
        }
        .home-image p{
            left: 30px;
            top: 115px;
            font-size: 25px;
            line-height: 50px;
        }
        #contactPage .contact-content .divide.half.fl .page-loop p {
            padding: 10px 10px 0px 15px;
        }
        .watersysteem-diensten p {
            padding-right: 30px;
        }
        #contactPage .contact-content .divide.half.fr, #contactPage .diensten-content .divide.half.fr {
            height: 305px;
            margin-top: 20px;
        }
        #contactPage .diensten-content .divide.half.fl .page-loop h1 {
            padding: 20px 30px 0px 15px;
        }
        #contactPage .diensten-content .divide.half.fl ul {
            padding: 30px 10px 30px 20px;
        }
        video {
            margin-left: 15px;
            width: 90%;
            margin-top: 30px;
        }
        .divide.half.fr .dagje {
            display: none;
        }
        .watersysteem-diensten h2 {
            padding-top: 30px;
            font-size: 24px;
        }
        #contactform {
            padding-left: 15px;
        }
        #contactform input[type=tel] {
            margin-left: 0px;
            width: 100%
        }
        #contactform input[type=text] {
            width: 100%;
        }
        #contactPage .contact-content .divide.half.fl .page-loop h2 {
            padding: 0px 110px 0px 15px;
        }
        .douche .divide.half.fl p {
            padding-left: 3px;
            padding-right: 10px;
        }
        .header-buttons {
            margin-right: 70px;
        }
        .header-buttons .button1 {
            margin-bottom: 10px;
            padding: 14px 20px !important;
        }
        .watersysteem-diensten {
            height: auto;
        }
        .watersysteem-diensten .page-loop {
            padding-top: 20px;
        }
        .douche img.mobieledouche {
            width: 290px;
        }
        .divide.half.fl .page-loop ul {
            padding: 0px 110px 20px 15px;
        }
        .douche.home h2 {
            padding-left: 0px;
        }

        #contactPage .diensten-content .divide.half.fl .page-loop p {
            padding: 10px 40px 0px 15px;
        }
        .watersysteem-diensten .divide.half.fl iframe {
            width: 100%;
            height: auto;
            margin-bottom: 20px;
        }
        .watersysteem-diensten .divide.half.fr iframe {
            width: 100%;
            height: auto;
            margin-bottom: 20px;
        }
        .home .watersysteem .divide.half.fl img{
            padding-left: 0px;
        }
    }

    @media handheld, screen and (max-width: 410px) {
        .home .vakkundig {
            height: 1360px;
        }
		.douche{
			height: 720px;
		}
    }

    @media handheld, screen and (max-width: 375px) {
        .home .vakkundig {
            height: 1550px;
        }
        .home .werkspot {
            height: 1615px;
        }
        .douche.home {
            height: 840px;
        }
        #contactPage .diensten-content .divide.half.fl .page-loop p {
            padding: 10px 40px 0px 15px;
        }
        .douche {
            height: 810px;
        }
        #contactPage .contact-content .divide.half.fl .page-loop h2 {
            padding-top: 20px;
        }
        .home-image p {
        left: 30px;
        top: 105px;
        font-size: 23px;
        line-height: 25px;
        }
        .home-image{
            height: 250px;
        }
        .divide.half.fr .page-loop ul{
            padding: 0px 40px 20px 0px;
        }
        .divide.half.fl .page-loop ul{
            padding: 0px 0px 20px 15px;
        }
        .watersysteem-dienst{
                height: 735px;
        }
        .watersysteem-dienst .divide.half.fr iframe{
            margin-left: 0px;
        }
        .home .werkspot .divide.quarter.fl{
            width: 300px;
            height: 310px;
        }
        .reviewblokken{
            margin-top: -60px;
        }
        .home .werkspot .divide.quarter.fl.first{
            background-size: 120%
        }
        .home .werkspot .divide.quarter.fl.fourth{
            background-size: 120%
        }
    }

    @media handheld, screen and (max-width: 350px) {
        .home .vakkundig p {
            padding-left: 30px;
            padding-right: 30px
        }
        .douche {
            height: 810px;
        }
        .douche.home {
            height: 930px;
        }
        .watersysteem-diensten h2 {
            padding-bottom: 0px;
        }
        #footer-form {
            margin-left: -105px;
        }
        section.subfooter .formulier.fr p {
            margin-left: -105px;
        }
        #contactPage .diensten-content .divide.half.fl ul li {
            font-size: 18px;
        }
        .watersysteem-diensten h2 {
            line-height: 35px;
        }
        #contactPage .page-title span {
            line-height: 35px;
        }
        #contactPage .page-title {
            padding-top: 20px;
        }
        #contactPage .contact-content .divide.half.fr, #contactPage .diensten-content .divide.half.fr {
            height: 225px;
        }
        .home .watersysteem .divide.half.fl img{
            padding-left: 0px;
        }
    }