body {
  font-family:Arial;
}
#tausta {
   position:absolute;
   width:700px;
   height:500px;
}
#otsikko {
   position: absolute;
   font-size:20px;
   top: 5px;
   left:0px;
   padding:4px;
   padding-left:240px;
   width:400px;
   color:#fff;
   background-color:#55c;
}
#dragarea {
   position:absolute;
   width:700px;
   height:500px;
   overflow: hidden;
   -webkit-overflow-scrolling: unset;
}
#vaaka {
   position: absolute;
   top: 100px;
   left:100px;
}
#ohje {
   position:relative;
   font-family: Arial;
   font-size:20px;
   top:40px;
   left:60px;
   width:500px;
   height:120px;
   text-align:center;
}
.punnus {
   width:40px;
   height:40px;
}
#jatka {
   position:absolute;
   top:420px;
   left:260px;
   text-align: center;
}
#seuraava {
   position: relative;
   background-color:#ddf;
   width:100px;
   height:40px;
   font-size:18px;
   border:solid #555 1px;
   border-radius:5px;
   cursor:pointer;   
   text-align:center;
   box-shadow: 5px 10px 8px #888888:
   z-index:10;
}
#nextdiv {
   position: absolute;
   text-align: center;
   display: none;
   bottom:60px;
   right:50px;
   z-index:5;
}
#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:0px;
   right:0px;
   box-shadow: 5px 10px 8px #888888:
   margin-left:5px;
}
#tehtava {
   position:absolute;
   text-align:right;
   font-size:30px;
   top:400px;
   left:150px;
   width:100px;
   padding-top:5px;
}
#tulos {
   position:absolute;
   text-align:left;
   font-size:30px;
   width:100px;
   top:400px;
   left:260px;
   display:none;
}
#tulosid {
   font-size: 20px;
   padding:5px;
}
#palaute {
   position:absolute;
   text-align:left;
   font-size:18px;
   top:30px;
   left:140px;
}
#debug {
   position: absolute;
   top:500px;
}
#tarkdiv {
   position: absolute;
   text-align: center;
   display: none;
   bottom:100px;
   right:350px;
   box-shadow: 5px 10px 8px #888888:
}
#tarkbtn {
   position: absolute;
   background-color:#ddf;
   width:100px;
   height:40px;
   font-size:18px;
   border:solid #555 1px;
   border-radius:5px;
   cursor:pointer;   
   text-align:center;
}

#pisteet {
   position: absolute;
   top:40px;
   left: 10px;
   font-size:20px;
}
#loppudiv {
   position: absolute;
   text-align: center;
   display: none;
   top:100px;
   right:0px;
   width:100%;
   font-size:20px;
}