body{
   margin:0;
   padding:0;
   background-color: #444;
   color: #000;
	
}
* html
    {
    overflow-y: hidden;
    }
  * html body
    {
    height: 100%;
    overflow: auto;
    }
#navigointipohja{
    width:21.2em;
    /*position: relative;
    margin:0.2em 1em 0 0.5em;*/
	 padding: 0.2em 0 0 0.3em;
    color: #000;
     background-color: transparent;
}
#taustaa{
	background-image: url(taustakuvat/TH_12.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
   height: 1055px;
}
.ala, .yla {
   display:block; 
   background: transparent; 
   font-size:1px;
}

.osa1, .osa2, .osa3, .osa4 {
   display:block; 
   overflow:hidden;
}

.osa1, .osa2, .osa3 {
   height:1px;
}

.osa2, .osa3, .osa4 {
   background: #D4D0C8; 
   border-left: 1px solid #D4D0C8; 
   border-right:1px solid #D4D0C8;
}

.osa1 {
   margin:0 5px; 
   background:#D4D0C8;
}

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

.osa3 {
   margin:0 2px;
}

.osa4 {
   height:3px; margin:0 1px;
 }


 .pyoreakulma{
   /*display:block;  */
    background-color: #D4D0C8;
   border:0 solid #D4D0C8; 
   border-width:0 1px;
	
  /* width:100%;*/
 }
/*#vasenalakulma{
    background-image: url(kuvat/vasenkulma.gif);
    background-repeat: no-repeat;
    background-position: 0 100%;
    margin:0;
    padding:0;
}
#oikeaalakulma{
    background-image: url(kuvat/oikeakulma.gif);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    margin:0;
    padding:0;
}*/
#vasenlohko{
   /*background-image: url(kuvat/otsikko.gif);
   background-repeat: no-repeat;
   background-position:50% 2%;*/
   width:20.144em;
   padding:0 0 2px 6px;
   margin:0 0 0 0;
   
}

#otsikko h1{
   margin:0;
   padding:0.2em 0 0 1.5em;
   height: 28px;
}
linkit{
    width: 100%;
    background-color: transparent;
	
}
#tekstilinkit{
     width: 20.5em;
  
}
#tekstilinkit ul{
   margin:0 0 0 0;
   padding:0 0 0 0;
}
#tekstilinkit ul li{
   display: inline;
}
#tekstilinkit ul li a{
   display: block;
   float: left;
   text-decoration: none;
   padding:15px 0 0 0;
   width: 6.6em;
}
#tekstilinkit a:hover,#tekstilinkit a.valittu {
  padding:10px 0 0 0;
 }
#tekstilinkit a:hover span, #tekstilinkit a.valittu span {
    padding:0 0.0em 0.37em 0.0em;
    color: #596B84;
    background-color: #B9AFA7;
}
#tekstilinkit a:hover .linkkisana, #tekstilinkit a:hover b.pyoristys3, #tekstilinkit a:hover b.pyoristys2, #tekstilinkit a:hover b.pyoristys1{
   background-color: #B9AFA7;
   color: #fff;
}
#tekstilinkit a.valittu .linkkisana, #tekstilinkit a.valittu b.pyoristys3, #tekstilinkit a.valittu b.pyoristys2, #tekstilinkit a.valittu b.pyoristys1
{
   background-color:#ECEAE4;
   color:#596B84;
}
.pyoristys4, .pyoristys3, .pyoristys2, .pyoristys1{
  display:block; 
  overflow:hidden; 
  font-size: 1px;
 }
.pyoristys4, .pyoristys3, .pyoristys2 {
  height:1px;
}
.pyoristys3, .pyoristys2, .pyoristys1 {
  border-left:1px solid #fff; 
  border-right:1px solid #fff;
 }
.pyoristys4 {
  margin:0 5px; 
  background-color: #fff;
  color:  #041722;
  
 }
.pyoristys3 {
  margin:0 3px; 
  border-width:0 2px;
  background-color:#D2CBC2; 
  color:#596B84;
 }
.pyoristys2 {
  margin:0 2px;
  background-color:#D2CBC2;
  color:#596B84;
 }
.pyoristys1 {
  height:2px; 
  margin:0 1px;
  background-color: #D2CBC2;
  color:#596B84;
 }
.linkkisana {
  display:block; 
  border-left:1px solid #fff; 
  border-right:1px solid #fff; 
  color:#596B84;
  background-color:#D2CBC2;
  font-weight:bold;
  text-align:center;
  font-family:"Trebuchet MS", Arial, sans-serif;
  font-size: 85%;
  font-variant: small-caps;
  padding:0 0.3em 0 0.3em;
}
#reunaviiva{
    clear: both;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    background-color: #ECEAE4;
    color:#444;
    margin:0;
    padding:0em 0 0em 0em;
    width: 19.74em;
    
}
#linkit{
   width: 19.9em;
}
#kuvalinkit{
   
  width: 90%;
   margin:0 0 0 1.3em;
	padding:0 0 0 0;
 
   
}
#kuvalinkit a, #kuvalinkit a:visited{
  /* position: relative;*/
   border:1px solid #948C85;
   display: block;
   float: left;
   margin: 0.3em 0.5em 0.1em 0;
  /* background-color:  #C9C5BD;
	color:#333;*/
   width: 84px;
   height: 64px;
   text-align: center;
}
#kuvalinkit a:hover{
   border: 1px solid #fff;
	display: block;
   float: left;
   filter: alpha(opacity=70);/*ie*/
   -khtml-opacity: 0.7;/*safari mac*/
   -moz-opacity: 0.70; /*mozilla-selaimet*/
   opacity:0.7;/*css3*/
   width: 84px;
   height: 64px;
    margin: 0.3em 0.5em 0.1em 0;
  
	
	
}
#kuvalinkit a img{
  border:1px solid #948C85;
  overflow: hidden;
}
/*#kuvalinkit a span{
   position: absolute;
   display: none;
   text-align: center;
   top:0;
   left:0;
}
#kuvalinkit a:hover span{
   position: absolute;
   display: block;
   text-align: center;
   top:0px;
   left:0px;
   color:#444;
   background-color:#fff;
   font-size:90%;
   font-weight: bold;
}*/
#hakulinkit{
   clear: both;
   padding:5px 0 0 0;
   width: 90%;
  
    margin:0 0 0 1.3em;
}
#hakulinkit a, #hakulinkit span{
   text-decoration:none;
   dispaly:block;
    float:left;
    width:1.5em;
     padding:0 0 0 0;
      margin:0.1em 0 0 0;
    margin-right:0.2em;
        border: 1px solid #B8B8B8;
        text-align: center;
  
}
#hakulinkit p.loytyi{
   
    clear: both;
	 font-family: Arial, "Trebuchet MS", serif;
	 font-size: 80%;
     width:12em;
	 margin:0 0 0 0;
    padding:0.3em 0 0.1em 0;
}
#hakulinkit span.osumat{
   
   width:3.2em;
	 margin-right:0.2em;
}
#hakulinkit a:link,#hakulinkit a:visited{
   color: #0001B0; 
  /*background-color: #E6E4DC;*/
 background-color: #FAF9F8;
 
}
#hakulinkit a:hover{
   background-color:  #B9AFA7;
  color: #0001B0; 
}
.yla1b,.yla2b,.yla3b,.yla4b,.yla1, .yla2, .yla3, .yla4 ,.ala1, .ala2, .ala3, .ala4,.ala1b, .ala2b, .ala3b, .ala4b{
   display:block; 
   overflow:hidden;
}

.yla1, .yla2, .yla3, .ala1, .ala2, .ala3, .ala1b, .ala2b, .ala3b,.yla1b {
   height:1px;
}
.yla2b, .yla3b, .yla4b {
   background-color:#ECEAE4; 
   border-left:1px solid #fff; 
   border-right:1px solid #fff;
   color:#444;
}
.yla2, .yla3, .yla4 {
   background:#ECEAE4; 
   border-left:1px solid #fff;
   border-right:1px solid #fff;
   color:#444;
}

.ala2, .ala3, .ala4{
   background:#fff; 
   border-left:1px solid #fff;
   border-right:1px solid #fff;
   color:#444;
}
.ala2b, .ala3b, .ala4b{
   background:#F1EFEC;
   border-left:1px solid #B9AFA7;
   border-right:1px solid #B9AFA7;
   color:#444;
}
.yla1{
   margin:0 5px; 
   background-color:#fff;
   color:#444;
   
}

.ala1{
   margin:0 5px; 
   background:#fff;
   color:#444;
 
}
.yla1b{
   margin:0 5px; 
   background:#ECEAE4;
   color:#444;
}
.ala1b{
   margin:0 5px; 
   background:#B9AFA7;
   color:#444;
}
.yla2, .ala2, .ala2b {
   margin:0 3px; border-width:0 2px;
}

.yla3, .ala3, .ala3b {
   margin:0 2px;
}

.yla4, .ala4, .ala4b {
   height:2px; 
   margin:0 1px;
}
.alku{
	padding: 0.3em 0 0.2em 0;
   font-family:"Trebuchet MS", Arial, sans-serif;
   font-size: 100%;
}

#tekstit .alku p {
   margin-left:0.5em;
	 font-size: 105%;
}
.alku p strong{
    font-size: 110%;
}
#tekstit{
   clear: both;
   margin: 0.3em 0 0.1em 0;
   font-family:"Trebuchet MS", Arial, sans-serif;
   font-size: 90%;
}
#pohja{
   background-color: #F1EFEC;
   color:#444;
   padding:0 0.3em 0 0.4em;
   border-left: 1px solid #B9AFA7;
   border-right: 1px solid #B9AFA7;
}
#paikka{
   font-size: 110%;
   padding:0.3em 0 0.3em 0;
}
#selite p{
    margin:0;
    padding:0.3em 0 0.3em 0;
    text-align: normal;
    
}
#oikealohko{
    position: absolute;
    width: 64%;
        margin-left: 21em;
    padding: 0.2em 0 0.0em 0;
    text-align: center;
    top:0;
    left:0; 
    background-color:transparent;
    color:#444;
}


#valokuva{
    position: relative;
		top:0;
    left:0;
    width: 610px;
   background-color: #444;
   color:#444;
	 margin: 0 auto 0 auto;
   padding-top:0px;
   /*border-left: 1px solid #fff;
   border-right: 1px solid #fff;*/
   text-align: center;
}
#valokuva img{
   border: 4px ridge #fff;
}
.lopetakellutus{
	clear: both;
   background-color: transparent; 
   color:#444;
   padding:0 0 0 0;
}
/*--- Karttahaun tyylejä ---*/
#karttalinkit{
   clear: both; 
    margin:0 0 0 1.0em;
	padding:0 0 0 0;
  background-color:  #C9C5BD;
  color:#444;
}
#karttalinkit p{
   float: left;
   padding:0 0 0 0;
   margin:1em 0.1em 0.1em 0;
   width: 140px;
   background-color: #FDFDFD;
   color: #5B5B5B;
   border: 1px solid #444;
   font-family: "Trebuchet MS", Arial, sans-serif;
   font-size: 90%;
   font-weight: bold;
  text-align: center;
   
}
#karttalinkit a{
   text-decoration: none;
}
#karttalinkit a:hover{
   text-decoration: none;
   filter: alpha(opacity=70);/*ie*/
   -khtml-opacity: 0.7;/*safari mac*/
   -moz-opacity: 0.70; /*mozilla-selaimet*/
   opacity:0.7;/*css3*/
}
#karttalinkit a img{
   border:none;
}
#kehikko{
    position: relative;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    top:0;
    left:1em;
    background-color: fff;
}
#kehikko2{
    position: relative; 
    width: 100%;
     height:70% important!;
      height:70%;
    top:0;
    left:0;
    padding:0 0 0 0;
    /*  border: 2px ridge #444;*/
    /* border: 4px solid #fff;*/
   background-color: transparent;
   /*padding-top:0px;*/
   border-left: 1px solid #fff;
   border-right: 1px solid #fff;
   
}
#kartta{
     position: relative;
     overflow: auto;
     width: 100%;
     width: 100% important!;
     
     background-color: transparent; 
     
      height: 685px;
     padding:0 0 0 0;
     margin: 0 0 0 0;
     border: 2px ridge #fff;
     
    /* border: 4px solid #fff;*/
  /* background-color: #fff;
   padding-top:0px;
   border-left: 1px solid #fff;
   border-right: 1px solid #fff;*/
   
   }
/*#keskitys{
 
 position: absolute;
 left:-750px;
 width:1500px;
 text-align:center;
}*/
  .kohde{
      position: absolute;
     /* top:600px;
      left:900px;*/
      width: 20px;
      height: 20px;
    /*  background-color: #444; 
      color: #fff;*/
    /*     filter: alpha(opacity=70);ie
   -khtml-opacity: 0.7;safari mac
   -moz-opacity: 0.70; mozilla-selaimet
   opacity:0.7;css3*/
      z-index: 0;
     /*text-align:center;
       /*border: 1px solid #000;*/
   }
   .kohde a:link{
      display:block; 
      background-image: url(kuvat/punpallo.gif);
      background-repeat: no-repeat;
      background-position: 50% 50%;
      width: 100%;
      text-decoration: none;
			background-color: transparent; 
      color: #fff;
			font-family:ariel;
			font-size:80%;
			text-align:center;
   }
    .kohde a:visited{
      display:block; 
      background-image: url(kuvat/vihpallo.gif);
      background-repeat: no-repeat;
      background-position: 50% 50%;
      width: 100%;
      text-decoration: none;
			background-color: transparent; 
      color: #fff;
			font-family:ariel;
			font-size:80%;
			text-align:center;
   }
	div.sanahaku{
	     font-family: "Trebuchet MS", Arial, sans-serif;
			 color:#444;
			 font-weight: bold;
			 margin: 0.5em 0 0.2em 0;
	 }
	 p.eiosumaa{
	      font-family: "Trebuchet MS", Arial, sans-serif;
			 color:#444;
			 font-weight: bold;
			 font-size:100%;
          padding: 0.5em 0 0.5em 0;
	 }
form{
  padding: 0.1em 0 0.4em 0;
}
@media only screen and (max-width :1000px) and (min-width : 1px) {
    #oikealohko{
    position: relative;
     width:100%;
    margin:0.5em 0 0 0;

     }
   #valokuva{
    margin:0 0 0 0;
    padding:0 0 0 0;
    /*width: 40%;*/
   }


 }