html, body	
{
	background: #a4d;
}

div.rand
{
 	background: #a4d url(../images/sillyscreenspaars.gif) 0 0 repeat-x;
}



.inleiding
{
	position: absolute;
	left:25px;
	top:410px;
	width:178px;
	z-index:2;
	background-color:#fff;
	padding:5px;
}

.achtergrondfoto
{
	position: absolute;
	left:220px;
	top:135px;
	z-index:1;
}

.achtergrondfoto2
{
	position: absolute;
	left:25px;
	top:135px;
	z-index:2;
}

.fotorij1
{
	position:absolute;
	top:410px;
	left:540px;
	width:800px;
	height:70px;
	z-index:10;	
}

.fotorij2
{
	position:absolute;
	top:485px;
	left:495px;
	width:800px;
	height:70px;
	z-index:10;	
}

.fotorij3
{
	position:absolute;
	top:560px;
	left:560px;
	width:800px;
	height:70px;
	z-index:10;
}

.fotorij1 img, .fotorij2 img, .fotorij3 img
{
	border:2px solid #fff;
}


img.thumb
{
	float:left;
	margin-right:3px;
}

.credit
{
	position: absolute;
	left:550px;
	top: 645px;
	color:#e8f;
	z-index:1000;
	font-size:9px;
	text-transform:uppercase;
	font-weight:700;
}


a.opdrachtenfotos1, a.opdrachtenfotos1:visited, a.opdrachtenfotos2, a.opdrachtenfotos2:visited, a.opdrachtenfotos3, a.opdrachtenfotos3:visited
{
	display:block; 
	width:auto;
	height:auto;
}

a.opdrachtenfotos1 span, a.opdrachtenfotos2 span, a.opdrachtenfotos3 span
{
	display:block; 
	position:absolute; 
	left:0;
	top:0;
	width:0px; 
	height:0px; 
	overflow:hidden;
}



a.opdrachtenfotos1:hover, a.opdrachtenfotos2:hover, a.opdrachtenfotos3:hover 
{
	white-space:normal; 
}




a.opdrachtenfotos1:hover span, a.opdrachtenfotos2:hover span, a.opdrachtenfotos3:hover span
{
	display:block; 
	position:absolute; 
	left:85px;
	top:-275px;
	width:460px; 
	height:auto; 
	z-index:6;
}

a.opdrachtenfotos2:hover span
{
	left:130px;
	top:-350px;
}

a.opdrachtenfotos3:hover span
{
	left:65px;
	top:-425px;
}


a.opdrachtenfotos1:hover span img, a.opdrachtenfotos2:hover span img, a.opdrachtenfotos3:hover span img
{
	float:left;
}