@media screen and (max-width: 800px) {
	#verversvak {
		margin-top: 0.2em;
		padding: 0.5em 0;
		width: 98%;
	}
	#tekstvak ul li, #tekstvak ol li {
		left: 0;
		padding-right: 0;
		position: static;
	}
	#extravak {
		padding: 0.5em 0;
		width: 98%;
	}	
	#logout {
		font-size:0.7em;
		/* width: 95%; */
	}
	#correctie {
		padding-top: 0.5em;
		width: 98%;
	}
	div.inner {
		width: 80%;
	}
	.titel{
		font-size:15px;
	}
}

@media screen and (max-width: 600px) {
	html, body {
		overflow-y:visible;
	}
	
	/**************************  div_headerbalk  **************************/
	header{
		position: absolute; 
		height:60px;
	}
	div#div_headerbalk {
		padding: 0.2em 0;
	}	

	/************************** logo vak **************************/
	div#logovak {
		height:80px;
	}
	.logo {
		width:60px;
		height:60px; 
	}
	.welkom {
		top:-30px;
		font-size:16px;
		font-weight:bold;
	}
	span.head {
		font-size:18px;
	}	
	
	/************************** footer **************************/
	footer {
		height: 20px;
	}
	span.footer {
		height: 20px;
		font-size:11px;
		display:inline-block; 
		vertical-align:top
	}
	span.txtPHP {
		font-size:11px;		
	}
	/************************** middenvlak **************************/

	.content {
		margin-top:0px;
	}	
	.dateinput {
		font-size:11px;
		max-width:100px;
	}	
	input[type=text], input[type=password], input[type=tel], input[type=number], input[type=file] {
		font-size:11px;
		min-height:21px;
	}		
	input[type=date] {
		font-size:11px;
		min-height:21px;
	}		
	input[type=submit], input[type=button], button[type=submit]{ 
		font-size:11px;
		min-width:25px;
		min-height:25px;
	}
	button{ 
		font-size:11px;
		min-width:25px;
		min-height:25px;
	}
	ul > li:hover ul {
		position: absolute;
		top: 0;
		left: 5em;
	}
	ul > li {
		float: none;
		text-align:left;
	}	
	select{
		font-size:11px;
		height:20px;		
	}
	option {
		font-size:11px;
		height:20px;		
	}
	label {
		font-size:11px;
	}	
}


	/* iPads (portrait and landscape) ----------- 
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		body { 
			width: 495px; 
		}
	}*/

/* Smartphones (portrait and landscape) ----------- 
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
		body { 
			padding: 0; 
			margin: 0; 
		}

*/