/* 
					Nagedi.nl
					
					ruimte3D.css
*/


body
{
	overflow:		hidden;
	margin:			0px;
	padding:		0px;
}

/* foto om lucht als achtergrond weer te geven */
#imgHemel
{
	position:	absolute;
	
	top:			0px;
	width:	100%;
	
}

#ruim3D					/* overkoepelende 3D ruimte, levert diepte */
{
	position:			relative;
	perspective:			1000px;
}


#stelsel		/* beperkte 3D ruimte voor Yrotatie camera, voorlopig overbodig */
{
	position:	relative;
	width:			100%;	/*800px;*/
	height:			100%;

	perspective-origin:		50% 50%;
	transform-style:	preserve-3d;
	transform-origin:	50% 50% 0;
}


#Ypos3D
{
	position:	relative;
	width:			100%;	/*800px;*/
	height:			400px;
	
	top:				20px;		/* was 50 */
	left:				10px;		/* was 50 */
/*	background-color:	rgba( 140, 109, 187, 0.40);*/

	perspective-origin:		50% 50%;
	transform-style:	preserve-3d;
	transform-origin:	50% 50% 0;
}		



#Xpos3D
	{
	position:	relative;
	height:			100%;
	width:			100%;
	
	perspective-origin:		50% 50%;
	transform-style:	preserve-3d;
	transform-origin:	50% 50% 0;
	/*-moz-transform: translateX(0px) translateY(0px) translateZ(300px);	*/
}
	
				
#gebouw1
{
	position:	relative;
	height:			100%;
	width:			100%;
	/* background-color:	rgba( 140, 109, 187, 0.30);			 */
		
	perspective-origin:		50% 50%;
	transform-style:	preserve-3d;
	transform-origin:	50% 50% 0;
}

.muur
{/*background-color:	rgba( 58, 91, 18, 0.50);*/
}


.muur img
{
	/*float:	left;*/
	/*display:	inline;*/
			
	position:		relative;
	top:			25px;
	width:		16%;
			
	margin:		8px;
	z-index:	10;
}
		


#vloer
{
	position:		absolute;

	width:			100%;
	height:			100%;


	transform-origin:	left bottom;
	transform:			rotateX( 90deg ) translateY( -50px );

	background-image: url( Afbeeldingen/zz88.jpg );
}



#wandLinks
{
	position:		absolute;
	width:			100%;
	height:			 70%;
			
	background-color:	rgba( 58, 91, 18, 0.50);
			
	transform:		rotateY( 90deg ) translateZ( -200px );
}
		
#wandRechts
{
	position:		absolute;
	width:			100%;
	height:			70%;
			
	background-color:	rgba( 219, 140, 44, 0.50);			

	backface-visibility:			hidden;
	transform:								rotateY( -90deg ) translateZ( -200px );
}

#wandAchter
{
	position:		absolute;
	width:				100%;
	height:				100%;
	
	/*padding-top:		10%;*/
	
	text-align:		center;
	background-color:	brown;

	transform:			translateZ( -1800px );
}

#wandAchter video
{
	position:		relative;
	top:				10%;
}
		
#wandRechtsAchter
{
	position:		absolute;
	width:			100%;
	height:			70%;	/* was 60% */
			
	background-color:			green;		/*rgba( 219, 140, 44, 0.50);*/

	backface-visibility:		hidden;
	transform:					rotateY( 90deg ) translateZ( 200px );
}

#wandRechtsAchter img
{
	position:		absolute;
	width:			320px;
	top:				4px;
	left:				10px;
}
	
#paastekst
{
	position:	absolute;			
	bottom:				2px;
	left:				100px;
	color:			white;
}