body
{
padding: 0;
margin: 0;
font-family: "trebuchet ms",trebuchet,sans-serif;
text-align: center;	/* IE vaatii tämän keskittyäkseen */	
background-color: #dcdcdc; 
background-image: url("ylareuna.gif");
background-repeat: repeat-x;
}

#mainwrap
{
margin: 15px auto 0 auto;
padding: 0;
width: 800px;
text-align: left;
background-image: url("tausta1.gif"); 
background-color: #fff;
}

#supermainos
{
margin: 0;
padding: 46px 0 4px 16px;
height: 127px;
background-image: url("logo.jpg"); 
}

#supermainos p
{
margin: 0;
padding: 3px;
width: 432px;
font-size: 13px;
color: #A3C0DF;
line-height: 15px;
font-weight: bold;
background-color: #fff;
}

#vihrea
{
margin: 0 0 0 0;
padding: 0;
width: 634px;
background-image: url("tausta2.gif");
background-color: #fff;
float: left;
}

#vihrea img.iso
{
margin: 15px 15px 15px 30px;
padding: 0;
}

#vihrea p.paa
{
margin: 11px 15px 15px 0;
color: #000;
font-size: 10pt;
}

div.pvihrea h2
{
margin: 0 0 0 30px;
padding: 0;
color: #fff;
font-size: 20pt;
}

#vihrea h2.paa
{
margin: 10px 0 0 30px;
padding: 0;
color: #000;
font-size: 20pt;
}

#menu
{
margin: 0;
padding: 0;
/*background-image: url("menutausta.gif");*/
width: 166px;
/*height: 542px;*/
float: right;
}

#menu a
{
font-size: 9pt;
}

#menu a:hover
{
text-decoration: underline;
}

#menu a.here
{
font-size: 11pt;
color: #fff;
}

#menu a.here2
{
font-size: 10pt;
color: #fff;
}

#menu a.sivukartta
{
margin: 0 0 0 15pt;
font-size: 9pt;
color: #fff;
text-decoration: none;
}

#menu b.white
{
color: #fff;
font-size: 11pt;
font-weight: bold;
}	

#menu a.white
{
color: #fff;
font-size: 11pt;
font-weight: bold;
}

#menu b.white2
{
color: #fff;
font-size: 12pt;
font-weight: bold;
}	

#menu a.white2
{
color: #fff;
font-size: 12pt;
font-weight: bold;
}

#menu img.banneri
{
margin: 64px 0 0 8px;
padding: 0;
}

#menu object
{
margin: 2px 0 0 8px;
padding: 0;
}

#oranssi
{
margin: 15px 0 0 0;
padding: 0;
width: 634px;
background-image: url("tausta3.gif");
background-color: #fff;
float: left;
}

#oranssi img.iso
{
margin: 15px 15px 15px 30px;
padding: 0;
}

#oranssi h2.paa
{
margin: 10px 0 0 30px;
padding: 0;
color: #000;
font-size: 20pt;
}

img.anfang
{
margin: 15px 4px 0 0;
padding: 0;
}

#oranssi p.paa
{
margin: 11px 15px 15px 0;
color: #000;
font-size: 10pt;
}

div.pvihrea
{
margin: -5px 0 0 0;
padding: 0;
background-image: url("pvihrea.gif");
background-repeat: no-repeat;
width: 634px;
float: left;
}

div.toranssi
{
margin: 15px 0 0 0;
padding: 0;
background-image: url("tausta3.gif");
width: 634px;
float: left;
}

div.toranssi h4
{
margin: 0 0 0 30px;
padding: 0;
font-size: 12pt;
}

div.toranssi p
{
margin: 0 0 5px 0;
padding: 0 30px 0 30px;
font-size: 10pt;
}

div.toranssi img
{
margin: 5px 10px 10px 5px;
float: left;
border: 1px #000 solid;
}

div.toranssi li
{
margin: 0 0 0 15px;
}

img.info
{
margin: 5px 10px 10px 5px;
background-color: #7DA2C9;
border: 0;
}

div.tvihrea
{
margin: 15px 0 0 0;
padding: 0;
background-image: url("tausta2.gif");
width: 634px;
float: left;
}

div.tvihrea h4
{
margin: 0 0 0 30px;
padding: 0;
font-size: 12pt;
}

div.tvihrea p
{
margin: 0 0 5px 0;
padding: 0 30px 0 30px;
font-size: 10pt;
}

div.tvihrea pre
{
margin: 0 0 5px 0;
padding: 0 30px 0 30px;
font-size: 8pt;
}

div.tvihrea p.hlo,div.toranssi p.hlo
{
margin: 0 0 5px 215px;
}

div.tvihrea img
{
margin: 5px 10px 10px 5px;
float: left;
border: 1px #000 solid;
}

div.tvihrea img.formpic
{
margin: 5px 0 3px 0;
padding: 0;
border: none;
}

div.tahti
{
margin: 15px 0 0 0;
padding: 0;
background-image: url("tausta4.gif");
width: 634px;
float: left;
}

div.tahti p
{
margin: 0 0 5px 0;
padding: 0 30px 0 30px;
font-size: 10pt;
}

div.tahti h4
{
margin: 0 0 0 30px;
padding: 0;
font-size: 12pt;
}

div.tyhja
{
margin: 15px 0 0 0;
padding: 0;
background-color: #fff;
width: 634px;
float: left;
}

div.tyhja p
{
margin: 0 0 5px 0;
padding: 0 30px 0 30px;
font-size: 10pt;
}

img.paakuva
{
margin: 0;
padding: 0;
border-top: solid 14px #fff;
border-left: solid 14px #fff;
}

#alaosa
{
margin: 0;
padding: 15px 0 0 0;
width: 800px;
height: 145px;
background-image: url("tausta1.gif");
clear: both;
}

#alaosa p
{
margin: 0 0 0 15px;
padding: 0;
font-size: 12px;
}

/*
 * PureDOMExplorer Demo styles 
 * written by Chris Heilmann 
 * More at http://onlinetools.org/tools/puredom/
 */
	
	ul.pde a:link,
	ul.pde a:visited,
	ul.pde a:hover,
	ul.pde a:active{
		text-decoration:none;
		color:#000;
	}
	ul.pde,ul.pde li{
		margin:0;
		padding:0;
		list-style:none;
	}
	ul.pde{
		text-align:left;
		font-size: 11pt;
		margin: 15px 0 0 5px;
		width: 150px;
	}
	ul.pde ul{
		margin:0 0 0 1em;
		padding:0;
	}
	ul.pde li{
		line-height: 12pt;
		padding:.2em 0;
		margin:0;
	}

	/* dynamically added to LIs with nested ULs */
	ul.pde li.parent{
		padding-left:0;
	}
	ul.pde li.parent img{
		border:none;
		padding-right:5px;
	}
/* dynamically added to LIs with nested ULs and STRONG elements in them */
	ul.pde li.current li{
		padding-left:0;
	}
/* The class to hide nested ULs */
       .hide{
               position:absolute;
               top:0;
               left:-4000px;
       }

/* The class to show nested ULs */
       .show{
               position:static;
               display: table;
               top:0;
               left:1em;
       }