body{
	-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-color:black;	
   background-image:url("bilder/bak.png");
}
*{margin:0;padding:0;font-size:15px;font-family:helvetica,arial,sans-serif}
  footer,section,header{display:block;}
  h1{margin:1em 2em}
  
#rubrik{
	 position:absolute;
	 top: -5px;
	 left:15px;
	   width:480px;
    height:262px;
	   background-image:url("bilder/rubrik.png");

    }
#starta{
	 position:absolute;
	 top: 630px;
	 left:100px;
	   width:339px;
    height:108px;
	   background-image:url("bilder/starta.png");

}
.stage{
	 position:absolute;
	  top: 0px;
	 left:0px;
    width:200px;
    height:200px;
    margin:2em;
   
   background-color:#333;
    background-image:url("bilder/hitytaprick.png");
   border-radius:100px;
   
    overflow:hidden;
	/* float:left; */
	opacity:0.8;
	
}
.stage div{
    line-height:40px;
    width:200px;
    height:200px;
	 
    text-align:center;
	border:1px dotted #777;
     background-image:url("bilder/nål.png");
    color:#000;
	 border-radius:100px;
    font-weight:bold;
    position:absolute;
}
  
  *{margin:0;padding:0;font-size:15px;font-family:helvetica,arial,sans-serif}
  footer,section,header{display:block;}
  h1{margin:1em 2em}
.stage2{
	position:absolute;
	  top: 0px;
	 left:260px;
    width:200px;
    height:200px;
    margin:2em;
    
	  background-color:#333;
   border-radius:100px;
 
   background-image:url("bilder/hitytaprick.png");
    overflow:hidden;
	
	opacity:0.8;
}
.stage2 div{
    line-height:40px;
     width:200px;
    height:200px;
    text-align:center;
	border:1px dotted #777;
    background-image:url("bilder/nål2.png");
    color:#000;
	 border-radius:100px;
    font-weight:bold;
    position:absolute;
	top:0px;
}
#container1{
	 position:relative;
	   width:526px;
    height:600px;
	margin-left:3px;
	 visibility:hidden;
  }
#shot{
	 position:absolute;
	 top: 575px;
	 left:295px;
	   width:200px;
    height:188px;
	  background-image:url("bilder/hand.png");
	 border-radius:25px;
	 z-index:100;
	  visibility:hidden;
  }
#tavla{
	 position:absolute;
	 top: 240px;
	 left:75px;
	   width:380px;
    height:380px;
	   background-image:url("bilder/tavla.png");

    }
#pil1{
	 position:absolute;
	 top: 630px;
	 left:190px;
	   width:80px;
    height:188px;
	   background-image:url("bilder/pil1.png");
 visibility:hidden;
    }
#pil2{
	 position:absolute;
	 top: 630px;
	 left:105px;
	   width:80px;
    height:188px;
	   background-image:url("bilder/pil2.png");
	    visibility:hidden;
}

#pil3{
	 position:absolute;
	 top: 630px;
	 left:35px;
	   width:80px;
    height:188px;
	   background-image:url("bilder/pil3.png");
	    visibility:hidden;
}
#hityta{
	 position:relative;
	/* top: 190px;
	 left:190px; */
	   width:190px;
    height:190px;
	margin-top:190px;
	margin-left:190px;
	
	
	transform-origin: 0% 0%;

    }
.pilhit{
	 position:absolute;
	/*  top: 190px;
	 left:190px; */
	  /*   transform-origin: 30% 0%; */
	  transform-origin: 20% 80%;
	   width:84px;
    height:85px;
	   background-image:url("bilder/pil.png");
	   visibility:hidden;
}
#lika {
	position: absolute;
	top: 785px;
	left: 385px;
	
	z-index: 30;
	opacity:0.5;
}
#turn{
	 position:absolute;
	 top: 420px;
	 left:15px;
	     width:36px;
    height:36px;
	
	 border-radius: 18px;
	   opacity:0.5;
	  background-color:grey;
	    background-image:url("bilder/turn.png");
	   
}
#showdart{
	 position:absolute;
	 top: 360px;
	 left:15px;
	     width:36px;
    height:36px;
	color:white;
	font-size:1.0em;
	text-align:center;
	line-height:37px;
	 border-radius: 18px;
	   opacity:0.5;
	  background-color:grey;
	  /*   background-image:url("bilder/klocka.png"); */
	    visibility:hidden; 
	   
}
#showdartresult{
	 position:absolute;
	 top: 480px;
	 left:15px;
	     width:36px;
    height:36px;
	color:white;
	font-size:1.0em;
	text-align:center;
	line-height:39px;
	 border-radius: 18px;
	   opacity:0.7;
	  background-color:grey;
	     visibility:hidden;
	   
}
#show1{
	 position:absolute;
	 top: 360px;
	 left:480px;
	     width:36px;
    height:36px;
	color:white;
	font-size:1.0em;
	text-align:center;
	line-height:39px;
	 border-radius: 18px;
	   opacity:0.3;
	  background-color:grey;
	    visibility:hidden;
}
#slow{
	 position:absolute;
	 top: 60px;
	 left:250px;
	     width:20px;
    height:20px;
	color:white;
	font-size:2.0em;
	text-align:center;
	line-height:20px;
	 border-radius: 10px;
	   opacity:0.4;
	  background-color:grey;
	   
}
#fart1{
	 position:absolute;
	 top: 95px;
	 left:254px;
	     width:12px;
    height:12px;
	
	 border-radius: 6px;
	   opacity:0.4;
	  background-color:grey;
	    background-image:url("bilder/lampa2.png");
		
	   
}
#fart2{
	 position:absolute;
	 top: 120px;
	 left:254px;
	     width:12px;
    height:12px;
	
	 border-radius: 6px;
	   opacity:0.6;
	  background-color:green;
	   background-image:url("bilder/lampa.png");
	  box-shadow:0px 0px 15px #8fd7d2;
}
#fart3{
	 position:absolute;
	 top: 145px;
	 left:254px;
	     width:12px;
    height:12px;
	
	 border-radius: 6px;
	   opacity:0.4;
	  background-color:grey;
	    background-image:url("bilder/lampa2.png");
		
	   
}
#faster{
	 position:absolute;
	 top: 170px;
	 left:250px;
	     width:20px;
    height:20px;
	color:white;
	font-size:1.6em;
	text-align:center;
	line-height:20px;
	 border-radius: 10px;
	   opacity:0.4;
	  background-color:grey;
	   
}
#slumpa{
	 position:absolute;
	 top: 115px;
	 left:250px;
	     width:20px;
    height:20px;
	color:white;
	font-size:1.6em;
	text-align:center;
	line-height:20px;
	 border-radius: 18px;
	   opacity:0.4;
	  background-color:grey;
	   
}
#show2{
	 position:absolute;
	 top: 420px;
	 left:480px;
	     width:36px;
    height:36px;
	color:white;
	font-size:1.0em;
	text-align:center;
	line-height:39px;
	 border-radius: 18px;
	   opacity:0.3;
	  background-color:grey;
	    visibility:hidden;
}
#show3{
	 position:absolute;
	 top: 480px;
	 left:480px;
	   width:36px;
    height:36px;
	color:white;
	font-size:1.0em;
	text-align:center;
	line-height:39px;
	 border-radius: 18px;
	   opacity:0.3;
	  background-color:grey;
	   visibility:hidden; 
}
#show4{
	 position:absolute;
	 top: 250px;
	 left:480px;
	   width:36px;
    height:36px;
	color:white;
	font-size:1.0em;
	text-align:center;
	line-height:39px;
	 border-radius: 18px;
	   opacity:0.7;
	   color:white;
	   border: 1px solid white;
	  background-color:grey;
	   visibility:hidden; 
}
#totalkasten{
	 position:absolute;
	 top: 250px;
	 left:15px;
	   width:36px;
    height:36px;
	color:white;
	font-size:1.0em;
	text-align:center;
	line-height:39px;
	 border-radius: 18px;
	   opacity:0.7;
	   color:white;
	     border: 1px solid white;
	  background-color:grey;
	   visibility:hidden; 
}
#visare{
	 position:absolute;
	 top: 0px;
	 left:167px;
	   width:41px;
    height:191px;
	color:white;
	background-image:url("bilder/klockvisare.png");
	 transform-origin: 50% 100%;
	
  visibility:hidden; 
}
#hlp{
	 position:absolute;
	 top: -220px;
	 left:-64px;
	   width:510px;
    height:709px;
	
	background-image:url("bilder/help.png");
	 visibility:hidden; 
	 z-index:250;
}
#helpknapp{
	 position:absolute;
	 top: 575px;
	 left:15px;
	     width:36px;
    height:36px;
	color:white;
	font-size:1.0em;
	text-align:center;
	line-height:39px;
	 border-radius: 18px;
	   opacity:0.4;
	  background-color:grey;
	    visibility:hidden;
	   
}
#light{
	 position:absolute;
	 top: 40px;
	 left:210px;
	     width:14px;
    height:14px;
	color:white;
	font-size:1.6em;
	text-align:center;
	line-height:20px;
	 border-radius: 7px;
	   opacity:0.4;
	   z-index:100;
	  background-color:grey;
	   
}
#dark{
	 position:absolute;
	 top: 40px;
	 left:292px;
	     width:14px;
    height:14px;
	color:white;
	font-size:1.6em;
	text-align:center;
	line-height:20px;
	 border-radius: 7px;
	   opacity:0.2;
	     z-index:100;
	  background-color:grey;
	   
}