.cookiebanner{padding:20px 15px!important;font-family:inherit!important;height:auto!important;z-index:255!important;font-size:15px!important;background:#000!important;background:rgba(0,0,0,0.85)!important;color:#fff!important;font-weight:400!important;}
.cookiebanner span{display:block;}
.cookiebanner-close{font-size:30px;}
.cookiebanner a,
.cookiebanner-close:hover{color:#e10019!important;}

/* vacature */
.vac{position:absolute; z-index:1; left:15px; top:50px; padding:15px 18px; background:#e10019; color:#fff; font-size:24px; line-height:32px;}
.vac a{color:#000; font-size:18px; padding-top:5px; font-weight:bold; display:block;}
.vac a:hover{color:#000;}
.vac span{color:#000;}

/* wagenpark popup */
.check{color:#fff; margin-top:6px; display:inline-block; background:#f00; padding:2px 5px; font-size:12px; text-decoration:none;}
.check:hover{color:#fff; background:#f00; text-decoration:none;}
.wagenpark .item{position:relative;}



@media screen and (max-width: 800px) {
	.vac{font-size:20px; line-height:26px; top:20px;}
}

@media screen and (max-width: 700px) {
	.vac{font-size:16px; line-height:22px; padding:12px;}
	.vac a{font-size:18px; padding-top:3px;}
}

@media screen and (max-width: 600px) {
	.vac{font-size:14px; line-height:20px; padding:10px;}
	.vac a{font-size:14px;}
}

@media screen and (max-width: 480px) {
	.vac{font-size:12px; line-height:16px; right:0; left:0; top:32px; text-align:center; max-width:210px; margin-left:auto; margin-right:auto;}
	.vac .mob{display:none;}
	.vac a{font-size:12px;}
}

*,*:before,*:after{box-sizing:border-box}

.nav li::before{content:"/ "; color:#e10019; float:left;}
.nav li.first::before{content:"";}

html{-webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; overflow-y: scroll; text-size-adjust: none; height:100%;}

body{height:100%; margin:0; padding:0;}
body,td,textarea,input,button{color:#000; font-size:16px; line-height:28px; font-family:'Open Sans',sans-serif;}
input.form{padding-bottom:3px; position:relative; height:28px; line-height:28px;}
.introtxt{font-size:18px; line-height:32px;}

a{color:#e10019; font-weight:normal; text-decoration:none;}
a:hover{color:#e10019; text-decoration:underline;}
a img{border:0;}
:focus{outline:none;}

p{margin-top:0; padding-top:0;}	

ul{margin-left:0; padding-left:0; list-style:none;}
.column-2 ul{margin:0;}

li{margin-left:0; padding-left:0;}
.main li{background:url(/assets/templates/site/img/bull.png) 0 5px no-repeat; padding-left:15px; padding-bottom:10px;}

.clear{clear:both; height:0; overflow:hidden;}
.column-2{-moz-column-count:2; -moz-column-gap:40px; -webkit-column-count:2; -webkit-column-gap:40px;}
.upper{text-transform:uppercase;}
.txt-bottom{padding-top:250px;}

.bg-blok-stad h2{padding-bottom:20px;}
.bg-blok-stad hr{margin:10px 0 15px;}

.rood{color:#e10019;}
.wit{color:#fff;}
.zwart{color:#000;}

h1, h2, h3, h4{margin:0; padding:0 0 8px; font-weight:normal;}
h1{font-size:38px; line-height:38px; padding-bottom:25px;}
h1 b{color:#e10019;}

hr{border:0; border-bottom:1px solid #fff; height:0; overflow:hidden; background:transparent; clear:both; padding:0; margin:12px 0 15px;}

.center{max-width:960px; margin:0 auto; position:relative; padding:0 15px;}

/* LOGIN */
.topbar{position:relative; text-transform:uppercase; line-height:25px; height:26px; color:#fff; background:#000; font-size:85%;}
.topbar a{color:#fff; text-decoration:none!important;}
.topbar a:hover{color:#e10019;}
.topbar .fr{float:right; margin-right:0;}
.topbar .fl{float:right; margin-right:20px;}

@media screen and (max-width: 480px) {	
	.topbar{font-size:75%;} 
	.topbar .fl{float:left;}
}

.botspan{padding-bottom:200px;}

/* LOGO */
.logo{float:left; max-height:140px; overflow:hidden;}
.logo img{display:block; padding:10px 0;}


/* BANNER */
.banner{overflow:hidden; height:445px; margin-bottom:30px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; -ms-behavior:url(/backgroundsize.min.htc); background-color:#eee;}
.banner .center{height:100%;}
.banner h1, .banner h2{position:absolute; bottom:10%; right:15px; color:#fff; padding:0; margin:0; font-size:48px; line-height:52px; text-transform:uppercase; text-shadow: 0 0 5px rgba(0,0,0,1); letter-spacing:0.5px; text-align:right;}
.banner h1 b, .banner h2 b{font-style:italic;}

.banner small{font-size:15px; display:block; line-height:24px;}

/* INFO BLOK */
.info{padding:30px 0; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; -ms-behavior:url(/backgroundsize.min.htc); background-color:#000; color:#fff;}
.infoblok{padding:20px 0; text-align:center; background-color:rgb(0,0,0); background-color: rgba(0,0,0,0.5);}
.infoblok h3{padding:0; margin:0; font-size:40px; line-height:45px;}
a.btn{display:inline-block; padding:6px 10px; background:#e10019; text-decoration:none!important; color:#fff!important; margin-top:10px; font-size:16px; line-height:16px; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg);}
a.btn span{display:block; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg);}


/* MAIN */
.sidebar{float:right; width:32%; padding-bottom:25px;}
.content{float:left; width:60%; padding-bottom:25px;}
.content-bredere{float:left; width:68%; padding-bottom:25px;}
.sidebar.floating{position:absolute; right:15px; z-index:1;}

.side-afb{overflow:hidden; display:block;}
.bg-blok-slingerweg{background-image:url(/assets/images/afbeeldingen/bg-blok-slingerweg.jpg);}
.bg-blok-stad{background-image:url(/assets/images/afbeeldingen/bg-blok-stad.jpg);}
.bg-blok-road{background-image:url(/assets/images/afbeeldingen/bg-blok-road.jpg);}
.bg-blok-koekoek{background-image:url(/assets/images/afbeeldingen/bg-blok-koekoek.jpg); background-position:center top;}
.bg-blok-mvo{background-image:url(/assets/images/afbeeldingen/bg-blok-mvo.jpg);}
.bg-blok-map{background-image:url(/assets/images/afbeeldingen/bg-blok-map.jpg);}
.kleiner{font-size:12px; line-height:16px;}

.wagenpark{padding-top:15px;}
.wagenpark .item{width:29.33%; margin-right:2%; float:left; font-size:10px; line-height:16px;}
.wagenpark .item img{display:block;}
.wagenpark hr{height:0; background:transparent; border:0; border-bottom:1px solid #000; padding:0; overflow:hidden; margin:0 0 5px;}

.mvo-items .item{float:left; width:33.33%;}
.mvo-items .item.sec img{padding:0 25px;}

.auto-float{float:right; max-width:260px!important;}

a.bannerbtn{display:inline-block; font-size:24px; text-align:center; line-height:24px; padding:8px 15px; color:#000; background:#e10019; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; position:absolute; right:15px; margin-top:5%;}
a.bannerbtn{color:#fff!important;}
a.bannerbtn:hover{color:#000!important; text-decoration:none;}

a.webbtn{display:inline-block; font-size:22px; text-align:center; line-height:22px; padding:8px 15px; color:#000; background:#e10019; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
a.webbtn:hover{color:#fff; text-decoration:none;}


/* NAVIGATIE */
.nav-link{display:none;}

.nav{position:absolute; right:15px; float:right; font-size:16px; line-height:32px; text-transform:uppercase; z-index:20; margin-top:93px;}
.nav ul{position:relative; display:inline-table; z-index:101; padding:0; list-style:none; margin:0;}
.nav > li > ul.sub-menu{min-width:10em; padding:4px 0; background:#e10019;}
.nav > ul > li{float:left; margin-left:1px;}
.nav ul li a{display:block; color:#fff; text-decoration:none;}
.nav ul li a:hover{text-decoration:none; color:#e10019;} 
.nav ul li.active > a{text-decoration:none; color:#e10019;}
.nav ul li > a {padding:0 6px 0 11px; color:#000;}	
.nav ul li.last > a {padding-right:0;}	
.nav ul ul{display:none; position:absolute; margin-top:0; width:200px;}
.nav ul li:hover > ul{display:block; background:#e10019;}
.nav ul ul li{margin-left:0; text-transform:none;}
.nav ul ul li.first{padding-top:2px;}
.nav ul ul li.last{padding-bottom:6px;}
.nav ul ul > li{position:relative; padding:0;}
.nav ul ul > li a{padding:0 10px; background:#e10019; color:#000; height:auto; font-size:15px; line-height:24px;}
.nav ul ul > li a:hover{background:#e10019; color:#000;}
.nav ul ul ul{position:absolute; left:100%; top:0;} 
.nav ul li li.active a{color:#000;}


/* FORM */
.formulier{padding:15px 20px; background:#e10019; color:#fff;}
.formulier h2{color:#000; font-size:28px; line-height:28px; padding-bottom:8px;}

.form, .form-text{border:0; padding:0 6px; width:100%; margin-top:4px; font-size:90%;}	
.form-item{padding-bottom:4px;}
.form-item .left{float:left; width:48%;}
.form-item .right{float:right; width:48%;}
.form-item.formbtn input{background:#000; color:#fff; text-align:center; float:right; padding:2px 8px; border:0; text-transform:uppercase; cursor:pointer;}
.errors{margin-bottom:10px; background:#000; color:#e10019; padding:12px; font-size:13px; line-height:18px;}

.vacatureformulier .form{max-width:320px;}
.vacatureformulier .form-item.formbtn input{background:#e10019; float:none;}

/* FOOTER */
.footer{padding:30px 0; font-size:14px; line-height:21px;}

.footer{margin-bottom:20px;}
.footer .item{float:left; width:33.33%; margin-bottom:0px;}
.footer .item.last{margin-bottom:0;}
.footer .item.sec a,.footer .item.last a{color:#000;}
.footer .item a:hover{text-decoration:none; color:#e10019!important;}
.footer label{float:left; width:100px;}
.footer hr{border:0; border-bottom:1px solid #e10019; height:0; overflow:hidden; background:#fff; clear:both; padding:0; margin:12px 0 15px;}

.footer-logos{padding-bottom:20px;}
.footer-logos img{max-height:50px; display:block;}



/* RESPONSIVE ======= RESPONSIVE ======= RESPONSIVE */

@media screen and (max-width: 1200px) { .banner{height:380px;} }
@media screen and (max-width: 1100px) { .banner{height:360px;} }
@media screen and (max-width: 1000px) { .banner{height:320px;} }
@media screen and (max-width: 900px) { .banner{height:275px;} }
@media screen and (max-width: 768px) { .banner{height:240px;} .banner h1, .banner h2{font-size:40px; line-height:45px;} }
@media screen and (max-width: 700px) { .banner{height:220px;} .banner h1, .banner h2{font-size:35px; line-height:38px;} }
@media screen and (max-width: 600px) { .banner{height:190px;} .banner h1, .banner h2{font-size:30px; line-height:34px;} }
@media screen and (max-width: 480px) { .banner{height:150px;} .banner h1, .banner h2{font-size:22px; line-height:26px; right:12px; left:12px; text-align:center} }
@media screen and (max-width: 320px) { .banner{height:110px;} .banner h1, .banner h2{font-size:16px; line-height:19px;} }


@media screen and (max-width: 900px) {
	.footer .item.first{width:40%;}
	.footer .item.sec{width:30%;}
	.footer .item.last{width:30%;}
}


@media screen and (min-width: 767px) {
	.top .nav{display:block!important;}
}


@media screen and (max-width: 767px) {	
	body,td,textarea,input,button{font-size:15px; line-height:24px;}
	input.form{padding-bottom:2px; height:24px; line-height:24px;}
	.introtxt{font-size:15px; line-height:24px;}
	
	h1{font-size:30px; line-height:34px; padding-bottom:20px;}
	.main li{background:url(/assets/templates/site/img/bull.png) 0 3px no-repeat; padding-left:15px;}
	
	.nav-link {display:block; color:#000; background:url(/assets/templates/site/img/nav-btn.png) no-repeat scroll center center; position:absolute; right:12px; text-decoration:none; padding:0; width:40px; height:40px; z-index:200; top:28px; overflow:hidden; text-indent:-99px;}	
	
	.nav {clear:both; min-width:inherit; float:none; position:absolute; top:auto; left:0; right:0; padding:0; font-size:15px; margin-top:0;}
	.nav, .nav > ul ul {overflow:hidden; max-height:0; background:#e10019;}
	.nav > li > ul.sub-menu {padding:0; border:none;}
	.nav.active, .nav > ul ul.active {max-height:55em;}
	.nav ul {display:inline;}
	.nav li, .nav > ul > li {display: block;}
	.nav ul li.active > a{background:#e10019;}
	.nav ul li > a{background:#e10019; color:#fff; height:40px; line-height:40px; padding:0 12px;}
	.nav ul ul li.first{padding-top:0;}
	.nav ul ul li.last{padding-bottom:0;}
	.nav ul li {padding:0; border:none; margin-left:0; float:none;}
	.nav li a {display:block; padding:0; border-bottom:1px solid #fff; position:relative; line-height:40px;}
	.nav li.has-submenu > a:after{background:url(/assets/templates/site/img/nav-down.png) no-repeat scroll center right; content:''; position:absolute; top:0; right:0; display:block; padding:0; line-height:40px; width:40px; height:40px; border-left:1px solid #fff;}
	.nav li.has-submenu > a.active:after{background:url(/assets/templates/site/img/nav-up.png) no-repeat scroll center right; content:''; padding:0; text-indent:-9999px; width:40px; line-height:40px; height:40px;}
	.nav ul li a:hover{background:#e10019; color:#000;} 
	.nav ul ul > li a{height:36px; padding:0 10px; line-height:35px;}
	.nav ul ul, .nav ul ul ul {display:inherit; position:relative; left:auto; top:auto; border:none; margin-left:0;} 	
	.nav ul li.active > a{color:#000;}
	.nav ul ul li.last{border-bottom:0;}
	
	.logo{float:none;}
	.logo img{max-width:310px;}
	
	.sidebar{width:35%;}
	.content{width:60%;}
	.content-bredere{width:64%;}
	
	.info{padding:25px 0;}
	.infoblok h3{font-size:32px; line-height:35px;}
	a.btn{padding:5px 8px; font-size:15px; line-height:15px;}
	.wagenpark .item{width:48%; margin-right:2%;}
	
	.mvo-items .item.first{float:left; width:75%;}
	.mvo-items .item.sec{float:right; width:25%;}
	.mvo-items .item.last{float:none; width:100%; clear:both;}
	.mvo-items .item.sec img{padding:0 0 0 25px;}
	
	a.bannerbtn{font-size:21px; line-height:21px; padding:6px 12px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; right:15px; margin-top:4%;}
	a.webbtn{font-size:19px; line-height:19px;}

	.botspan{padding-bottom:120px;}
	
}


@media screen and (max-width: 600px) {
	.footer .item.first{width:33.33%;}
	.footer .item.sec{width:33.33%;}
	.footer .item.last{width:33.33%;}
	
	.sidebar{width:46%;}
	.content{width:46%;}
	.content-bredere{width:50%;}
	
	.column-2{-moz-column-count:1; -moz-column-gap:0; -webkit-column-count:1; -webkit-column-gap:0;}
	.wagenpark .item{width:100%; margin-right:0; float:none;}
	
	a.bannerbtn{font-size:18px; line-height:18px; padding:5px 10px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; right:12px; margin-top:3%;}
	a.webbtn{font-size:17px; line-height:17px;}
	
	.botspan{padding-bottom:100px;}
}


@media screen and (max-width: 520px) {
	.footer{font-size:13px; line-height:18px;}
	.footer .item{float:none;}
	.footer .item.first{width:100%;} 
	.footer .item.sec{width:100%;}
	.footer .item.last{width:100%;}
	
	.footer .footer-logos .item img{max-height:40px;}
	.footer .footer-logos .item.first,
	.footer .footer-logos .item.sec,
	.footer .footer-logos .item.last{float:left; width:auto; margin-right:15px;}
	
	.mvo-items .item.first{float:none; width:100%;}
	.mvo-items .item.sec{float:none; width:100%; display:none;}
	.mvo-items .item.last{float:none; width:100%; clear:both;}
	.mvo-items .item.sec img{padding:12px 0; max-width:200px;}
	.bg-blok-mvo .content{width:100%;}
	
	.banner small{font-size:13px; line-height:21px;}
}


@media screen and (max-width: 480px) {
	body,td,textarea,input,button{font-size:14px; line-height:21px;}
	input.form{height:21px; line-height:21px;}
	.introtxt{font-size:14px; line-height:21px;}
	
	h1{font-size:24px; line-height:28px; padding-bottom:15px;}
	.main li{background:url(/assets/templates/site/img/bull.png) 0 1px no-repeat; padding-left:12px;}
	
	.center{padding:0 12px;}
	
	.logo img{max-width:200px;}
	.nav-link {top:15px;}
	
	.sidebar{width:100%; float:none;}
	.content{width:100%; float:none;}
	.content-bredere{width:100%; float:none;}
	.sidebar.floating{position:relative; right:auto;}
	.txt-bottom{padding-top:200px;}
	
	.info{padding:20px 0;}
	.infoblok h3{font-size:25px; line-height:30px;}
	a.btn{padding:4px 6px; margin-top:8px; font-size:14px; line-height:14px;}
	
	.footer .footer-logos .item img{max-height:32px;}
	
	.auto-float{float:none; max-width:260px!important; display:block; margin-left:auto; margin-right:auto;}
	
	.banner .center{text-align:center;}
	a.bannerbtn{font-size:15px; line-height:15px; padding:5px 8px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; right:0; left:0; margin-top:0; position:absolute;}
	
	a.webbtn{font-size:15px; line-height:15px;}
	
	.botspan{padding-bottom:0;}
}



/* RETINA BG */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
 
	.nav li.has-submenu > a:after{
		background:url(/assets/templates/site/img/nav-down_2x.png) no-repeat scroll center right; width:40px; height:40px;
		background-size:40px 40px;
	}
	.nav li.has-submenu > a.active:after{
		background:url(/assets/templates/site/img/nav-up_2x.png) no-repeat scroll center right; width:40px; height:40px;
		background-size:40px 40px;
	}
	
	.nav-link{
		background:url(/assets/templates/site/img/nav-btn_2x.png) no-repeat scroll center center; width:40px; height:40px;
		background-size:40px 40px;
	}
	
}