body{
	background-color:black;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;

 -webkit-user-select: none; /* Chrome, Opera, Safari */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}



#container{
	position:relative;
	margin:auto;
	width:860px;
	height:1260px;

	
}

#header{
	width:860px;
	height:230px;

	background-image:url("bilder/larvie.png");
	background-repeat:no-repeat;
}

#spelplan{
	position:relative;
	width:860px;
	height:960px;

	/* border:1px solid #cfff70;
	border-style:ridge; */
	border-radius:30px;
	background-image:url("bilder/gras.png");
}
#matbitar{
	position:absolute;
	top:222px;
	left:-7px;
	
	border:5px solid #cfff70;
	border-style:ridge;
	border-radius:34px;
	width:864px;
	height:964px;
	

	
}

#snake{
	position:absolute;
	/* top:0px;
	left:0px; */
	width:80px;
	height:80px;
	background-repeat:no-repeat;
	background-position:center;
z-index:1001;
	
}
.snake2{
	position:absolute;
	/* top:0px;
	left:0px; */
	/* width:80px;
	height:80px; */
/* margin:80px; */
background-image:url("bilder/kropp.png");
	z-index:1000;
}
.food{
	position:absolute;
	/* top:0px;
	left:0px; */
	/* width:80px;
	height:80px; */
/* margin:80px; */
background-position:center;
		background-repeat:no-repeat;
z-index:50;
}

#foda{
	position:absolute;
	
	width:50px;
	height:50px;

background-image:url("bilder/mat1.png");
background-position:center;
		background-repeat:no-repeat;
visibility:hidden;
z-index:100;
}






#touchsurface2{
	position:absolute;
	width:860px;
	height:700px;
	margin-top:-700px;
	/* border:1px solid black; */
	/* background-color:black; */
	/* background-image:url("bilder/arrow.png"); */
	border-radius:30px;
z-index:1010;
	/* background-position:center;
		background-repeat:no-repeat; */
}

#inner{
	position:absolute;
	width:860px;
	height:600px;
margin-top:-500px;
	z-index:1010;
}
#knapp{
	
	
	position:absolute;
	top:1240px;
	left:100px;
	
	width:160px;
	height:100px;
    
	
	background-image:url("bilder/starta.png");

	
}

#knapp2{
	position:absolute;
	top:1240px;
	left:300px;
	
	width:160px;
	height:100px;
    
	
	background-image:url("bilder/städa.png");

	
}
#poangen{
	position:absolute;
	top:720px;
	left:510px;
	color:#005b00;
	font-family:"Arial";
	text-align: right;
	font-size:2.3em;
	text-shadow: 1px 1px 0px #cfff70; 
             
	width:300px;
	height:100px;

}

#lika {
	position: absolute;
	top: 1380px;
	width: 160px;
	height: 36px;
	left: 640px;
	
	
	
	
}
#over {
	position: absolute;
	top: 480px;
	width: 400px;
	height: 400px;
	left: 230px;
	

	
	border:5px solid white;
	border-radius:10px;
	background-color:black;
	visibility:hidden;
	background-image:url("bilder/slut.png");
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
z-index:1200;
	
	
}
#grattis{
	position: absolute;
	top: 480px;
	width: 400px;
	height: 400px;
	left: 230px;
	

	
	border:5px solid white;
	border-radius:10px;
	background-color:black;
	visibility:hidden;
	background-image:url("bilder/grattis1.png");
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
z-index:1200;
	
	
}

#ok{
	
	width: 70px;
	height: 60px;
	
	margin-left:65px;

	margin-top:310px;
	
	
	
	
	
}
#niva{
	position: absolute;
	top: 170px;
	
	left: 700px;
	width: 120px;
	height: 34px;
	
	
background-image:url("bilder/niva1.png");

	
	
	
	
}
#byline{
	position: absolute;
	top: 860px;
	left: 100px;
	font-size: 1.40em;
	font-family: "Arial";
	color: white;
	
	width: 360px;
	height: 18px;
	
	
	
	
}