* { padding: 0; margin: 0; }
body { margin: 10px auto; font-family: Verdana, sans-serif; font-size: small; line-height: 1.5em; color: #000; }
acronym { border-bottom : none; color : #407EFF; cursor : help; }
p { margin: 1em 0 1em 0; padding: 1px 2px 1px 2px; }
	
#wrap {	background: #fff; border: 1px solid #5982C2; margin: 0 auto; font-size: 95%;}
#kop { font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; font-size: 150%; font-weight: bold; color: #fff; }
#kop img  { display: block; }

@media screen and (min-width: 260px) and (max-width: 460px) {
	body {font-size: xx-small !important;}
	#wrap {width: 240px;}
	#kop #kopimg {height: 40px;}
	#inhoud { float: left; width: 95%; min-height: 150px;} 
	#inhoud img {max-width: 95%; height: auto;}
	#inhoud #menu a {font-size: 7px !important;}
	
	.login {margin: 2em 0; width: 159px;}
	.login-form { text-align: left; }
	.login-text { text-align: left; }
	.login form input[type=text], .login form input[type=password] {width: 100px;}
	
	 .allowhide {display: none;}
}
@media screen and (min-width: 460px) and (max-width: 720px) {
	body {font-size: xx-small !important;}
	#wrap {width: 400px;}
	#kop #kopimg {height: 57px;}
	#inhoud { float: left; width: 94%; min-height: 240px;} 
	#inhoud img {max-width: 95%; height: auto;}
	
	.login {margin-top: 2em; width: 329px;}
	.login-form { float: left; text-align: left; width: 40%; }
	.login-text { float: left; text-align: left; width: 60%; }
	.login form input[type=text], .login form input[type=password] {width: 100px;}
	
	 .allowhide {display: none;}
}
@media screen and (min-width: 720px) and (max-width: 1024px) {
	#wrap {width: 620px;}
	#kop #kopimg {height: 104px;}
	#inhoud { float: left; width: 96%; min-height: 310px;} 
	#inhoud img {max-width: 97%; height: auto;}
	
	.login {margin-top: 4em; width: 449px;}
	.login-form { float: left; text-align: left; width: 40%; }
	.login-text { float: left; text-align: left; width: 60%; }
	.login form input[type=text], .login form input[type=password] {width: 150px;}
}
@media screen and (min-width: 1024px) {
	#wrap {width: 981px;}
	#kop #kopimg {height: 165px;}
	#inhoud { float: left; width: 98%; min-height: 400px;} 
	
	.login {margin-top: 6em; width: 569px;}
	.login-form { float: left; text-align: left; width: 40%; }
	.login-text { float: left; text-align: left; width: 60%; }
	.login form input[type=text], .login form input[type=password] {width: 150px;}
}

/*------------------------------------KOP----------------------------------------------------------*/
h1, h2 { font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; color: red;	font-weight: normal; }
h1 { font-size: 150%; }
h2 { font-size: 150%; }
h3 { font-size: 18px; margin: 20px 0px 13px 0px; }

th {
	text-align: left;
}
/*------------------------------------EINDE KOP----------------------------------------------------*/

/*--------------------------------------BEGIN VAN DE INHOUD----------------------------------------*/
#inhoud a:link { text-decoration: none; color: #007AC0; }
#inhoud a:visited { text-decoration: none; color: #007AC0;}
#inhoud a:hover { color: #007AC0; text-decoration: underline; font-weight: bold; }
#inhoud a:active { color: #007AC0; font-weight: bold; }
#inhoud > p, #inhoud > span, #inhoud > div, #inhoud > hr {margin-left: 10px;}
input, textarea, select { border: 1px ridge #ccc; margin: 3px 2px 3px 0; }
.geenBorder { border: 0px solid #fff; }
.foutingevuld { border: 1px solid red; }
.button { margin: 5px 0 0 0; font-weight: bold; }
.button:hover { background: #D82428; cursor: pointer; color: #fff; }
#inhoud table.bordercolor { border: 1px solid #ccc; margin-top: 2px;}  
#inhoud table.bordercolor tr.titlebg td{  padding-left: 2px; border-bottom: 1px solid #ccc; font-size: 14px; font-weight: bold; color: #fff; background-color: #D82428;} 
#inhoud table.bordercolor tr.windowbg td{ border-bottom: 1px solid #ccc; }
#inhoud table.bordercolor tr.windowbg td.smalltext {font-size:80%;}
#inhoud table.bordercolor span{ color: red; font-size: 0.8em; font-weight: bold;} /* foutmelding */
#inhoud table.bordercolor span.waarschuwing { color: #000; font-variant: small-caps; }
#inhoud .resultaat { width: 82%; border: 1px solid #ccc; color: #000; background-color: #FFFF99; padding: 5px; text-align: center; font-size: 13px; font-weight: bold; margin: 5px 0 5px 0px; }
.login { margin-left: auto; margin-right: auto; padding: 15px; border: 1px solid #cccccc; background: #F1F3F5; }
.login p { padding: 0 1em 0 1em; font-size: 0.9em; }
.form-block { border: 1px solid #cccccc; background: #E9ECEF; padding-top: 15px; padding-left: 10px; padding-bottom: 10px;	padding-right: 10px; }
.kleinTekst {
	font-size: 10px;
}
.inputlabel { font-weight: bold; text-align: left; }
.inputbox { width: 150px; margin: 0 0 1em 0; border: 1px solid #cccccc; }
.clr { clear:both; }
.ctr { text-align: center; }
.message { padding: 10px; width: auto; border: 1px solid #B22222; background: #F1F3F5; color: #B22222; font-weight: bold; font-size: 12px; margin: 10px 0; }

.box {
	/*width: 85%;*/
	border: 1px solid #ccc;
	background: #eee;
	padding: 5px;
	margin-bottom: 10px;
	font-family:Verdana, Geneva, sans-serif;
}
/*--------------------------------------EINDE VAN DE INHOUD----------------------------------------*/

/*--------------------------------------BEGIN VAN DE FOOTER----------------------------------------*/
#footer { clear: both; height: 20px; border-top: 1px solid #5982C2 ; font-size: 80%; font-weight: bold; color: #8C7777; background: #EFEFEF; }

/*--------------------------------------EINDE VAN DE FOOTER----------------------------------------*/