@media screen {
	body, html {
		margin: 0;
		padding: 0;
		height: 100%;
	}
	
	html {
		font: 80%/1.8em Arial, Helvetica, sans-serif;
		background: #99A2B7;
	}
	
	a {
		color: black;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	form {
		display: block;
		padding: 0;
		margin: 0;
	}
	
	#wrapper {
		min-height: 100%;
		width: 974px;
		margin: auto auto;
		position: relative;
	}
	
	#header {
		background: url(../../images/achtergrond_02.jpg) top left no-repeat;
		height: 151px;
	}
	
	#header #home {
		position: absolute;
		display: block;
		height: 40px;
		width: 150px;
		top: 100px;
		left: 70px;
	}
	
	#header p {
		position: absolute;
	}
	
	#main {
		min-height: 300px;
		position: relative;
		padding-top: 100px;
	}
	
	#main #crumbs {
		position: absolute;
		top: 43px;
		left: 400px;
		width: 410px;
	}
	
	#main #email {
		position: absolute;
		top: 0px;
		left: 82px;
	}
	
	#main #email a{
		color: white;
	}
	
	#zoeken {
		position: absolute;
		top: 0;
		left: 612px;
		width: 25em;
	}
	
	#zoeken * {
		padding: 0;
		margin: 0;	
	}
	
	#zoeken form input {
		border: 1px solid gray;
		font-size: 1em;
		width: 20em;
	}
	
	#zoeken form button {
		background: none;
		border: none;
		font-size: 1em;
		color: white;
		margin-left: 1em;
	}
	
	#zoekresultaten input {
		font-size: 1em;
	}
	
	#zoekresultaten ul {
		margin: 0 0 0 1.5em;
		padding: 0;
	}
	
	#zoekresultaten li {
		margin-bottom: 1em;
	}
	
	#menuContainer {
		float: left;
		position: relative;
		left: 12px;
		width: 154px;
		border-right: 1px solid #ababab;
		padding-bottom: 152px;
	}
	#menuContainer ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#menuContainer ul, #menuContainer #login {
		margin-left: 1em;
	}
	
	#menu {
		min-height: 150px;
	}
	
	#hoekje {
		width: 155px;
		height: 150px;
		background: url(../../randomFooter.php) left bottom no-repeat;
		position: absolute;
		left: 12px;
		bottom: 0;
	}
	
	#menu ul li {
		margin: 0;
		padding: 0;
	}
	
	#content {
		width: 430px;
		float: left;
		position: relative;
		border-left: 1px solid #ababab;
		margin-left: 11px;
		padding-left: 60px;
		padding-bottom: 37px;
	}
	
	#content p {
		margin-top: 0.5em;
	}
	
	#content p.bold {
		font-weight: bold;
	}
	
	#content h1, #content h2 {
		margin-top: 0;
		margin-bottom: 0.4em;
		font-size: 2em;
	}
	
	#content h2 {
		font-size: 1.2em;
	}
	
	#content #sidebar {
		position: absolute;
		width: 140px;
		left: 540px;
		top: 0;
	}
	
	#content #sidebar h1 {
		font-size: 1.4em;
	}
	
	#printknop {
		border: none;
		position: absolute;
		top: 251px;
		left: 176px;
		background: url(../../images/print-button.png);
		width: 37px;
		height: 37px;
		cursor: pointer;
	}
	
	.toegankelijkheid {
		display: none;
	}
	
	#rekker {		
		clear: left;
		height: 0;
	}
	
	#footer {
		overflow: hidden;
		height: 44px;
		position: absolute;
		bottom: 0px;
		width: 750px;
		left: 167px;
	}
	
	#footer p {
		margin: 0;
		position: relative;
		padding: 0 60px 0 60px;
		color: white;
	}
	
	#footer p a {
		color: white;
	}
	
	#fotootjes {
		position: absolute;
		top: 21px;
		left: 12px;
		width: 378px;
		height: 54px;
	}
	
	#fotootjes div {
		float: left;
		width: 54px;
		height: 54px;
		background: left top no-repeat;
	}
	
	#fotootjes #f1 {
		background-image: url(../../randomHeader.php?id=1);
	}
	
	#fotootjes #f2 {
		background-image: url(../../randomHeader.php?id=2);
	}
	
	#fotootjes #f3 {
		background-image: url(../../randomHeader.php?id=3);
	}
	
	#fotootjes #f4 {
		background-image: url(../../randomHeader.php?id=4);
	}
	
	#fotootjes #f5 {
		background-image: url(../../randomHeader.php?id=5);
	}
	
	#fotootjes #f6 {
		background-image: url(../../randomHeader.php?id=6);
	}
	
	#fotootjes #f7 {
		background-image: url(../../randomHeader.php?id=7);
	}
	
	.toegankelijkheid {
		display: none;
	}
}

@media print {
	#menuContainer, #leeftijdfilter, #zoeken, #fotootjes, #menuContainer, #hoekje, .toegankelijkheid, #sidebar, #printknop {
		display: none;
	}
	
	#wrapper h1.toegankelijkheid, #crumbs h2.toegankelijkheid {
		display: block;
	}
	
	/* Voor moderne browser een extraatje */
	#content a:after {
	   content: ' [' attr(href) ']';
	   font-style: italic;
	   text-decoration: none;
	}
}