html, body {
	margin: 0;
	padding: 0;
	height:100%; /* needed for container min-height */
	background: #BA122B url('/templates/pks_2008/img/bg_body.jpg') repeat-x;
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #676767;
}
a:link, a:visited {
	color: #bf162f;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
ul li a:link, a:visited {
	color: #bf162f;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
ul li a:hover, a:active {
	text-decoration: underline;
}
div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:995px;
	background:#FFFFFF;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}
div#container {
	color: #676767;
}
div#container H3 {
	font-size: 24px;
	color: #bf162f;
	font-weight: normal;
}

span.intro {
	font-size: 11px;
	color: #676767;
	font-weight: bold;
}

#develop_actionform {
	color: #676767;
}
#develop_actionform a {
	font-size: 11px;
	color: #676767;
	text-decoration: none;
}
#develop_actionform a:hover {
	text-decoration: underline;
}


div#content {
	clear: both;
	padding:0 0 180px; /* bottom padding for footer */
}
div#container div#content .murupolku {
	clear: both;
	padding: 15px 0 5px 0;
	color: #676767;
	font-weight: normal;
	font-size: 10px;
}
div#container div#content .murupolku a.muru:link, a.muru:visited {
	color: #bf162f;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
}
div#container div#content .murupolku a.muru:hover, a.muru:active {
	text-decoration: underline;
}
div#content table {
	background-color: #FFFFFF;
}
div#content ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 15px;
}
div#content ul li {
	background: #FFFFFF url('/templates/pks_2008/img/bullet.png') no-repeat;
	background-position: 0 0;
	color: #676767;
	padding-left: 15px;
}

div#content .content_wrap {
	clear: both;
	width: 100%;
	height: 373px;
	background-color: teal;
}
	div#content .content_wrap .empty10 {
		float: left;
		width: 10px;
	}
	div#content .content_wrap .banneri {
		float: left;
		width: 250px;
	}
div#content .viiva {
	clear: both;
	height: 1px;
	background-color: #e3e5e4;
	margin: 0 0 6px 0;
	_margin: -6px 0 2px 0;
	padding: 0;
}
div#content div.taso1 {
			display: block;
			color: #002555;
			line-height: 19px;
			margin: -4px 0 6px 0;
			height:20px;
			/*border-bottom: 1px solid #e3e5e4;*/
		}
		div#content div.taso1 a.tasoa:link, a.tasoa:visited {
			padding-left: 0;
			color: #666d70;
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
		}
		div#content div.taso1 a.tasoa:hover, a.tasoa:active {
			color: #990025;
		}
		div#content div.taso1 a.tasoa_active:link, a.tasoa_active:visited, a.tasoa_active:hover, a.tasoa_active:active {
			padding-left: 0;
			color: #990025;
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
		}
			div#content div.taso2 {
				background: none;
				line-height: 19px;
				margin: -4px 0 6px 0;
				/*border-bottom: 1px solid #e3e5e4;*/
			}
			div#content div.taso2 a.tasob:link, a.tasob:visited {
				color: #666d70;
				font-size: 11px;
				font-weight: normal;
				text-decoration: none;
			}
			div#content div.taso2 a.tasob:hover, a.tasob:active {
				color: #990025;
			}
			div#content div.taso2 a.tasob_active:link, a.tasob_active:visited, a.tasob_active:hover, a.tasob_active:active {
				color: #990025;
				font-size: 11px;
				font-weight: bold;
				text-decoration: none;
			}
				div#content div.taso3 {
					background: none;
					line-height: 19px;
					margin: -4px 0 6px 0;
					/*border-bottom: 1px solid #e3e5e4;*/
				}
				div#content div.taso3 a.tasoc:link, a.tasoc:visited {
					color: #666d70;
					font-size: 11px;
					font-weight: normal;
					text-decoration: none;
				}
				div#content div.taso3 a.tasoc:hover, a.tasoc:active {
					color: #990025;
				}
				div#content div.taso3 a.tasoc_active:link, a.tasoc_active:visited, a.tasoc_active:hover, a.tasoc_active:active {
					color: #990025;
					font-size: 11px;
					font-weight: bold;
					text-decoration: none;
				}
				div#content div.taso4 {
					background: none;
					line-height: 19px;
					margin: -4px 0 6px 0;
					/*border-bottom: 1px solid #e3e5e4;*/
				}
				div#content div.taso4 a.tasod:link, a.tasod:visited {
					color: #666d70;
					font-size: 11px;
					font-weight: normal;
					text-decoration: none;
					line-height: 14px;
				}
				div#content div.taso4 a.tasod:hover, a.tasod:active {
					color: #990025;
				}
				div#content div.taso4 a.tasod_active:link, a.tasod_active:visited, a.tasod_active:hover, a.tasod_active:active {
					color: #990025;
					font-size: 11px;
					font-weight: normal;
					text-decoration: none;
				}
div#content .banneri_wrap {
	clear: both;
	width: 100%;
	height: 105px;
}
	div#content .banneri_wrap .bannerit {
		float: left;
		width: 750px;
	}
	div#content .banneri_wrap .bannerit .viiva {
		clear: both;
		margin: 0 15px 0 15px;
		background: #BA122B url('/templates/pks_2008/img/bg_viiva.gif') repeat-x;
	}
	div#content .banneri_wrap .bannerit .banskut {
		clear: both;
		width: 100%;
	}
		div#content .banneri_wrap .bannerit .banskut .pikkubanneri {
			float: left;
			width: 250px;
			height: 66px;
		}
#wrapper_control {
	clear: both;
	width: 100%;
}
#wrapper_control #control1 {
	color: #676767;
	/*background-color: #EEEEEE;
	border: 2px #CCCCCC solid;
	margin: 0;
	padding: 4px;*/
}
	#wrapper_control #control1 a:link, a:visited {
		font-size: 11px;
		color: #000000;
		text-decoration: none;
	}
	#wrapper_control #control1 a:hover, a:active {
		color: #000000;
		text-decoration: underline;
	}
	#wrapper_control #control2 a {
		font-size: 11px;
		color: #000000;
		font-weight: normal;
		text-decoration: none;
	}
	#wrapper_control #control2 a:hover {
		text-decoration: underline;
	}
div#footer {
	position:absolute;
	width:100%;
	height: 174px;
	bottom:0; /* stick to bottom */
	background: #FFFFFF url('/templates/pks_2008/img/bg_footer_content.jpg') repeat-x;
}
	div#footer .sitemap {
		clear: both;
		width: 100%;
		height: 150px;
	}
		div#footer .sitemap #logo_ala {
			float: left;
			width: 115px;
			height: 150px;
		}
		div#footer .sitemap .sitemap_content {
			float: left;
			width: 166px;
			height: 110px;
			padding: 40px 0 0 0;
		}
		div#footer .sitemap .sitemap_content a.footer:link, a.footer:visited {
			font-size: 11px;
			font-weight: bold;
			color: #676767;
			text-decoration: none;
		}
		div#footer .sitemap .sitemap_content a.alataso:link, a.alataso:visited {
			font-size: 11px;
			font-weight: normal;
			color: #676767;
			text-decoration: none;
		}
		div#footer .sitemap .sitemap_content a.alataso:hover, a.alataso:active {
			color: #8f8f8f;
		}
	div#footer .bottom {
		clear: both;
		width: 100%;
		height: 24px;
	}
	div#footer .bottom #bottomTxt {
		padding: 5px 0 0 235px;
		color: #676767;
		font-size: 10px;
		font-weight: bold;
	}
	div#footer .bottom #bottomTxt a.bottom:link, a.bottom:visited {
		color: #676767;
		text-decoration: none;
	}
	div#footer .bottom #bottomTxt a.bottom:hover, a.bottom:active {
		color: #676767;
		text-decoration: underline;
	}
div#container #header {
	height: 70px;
	/*background-color: #C0162F;*/
	background: #C0162F url('/templates/pks_2008/img/bg_top_contentright.jpg') no-repeat;
	background-position: right;
	color: #FFFFFF;
}
	div#container #header #logo_top {
		float: left;
		width: 70px;
	}
	div#container #header #navi_wrap {
		float: left;
		width: 910px;
		height: 70px;
	}
	div#container #header #navi_wrap #apunavi {
		clear: both;
		width: 910px;
		height: 37px;
		background-color: #C0162F;
		text-align: right;
	}
		div#container #header #navi_wrap #apunavi #search {
			clear: both;
			padding: 10px 5px 0 0;
			text-align: right;
			font-size: 10px;
		}
		div#container #header #navi_wrap #apunavi #search input {
			font-size: 10px;
		}
		div#container #header #navi_wrap #apunavi #search a.apunavi:link, a.apunavi:visited {
			color: #FFFFFF;
			font-size: 10px;
			font-weight: normal;
			text-decoration: none;
		}
		div#container #header #navi_wrap #apunavi #search a.apunavi:hover, a.apunavi:active {
			color: #f09512;
		}
	div#container #header #navi_wrap #mainNavi {
		clear: both;
		width: 910px;
		height: 34px;
	}
	div#container #header #navi_wrap #mainNaviLeft {
		float: left;
		width: 20px;
	}
	div#container #header #navi_wrap #mainNaviCenter {
		float: left;
		width: 850px;
		height: 33px;
		background: #BA122B url('/templates/pks_2008/img/bg_top_content.jpg') repeat-x;
	}
	div#container #header #navi_wrap #mainNaviCenter #mainNaviTxt {
		padding: 4px 0 0 0;
	}
	div#container #header #navi_wrap #mainNaviCenter #mainNaviTxt a.content:link, a.content:visited {
			color: #FFFFFF;
			font-size: 10px;
			font-weight: bold;
			text-decoration: none;
		}
		div#container #header #navi_wrap #mainNaviCenter #mainNaviTxt a.content:hover, a.content:active {
			color: #f09512;
		}
		div#container #header #navi_wrap #mainNaviCenter #mainNaviTxt a.active {
			color: #f09512;
			font-size: 10px;
			font-weight: bold;
			text-decoration: none;
		}
	div#container #header #navi_wrap #mainNaviRight {
		float: left;
		width: 40px;
	}
/* COLLAPSE PANEL TYYLIT ALKAA */
dl { width: 235px; }
	dl,dd { margin: 0; }
	dt.suosituimmat { background: url(/templates/pks_2008/img/right_suosituimmat_ots.jpg) no-repeat; height: 28px; }
	dt.ajankohtaista { background: url(/templates/pks_2008/img/right_kts_nama_ots.jpg) no-repeat; height: 28px; }
	dt a { color: #bf162f; }
	dd a:link, a:visited { color: #bf162f; margin-left: 0; text-decoration: none; }
	dd a:hover, a:active { text-decoration: underline; }
	dd p {padding: 0; margin: 0;}

dl dt.suosituimmat a.ots {
	width: 240px;
	height: 28px;
	text-decoration: none;
}
dl dt dd ul li.ajankohtaista a.ots {
	width: 240px;
	height: 28px;
	text-decoration: none;
}
dl dt dd ul li a:link, a:visited {
	color: #bf162f;
	font-weight: bold;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
}
dl dt dd ul li a:hover, a:active {
	text-decoration: underline;
}
#ajankohtaistabox {
	margin-left: 15px;
	*margin-left: -25px;
}
#ajankohtaistabox a:link, a:visited {
	color: #bf162f;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}
#ajankohtaistabox a:hover, a:active {
	text-decoration: underline;
}
a.suosituimmat:link, a.suosituimmat:visited {
	color: #bf162f;
	font-weight: bold;
	font-size: 11px;
	line-height: 16px;
	margin-left: 15px;
	*margin-left: -25px;
	text-decoration: none;
}
a.suosituimmat:hover, a.suosituimmat:active {
	text-decoration: underline;
}


.message_list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 240px;
}
.message_list li.suosituimmat {
	padding: 0;
	margin: 0;
	background: url(/templates/pks_2008/img/right_suosituimmat_ots.jpg) no-repeat;
}
.message_list li.kts_nama {
	padding: 0;
	margin: 0;
	background: url(/templates/pks_2008/img/right_kts_nama_ots.jpg) no-repeat;
}
.message_list li.palvelee {
	padding: 0;
	margin: 0;
	background: url(/templates/pks_2008/img/right_palvelee_ots.jpg) no-repeat;
}
.message_head {
	padding: 8px 10px;
	cursor: pointer;
	position: relative;
}
.message_body {
	padding: 10px 10px 15px;
}
	.message_body .red {
		font-size: 10px;
		font-weight: bold;
		color: #bf162f;
	}
	.message_body a:link, a:visited {
		color: #bf162f;
		font-weight: bold;
		font-size: 11px;
		text-decoration: none;
	}
	.message_body a:hover, a:active {
		text-decoration: underline;
	}
.collapse_buttons {
	text-align: right;
	border-top: solid 1px #e4e4e4;
	padding: 5px 0;
	width: 200px;
}
.collapse_buttons a {
	margin-left: 0;
	float: right;
}
.show_all_message {
	background: url(images/tall-down-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.show_recent_only {
	display: none;
	background: url(images/tall-up-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.collpase_all_message {
	background: url(images/collapse-all.gif) no-repeat right center;
	padding-right: 12px;
	color: #666666;
}
/* COLLAPSE PANEL TYYLIT LOPPUU */

/* UUTISPALSTAN TYYLIT ALKAA */

/*table.box {
	border: 1px #CCCCCC solid;
}
.fullrow {
}

span.linktext {
	font-size: 11px;
	font-weight: bold;
}
span tr.fullrow td.content a {
	font-size: 11px;
	font-weight: bold;
}
*/
/* UUTISPALSTAN TYYLIT LOPPUU */

/* KELLUVAA PALKKIA VARTEN */
iframe {
	height: 75px;
}

iframe#pg_text___Frame {
	height: 880px;
}
/*.fck_xToolbar {
	border: 3px lime solid;
}*/
#xToolbar {
	height: 75px;
}
iframe#column1___Frame {
	height: 400px;
}
iframe#column2___Frame {
	height: 400px;
}
/* KELLUVAA PALKKIA VARTEN */

div#content div.hakutulos {
	width: 500px;
	height: 26px;
	background: #FFFFFF url(/templates/pks_2008/img/bg_hakutulos.jpg) no-repeat;
	padding: 0 0 5px 0;
}
	div#content div.hakutulos div.hakuTxt {
		padding: 7px 0 0 20px;
		font-weight: bold;
		font-size: 10px;
		color: #730011;
	}
/* laskupohja imagemap */

#laskupohja {
	background-image: url(/templates/pks_2008/img/arviolasku1.jpg);
	width:620px;
	height:880px;
	position:relative;
	clear:both;
}

#laskupohja2 {
	background-image: url(/templates/pks_2008/img/arviolasku2.jpg);
	width:620px;
	height:500px;
	position:relative;
	clear:both;
}
	
#laskupohja3 {
	background-image: url(/templates/pks_2008/img/tasauslasku1.jpg);
	width:620px;
	height:850px;
	position:relative;
	clear:both;
}

#laskupohja4 {
	background-image: url(/templates/pks_2008/img/tasauslasku2.jpg);
	width:620px;
	height:840px;
	position:relative;
	clear:both;
}

#laskupohja5 {
	background-image: url(/templates/pks_2008/img/tasauslasku3.jpg);
	width:620px;
	height:700px;
	position:relative;
	clear:both;
}

/*#laskupohja span.link, #laskupohja2 span.link {position: relative;}*/
		
#laskupohja a span, #laskupohja2 a span, #laskupohja3 a span, #laskupohja4 a span, #laskupohja5 a span { display: none; font-weight: normal; }
#laskupohja a:hover span, #laskupohja2 a:hover span, #laskupohja3 a:hover span, #laskupohja4 a:hover span, #laskupohja5 a:hover span { display: none; font-weight: normal; }
		
/*#laskupohja a:hover, #laskupohja2 a:hover { font-size: 99%; text-decoration:none; }*/
		
#laskupohja a span, #laskupohja2 a span, #laskupohja3 a span, #laskupohja4 a span, #laskupohja5 a span {
	display: none;
	position: absolute;
	background-image: url(/templates/pks_2008/img/icon_close.gif);
	background-position : top right;
	background-repeat : no-repeat;
	margin-top: 20px;
	margin-left: 20px;
	padding: 5px;
	z-index: 100;
	border:1px solid #CF1043;
	text-decoration:none;
	background-color:#ffffff;
	color:#000000;
	cursor : pointer;
	padding-right:50px;
}
		
#laskupohja a span.show, #laskupohja2 a span.show, #laskupohja3 a span.show, #laskupohja4 a span.show, #laskupohja5 a span.show {
	display: block;
}
	
#laskupohja a:hover span.show, #laskupohja2 a:hover span.show, #laskupohja3 a:hover span.show, #laskupohja4 a:hover span.show, #laskupohja5 a:hover span.show {
	display: block;
}
	
#laskupohja a.note1 { cursor : pointer; position:absolute;  top:79px; left:319px; width:278px; height:90px; border:1px solid #DBD7D6; color:#000000; text-decoration:none; }
#laskupohja	a.note2 { cursor : pointer; position:absolute; top:213px; left:35px; width:562px; height:54px; border:1px solid #DBD7D6; color:#000000; text-decoration:none; }
#laskupohja a.note3 { cursor : pointer; position:absolute; top:321px; left:35px; width:245px; height:22px; border:1px solid #DBD7D6; color:#000000; text-decoration:none; }
#laskupohja a.note4 { cursor : pointer; position:absolute; top:508px; left:382px; width:186px; height:47px; border:1px solid #DBD7D6; color:#000000; text-decoration:none; }

#laskupohja2 a.note5 { cursor : pointer; position:absolute; top:255px; left:33px; width:550px; height:127px; border:1px solid #DBD7D6; color:#000000; text-decoration:none; }
#laskupohja2 a.note6 { cursor : pointer; position:absolute; top:400px; left:33px; width:400px; height:50px; border:1px solid #DBD7D6; color:#000000; text-decoration:none; }

#laskupohja3 a.note1 { cursor : pointer; position:absolute; top:80px; left:313px; width:278px; height:90px; border:1px solid #DBD7D6; color:#000000; text-decoration:none; }
#laskupohja3 a.note2 { cursor : pointer; position:absolute; top:210px; left:29px; width:562px; height:58px; border:1px solid #DBD7D6; color:#000000; text-decoration:none; }
#laskupohja3 a.note3 { cursor : pointer; position:absolute; top:322px; left:29px; width:245px; height:22px; border:1px solid #DBD7D6; color:#000000; text-decoration:none; }
#laskupohja3 a.note4 { cursor : pointer; position:absolute; top:490px; left:370px; width:186px; height:47px; border:1px solid #DBD7D6; color:#000000; text-decoration:none; }

#laskupohja4 a.note5 { cursor : pointer; position:absolute; top:211px; left:30px; width:520px; height:50px; border:1px solid #DBD7D6; color:#000000; text-decoration:none; }
#laskupohja4 a.note6 { cursor : pointer; position:absolute; top:323px; left:30px; width:555px; height:198px; border:1px solid #DBD7D6; color:#000000; text-decoration:none; }
#laskupohja4 a.note7 { cursor : pointer; position:absolute; top:524px; left:30px; width:555px; height:50px; border:1px solid #DBD7D6; color:#000000; text-decoration:none; }
#laskupohja4 a.note8 { cursor : pointer; position:absolute; top:593px; left:30px; width:555px; height:50px; border:1px solid #DBD7D6; color:#000000; text-decoration:none; }

#hairiotiedoteInfo {
	border: 1px solid #ebebeb;
	border-right: 0;
	margin-top: 60px;
}

.hairiotiedoteKartta {
	width: 750px;
	min-height: 1500px;
	height: auto !important;
	height: 1500px;
	border: 0;
}

p.hairiouutiset {
	padding: 0 0 0 10px;
	margin: 0;
}

h2.otsikkopalkki {
	background: transparent url('/templates/pks_2008/img/bg_otsikko.jpg') top left no-repeat;
	padding: 6px 10px 6px 13px;
	margin: 0;
	width: 220px;
	height: 26px;
	font-size: 10px;
	font-family: Verdana, Arial;
	font-weight: bold;
	color: #730011;	
}

#oikea_wrapper {
	background: transparent url('/templates/pks_2008/img/oikea_pohja.png') top left no-repeat;
	width: 236px;
	height: 515px;
	margin-top: 0px;
}

.oikea_otsikko{
	padding-top:7px;
	margin-left: 8px;
	}

.oikea_video{
	margin-top: 6px;
	margin-left: 8px;
	height:122px;
}

#video_wrapper{
width:510px;
}

.videotext_wrapper{
	float:left;
	padding-bottom:11px;
}
.video_content{
	float:left;
}

.videoTeksti_content{
	float:left;
	width:310px;
	margin-left:20px;
}




.oranssi_boksi {
	background-image: url('/templates/pks_2008/img/oranssi_boksi.jpg');
	background-repeat: no-repeat;
}

.oranssi_boksi_alareuna {
	background-image: url('/templates/pks_2008/img/oranssi_alareuna.jpg');
	background-repeat: no-repeat;
}

.vihrea_boksi {
	background-image: url('/templates/pks_2008/img/vihrea_boksi.jpg');
	background-repeat: no-repeat;
}

.vihrea_boksi_alareuna {
	background-image: url('/templates/pks_2008/img/vihrea_alareuna.jpg');
	background-repeat: no-repeat;
}


ul.siirto_boksi {
	background-color: #fdedd6;
	width: 460px;
    margin:0;
    padding:0;
    list-style:none;
}
div#content ul.siirto_boksi li {
	background-color: #fdedd6;

	padding-bottom:7px;
	font-size: 14px;
}

div#content ul.nuolilista li {
background: url("/templates/pks_2008/img/nuoli_orange.png") no-repeat scroll 0 0 #FFFFFF;
}

ul.vihreasiirto_boksi {
	background-color: #e8f4c6;
	width: 460px;
    margin:0;
    padding:0;
    list-style:none;
}
div#content ul.vihreasiirto_boksi li {
	background-color: #e8f4c6;
	background: url("/templates/pks_2008/img/bullet_green.png") no-repeat scroll 0 0 #e8f4c6;

	padding-bottom:7px;
	font-size: 14px;
}

div#content ul.green_bullets li {
	background: url("/templates/pks_2008/img/bullet_green.png") no-repeat scroll 0 0 #FFFFFF;
}

div#content ul.green_arrows li {
	background: url("/templates/pks_2008/img/nuoli_green.png") no-repeat scroll 0 0 #FFFFFF;
}

h4 {
	font-size: 16px;
}

div#container h3.vihrea {
 color: #80aa08;
}

div#container h3.oranssi {
 color: #e9860f;
}

