body{
	background-color: white;
}

#top{
	
	padding-bottom: 1em;
	background-color: #F5F5F5;
	border: dashed 1px #000;
	border-top: none;
}

#middle{
	font-size: 0.8em; 
	height: 450px;
	border: dashed 1px #000;
	border: dashed 1px #000;
	border-top: none;
	padding-bottom: 2.0em;
	height: auto;
	height: 100%;
	min-height: 400px;
}

/* for Internet Explorer */
/*\*/
* html #middle {
height: 400px;
}
/**/

#bottom{
	padding: 1em 0em 0em 1em; 
	font-size: 0.6em; 
	background-color: #F5F5F5;
	border: dashed 1px #000;
	border-top: none;
	border-bottom: none;
}	

#plaatje{
	display: block;
	float: left;
}

#titel{
	font-size: 1em;
	display: block;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;	
}
#progress{
	position: absolute;
	right: 20px;
	width: 300px;
	height: 80px;
}

#bar{
	border: solid 1px #8B4513;
	height: 12px;
	margin: 0px;
	padding: 0px;
	width: 100px;
	float: right;
}

#bartext
{
	width: 100px;
	float: right;
	font-size: 12px;
	font-weight: bold;
}

#barimg{
	height: 12px;
	display: block;
	
}

#categorie{
	padding: 2em 0em 0em 0em;
	font-weight: normal;
	font-size: 15px; 
}

#vraag{
	margin-top: 3em;
	font-size: 12px; 
	width: 840px;
}

#button{
	padding-left: 25em;
	display: inline;
}

#vorig{
	display: inline;
}

.center{
	padding-left: 2em;
	display: block;
}

input.btn{
	background-color: #F5F5F5;
	border:1px solid;
	border-top-color: #000;
	border-left-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
}

input.btnhov{
	background-color: #F5F5F5;
	border:1px solid;
	border-top-color: #FFD700;
	border-left-color: #FFD700;
	border-right-color: #FFD700;
	border-bottom-color: #FFD700;
}

input.btndown{
	background-color: #F5F5F5;
	border:1px solid;
	border-top-color: #000080;
	border-left-color: #000080;
	border-right-color: #000080;
	border-bottom-color: #000080;
}