.animaatioruutu
{
  position: absolute;
  width: 810px;
  height: 70px;
  top: 50%;
  left: 50%;
  background-color: white;
  margin-left: -405px;
  margin-top: -50px;
}

.koslonenruutu
{
  position: absolute;
  width: 810px;
  height: 70px;
  top: 50%;
  left: 50%;
  background-color: white;
  margin-left: -407px;
  margin-top: -52px;
  background-image:url("kuvat/koslonen.png");
  background-repeat: no-repeat;
  display: none;
}

.boksi
{
  position: absolute;
  width: 8px;
  height: 8px;
  border-color: silver;
  border-bottom: 1px;
  border-right: 1px;
  background-color: white;
}

.K1_1,.K2_1,.K3_1,.K4_1,.K5_1,.K6_1,.K7_1
{
  top: 0px;
}

.K1_2,.K2_2,.K3_2,.K4_2,.K5_2,.K6_2,.K7_2
{
  top: 10px;
}

.K1_3,.K2_3,.K3_3,.K4_3,.K5_3,.K6_3,.K7_3
{
  top: 20px;
}

.K1_4,.K2_4,.K3_4,.K4_4,.K5_4,.K6_4,.K7_4
{
  top: 30px;
}

.K1_5,.K2_5,.K3_5,.K4_5,.K5_5,.K6_5,.K7_5
{
  top: 40px;
}

.K1_6,.K2_6,.K3_6,.K4_6,.K5_6,.K6_6,.K7_6
{
  top: 50px;
}

.K1_7,.K2_7,.K3_7,.K4_7,.K5_7,.K6_7,.K7_7
{
  top: 60px;
}

.K1_1,.K1_2,.K1_3,.K1_4,.K1_5,.K1_6,.K1_7
{
  left: 0px;
}

.K2_1,.K2_2,.K2_3,.K2_4,.K2_5,.K2_6,.K2_7
{
  left: 10px;
}

.K3_1,.K3_2,.K3_3,.K3_4,.K3_5,.K3_6,.K3_7
{
  left: 20px;
}

.K4_1,.K4_2,.K4_3,.K4_4,.K4_5,.K4_6,.K4_7
{
  left: 30px;
}

.K5_1,.K5_2,.K5_3,.K5_4,.K5_5,.K5_6,.K5_7
{
  left: 40px;
}

.K6_1,.K6_2,.K6_3,.K6_4,.K6_5,.K6_6,.K6_7
{
  left: 50px;
}

.K7_1,.K7_2,.K7_3,.K7_4,.K7_5,.K7_6,.K7_7
{
  left: 60px;
}

.O1_1,.O2_1,.O3_1,.O4_1,.O5_1,.O6_1,.O7_1
{
  top: 0px;
}

.O1_2,.O2_2,.O3_2,.O4_2,.O5_2,.O6_2,.O7_2
{
  top: 10px;
}

.O1_3,.O2_3,.O3_3,.O4_3,.O5_3,.O6_3,.O7_3
{
  top: 20px;
}

.O1_4,.O2_4,.O3_4,.O4_4,.O5_4,.O6_4,.O7_4
{
  top: 30px;
}

.O1_5,.O2_5,.O3_5,.O4_5,.O5_5,.O6_5,.O7_5
{
  top: 40px;
}

.O1_6,.O2_6,.O3_6,.O4_6,.O5_6,.O6_6,.O7_6
{
  top: 50px;
}

.O1_7,.O2_7,.O3_7,.O4_7,.O5_7,.O6_7,.O7_7
{
  top: 60px;
}

.O1_1,.O1_2,.O1_3,.O1_4,.O1_5,.O1_6,.O1_7
{
  left: 80px;
}

.O2_1,.O2_2,.O2_3,.O2_4,.O2_5,.O2_6,.O2_7
{
  left: 90px;
}

.O3_1,.O3_2,.O3_3,.O3_4,.O3_5,.O3_6,.O3_7
{
  left: 100px;
}

.O4_1,.O4_2,.O4_3,.O4_4,.O4_5,.O4_6,.O4_7
{
  left: 110px;
}

.O5_1,.O5_2,.O5_3,.O5_4,.O5_5,.O5_6,.O5_7
{
  left: 120px;
}

.O6_1,.O6_2,.O6_3,.O6_4,.O6_5,.O6_6,.O6_7
{
  left: 130px;
}

.O7_1,.O7_2,.O7_3,.O7_4,.O7_5,.O7_6,.O7_7
{
  left: 140px;
}

.S1_1,.S2_1,.S3_1,.S4_1,.S5_1,.S6_1,.S7_1
{
  top: 0px;
}

.S1_2,.S2_2,.S3_2,.S4_2,.S5_2,.S6_2,.S7_2
{
  top: 10px;
}

.S1_3,.S2_3,.S3_3,.S4_3,.S5_3,.S6_3,.S7_3
{
  top: 20px;
}

.S1_4,.S2_4,.S3_4,.S4_4,.S5_4,.S6_4,.S7_4
{
  top: 30px;
}

.S1_5,.S2_5,.S3_5,.S4_5,.S5_5,.S6_5,.S7_5
{
  top: 40px;
}

.S1_6,.S2_6,.S3_6,.S4_6,.S5_6,.S6_6,.S7_6
{
  top: 50px;
}

.S1_7,.S2_7,.S3_7,.S4_7,.S5_7,.S6_7,.S7_7
{
  top: 60px;
}

.S1_1,.S1_2,.S1_3,.S1_4,.S1_5,.S1_6,.S1_7
{
  left: 160px;
}

.S2_1,.S2_2,.S2_3,.S2_4,.S2_5,.S2_6,.S2_7
{
  left: 170px;
}

.S3_1,.S3_2,.S3_3,.S3_4,.S3_5,.S3_6,.S3_7
{
  left: 180px;
}

.S4_1,.S4_2,.S4_3,.S4_4,.S4_5,.S4_6,.S4_7
{
  left: 190px;
}

.S5_1,.S5_2,.S5_3,.S5_4,.S5_5,.S5_6,.S5_7
{
  left: 200px;
}

.S6_1,.S6_2,.S6_3,.S6_4,.S6_5,.S6_6,.S6_7
{
  left: 210px;
}

.S7_1,.S7_2,.S7_3,.S7_4,.S7_5,.S7_6,.S7_7
{
  left: 220px;
}

.L1_1,.L2_1,.L3_1,.L4_1,.L5_1,.L6_1,.L7_1
{
  top: 0px;
}

.L1_2,.L2_2,.L3_2,.L4_2,.L5_2,.L6_2,.L7_2
{
  top: 10px;
}

.L1_3,.L2_3,.L3_3,.L4_3,.L5_3,.L6_3,.L7_3
{
  top: 20px;
}

.L1_4,.L2_4,.L3_4,.L4_4,.L5_4,.L6_4,.L7_4
{
  top: 30px;
}

.L1_5,.L2_5,.L3_5,.L4_5,.L5_5,.L6_5,.L7_5
{
  top: 40px;
}

.L1_6,.L2_6,.L3_6,.L4_6,.L5_6,.L6_6,.L7_6
{
  top: 50px;
}

.L1_7,.L2_7,.L3_7,.L4_7,.L5_7,.L6_7,.L7_7
{
  top: 60px;
}

.L1_1,.L1_2,.L1_3,.L1_4,.L1_5,.L1_6,.L1_7
{
  left: 240px;
}

.L2_1,.L2_2,.L2_3,.L2_4,.L2_5,.L2_6,.L2_7
{
  left: 250px;
}

.L3_1,.L3_2,.L3_3,.L3_4,.L3_5,.L3_6,.L3_7
{
  left: 260px;
}

.L4_1,.L4_2,.L4_3,.L4_4,.L4_5,.L4_6,.L4_7
{
  left: 270px;
}

.L5_1,.L5_2,.L5_3,.L5_4,.L5_5,.L5_6,.L5_7
{
  left: 280px;
}

.L6_1,.L6_2,.L6_3,.L6_4,.L6_5,.L6_6,.L6_7
{
  left: 290px;
}

.L7_1,.L7_2,.L7_3,.L7_4,.L7_5,.L7_6,.L7_7
{
  left: 300px;
}

.O21_1,.O22_1,.O23_1,.O24_1,.O25_1,.O26_1,.O27_1
{
  top: 0px;
}

.O21_2,.O22_2,.O23_2,.O24_2,.O25_2,.O26_2,.O27_2
{
  top: 10px;
}

.O21_3,.O22_3,.O23_3,.O24_3,.O25_3,.O26_3,.O27_3
{
  top: 20px;
}

.O21_4,.O22_4,.O23_4,.O24_4,.O25_4,.O26_4,.O27_4
{
  top: 30px;
}

.O21_5,.O22_5,.O23_5,.O24_5,.O25_5,.O26_5,.O27_5
{
  top: 40px;
}

.O21_6,.O22_6,.O23_6,.O24_6,.O25_6,.O26_6,.O27_6
{
  top: 50px;
}

.O21_7,.O22_7,.O23_7,.O24_7,.O25_7,.O26_7,.O27_7
{
  top: 60px;
}

.O21_1,.O21_2,.O21_3,.O21_4,.O21_5,.O21_6,.O21_7
{
  left: 320px;
}

.O22_1,.O22_2,.O22_3,.O22_4,.O22_5,.O22_6,.O22_7
{
  left: 330px;
}

.O23_1,.O23_2,.O23_3,.O23_4,.O23_5,.O23_6,.O23_7
{
  left: 340px;
}

.O24_1,.O24_2,.O24_3,.O24_4,.O24_5,.O24_6,.O24_7
{
  left: 350px;
}

.O25_1,.O25_2,.O25_3,.O25_4,.O25_5,.O25_6,.O25_7
{
  left: 360px;
}

.O26_1,.O26_2,.O26_3,.O26_4,.O26_5,.O26_6,.O26_7
{
  left: 370px;
}

.O27_1,.O27_2,.O27_3,.O27_4,.O27_5,.O27_6,.O27_7
{
  left: 380px;
}

.N1_1,.N2_1,.N3_1,.N4_1,.N5_1,.N6_1,.N7_1
{
  top: 0px;
}

.N1_2,.N2_2,.N3_2,.N4_2,.N5_2,.N6_2,.N7_2
{
  top: 10px;
}

.N1_3,.N2_3,.N3_3,.N4_3,.N5_3,.N6_3,.N7_3
{
  top: 20px;
}

.N1_4,.N2_4,.N3_4,.N4_4,.N5_4,.N6_4,.N7_4
{
  top: 30px;
}

.N1_5,.N2_5,.N3_5,.N4_5,.N5_5,.N6_5,.N7_5
{
  top: 40px;
}

.N1_6,.N2_6,.N3_6,.N4_6,.N5_6,.N6_6,.N7_6
{
  top: 50px;
}

.N1_7,.N2_7,.N3_7,.N4_7,.N5_7,.N6_7,.N7_7
{
  top: 60px;
}

.N1_1,.N1_2,.N1_3,.N1_4,.N1_5,.N1_6,.N1_7
{
  left: 400px;
}

.N2_1,.N2_2,.N2_3,.N2_4,.N2_5,.N2_6,.N2_7
{
  left: 410px;
}

.N3_1,.N3_2,.N3_3,.N3_4,.N3_5,.N3_6,.N3_7
{
  left: 420px;
}

.N4_1,.N4_2,.N4_3,.N4_4,.N4_5,.N4_6,.N4_7
{
  left: 430px;
}

.N5_1,.N5_2,.N5_3,.N5_4,.N5_5,.N5_6,.N5_7
{
  left: 440px;
}

.N6_1,.N6_2,.N6_3,.N6_4,.N6_5,.N6_6,.N6_7
{
  left: 450px;
}

.N7_1,.N7_2,.N7_3,.N7_4,.N7_5,.N7_6,.N7_7
{
  left: 460px;
}

.E1_1,.E2_1,.E3_1,.E4_1,.E5_1,.E6_1,.E7_1
{
  top: 0px;
}

.E1_2,.E2_2,.E3_2,.E4_2,.E5_2,.E6_2,.E7_2
{
  top: 10px;
}

.E1_3,.E2_3,.E3_3,.E4_3,.E5_3,.E6_3,.E7_3
{
  top: 20px;
}

.E1_4,.E2_4,.E3_4,.E4_4,.E5_4,.E6_4,.E7_4
{
  top: 30px;
}

.E1_5,.E2_5,.E3_5,.E4_5,.E5_5,.E6_5,.E7_5
{
  top: 40px;
}

.E1_6,.E2_6,.E3_6,.E4_6,.E5_6,.E6_6,.E7_6
{
  top: 50px;
}

.E1_7,.E2_7,.E3_7,.E4_7,.E5_7,.E6_7,.E7_7
{
  top: 60px;
}

.E1_1,.E1_2,.E1_3,.E1_4,.E1_5,.E1_6,.E1_7
{
  left: 480px;
}

.E2_1,.E2_2,.E2_3,.E2_4,.E2_5,.E2_6,.E2_7
{
  left: 490px;
}

.E3_1,.E3_2,.E3_3,.E3_4,.E3_5,.E3_6,.E3_7
{
  left: 500px;
}

.E4_1,.E4_2,.E4_3,.E4_4,.E4_5,.E4_6,.E4_7
{
  left: 510px;
}

.E5_1,.E5_2,.E5_3,.E5_4,.E5_5,.E5_6,.E5_7
{
  left: 520px;
}

.E6_1,.E6_2,.E6_3,.E6_4,.E6_5,.E6_6,.E6_7
{
  left: 530px;
}

.E7_1,.E7_2,.E7_3,.E7_4,.E7_5,.E7_6,.E7_7
{
  left: 540px;
}

.N21_1,.N22_1,.N23_1,.N24_1,.N25_1,.N26_1,.N27_1
{
  top: 0px;
}

.N21_2,.N22_2,.N23_2,.N24_2,.N25_2,.N26_2,.N27_2
{
  top: 10px;
}

.N21_3,.N22_3,.N23_3,.N24_3,.N25_3,.N26_3,.N27_3
{
  top: 20px;
}

.N21_4,.N22_4,.N23_4,.N24_4,.N25_4,.N26_4,.N27_4
{
  top: 30px;
}

.N21_5,.N22_5,.N23_5,.N24_5,.N25_5,.N26_5,.N27_5
{
  top: 40px;
}

.N21_6,.N22_6,.N23_6,.N24_6,.N25_6,.N26_6,.N27_6
{
  top: 50px;
}

.N21_7,.N22_7,.N23_7,.N24_7,.N25_7,.N26_7,.N27_7
{
  top: 60px;
}

.N21_1,.N21_2,.N21_3,.N21_4,.N21_5,.N21_6,.N21_7
{
  left: 560px;
}

.N22_1,.N22_2,.N22_3,.N22_4,.N22_5,.N22_6,.N22_7
{
  left: 570px;
}

.N23_1,.N23_2,.N23_3,.N23_4,.N23_5,.N23_6,.N23_7
{
  left: 580px;
}

.N24_1,.N24_2,.N24_3,.N24_4,.N24_5,.N24_6,.N24_7
{
  left: 590px;
}

.N25_1,.N25_2,.N25_3,.N25_4,.N25_5,.N25_6,.N25_7
{
  left: 600px;
}

.N26_1,.N26_2,.N26_3,.N26_4,.N26_5,.N26_6,.N26_7
{
  left: 610px;
}

.N27_1,.N27_2,.N27_3,.N27_4,.N27_5,.N27_6,.N27_7
{
  left: 620px;
}

.P1_2,.P2_2
{
  top: 10px;
}

.P1_3,.P2_3
{
  top: 20px;
}

.P1_4,.P2_4
{
  top: 30px;
}

.P1_5,.P2_5
{
  top: 40px;
}

.P1_6,.P2_6
{
  top: 50px;
}

.P1_7,.P2_7
{
  top: 60px;
}

.P1_1,.P1_2,.P1_3,.P1_4,.P1_5,.P1_6,.P1_7
{
  left: 640px;
}

.P2_1,.P2_2,.P2_3,.P2_4,.P2_5,.P2_6,.P2_7
{
  left: 650px;
}

.F1_1,.F2_1,.F3_1,.F4_1,.F5_1,.F6_1,.F7_1
{
  top: 0px;
}

.F1_2,.F2_2,.F3_2,.F4_2,.F5_2,.F6_2,.F7_2
{
  top: 10px;
}

.F1_3,.F2_3,.F3_3,.F4_3,.F5_3,.F6_3,.F7_3
{
  top: 20px;
}

.F1_4,.F2_4,.F3_4,.F4_4,.F5_4,.F6_4,.F7_4
{
  top: 30px;
}

.F1_5,.F2_5,.F3_5,.F4_5,.F5_5,.F6_5,.F7_5
{
  top: 40px;
}

.F1_6,.F2_6,.F3_6,.F4_6,.F5_6,.F6_6,.F7_6
{
  top: 50px;
}

.F1_7,.F2_7,.F3_7,.F4_7,.F5_7,.F6_7,.F7_7
{
  top: 60px;
}

.F1_1,.F1_2,.F1_3,.F1_4,.F1_5,.F1_6,.F1_7
{
  left: 686px;
}

.F2_1,.F2_2,.F2_3,.F2_4,.F2_5,.F2_6,.F2_7
{
  left: 696px;
}

.F3_1,.F3_2,.F3_3,.F3_4,.F3_5,.F3_6,.F3_7
{
  left: 706px;
}

.F4_1,.F4_2,.F4_3,.F4_4,.F4_5,.F4_6,.F4_7
{
  left: 716px;
}

.F5_1,.F5_2,.F5_3,.F5_4,.F5_5,.F5_6,.F5_7
{
  left: 726px;
}

.F6_1,.F6_2,.F6_3,.F6_4,.F6_5,.F6_6,.F6_7
{
  left: 736px;
}

.F7_1,.F7_2,.F7_3,.F7_4,.F7_5,.F7_6,.F7_7
{
  left: 746px;
}

.I1_1,.I2_1,.I3_1,.I4_1,.I5_1,.I6_1,.I7_1
{
  top: 0px;
}

.I1_2,.I2_2,.I3_2,.I4_2,.I5_2,.I6_2,.I7_2
{
  top: 10px;
}

.I1_3,.I2_3,.I3_3,.I4_3,.I5_3,.I6_3,.I7_3
{
  top: 20px;
}

.I1_4,.I2_4,.I3_4,.I4_4,.I5_4,.I6_4,.I7_4
{
  top: 30px;
}

.I1_5,.I2_5,.I3_5,.I4_5,.I5_5,.I6_5,.I7_5
{
  top: 40px;
}

.I1_6,.I2_6,.I3_6,.I4_6,.I5_6,.I6_6,.I7_6
{
  top: 50px;
}

.I1_7,.I2_7,.I3_7,.I4_7,.I5_7,.I6_7,.I7_7
{
  top: 60px;
}

.I1_1,.I1_2,.I1_3,.I1_4,.I1_5,.I1_6,.I1_7
{
  left: 766px;
}

.I2_1,.I2_2,.I2_3,.I2_4,.I2_5,.I2_6,.I2_7
{
  left: 776px;
}

.I3_1,.I3_2,.I3_3,.I3_4,.I3_5,.I3_6,.I3_7
{
  left: 786px;
}

.I4_1,.I4_2,.I4_3,.I4_4,.I4_5,.I4_6,.I4_7
{
  left: 796px;
}

.I5_1,.I5_2,.I5_3,.I5_4,.I5_5,.I5_6,.I5_7
{
  left: 806px;
}

.I6_1,.I6_2,.I6_3,.I6_4,.I6_5,.I6_6,.I6_7
{
  left: 816px;
}

.I7_1,.I7_2,.I7_3,.I7_4,.I7_5,.I7_6,.I7_7
{
  left: 826px;
}

.linkitruutu
{
  position: absolute;
  width: 810px;
  height: 24px;
  top: 50%;
  left: 50%;
  background-color: white;
  margin-left: -405px;
  margin-top: 35px;
  text-align: center;
  color: darkred;
  font-family: courier;
}

a
{
  color: darkred;
  text-decoration: none;
}

a:hover
{
  font-weight: bolder;
}

div.esittelyruutu
{
  position: absolute;
  width: 520px;
  height: 196px;
  top: 50%;
  left: 50%;
  background-color: white;
  margin-left: -260px;
  margin-top: -98px;
  display: none;
  border-width: 1px;
  border-style: dotted;
  border-color: darkred;
  border-radius: 25px;
  padding: 12px 12px 12px 12px;
  font-family: courier;
}

div.suljeruutu
{
  position: absolute;
  width: 56px;
  height: 56px;
  top: 50%;
  left: 50%;
  margin-left: 248px;
  margin-top: -126px;  
  background-color: rgba(255,255,255,0);
  display: none;
}

img
{
  border-width: 0px;
  border-style: none;
}