/* CSS Structuur */

#browser{
	position:absolute;
	height:50em;
	width:50em;
	top:8em;
	left:23em;
	}
/* logo onderdeel */
.w{
	position:absolute;
	height:20.2em;
	width:26em;
	left:12.1em;
	top:15.5em;
	background-image:url(../../beelden/pixel/vulpixel.png);
	}

/* span teksten */			
html:hover span#welkom	{
	display:block;
	}	
					
span{
	display:none;
	}
	
a:hover span{
	display:block;
	}
			
/* span plaatsing */
#welkom{
	position:absolute;
	height:5em;
	width:40em;
	top:64.6em;
	left:28.8em;
	}
						
#één{
	height:3em;
	width:30em;
	position:absolute;
	left:-11.7em;
	top:45em;
	}
			
#twee{
	height:3em;
	width:30em;
	position:absolute;
	left:-11.9em;
	top:37.6em;
	}
			
#drie{
	height:3em;
	width:30em;
	position:absolute;
	left:-11.5em;
	top:29.8em;
	}
						
/*basisblad voor taalkeuze*/

/* onzichtbaar */			
#wasman{
	position:absolute;
	display:none;
	left:-4.9em;
	top:-4.9em;
	height:65em;
	width:60em;
	background-image:url(../../beelden/pixel/vulpixel.png);
	}
			
#randen{
	position:absolute;
	top:15.1em;
	left:27.5em;
	height:20.6em;
	width:5.4em;
	}

#W-draai1{
	position:absolute;
	display:none;
	left:23.5em;
	top:11.1em;
	}
			
#W-draai2{
	position:absolute;
	display:none;
	left:23.5em;
	top:18.5em;
	}

#W-draai3{
	position:absolute;
	display:none;
	left:23.4em;
	top:26.3em;
	}
				
/* zichtbaar */		
#browser:hover #wasman{
	display:block;
	}
#browser:hover #W-draai1{
	display:block;
	}
#browser:hover #W-draai2{
	display:block;
	}
#browser:hover #W-draai3{
	display:block;		
	}
			
/* kleine vierkante hoverblokken */
.keuze{
	position:absolute;
	height:5.5em;
	width:5.5em;
	background-image:url(../../beelden/pixel/vulpixel.png);
	}
/* hun plaats */
#browser1{
	left:22.6em;
	top:10em;
	}
			
#browser2{
	left:22.6em;
	top:17.4em;
	}

#browser3{
	left:22.5em;
	top:25.2em;
	}

/* washelden1 */	
#saf-fox{
	position:absolute;
	display:none;
	left:-10.1em;
	top:-12.5em;
	}
	
.keuze:hover #saf-fox{
	display:block;
	}
			
/* washelden2 */
#opera{
	position:absolute;
	display:none;
	height:55.1em;
	width:25.4em;
	left:-10em;
	top:-19.8em;
	}
.keuze:hover #opera{
	display:block;
	}
			
/* washelden3 */			
#explorer{
	position:absolute;
	display:none;
	left:-9.9em;
	top:-27.7em;
	}
.keuze:hover #explorer{
	display:block;
	}

/* blokken om er voor te zorgen dat hovers werken*/					
#hover1{
	position:absolute;
	height:1.2em;
	width:9.2em;
	left:20.6em;
	top:9.1em;
	background-image:url(../../beelden/pixel/vulpixel.png);
	}
#hover2{
	position:absolute;
	height:1.4em;
	width:6.1em;
	left:22.2em;
	top:15.9em;
	background-image:url(../../beelden/pixel/vulpixel.png);
	}
#hover3{
	position:absolute;
	height:1.5em;
	width:6.8em;
	left:21.9em;
	top:23.7em;
	background-image:url(../../beelden/pixel/vulpixel.png);
	}
#hover4{
	position:absolute;
	height:1.2em;
	width:9.1em;
	left:20.8em;
	top:31em;
	background-image:url(../../beelden/pixel/vulpixel.png);
	}
#hover5{
	position:absolute;
	height:20.5em;
	width:1.5em;
	left:28.3em;
	top:10.4em;
	background-image:url(../../beelden/pixel/vulpixel.png);
	}
#hover6{
	position:absolute;
	height:20.5em;
	width:1.6em;
	left:20.7em;
	top:10.4em;
	background-image:url(../../beelden/pixel/vulpixel.png);
	}