@charset "utf-8";


/* CSS Document */
@media screen and (max-width: 1224px) {

}
@media screen and (max-width: 978px) {
	.nonmob {
		display:none;
	}
	.tabletonly {display:block;}
	h1 {	font-size: 30px;line-height:normal;}
	h2 {	font-size: 20px;line-height:normal;}
	h3 {	font-size: 18px;line-height:normal;}
	nav, .downloadknop, .submenuitem {font-size: 24px;}
	iframe{width:100%;}
	.navitem {margin-right:0;}
	.indexbanner{
		height:360px;
		padding-top:50px;
	}
	.indexbanner h1 {	font-size: 50px;line-height:50px;}
	.indexbanner h2 {	font-size: 20px;line-height:normal;}
	.indexbanner h3 {	font-size: 18px;line-height:normal;}
	.quote{	font-size: 16px;}
	.overzichttext{
			margin-top:10px;
	}
	.overzicht .info {
		top:-30px;
	}
}
@media screen and (max-width: 720px) {
	.toplogo{width:180px;}

	.navitem, .downloadknop, .submenuitem {font-size:16px;}
	.col1-3, .col2-3, .overzichtintro, .overzichtintroimg, .detailitem, .detailimg{
		width:100%;
	}
	section.overzicht, section.overzicht.letters {
		width: 24%;
		margin-right: 1%;
		margin-bottom: 1%;
		height: auto;
	}
	section.image:nth-child(1){
		width: 100%;
	}
	section.text{
		width: 100%;
	}
	.footer3col:nth-child(3){
		display:none;
	}
	.footer3col{
		width:48%;
	}
	.footer4col:nth-child(3){
		display:none;
	}
	.footer4col{
		width:33%;
	}
	
}
@media screen and (max-width: 520px) {
	 .indexbanner, .nonmob, .langs {
		display:none;
	}
	.tabletonly {display:none;}
	.mobonly {
		display:block;
	}
	body {font-size: 14px;}
	h2 {	font-size: 18px;}
	h3 {	font-size: 14px;}
	section.overzicht, section.overzicht.letters {
	width: 49%;
	}
	section.image {
	width: 100%;
	height: auto;
	}
	.bgimage{height:200px;}
	header{
		height:auto;
		overflow:auto;
		padding-bottom:5px;
	}
	.toplogo {
		width:200px;
		height:57px;
	}
	.downloadknop{
		display:none;
		}
	.moblogo{
		position:absolute;
		width:100%;
		top:25px;
		height:21px;
		padding-left:50px;
		text-align:center;
	}
	.toplogo.home{
		width:80px;
	}
	.toplogo.home img{
		width:80px;
	}
	nav {
	height: auto;
	clear: both;
	text-align: center;
	width: 100%;
	position: relative;
	margin-top:0;
	}
	.navitem{
	display:inline;
	margin-left:0;
	margin-right:10px;
	}
	.col1-2, .col2-2 {
		width:100%;
		clear:both;
	}
	.contentcontainer, .titel {
		margin-top:20px;
	}
	.imagetext {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #000000;
	}
	.imagetext img, .imagetext .col1-2, .imageimage .col1-2, .textimage .col1-2{
		float:none;
		width:100%;
		margin:0;
	}
	.center{ text-align:left;}
	.overzicht figure:hover img {
		transform:none;
		-moz-transform: none;
		-webkit-transform: none;
	}
	.textonly{margin-bottom:0;margin-top:0;padding:2%;}
	.footer3col:nth-child(1){
		display:none;
	}
	.footer3col{
		width:98%;
	}
	.footer4col:nth-child(4){
		display:none;
	}
	.footer4col{
		width:48%;
		font-size:12px;
	}
	.mobfooter img{
		width:48%;
		height:auto;
	}
	

}