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

body{
	background-image:url('BG.png');
	background-repeat:no-repeat;
}


div{
	margin-top:350px;
	margin-left:70px;

}
div img{
	margin-right:50px;
}

#div1{
	width:76px;
	height:66px;
	padding:10px;
	margin-top:110px;
	margin-left:117px;
} /*droprutans storlek och position*/

#div2{
	width:76px;
	height:66px;
	padding:10px;
	margin-top:-86px;
	margin-left:410px;
}

#div3{
	width:650px;
	height:66px;
	padding:10px;
	margin-top:140px;
	margin-left:40px;
}


button{
	float:right;
	margin-top:-75px;
	margin-right:285px;
	height:80px;
	width:240px;
	background:none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:56px;
	color: #FFFFFF;
	border:none;
	opacity:1.0;
	filter:alpha(opacity=40);
}

button:hover{
	opacity:0.7;
	filter:alpha(opacity=100);
}

img{
	opacity:1.0;
	filter:alpha(opacity=40); 
	}
	
img:hover{
	opacity:0.8;
	filter:alpha(opacity=100); 
	}


#svar{ /*green*/
	position:relative;
	float:right;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FCC;
	font-size: 60px;
	margin-right:370px;
	margin-top: -70px;
}

h1{
	position:absolute;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FCC;
	font-size: 60px;
	top:380px;
	left:350px;
}

#stats{
	position: absolute;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FCC;
	font-size:60px;
	margin-left:580px;
}

.endgame{
	display:none;
	position:absolute;
	float:left;
	top:90px;
	left:180px;
	width:500px;
	border:3px solid #FF9;
}

.good{
	display:none;
	position:absolute;
	top:70px;
	left:280px;
}
