@charset "utf-8";

@media screen and (max-width: 1280px) {
	.blokken {bottom:auto;position:relative;left:auto;margin-top:30px;}
	.flex-direction-nav a {top: 50%;}
	#subnav ul li a {padding:10px 15px;font-size:14px;}
}

@media screen and (max-width: 1030px) {
	#subnav ul li a {padding:10px 8px;font-size:14px;}
	#superwrapper {margin: 0 auto -120px;}
	.push{height:120px;}
	.footerwrapper {height:120px;}
}

@media screen and (max-width: 850px) {
	.contentleft {float:none;width:100%;margin:0;}
	.contentright {float:none;clear:both;margin-top:60px;width:100%;}
	.blokk2, .blok2 {float:left;width:48%;margin-right:4%;}
	.blokk3, .blok3 {float:left;width:48%;}
	.blokk1, .blok1 {width:100%;clear:both;}
	.col {width:48%;margin-left:2%;}
	.c2 {margin-left:0;}
	.niv3 {display:none;}
	.niv2 {display:block;}
	#subnav {display:none;}
	#navMobMenu{background-color:#c00;border-bottom:solid 1px #fff;display:table;width:100%;z-index:15000;position:fixed;}
	#navMobMenu div.innerNMM {display:table-row;}
	#navMobMenu div.innerNMM div{display:table-cell;}
	#navMobMenu div div a{color:#fff;background-color:#395199;border-right:solid 1px #fff;display:block;padding:10px;text-align:center;text-transform:uppercase;text-decoration:none;}
	
	#navMob,#languagesMob,#searchMob,#loginLnksMob {color:#000;top:0px;z-index:10000 !important;background-color:#fff;border-bottom:solid 20px #395199;width:100%;padding-top:60px;padding-bottom:60px;text-align:center;}
	#navMob ul,#languagesMob ul,#languagesMob ul,#loginLnksMob ul{margin:0px;padding:0px;}
	#navMob ul li,#languagesMob ul li,#searchMob ul li,#loginLnksMob ul li{list-style-position:inside;list-style-image:none;list-style-type:none;border-bottom:solid 1px #000;padding:5px;text-align:left;padding-left:20px;}
	#navMob ul li ul{margin-top:10px;margin-bottom:20px;}
	#navMob ul li a,#languagesMob ul li a,#searchMob a,#loginLnksMob a{text-align:left;padding-left:20px;text-decoration:none;}
	#navMob a,#languagesMob a{text-decoration:none;}
	#searchMob a.closeMob,#navMob a.closeMob,#languagesMob a.closeMob,#loginLnksMob a.closeMob{display:block;margin-bottom:15px;text-align:center;}
	
	#header {padding-top: 60px;}
	.pics {width:65%;}
	.pics img {width:100%;}
	#logo {width:30%;}
	#logo img {width:100%}
	#searchbox {float:none;margin:0;display:none;}
	input.search {width:93%;}
	#searchmob {display:block;}
	.zoeken {cursor:pointer;}
	#search {border:1px solid #cfcfcf;}
	.searchfield {width:100%;background-color:#fff;}
	input.search {background-color:#fff;color:#706f6f;border:0px;border-radius:0px;box-shadow:none;-webkit-appearance: none;width:80%;float:left;padding:8px;font-size:12px;}
	.search_submit {display:block;float:right;text-decoration:none;text-transform:uppercase;}
	.search_submit:hover {}
}

@media screen and (max-width: 750px) {
	.flexslider.loading {max-height: 300px; min-height:inherit;}
	.flexslider2.loading {max-height: 225px; min-height:inherit;}
}

@media screen and (max-width: 640px) {
	#main {margin-top:25px;}
	.flex-direction-nav a {display:none;}
	.wrapper2 {width:100%}
	.blokkken {display:none;}
	.blokk2, .blok2 {float:none;width:100%;margin-right:0%;}
	.blokk3, .blok3 {float:none;width:100%;}
	.merk {width:32%;margin-left:2%;}
	.p3 {margin-left:0;}
	.merk4 {display:none;}
	.merk3 {display:block;}
	.links {float:none;width:100%;margin:0;}
	.midden {float:none;width:100%;margin:0;clear:both;margin-top:20px;}
	.rechts {float:none;width:100%;margin:0;clear:both;margin-top:20px;}
	.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
	.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	table td {display:block;padding-bottom:20px;}
	.prom {width:100%;}
}

@media screen and (max-width: 480px) {
	#superwrapper {margin: 0 auto -140px;}
	.push{height:140px;}
	.footerwrapper {height:140px;}
	.col {width:100%;margin-left:0;}
	.niv2 {display:none;}
	.niv1 {display:block;}
	.blokk2, .blok2 {width:100%;clear:both;}
	.blokk3, .blok3 {width:100%;clear:both;}
	.blokk1, .blok1 {width:100%;clear:both;}
	#header {text-align:center;}
	.pics {display:none;}
	#logo {width:100%;float:none;}
	#logo img {width:auto;}
}

@media screen and (max-width: 380px) {
	#superwrapper {margin: 0 auto -150px;}
	.push{height:150px;}
	.footerwrapper {height:150px;}
	.merk {width:48%;margin-left:4%;}
	.p2 {margin-left:0;}
	.merk3 {display:none;}
	.merk2 {display:block;}
}