body {
	font-family: verdana;
	font-size: 12px;
	color: black;
	background-image: url(images/plywood-texture.jpg);
}


#uitleg {
	position: absolute;
	top: 0;
	width: 475px; 
	padding: 0;
}

h1, p { 
	font-family: verdana; 
	font-size: 12px;
	}

#uitleg h1 {
	margin-left: -1000px;
	}

#uitleg2 {
	position: absolute;
	top: 150px;
	left: 50px;
	width: 450px;
	color: black;
	background-color: white;
	padding: 15px;
	z-index: 500 !important;
	border: 1px solid red;
}

#uitleg img {
	width: 475px;
	margin: 0;
	position: absolute;
	top: 0px;
	}

#thermometer { 
	position: absolute; 
	left: 495px; 
	top: 130px;
	width: 120px;
}

#resultaat { 
	display: none;
}

#score_indienen { 
	position: absolute; 
	top: 100px; 
	left: 225px; 
	width: 250px; 
	height: 25px; 
	border: 0px solid black;
	background-color: red;
	color: white;
	font-size: 18px;
	text-align: center;
	text-decoration: none;

}

#container {
	position: absolute;
	width: 500px;
	height: 500px;
	top: 0px;
}



/* thermolijnen */
.thermolijn { 
	height: 100px; 
	width: 475px; 
	position: absolute; 
	border-top:3px solid red; 
	z-index: 0; 
	left: 0px; 
	text-align: right;
}

#thermolijn1 {top: 150px;}
#thermolijn2 {top: 250px;}
#thermolijn3 {top: 350px;}
#thermolijn4 {top: 450px;}
#thermolijn5 {top: 550px;}



/* draggables */
#draggable1, #draggable2, #draggable3, #draggable4 { 
	width: 100px; 
	height: 70px; 
	top: 300px; 
	background: transparent;  
	position: absolute; 
}

#draggable1 img {
	width: 125px;
}

#draggable2 img {
	width: 125px;
}

#draggable3 img {
	width: 100px;
}

#draggable4 img {
	width: 150px;
}


#draggable1 { left: 3px;  z-index: 40}
#draggable2 { left: 120px; z-index: 30}
#draggable3 { left: 250px; z-index: 20}
#draggable4 { left: 360px; z-index: 10}

.item {
	display: none;
}



/* Toelichting */

body .toelichting {
	position: relative;
	right: -120px;
	top: -150px;
	display: none;
	width: 150px;
	height: 125px;
	background-color: white;
	color: black;
	font-weight: normal;
	padding: 5px;
	margin: 0;
	}

.toelichting p {
	position: relative;
	top: -10px;
}

.toelichting h2 {
	font-size: 14px;
	margin: 0;
	padding: 0;
}

.average {
	font-size: 18px;
	color: yellow;
	font-weight: bold;
	margin: 0 0 0 30px;
	padding: 3px;
	background-color: red;
	width: 75px;
	}

.average span {
	font-size: 14px;
	font-weight: normal;
	color: white;
	}