.theunderline {
	font-family: garamond, serif;
	font-size: 12pt;	
	font-style: normal;
	font-weight: bold;
	align: left;
	color: #666;

	padding-left: 5px;
}





.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-decoration: none;
}


body
{

/* text-align: left; */
}

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */


/* no list-markers by default, since lists are used more often for semantics */


/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input,img
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

hr {

color: #fff;
background-color: #fff;
border: 1px solid #ccc;
border-style: none none dotted;

}

.pallot {

color: #fff;
background-color: #fff;
border: 2px dotted #668704;
border-style: none none dotted;

}

.hrgreen {

color: #fff;
background-color: #fff;
border: 1pt solid #668704;
border-style: none none solid;

}



img {

margin:0px;
padding-top:0px;

}


/* more varnish stripping as necessary... */

.bg {
	background-color: #ffffff;
	background-image: none;
	background-repeat: repeat-none;

}


p {
	font-family: verdana, serif; /* garamond 11 pt bold*/
	font-size: 10pt;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #333333;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0px;

}


td {
	font-family: verdana, serif; /* garamond 11 pt */
	font-size: 9pt;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #666666;
	margin: 0px;
	padding: 0px;
	/* border: solid 1px #f5f5f4; */

}


h1 {
	font-family: garamond, serif;
	font-size: 14pt;	
	font-style: normal;
	font-weight: BOLD;
	align: left;
	color: #668704;
	margin-top: 0px;
	margin-bottom: 20px; 

}

h5 {
	font-family: garamond, serif;
	font-size: 14pt;	
	font-style: normal;
	font-weight: BOLD;
	align: left;
	color: #e0991d;
	margin-top: 0px;
	margin-bottom: 20px; 

}

h2 {
	font-family: garamond, serif;
	font-size: 12pt;	
	font-style: normal;
	font-weight: BOLD;
	align: left;
	color: #668704;
	margin-bottom: 0px; 
}

.vihrea { /* vihreä ajankohtaistaotsikko */
	font-family: garamond, serif;
	font-size: 12pt;	
	font-style: normal;
	font-weight: BOLD;
	text-decoration: underline;
	align: left;
	color: #668704;
	margin-top: 0px;
}

h3 { /* vihreä ajankohtaistaotsikko */
	font-family: verdana, serif;
	font-size: 12pt;	
	font-style: normal;
	font-weight: BOLD;
	text-decoration: underline;
	align: left;
	color: #668704;
	margin-top: 0px;
}

.harmaa { /* harmaa ajankohtaistaotsikko */
	font-family: garamond, serif;
	font-size: 12pt;	
	font-style: normal;
	font-weight: BOLD;
	text-decoration: underline;
	align: left;
	color: #666666;
	margin-top: 0px;
}

h4 { /* harmaa ajankohtaistaotsikko */
	font-family: garamond, serif;
	font-size: 12pt;	
	font-style: normal;
	font-weight: BOLD;
	text-decoration: underline;
	align: left;
	color: #666666;
	margin-top: 0px;
}


.ajankohtaistaleipis {

	font-family: verdana, arial, sans-serif;
	font-size: 8pt;	
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	align: left;
	color: #666666;


}

.subnavi {

	font-family: verdana, serif;
	font-size: 10pt;	
	font-style: normal;
	line-height: 12pt;
	font-weight: bold;
	align: left;
	color: #668704;



}


a:link {

	font-family: verdana, serif; /* garamond 11pt normal*/
	font-size: 10pt;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #668704;

}

a:visited {

	font-family: verdana, serif;
	font-size: 10pt;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #666666;

}

a:hover {	

	font-family: verdana, serif;
	font-size: 10pt;	
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	align: left;
	color: #668704;

}

a:active {

	font-family: verdana, serif;
	font-size: 10pt;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #668704;

}

a.subnavi:link {
	/*  garamond 9pt bold */
	font-family: verdana, serif;
	font-size: 8pt;	
	font-style: normal;
	font-weight: bold;
	align: left;
	color: #668704;

}

a.subnavi:visited {

	font-family: verdana, serif;
	font-size: 8pt;	
	font-style: normal;
	font-weight: bold;
	align: left;
	color: #668704;

}

a.subnavi:hover {	

	font-family: verdana, serif;
	font-size: 8pt;
	text-decoration: none;	
	font-style: normal;
	font-weight: bold;
	align: left;
	color: #668704;

}

a.subnavi:active {

	font-family: verdana, serif;
	font-size: 8pt;	
	font-style: normal;
	font-weight: bold;
	
	align: left;
	color: #668704;

}


a.subsubnavi:link {
	/*  garamond 10pt bold  serif*/
	font-family: verdana, sans-serif;
	font-size: 9pt;	
	font-style: normal;
	font-weight: normal;
	align: left;
	line-height: 18px;
	color: #668704;
	padding-left: 20px;

}

a.subsubnavi:visited {

	font-family: verdana, sans-serif;
	font-size: 9pt;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #668704;
	line-height: 18px;
	padding-left: 20px;
}

a.subsubnavi:hover {	

	font-family: verdana, sans-serif;
	font-size: 9pt;	
	font-style: normal;
	font-weight: normal;
	align: left;
	text-decoration: none;
	line-height: 18px;
	color: #668704;
	padding-left: 20px;
}

a.subsubnavi:active {

	font-family: verdana, sans-serif;
	font-size: 9pt;	
	font-style: normal;
	font-weight: normal;
	align: left;
	line-height: 18px;
	color: #668704;
	padding-left: 20px;
}



a.ajanlinkki:link {

	font-family: garamond, serif;
	font-size: 12pt;	
	font-style: normal;
	font-weight: BOLD;
	text-decoration: underline;
	align: left;
	color: #668704;
	margin-top: 0px;

}

a.ajanlinkki:visited {

	font-family: garamond, serif;
	font-size: 12pt;	
	font-style: normal;
	font-weight: BOLD;
	text-decoration: underline;
	align: left;
	color: #333333;
	margin-top: 0px;

}

a.ajanlinkki:hover {	

	font-family: garamond, serif;
	font-size: 12pt;	
	font-style: normal;
	font-weight: BOLD;
	text-decoration: underline;
	align: left;
	color: #668704;
	margin-top: 0px;

}

a.ajanlinkki:active {

	font-family: garamond, serif;
	font-size: 12pt;	
	font-style: normal;
	font-weight: BOLD;
	text-decoration: underline;
	align: left;
	color: #668704;
	margin-top: 0px;

}

a.ajanlinkkiharmaa:link {

	font-family: garamond, serif;
	font-size: 12pt;	
	font-style: normal;
	font-weight: BOLD;
	text-decoration: underline;
	align: left;
	color: #666666;
	margin-top: 0px;

}

a.ajanlinkkiharmaa:visited {

	font-family: garamond, serif;
	font-size: 12pt;	
	font-style: normal;
	font-weight: BOLD;
	text-decoration: underline;
	align: left;
	color: #666666;
	margin-top: 0px;

}

a.ajanlinkkiharmaa:hover {	

	font-family: garamond, serif;
	font-size: 12pt;	
	font-style: normal;
	font-weight: BOLD;
	text-decoration: underline;
	align: left;
	color: #666666;
	margin-top: 0px;

}

a.ajanlinkkiharmaa:active {

	font-family: garamond, serif;
	font-size: 12pt;	
	font-style: normal;
	font-weight: BOLD;
	text-decoration: underline;
	align: left;
	color: #666666;
	margin-top: 0px;

}

.ajankohtaistaborder {

border: solid 1px #cccccc;

}



.isoajankohtaistaborderbottom {

border-bottom: solid 1px #cccccc;
padding: 10px 10px 0px 0px;

}

.ajankohtaistaborderbottom {

border-bottom: solid 1px #cccccc;




}


.kuvaborder {

border: solid 1px #EBEBEB;

}

.hide img {
display: none;
}



.printtext {

display: block;

}

########### THE DIVS ############




#maincontainer {

	width: 901px;
	height: auto;
	float: left;
	text-align: left;
	background-image: none;
	background-repeat: repeat-none;
	position: fixed;
	}

#container {
	float: left;
	height: auto;
	width: 901px;
	text-align: left;
	background-color: #fff;


}

#header {

	width: 901px;
	height: 67px;
	text-align: left;
	
}



#navi {
	float: left;
	width: 901px;
	height: 44px;
	/*padding-top: -4; */  

}

#contentwrap {
	margin: 0px 0px 0px 40px;
	width: 821px;
	height: auto;
	float: left;
	text-align: left;
 	background-color: #ffffff;
}


#osoitepolku {

	font-family: garamond, serif;
	font-size: 11pt;	
	font-style: normal;
	font-weight: normal;
	color: #000;
	margin-bottom: 20px;
	width: 821px;
	float: left;
	text-align: left;


}

#contentleft {
	float: left;
	text-align: left;
	width: 492px;
	background-image: url(../images/otsikkoviiva.gif);
	background-repeat: repeat-x; 
}

#contentleft2 {
	float: left;
	text-align: left;
	width: 492px;
	background-image: url(../images/otsikkoviiva.gif);
	background-repeat: repeat-x; 
}


#contentright {
	float: right;
	text-align: left;
	width: 570px;
	background-image: url(../images/otsikkoviiva_sisalto.gif);
	background-repeat: repeat-x;
	
	
	/* perusleipis */
	font-family: verdana, sans-serif;
	font-size: 9pt;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #666666;
	margin-top: 0px;
	

}

#subnavileft { /* alanavigaatio sisältösivuilla vasemmalla*/

	float: left;
	text-align: left;
	width: 215px;
/*	width: 239px; */
/*	border-bottom: dotted 2px #668704; */
	


}

#imagesright { /* etusivun kuvapaikat oikealla*/
	float: right;
	width: 286px;
	text-align: left;

}

#footer {	

	font-family: verdana, arial, sans-serif;
	font-size: 8pt;	
	font-style: normal;
	font-weight: normal;
	color: #314102;
	margin: 0px 0px 0px 40px;
	width: 821px;
	float: left;
	text-align: left;
 	background-color: #ffffff;
	}
	
#notfound {

	font-family: garamond, serif;
	font-size: 10pt;	
	font-style: normal;
	font-weight: bold;
	color: #9a9a9a;
	width: 821px;
	float: center;
	text-align: center;
	height: 500px;

}

#kuvacontainer {

/*	width: 263px; */
	border: solid 1px #668704;
	background-color: #EBEBEB;
	text-align: center;
	padding: 7px;
	float: left;
/*	margin: 0px 0px 5px 0px;  vanha */
	margin: 0px 10px 5px 0px;
	
	

}

#kuvacontainer2 {

/*	width: 263px; */
	border: solid 1px #668704;
	background-color: #EBEBEB;
	text-align: center;
	padding: 7px;
	float: left;
	margin: 0px 10px 5px 0px;
	
	
	

}

#kuvaborder {

/*	width: 263px; */
	/*border: solid 1px #668704; */
	background-color: #EBEBEB;
	text-align: center;

}


#tiedostopankki {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	float: left;
	font-weight: bold;
	color: #666;
	margin: 0px 20px 15px 0px;
	padding: 0;


}

#flash {

	float: left
	text-align: left;

}



