#tausta {
  position: absolute;
  width:600px;
  height:600px;
}
#pisteet {
  position:absolute;
  top:10px;
  left:520px;
  width:100px;
}
#kierros {
  position:absolute;
  top:40px;
  left:520px;
  width:100px;
  display:none;
}
#otsikko {
  position:absolute;
  top:10px;
  left:20px;
  font-family: Arial;
  font-size:24px;
}
#ohje {
  background-image: url("img/kupla.png");
  background-repeat: no-repeat;
  position:absolute;
  top:300px;
  left:50px;
  width:300px;
  height:170px;
  padding-left:0px;
  padding-top:50px;
  text-align:center;
}
#elain {
  position:absolute;
  top:450px;
  left:20px;
}
#aloitadiv {
  position:absolute;
  top:200px;
  right:200px;
}
#aloitabtn {
   position: relative;
   z-index:10;
   background-color:#ddf;
   width:120px;
   height:40px;
   font-size:18px;
   border:solid #555 1px;
   border-radius:5px;
   cursor:pointer;
   text-align:center;
   bottom:50px;
   right:50px;
   box-shadow: 5px 10px 8px #888888:
   margin-left:5px;   
}
#nextdiv {
  position:absolute;
  top:500px;
  right:20px;
  display:none;
}
#nextbtn {
   position: relative;
   z-index:10;
   background-color:#ddf;
   width:120px;
   height:40px;
   font-size:18px;
   border:solid #555 1px;
   border-radius:5px;
   cursor:pointer;
   text-align:center;
   bottom:50px;
   right:50px;
   box-shadow: 5px 10px 8px #888888:
   margin-left:5px;   
}
#tarkdiv {
  position:absolute;
  top:450px;
  right:20px;
  display:none;
}
#tarkbtn {
   position: relative;
   z-index:10;
   background-color:#ddf;
   width:120px;
   height:40px;
   font-size:18px;
   border:solid #555 1px;
   border-radius:5px;
   cursor:pointer;
   text-align:center;
   bottom:50px;
   right:50px;
   box-shadow: 5px 10px 8px #888888:
   margin-left:5px;   
}
#viiva {
   position:absolute;
   top:200px;
   left:250px;
   width:50px;
   height:2px;
   xborder: solid #555 1px;
   padding:0px;
   display:none;
}
.viiva {
   margin:0px;
   padding:0px;
}
#yp {
   position:absolute;
   top:160px;
   left:250px;
   text-align:center;
   font-size:30px;
   width:50px;
}
#ap {
   position:absolute;
   top:210px;
   left:250px;
   width:50px;
   text-align:center;
   font-size:30px;
}
#v0,#v1,#v2,#v3,#v4 {
   position:absolute;
   width:60px;
   height:30px;
   padding-top:0px;
   text-align:center;
   font-size:24px;
   font-weight:bold;
   border: solid #a00 1px;
   background-color: #fee;
   border-radius:10px;
   box-shadow: 1px 1px 2px #555, 0 0 5px red, 0 0 2px darkred;
   xbox-shadow: 2px; 2px; #888;
   cursor: pointer;
   display:none;
}
#v0 {top:60px;left:400px;}
#v1 {top:120px;left:400px;}
#v2 {top:180px;left:400px;}
#v3 {top:240px;left:400px;}
#v4 {top:300px;left:400px;}

#p5 {top:150px;left:10px;}
#p6 {top:150px;left:60px;}
#p7 {top:150px;left:110px;}
#p8 {top:150px;left:160px;}
#p9 {top:150px;left:210px;}

#o1 {
   position:absolute;
   width:200px;
   height:30px;  
   top:125px;
   left:390px;
   display:none;
}
#o2 {
   position:absolute;
   width:200px;
   height:30px;  
   top:165px;
   left:390px;
   display:none;
}

#o3 {
   position:absolute;
   width:200px;
   height:100px;  
   top:260px;
   left:270px;
   display:none;
}
#loppudiv {
   position: absolute;
   width:400px;
   top:100px;
   left:100px;
   font-family: Arial;
   font-size:20px;
   text-align: center;
}

@keyframes blink {50% {border-color:#fff;} }