body {
	background-color: grey;
	height:450px;
margin-top:30px;
margin-left:44px;
}
*:focus {
	outline: none;
}
button:hover {
	outline: none;
}
button{
	outline: none;
}

#maincontainer {
	position: relative;
	
	margin:auto;
	width: 815px;
	height: 406px;
	
	border: 1px solid black;
	
	-webkit-box-shadow: 4px 5px 21px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 4px 5px 21px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 4px 5px 21px 0px rgba(0, 0, 0, 0.75);
}
#strand {
	position: relative;
	

	width:813px;
	height: 404px;
	
	background-image:url("#");
	
}
#turtle {
	position: absolute;
	top:300px;
	left:2px;
	width: 70px;
	height: 50px;
	  background-size: 70px 50px;
    background-repeat: no-repeat;
	background-image:url("bilder/turtle.gif");
	z-index:25;
	
}
#turtle2 {
	position: absolute;
	top:293px;
	left:-8px;
	width: 80px;
	height: 60px;
	  background-size: 80px 60px;
    background-repeat: no-repeat;
	background-image:url("bilder/turtle2.gif");
	z-index:24;
	filter:blur(5px);
	opacity:0.7;
}
#sten {
	position: absolute;
	top:283px;
	left:0px;
	width: 160px;
	height: 124px;
	
    background-repeat: no-repeat;
	background-image:url("bilder/sten99.png");
	z-index:26;
	
	
}
#sten2 {
	position: absolute;
	top:286px;
	left:653px;
	width: 160px;
	height: 124px;
	
    background-repeat: no-repeat;
	background-image:url("bilder/sten2.png");
	z-index:27;
	
	
}
#ram {
	position: absolute;
	top:-20px;
	left:-50px;
	width: 920px;
	height: 450px;
	 background-size: 910px 445px;
    background-repeat: no-repeat;
	background-image:url("bilder/ram.png");
	z-index:28;
	
	
}
#counter{
	position: absolute;
	top:50px;
	left:90px;
	width: 700px;
	height: 200px;
	font-family:"Arial";
	font-size:1.7em;
	color:white;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
	
}
#feedback{
	position: absolute;
	top:280px;
	left:165px;
	display:block;
	width: 350px;
	height: 100px;
	
	margin-left:70px;
	font-family:"Arial";
	font-size:1.4em;
	color:white;
	text-shadow: 2px 2px 2px rgba(50, 50, 50, 1);
	
}
#minut{
	position: absolute;
	top:40px;
	left:68px;
	width: 300px;
	padding-left:105px;
	font-family:"Arial";
	font-size:2.6em;
	color:white;
	
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
	
}
#minuter{
	/* position: absolute;
	top:0px;
	left:150px; */
	width: 50px;
	padding-left:0px;
	padding-right:3px;
	margin-top:10px;
	font-family:"Arial";
	font-size:2.6em;
	color:orange;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
	
	
}
#stoppa{

	color:#d67b6d;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
	
	
}






#startknapp{
	position: absolute;
	top:170px;
	left:330px;
	display: block;
	width: 64px;
	height: 64px;
	background-color:#4e773f;
	font-family: "Arial";
	font-size: 0.8em;
	text-decoration: none;
	color: white;
	padding-left: 5px;
	line-height:0.5;
	margin-top: 32px;
	margin-left: 26px;
	border-radius: 30px;
	background-image:url("bilder/#");
	background-repeat: no-repeat;
  
    background-position:-2px -2px; 
	cursor: pointer;
	z-index:30;
	-webkit-box-shadow: 4px 5px 21px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 4px 5px 21px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 4px 5px 21px 0px rgba(0, 0, 0, 0.75);
}

#startknapp:hover {
	display: block;
	background-color: #666;
	
	-webkit-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.75);
}
#knappar {
	position: absolute;
	top:400px;
	left:30px;
	width:700px;
	height:70px;
	margin-top:-40px;
	z-index:1000;
	visibility:hidden;
}

.farg{	
	display: block;
	width: 44px;
	height: 44px;
	/* background-color:#4e773f; */
	background-color:#666;
	font-family: 'Pacifico';
	font-size: 1.7em;
	
	text-decoration: none;
	color:orange;
	padding-left: 5px;
	padding-bottom: 5px;
	line-height:0.1;
	margin-top: 32px;
	margin-left: 82px;
	border-radius: 22px;
	float:left;
	cursor: pointer;
	z-index:30;
	-webkit-box-shadow: 4px 5px 21px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 4px 5px 21px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 4px 5px 21px 0px rgba(0, 0, 0, 0.75);
}
.farg:hover{
	

	-webkit-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.75);
}