html,body{
  background: #ebebeb;
  color: #333333;
  margin: 0px;
  padding: 0px;
  font-family: tahoma, arial, sans-serif;
  font-size: 9pt;
	height: 100%; /* needed for container min-height */  
}

.container{
	position: relative; /* needed for footer positioning*/
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
  background-image: url(kuvat/main_back.gif);
  background-repeat: repeat-y;
  background-position: top center;
}

.header{
  height: 194px;
  background-image: url(kuvat/header_back.gif);
  background-repeat: repeat-x;
  background-position: top center; 
  text-align: center;
  margin-bottom: 3px;
}

.linkki{
  width: 886px;
  height: 194px;
  margin: 0px auto;
}

.wrapper{
  background: #f3f3f3;
  width: 886px;
  min-width: 886px;
  margin: 0px auto;
  text-align: center;
}

.links{
  position: relative;
  left: 0px;
  top: 0px;
  text-align: left;
  background-image: url(kuvat/linkit.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  height: 130px;
}

.links span, .links a{
  margin:0;
  border:0;
  padding: 0;
}
.links ul{
  list-style: none;
  margin:0;
  padding: 0;
}

.links ul li{
  display: inline;
  float: left;
}

.link1 img{
  background-image: url(kuvat/link1.gif);
}

.link1 a:hover img{
  background-image: url(kuvat/link1on.gif);
  background-repeat: no-repeat;
  margin: 0;
  border: 0;
}

.link2 img{
  background-image: url(kuvat/link2.gif);
}

.link2 a:hover img{
  background-image: url(kuvat/link2on.gif);
  background-repeat: no-repeat;
  margin: 0;
  border: 0;
}

.link3 img{
  background-image: url(kuvat/link3.gif);
}

.link3 a:hover img{
  background-image: url(kuvat/link3on.gif);
  background-repeat: no-repeat;
  margin: 0;
  border: 0;
}

.link4 img{
  background-image: url(kuvat/link4.gif);
}

.link4 a:hover img{
  background-image: url(kuvat/link4on.gif);
  background-repeat: no-repeat;
  margin: 0;
  border: 0;
}

.main{
  text-align: center;
  #padding: 10px 0;
}

.main_bottom{
  clear: both;
  margin-bottom: 172px;
}

.teksti{
  width: 805px;
  padding-left: 45px;
  padding-top: 20px;
  text-align: left;
  float: left;
  letter-spacing: 0.5pt;
  line-height: 14pt;
}

.teksti_kapea{
  width: 475px;
  #width: 520px;  
  padding-left: 45px;
  padding-top: 20px;
  text-align: left;
  float: left;
  letter-spacing: 0.5pt;
  line-height: 14pt;
}

.kuvat{
  padding-top: 20px;
  padding-left: 5px;
  width: 295px;
  #width: 300px;
  text-align: left;
  float: right;
}

.kuvat img{
  margin: 2px 0px;
  border: solid #505050 1px;
}

h2{
  font-style: normal;
  font-size: 10pt;
  font-weight: bold;
  text-transform: none;
  padding-bottom: 12px;
}

h3{
  font-style: normal;
  font-size: 9pt;
  font-weight: bold;
  text-transform: none;
}

a{
  text-decoration: none;
  color: #F6C101;
}

a:hover{
 text-decoration: underline;
}

img{
  border: 0px;
}

.footer{
	position: absolute;
	/*#position:relative; /* ie6 fix */
	width: 100%;
	bottom:0; /* stick to bottom */
  background-image: url(kuvat/footer_back.gif);
  background-repeat: repeat-x;
  background-position: bottom center; 
  height: 172px;
  text-align: center;
}

/* FIX FOR SAFARI BROWSER! */
@media screen and (-webkit-min-device-pixel-ratio:0){
.footer {position:relative;}
}

.ks-footer{
  position:absolute;
  margin-left: -420px;
}

.facebook-footer{
	position:absolute;
	margin-left: -227px;
	margin-top: -8px;
}

.walfrid-logo{
  position:absolute;
  margin-left: 400px;  
}