body {
	text-align: center; /* voor IE */
	background-color: black;
	scrollbar-arrow-color: gray;
	scrollbar-face-color: black;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: lightgrey
	scrollbar-shadow-color: gray;
	scrollbar-darkshadow-color: gray;
	scrollbar-track-color: lightgrey;	
	
}

#canvas{
	position: absolute;
	width:800px;
	height:560px;	
	top: 50%; /* ga naar het midden van de pagina */
	left: 50%;
	margin-left: -400px; /* halveer de grootte en verschuif negatief */
	margin-top: -280px;
	text-align:left;	
	background-repeat: no-repeat;
	background-position: center center;
	
	
	
}

#title{
	position: relative;
	top:0px;
	left: 50%;
	margin-left: -400px; /* halveer de grootte en verschuif negatief */
	width:800px;
	height:80px;
	background-color:none;
	text-align:center;
	color:white;
	font-size:30pt;
	font-family:Arial;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('./title/trans_inv_lauranieuwenhuis.gif');
	
}

#menu{
	position: relative;
	top:0px;
	left:0px;
	width:800px;
	height:100px;
	background-color:none;
	text-align:left;	
}


#photoMenu{
	position: relative;
	top:0px;
	left:0px;
	width:800px;
	height:100px;
	background-color:none;
	text-align:left;	
	font-size:12pt;
	font-weight:bold;
	font-family:Arial;
	color:white;
	text-align:center;
}



#display{
	position: absolute;
	top:100px;
	left:0px;
	width:800px;
	height:460px;
	background-color:none;
	text-align:left;	
	
}

#photo{ 

	position: absolute;
	top:140px;
	left:360px;
	width:300px;
	height:330px;	
	text-align:left;	
	color:white;
	font-weight:bold;
	border:0;
	overflow:hidden;
	scrollbar-arrow-color: gray;
	scrollbar-face-color: black;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: lightgrey
	scrollbar-shadow-color: gray;
	scrollbar-darkshadow-color: gray;
	scrollbar-track-color: lightgrey;	
	
	
/*
	overflow:auto;
	
	border:2px solid orange;
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25; 
*/
	
	}


#output{ 
	font-size:10pt;
	font-family:Arial;
	position: absolute;
	top:140px;
	left:360px;
	width:310px;
	height:330px;	
	text-align:left;	
	color:white;
	font-weight:bold;
	border:0;
	overflow:auto;
	padding:10px;
	
	word-wrap:break-word;
	
	scrollbar-arrow-color: gray;
	scrollbar-face-color: black;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: lightgrey
	scrollbar-shadow-color: gray;
	scrollbar-darkshadow-color: gray;
	scrollbar-track-color: lightgrey;	
	
	
/*
	overflow:auto;
	
	border:2px solid orange;
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25; 
*/
	
	}

.imgMenu{
	border:0;

}

/*
	p.wrapping{
		color:white;
		font-size:10pt;
		font-family:Arial;
		white-space:normal;
	}

*/
	pre{
		color:white;
		font-size:10pt;
		font-family:Arial;
	
	}

	table{
		background-color:none;
		width:800px;
	}
	
	a{
		color:white;
		font-size:10pt;
		font-family:Arial;
		text-decoration:none;
		
	}

	a:visited{
		color:white;
			font-size:10pt;
		font-family:Arial;
	}