body{
  padding:0;
  margin:0;
   background-color: #D8E4D6;
}

 * html
    {
    overflow-y: hidden;
    }
  * html body
    {
    height: 100%;
    overflow: auto;
    }

#kartta{
    position: absolute;
    top:0;
    left:302px;
    overflow: auto;
      height:95% important!;
      height:95%;
    width: 82%;
     width: 82% important!;
  
   }
   #keskitys2{
       background-image: url(kartat/uusi_kartta_p2.jpg);
   background-position: 0 0;
   background-repeat: no-repeat;
 position: relative;
 left:0;
 top:0;
 
  width: 1512px;
     height: 1156px;
   }
   #keskitys{
 background-image: url(kartat/pispala-asemakaava_p2.jpg);
   background-position: 0 0;
   background-repeat: no-repeat;
 position: relative;
 left:0;
 top:0;
  
 width: 2872px;
    height: 1060px;
    
}
.paikka
{
 position: absolute;
 /*left:1280px;
 top:300px;*/
 width: 400px;
     height: 280px;
  background-color:  #DC143C;
  overflow: auto;
}
/*#tiedot0,#tiedot1,#tiedot2,#tiedot3,#tiedot4,#tiedot5,#tiedot6,#tiedot7,#tiedot8,#tiedot9,#tiedot10,#tiedot11,#tiedot12,#tiedot13,#tiedot14,#tiedot15,#tiedot16,#tiedot17,#tiedot18,#tiedot19,#tiedot20,#tiedot21,#tiedot22,#tiedot23,#tiedot24,#tiedot25,#tiedot26*/
.kuvakeskelle{
 position: absolute;
 left:0.1em;
 top:0;
 /*visibility: hidden;*/
 background-color:  #F3F4E8;
 width:280px;
 height:52%;
/* height: auto;*/
 padding:0.5em 0.5em 0.5em 0.5em;
 margin:0.5m auto 0 0.5em;
/*  overflow: auto;*/
  font-family: Arial,"Trebuchet MS",  sans-serif;
  font-size: 85%;
  border: 1px solid #000;
}
.kuvakeskelle img{
	margin:0 auto;
	width:100%;
	
}
#info ul{
   
    /* background-color:  #fff;*/
     /*margin: 0 0 0 0.3em;
     padding:0.2em 0 0.2em 0;*/
     /*width: 300px;*/
      
}
#info ul.osoite{
   list-style: none; 
}
#info ul li{
   line-height: 140%;
}
#info ul.osoite li strong{
    font-family: "Trebuchet MS",Arial,  sans-serif;
    font-size: 120%;
   
}

#keskitys p.tyhja{
   position: absolute;
   width: 36px;
   height: 29px;
 /*border:1px solid #000;*/
 padding: 0;
 margin: 0;
 cursor: pointer;
}
#keskitys2 p.tyhja{
   position:absolute;
   width: 36px;
   height: 29px;
 /*border:1px solid red;*/
 cursor: pointer;
 padding: 0;
 margin: 0;
}
.kohteet{
  position: absolute;
   width: 36px;
   height: 29px;
    padding: 0;
 margin: 0;
 
}
#selitykset{
  position: absolute;
    top:0.1em;
    left:0.1em;
     width: 280px;
     height: 85%;
    overflow: auto;

   padding:0.5em 0.5em 0.5em 1em;
   font-family: "Trebuchet MS",Arial,  sans-serif;
     background-color:  #F3F4E8;
     border: 1px solid #0B0A04;
     z-index:1000;
}
#selitykset h2{
   padding: 0;
   margin: 0;
   
}
#selitykset ul{
    list-style: none;
    margin:0.5em 0 0 0;
    padding:0 0 0 0;
    
}
#selitykset ul li{
   padding:0 0 0 1em;
   font-weight: bold;
}
#selitykset ul li.musta{
   background-image: url(karttakuvat/musta.gif);
   background-repeat: no-repeat;
   background-position: 0 0.5em;
}
#selitykset ul li.keltainen{
   background-image: url(karttakuvat/keltainen.gif);
   background-repeat: no-repeat;
   background-position: 0 0.5em;
}
#selitykset ul li.tumsin{
   background-image: url(karttakuvat/tumsin.gif);
   background-repeat: no-repeat;
   background-position: 0 0.5em;
}
#selitykset ul li.sinvih{
   background-image: url(karttakuvat/sinvih.gif);
   background-repeat: no-repeat;
   background-position: 0 0.5em;
}
#selitykset ul li.vihrea{
   background-image: url(karttakuvat/vihrea.gif);
   background-repeat: no-repeat;
   background-position: 0 0.5em;
}
#selitykset ul li.pun{
   background-image: url(karttakuvat/pun.gif);
   background-repeat: no-repeat;
   background-position: 0 0.5em;
}
#selitykset ul li ul{
   font-family: "Trebuchet MS",Arial,  sans-serif;
   font-size: 90%;
   margin:0 0 0 0;
   padding:0 0 0 0;
   list-style: none;
}
#selitykset ul li ul li{
 
   margin:0 0 0 0;
   padding:0 0 0 0;
   list-style: none;
   font-weight: normal;
}
#linkki{
  position: absolute;
  top:87%;
  left:1%;
   margin:0 0 0 0;
   padding:0.5em ;
   width: 200px;
   z-index:1001;
}
#linkki a{
   text-decoration: none;
}
ul.muutlinkit2{
   
   margin: 0 0 0 0;
   list-style: none;
   background-color: #EFEFEF;
    color:#333;
      border-left:1px solid #BB9C83;
    border-right:1px solid #BB9C83;
   padding: 0em 0.5em 0em 0.5em;
}

ul.muutlinkit2 li{
     padding: 0.1em 0 0.1em 0;
     background-color: transparent;
     color:#333;
   
}

 ul.muutlinkit2 li a{
 
  font-family: tahoma,"Trebuchet MS", Arial, sans-serif;
    font-size: 95%;
    padding: 0 0.6em 0 0.6em;
      color:#333;
    background-color: transparent;
}

.ylapyo1, .ylapyo2,.ylapyo3,.ylapyo4 {
   display:block; 
   overflow:hidden;
}

.ylapyo1, .ylapyo2, .ylapyo3 {
   height:1px;
}


.ylapyo2, .ylapyo3, .ylapyo4 {
   color:#333;
   background-color:  #EFEFEF;
   border-left:1px solid #98A398;
   border-right:1px solid #98A398;
    border-left:1px solid #BB9C83;
    border-right:1px solid #BB9C83;
}


.ylapyo1{
   margin:0 5px; 
   background: #BB9C83;
   color:#333;
}

.ylapyo2,{
   margin:0 3px; 
   border-width:0 2px;
}

.ylapyo3{
   margin:0 2px;
}

.ylapyo4{
   height:2px; 
   margin:0 1px;
}
ul.muutlinkit2 li.ulos a:hover{
   color: #C00505;
   background-color: transparent;
    background-image: url(taustat/punnuolipois.gif);
   background-repeat: no-repeat; 
   background-position:0 60%;
}
ul.muutlinkit2 li a:hover{
   color: #C00505;
   background-color: transparent;
    background-image: url(taustat/punnuoli.gif);
   background-repeat: no-repeat; 
   background-position:100% 70%;
}