body {
    font-family: sans; 
}

#bräde
{
    display: block;
    position:fixed;
    top: 0px;
    left: 0px;
    width:400px;
    height:200px;
    z-index:2;    
}

#spelplan
{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 2500px;
    height: 1956px;
    z-index:3;
    background-repeat: no-repeat;
}

#regler
{
    display: block;
    position:fixed;
    top: 0px;
    left: 0px;
    width:200px;
    height:500px;
    z-index:3;    
}

#msgs
{
    display: block;
    position:fixed;
    top: 0px;
    left: 0px;
    width: 800px;
    height: 500px;    
    z-index:4;    
    font-family: sans;
    font-size:16px;
    border: none;
    color: #888888;
    background: #ffffff;
}

#blink
{
    display: none;
    position: fixed;
    z-index: 10;
    background: #00ff00;
}
 
#white {
   display: block;
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%; 
   height: 100%;
   background: #ffffff;
   z-index: 10;
}

#intro {
   display: none;
   position: absolute;
   width: 646px;
   height: 500px;
   border: solid 1px #888888;
   z-index: 11;
   background-image: url(intro.jpg);
   background-repeat: no-repeat;
}

#winner {
   display: none;
   position: absolute;
   width: 795px;
   height: 500px;
   border: solid 1px #888888;
   z-index: 12;
   background-image: url(winner.jpg);
   background-repeat: no-repeat;
}

#wiener {
    display: none;
    position: absolute;
    z-index: 13;
}

.goof {
    display: block;
    position: absolute;
    z-index: 13;
    font-size: 36px;
    color: #888888;
}

#wname { left: 180px; top: 60px; }
#whours { left: 290px; top: 415px; }
#wminutes { left: 290px; top: 455px; }

#wlekis { left: 460px; top: 155px; }
#wlstadiet { left: 460px; top: 192px; }
#wmstadiet { left: 460px; top: 226px; }
#whstadiet { left: 460px; top: 266px; }
#wgymnasiet { left: 460px; top: 303px; }
#wlumpen { left: 460px; top: 340px; }

#laddar {
   position: absolute;
   top: 416px;
   left: 305px;
   width: 195px;
   height: 12px;
   background: url(intro.jpg) no-repeat -305px -428px;
}

#tmpo {
   background: url(intro.jpg) no-repeat -290px -335px;
}

#klart {
   position: absolute;
   top: 408px;
   left: 505px;
   width: 90px;
   height: 18px;
   background: url(intro.jpg) no-repeat -505px -428px;
}

#knapp {
   position: absolute;
   top: 455px;
   left: 230px;
   width: 250px;
   height: 40px;
   background: transparent;
}

#pl1 {
    display: block;
    position: absolute;
    top: 248px;
    left: 100px;
    height: 40px;
}
#pl2 {
    display: block;
    position: absolute;
    top: 295px;
    left: 100px;
    height: 40px;
}
#pl3 {
    display: block;
    position: absolute;
    top: 345px;
    left: 100px;
    height: 40px;
}
#spelare1 {
    display: block;
    position: absolute;
    top: 258px;
    left: 290px;
    height:25px;
    font-size: 20px;
    background:transparent;
    border: solid 2px #888888;
    color: #888888;
}

#spelare2 {
    display: block;
    position: absolute;
    top: 305px;
    left: 290px;
    height:25px;
    font-size: 20px;
    background:transparent;
    border: solid 2px #888888;
    color: #888888;
}

#spelare3 {
    display: block;
    position: absolute;
    top: 355px;
    left: 290px;
    height:25px;
    font-size: 20px;
    background:transparent;
    border: solid 2px #888888;
    color: #888888;
}

#dice {
   display: block;
   position: absolute;
   width: 60px;
   top: 0px;
   left: 0px;
}

#kugg {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 5;
}

.step {
  display: block;
  position: absolute;
  width:50px;
  height:50px;
  z-index: 15;
}

.marker {
  display: block;
  position: absolute;
  width:50px;
  height:69px;
  z-index: 20;
}

#marker1 { top: 1835px; left: 75px; 
  background-image: url(marker1.png);
  background-repeat: no-repeat;
}
#marker2 { top: 1788px; left: 125px; 
  background-image: url(marker2.png);
  background-repeat: no-repeat;
}
#marker3 { top: 1835px; left: 175px; 
  background-image: url(marker3.png);
  background-repeat: no-repeat;
} 
#step1 { top: 1868px; left: 145px; }
#step2 { top: 1813px; left: 317px; }
#step3 { top: 1734px; left: 445px; }
#step4 { top: 1806px; left: 490px; }
#step5 { top: 1851px; left: 574px; }
#step6 { top: 1793px; left: 660px; }
#step7 { top: 1700px; left: 699px; }
#step8 { top: 1614px; left: 739px; }
#step9 { top: 1589px; left: 641px; }
#step10 { top: 1595px; left: 539px; }
#step11 { top: 1521px; left: 501px; }
#step12 { top: 1611px; left: 341px; }
#step13 { top: 1543px; left: 281px; }
#step14 { top: 1467px; left: 247px; }
#step15 { top: 1393px; left: 335px; }
#step16 { top: 1334px; left: 239px; }
#step17 { top: 1334px; left: 147px; }
#step18 { top: 1238px; left: 145px; }
#step19 { top: 1205px; left: 219px; }
#step20 { top: 1225px; left: 292px; }
#step21 { top: 1246px; left: 374px; }
#step22 { top: 1257px; left: 455px; }
#step23 { top: 1261px; left: 550px; }
#step24 { top: 1281px; left: 627px; }
#step25 { top: 1344px; left: 670px; }
#step26 { top: 1398px; left: 716px; }
#step27 { top: 1475px; left: 754px; }
#step28 { top: 1526px; left: 804px; }
#step29 { top: 1588px; left: 868px; }
#step30 { top: 1673px; left: 840px; }
#step31 { top: 1746px; left: 798px; }
#step32 { top: 1816px; left: 772px; }
#step33 { top: 1839px; left: 854px; }
#step34 { top: 1806px; left: 938px; }
#step35 { top: 1718px; left: 968px; }
#step36 { top: 1627px; left: 980px; }
#step37 { top: 1525px; left: 970px; }
#step38 { top: 1524px; left: 1064px; }
#step39 { top: 1619px; left: 1101px; }
#step40 { top: 1706px; left: 1111px; }
#step41 { top: 1805px; left: 1104px; }
#step42 { top: 1799px; left: 1244px; }
#step43 { top: 1853px; left: 1454px; }
#step44 { top: 1867px; left: 1551px; }
#step45 { top: 1868px; left: 1649px; }
#step46 { top: 1864px; left: 1726px; }
#step47 { top: 1855px; left: 1838px; }
#step48 { top: 1839px; left: 1916px; }
#step49 { top: 1761px; left: 1962px; }
#step50 { top: 1663px; left: 1937px; }
#step51 { top: 1673px; left: 1855px; }
#step52 { top: 1674px; left: 1766px; }
#step53 { top: 1677px; left: 1684px; }
#step54 { top: 1687px; left: 1585px; }
#step55 { top: 1688px; left: 1485px; }
#step56 { top: 1638px; left: 1402px; }
#step57 { top: 1577px; left: 1352px; }
#step58 { top: 1522px; left: 1424px; }
#step59 { top: 1438px; left: 1459px; }
#step60 { top: 1349px; left: 1442px; }
#step61 { top: 1362px; left: 1363px; }
#step62 { top: 1438px; left: 1284px; }
#step63 { top: 1427px; left: 1176px; }
#step64 { top: 1349px; left: 1200px; }
#step65 { top: 1273px; left: 1242px; }
#step66 { top: 1106px; left: 1149px; }
#step67 { top: 1089px; left: 1073px; }
#step68 { top: 1135px; left: 1010px; }
#step69 { top: 1199px; left: 971px; }
#step70 { top: 1275px; left: 1006px; }
#step71 { top: 1285px; left: 1095px; }
#step72 { top: 1174px; left: 1365px; }
#step73 { top: 1093px; left: 1342px; }
#step74 { top: 1024px; left: 1393px; }
#step75 { top: 943px; left: 1221px; }
#step76 { top: 951px; left: 1089px; }
#step77 { top: 985px; left: 1000px; }
#step78 { top: 1038px; left: 931px; }
#step79 { top: 1130px; left: 882px; }
#step80 { top: 1151px; left: 797px; }
#step81 { top: 1169px; left: 705px; }
#step82 { top: 1143px; left: 606px; }
#step83 { top: 1120px; left: 523px; }
#step84 { top: 1110px; left: 435px; }
#step85 { top: 1073px; left: 341px; }
#step86 { top: 1024px; left: 252px; }
#step87 { top: 964px; left: 178px; }
#step88 { top: 889px; left: 84px; }
#step89 { top: 795px; left: 76px; }
#step90 { top: 767px; left: 172px; }
#step91 { top: 730px; left: 257px; }
#step92 { top: 689px; left: 340px; }
#step93 { top: 649px; left: 429px; }
#step94 { top: 616px; left: 508px; }
#step95 { top: 587px; left: 575px; }
#step96 { top: 545px; left: 642px; }
#step97 { top: 498px; left: 707px; }
#step98 { top: 452px; left: 771px; }
#step99 { top: 397px; left: 720px; }
#step100 { top: 345px; left: 679px; }
#step101 { top: 267px; left: 679px; }
#step102 { top: 197px; left: 710px; }
#step103 { top: 116px; left: 688px; }
#step104 { top: 110px; left: 617px; }
#step105 { top: 143px; left: 545px; }
#step106 { top: 222px; left: 552px; }
#step107 { top: 319px; left: 536px; }
#step108 { top: 409px; left: 552px; }
#step109 { top: 494px; left: 519px; }
#step110 { top: 451px; left: 429px; }
#step111 { top: 371px; left: 382px; }
#step112 { top: 317px; left: 309px; }
#step113 { top: 332px; left: 217px; }
#step114 { top: 329px; left: 130px; }
#step115 { top: 404px; left: 80px; }
#step116 { top: 514px; left: 64px; }
#step117 { top: 551px; left: 148px; }
#step118 { top: 506px; left: 224px; }
#step119 { top: 490px; left: 330px; }
#step120 { top: 564px; left: 298px; }
#step121 { top: 627px; left: 212px; }
#step122 { top: 676px; left: 153px; }
#step123 { top: 827px; left: 240px; }
#step124 { top: 836px; left: 331px; }
#step125 { top: 820px; left: 412px; }
#step126 { top: 783px; left: 489px; }
#step127 { top: 742px; left: 561px; }
#step128 { top: 700px; left: 610px; }
#step129 { top: 639px; left: 681px; }
#step130 { top: 598px; left: 748px; }
#step131 { top: 550px; left: 806px; }
#step132 { top: 497px; left: 872px; }
#step133 { top: 429px; left: 856px; }
#step134 { top: 345px; left: 793px; }
#step135 { top: 245px; left: 793px; }
#step136 { top: 216px; left: 918px; }
#step137 { top: 215px; left: 1000px; }
#step138 { top: 299px; left: 1043px; }
#step139 { top: 412px; left: 1074px; }
#step140 { top: 495px; left: 1184px; }
#step141 { top: 376px; left: 1302px; }
#step142 { top: 340px; left: 1361px; }
#step143 { top: 331px; left: 1465px; }
#step144 { top: 432px; left: 1421px; }
#step145 { top: 527px; left: 1361px; }
#step146 { top: 612px; left: 1306px; }
#step147 { top: 682px; left: 1369px; }
#step148 { top: 741px; left: 1419px; }
#step149 { top: 858px; left: 1500px; }
#step150 { top: 953px; left: 1534px; }
#step151 { top: 1060px; left: 1545px; }
#step152 { top: 1155px; left: 1557px; }
#step153 { top: 1256px; left: 1557px; }
#step154 { top: 1342px; left: 1591px; }
#step155 { top: 1400px; left: 1669px; }
#step156 { top: 1484px; left: 1734px; }
#step157 { top: 1559px; left: 1815px; }
#step158 { top: 1507px; left: 1870px; }
#step159 { top: 1420px; left: 1870px; }
#step160 { top: 1352px; left: 1825px; }
#step161 { top: 1302px; left: 1748px; }
#step162 { top: 1227px; left: 1712px; }
#step163 { top: 1175px; left: 1768px; }
#step164 { top: 1098px; left: 1809px; }
#step165 { top: 1028px; left: 1816px; }
#step166 { top: 955px; left: 1791px; }
#step167 { top: 899px; left: 1732px; }
#step168 { top: 832px; left: 1666px; }
#step169 { top: 765px; left: 1620px; }
#step170 { top: 672px; left: 1594px; }
#step171 { top: 572px; left: 1584px; }
#step172 { top: 489px; left: 1594px; }
#step173 { top: 406px; left: 1600px; }
#step174 { top: 318px; left: 1620px; }
#step175 { top: 256px; left: 1679px; }
#step176 { top: 359px; left: 1731px; }
#step177 { top: 451px; left: 1738px; }
#step178 { top: 534px; left: 1707px; }
#step179 { top: 626px; left: 1709px; }
#step180 { top: 726px; left: 1742px; }
#step181 { top: 793px; left: 1817px; }
#step182 { top: 701px; left: 1856px; }
#step183 { top: 604px; left: 1853px; }
#step184 { top: 525px; left: 1973px; }
#step185 { top: 369px; left: 2096px; }
#step186 { top: 259px; left: 2092px; }
#step187 { top: 186px; left: 2147px; }
#step188 { top: 158px; left: 2242px; }
#step189 { top: 243px; left: 2288px; }
#step190 { top: 340px; left: 2293px; }
#step191 { top: 439px; left: 2300px; }
#step192 { top: 432px; left: 2401px; }
#step193 { top: 513px; left: 2413px; }
#step194 { top: 584px; left: 2358px; }
#step195 { top: 618px; left: 2274px; }
#step196 { top: 672px; left: 2205px; }
#step197 { top: 739px; left: 2135px; }
#step198 { top: 782px; left: 2219px; }
#step199 { top: 773px; left: 2298px; }
#step200 { top: 777px; left: 2387px; }
#step201 { top: 813px; left: 2450px; }
#step202 { top: 848px; left: 2367px; }
#step203 { top: 898px; left: 2289px; }
#step204 { top: 981px; left: 2235px; }
#step205 { top: 1052px; left: 2168px; }
#step206 { top: 1112px; left: 2078px; }
#step207 { top: 1106px; left: 2007px; }
#step208 { top: 1040px; left: 1981px; }
#step209 { top: 1101px; left: 1904px; }
#step210 { top: 1178px; left: 1881px; }
#step211 { top: 1273px; left: 1895px; }
#step212 { top: 1337px; left: 1936px; }
#step213 { top: 1372px; left: 2010px; }
#step214 { top: 1325px; left: 2066px; }
#step215 { top: 1275px; left: 2148px; }
#step216 { top: 1224px; left: 2212px; }
#step217 { top: 1187px; left: 2279px; }
#step218 { top: 1159px; left: 2337px; }
#step219 { top: 1168px; left: 2409px; }
#step220 { top: 1238px; left: 2392px; }
#step221 { top: 1306px; left: 2329px; }
#step222 { top: 1320px; left: 2249px; }
#step223 { top: 1363px; left: 2178px; }
#step224 { top: 1417px; left: 2115px; }
#step225 { top: 1483px; left: 2053px; }
#step226 { top: 1566px; left: 2017px; }
#step227 { top: 1665px; left: 2031px; }
#step228 { top: 1839px; left: 2158px; }

#step229 { top: 941px; left: 401px; }
#step230 { top: 967px; left: 492px; }
#step231 { top: 992px; left: 569px; }
#step232 { top: 1044px; left: 646px; }
#step233 { top: 1057px; left: 724px; }
#step234 { top: 1049px; left: 809px; }
#step235 { top: 977px; left: 797px; }
#step236 { top: 936px; left: 717px; }
#step237 { top: 883px; left: 636px; }
#step238 { top: 832px; left: 767px; }
#step239 { top: 762px; left: 819px; }
#step240 { top: 694px; left: 772px; }
#step241 { top: 742px; left: 714px; }
#step242 { top: 795px; left: 643px; }
#step243 { top: 880px; left: 870px; }
#step244 { top: 802px; left: 933px; }
#step245 { top: 764px; left: 1041px; }
#step246 { top: 866px; left: 1046px; }
#step247 { top: 863px; left: 975px; }
#step248 { top: 680px; left: 980px; }
#step249 { top: 653px; left: 895px; }
#step250 { top: 576px; left: 924px; }
#step251 { top: 573px; left: 1013px; }
#step252 { top: 463px; left: 988px; }
#step253 { top: 378px; left: 930px; }
#step254 { top: 320px; left: 875px; }

#step255 { top: 835px; left: 1899px; }
#step256 { top: 868px; left: 1982px; }
#step257 { top: 835px; left: 2050px; }
#step258 { top: 748px; left: 2041px; }
#step259 { top: 678px; left: 2083px; }