@charset "UTF-8";
/* CSS Document */

body {
	background-color:#000;
}
.vleugel {
	background:url(vleugel.png);
	height:200px;
	width:200px;
	position:absolute;
	left:650px;
	top:300px;
	z-index:1000;
}
.vleugel:hover {
	background:url(vleugelhover.png);
}
	
.download1 {
	background:url(downloadbutton.png);
	height:50px;
	width:200px;
	position:absolute;
	top:190px;
	left:40px;
}

.download2 {
	background:url(downloadbutton.png);
	height:50px;
	width:200px;
	position:absolute;
	top:280px;
	left:40px;
}

.facebook {
	background:url(facebook.png);
	width:50px;
	height:50px;
	position:absolute;
	top:20px;
	left:800px;
}

.facebook:hover {
	background:url(facebookhover.png);
}

.maindiv {
	height:				500px;
	width:				800px;
	background-color:	#FFF;
	position:			fixed;
	margin-top:			50%;
	top:				-270px;
	margin-left:		50%;
	left:				-400px;
}


.menubalk {
	height:				500px;
	width:				200px;
	background-image:	url(menubackground.jpg);
	position:			absolute;
	background-repeat:	no-repeat;
	background-position:center left;
	background-color:	#333;
}





.content {
	font-family:		Arial, Helvetica, sans-serif;
	padding:			40px;
	height:				420px;
	width:				520px;
	background-color:	#FFF;
	position:			fixed;
	margin-top:			50%;
	top:				-270px;
	margin-left:		50%;
	left:				-200px;
	z-index:500;
}
	

.logo {
	background-image: url(logoheader.png);
	position: absolute;
	width: 200px;
	height: 100px;
	top: -92px;
	left: 8px;
}

.logo:active {
	background:url(logoheaderhover.png);
}


.shadow {
	position:absolute;
	top:510px;
	left:auto;
	background:url(shadow.png);
	height:200px;
	width:800px;
}

.menubalk1 {
	position:absolute;
	top:-45px;
	left:0px;
	z-index:1;
}

.ik {
	background:url(ik.png);
	position:absolute;
	left:200px;
	height:50px;
	width:140px;
}

.ik:hover {
	background:url(ikhover.png);
}

.doel {
	background:url(doel.png);
	position:absolute;
	left:342px;
	height:50px;
	width:140px;
}

.doel:hover {
	background:url(doelhover.png);
}

.contact {
	background:url(contact.png);
	position:absolute;
	left:484px;
	height:50px;
	width:140px;
}

.contact:hover {
	background:url(contacthover.png);
}

.downloads {
	background:url(downloads.png);
	position:absolute;
	left:626px;
	height:50px;
	width:140px;
}

.downloads:hover {
	background:url(downloadshover.png);
}
/*_____________________________WHITEKEYS____________________________*/
	
	
	

	
.W-key1 {
	position:         	absolute;
	background-image:	url(toetsen/whitekeys/W-key1.png);
	height: 			29px;
	width: 				142px;
	left: 				42px;
	top: 				0px;
}



	
.W-key1:active {
	background-image:url(toetsen/whitekeys/W-key1active.png);
}
	
	
	

	
.W-key2 {
	position:         	absolute;
	background-image:	url(toetsen/whitekeys/W-key2.png);
	height: 			40px;
	width: 				142px;
	left: 				42px;
	top: 				32px;
}


	
.W-key2:active {
	background-image:url(toetsen/whitekeys/W-key2active.png);
}



	
.W-key3 {
	position:         	absolute;
	background-image:	url(toetsen/whitekeys/W-key3.png);
	height: 			39px;
	width: 				141px;
	left: 				42px;
	top: 				75px;
}


	
.W-key3:active {
	background-image:url(toetsen/whitekeys/W-key3active.png);
}





	
.W-key4 {
	position:         	absolute;
	background-image:	url(toetsen/whitekeys/W-key4.png);
	height: 			40px;
	width: 				142px;
	left: 				42px;
	top: 				117px;
}


	
.W-key4:active {
	background-image:url(toetsen/whitekeys/W-key4active.png);
}





	
.W-key5 {
	position:         	absolute;
	background-image:	url(toetsen/whitekeys/W-key2.png);
	height: 			40px;
	width: 				142px;
	left: 				41px;
	top: 				159px;
}


	
.W-key5:active {
	background-image:url(toetsen/whitekeys/W-key5active.png);
}






	
.W-key6 {
	position: absolute;
	background-image: url(toetsen/whitekeys/W-key3.png);
	height: 40px;
	width: 140px;
	left: 43px;
	top: 202px;
}


	
.W-key6:active {
	background-image:url(toetsen/whitekeys/W-key6active.png);
}






	
.W-key7 {
	position:         	absolute;
	background-image:	url(toetsen/whitekeys/W-key7.png);
	height: 			42px;
	width: 				141px;
	left: 				42px;
	top: 				245px;
}


	
.W-key7:active {
	background-image:url(toetsen/whitekeys/W-key7active.png);
}






	
.W-key8 {
	position: absolute;
	background-image: url(toetsen/whitekeys/W-key8.png);
	height: 43px;
	width: 142px;
	left: 41px;
	top: 290px;
}


	
.W-key8:active {
	background-image:url(toetsen/whitekeys/W-key8active.png);
}






	
.W-key9 {
	position:         	absolute;
	background-image:	url(toetsen/whitekeys/W-key2.png);
	height: 			40px;
	width: 				142px;
	left: 				42px;
	top: 				337px;
}


	
.W-key9:active {
	background-image:url(toetsen/whitekeys/W-key9active.png);
}






	
.W-key10 {
	position: absolute;
	background-image: url(toetsen/whitekeys/W-key3.png);
	height: 40px;
	width: 142px;
	left: 42px;
	top: 379px;
}


	
.W-key10:active {
	background-image:url(toetsen/whitekeys/W-key10active.png);
}






	
.W-key11 {
	position: absolute;
	background-image: url(toetsen/whitekeys/W-key11.png);
	height: 38px;
	width: 142px;
	left: 42px;
	top: 422px;
}


	
.W-key11:active {
	background-image:url(toetsen/whitekeys/W-key11active.png);
}






	
.W-key12 {
	position:         	absolute;
	background-image:	url(toetsen/whitekeys/W-key12.png);
	height: 			36px;
	width: 				141px;
	left: 				42px;
	top: 				463px;
}


	
.W-key12:active {
	background-image:url(toetsen/whitekeys/W-key12active.png);
}






	


/*____________________________BLACKKEYS____________________________*/



.B-key1 {
	position:         	absolute;
	background-image: url(toetsen/blackkeys/B-key1.png);
	height: 			31px;
	width: 				93px;
	left: 				42px;
	top: 				20px;
	z-index:			100;
}


.B-key1:active {
	background-image: url(toetsen/blackkeys/B-key1active.png)
}





.B-key2 {
	position: absolute;
	background-image: url(toetsen/blackkeys/B-key1.png);
	height: 31px;
	width: 93px;
	left: 42px;
	top: 97px;
	z-index: 100;
}



	
.B-key2:active {
	background-image:	url(toetsen/blackkeys/B-key2active.png);
}





.B-key3 {
	position: absolute;
	background-image: url(toetsen/blackkeys/B-key1.png);
	height: 31px;
	width: 93px;
	left: 41px;
	top: 147px;
	z-index: 100;
}


	
.B-key3:active {
	background-image:	url(toetsen/blackkeys/B-key3active.png);
}





.B-key4 {
	position: absolute;
	background-image: url(toetsen/blackkeys/B-key1.png);
	height: 31px;
	width: 93px;
	left: 41px;
	top: 223px;
	z-index: 100;
}


	
.B-key4:active {
	background-image:	url(toetsen/blackkeys/B-key4active.png);
}





.B-key5 {
	position: absolute;
	background-image: url(toetsen/blackkeys/B-key1.png);
	height: 31px;
	width: 93px;
	left: 42px;
	top: 273px;
	z-index: 100;
}


	
.B-key5:active {
	background-image:	url(toetsen/blackkeys/B-key5active.png);
}





.B-key6 {
	position: absolute;
	background-image: url(toetsen/blackkeys/B-key1.png);
	height: 31px;
	width: 93px;
	left: 42px;
	top: 324px;
	z-index: 100;
}


	
.B-key6:active {
	background-image:	url(toetsen/blackkeys/B-key6active.png);
}





.B-key7 {
	position: absolute;
	background-image: url(toetsen/blackkeys/B-key1.png);
	height: 31px;
	width: 93px;
	left: 42px;
	top: 401px;
	z-index: 100;
}


	
.B-key7:active {
	background-image:	url(toetsen/blackkeys/B-key7active.png);
}





.B-key8 {
	position: absolute;
	background-image: url(toetsen/blackkeys/B-key1.png);
	height: 31px;
	width: 93px;
	left: 42px;
	top: 451px;
	z-index: 100;
}


	
.B-key8:active {
	background-image:	url(toetsen/blackkeys/B-key8active.png);
}