﻿<!--

body {	font-family: verdana;
		border: 0;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-top: 20px;
		font-family: verdana;
		font-size: 0px;
		padding-top: 0px; }

A:link         {color:#d73019; text-decoration: underline }
A:visited      {color:#d73019; text-decoration: underline }
A:active       {color:#d73019; text-decoration: underline }
A:hover        {color:#d73019; text-decoration: underline }

.musta A:link         {color:#000000; text-decoration: none }
.musta A:visited      {color:#000000; text-decoration: none }
.musta A:active       {color:#000000; text-decoration: none }
.musta A:hover        {color:#d73019; text-decoration: none }

.puna A:link         {color:#d73019; text-decoration: none }
.puna A:visited      {color:#d73019; text-decoration: none }
.puna A:active       {color:#d73019; text-decoration: none }
.puna A:hover        {color:#d73019; text-decoration: none }

.vid_desc3 A:link         {color:#13909d; text-decoration: underline }
.vid_desc3 A:visited      {color:#13909d; text-decoration: underline }
.vid_desc3 A:active       {color:#13909d; text-decoration: underline }
.vid_desc3 A:hover        {color:#13909d; text-decoration: underline }

.sini_p_hs2 A:link         {color:#13909d; text-decoration: underline }
.sini_p_hs2 A:visited      {color:#13909d; text-decoration: underline }
.sini_p_hs2 A:active       {color:#13909d; text-decoration: underline }
.sini_p_hs2 A:hover        {color:#13909d; text-decoration: underline }

.asiaton_link A:link         {color:#676d6e; text-decoration: underline }
.asiaton_link A:visited      {color:#676d6e; text-decoration: underline }
.asiaton_link A:active       {color:#676d6e; text-decoration: underline }
.asiaton_link A:hover        {color:#676d6e; text-decoration: underline }

.op_text2 A:link         {color:#231f20; text-decoration: none }
.op_text2 A:visited      {color:#231f20; text-decoration: none }
.op_text2 A:active       {color:#231f20; text-decoration: none }
.op_text2 A:hover        {color:#231f20; text-decoration: none }

.op_text3 A:link         {color:#231f20; text-decoration: none }
.op_text3 A:visited      {color:#231f20; text-decoration: none }
.op_text3 A:active       {color:#231f20; text-decoration: none }
.op_text3 A:hover        {color:#231f20; text-decoration: none }

.musta_p_hs_l A:link         {color:#78c5ec; text-decoration: underline }
.musta_p_hs_l A:visited      {color:#78c5ec; text-decoration: underline }
.musta_p_hs_l A:active       {color:#78c5ec; text-decoration: underline }
.musta_p_hs_l A:hover        {color:#78c5ec; text-decoration: underline }

.kp_text6 A:link         {color:#231f20; text-decoration: none }
.kp_text6 A:visited      {color:#231f20; text-decoration: none }
.kp_text6 A:active       {color:#231f20; text-decoration: none }
.kp_text6 A:hover        {color:#231f20; text-decoration: none }

.kp_text7 A:link         {color:#231f20; text-decoration: none }
.kp_text7 A:visited      {color:#231f20; text-decoration: none }
.kp_text7 A:active       {color:#231f20; text-decoration: none }
.kp_text7 A:hover        {color:#231f20; text-decoration: none }

h6 A:link         {color:#231f20; text-decoration: none }
h6 A:visited      {color:#231f20; text-decoration: none }
h6 A:active       {color:#231f20; text-decoration: none }
h6 A:hover        {color:#231f20; text-decoration: none }


.sitemap_text A:link         {color:#888787; text-decoration: none }
.sitemap_text A:visited      {color:#888787; text-decoration: none }
.sitemap_text A:active       {color:#888787; text-decoration: none }
.sitemap_text A:hover        {color:#888787; text-decoration: none }

.main_tbl { margin-top: 50px;
		margin-bottom: 50px; }
		
.vv { background : url(images/vasen_varjo3.jpg); }
.ov { background : url(images/oikea_varjo2.jpg); }
.vp_ala { background : url(images/vasen_palkki_bg2.jpg); }
.op_ala { background : url(images/oikea_palkki_bg2.jpg); }

.etsi_tbl { background : url(images/etsi_bg.jpg); }

td.vp_bg{
background-color: #464646;
padding-left: 18px;
font-size: 12px;
color: #ffffff;

}

td.vp_bg_on {
background-color: #231f20;
padding-left: 18px;
font-size: 12px;
color: #ffffff;

} 

.taulu { /* background : url(images/taulu_tausta.png); */ }

.uutiset { 	padding-left: 88px;
			font-size: 12px;
			color: #231f20;}
			
.stk {
	background: #ffffff;
	border: solid 1px #78c5ec;
	margin-top: 10px;
	padding-top: 3px;
}

.stk2 {
	background: #ffffff;
	border: solid 1px #78c5ec;
	margin-top: 2px;
	padding-top: 2px;
}

.tahti {    font-size: 10px;
			line-height: 22px;
			color: #ff2d25 }

			
.sponssi_ala { 	padding-right: 25px;  }

.alaboxit { 	padding-right: 30px;  }

.alaboxit2 { 	padding-left: 28px;  }

.jarjesta_btn { padding-left: 115px;
				padding-top: 20px;}

.etusivu_ol { 	padding-right: 0px;
				padding-top: 8px;}
				
.etusivu_ol2 { 	margin-left: 10px;
				padding-top: 8px;}
				
.hs_kuvalataus { padding-right: 0px;
				padding-left: 25px;
				padding-top: 8px;}
				
.asiaton_link { font-size: 10px;
				color: #676d6e; }
				
.comment { 		font-size: 11px;
				color: #000000; }

.hs_vl { 		padding-right: 0px;
				padding-left: 25px;
				padding-top: 8px;}
				
.hs_vl_2 { 		padding-right: 20px;
				padding-left: 25px;
				padding-top: 8px;}
				
.hs_vl2 { 		padding-right: 0px;
				padding-left: 35px;
				padding-top: 8px;}
				
.hs_vl3 { 		padding-right: 0px;
				padding-left: 45px;
				padding-top: 8px;}
				
.hs_vl4 { 		padding-right: 0px;
				padding-left: 45px;
				padding-top: 0px;}

.etusivu_vl { 	padding-top: 18px;
				padding-left: 20px;}

.thumb { 	padding-left: 19px;}

.thumb2 { 	padding-top: 18px;
			padding-left: 19px;}

.kja_thumb { 	background : url(images/kja_thumbtausta.png);
				padding-left: 19px;}
				
.kja_thumb2 { 	background : url(images/kja_thumbtausta.png);
				padding-left: 19px;
				padding-top: 0px;}
				
.hakemus_list { padding-left: 15px;
				padding-top: 5px; }
				
.hakemus_navi { padding-right: 0px; }

.hakemus_navi { padding-right: 20px;}

.vid_name { 	font-size: 15px;
				color: #000000;
				padding-left: 0px;				
				padding-top: 5px;}
				
.vid_name_h { 	font-size: 15px;
				color: #000000;
				margin-left: 20px;				
				padding-top: 5px; }


.vid_desc { 	font-size: 11px;
				color: #000000;
				line-height: 14px;
				padding-left: 16px;
				padding-top: 10px;}
				
				
.vid_desc2 { 	font-size: 11px;
				color: #000000;
				line-height: 14px;
				padding-left: 0px;
				padding-top: 5px;}
				
.vid_desc3 { 	font-size: 10px;
				color: #000000;
				line-height: 12px;
				padding-left: 0px;
				padding-top: -5px; }
				
.vid_desc4 { 	font-size: 11px;
				color: #000000;
				line-height: 14px;
				padding-left: 35px;
				padding-top: 10px;}
				
.vid_desc5 { 	font-size: 11px;
				color: #000000;
				line-height: 12px;
				padding-left: 0px;
				padding-top: -5px; }
				
.vid_desc_s { 	font-size: 11px;
				color: #13909d;
				line-height: 14px;
				padding-left: 0px;
				padding-top: 5px;}
				
								
.vid_desc_s2 { 	font-size: 11px;
				color: #ff0000;
				line-height: 14px;
				padding-left: 0px;
				padding-top: 5px;}
				
.vid_desc_s_p { 	font-size: 11px;
				color: #13909d;
				line-height: 14px;
				padding-left: 16px;
				padding-top: 5px;}


				
.vid_link { 	font-size: 12px;
				color: #231f20;
				padding-left: 170px;
				padding-top: 5px;}

.vid_list { 	padding-top: 16px;}

.vid_list2 { 	padding-top: 25px;}

.vid_list3 { 	padding-top: 8px;}

.vid_list4 { 	padding-top: 0px;}

.blank_top { 	padding-top: 35px;
				padding-left: 20px;}

.blank_top2 { 	padding-top: 5px;
				padding-left: 20px;}
				
.blank_top3 { 	padding-top: 5px;
				padding-left: 40px;}
				
.blank_top5 { 	padding-top: 5px;
				padding-left: 60px;}

.blank_top4 { 	padding-top: 5px;
				padding-left: 10px;}
				
.blank_top6 { 	padding-top: 6px;
				padding-left: 20px;}

.page_list { 	font-size: 13px;
				color: #000000;
				padding-top: 25px;
				padding-left: 22px;}
				
.puna { 	font-size: 13px;
			color: #d73019;	}
			
.musta { 	font-size: 13px;
			color: #000000;	}
			
.harmaa { 	font-size: 13px;
			color: #e1e1e1;	}

.footer { 	font-size: 10px;
			color: #5e5e5e;
			padding-top: 19px;
			padding-bottom: 16px;}
			
.musta_p { 	font-size: 11px;
			color: #000000;	}
			
.musta_p_hs { 	font-size: 10px;
				color: #202020;
				}
				
.musta_p_hs_pad { 	font-size: 10px;
				color: #202020;
				padding-left: 15px;
				}
				
.musta_p_hs_l { 	font-size: 10px;
				color: #202020;
				line-height: 22px;
				}
				
.musta_p_hs_l2 { 	font-size: 10px;
				color: #202020;
				line-height: 30px;
				}
				
.musta_p_hs_l_pad { 	font-size: 10px;
				color: #202020;
				line-height: 22px;
				padding-left: 15px;
				}

.sini_p_hs_l { 	font-size: 10px;
				color: #0089cf;
				line-height: 22px;
				}
				
.sini_p_hs { 	font-size: 10px;
				color: #0089cf;				
				}
				
.sini_p_hs2 { 	font-size: 12px;
				color: #0089cf;				
				}

.etusivu_vp { 	background : url(images/etusivu_op_vptausta.png); }

.hs_taulu { 	background : url(images/etusivu_op_vptausta.png);	
				padding-left: 25px;
				padding-right: 25px;
				}
				
.hs_taulu2 { 	background : url(images/etusivu_op_vptausta2.png);	
				padding-left: 25px;
				padding-right: 25px;
				}
				
.hs_taulu3 { 	background : url(images/etusivu_op_vptausta3.png);	
				padding-left: 25px;
				padding-right: 25px;
				}
				
.hs_taulu33 { 	background : url(images/etusivu_op_vptausta30.png);	
				padding-left: 25px;
				padding-right: 25px;
				}
				
.hs_taulu4 { 	background : url(images/etusivu_op_vptausta4.png);	
				background-repeat: no-repeat;	
				padding-left: 25px;
				padding-right: 0px;
				}				

				
.hs_taulu5 { 	background : url(images/etusivu_op_vptausta4.png);	
				padding-left: 0px;
				padding-top: 0px;
				padding-right: 0px;
				}
.hs_taulu6 { 	background : url(images/etusivu_op_vptausta5.png);	
				padding-left: 25px;
				padding-right: 25px;
				}
				
.hs_taulu7 { 	background : url(images/etusivu_op_vptausta4.png);	
				background-repeat: no-repeat;	
				padding-left: 25px;
				padding-right: 25px;
				
				}
				
.hakemus_vp { 	background : url(images/hakemus_vp_tausta.png);	
				padding-left: 10px;
				padding-right: 0px;
				}

.hakemus_text { padding-left: 60px;
				padding-right: 25px;
				}
				
.hs_taulu_esik { 	background : url(images/etusivu_op_vptausta4.png);	
				padding-left: 2px;
				padding-right: 0px;
				}
				
.hs_taulu_kuva { 	background : url(images/hs_kuvalataus_tausta.png);	
				padding-left: 35px;
				padding-right: 0px;
				}

.vl_ol { 	background : url(images/vl_oikea_yla_tausta.png);
			padding-right: 25px;}

.vl_tausta { 	background : url(images/vl_main_tausta.png); }

.blank_tausta {
	background : url(images/blank_tausta.png);
	background-repeat: no-repeat;	
}

.vl_tausta2 { 	background : url(images/vl_main_tausta2.png); }

.vl_linkit { 	padding-left: 27px;  }

.logo2 { 	padding-right: 17px; }

.keskipalkki { 	padding-left: 34px;
				padding-right: 21px;
				padding-top: 19px;}
				
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}


div.selectbox-wrapper {
  position:absolute;
  width:400px;
  background-color:white;
  border:1px solid #ccc;
  margin:0px;
  margin-top:-10px;
  padding:0px;
  font-size:0.8em;
  text-align:left;
  height:100px;
  overflow: auto;
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.selectbox-wrapper ul li.selected { 
  background-color: #EAF2FB;
}
div.selectbox-wrapper ul li.current { 
  background-color: #CDD8E4;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

label {
    display: block;
}
.selectbox /* look&fell of  select box*/
{
  margin: 0px 0px 0px 0px;
  padding-left: 0px;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 14px;
  width : 201px;
  height : 40px;
  text-align:left;
  display: block;
  background: url('jarjesta.jpg') right;
  /*height:18px;*/
  cursor: pointer;
  border:0px;
  color:#000000;
}





img, div { behavior: url(iepngfix.htc) }




-->