#tausta {
   position:absolute;
   width:750px;
   height:700px;
}
#dragarea {
   position:absolute;
   width:700px;
   height:600px;
   overflow: hidden;
   -webkit-overflow-scrolling: unset;
   z-index:1;
}
#ohje {
   position:relative;
   font-family: Arial;
   font-size:18px;
   top:10px;
   left:100px;
   width:500px;
   height:50px;
   text-align:center;
}
#taustakartta {
   position:relative;
   top:10px;
   left:10px;
}
#palaute {
   position:absolute;
   text-align:left;
   font-size:18px;
   top:20px;
   left:180px;
   width:350px;
   height:80px;
   z-index:10;
}
#debug {
   position: absolute;
   top:680px;
}
#tarkdiv, #tarkdiv2 {
   position: absolute;
   xdisplay: none;
   top:10px;
   right:0px;
   box-shadow: 5px 10px 8px #888888:
}
#tarkbtn, #tarkbtn2 {
   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;
}

#loppudiv {
   position: absolute;
   text-align: center;
   display: none;
   top:100px;
   right:0px;
   width:100%;
   font-size:20px;
}
#lappi {
  position: absolute;
  top:50px;
  left:120px;
  cursor: pointer;
}
#ita {
  position: absolute;
  top:50px;
  left:500px;
  cursor: pointer;
}
#etela {
  position: absolute;
  top:250px;
  left:150px;
  cursor: pointer;
}
#lansi {
  position: absolute;
  top:270px;
  left:500px;
  cursor: pointer;
}
#oulu {
  position: absolute;
  top:150px;
  left:500px;
  cursor: pointer;
}
#ahvenanmaa {
  position: absolute;
  top:350px;
  left:140px;
  cursor: pointer;
}
#rtxt {
  position:absolute;
  top:70px;
  left:0px;
  background-color:#444;
  color: #fff;
  font-face:Arial;
  font-size:11px;
}
#stxt {
  position:absolute;
  top:70px;
  left:15px;
  background-color:#444;
  color: #fff;
  font-face:Arial;
  font-size:11px;
}
#itxt {
  position:absolute;
  top:17px;
  left:0px;
  background-color:#444;
  color: #fff;
  font-face:Arial;
  font-size:11px;
}
#ttxt {
  position:absolute;
  top:0px;
  left:20px;
  background-color:#444;
  color: #fff;
  font-face:Arial;
  font-size:11px;
}
#ntxt {
  position:absolute;
  top:100px;
  left:10px;
  background-color:#444;
  color: #fff;
  font-face:Arial;
  font-size:11px;
}
#enimi {
  position:absolute;
  width:100px;
  height:20px;
  top:100px;
  left:150px;
  background-color:#555;
  color: #fff;
  font-face:Arial;
  font-size:12px;
  display:none;
  z-index:2;
  cursor: pointer;
  padding-left:4px;
  padding-top:2px;
}
#edrop {
  position:absolute;
  top:370px;
  left:330px;
  width:100px;
  height:20px;
  background-color:#ccc;
  display:none;
}
#lnimi {
  position:absolute;
  width:100px;
  height:20px;
  top:150px;
  left:150px;
  background-color:#555;
  color: #fff;
  font-face:Arial;
  font-size:12px;
  display:none;
  padding-top:2px;
  padding-left:4px;
  z-index:2;
  cursor: pointer;
}
#ldrop {
  position:absolute;
  left:280px;
  top:300px;
  width:100px;
  height:20px;
  background-color:#ccc;
  display:none;
}
#inimi {
  position:absolute;
  top:200px;
  left:150px;
  width:90px;
  height:20px;
  background-color:#555;
  color: #fff;
  font-face:Arial;
  font-size:12px;
  padding-top:2px;
  padding-left:4px;
  display:none;
  z-index:2;
  cursor: pointer;
}
#idrop {
  position:absolute;
  left:380px;
  top:330px;
  width:90px;
  height:20px;
  background-color:#ccc;
  display:none;
}
#onimi {
  position:absolute;
  top:250px;
  left:150px;
  width:70px;
  height:20px;
  padding-top:2px;
  padding-left:4px;
  background-color:#555;
  color: #fff;
  font-face:Arial;
  font-size:12px;
  display:none;
  z-index:2;
  cursor: pointer;
}
#odrop {
  position:absolute;
  left:340px;
  top:230px;
  width:70px;
  height:20px;
  background-color:#ccc;
  display:none;
}
#lapnimi {
  position:absolute;
  width:65px;
  height:20px;
  top:300px;
  left:150px;
  padding-top:2px;
  padding-left:4px;
  background-color:#555;
  color: #fff;
  font-face:Arial;
  font-size:12px;
  display:none;
  z-index:2;
  cursor: pointer;
}
#lapdrop {
  position:absolute;
  left:340px;
  top:150px;
  width:65px;
  height:20px;
  background-color:#ccc;
  display:none;
}
#animi {
  position:absolute;
  width:75px;
  height:20px;
  top:350px;
  padding-top:2px;
  padding-left:4px;
  left:150px;
  background-color:#555;
  color: #fff;
  font-face:Arial;
  font-size:12px;
  display:none;
  z-index:2;
  cursor: pointer;
}
#adrop {
  position:absolute;
  left:175px;
  top:370px;
  width:75px;
  height:20px;
  background-color:#ccc;
  display:none;
}