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 */
background-image:url("bilder/bak.png");
background-repeat:no-repeat;
	margin-left:30px;

}

#tictacto{
	position:relative;
	top:-140px;
	left:-174px;
	width:400px;
height:400px;
	
}
#bortreplan{
	position:absolute;
	top:210px;
	left:190px;
	width:1px;
height:1px;
	z-index:10
}
#mellanplan{
	position:absolute;
	top:210px;
	left:190px;
	width:1px;
height:1px;
	z-index:9
}
#forstaplan{
	position:absolute;
	top:210px;
	left:190px;
	width:1px;
height:1px;
	z-index:8
}
.klotplan1{
position:absolute;

width:60px;
height:60px;
 background-image:url("bilder/klot.png");
visibility:hidden; 
}


#knapp1{
	position:absolute;
	color:white;
	top:10px;

left:12px;
width:60px;
height:60px;
font-family:"Arial";
font-size:1.1em;
text-align:center;
 line-height: 5;

 background-image:url("bilder/klotpeka.png");	
}
#knapp2{
	position:absolute;
	color:white;
	top:80px;

left:12px;
width:60px;
height:60px;
font-family:"Arial";
font-size:1.1em;
text-align:center;
 line-height: 5;
 background-image:url("bilder/klotpeka.png");	
}

#knapp3{
	position:absolute;
	color:white;
top:148px;

left:12px;
width:60px;
height:60px;
font-family:"Arial";
font-size:1.1em;
text-align:center;
 line-height: 5;
 background-image:url("bilder/klotpeka.png");	
}
#knapp4{
	position:absolute;
	color:white;
top:210px;

left:82px;
width:60px;
height:60px;
font-family:"Arial";
font-size:1.1em;
text-align:center;
 line-height: 5;
 background-image:url("bilder/klotvisa.png");	
}
#knapp5{
	position:absolute;
	color:white;
top:210px;

left:155px;
width:60px;
height:60px;
font-family:"Arial";
font-size:1.1em;
text-align:center;
 line-height: 5;
 background-image:url("bilder/klotvisa.png");	
}
#knapp6{
	position:absolute;
	color:white;
top:210px;

left:232px;
width:60px;
height:60px;
font-family:"Arial";
font-size:1.1em;
text-align:center;
 line-height: 5;
 background-image:url("bilder/klotvisa.png");
}

#knapp7{
	color:white;
	position:absolute;
top:210px;

left:12px;
width:60px;
height:60px;
font-family:"Arial";
font-size:1.1em;
text-align:center;
 line-height: 5;
 background-image:url("bilder/klotpeka.png");
}
#knapp8{
	color:white;
	position:absolute;
top:210px;

left:304px;
width:60px;
height:60px;
font-family:"Arial";
font-size:1.1em;
text-align:center;
 line-height: 5;
 background-image:url("bilder/klotspela.png");
 visibility:hidden;
}
#knapp9{
	color:white;
	position:absolute;
top:10px;

left:304px;
width:60px;
height:60px;
font-family:"Arial";
font-size:1.1em;
text-align:center;
 line-height: 5;
 background-image:url("bilder/klotvisa.png");
}
#knapp10{
	color:white;
	position:absolute;
top:80px;

left:304px;
width:60px;
height:60px;
font-family:"Arial";
font-size:1.1em;
text-align:center;
 line-height: 5;
 background-image:url("bilder/klotvisa.png");
}
#knapp11{
	color:white;
	position:absolute;
top:148px;

left:304px;
width:60px;
height:60px;
font-family:"Arial";
font-size:1.1em;
text-align:center;
 line-height: 5;
 background-image:url("bilder/klotvisa.png");
}
#styrplatta{
position:relative;
top:520px;

left:185px;
width:370px;
height:274px;
 background-image:url("bilder/djup.png");	
 background-repeat:no-repeat;
}
#rubrik{
position:relative;
top:-130px;

left:210px;
width:300px;
height:77px;
 background-image:url("bilder/tictactoe.png");	
}
#resultat{
	color:white;
	position:absolute;
top:495px;

left:195px;
width:150px;
height:20px;
font-family:"Arial";
font-size:1.1em;
text-align:center;
 background-image:url("bilder/greentre.png");	
background-repeat:no-repeat;
}
#resultat2{
	color:white;
	position:absolute;
top:495px;

left:463px;
width:130px;
height:20px;
font-family:"Arial";
font-size:1.1em;
text-align:left;
 background-image:url("bilder/redtre.png");	
background-repeat:no-repeat;
background-position: 40% ; 
}
#vinst{
	color:white;
	position:absolute;
top:490px;

left:262px;
width:220px;
height:224px;
 background-image:url("#");	
background-repeat:no-repeat;
visibility:hidden; 
}

#lika {
	position: absolute;
	top: 670px;
	left: 290px;
	
	z-index: 30;
	
}
#byline{
	position: absolute;
	top: 660px;
	left: 40px;
	font-size: 0.80em;
	font-family: "Arial";
	color: white;
	
	width: 220px;
	height: 18px;
	padding-left: 18px;
	padding-top: 4px;
	z-index: 25;
	border-radius: 5px;
	/* transform: matrix3d(1, 0, 0.00, -0.0016, 0.00, 1, 0.00, 0, 0, 0, 1, 0, 0, 0, 0, 1); */
	/* -webkit-transform: matrix3d(1, 0, 0.00, -0.0016, 0.00, 1, 0.00, 0, 0, 0, 1, 0, 0, 0, 0, 1); */
	-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);
	
}