body {color:white;background:green;}

	* {font-family:"Trebuchet MS";font-size:12px;margin:0;padding:0;line-height:16px;}

	#naam {line-height:24px;float:right;font-size:14}
	#maand {clear:both;height:20px;line-height:20px;text-align:center;padding-top:5px;font-weight:bold;font-size:14px}

	#scroll {position:absolute;top:85px;bottom:50px;overflow-y:auto;width:250px;margin:auto;border-radius:4px}
	#scroll > div {background:white;color:green;padding:3px;margin-bottom:2px;font-size:12px;font-weight:bold;overflow:hidden;position:relative;border-radius:4px}
	div.dag {color:#999;text-align:right;width:63px}
	div.num {position:absolute;left:70px;top:3px;color:black}
	div.num span {color:#a00;font-weight:normal}

	#scroll > div > span {display:block;font-weight:normal;font-size:12px;margin-top:4px;margin-left:25px}
	span label {display:block;color:#00a;height:15px}
	span label input {vertical-align:top}
	#scroll > div > span > span {display:block;}
	#scroll > div > span > span > div {display:block;clear:both}
	#scroll > div > span > span > div > label {float:left;margin-left:8px}
	.min {height:15px;cursor:pointer}
	.max {height:auto}

	#loginform {clear:both;padding-top:10px;line-height:26px;padding:30px 45px}
	#loginform input[type=text], #loginform input[type=password] {width:150px;border:0;height:26px;padding:0px 5px;background:white;outline:none}
	a#bhsub {position:absolute;bottom:10px;margin-left:75px;border-radius:4px;width:175px}
	a#back  {position:absolute;bottom:10px;margin-left:0px;border-radius:4px;width:70px}
	a.btn {width:160px; border:0; color:white; background:#030; height:26px; cursor:pointer; margin-bottom:4px; display:block;margin-left:45px;border-radius:4px;text-decoration:none;text-align:center;line-height:26px}
	a.btn2 {width:80px; border:0; color:white; background:#030; height:22px; cursor:pointer; margin-top:4px; display:block;border-radius:4px;text-decoration:none;text-align:center;line-height:22px}

	p {margin:10px;clear:both}

	img#logo {margin:auto;display:block;clear:both;width:180px;margin-bottom:20px;}

	#compleet > div {float:left;background:white;border-radius:4px;width:220px;height:220px;color:#333;margin:4px;padding:5px;}
	#compleet > div > span {float:right}
	#compleet > div > div {height:195px;margin-top:4px;padding-top:4px;overflow-y:scroll;border-top:1px solid #ccc}

	@media screen and (max-width: 500px){
		#compleet > div {height:auto;}
		#compleet > div > div {height:auto;overflow-y:hidden }
	}

	h1 {font-size:18px;display:block;padding:5px}

	#cal {list-style:none}
	#cal li {float:left;display:block;width:31px;height:31px;background:white;border-radius:4px;margin:2px;line-height:30px;text-align:center}
	#cal li {color:black;cursor:pointer}
	#cal li.d {background:none;color:white;cursor:default;height:15px;line-height:15px}
	#cal li.g {filter:alpha(opacity=50);opacity:.50;cursor:default}
	#cal li.reg {background-image:url('check.png');background-repeat:no-repeat;background-position:22px 21px;background-size:8px 8px;}