
img, div { behavior: url(iepngfix/iepngfix.htc) }
div img{ behavior: url(iepngfix/iepngfix.htc) }
html 
{
  	width: 100%;
  	height: 100%;
}

body
{
	text-align:center;
}
img{border:0px; text-decoration:none;}
.ylaosa
{
	border:0; 
	padding:0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.logo
{	

	background-image: url(sunsivut.png);
	background-repeat: no-repeat;
	width:475px; 
	height:90px; 
	margin:auto;
	padding-bottom:20px;
}
.alaosa
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:840px;
	height:40px;
	padding-top:20px;
}
.alaosa_sis
{	

	background-image: url(tausta3apu.png);
	background-repeat: no-repeat;
	margin:auto;
	width:840px;
	height:40px;
	text-align:center;
	padding-top:2px;
	padding-left:2px;
}
.keskiosa
{
	width:840px; 
	height:520px; 
	margin:auto;
	text-align:left;
	padding:0;
	z-index:100;
}
.teksti{padding:10px; color:#ffffff;}
.taustakuva
{
	background-image: url(tausta10.png);
	background-repeat: no-repeat; 
	width:840px; 
	height:520px; 
	position:relative;
	top:0px;
	left:0px;
	
}
.table1
{
	position:relative;
	top:0px;
	left:0px;
	width:150px;
	height:500px;
	border:0px solid white;
}
.table1_tausta
{
	background-image: url(table1apu.png);
	background-repeat: no-repeat;
	position:relative;
	top:10px;
	left:10px;
	width:150px;
	height:500px;
}
.napit
{	z-index:100;
	padding:20px;
}
a:link {text-decoration: none; border:0px; color:#ffffff;}
a:visited {text-decoration: none; border:0px; color:#ffffff;}
a:active {text-decoration: underline; border:0px; color:#ffffff;}
a:hover {text-decoration: underline; border:0px; color:#ffffff;} 
.table2
{
	position:absolute;
	top:0px;
	left:160px;
	width:500px;
	height:500px;
	padding:0;
}
.table2_tausta
{
	background-image: url(tausta2apu.png);
	background-repeat: no-repeat;
	position:relative;
	top:0px;
	left:0px;
	width:500px;
	height:500px;
	
}
.table2_tausta img
{
	position:relative;
	top:2px;
	left:2px;
	width:496px;
	height:496px;
}
.table3
{
	position:absolute;
	top:0px;
	left:510px;
	width:150px;
	height:500px;
	border:0px solid white;
	padding:0px;
	color:#ffffff;
}
.table3_tausta
{
	background-image: url(table1apu.png);
	background-repeat: no-repeat;
	position:relative;
	top:0px;
	left:0px;
	width:150px;
	height:500px;
}

.sisalto2
{
	padding:20px;
	position:relative;
	top:0px;
	left:0px;
	color:#ffffff;
}
