/* CSS Document */
@font-face{font-family:homestead;src:url('../includes/font/homestead.ttf')}

html, body{font-size:1.1vw;line-height:22px;margin: 0;padding: 0;color:rgba(17,36,79,1);font-family: 'Open Sans', sans-serif;font-weight:400;height:100%;width: 100%;background:rgba(255,235,0,1)}
#container{width: 100%;height:100%;min-height:100%;padding:0;margin: 0 auto}
img{border:0}

.wrapper{width: 100%;padding:0;margin: 0 auto}
span{display: inline-block;vertical-align: middle;line-height: normal}
strong{font-weight:800}
a{color:rgba(17,36,79,1);border-bottom:solid 1px rgba(17,36,79,1);text-decoration:none;-webkit-transition:.2s ease;-moz-transition:.2s ease;transition:.2s ease}
a:hover{border-bottom:solid 1px rgba(17,36,79,1);background-color:rgba(17,36,79,1);color:rgba(255,235,0,1)}
h1, h2, h3, h4, h5{margin:0px 0px 0px 0px}

.fotodiv{width:100%;margin:0 auto;display:block;height:250px}
.kraan{background-image:url('../img/foto_kraan.jpg');background-size:cover;background-position:center center}
.kraan_yellow{background-image:url('../img/foto_kraan_yellow.jpg');background-size:cover;background-position:bottom center}
.riggers{background-image:url('../img/foto_rigger.jpg');background-size:cover;background-position:center center}
.driver{background-image:url('../img/foto_driver.jpg');background-size:cover;background-position:center center}

#home{}
.logo{padding:2%;display:block;width:96%;max-width:640px;margin:0 auto}
.logo_klein{padding:2%;display:block;width:96%;max-width:200px;margin:0 auto}

.intro_blue{width:90%;min-width:90%;padding:0% 5% 0% 5%;margin:0 auto;height:250px;line-height:250px;max-height:250px;background-color:rgba(17,36,79,1);background-image:url('../img/hoekje.png');background-repeat:no-repeat;background-position:top center;display:block;color:rgba(255,235,0,1);font-family:homestead;font-size:2.4vh}
.intro_blue a{color:rgba(255,255,255,1);border-bottom:solid 1px rgba(255,255,255,1);text-decoration:none;-webkit-transition:.2s ease;-moz-transition:.2s ease;transition:.2s ease}
.intro_blue a:hover{border-bottom:solid 1px rgba(255,235,0,1);background-color:rgba(255,235,0,1);color:rgba(17,36,79,1)}

.intro_yellow{width:90%;min-width:90%;padding:0% 5% 0% 5%;margin:0 auto;height:250px;line-height:250px;max-height:250px;background-color:rgba(255,235,0,1);display:block;color:rgba(17,36,79,1);font-family:homestead;font-size:2.4vh}

#diensten{}

#diensten_vervolg{background-color:rgba(0,0,0,0.2);height:500px;max-height:500px;overflow:hidden}

.diensten_text_block{display:block;position:absolute;width:80%;padding:0% 10% 0% 10%;height:250px;text-align:center;font-size:1.3vw;opacity:0.0;color:rgba(255,235,0,1);background-color:rgba(17,36,79,0.8);line-height:250px;
-webkit-transition:.2s ease;-moz-transition:.2s ease;transition:.2s ease}
.diensten_text_block:hover, .diensten_text_block.hover{opacity:1.0}

.verkeer, .rigger, .transport, .chauffeur, .heftruck, .koerier{max-height:250px;position:relative;overflow:hidden;height:250px;background-size:cover;background-position:center center;vertical-align:middle;-webkit-transition:.2s ease;-moz-transition:.2s ease;transition:.2s ease;font-family:homestead;color:rgba(255,255,255,1);font-size:2.5em;line-height:250px}
.verkeer{background-image:url('../img/bgr_verkeer.jpg')}
.rigger{background-image:url('../img/bgr_rigger.jpg')}
.transport{background-image:url('../img/bgr_transport.jpg')}
.chauffeur{background-image:url('../img/bgr_chauffeur.jpg')}
.heftruck{background-image:url('../img/bgr_heftruck.jpg')}
.koerier{background-image:url('../img/bgr_koerier.jpg')}

.column{float:left;display:inline-block;position:relative;margin:0 auto;vertical-align:top;height:100%;overflow:hidden}
.third{width:33.3%;max-width:33.3%}
.half{width:49.9%;max-width:49.9%}
.twothird{width:65.9%;max-width:65.9%}
.full{width:100%;max-width:100%}
.left{text-align:left}
.center{text-align:center}
.right{text-align:right}
.open_sans{font-family: 'Open Sans', sans-serif;font-weight:400}

.balk{width:100%;min-width:100%;margin:0 auto;height:75px;background-color:rgba(17,36,79,1);background-image:url('../img/hoekje.png');background-repeat:no-repeat;background-position:top center;display:block;color:rgba(255,235,0,1);font-family:homestead;text-align:center;font-size:3.2vw;letter-spacing:2px;line-height:75px}
.under_construction{margin:0 auto;width:96%;padding:0% 2% 0% 2%;max-width:640px;text-align:right;display:block;font-weight:normal}
.adres{height:100px;font-family: 'Open Sans', sans-serif;font-weight:400;padding:0% 2% 0% 2%;display:block;width:96%;margin:0 auto;text-align:center;line-height:100px;font-size:1.2vw}
.adres .column{max-width:25%;display:inline-block;width:20%;padding:1.5%;margin:0 auto;vertical-align:top;text-align:center}
.clear{width:100%;margin:0 auto;height:0px;clear:both}
.clear_25{width:100%;margin:0 auto;height:25px;clear:both}

#contact{}

#map-canvas{height:500px;max-height:500px;width:100%;z-index:0;margin:0;padding:0;position:absolute;display:block}
.map_wrapper{height:500px;max-height:500px;line-height:500px;width:auto;float:left;z-index:200;position:relative;display:block}
.formulier{text-align:center;width:500px;max-width:500px;max-height:500px;height:500px;line-height:500px;background:rgba(17,36,79,1);float:left;z-index:300;position:relative;display:block}
#route{text-align:left;width:100%;max-width:200px;max-height:200px;padding:0px;background:rgba(255,255,255,0.9);float:right;z-index:300;position:relative}

#footer{position:relative;display:block;bottom:0;margin-bottom:0px;height:50px;padding:0% 2% 0% 2%;width:96%;text-align:center;line-height:50px;font-size:0.9vw}

@media (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
.intro_blue{width:90%;min-width:90%;padding:0% 5% 0% 5%;margin:0 auto;min-height:250px;line-height:250px;max-height:450px;background-color:rgba(17,36,79,1);background-image:none;background-repeat:no-repeat;background-position:top center;display:block;color:rgba(255,235,0,1);font-family:homestead;font-size:3.4vh}
.intro_yellow{width:90%;min-width:90%;padding:0% 5% 0% 5%;margin:0 auto;min-height:250px;line-height:250px;max-height:450px;background-color:rgba(255,235,0,1);display:block;color:rgba(17,36,79,1);font-family:homestead;font-size:3.4vh}
#diensten_vervolg{background-color:rgba(0,0,0,0.2);height:500px;max-height:500px;overflow:hidden}
.diensten_text_block{display:block;position:absolute;width:80%;padding:0% 10% 0% 10%;height:250px;text-align:center;font-size:3.2vh;opacity:0.0;color:rgba(255,235,0,1);background-color:rgba(17,36,79,0.8);line-height:250px;-webkit-transition:.2s ease;-moz-transition:.2s ease;transition:.2s ease}
.verkeer, .rigger, .transport, .chauffeur, .heftruck, .koerier{max-height:250px;position:relative;overflow:hidden;height:250px;background-size:cover;background-position:center center;vertical-align:middle;-webkit-transition:.2s ease;-moz-transition:.2s ease;transition:.2s ease;font-family:homestead;color:rgba(255,255,255,1);font-size:3.5vh;line-height:250px}
#map-canvas{display:none}
.map_wrapper{display:none}
.formulier{display:none}
.adres{height:150px;font-family: 'Open Sans', sans-serif;font-weight:400;padding:0% 2% 0% 2%;display:block;width:96%;margin:0 auto;text-align:center;line-height:150px;font-size:4vh}
.adres .column{max-width:97%;display:block;width:97%;padding:1.5%;margin:0 auto;vertical-align:top;text-align:center}
.kraan{background-image:url('../img/foto_kraan.jpg');background-size:250%;background-position:center center}
.kraan_yellow{background-image:url('../img/foto_kraan_yellow.jpg');background-size:250%;background-position:bottom center}
.riggers{background-image:url('../img/foto_rigger.jpg');background-size:250%;background-position:center center}
.driver{background-image:url('../img/foto_driver.jpg');background-size:250%;background-position:center center}
.twothird{width:49.9%;max-width:49.9%}
.right{font-size:4vh}
#footer{position:relative;display:block;bottom:0;margin-bottom:0px;height:50px;padding:0% 2% 0% 2%;width:96%;text-align:center;line-height:50px;font-size:3vh}
}
@media (max-device-width: 960px) and (-webkit-min-device-pixel-ratio: 2){
.intro_blue{width:90%;min-width:90%;padding:1% 5% 1% 5%;margin:0 auto;min-height:250px;line-height:250px;max-height:450px;background-color:rgba(17,36,79,1);background-image:none;background-repeat:no-repeat;background-position:top center;display:block;color:rgba(255,235,0,1);font-family:homestead;font-size:2.4vh}
.intro_yellow{width:90%;min-width:90%;padding:1% 5% 1% 5%;margin:0 auto;min-height:250px;line-height:250px;max-height:450px;background-color:rgba(255,235,0,1);display:block;color:rgba(17,36,79,1);font-family:homestead;font-size:2.4vh}
#diensten_vervolg{background-color:rgba(0,0,0,0.2);height:500px;max-height:500px;overflow:hidden}
.diensten_text_block{display:block;position:absolute;width:80%;padding:0% 10% 0% 10%;height:250px;text-align:center;font-size:2.2vw;opacity:0.0;color:rgba(255,235,0,1);background-color:rgba(17,36,79,0.8);line-height:250px;-webkit-transition:.2s ease;-moz-transition:.2s ease;transition:.2s ease}
.verkeer, .rigger, .transport, .chauffeur, .heftruck, .koerier{max-height:250px;position:relative;overflow:hidden;height:250px;background-size:cover;background-position:center center;vertical-align:middle;-webkit-transition:.2s ease;-moz-transition:.2s ease;transition:.2s ease;font-family:homestead;color:rgba(255,255,255,1);font-size:3.5vw;line-height:250px}
#map-canvas{display:none}
.map_wrapper{display:none}
.formulier{display:none}
.adres{height:150px;font-family: 'Open Sans', sans-serif;font-weight:400;padding:0% 2% 0% 2%;display:block;width:96%;margin:0 auto;text-align:center;line-height:150px;font-size:3vw}
.adres .column{max-width:97%;display:block;width:97%;padding:1.5%;margin:0 auto;vertical-align:top;text-align:center}
.kraan{background-image:url('../img/foto_kraan.jpg');background-size:250%;background-position:center center}
.kraan_yellow{background-image:url('../img/foto_kraan_yellow.jpg');background-size:250%;background-position:bottom center}
.riggers{background-image:url('../img/foto_rigger.jpg');background-size:250%;background-position:center center}
.driver{background-image:url('../img/foto_driver.jpg');background-size:250%;background-position:center center}
.twothird{width:49.9%;max-width:49.9%}
.right{font-size:3vw}
#footer{position:relative;display:block;bottom:0;margin-bottom:0px;height:50px;padding:0% 2% 0% 2%;width:96%;text-align:center;line-height:50px;font-size:2vw}
}
@media (max-width: 480px){
.intro_blue{width:90%;min-width:90%;padding:1% 5% 1% 5%;margin:0 auto;min-height:250px;line-height:250px;max-height:450px;background-color:rgba(17,36,79,1);background-image:none;background-repeat:no-repeat;background-position:top center;display:block;color:rgba(255,235,0,1);font-family:homestead;font-size:2.3vh}
.intro_yellow{width:90%;min-width:90%;padding:1% 5% 1% 5%;margin:0 auto;min-height:250px;line-height:250px;max-height:450px;background-color:rgba(255,235,0,1);display:block;color:rgba(17,36,79,1);font-family:homestead;font-size:2.3vh}
#diensten_vervolg{background-color:rgba(0,0,0,0.2);height:500px;max-height:500px;overflow:hidden}
.diensten_text_block{display:block;position:absolute;width:80%;padding:0% 10% 0% 10%;height:250px;text-align:center;font-size:2.2vw;opacity:0.0;color:rgba(255,235,0,1);background-color:rgba(17,36,79,0.8);line-height:250px;-webkit-transition:.2s ease;-moz-transition:.2s ease;transition:.2s ease}
.verkeer, .rigger, .transport, .chauffeur, .heftruck, .koerier{max-height:250px;position:relative;overflow:hidden;height:250px;background-size:cover;background-position:center center;vertical-align:middle;-webkit-transition:.2s ease;-moz-transition:.2s ease;transition:.2s ease;font-family:homestead;color:rgba(255,255,255,1);font-size:3.5vw;line-height:250px}
#map-canvas{display:none}
.map_wrapper{display:none}
.formulier{display:none}
.adres{height:150px;font-family: 'Open Sans', sans-serif;font-weight:400;padding:0% 2% 0% 2%;display:block;width:96%;margin:0 auto;text-align:center;line-height:150px;font-size:3vw}
.adres .column{max-width:97%;display:block;width:97%;padding:1.5%;margin:0 auto;vertical-align:top;text-align:center}
.kraan{background-image:url('../img/foto_kraan.jpg');background-size:250%;background-position:center center}
.kraan_yellow{background-image:url('../img/foto_kraan_yellow.jpg');background-size:250%;background-position:bottom center}
.riggers{background-image:url('../img/foto_rigger.jpg');background-size:250%;background-position:center center}
.driver{background-image:url('../img/foto_driver.jpg');background-size:250%;background-position:center center}
.twothird{width:49.9%;max-width:49.9%}
.right{font-size:3vw}
#footer{position:relative;display:block;bottom:0;margin-bottom:0px;height:50px;padding:0% 2% 0% 2%;width:96%;text-align:center;line-height:50px;font-size:2vw}

#cc-notification {font-family: 'Open Sans', sans-serif;font-weight:400;width:100%;height:80%;max-height:80%;background:rgba(17,36,79,1);color:rgba(255,255,255,1);}
#cc-notification-wrapper {max-width:90%;margin:0 auto;width:90%;padding:5%;max-height:80%}
#cc-notification h2 span, #cc-notification h2{font-family:homestead;font-size:2em;color:#999}
#cc-notification #cc-notification-permissions ul{color:#999;list-style-type:none;width:90%;padding:5%}
#cc-notification.cc-monochrome ul.cc-notification-buttons li a{display:block;background:rgba(255,235,0,1);margin:0 auto;min-width:100px;width:auto;padding:0px 5px 0px 5px;height:40px;text-align:center;line-height:40px;font-size:30px;color:rgba(17,36,79,1);list-style-type:none;text-transform:uppercase;font-family: 'myriad', sans-serif}
#cc-notification.cc-monochrome ul{list-style-type:none}
}