@import url(/www2/css/calendar.css);
@import url(/www2/css/navi.css);




/* |-HUOM-|-HUOM-|-HUOM-|-HUOM-|-HUOM-|-HUOM-|-HUOM-|-HUOM-|-HUOM-|-HUOM-|-HUOM-|-HUOM-|-HUOM-| */
/* |------------------------------------------------------------------------------------------| */
/* |--------------------------------------- 09.02.2007 ---------------------------------------| */
/* |---- Tassa tiedostossa on muokkaustyot / siivous menossa, jos teet muutoksia, ilmoita:----| */
/* |----------------------------- juha.aalto@ip-finland.com ----------------------------------| */
/* |------------------------------------------------------------------------------------------| */
/* |-HUOM-|-HUOM-|-HUOM-|-HUOM-|-HUOM-|-HUOM-|-HUOM-|-HUOM-|-HUOM-|-HUOM-|-HUOM-|-HUOM-|-HUOM-| */





/*------------------------------------------------------------------------------*/
/*------------------|               Rakenne            |------------------------*/
/*------------------------------------------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;/*COLVAR1*/
	text-align: left;
	margin-top: 0px;
	padding:0px;
	text-align:center;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;/*COLVAR1*/
	margin-top: 0px;
vertical-align:top;
}
table {  /* lis�� taulukkojen m��rittelyit� alempana*/
	padding:0px;
	margin: 0px 0px 3px 0px;
	/*float:left;*/
}

.header {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	clear: both;
	/*height: 62px;*/
	display:block;
	overflow:hidden;
	width: 780px;
	text-align:left;
	background-color:#4C4AA9;/*COLVAR26*/

}

.muru {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 12px;
	width: 780px;
	text-align:left;
}
.muru a:link, .muru a:visited, .muru a:active {
 	color: #003399;/*COLVAR8*/
 	text-decoration: none;
	margin: 0px 5px 0px 0px;
}

.muru a:hover {
 	color: #CCCCCC;/*COLVAR9*/
}


.frame {
	padding: 0px;
	clear: both;
	width: 780px;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:auto;
	text-align: center;
	background-color:#FFFFFF;/*COLVAR33*/	


}

.col_l {
	text-align: left;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 188px;
}

.col_m {
	margin: 5px 6px 0px 10px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 402px;
	text-align: left;
	clear:right;
	display:block;
	font-size:12px;
}

.col_m_wide {
	font-size:12px;
	margin: 5px 0px 0px 10px;
	padding: 0px;
	float: left;
	clear: right;
	width: 582px;
	text-align: left;
}

.col_whole {
	font-size:12px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 780px;
	text-align: left;

}

.col_r {
	margin: 5px 0px 0px 0px;  
	padding: 0px 0px 0px 0px;
	float: right;
	width: 170px;
	text-align: left;
}

.footer {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	clear: both;
	height: 16px;
	width: 780px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #2D338E;/*COLVAR11*/
}
/*------------------------------------------------------------------------------*/
/*------------------|    Linkit, listat, taulukot      |------------------------*/
/*------------------------------------------------------------------------------*/

a{
	text-decoration: underline;
	color: #003399 /*COLVAR3*/
}

a:hover{
	text-decoration: underline;
	color: #003399;/*COLVAR3*/
}

a:visited{
	text-decoration: none;
	color: #003399;/*COLVAR3*/
}
	
.col_m table {
	padding:0px;
	margin: 0px 0px 3px 0px;
	float:left;
}

.col_r table { /* Editoria varten */
	padding:0px;
	margin: 0px 0px 3px 0px;
	float:right;
}

.nostobox_r_4 table {
	padding:0px;
	margin: 0px 0px 3px 0px;
	float:left;
	width:90%
}

.col_m ul {
	margin: 2px;
	padding-left: 15px;

}
.col_m li {
	padding-bottom: 5px;
}


.col_r ul{
	margin:0px;
	padding:0px;
}
.col_r li{
	list-style-type: none;
	list-style-position: inside;
	
}

.col_r a {
	color:#555555;/*COLVAR12*/
	text-decoration:underline;

}

.col_r a:hover{
	text-decoration:underline;
}

/*------------------------------------------------------------------------------*/
/*------------------|             OTSIKOT              |------------------------*/
/*------------------------------------------------------------------------------*/


.Otsikko1, H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height:auto;
	display:block;
	clear:both;
	color: #000000;/*COLVAR19*/
}


.Otsikko2, H2{    
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #254A9D;/*COLVAR30*/
	height:auto;
	line-height:auto;
	display:block;
	margin: 2px 0px 3px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBDEE7;/*COLVAR31*/
	clear:both;
}




.Otsikko3, H3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#8E2344;/*COLVAR32*/
	background: url(/www/images/layout/bull_2.gif) no-repeat;/*IMGVAR15*/ 
	margin:2px 2px 3px 0px;
	padding-left:10px;
	display:block;
	border-bottom:1px solid #8E2344;/*COLVAR32*/
	clear:both;

}


.Otsikko4, H4 {    
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2D338E;/*COLVAR34*/
	padding: 2px 0px 0px 0px;
	height:auto;
	line-height:auto;
	display:block;
	margin: 2px 0px 1px 0px;
	clear:both;
}
.Otsikko5, H5 {    
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #8E2344;/*COLVAR16*/
	padding: 2px 10px 2px 0px;
	height:auto;
	line-height:auto;
	display:block;
	margin: 2px 0px 3px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;/*COLVAR31*/
	clear:both;
}
/*------------------------------------------------------------------------------*/
/*------------------|  OTSIKOT / tarkemmat maarittelyt   |----------------------*/
/*------------------------------------------------------------------------------*/
H1 a{
	text-decoration:none;
	color: #000000;/*COLVAR19*/ 
}
H1 a:hover{
	

}
H2 a{ 
	text-decoration:none;
	color: #2D338E;/*COLVAR30*/
}

H2 a:hover{
    
}

H3 a{
	color:#8E2344;/*COLVAR32*/
}

H3 a:hover{

}

H4 a{ 
	text-decoration:none;
	color: #2D338E;/*COLVAR34*/
}

H4 a:hover{

}

H5 a{ 
	color: #8E2344;/*COLVAR16*/
}

H5 a:hover{

}
/*------------------------------------------------------------------------------*/
/*------------------|   Etusivun nostojen OTSIKOT (H2) |------------------------*/
/*------------------------------------------------------------------------------*/


.main_col_l_box H2 a:link, .main_col_l_box H2 a:active, .main_col_l_box H2 a:visited {   /* etusivun boxien H2:t harmaaks */
	color:#FFFFFF; /*COLVAR4*/ 
	text-decoration: none;
}


.main_col_l_box H2 a:hover{ 
	color:#FFFFFF;/*COLVAR4*/ 
	text-decoration: underline;
}

.main_col_r_box H2 a:link, .main_col_r_box H2 a:active, .main_col_r_box H2 a:visited { 
	color:#FFFFFF;/*COLVAR4*/ 
	text-decoration: none;
}

.main_col_r_box H2 a:hover{ 
	color:#FFFFFF;/*COLVAR4*/
	text-decoration: underline;
}





/*------------------------------------------------------------------------------*/
/*-------------------|  nostoboxi vasemmalle, navin alle. |---------------------*/
/*------------------------------------------------------------------------------*/

.nostobox_l a:hover{
	text-decoration:underline;
}

.nostobox_l a {
	color:#555555;/*COLVAR71*/
	text-decoration:underline;

}

.nostobox_l {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;/*COLVAR25*/
 	background: url(/www2/images/layout/box_l_wrap.gif) repeat-y;/*IMGVAR12*/
	width: 188px; 
	padding: 0px 0px 0px 0px;
	overflow:hidden;

}


.nostobox_l_top {
	background: url(/www2/images/layout/box_l_top.gif) no-repeat;/*IMGVAR13*/ 
	width:188px;
	height:8px;
	font-size: 1px;
	margin-top:8px;

}

.nostobox_l_bottom {
	background: url(/www2/images/layout/box_l_bott.gif) no-repeat;/*IMGVAR14*/
	width:188px;
	height:8px;
	font-size:1px;
	margin: 0px 0px 10px 0px;
}



.nostobox_l P { 




	color: #000000;/*COLVAR17*/
	width: 168px;
	margin: 0px 5px 10px 10px;
	padding: 0px 0px 0px 0px;
}

.nostobox_l H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;/*COLVAR28*/
	background-color: #00A75E;/*COLVAR27*/
	background-image: url(/www2/images/layout/box_l_h2_top.gif);/*IMGVAR11*/
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px 10px 3px 10px;
	padding: 2px 0px 2px 4px;
	height: auto;
	display: block;
	border-bottom-style: none;

}

.nostobox_l H2 a{
	color:#FFFFFF;/*COLVAR7*/
	text-decoration: none;
}

.nostobox_l H2 a:hover{ 
	color:#FFFFFF; /*COLVAR7*/
	text-decoration: underline;
}


/* --- tahan paattyy ylla oleva vasemman navin alle tuleva laatikko ----- */



/*------------------------------------------------------------------------------*/
/*-----------------------|  nostoboxit, oikea palsta |--------------------------*/
/*------------------------------------------------------------------------------*/

.nostobox_r_4 H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;/*COLVAR7*/
	background-color: #00A75E;/*COLVAR14*/
	margin: 0px 12px 3px 10px;
	padding: 3px 0px 3px 5px;
	height: auto;
	border-bottom-style: none;
	background-image: url(/www2/images/layout/box_r_h2_top.gif);/*IMGVAR8*/
	background-repeat: no-repeat;
	background-position: left top;
}



.nostobox_r_4 H2 a{
	color:#FFFFFF;/*COLVAR7*/
	text-decoration: none;
}

.nostobox_r_4 H2 a:hover{ 
	color:#FFFFFF; /*COLVAR7*/
	text-decoration: underline;
}

.nostobox_r_4 li{  
	list-style-position: outside;
	list-style-type: none;
	display: inline; /*block*/
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 0px 10px;
	width:150px;
	float:left;
	border-bottom: 1px dashed #888888;/*COLVAR72*/


}

.nostobox_r_4 ol, .nostobox_r_4 ol li{  
	display: block;
	margin: 0px 5px 5px 10px;
	float:left;
	padding:0px 0px 2px 0px;
	border: 0;
}

.nostobox_r_4 P {
	color: #555555; /*COLVAR17*/
	width: 150px;
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
} 
 
 .nostobox_r_4 P li{
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.nostobox_r_4 a{
	text-decoration:none;
	
}
.nostobox_r_4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;/*COLVAR25*/
 	background: url(/www2/images/layout/box_r_wrap.gif) repeat-y;/*IMGVAR9*/
	width: 170px;
	padding: 0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
	overflow:hidden;

}

.nostobox_r_4_top {
	background: url(/www2/images/layout/box_r_top.gif) no-repeat;/*IMGVAR10*/ 
	width: 170px;
	height: 8px;
	font-size: 1px;
	margin:0px 0px 0px 0px;
	clear:both;
}

.nostobox_r_4_bottom {
	background: url(/www2/images/layout/box_r_bott.gif) no-repeat;/*IMGVAR7*/
	width:170px;
	height:12px;	
	font-size: 1px;
	margin: 0px 0px 10px 0px;
}

.nostobox_r_calclear H2{
	font-family: Verdana;
	font-size: 10px;
	color: #2D338E;/*COLVAR5*/
	background-color: #A8CEE2;/*COLVAR6*/
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 4px;
	height: auto;
	display: block;
	border:1px solid #0091D2;/*COLVAR10*/
	border-bottom:0;
}

.nostobox_r_calclear H2 a{
	border:0;
	color: #FFFFFF;/*COLVAR5*/
	text-decoration:none;
}

.nostobox_r_calclear {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	overflow:hidden;
width: 170px;
	
}


.nostobox_r_clear {
	width: 170px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	overflow:hidden;
	
}
.nostobox_r_4 table{
	margin: 0px auto 0px auto;
}

.nostobox_r_4 P table{
	margin: 0px auto 0px auto;
}

/*------------- keskipalstan, "main" kentan maarittelyt -----------------------*/

.col_m P, .col_m_wide P {
	margin: 0px 0px 6px 0px;

}

.col_m img{
	margin:0px;
	padding:0px;
}

/*hr{
	height:1px;
	border:none;
	background: url(/www/images/layout/pikseli.gif) repeat;
	clear:both;
	overflow:hidden;
	font-size:1px;
	clear:both;
	display:block;
	margin-top: 1px;
	margin-bottom: 3px;
}
*/
hr {
	border:0;
	height:1px;
	font-size:1px;
	clear:both;
	display:block;
	margin-top: 1px;
	margin-bottom: 3px;
	overflow:hidden;
	background-color:#2D338E;
}

.col_r hr {
	width:90%;
	float:left;
	border:0;
	border-top:1px solid #CCCCCC;
	height:1px;
	font-size:1px;
	clear:both;
	display:block;
	margin-top: 1px;
	margin-bottom: 3px;
	overflow:hidden;

}

/*-------------------------------------------------------------- mainin palstat, vasen ja oikea sek� nostolaatikko ------------------------------------------------------------- */

.main_col_l{
	float:left;
	width: 196px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}

.main_col_l_box{
	float:left;
	width: 196px;
	height: auto;
	background-color:#FFFFFF;/*COLVAR35*/ 
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	text-align:center;
	font-size:11px;
	border: 1px #00A75E solid;/*COLVAR36*/ 
}

.main_col_l ul{
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 0px 0px;


}

.main_col_r{
	float:right;
	width: 196px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}

.main_col_r_box{  
	float:left;
	width: 196px;
	height: auto;
	background-color:#FFFFFF; /*COLVAR35*/
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	text-align:center;
	font-size:11px;
	border: 1px #00A75E solid; /*COLVAR36*/
}

.main_col_r ul{
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 0px 0px;
}
.main_col_r a, .main_col_l a{
	color:#444444;/*COLVAR73*/
	text-decoration:none;
}
.main_col_r a:hover, .main_col_l a:hover{
	color:#444444;/*COLVAR73*/
	text-decoration:underline;
	
}
/*------------------------------------------ mainin nostot, mainin palstojen sis�lle -------------------------------------------------------------------------*/

.main_col_r_box H2{
	
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 11px;
	color: #FFFFFF;/*COLVAR37*/ 
	height: auto;
	margin:0px 0px 3px 0px;
	padding: 0px 0px 0px 6px;
	background-image: url(/www/images/layout/main_box_ar.gif);/*IMGVAR1*/
	background-position: right center;
	background-color: #55A7EE;/*COLVAR36*/
	background-repeat: no-repeat;
	display: block;
	border:0px
}

.main_col_r_box P{
	width: auto;
	height: auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 10px;
	margin-left: 4px;
}

.main_col_r_box img{
	margin: 3px;
}

.main_col_l_box H2{
	
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 11px;
	color: #FFFFFF;/*COLVAR37*/ 
	display: block;
	height: auto;
	margin:0px 0px 3px 0px;
	padding: 0px 0px 0px 6px;
	background-image: url(/www/images/layout/main_box_ar.gif);/*IMGVAR1*/
	background-position: right top;
	background-color:#55A7EE;/*COLVAR36*/
	background-repeat: no-repeat;
	border:0px
}

.main_col_l_box P{
	width: auto;
	height: auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 10px;
	margin-left: 4px;
}

.main_col_l_box img{
	margin: 3px;
}

/* editoria varten */
.main_col_l_box table{
overflow:hidden;
display:block;
}

.main_col_r_box table{
overflow:hidden;
display:block;
}

.col_m p img{

	margin-top: 0px;
	padding-bottom: 5px;

}

.main_col_l img{
	margin: 5px;
	padding: 0px;
	border: 0px;
}
.main_col_r img{
	margin: 5px;
	padding: 0px;
	border: 0px;
}

.harma {
	background-color: #A8CEE2;
	padding-top:2px;
	/*border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#254A9D;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#254A9D;*/
	margin: 0px;
	font-size: 11px;
	color:#FFFFFF;


}

.sininen {
	background-color: #254A9D;
	padding:2px;
	/*border-width: 1px;
	border-style: solid;
	border-color:  #254A9D;*/
	color:#FFFFFF;
	margin-bottom: 3px;
	
}

.vihrea {
	background-color: #8C914F;
	padding:2px;
	/*border-width: 1px;
	border-style: solid;
	border-color:  #BAC405;*/
	color:#FFFFFF;
	margin-bottom: 3px;
	
}
/*------------------------------------------------------------------------------*/
/*------------------|      bannerin sis�lle tulevat    |------------------------*/
/*------------------------------------------------------------------------------*/

.logobox{
	/*height: 62px;
	width: 120px;*/
	margin: 0px 10px 0px 0px;
	padding: 0px;
	text-align:left;
	float: left;

}

.haku{
	width:auto;
	padding:0px;
	margin: 0px;
	float: right;
	height: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 700;
	color: #FFFFFF;/*COLVAR38*/
}

.flags{
	width:64px;
	padding:0px;
	float: right;
	clear:right;
	margin: 0px 0px 0px 8px;
	height: auto;
}

.searchform{
	width: 70px;
	height: 14px;
	margin-top:2px;
}

.searchbutton{
	width: 50px;
	height: 22px;
	margin-left:5px;
	margin-right:5px;
	margin-top:2px;
}

.flags img{
 margin: 1px;
}

.toolbox{
margin-top:auto;
height: 26px;
width:250px;
float:right;
clear:right;

}

/*------------------------------------------------------------------------------*/
/*------------------|               misc               |------------------------*/
/*------------------------------------------------------------------------------*/


.lisakentta {
	float: left;
	margin-top: 5px;
}
*> .lisakentta {
	padding-left: 12px;
}

.newslist{
	list-style-type: none;
	list-style-position: outside;
	margin:0px 0px 0px 4px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	float:left;
	list-style-type: none;
	list-style-position: outside;
	color: #000000; /*COLVAR2*/
}


.newslist li{
	padding:0px 0px 2px 0px;
	margin-top:3px;
	border-bottom: 1px solid #888888;/*COLVAR74*/
}