@import "reset.css";
@import "menu.css";
html {  -webkit-text-size-adjust: none;}
body{background:url(../images/bg.png) repeat;color:#333;font-family:Droid Serif, Arial;font-size:14px;}
body, html {height: 100%;}

.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear:both;}
a{color:#333;}
a:hover{color:#e30613;}
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;}
table td {border:1px solid #ddd !important;padding:2px;}

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

h1 {color:#e30613;font-size:30px;line-height:normal;font-weight:700;margin-bottom:20px;font-family:Montserrat,arial;text-transform:uppercase;text-align:center;}
h1:after {content:' ';display:block;width:63px;height:2px;margin:10px auto 50px auto;background-color:#e30613;}
h2 {color:#333;font-size:20px;line-height:normal;font-weight:700;margin-bottom:20px;font-family:Montserrat,arial;}
h3 {color:#333;font-size:20px;line-height:normal;font-weight:700;margin-bottom:20px;font-family:Montserrat,arial;text-transform:uppercase;text-align:center;}
h3:after {content:' ';display:block;width:63px;height:2px;margin:10px auto 20px auto;background-color:#333;}
h4 {color:#fff;font-size:30px;line-height:normal;font-weight:700;margin-bottom:20px;font-family:Montserrat,arial;text-transform:uppercase;text-align:center;}
h4:after {content:' ';display:block;width:63px;height:2px;margin:10px auto 50px auto;background-color:#fff;}
h5 {color:#333;font-size:24px;line-height:normal;font-weight:700;margin-bottom:20px;font-family:Montserrat,arial;text-transform:uppercase;}
h6 {color:#333;font-size:18px;line-height:normal;font-weight:700;margin-bottom:20px;font-family:Montserrat,arial;}

#top {background-color:#fff;padding:15px 0;-webkit-box-shadow:0px 1px 7px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 7px 0px rgba(0,0,0,0.2);box-shadow:0px 1px 7px 0px rgba(0,0,0,0.2);position:relative;z-index:100;}
#header {width:100%;position:relative;}
#logo {float:left;width:18%;margin-right:5%;}
.logo1 img {width:100%;}
#navigatie {float:right;width:77%;}

#languages {text-align: right;}
#languages ul {}
#languages ul li {text-align:center;display:inline-block;}
#languages ul li a {color:#e30613;padding:5px 10px;text-decoration:none;text-transform:uppercase;line-height:normal;font-size:12px;margin-right:5px;display: block;}
#languages ul li:last-child a {margin-right:0px;}
#languages ul li a:hover {color:#fff;background-color:#e30613;}
#languages ul li a.lcurrent {color:#fff;background-color:#e30613;}
.topright {text-align:right;padding-top:20px;}

.menuextra {display:inline-block;margin-right:10px;}
.menuextra ul {list-style-type:none;margin:0;}
.menuextra ul li {display:inline-block;}
.menuextra ul li a {display:block;margin-right:10px;padding-right:10px;border-right:1px solid #ccc;font-size:12px;margin-top:10px;}
.menuextra ul li:last-child a {margin-right:0px;padding-right:0px;border-right:0px;}

#vacatures {display:inline-block;margin-right:10px;vertical-align:top;}
#vacatures a {display:inline-block;line-height:normal;padding:10px;color:#e30613;text-decoration:none;border:1px solid #e30613;font-size:12px;font-weight:700;}

#fb {display:inline-block;vertical-align:top;margin-right:5px;}
#fb a {padding:10px 14px;color:#fff;text-decoration:none;background-color:#333;display:block;font-size:12px;border:1px solid #333;}

#insta {display:inline-block;vertical-align:top;margin-right:5px;}
#insta a {padding:10px 12px;color:#fff;text-decoration:none;background-color:#333;display:block;font-size:12px;border:1px solid #333;}

#yt {display:inline-block;vertical-align:top;}
#yt a {padding:10px 12px;color:#fff;text-decoration:none;background-color:#333;display:block;font-size:12px;border:1px solid #333;}

#tele {display:none;vertical-align:top;margin-left:5px;}
#tele a {padding:10px 12px;color:#fff;text-decoration:none;background-color:#333;display:block;font-size:12px;border:1px solid #333;}

#search {position:relative;margin-bottom:25px;}
.searchfield {border:1px solid #ededed;padding:10px;background-color:#fff;}
input.search {color:#333;border:0px;border-radius:0px;box-shadow:none;-webkit-appearance: none;width:100%;font-family:Droid Serif,arial;font-size:12px;}
.search_submit {display:block;position:absolute;top:1px;right:1px;background-color:#333;color:#fff;text-decoration:none;padding:11px;font-size:12px;line-height:normal;}
.search_submit:hover {background-color:#fff;color:#333;}

#navMob {display:none;margin-top:10px;}
#navMob.fixed {position: fixed;top:0px;left:0px;width: 100%;z-index: 999;background-color: #fff;text-align: center;padding: 10px 0;bottom: auto;right: auto;box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.2);margin: 0;}
#navigation {display:none;}
#mobile-header a {color:#fff;text-decoration: none;display:block;font-size:13px;padding:10px;font-family:Montserrat,arial;font-weight:700;text-transform:uppercase;background-color:#e30613;} 

#slideshow {background-color:#fff;}

#slogan {background:#333;width:100%;}
.slogan {padding:90px 0;font-size:45px;font-family:Oswald,arial;font-weight:700;color:#fff;text-transform:uppercase;text-align:center;line-height:40px;}
.slogan span {font-family:Droid Serif,arial;font-size:16px;text-transform:none;font-weight:400;line-height:16px;}
.triangle {width:0;height:0;border-style:solid;border-width:30px 60px 0 60px;border-color:#333 transparent transparent transparent;margin:0 auto;}
.border-icon{width:34px;height:34px;margin-left:-17px;position:absolute;left:50%;top:-17px;background:#fff;border:2px solid #ddd;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;}
.icon {display:block;width:34px;height:34px;line-height:34px;overflow:hidden;text-align:center;}
.icon i {color:#888;}
#maatwerk {position:absolute;top:-60px;right:0px;}

#home {line-height:21px;padding:100px 0;text-align:center;position:relative;background-color:#fff;}
.home {float:left;width:23.5%;margin-left:2%;}
.h4 {margin-left:0;}
.hom4 {margin-bottom:50px;}
.hom3 {display:none;margin-bottom:30px;}
.hom2 {display:none;margin-bottom:20px;}
.homImg {margin-bottom:20px;position:relative;}
.homImg img {width:100%;}
.abs {position:absolute;height:100%;width:100%;display:block;top:0px;left:0px;z-index:99;}
.table {display:table;width:100%;height:100%;}
.row {display:table-cell;vertical-align:middle;text-align:center;background:rgba(255,0,0, 0.5);color:#fff;padding:0 20px;}
.roww {display:table-cell;vertical-align:middle;text-align:center;background:rgba(0,0,0, 0.5);color:#fff;padding:0 20px;}
.row2 {display:table-cell;vertical-align:middle;text-align:center;color:#fff;padding:0 20px;}
.homTitel {font-family:Oswald,arial;text-transform:uppercase;text-align:center;font-size:18px;font-weight:700;}
.homTekst {font-size:13px;color:#888893;text-align:left;}

.homee {float:left;width:23.5%;margin-left:2%;}
.hh4 {margin-left:0;}
.homm4 {margin-bottom:50px;}
.homm2 {display:none;margin-bottom:50px;}
.homImg2 {margin-bottom:20px;position:relative;}
.homImg2 img {width:100%;}

#zin {background-color:#333;width:100%;position:relative;}

#nieuws {background-color:#f8f8f8;text-align:center;padding:100px 0;position:relative;border-top:1px solid #ddd;}
.niePad {}
.nieTitel a {font-family:Oswald,arial;text-transform:uppercase;text-align:center;font-size:14px;font-weight:700;line-height:21px;text-decoration:none;display:block;padding:10px;}
.nieTitel a:hover {background-color:#ececec;color:#333;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-ms-transition: 0.4s ease;-o-transition:0.4s ease;transition:0.4s ease;}

#idk {line-height:21px;padding:100px 0;text-align:center;position:relative;color:#fff;background:url(../images/banner.jpg) no-repeat fixed top;background-size:cover;}
.pad2 {border:1px solid #000;border-bottom:3px solid #000;}
.idkTitel a {font-family:Oswald,arial;text-transform:uppercase;text-align:center;font-size:14px;font-weight:700;line-height:21px;text-decoration:none;display:block;padding:10px;background-color:#000;color:#fff;}
.idkTitel a:hover {background-color:#fff;color:#000;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-ms-transition: 0.4s ease;-o-transition:0.4s ease;transition:0.4s ease;}

#merken {padding:100px 0;border-top:1px solid #ddd;background-color:#fff;position:relative;text-align:center;}

.job {padding:10px;border:1px solid #ececec;border-bottom:3px solid #ececec;background:#fff;text-align:center;}

.knop {display:inline-block;line-height:normal;padding:10px;background-color:#e30613;color:#fff;text-decoration:none;margin-top:50px;border:1px solid #e30613;font-weight:700;}
.knop:hover {background-color:transparent;color:#e30613;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-ms-transition: 0.4s ease;-o-transition:0.4s ease;transition:0.4s ease;}

#main{width:100%;margin:60px 0;line-height:24px;}

#content{width:100%;}
#contentleft {float:left;width:45%;margin-right:10%;}
#contentright {float:right;width:45%;}

.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:25px 0px;color:#fff;background-color:#333;}
#footer a {color:#fff;text-decoration:underline;}
#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;}
#footer a.tel{text-decoration:none;}
.navB{display:none;}

#nieuwsbrief {padding:20px 0;text-align:center;background-color:#f8f8f8;}