body{
   background-color: #fff;
	color:#000;
   margin:0;
   padding:0;
}
map {
    display: inline;
}
#uloin{
   position:relative;
   max-width:645px;
   width:100%;
/*   width:35.5em;*/
   margin:0 auto 0 auto; 
  /*border: 1px solid #5B4023;*/
  border-bottom: 0;
  border-top: 0;
  /*background-color: #F6F1DE;*/
}
.palkki{
   clear: both;
 /*  background-color: #5B4023;
   background-color: #850404;
   background-color: #990022;*/
   /*background-image: url(taustat/viivaosa.gif);
   background-repeat: repeat-x; 
   overflow: hidden;*/
   color: #004801;
   padding: 0.2em 0 0.2em 0.5em;
   margin: 0 0 0 0; 
   width:90%;
}


.palkki ul{
   list-style: none;
   margin: 0 auto 0 auto; 
	  width:100%;
   padding:0 0 0 0;
}
.palkki ul li {
    display:inline;
   padding:0;
   font-size: 80%;
   font-family: Arial, Helvetica, sans-serif;
	 text-align: left;

}
.palkki ul li a{
 color: #004801;
}
.palkki ul li a:hover{
  color: #F20000;
}

#haulitorni{
   width:95px;
  float:left;
   padding:0 0 0 5px;
   margin:0;
   
   
}
#info{
   width: 80px;
  /* float: right;*/
  position: absolute;
  left: 28em;
    margin:2.0em 0 0 0;
    padding:0 5px 0 0;
    
}
#portaat{
   width:534px;
   padding:0 0 0 0;
   margin:0 0 0 100px;
  /* border: 1px solid #5B4023;*/
}
#portaat img,#haulitorni img,#info img{
   border: 0;
}
#portaatotsikko{
   margin:0 0 2.5em 0
  /* width:450px;*/
}
#porraslinkit{
   /* width:450px;*/
   width:80%;
}
#porraslinkit img{
  width:100%;
}
 a:link, a:visited, a:hover{
font-family: Arial, Helvetica, sans-serif;

font-weight: normal;
text-decoration: none;
}
a:link{
   color: #004801;
}

a:visited{
color: #EE82EE;
}
a:link:hover{
color: #004801;
}
.paivitys{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 70%;
	padding: 2.0em 0.5em 0.2em 0.2em;
}
@media only screen and (max-width : 500px) and (min-width : 1px) {
#porraslinkit{
  width:80%;
}
#haulitorni{
  display:none;
  clear:both;
 }
#portaat{
   margin:0 0 0 1px;

}
}