/* RUNKO */
div.runko{
	width: 820px;
	height: 100%
}
div.navigointi{
	width: 150px;
	float: left;
	margin: 155px 0px 10px 0px;
}
div.otsikko{
	width: 650px;
	height: 125px;
	float: right;
	background: url("images/top.jpg");
	border-bottom: 1px white;
	margin: 20px 0px 10px 0px;
}
div.sisalto{
	width: 650px;
	float: right;
	min-height: 400px;
	margin:0px;
	padding: 0px;
	background: #ddd;
	vertical-align: top;
	text-align: justify;
	margin: 0px 0px 0px 0px;
}
div.alapalkki{
 	width: 650px; 
 	height: 20px; 
	float: right;
 	background: #000000; 
 	vertical-align: middle; 
 	text-align: center;
	clear: both; 
	padding: 5px 5px 5px 5px;
}




/* Peruselementit */
#sisallys		{padding: 0px 60px 20px 40px;}
body			{background-color: #000000;}
p			{margin: 0px 0px 10px 0px; font-family: tahoma; font-size: 10pt; color: #000000}
h1			{font-family: tahoma; font-size: 14pt; color: #000000; border-bottom: 1px dotted #555555; padding-top: 20px; margin-top: 20px;}
h2			{margin: 20px 0px 10px 0px; font-family: tahoma; font-size: 11pt; color: #000000; font-weight: bold;}
img			{border: 1px solid black; margin-left: 5px}
ul			{color: #000000; text-align: left; font-family: tahoma; font-size: 10pt; padding-top: 5px; list-style-image: url("images/dot.png")}
li			{margin-bottom: 5px;}
a			{text-decoration: none; color:#000000; font-weight: bold; font-size: 11pt;}
a:hover		{text-decoration: underline; color:#000000; font-weight: bold;}
a:visited		{color:#000000; font-weight: bold;}



/* Alapalkki */
div.alapalkki p		{font-family: tahoma; font-size: 8pt; text-align: center; color:#FFFFFF}

/* menu */

	div.navigointi ul {
		font-family: tahoma; 
		font-size: 11pt;
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 0;
		list-style: none;	
		text align: right;
		width: 10em;
		height: 1em;
	}
	div.navigointi ul li a, .navigointi li a:visited, .navigointi li a:active {
		display: block;
		width: 100%;
		height: 1em;
		margin: 0 1px 0 0;
		padding: 6px 6px;
		font-size: 100%;
		text-decoration: none;
		color: white;		
	}
	
	div.navigointi li a:hover {
		display: block;
		background: #FFFFFF;
		color: #B00;
	}
	
	div.navigointi li.active {
		display: block;
		width: 100%;

		margin: 0;
		padding: 6px 6px;
		font-size: 100%;
		text-decoration: none;
		color: #333;
		background: #FFFFFF;	
	}

#navigointi2 {
float:left; 
width:650px; 
background:#ddd 
}
#navigointi2 ul{
	margin:5px 5px 5px 5px; 
	padding:0px 0px 0px 0px; 
	list-style:none;
}
#navigointi2 li{
	font-size: 11pt;
}
#navigointi2 a{
	float: left; 
	margin: 5px 0px 20px 10px;
}
#navigointi2 a span{
	display:block;
	background: #ddd; 
	padding: 5px 5px 5px 5px; 
	color:#000000;
	text-decoration:underline;
}
#navigointi2 a:hover span 	{
	display:block;
	background: #000000; 
	padding:5px 5px 5px 5px; 
	color: #B00;
	text-decoration: underline;
	font-weight: bold;}