#stap1, #stap2, #stap3, #stap4 {
	padding-top: 30px;
}

div.tijdbalk, div.persoonlijke_gegevens, div.legenda {
	float: 				left;
	clear: 				both;
	margin: 			10px 20px;
	padding:			5px 5px;
	width: 				274px;
	background-color: 	white;	
	border-color: 		#e3e3e3;
	border-width:		3px;
	border-style:		solid;
}

div.tijdbalk {
	height:				60px;
}

div.legenda {
	height:				60px;
	width:				120px;
	padding-top:		0px;
	clear:				none;
}

div.legenda p {
	margin:				2px;
}

div.persoonlijke_gegevens {
	width:				320px;
}

option {
	width:				130px;
}

ul {	
	overflow:			auto;
}

ul li {
	display: 			inline;
	float: 				left;
	width: 				39px;
	height:				22px;
	padding:			0px 2px;
	margin:				0px 1px 0px 0px;
}

ul.legendablokjes, ul.legendaomschrijving {
	float:				left;
	width:				25px;
	overflow:			hidden;
	font-size:			10px;
}
ul.legendaomschrijving {
	width:				80px;
}

ul.legendaomschrijving li {
	width:				80px;
}

ul.legendablokjes li, ul.legendaomschrijving li {
	float:				left;
	clear:				both;
	height:				18px;
}

ul.beschikbaarheid {	
	width: 				264px;
	background-color: 	white;
	border-color: 		#e3e3e3;
	border-width:		2px;
	border-style:		solid;		
	height:				22px;	
}

ul.beschikbaarheid li {
}

#afspraak{
	width: 				39px;
	height: 			22px;
	background-color:	#e3e3e3;
	border-color: 		#d4a86b;
	border-width:		0px;
	border-style:		solid;		
}
ul.legendablokjes #afspraak{
	width: 				19px;
	height: 			12px;	
}
#beschikbaar{
	width: 				38px;
	height: 			21px;	
	background-color: 	#eeba6e;
	cursor:				pointer;
	border-color: 		#d4a86b;
	border-width:		0px 1px 1px 0px;
	border-style:		solid;	
}
ul.legendablokjes #beschikbaar{
	margin-top:			5px;
	width: 				18px;
	height: 			11px;
}
p.label {
	font-weight:		bold;
}

#error {
	font-size:			11px;
	color:				red;
	display:			none;
	padding-bottom:		20px;
}