*{
font-family: arial;
font-size: 15px;
line-height: 24px;
margin: 0px;
padding: 0px;
}

#layout{	
	margin: 0px auto;
}

	@media only screen and (min-width: 1000px){
		
		h1{
			font-family: arial;
			font-size: 22px;
			color: #0046b0;
		}
		
		#layout{
			width:1000px;
			background-color: white;
		}
		#header{
			background-image:url(/i/files/header-1000.jpg);
			display:inline-block;
		}
		#headerleft,#headermiddle,#headerright{
			display:block;
			float:left;
		}
		#headerleft{
			width: 502px;
			height: 280px;
			text-align: left;
		}
	
		#browseby{
			display: inline;
		}
	
		#headerlogo{
			margin-top: 15px;
			margin-left: 6px;
		}

		#headermiddle{
			width: 336px;
			height: 280px;
		}
		#headerright{
			width: 162px;
			height: 280px;
		}
		#menu{
			background-color: #9805f1;
			color: #FFF;
			height:36px;
			margin-top: -7px;
		}
		#menu li{
			display: inline;
			float: left;
		}

		#menu a{
			color: white;
			text-decoration: none;
			font-size: 14px;
			font-weight: bold;
			padding: 11px 8px 11px 8px;
			line-height: 36px;
		}
		#menu a:hover,#menu #a{
			background-color: #FFFFFF;
			color: black;
		}
		#zoekform{
			margin-top:4px;
			margin-right:6px;
			float: right;
		}
		
		#bodyleft,#bodymiddle,#bodyright{
			display:block;
			float:left;
		}
		#bodyleft{
			width: 160px;
			height: 610px;
			padding-top:10px;
			padding-left:10px;
		}
		#bodymiddle{
			width: 520px;
			background-color: white;
		}
		#bodymiddle_container{
			padding:10px 30px;
		}
		#bodyright{
			width: 300px;
			height: 600px;
			padding-right:10px;
			padding-top:10px;
		}
		#footer{
			background-color: #AAA;
		}
		#footermiddle_container{
			padding: 20px;
			color: #FFF;
		}
	}

	@media only screen and (min-width: 839px) and (max-width: 998px) {
	
		h1{
			font-family: arial;
			font-size: 18px;
			color: #0046b0;
		}
		
		#layout{
			width:860px;
			background-color: white;
		}
		#header{
			background-image:url(/i/files/header-1000.jpg);
			display:inline-block;
		}
		#headerleft,#headermiddle,#headerright{
			display:block;
			float:left;
		}
		#headerleft{
			width: 502px;
			height: 280px;
		}
		#headerlogo{
			margin-top: 15px;
			margin-left: 6px;
		}
		#headermiddle{
			width: 336px;
			height: 280px;
		}
		#headerright{
			width: 22px;
		}
		#menu{
			background-color: #9805f1;
			color: #FFF;
			height:36px;
			margin-top: -7px;
		}
		#menu li{
			display: inline;
			float: left;
		}

		#menu a{
			color: white;
			text-decoration: none;
			font-size: 14px;
			font-weight: bold;
			padding: 11px 6px 11px 5px;
			line-height: 36px;
		}
		#menu a:hover,#menu #a{
			background-color: #FFFFFF;
			color: black;
		}
		
		#zoekform{
			margin-top:6px;
			margin-right:6px;
			float: right;
		}
		
		#bodyleft,#bodymiddle,#bodyright{
			display:block;
			float:left;
		}
		#bodyleft{
			width: 160px;
			height: 610px;
			padding-top:10px;
			padding-left:10px;
		}
		#bodymiddle{
			width: 520px;
			background-color: white;
		}
		#bodymiddle_container{
			padding:0px 20px;
		}
		#bodyright{
			width: 160px;
			height: 600px;
			padding-right:10px;
			padding-top:10px;
		}
		#footer{
			background-color: #AAA;
		}
		#footermiddle_container{
			padding: 20px;
			color: #FFF;
		}

	}
	
	@media only screen and (min-width: 360px) and (max-width: 838px) {
	
		h1{
			font-family: arial;
			font-size: 18px;
			color: #0046b0;
		}
		
		#layout{
			width:100%;
			background-color: white;
		}
		#header{
			background-color: #000;
			display:block;
			width: 100%;
			text-align:center;
		}
		#headerleft,#headermiddle,#headerright{
			display:block;
		}
		#headerlogo{
			margin-top:14px;
			vertical-align: middle;
			width:50%;
			min-width: 300px;
		}
		#headerleft{
			width: 100%;
			height: 60px;
		}		
		#headermiddle{
			width: 100%;
			height: 0px;
		}
		#headerright{
			display:none;
		}
		#zoekform{
			margin-top:6px;
			margin-right:6px;
			float: right;
		}
		#menu{
			width: 100%;
			background-color: #9805f1;
			color: #FFF;
		}
		#menu li{
			display: inline;
		}

		#menu a{
			color: white;
			text-decoration: none;
			font-size: 14px;
			font-weight: bold;
			padding: 11px 4px 11px 4px;
			line-height: 36px;
		}
		#menu a:hover,#menu #a{
			background-color: #FFFFFF;
			color: black;
		}
		#menu #browseby{
			display:none;
		}
		#bodyleft,#bodymiddle,#bodyright{
			display:block;
		}
		#bodyleft{
			width: 100%;
			height: 100px;
			padding-top:10px;
			text-align:center;
			background-color: #FFF;
		}
		#bodymiddle{
			width: 100%;
			background-color: white;
		}
		#bodymiddle_container{
			/* Too much padding on small screens */
			padding:10px 10px;
		}
		#bodyright{
			width: 100%;
			height: 280px;
			padding-top:10px;
			text-align:center;
			background-color: #FFF;
		}
		#footer{
			background-color: #AAA;
		}
		#footermiddle_container{
			padding: 20px;
			color: #FFF;
		}

	}
	
	@media only screen and (min-width: 0px) and (max-width: 359px) {
	
		h1{
			font-family: arial;
			font-size: 18px;
			color: #0046b0;
		}
		
		#layout{
			width:100%;
			background-color: white;
		}
		#header{
			display:block;
			width: 100%;
			text-align:center;
		}
		#headerleft,#headermiddle,#headerright{
			display:block;
		}
		#headerleft{
			width: 100%;
			height: 50px;
			background-color: #000;
		}
		#headerlogo{
			margin-top:14px;
			vertical-align: middle;
			width: 200px;
		}
		#headermiddle{
			width: 100%;
			height: 90px;
			background-color: #000;
		}
		#headerright{
			display:none;
		}
		#menu{
			width: 100%;
			background-color: #9805f1;
			color: #FFF;
			height:36px;
		}
		#menu li{
			display: none;
		}
		#zoekform{
			margin-top:6px;
			margin-right:6px;
			float: right;
			float: right;
		}
		#menu #browseby{
			display:none;
		}
		#menu a{
			color: white;
			text-decoration: none;
			font-size: 14px;
			font-weight: bold;
			padding: 11px 1px 11px 1px;
			line-height: 36px;
		}
		#menu a:hover,#menu #a{
			background-color: #FFFFFF;
			color: black;
		}

		#bodyleft,#bodymiddle,#bodyright{
			display:block;
		}
		#bodyleft{
			width: 100%;
			height: 100px;
			padding-top:10px;
			text-align:center;
			background-color: #FFF;
		}
		#bodymiddle{
			width: 100%;
			background-color: white;
		}
		#bodymiddle_container{
			/* Too much padding on small screens */
			padding:10px 10px;
		}
		
		#bodyright{
			width: 100%;
			height: 280px;
			padding-top:10px;
			text-align:center;
			background-color: #FFF;
		}
		#footer{
			background-color: #AAA;
		}
		#footermiddle_container{
			padding: 20px;
			color: #FFF;
		}

	}