body{
   background-image: none;
}
.uloin{
  max-width: 1200px;
	margin:0 auto 0 auto;
	border-right: 1px solid #ddd;
	border-left:1px solid #ddd;
}
.header{
		  
       height:250px;
			 width: 100%;
			 background-image: url('../taustat/asuryheaderi2.jpg');
			 background-repeat: no-repeat;
			 background-position: center;
			  background-color: #DFFFF0;
}
#logo{
      height:250px;
		   width: 90%;
       background-image: url('../taustat/asuryheaderiteksti2.png');
			 background-repeat: no-repeat;
			 background-position:right bottom;
			
	
}
#logo img{
  
}
.sisaltokorkeus{
   margin:0 0 0.3em 0;
  /*min-height:450px;*/
}
h4{
  margin:2em 0 0.6em 0;
  
color:#00662B;

}			
p.korostus{
  font-size: 110%;
}     
.current{
  background-color: #E7E7E7;
	/*color:#555555;*/
	
}
li.current a{
color:#EA3F34;
}
.valittu a{
 color:#EA3F34;
 /*text-decoration: underline;*/
}
.well{
margin:0 0 0.3em 0;
}
.well .oikeapalstakuva {
  width: 99%;
	margin:0 auto 0.3em auto;
	padding:0 0 0 0;
}
.well .oikeapalstakuva img {
  width: 100%;
}
.well ul{
  list-style:none;
	margin:0;
	padding:0;
}
.well ul li{
  
	padding:0 0 0.5em 0;
}
ul.oikea{
   list-style:none;
   float:right;
	 padding:1em 3em 0 0;
	 
}
ul.oikea li a{
 color:#555555;
}
ul.ei_markkeria{
   list-style:none;
	margin:0;
	padding:0 0 0 0;
}
ul.ei_markkeria li{
   
	padding:0 0 0.2em 0;
}
.vari{
 clear:both;
 padding-top:0.5em;
 
 clear: both;
 background-color: #333;
 color:#fff;
}
.facebook{
  width:100%; 
 margin:0 auto 0 auto;
 
}
.liitykuva{
  width:90%; 
  margin:0 auto 2em auto;
}
.kotiseutuliitto{
 width:50%; 
 margin:0 auto 2em auto;
}
.liitykuva img, .kotiseutuliitto img{
  width:100%;
}
.kelluvalohko{
  float:left;
	padding:0.2em
}
.kellunnanlopetus{
  clear:both;
}
/*aloite-sivut*/
#aloitesivu{
  width:40%;
	margin:0 auto 0 auto;
}
.selite{
display: block;
font-style:italic;
}
.loppudiv{
  margin:0 0 0.5em 0;
}
/*screen*/
@media only screen and (max-width : 1200px) and (min-width : 1px) {

 #aloitesivu{
  width:60%;
	margin:0 auto 0 auto;
}
} 
@media only screen and (max-width : 800px) and (min-width : 1px) {
.etusivu{
  display:none;
	}
  ul.oikea{
		 float:none;	 
         	 
	}
 #aloitesivu{
  width:90%;
	margin:0 auto 0 auto;
}
   img{
		    max-width: 100%		  		 }
          
}