html, body{
	margin:0;
	padding:0;
}

body 	{ background-color: #008542;
	  font-family: Verdana; 
	  font-size: 10px;
	  /*color: #00331a;*/
	  color: #666; }

h1, h2, h3, h4, h5, h6 { /*color: #00562b;*/ color: #444; }

a		{ text-decoration: none; }
a:link 		{ /*color: #00f;*/ color: #008542; }
a:visited	{ /*color: purple;*/ color: #008542; }
a:active	{ color: red; }
a:hover		{ /*color: #77f;*/ color: lime;
		  text-decoration: underline; }

div#header h1 a {
	height:26px;
	line-height:26px;
	width: 119px;
	margin: 0 0 48px 0;
	padding: 0 0 0 10px;
	color: #008542;
	font-size: 100%;
	display: block;
	text-indent: -9999px;
}

div#header h1 a 	{ background: url("../kuvat/logo.png") top left white no-repeat; 
			  overflow: hidden; }
div#header h1 a:link 	{ color: #008542; }
div#header h1 a:visited {}
div#header h1 a:hover 	{}
div#header h1 a:active 	{}

div#navigation ul li { padding: 0; margin: 0; }

div#navigation ul li a {
	width: 113px;
	height: 9px;
	display: block;
	text-indent: -9999px;
	margin-bottom: 11px;
	overflow: hidden;
}

div#navigation ul li a:link 	{ background-position: 0px 0px; }
div#navigation ul li a:visited 	{ background-position: 0px 0px; }
div#navigation ul li a:active 	{ background-position: 0px 0px; }
div#navigation ul li a:hover 	{ background-position: 0px 9px; }
div#navigation ul li a:link.selected, div#navigation ul li a:visited.selected {
	background-position: 0px 9px;
}


a#asuna		{ background-image: url("../kuvat/asunalinkki.jpg"); }
a#merkit	{ background-image: url("../kuvat/merkitlinkki.jpg"); }
a#otayhteytta	{ background-image: url("../kuvat/otayhteyttalinkki.jpg"); }
a#ystavat	{ background-image: url("../kuvat/ystavatlinkki.jpg"); }

.palkki {
	padding-top: 14px;
	margin-left: 0px;
	display: block;
	width: 119px;
	height: 7px;
	background: transparent top left no-repeat;
}

#keltainen.palkki 	{ background-image: url("../kuvat/palkki_keltainen.png"); }
#sininen.palkki 	{ background-image: url("../kuvat/palkki_sininen.png"); }
#tummansininen.palkki 	{ background-image: url("../kuvat/palkki_tummansininen.png"); }
#vihrea.palkki 		{ background-image: url("../kuvat/palkki_lyhyt_vihrea.png"); }

div#header{
	position:relative;
}

div#container{
	width: 629px;
	margin:0 auto;
	padding: 88px 68px 70px 68px; 
	text-align:left;
	background-color: white;
}

/* vihreä kokoleveä palkki */
div.greenbar {
	width: 629px;
	height: 18px;
	margin: 0;
	background-color: white;
	background-image: url("../kuvat/palkki_vihrea.png");
	background-repeat: no-repeat;
	clear: both;
}

/* ylempi ja alempi palkki */
.upper { background-position: top center;}
.lower { background-position: bottom center; }

div#uutiset h2 {
	background: url("../kuvat/uutiset.png") top left no-repeat;
	width: 119px;
	height: 7px;
	display: block;
	text-indent: -9999px;
	margin-left: 3px;
	margin-top: 0;
	overflow: hidden;
}

div#uutiset p {
	padding-left: 9px;
	padding-right: 9px;
}

div#uutiset p:first-line {
	font-weight: bold;
	font-size: 10px;
}

div#uutiset p.nobolding:first-line {
	font-weight: normal; font-size: inherit;
}

div#wrapper{ float:left; width:100%; }

div#content		{ margin: 0 0 0 127px; 
			  /*overflow: auto;*/ }

div#content h2 		{ margin-top: 0; /*display: none;*/ font-size: 11px;}
div#content h3, p, ul	{ margin-top: 0; font-size: 10px; }
div#content ul 		{ list-style-type: none; padding-left: 0; }
div#content p, ul li	{ line-height: 15px; }
div#content dl dt	{ margin-bottom: 3px; }
div#content dl dd	{ margin-bottom: 10px; }

span.huomio { color: red; }

#palaute input, #palaute textarea 	{ font-size: 10px; 
					  font-family: Verdana; 
					  width: 98%; 
					  border: 1px solid black;
					  margin: 5px 0;}
#palaute input#submit			{ width: auto; }
#palaute div#subdiv			{ text-align: right; }

div#navigation{
	float:left;
	width:119px;
	margin-left:-629px;
	background: white;
}

div#navigation h2#navigointi { display: none; }

div#navigation ul {
	padding-left: 0;
	list-style-type: none;
	margin: 0 0 0 0;
}


div#extra{
	float:left;
	width: 242px;
	margin-left:-248px;
}

div#extra, div#content{
	background: white;
	width: 242px;
	height: 352px;
}

/*div#footer{
	clear:left;
	width:100%;
}*/