html, body
{
	width:				100%;
	height:				100%;
	padding:			0;
	margin:				0;
	background:			url(/game/images/bg.gif) no-repeat #CC0099;
}

form
{
	padding: 			0;
	margin:				0;
	
}

#gameHolder
{
	
	position:			absolute;
	top:				124px;
	left:				111px;
	
	width:				810px;
	height:				530px;
	
	background:			url(/game/images/game.gif) no-repeat;
}


#highscore
{
	position:			absolute;
	top:				70px;
	left:				343px;
	
	width:				128px;
	height:				50px;

	font-family:		Verdana;
	font-size:			10px;
	color:				#ffCC33;
}
	#top1
	{
		font-size:		12px;
	}
	
	#top2
	{
		font-size:		11px;
	}

div.keuzezuster
{
	width:				51px;
	height:				90px;
}

	#zuster1850
	{
		position:		absolute;
		top:			37px;
		left:			510px;
	}
	
	#zuster1900
	{
		position:		absolute;
		top:			37px;
		left:			560px;
	}
	
	#zuster1940
	{
		position:		absolute;
		top:			37px;
		left:			610px;
	}
	
	#zuster1960
	{
		position:		absolute;
		top:			37px;
		left:			660px;
	}
	
	#zuster2010
	{
		position:		absolute;
		top:			37px;
		left:			710px;
	}
	
#thermometer
{
	position:			absolute;
	left:				30px;
	top:				192px;
	
	width:				135px;
	height:				80px;
}

#ronde
{
	position:			absolute;
	top:				187px;
	left:				244px;
	
	height:				38px;
	width:				344px;
}

#context
{
	padding:			5px;

	position:			absolute;
	left:				247px;
	top:				235px;
	
	width:				334px;
	height:				178px;
	#width:				344px;
	#height:			188px;

	background:			url(/game/images/context_default.gif) no-repeat;
}
#context_goed
{
	padding:			5px;

	position:			absolute;
	left:				247px;
	top:				235px;
	
	width:				334px;
	height:				178px;
	#width:				344px;
	#height:			188px;

	background:			url(/game/images/context_goed.gif) no-repeat;
}
#context_fout
{
	padding:			5px;

	position:			absolute;
	left:				247px;
	top:				235px;
	
	width:				334px;
	height:				178px;
	#width:				344px;
	#height:			188px;

	background:			url(/game/images/context_fout.gif) no-repeat;
}

#contextTekst
{
	width:				334px;
	height:				178px;

	overflow:			auto;
	font-family:		Verdana;
	font-size:			10px;
	color:				#FFFFFF;
	
	scrollbar-arrow-color:		#FFF;
	scrollbar-face-color: 		#203a7f;
	scrollbar-highlight-color: 	#203a7f;
	scrollbar-3dlight-color: 	#203a7f;
	scrollbar-shadow-color: 	#203a7f;
	scrollbar-darkshadow-color: #203a7f;
	scrollbar-track-color: 		#203a7f;
	
}

	#context td
	{
		font-size:		10px;
		color:			#FFFFFF;
		padding:		3px;
	}

	span.inputError
	{
		font-style:		italic;
	}
	
	.yellow
	{
		color:			#ffCC33;
	}
	
#zuster
{
	position:			absolute;
	top:				204px;
	left:				616px;
	
	width:				150px;
	height:				285px;
}


#spelerNaam
{
	position:			absolute;
	top:				314px;
	left:				39px;
	height:				15px;
	width:				120px;
	font-family:		Verdana;
	font-size:			10px;
	color:				#ffCC33;
}

#spelerScore
{
	position:			absolute;
	top:				364px;
	left:				39px;
	height:				15px;
	width:				120px;
	font-family:		Verdana;
	font-size:			10px;
	color:				#ffCC33;
}

#spelerNiveau
{
	position:			absolute;
	top:				414px;
	left:				39px;
	height:				15px;
	width:				120px;
	font-family:		Verdana;
	font-size:			10px;
	color:				#ffCC33;
}

div.button
{
	width:				40px;
	height:				39px;
}
	#buttonVerder
	{
		position:		absolute;
		top:			432px;
		left:			261px;
	}


	#buttonA
	{
		position:		absolute;
		top:			436px;
		left:			266px;
	}
	
	#buttonB
	{
		position:		absolute;
		top:			436px;
		left:			325px;
	}
	
	#buttonC
	{
		position:		absolute;
		top:			436px;
		left:			385px;
	}

#ballon
{
	padding:			13px 12px 20px 12px;

	position:			absolute;
	top:				148px;
	left:				588px;
	width:				155px;
	height:				84px;
	#width:				179px;
	#height:			115px;
	
	background:			url(/game/images/baloon.png) no-repeat;
	
	font-family:		verdana;
	font-size:			9px;
	text-align:			center;
}

input.button
{
	border: 			0;
	background:			transparent;
	color:				#ffCC33;
	text-align:			left;
	padding:			2px 0;
	cursor:				pointer;
}

h1
{
	margin:		0;
	padding:	0;
	margin-bottom:	5px;
	
	font-size:	13px;
	font-style: italic;
}

td
{
		font-size:		10px;
		color:			#FFFFFF;
		padding:		3px;
}