@import "reset.css";
@import "menu.css";
@import "cols.css";
/*
maincolors:
BACKGROUND:#fff
COLOR:#000
MAINCOLOR:#000
MAINCOLOR2:#c00
COLOR_ON_MAIN:#fff;
*/
html {  -webkit-text-size-adjust: none;}
body{background-color:#fff;color:#717171;font-family:Rubik, Arial;font-size:16px;}
body, html {height: 100%;}
/*  Float containers fix: */
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear:both;}
a{color:#000;}
a:hover{color:#000;}
a.tel{text-decoration:none;display:block;}
b,strong{font-weight:bold;}

#superwrapper {min-height: 100%;height: auto !important;height: 100%;}
.wrapper {max-width: 1160px;width:95%;height: auto;margin: 0px auto;position:relative;}
/*NIEUWSBALK
*************/
.newsHome{margin-top:20px;}
.newsHome a{margin-bottom:5px;text-align:center;font-size:20px;display:block;text-decoration:none;text-transform:uppercase;background-color:#b3cbec;color:#fff;border-radius:15px;padding:15px 0px 15px 0px}
.newsHome a i{color:#000;}
.newsHome a:hover{outline:solid 1px #ccc;background-color:#fff;color:#00c5a3;}


.placeholder {color:#aaa;}
::-webkit-input-placeholder, ::-webkit-textarea-placeholder {color:#aaa;}
:-moz-placeholder {color:#aaa;opacity:1;}
::-moz-placeholder {color:#aaa;opacity:1;}
:-ms-input-placeholder, :-ms-textarea-placeholder {color:#aaa;}	
input[placeholder], textarea[placeholder] {color:#aaa;}

h1 {color:#279bb4;font-size:34px;line-height:normal;font-weight:normal;margin-bottom:30px;text-transform:uppercase;font-family: Pathway Gothic One,arial}
h1.H1Hm{text-align:center;}
h2 {color:#000;font-size:18px;line-height:normal;font-weight:normal;text-transform:uppercase;}
h4 {color: #fff;letter-spacing: 1px;font-size: 20px;}
h5 {color: #fff;letter-spacing: 1px;font-size: 40px;font-family: Pathway Gothic One,arial;text-transform: uppercase;}
#melding{text-align:center;background-color:#93ce90;color:#fff;padding:10px;line-height: 26px;font-size: 16px;}

#navMobMenu{display:none;}
#navMob,#searchMob,#loginLnksmob,#languagesMob {background-color:#fff;display:none;}

#height {height: 53px;}

#toptop {background-color: #8ab26c;padding: 10px 0;font-family: Pathway Gothic One,arial;font-size: 19px;color: #fff;position: fixed;bottom: 0px;width: 100%;z-index: 999;}
#toptop a {color: #fff;text-decoration: none;display: inline-block;padding-left: 20px;}
.topleft {float: left;}
.topright {float: right;}

#logo {float: left;}
#contacts {float: right;text-align: right;}
#contacts a {text-decoration: none;line-height: 50px;font-family: Pathway Gothic One,arial;color: #717171;font-size: 20px;}
.style {font-size:50px !important;font-weight: 700;color: #279bb4 !important;}

#top {background-color:#279bb4;text-align: center;position: sticky;top: 0px;width: 100%;z-index: 999;}
#top.fixed {position: fixed;top: 0px;left: 0px;z-index: 99;transition:0.5s all ease;}
#header {padding: 20px 0;}

#background {height: 400px;background-size: cover !important;display: flex;align-items: center;justify-content: center;text-align: center;position: relative;background: url(../images/bg2.jpg) no-repeat center top;}
#background:before {content: "";position: absolute;height: 100%;width: 100%;background-color: rgba(150, 188, 240,0.3);background-blend-mode: unset;}
#slogan {color: #fff;text-transform: uppercase;font-size: 40px;display: block;}
.btn {display: inline-block;margin-top: 30px;background-color: #93ce90;color: #fff;text-decoration: none;padding: 15px 30px;border-radius: 5px;font-size: 16px;box-shadow: 0 0px 30px rgba(2,22,58,0.2);border: 0;font-family: Rubik,arial;}
.btn:hover {background-color: #b3cbec;color: #fff;}
.btn2 {display: inline-block;margin-top: 30px;background-color: #b3cbec;color: #fff;text-decoration: none;padding: 15px 30px;border-radius: 5px;font-size: 16px;box-shadow: 0 0px 30px rgba(2,22,58,0.2);border: 0;}
.btn2:hover {background-color: #93ce90;color: #fff;}

#main {width:100%;line-height:28px;}
#contenthome {}
#content {width:100%;padding: 60px 0;}
#content img {box-shadow: 3px 3px 10px #aaa;}
#content2 {padding: 60px 0;background-color: #f5f5f5;}
.contentleft {float: left;width: 60%;margin-right: 10%;}
.contentright {float: right;width: 30%;}
.contentleft2 {float: left;width: 30%;margin-right: 10%;}
.contentright2 {float: right;width: 60%;}

/*footer top
****************/
#diensten {background-color: #279bb4;padding: 50px 0;text-align: center;}
.dienst {width: 32%;margin-left: 2%;float: left;}
.dienst:first-child {margin-left: 0;}
.icoon {margin-bottom: 30px;}
#contact {background: url(../images/fleur.jpg) no-repeat center center;height: 300px;background-size: cover;position: relative;display: flex;align-items: center;justify-content: center;text-align: center;}
#contact:before {content: "";position: absolute;height: 100%;width: 100%;background-color: rgba(150,188,240,0.5);background-blend-mode: unset;}
#contact a {display: inline-block;margin-top: 30px;border: 2px solid #fff;padding: 15px 40px;text-decoration: none;background-color: #fff;color: #279bb4;}
#contact a:hover {color: #fff;background-color: transparent;}

#footer {padding: 30px 0px;color:#fff;background-color:#279bb4;font-size: 14px;line-height: 24px;}
#footer a {color:#fff;}
#fct {float:left;}
#fct ul {margin:0px;list-style-type:none;}
#fct ul li {display:inline-block;margin-right:3px;}
#fct ul li:last-child {margin-right:0px;}
#fct2 {float:right;}
#fct a.tel {display:inline-block;}
.navB {display:none;}

/*forms*/
/***********/
.required {color: #FF0000;}
.field_heading {font-weight: bold;padding-top: 10px;}
.field_title {margin-bottom:10px;}
.field_input {margin-bottom:10px;}
.field_checkbox {float:left;width: 100%;margin-bottom:10px;}
.field_title2 {width:100%;margin-bottom:10px;}
.field_input2 {width:100%;margin-bottom:10px;}

.email,.textfield,.textarea,select {color:#7c7c7c;background-color:#fff;border:1px solid #d8d8d8;padding:5px;width:100%;box-sizing: border-box;font-family: Rubik,arial;}
.email,.textfield,.textarea{-webkit-appearance: none;border-radius: 0;outline: none;}
.textarea {height: 100px;}
.checkbox_label {cursor: pointer;}
.radio_label {cursor: pointer;}
.nixhier {display:none;}
.submit{background-color:#000;color:#fff;border:none;padding:10px;text-transform:uppercase;text-decoration:none;display:inline-block;margin-top:15px;outline: none;font-family: Rubik,arial;}
.gdpr {font-size:10px;}