/* CSS Sound Invaders */

body {
	background-image: url(../img/wallp.jpg);
	margin: 0;
	margin-top: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#bodycontainer{
	background-image: url(../img/bodybackground.jpg);
	background-position: top;
	background-color: #1f1f1f;
	background-repeat: no-repeat;
	width: 820px;
	height: 1000px;
	margin-left: 200px;
	border: 10px #1F1F1F;
	border-top: 10px solid #1F1F1F;
}

#rudy {
	position: relative;
	top: 85px;
	left: 270px;
}
#titel {
	position: absolute;
	top: 50px;
	left: 267px;
}

#tekst {
	position: absolute;
	top: 485px;
	left: 230px;
	width: 520px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-align: justify;
}

.titelkop {
	font-size: 40px;
	font-weight: normal;
}

#pics {
	position: absolute;
	top: 535px;
	left: 825px;
	width: 148px;
}

a {
	font-size: 25px;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
}
a:hover {
	font-size: 25px;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #1F1F1F;
	font-weight: bold;
}

#navigatie {
	position: absolute;
	left: 750px;
	top: 180px;
	text-align: right;
	width: 220px;
	line-height:40px;
}



/* CODE VOOR HET ORIGINELE SPEL */
img {
	border: 0;
}
#inhoud {
	width: 420px;
	height:320px;
	position: absolute;
	left: 210px;
	top: 600px;
}
#score {
	font-size: 10px;  
	font-family: Arial, Helvetica; 
	background-color: #CCCCCC;
	border: #666666 2px solid; 
	margin-top: 0px; 
}
#veld {
	background-color: black;
	background-image: url(../img/sky.gif);
	height: 292px; 
	width: 400px;
	border: #666666 7px solid; 
	position: absolute; 
	top: 20px; 
	left: 20px;	 
}
#me {
	position: absolute;
	top: 270px;
	left: 100px; 
}
#alien {
	position: absolute;
	top: 70px;
	left: 100px; 
	visibility: hidden; 
	z-index: 1; 
}
#beam {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 3px; 
	visibility: hidden; 
}
#score {
	position: absolute;
	top: 30px;
	left: 355px; 
	width: 70px; 
}
#startgame {
	font-family: Arial, Helvetica; 
	background-color: #666666;
	font-weight: bold; 
	font-size: 20px; 
	border: #666666 3px inset; 
	padding: 4px;	
	position: absolute;
	top: 200px;
	left: 180px; 
}
#lost {
	font-weight: bold; 
	font-size: 40px; 
	font-family: Arial, Helvetica;
	color: red; 
	position: absolute;
	top: 140px;
	left: 90px; 
	visibility: hidden; 
}
/* EINDE CODE VOOR HET ORIGINELE SPEL */

/* ++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++ */


/* CODE VOOR HET EIGEN SPEL */

#geheel {
	width: 420px;
	height:320px;
	position: absolute;
	left: 210px;
	top: 690px;
}
#puntenbord {
	background-image: url(../img/scorebord.gif);
	position: absolute;
	width: 70px;
	height: 53px;
	top:  27px;
	left: 34px;
}

#punten {
	font-size: 12px;
	color: #FFFFFF;  
	font-family: Georgia, "Times New Roman", Times, serif;
	position: absolute;
	top: 59px;
	left: 43px;
}

#levelbord {
	background-image: url(../img/levelbord.gif);
	position: absolute;
	width: 61px;
	height: 53px;
	top:  27px;
	left: 350px;
}

#level {
	font-size: 12px;
	color: #FFFFFF;  
	font-family: Georgia, "Times New Roman", Times, serif;
	position: absolute;
	top: 61px;
	left: 356px;
}

#back {
	background-color: black;
	background-image: url(../img/cloudtile.jpg);
	height: 292px; 
	width: 400px;
	border: black 7px solid; 
	position: absolute; 
	top: 20px; 
	left: 20px;	 
}

#gebouwen {
	position: absolute;
	top: 134px;
	left: 27px;	
}

#rudykanon {
	position: absolute;
	top: 231px;
	left: 100px; 
}
#valsenoot {
	position: absolute;
	top: 80px;
	left: 100px; 
	visibility: hidden; 
}
#straal {
	position: absolute;
	top: 36px;
	left: 0px;
	width: 17px; 
	visibility: hidden; 
}

#startknop {
	position: absolute;
	top: 27px;
	left: 180px; 
}

#verloren {
	width: 400px;
	height: 292px;
	position: absolute;
	top: 152px;
	left: 100px; 
	visibility: hidden; 
}


#rudyintro {
	position: absolute;
	left: 250px;
	top: 15px;
}

#enter {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-size: 40px;
	position: absolute;
	left: 600px;
	top: 200px;
}

#labels {
position: relative;
left: 575px;
top: -90px;
}