<!--
/* FF float clearing fix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* FF float clearing fix */

div {
/*	border: black 1px dotted; /* none | dotted | dashed | solid | double | groove | ridge | inset | outset */
}
html, body {
	height: 100%;
	margin: 0; 
	padding: 0;
}
body {
	font: 11px Verdana, Arial;
	color: #000000;
	font-weight: normal;
	text-align: center;
	background-color: #FFFFFF;/**/
/*	background-image: url(../images/bg_page.jpg);
	background-position: top center;
	background-repeat: repeat-x;/**/
/*	border: white 3px solid; /* none | dotted | dashed | solid | double | groove | ridge | inset | outset */
	margin: 0; 
	padding: 0;
}
.content_text {
/*	border: black 1px dotted; /* none | dotted | dashed | solid | double | groove | ridge | inset | outset */
}
/*	General css definitions for Internet pages */
td			{ font: 11px Verdana, Arial; color: #000000; font-weight: normal; }
h1			{ font: 18px Arial, Verdana; font-weight: bold; color: #257CC1; 
	margin-top:0px; padding-top:0px;/**/
}
h2			{ font: 16px Arial, Verdana; font-weight: bold; color: #257CC1; }
h3			{ font: 16px Arial, Verdana; font-weight: normal; color: #FFFFFF; }
h4			{ font: 16px Arial, Verdana; font-weight: normal; color: #000000; }
h5			{ font: 14px Arial, Verdana; font-weight: bold; color: #257CC1; }
h6			{ font: 14px Arial, Verdana; font-weight: bold; color: #257CC1; }
b			{ font-weight: bold; }
a:link		{ text-decoration: underline; color: #257CC1; }
a:visited	{ text-decoration: underline; color: #257CC1; }
a:active	{ text-decoration: underline; color: #C00000; }
a:hover		{ text-decoration: underline; color: #C00000; }
hr			{ color: #257CC1; background-color: #257CC1; height: 1px; border: none; width: 100%; clear: both;}/**/
/*	General css definitions for Internet pages */
/* *** container page */
#container_page {
	position: relative;/**/
	min-width: 100%;/**/
	min-height: 100%;/**/
	background-color: #FFFFFF;
	background-image: url(../images/bg_page.jpg);
	background-position: top center;
	background-repeat: repeat-x;/**/
	margin: 0; 
	padding: 0;
/*	border: black 1px solid; /* none | dotted | dashed | solid | double | groove | ridge | inset | outset */
}
* html #container_page {
/*	height: 100%;/**/
}
#container_content_bg {
	position: relative;
	text-align: center;
	width: 960px;/**/
	min-height: 520px;
	margin: 0 auto;
	/*background-color: #FFFFFF;/**/
	background-image: url(../images/bg_content.jpg);
	background-position: top center;
	background-repeat: repeat-y;/**/
	clear: both;
	z-index:1;
}
#container_content {
	position: relative;
	text-align: center;
	width: 960px;/**/
	min-height: 520px;
	margin: 0 auto;
	padding-top: 60px;
	/*background-color: #FFFFFF;/**/
	background-image: url(../images/bg_content_top.jpg);
	background-position: top center;
	background-repeat: no-repeat;/**/
	clear: both;
	z-index:1;
}
* html #container_content {
	height: 520px;
}
/* container page *** */
/* *** container etusivu */
#container_content_etusivu {
	position: relative;
	text-align: center;
	width: 960px;/**/
	min-height: 520px;
	margin: 0 auto;
	padding-top: 60px;
	/*background-color: #FFFFFF;/**/
	background-image: url(../images/bg_header_etusivu1.jpg);
	background-position: top center;
	background-repeat: no-repeat;/**/
	clear: both;
	z-index:1;
}
* html #container_content {
	height: 520px;
}
/* container etusivu *** */

/* *** content *** */
/* *** header *** */
#print_header {
	display:none;
}
#container_header {
	position: relative;
	width: 740px;
	min-height: 83px;/**/
	margin: 0 auto;
	text-align: left;
	clear: both;
	z-index:1;
}
* html #container_header {
	height: 83px;/**/
}
#content_header_logo {
	position: relative;
	float: left;
	width: 180px;/**/
	min-height: 53px;
	padding: 30px 0;
	z-index:1;
}
* html #content_header_logo {
	height: 53px;
}

#container_header_menu {
	position: relative;
	float: right;
	text-align: left;
	/*width: 540px;*/
	padding: 15px 0;
	z-index:11;
}
* html #container_header_menu {
}
#content_header_menu {
	position: relative;
	width: 540px;
	z-index:11;
}
/* *** header *** */
#content_menu_path {
	position: relative;
	text-align: left;
	width: 740px;/**/
	margin: 0 auto;
	padding: 10px 0px 20px 0px;
	clear: both;
	z-index:1;
}
* html #content_menu_path {
}

/* sisältö */
#container_content_page {
	position: relative;
	text-align: left;
	width: 740px;/**/
	margin: 0 auto;
	clear: both;
	z-index:1;
}
* html #container_content_page {
}
#content_page_h {
	position: relative;
	width: 540px;/**/
	padding: 0;
	clear: both;
	z-index:1;
}
#content_page_h h1 {
	margin: 0 0 10px 0;
	padding: 0 0 0px 0;
}
#content_page_etusivu #content_page_h {
	position: relative;
	width: 740px;/**/
	text-align: center;
	padding: 0;
	clear: both;
	z-index:1;
}
#content_page_etusivu #content_page_h h1 {
	font-size: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	border-bottom: #676767 1px solid; /* none | dotted | dashed | solid | double | groove | ridge | inset | outset */
}
#content_page {
	position: relative;
	float: left;
	width: 540px;/**/
	margin: 0;
	margin-left: 20px;
	padding: 0;
	padding-bottom: 20px;
	z-index:1;
}
#content_page12 {
	position: relative;
	width: 540px;/**/
	min-height: 240px;
}
* html #content_page12 {
	height: 240px;
}
#content_page1 {
	position: relative;
	float: left;
	width: 335px;
	min-height: 120px;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-right: 15px;
	z-index:1;
}
* html #content_page1 {
	height: 120px;
}
#content_page2 {
	position: relative;
	float: left;
	width: 325px;
	min-height: 120px;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 15px;
	z-index:1;
}
* html #content_page2 {
	height: 120px;
}
#content_page1_text {
	position: relative;
	margin: 0px;
	padding:0px;
	z-index:1;
}
.content_page_pic {
	padding-bottom: 10px;
}

#content_clear {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	margin-bottom: -1px;
}
/* sisältö */

/* etusivu */
#container_content_page_etusivu {
	position: relative;
	text-align: left;
	width: 800px;/**/
	min-height: 250px;
	margin: 0 auto;
	padding-top: 40px;
	clear: both;
	z-index:1;
}
* html #container_content_page_etusivu {
	height: 250px;
}
#content_page_etusivu {
	position: relative;
	width: 740px;/**/
	margin: 0 auto;
	padding: 0;
	z-index:1;
}
#content_page_etusivu2 {
	position: relative;
	float: right;
	width: 660px;/**/
	margin: 0;
	margin-left: 30px;
	padding: 0;
	z-index:1;
}
#container_header_menu_etusivu {
	position: relative;
	text-align: left;
	width: 740px;/**/
	margin: 0 auto;
	clear: both;
	z-index:1;
}
#content_page_etusivu_pic {
	position: relative;
	float: right;
	width: 180px;/**/
	min-height: 180px;
	border: white 1px solid; /* none | dotted | dashed | solid | double | groove | ridge | inset | outset */
}
* html #content_page_etusivu_pic {
	height: 180px;
}
#content_page_etusivu_text {
	position: relative;
	float: right;
	width: 440px;/**/
	background-color: #666666;/**/
	filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;
	min-height: 180px;
	margin-left: 10px;
	border: white 1px solid; /* none | dotted | dashed | solid | double | groove | ridge | inset | outset */
	border-width: 1px 0 1px 1px;
}
* html #content_page_etusivu_text {
	height: 180px;
}
#content_page_etusivu_text2 {
	position: relative;
	font: 14px Arial, Verdana; font-weight: normal; color: #FFFFFF;
	line-height: 1.5;
	font-style: italic; /*normal | italic | oblique/**/
	margin: 0;
	padding: 20px 10px 10px 20px;
}

/* etusivu menu */
#content_etusivu_menu_h {
	position: relative;
	min-height: 26px;
	padding: 15px 15px 5px 15px;
	background-image: url(../images/menu_etusivu_top.gif);
	background-position: top center;
	background-repeat: no-repeat;/**/
	z-index:1;
}
* html #content_etusivu_menu_h {
	height: 26px;
}
#content_etusivu_menu {
	position: relative;
	padding: 0 15px;
	z-index:1;
}
#content_etusivu_menu_bottom {
	position: absolute;
	width: 262px;
	height: 20px;
	bottom: 0;
	background-image: url(../images/menu_etusivu_bottom.gif);
	background-position: top center;
	background-repeat: no-repeat;/**/
	z-index:1;
}
/* etusivu */

/* *** content *** */
/* *** footer *** */
#container_footer {
	position: relative;
	text-align: center;
	line-height:20px;
	width: 960px;/**/
	height:auto;
	margin: 0 auto;
	background-color: #FFFFFF;/**/
	background-image: url(../images/bg_content.jpg);
	background-position: top center;
	background-repeat: repeat-y;/**/
	clear: both;
	z-index:1;
}
#content_footer {
	position: relative;
	font: 11px Arial, Verdana; font-weight: normal; color: #000000;
	width: 810px;/**/
	height:auto;
	margin: 0 auto;
	padding: 15px 0px;
	background-image: url(../images/bg_bottom.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;/**/
	clear: both;
	z-index:1;
}
#content_footer_text {
	position: relative;
	width: 740px;/**/
	margin: 0 auto;
	padding: 5px 0px;
	clear: both;
	z-index:1;
	border-top: #818285 1px solid; /* none | dotted | dashed | solid | double | groove | ridge | inset | outset */
}
/* *** footer *** */

/* *** menu left */
#container_menu_col {
	position: relative;
	float: left;
	width: 180px;
	min-height: 260px;
	z-index:1;
/*border: black 1px solid; /* none | dotted | dashed | solid | double | groove | ridge | inset | outset */
}
#content_menu_col {
	position: relative;
	width: 180px;
	min-height: 260px;
	background-image: url(../images/menu_left_bg.jpg);
	background-position: top left;
	background-repeat: repeat-y;/**/
	z-index:3;
	border: black 1px solid; /* none | dotted | dashed | solid | double | groove | ridge | inset | outset */
}
* html #content_menu_col {
	height: 260px;
}
#content_menu {
	position: relative;
	min-height: 220px;
	padding: 15px 15px 20px 15px;
	background-image: url(../images/menu_left_top.jpg);
	background-position: top left;
	background-repeat: no-repeat;/**/
	z-index:3;
}
* html #content_menu {
	height: 220px;
}
.content_menu_items {
	position: relative;
	padding: 5px 5px 5px 25px;
	z-index:5;
}
#content_menu_bottom {
	position: absolute;
	width: 180px;
	height: 112px;
	bottom: -1px;/*IE6 needs -1px*/
	margin: 0;
	background-image: url(../images/menu_left_bottom.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;/**/
	z-index:2;
/*	border: black 1px solid; /* none | dotted | dashed | solid | double | groove | ridge | inset | outset */
}
/* menu left *** */

.copy				{ font: 10px Arial, Verdana; font-weight: normal; color: #000000; }
.copy a:link		{ text-decoration: underline; color: #000000; }
.copy a:visited		{ text-decoration: underline; color: #000000; }
.copy a:active		{ text-decoration: underline; color: #FF0000; }
.copy a:hover		{ text-decoration: underline; color: #FF0000;  }
.menupath			{ font: 11px Arial, Verdana; font-weight: bold; color: #000000; }
.menupath a:link	{ text-decoration: none; font-weight: normal; color: #257CC1; }
.menupath a:visited	{ text-decoration: none; font-weight: normal; color: #257CC1; }
.menupath a:active	{ text-decoration: none; font-weight: normal; color: #F00000; }
.menupath a:hover	{ text-decoration: none; font-weight: normal; color: #F00000;  }
.menuextra			{ font: 11px Arial, Verdana; font-weight: normal; color: #000000; }
.menuextratext		{ font: 11px Arial, Verdana; font-weight: bold; color: #F00000; }
.menuextra a:link   { text-decoration: none; font-weight: normal; color: #257CC1; }
.menuextra a:visited{ text-decoration: none; font-weight: normal; color: #257CC1; }
.menuextra a:active { text-decoration: none; font-weight: normal; color: #F00000; }
.menuextra a:hover  { text-decoration: none; font-weight: normal; color: #F00000;  }
#content_etusivu_menu_h { font: 11px Arial, Verdana; font-weight: bold; color: #F00000; text-transform: uppercase; }
.menu_h				{ font: 11px Arial, Verdana; font-weight: bold; color: #F00000; text-transform: uppercase; }
a.menu_h:link		{ font: 12px Arial, Verdana; font-weight: bold; text-decoration: none; color: #000000; }
a.menu_h:visited	{ font: 12px Arial, Verdana; font-weight: bold; text-decoration: none; color: #000000; }
a.menu_h:active 	{ font: 12px Arial, Verdana; font-weight: bold; text-decoration: none; color: #F00000; }
a.menu_h:hover		{ font: 12px Arial, Verdana; font-weight: bold; text-decoration: none; color: #F00000;  }
.menu_item			{ font: 11px Arial, Verdana; font-weight: normal; color: #000000; }
a.menu_item:link	{ font: 11px Arial, Verdana; font-weight: normal; text-decoration: underline; color: #257CC1; }
a.menu_item:visited	{ font: 11px Arial, Verdana; font-weight: normal; text-decoration: underline; color: #257CC1; }
a.menu_item:active 	{ font: 11px Arial, Verdana; font-weight: normal; text-decoration: underline; color: #F00000; }
a.menu_item:hover	{ font: 11px Arial, Verdana; font-weight: normal; text-decoration: underline; color: #F00000;  }

.menu              { font: 11px Arial, Verdana; font-weight: bold; color: #000000; text-transform: uppercase; }
a.menu:link       { text-decoration: none; color: #000000; }
a.menu:visited    { text-decoration: none; color: #000000; }
a.menu:active     { text-decoration: none; color: #F00000; }
a.menu:hover      { text-decoration: none; color: #F00000;  }
.active            { font: 11px Arial, Verdana; font-weight: bold; color: #F00000; text-transform: uppercase; }
a.active:link     { text-decoration: none; color: #F00000; }
a.active:visited  { text-decoration: none; color: #F00000; }
a.active:active   { text-decoration: none; color: #F00000; }
a.active:hover    { text-decoration: none; color: #F00000;  }
.menu2             { font: 11px Arial, Verdana; font-weight: normal; color: #000000; }
a.menu2:link      { text-decoration: none; color: #000000; }
a.menu2:visited   { text-decoration: none; color: #000000; }
a.menu2:active    { text-decoration: none; color: #257CC1; }
a.menu2:hover     { text-decoration: none; color: #257CC1;  }
.active2           { font: 11px Arial, Verdana; font-weight: normal; color: #257CC1; }
a.active2:link    { text-decoration: none; color: #257CC1; }
a.active2:visited { text-decoration: none; color: #257CC1; }
a.active2:active  { text-decoration: none; color: #257CC1; }
a.active2:hover   { text-decoration: none; color: #257CC1;  }
.menu3             { font: 11px Arial, Verdana; font-weight: bold; color: #000000; }
a.menu3:link      { text-decoration: none; color: #000000; }
a.menu3:visited   { text-decoration: none; color: #000000; }
a.menu3:active    { text-decoration: none; color: #F00000; }
a.menu3:hover     { text-decoration: none; color: #F00000;  }
.active3           { font: 11px Arial, Verdana; font-weight: bold; color: #F00000; }
a.active3:link    { text-decoration: none; color: #F00000; }
a.active3:visited { text-decoration: none; color: #F00000; }
a.active3:active  { text-decoration: none; color: #F00000; }
a.active3:hover   { text-decoration: none; color: #F00000;  }
.menu_kielet             { font: 11px Arial, Verdana; font-weight: bold; color: #FFFFFF; }
a.menu_kielet:link      { text-decoration: none; color: #FFFFFF; }
a.menu_kielet:visited   { text-decoration: none; color: #FFFFFF; }
a.menu_kielet:active    { text-decoration: none; color: #000000; }
a.menu_kielet:hover     { text-decoration: none; color: #000000;  }
.active_kielet           { font: 11px Arial, Verdana; font-weight: bold; color: #000000; }
a.active_kielet:link    { text-decoration: none; color: #000000; }
a.active_kielet:visited { text-decoration: none; color: #000000; }
a.active_kielet:active  { text-decoration: none; color: #000000; }
a.active_kielet:hover   { text-decoration: none; color: #000000;  }
/* languages */
.lang_select		{  }
.menu_lang {
	float: right;
	clear: both;
	height: 25px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding:0;
/*	border:1px solid #B6C3C5;/**/
}
.menu_lang_h		{ /*float: left; margin-bottom: 10px;*/ }
.menu_lang_items	{  }
/* languages */
/* *** left menu *** */
#ul_menu_left_h{
	font: 11px Arial, Verdana; font-weight: bold; color: #CD0439; text-transform: uppercase;
	margin: 0;/*10px 10px 0px 10px;/**/
	padding: 2px 0 8px 25px;
	background-image: url(../images/menu_h_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;/**/
	z-index: 5;
}
ul#ul_menu_left{
	display:block;
	padding: 0;
	margin: 0;
	z-index: 5;
/*	border:1px solid #B6C3C5;/**/
}
ul#ul_menu_left3{
	display:block;
	padding: 0;
	margin: 0;
	z-index: 5;
}
ul#ul_menu_left li{
/*	list-style-type: none;
	margin:0;
	padding:0;
	border:0;
/**/
}
ul#ul_menu_left ul{
	list-style-type: none;
	margin:0;
	padding:0;
	border:0;
}
/* sub sign */
.sub_sign, a:hover .sub_sign {
	position: absolute;
	font: 12px Arial, Verdana; font-weight: normal; text-decoration: none; color: #000000; text-transform: none;
	top: 4px;
	right: 10px;
/*	cursor:pointer; /* IE fix */
/*	cursor:hand; /* IE5 fix */
	z-index: 30;
}
* html .sub_sign, * html a:hover .sub_sign {
	top: 4px;
	right: 25px;
}
/* Menu2 */
ul#ul_menu_left li {
	list-style-type: none;
	position: relative; /* IE fix to avoid disappearing text problem */
	display: block; /* Non-IE: allows using sub_sign outside <a> tag */
/*	display: inline; /* IE fix: this gets rid of the gaps */
	margin:0;
	padding:0;
/*	border: 1px solid #C00000;/**/
/*	border-width:0px 0px 0px 0px;/**/
}
*html ul#ul_menu_left li {
	display: inline; /* IE fix: this gets rid of the gaps */
}
ul#ul_menu_left li a.menu2, ul#ul_menu_left li a.menu2:link, ul#ul_menu_left li a.menu2:visited, ul#ul_menu_left li a.menu2:active  {
	position: relative; /* IE fix to avoid disappearing text problem */
	display:block;
	font: 11px Arial, Verdana; font-weight: normal; text-decoration: none; color: #000000; text-transform: none;
	white-space: normal;
	/*background-color:#FFFFFF;*/
	height:auto;
	padding: 6px 10px;/**/
	margin: 5px 5px 5px 15px;/**/
}
ul#ul_menu_left li a.menu2:hover {
	font: 11px Arial, Verdana; font-weight: normal; text-decoration: none; color: #257CC1; text-transform: none;
	white-space: normal;
/*	background-color:#F00000;/**/
}
ul#ul_menu_left li a.active2, ul#ul_menu_left li a.active2:link, ul#ul_menu_left li a.active2:visited, ul#ul_menu_left li a.active2:active {
	position: relative; /* IE fix to avoid disappearing text problem */
	display:block;
	font: 11px Arial, Verdana; font-weight: normal; text-decoration: none; color: #257CC1; text-transform: none;
	white-space: normal;
	/*background-color:#F00000;*/
	height:auto;
	padding: 6px 10px;
	margin: 5px 5px 5px 15px;
}
ul#ul_menu_left li a.active2:hover {
	font: 11px Arial, Verdana; font-weight: normal; text-decoration: none; color: #257CC1; text-transform: none;
	white-space: normal;
/*	background-color:#F00000;/**/
}
/* Menu3 */
ul#ul_menu_left li a.menu3, ul#ul_menu_left li a.menu3:link, ul#ul_menu_left li a.menu3:visited, ul#ul_menu_left li a.menu3:active{
	position: relative; /* IE fix to avoid disappearing text problem */
	display:block;
	font: 11px Arial, Verdana; font-weight: normal; text-decoration: none; color: #000000; text-transform: none;
	white-space: normal;
	/*background-color:#FFFFFF;*/
	height:auto;
	padding: 0px 10px;
	margin: 5px 5px 5px 15px;
}
ul#ul_menu_left li a.menu3:hover {
	font: 11px Arial, Verdana; font-weight: normal; text-decoration: none; color: #257CC1; text-transform: none;
	white-space: normal;
/*	background-color:#F00000;/**/
}
ul#ul_menu_left li a.active3, ul#ul_menu_left li a.active3:link, ul#ul_menu_left li a.active3:visited, ul#ul_menu_left li a.active3:active {
	position: relative; /* IE fix to avoid disappearing text problem */
	display:block;
	font: 11px Arial, Verdana; font-weight: normal; text-decoration: none; color: #257CC1; text-transform: none;
	white-space: normal;
	/*background-color:#F00000;*/
	height:auto;
	padding: 0px 10px;
	margin: 5px 5px 5px 15px;
}
ul#ul_menu_left li a.active3:hover {
	font: 11px Arial, Verdana; font-weight: normal; text-decoration: none; color: #257CC1; text-transform: none;
	white-space: normal;
/*	background-color:#F00000;/**/
}
/* *** left menu *** */

input.SearchText {
	font-size: 10px;
	font-family: 'Microsoft Sans Serif', Sans-Serif, Verdana, Arial;
    /*padding: 2px ;*/
	/*background-image: url("../images/inputtextbg.gif");*/
	background-color: #FFFFFF;
	border: #5A5A5A 1px solid; /* none | dotted | dashed | solid | double | groove | ridge | inset | outset */
	width: 135px ;
	height: 16px ;
}
input.SearchButton {
	font-size: 9px;
	font-family: 'Microsoft Sans Serif', Sans-Serif, Verdana, Arial;
	/*background-image: url("../images/inputbuttonbg.gif");*/
	/*background-color: #FFFFFF;*/
	/*border: #B4B4B4 1px outset; /* none | dotted | dashed | solid | double | groove | ridge | inset | outset */
	border: #5A5A5A 1px solid; /* none | dotted | dashed | solid | double | groove | ridge | inset | outset */
	width: 35px;
	height: 16px;
}
input.TextResizeButton {
	font-size: 9px;
	font-family: 'Microsoft Sans Serif', Sans-Serif, Verdana, Arial;
	background-color: #C4CEC7;
	border: #5A5A5A 1px solid; /* none | dotted | dashed | solid | double | groove | ridge | inset | outset */
	width: 30px;
	height: 16px;
	style="cursor: pointer; cursor: hand;
}

-->