@import "reset.css";
@import "menu.css";

html {  -webkit-text-size-adjust: none;}
body{background-color:#fff;color:#0177b6;font-family:'Poppins', Arial;font-size:14px;}
body, html {height: 100%;}

.clearfix:after {content: ".";display: block;height:0;clear:both;visibility:hidden;}
.clear {clear:both;}
a {color:#0177b6;}
a:hover {color:#1d7abd;text-decoration:none;}
b,strong {font-weight:700;}

#superwrapper {min-height:100%;height:auto !important;height:100%;}
.wrapper {max-width:1160px;width:95%;height:auto;margin:0px auto;position:relative;}

.placeholder {color:#777;}
::-webkit-input-placeholder, ::-webkit-textarea-placeholder {color:#777;}
:-moz-placeholder {color:#777;opacity:1;}
::-moz-placeholder {color:#777;opacity:1;}
:-ms-input-placeholder, :-ms-textarea-placeholder {color:#777;}	
input[placeholder], textarea[placeholder] {color:#777;}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

h1 {color:#0177b6;font-size:26px;line-height:normal;font-weight:700;margin-bottom:40px;}
h2 {color:#0177b6;font-size:22px;line-height:normal;font-weight:600;margin-bottom:20px;}
h3 {color:#0177b6;font-size:20px;line-height:normal;margin-bottom:5px;font-weight:700;}
h4 {color:#f60;font-size:18px;line-height:normal;margin-bottom:10px;font-weight:400;border-top:solid 1px #0177b6;padding-top:20px;text-transform:uppercase;}
h1.h1pro{margin-bottom:10px;}
h1 span{font-size:15px;}
h1.homeH1{text-align:center;margin-bottom:10px;font-size:18px;}
h2.h2Home{text-align:center;margin-top:30px;}
#safe{text-align:center;margin-bottom:25px;}
#voorwaarden {padding:15px 0;color:#878787;text-align:center;background-color:#0177b6;color:#fff;}
#voorwaarden ul {list-style-type:none;margin:0;}
#voorwaarden li {display:inline-block;margin:0 10px;}

/*IMAGES FIT
******************/
img.cover 				{object-fit:cover;}
img.coverT 				{object-fit:cover;object-position:left top;}
img.coverB 				{object-fit:cover;object-position:left bottom;}
img.contain 			{object-fit:contain;}

#voorwaardenMob {background-color:#fff;padding:15px 0;color:#777;text-align:center;display:none;}
#voorwaardenMob ul {list-style-type:none;margin:0;}
#voorwaardenMob li {display:block;margin:10px 0px;}
#voorwaardenMob li:last-child {margin-bottom:0;}

#melding{text-align:center;text-transform:uppercase;padding:20px;background-color:#37b298;color:#fff;box-sizing:border-box;font-size:20px;}

#header {background-color:#fff;padding:20px 0px;text-align:center;position:relative;}
#top {background:#fff;border-bottom:1px solid #eee;}
.topleft {position:absolute;top:0px;left:0px;}
.topright {position:absolute;top:0px;right:0px;}

#languages {float:right;}
#languages ul {list-style-type:none;margin:0;}
#languages ul li {float:left;}
#languages ul li a {color:#fff;padding:10px;text-decoration:none;font-family:quick,arial;text-transform:uppercase;font-size:11px;display:inline-block;}
#languages ul li a.lcurrent {background-color:#ee535b;color:#fff;}
#languages ul li a:hover {background-color:#ee535b;color:#fff;}

#aanmelden {float:right;}
#aanmelden a {display:block;padding:10px;color:#fff;text-decoration:none;}

#accBtn a {font-size:12px;font-weight:700;color:#777;text-decoration:none;}

#search {background-color:#fff;margin:0 auto;width:200px;padding-bottom:10px;}
.searchfield {width:100%;border-radius:0px;box-shadow:none;-webkit-appearance:none;position:relative;}
input.search {background-color:#fff;color:#777;padding:0 20px 0 0;border:0px;border-radius:0px;box-shadow:none;-webkit-appearance:none;outline:none;width:100%;font-family:'Poppins',arial;font-size:12px;font-weight:700;line-height:normal;}
.search_submit {position:absolute;top:3px;right:0px;color:#0177b6;text-decoration:none;font-size:12px;font-weight:700;}
.search_submit:hover {}

#logo {margin-top:20px;}
#logo img {}

#navigatie {text-align:center;}

#navigation {display:none;}
#navMob {margin-right:10px;padding-right:10px;border-right:1px solid #eaeaea;display:none;}
#mobile-header a {color:#777;text-decoration:none;} 

#searchMob {display:none;margin-right:10px;padding-right:10px;border-right:1px solid #eaeaea;cursor:pointer;}
.searchfieldmob {display:none;border-radius:0px;box-shadow:none;-webkit-appearance:none;position:relative;padding:10px;background-color:#f6f6f6;}

#slideshow {position:relative;z-index:99;}

#nivsMob {background-color:#1d7abd;padding:10px 0;display:none;}
.niveaustonen {cursor:pointer;color:#fff;font-weight:700;}

#main {width:100%;padding:40px 0;line-height:24px;box-shadow:0 5px 5px rgba(0,0,0,.06) inset;}
#contentleft {float:left;width:45%;margin-right:10%;}
#contentright {float:right;width:45%;}

#warning{width:100%;height:100%;position:fixed;top:0px;left:0px;background:#1d7abd;z-index:120;display:none;}
#warning div.choose{background-color:#fff;width:300px;margin:50px auto;padding:50px;border:solid 5px #1d7abd;border-radius:10px;}
div.Wmessage{background-color:#fff;width:300px;margin:50px auto;padding:50px;border:solid 5px #19646e;border-radius:10px;}
a.warB,a.warB2{display:inline-block;background-color:#1d7abd;color:#fff;padding:5px;margin-right:20px;width:100px;border-radius:5px;text-decoration:none;text-align:center;text-transform:uppercase;}
a.warB:hover {background:#19646e;color:#fff;}

#indekijker {padding:80px 0;background-color:#f8f8f8;line-height:21px;}
.idkleft {float:left;width:55%;margin-right:5%;text-align:center;}
.idkright {float:right;width:40%;}
#promoties {margin-top:80px;text-align:center;}
#nieuw {margin-top:80px;text-align:center;background-color:#f8f8f8;padding:80px 0;}
.producten {margin-top:40px;}
.resp {position:relative;text-align:center;}
.bekijk a {display:inline-block;padding:10px 12px;color:#aaa;font-size:16px;text-decoration:none;background-color:#fff;margin-top:20px;border:1px solid #eee;box-shadow:0 1px 1px rgba(0, 0, 0, 0.196);border-radius:2px;}
.bekijk a:hover {background-color:#1d7abd;color:#fff;}

.nieuwsleft {float:left;width:40%;margin-right:5%;}
.nieuwsright {float:right;width:55%;}
.nieuwsbericht {margin-bottom:80px;}
.nieImg {}
.nieTitel a {text-decoration:none;font-size:19px;font-weight:bold;margin-bottom:5px;color:0177b6;display:block;}
.nieTitel span {text-decoration:none;font-size:19px;font-weight:bold;margin-bottom:5px;color:0177b6;display:block;}
.nieTitel a:hover {color:#777;}
.nieDatum {font-size:11px;margin-bottom:15px;position:relative;}
.nieKort {margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e7e7e7;}
.nieTekst a {color:#32cd32;text-decoration:none;}
.nieLink a {border-radius:2px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.196);color:#fff;display:inline-block;font-size:13px;padding:5px 20px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#1d7abd;text-decoration:none;line-height:normal;border:0px;}
.nieLink a:hover {background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.23) 0%, rgba(255, 255, 255, 0) 100%);color:#fff;}

.idkTitel a {text-decoration:none;font-size:24px;font-weight:bold;margin-bottom:5px;color:0177b6;display:block;line-height:normal;}
.idkTitel span {text-decoration:none;font-size:24px;font-weight:bold;margin-bottom:5px;color:0177b6;display:block;line-height:normal;}
.idkTitel a:hover {color:#777;}
.nieLinkIDK a {border-radius:2px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.196);color:#fff;display:inline-block;font-size:18px;padding:10px 25px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#1d7abd;text-decoration:none;line-height:normal;text-transform:uppercase;}
.nieLinkIDK a:hover {background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.23) 0%, rgba(255, 255, 255, 0) 100%);color:#fff;}

.videoWrapper {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

#footer {padding:40px 0px;background-color:#fff;border-top:1px solid #eee;text-align:center;line-height:21px;}
#navContainer2 {width:auto;display:block;z-index:100;}
#nav2 {z-index:100;}
#nav2 ul {list-style-type: none; margin: 0; padding: 0; width:auto;white-space:normal;}
#nav2 ul li {display:inline-block;}
#nav2 ul li a {display:block;color:0177b6;font-size:13px;margin-right:30px;text-decoration:none;}
#nav2 ul li a:hover, #nav2 li a:focus { color: #000;}
#nav2 li a:active, #nav2 ul li a.active { color: #000;}

#fct {margin-top:40px;}
#fct ul{margin:0px;list-style-type:none;}
#fct ul li {display:inline-block;margin-right:15px;padding-right:15px;border-right:1px solid #eae9e9;font-size:13px;}
#fct ul li a {color:#777;}
#fct ul li:last-child {margin-right:0px;padding-right:0;border-right:0;}
a.tel{text-decoration:none !important;}

.social-profiles {margin:40px 0 0 0;list-style-type:none;padding:0;}
.social-profiles li {display:inline-block;margin:0 5px;}
.social-profiles li a {display:block;border:2px solid #eae9e9;width:40px;height:40px;border-radius:100%;text-align:center;color:#1d7abd;font-size:16px;line-height:40px;}
.social-profiles li a:hover {-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;background-color:#1d7abd;color:#fff;}
.social-profiles i {}

#footer2 {border-top:1px solid #eee;padding-top:40px;margin-top:40px;}
#betaalmethoden img {width:50%;}
#siteby {margin-top:40px;font-size:12px;}

/*forms*/
/***********/
.required {color: #FF0000;}
.field_heading {font-weight: bold;padding-top: 10px;}
.field_title {float:left;width:30%;margin:5px 0;}
.field_input {float:left;width:70%;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;}

.submit {margin-top:20px;border-radius:2px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.196);color:#fff;display:inline-block;font-size:18px;padding:10px 25px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#1d7abd;text-decoration:none;line-height:normal;text-transform:uppercase;border:0px;font-family:"Poppins",arial;}
.submit:hover {background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.23) 0%, rgba(255, 255, 255, 0) 100%);color:#fff;}

.email,.textfield,.textarea,select {color:#777;background-color:#f8f8f8;border:1px solid #eee;padding:5px;width:100%;font-family:"Poppins",arial;box-sizing: border-box;}
.email,.textfield,.textarea{webkit-appearance: none;border-radius: 0;}
.textarea {height: 100px;}
.checkbox_label {cursor: pointer;}
.radio_label {cursor: pointer;}
.nixhier {display:none;}