body,td,th {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:12px;
	letter-spacing: 0.08em;	

}





.runko {

	margin-left:auto;

	margin-right:auto;

	width:800px;

	height:auto;

	background-image:url(theme/tarina.jpg);

	display:compact;



}

.runko a {
	color:#666;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	font-weight: bolder; 
}



#navigation {
background-color:#333;
}



#navigation td {
	border-bottom: 1px solid #000;
	}
	
#navigation a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#CCC;
	line-height:16px;
	letter-spacing:.2em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 20px;
	}
	
#navigation a:hover {
	background:#CCC;
	color:#000;

	}

.navText {
	font: 11px Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}

.tarina {

	width:500px;

	margin:20px;

	margin-top:0px;

	display:block;

	font-size:10px;

	float:right;

	z-index:1;

}



.tarina h2 {

	color:#666;

	margin-left:20px;

}



.pikkuvalikot {

	margin:10px;
	margin-left:25px;

	margin-top:35px;

	width:220px;

	float:left;

}





.show {

	display:block;

}

.showaway {

	display:none;

}





.pikkuvalikko {

	background-image:url(theme/sivu.jpg);

	background-repeat:no-repeat;

	height:auto;

	min-height:200px;

	padding:5px;

	color:#000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	display: block;

	overflow: visible;

	visibility: inherit;

}

.pikkuvalikko th {
    background-color: #666;
	color:#CCC;
	text-align:left;
}

.pikkuvalikko a{

	font: bold 11px Arial, Helvetica, sans-serif;

	color:#666;

	line-height:16px;

	text-decoration: none;

}



.pikkuvalikko #ryhma a{

	font: bold 11px Arial, Helvetica, sans-serif;

	color:#333;

	line-height:16px;

	letter-spacing:.1em;

	text-decoration: none;

}



.pikkuvalikko a:visited{

	color:#999;

}





.footer {

	margin-left:auto;

	margin-right:auto;

	width:800px;

	height:158px;

	background-image:url(theme/alaosa.jpg);
	background-repeat:no-repeat;

}



#nosto p {

	font-size: large;

	font-weight: bold;

	text-decoration: underline;

}



#nosto a {

	color:#666;



}



.karttavalikko {

	background-repeat:no-repeat;

	height:auto;

	min-height:200px;

	width:450px;

	padding:20px;

	color:#000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	display: block;

	overflow: visible;

	visibility: inherit;

	letter-spacing: 0.08em;	

}



.pikkuvalikko a{

	font: bold 11px Arial, Helvetica, sans-serif;

	color:#666;

	line-height:16px;

	text-decoration: none;

}

<!--
#apDiv1 {
	position:absolute;
	top:100px;
	left:100px;
	width:480px;
	height:400px;
	visibility:hidden;
	z-index:1;
	display: block;
	overflow: hidden;
}

#apDiv2 {
	position:absolute;
	top:100px;
	left:100px;
	width:200px;
	height:300px;
	visibility:hidden;
	z-index:1;
	display: block;
	overflow: hidden;
	background-color:#FFF;
	border: medium solid #666;
}