body {
  font-family: Arial;
}
#tausta {
   position:absolute;
   width:700px;
   height:600px;
}
#dragarea {
   position:absolute;
   width:700px;
   height:600px;
   overflow: hidden;
   -webkit-overflow-scrolling: unset;
   z-index:1;
}
#otsikko {
  font-family: Arial;
  font-size: 20px;
}
#ohje {
   position:relative;
   font-family: Arial;
   font-size:18px;
   top:15px;
   left:10px;
   width:500px;
   height:50px;
}
#vaihe {
   position:absolute;
   font-family: Arial;
   font-size:18px;
   top:45px;
   right:10px;
   xwidth:200px;
   height:50px;   
}
#pisteet {
   position:absolute;
   font-family: Arial;
   font-size:18px;
   top:75px;
   right:10px;
   xwidth:200px;
   height:50px;   
}
#teht {
   position:absolute;
   font-family: Arial;
   font-size:18px;
   top:145px;
   left:20px;
   width:600px;
   height:30px;
}
#tarkdiv {
   position: absolute;
   xdisplay: none;
   top:400px;
   right:0px;
   box-shadow: 5px 10px 8px #888888:
}
#tarkbtn {
   position: absolute;
   background-color:#ddf;
   width:130px;
   height:40px;
   font-size:18px;
   border:solid #555 1px;
   border-radius:5px;
   cursor:pointer;   
   top:0px;
   right:0px;
   z-index:1;
}
#nextdiv {
   position: absolute;
   display: none;
   top:400px;
   right:200px;
   box-shadow: 5px 10px 8px #888888:
}
#nextbtn {
   position: absolute;
   background-color:#ddf;
   width:150px;
   height:40px;
   font-size:18px;
   border:solid #555 1px;
   border-radius:5px;
   cursor:pointer;   
   top:0px;
   right:0px;
   z-index:1;
}
#loppudiv {
   position: absolute;
   top:100px;
   left:100px;
   width: 500px;
   text-align:center;
}
#palaute {
   position: absolute;
   top:300px;
   left: 20px;
}
#s1,#s2,#s3,#s4,#s5,#s6 {
   position: absolute;
   background-color: #dde;
   width:40px;
   height:40px;
   top:200px;
   border: solid #00f 1px;
   display: none;
}
#s1 {   left:100px;}
#s2 {   left:150px;}
#s3 {   left:200px;}
#s4 {   left:280px;}
#s5 {   left:330px;}
#s6 {   left:380px;}

#xs1,#xs2,#xs3,#xs4 {
   position: absolute;
   background-color: #dde;
   width:100px;
   height:40px;
   left:350px;
   border: solid #00f 1px;
}
#xs1 {   top:120px;}
#xs2 {   top:180px;}
#xs3 {   top:240px;}
#xs4 {   top:300px;}
#pilkku {
   position: absolute;
   top:195px;
   left:255px;
   font-size:50px;
}
#vihje0, #vihje1, #vihje2, #vihje3 {
	position: absolute;
	left:460px;
	width:200px;
	height:40px;
}
#vihje0 {top:125px;}
#vihje1 {top:185px;}
#vihje2 {top:245px;}
#vihje3 {top:305px;}