html, body {
	height: 100%;
}
.ContentMenu{color: #000000;
	text-decoration: none;
	font-weight: normal;
}
a.ContentMenu:link {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
a.ContentMenu:visited {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
a.ContentMenu:hover {
	color: #000000;
	text-decoration: underline;}

/*div img {	font-size: 1px;line-height:1px;}*/
/*div p img, ul li {display: inline;}*/
body {
	background: #E5E3E0 url(/images/layout/www/back.gif) repeat-x top;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
}
/*Style for pseudolists*/

html>body ul.bulleted {padding-left: 0px;padding-top: 0px; margin-left: 

0px;list-style: none; text-align: left; }
html>body ul.bulleted li {
	background: url(/images/layout/www/bullet.gif) no-repeat 0px 6px;
	padding-left: 12px;
margin-left: 0px;
	padding-top: 0px;
	margin: 0;
}
ul.bulleted {padding-left: 0px;padding-top: 0px; margin: 0px;list-style: none;}
ul.bulleted li {
	background: url(/images/layout/www/bullet.gif) no-repeat 0px 6px;
	padding-left: 12px;
margin-left: 0px;
	padding-top: 0px;
	
}

/* Style for bulleted lists in left block with gray background */
html>body ul.bulletedHarmaa {padding-left: 15px;padding-top: 0px; margin-left: 

0px;list-style: none; text-align: left; }
html>body ul.bulletedHarmaa li {
	background: url(/images/layout/www/bullet.gif) no-repeat 0px 6px;
	padding-left: 12px;
	margin-left: 0px;
	padding-top: 0px;
	margin: 0;
}
html>body ul.bulletedHarmaa li a {
	color: #FFFFFF;
}
ul.bulletedHarmaa {padding-left: 10px;padding-top: 0px; margin: 0px;list-style: 

none;}
ul.bulletedHarmaa li {
	background: url(/images/layout/www/bullet.gif) no-repeat 0px 6px;
	padding-left: 12px;
	margin-left: 0px;
	padding-top: 0px;
}
ul.bulletedHarmaa li a {
	color: #FFFFFF;
}

html>body table li {
	background: url(/images/layout/www/bullet.gif) no-repeat 0px 50%;
margin-left: 0px;
	list-style: none;
	padding-top: 0px;
	margin: 0;
}

table li {
	background: url(/images/layout/www/bullet.gif) no-repeat 4px 50%;
	padding-left: 12px;
margin-left: 0px;
	list-style: none;
	padding-top: 0px;
	margin: 0;
}
html>body table ul{padding-left:0px;margin-left:0px;}
table ul{padding-left:0px;margin-left:0px;}
/*body setting for content pages*/
body#content {
	background: #E5E3E0 url(/images/layout/www/back_content.gif) repeat-x 

top;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	display: block;
	height: auto;
	font-size: 12px;

}
/*list settings*/
ul {
	list-style: circle;
}
a:link {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: underline;
}
div {
	/*margin: 0px;*/
}
/*Header area*/
/*style for tall headers*/
div#header {
	height: 258px;
	width: 778px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	display: block;
}
/*Header for content pages*/
div#headerCont {

	background: #000000 no-repeat left top;
	height: 70px;
	width: 778px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	display: block;
}
img#toppic {
	margin: 0px auto -5px;
	display: block;
}
/*Logo position*/
div#logo {
	float: right;
	margin-top: 0px;
	margin-right: 10px;
}
/*Arc position*/
div#arc {
	float: left;
}
/*Form style*/
div#search {
	margin-top: 10px;
	float: left;
	width: 600px;
	text-align: right;
	vertical-align: middle;
}
.geninput {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	width: 120px;
	border: 1px solid #CCCCCC;
	padding: 2px;
}
.blackbut {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #000000;
	border: 1px solid #CCCCCC;
	padding: 1px 10px;
	margin-left: 10px;
}
/*Top Navigation*/
div#nav {
	height: 38px;
	width: 778px;
	padding: 0px;
	text-align: left;
	display: table;
	vertical-align: middle;
	margin: 0px auto;
	background: #000000;
}
.naviback {
	background: #000000;
	text-align: center;
	float: left;
	vertical-align: middle;
	display: block;
	height: 38px;
	padding-right: 9px;
	padding-left: 9px;
}

.navibackhover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	background: #FFFFFF;
	text-align: center;
	float: left;
	vertical-align: middle;
	display: table-cell;
	height: 38px;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 38px;

}
.naviLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: middle;
	line-height: 38px;
}
a.naviLinks:link {
	text-decoration: none;
	color: #FFFFFF;
}
a.naviLinks:visited {	text-decoration: none;	color: #FFFFFF;}
a.naviLinks:active {
	text-decoration: none;
	color: #FFFFFF;
}
a.naviLinks:hover {	color: #FFE600;	text-decoration: none;}
/*Infobar (small links under the horisontal navibar*/
div#infobar {
	height: 32px;
	/*width: 300px;*/
	width: 338px;
	text-align: right;
	margin: 0px auto;
	float: right;
	}
div#infobar ul {
	list-style: none;
	margin-top: 6px;
	margin-bottom: 0px;
}
div#infobar ul li {
	font: 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: inline;
	//*margin-left: 20px;*//
}
div#infobar ul li a {
	color: #000000;
	text-decoration: none;
}
div#infobar ul li a:hover {
	text-decoration: underline;
}

/*Infobar (small links under the horisontal navibar*/

/*div#infobar table {
	list-style: none;
	margin-top: 6px;
	margin-bottom: 0px;
}*/
div#infobar table {
height:32px;
	list-style: none;
	margin-top: 0px;
padding:0px;
	margin-bottom: 0px;
vertical-align:middle;
}
div#infobar table select{display:block;margin:0px;padding:0px;}	
*> div#infobar table form{
margin-top:0px;
padding:0px;}		
div#infobar table td a {
	color: #000000;
	text-decoration: none;
}
div#infobar table td a:hover {
	text-decoration: underline;
}





/*Navigation
.naviLeftList {
	list-style-type: none;
	padding: 0 0 0 0px;
	margin-left: 0px;
	display: list-item;
}*/
.naviLinksSelect {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}
div#nav ul {
	list-style: none;
	display: table;
	vertical-align: middle;
}
div#nav ul li {
	display: inline;
	color: #FFFFFF;
}

/*.navLeft li, .menu ul li {
	margin: 0 0 0 0px;
}*/
/*Left navigation*/
.navLeftActive a:link {
	font-family: Arial, Helvetica, sans-serif;

	text-decoration: none;
	margin: 0;
	display: block;


	width: 100%;
	color: #666666;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 16px;
}
.navLeftActive a:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0;
	display: block;
	width: 100%;
	color: #666666;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 16px;
}
.navLeftActive a:hover {
	color: #000000;
	text-decoration: underline;
}

.navLeftSelect a:link {
	text-decoration: none;
	margin: 0;

	display: block;
	width: 100%;
	color: #000000;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 16px;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	background: #FFFFFF;
}
.navLeftSelect a:visited {	text-decoration: none;
	margin: 0;
	display: block;
	width: 100%;
	color: #000000;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 16px;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	background: #FFFFFF;}
.navLeftSelect a:hover {
	color: #000000;
	font-style: italic;
	text-decoration: underline;
	background: #FFFFFF;
}
.navLeftSub a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-top: -1;
	margin-bottom: -1;
	display: block;
	width: 100%;
	color: #000000;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 16px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}
.navLeftSub a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-top: -1;
	margin-bottom: -1;
	display: block;
	width: 100%;
	color: #000000;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 16px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}
.navLeftSub a:hover {
	color: #000000;
	text-decoration: underline;
}
		/*Sub Selected*/
.navLeftSubSelect a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-top: -1;
	margin-bottom: -1;
	display: block;
	width: 100%;
	color: #000000;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 16px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	font-style: italic;
	background: #FFFFFF;
}
.navLeftSubSelect a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-top: -1;
	margin-bottom: -1;
	display: block;
	width: 100%;
	color: #000000;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 16px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	background: #FFFFFF;
	font-style: italic;
}
.navLeftSubSelect a:hover {
	color: #999999;
	background-color: #FFFFFF;
	font-style: italic;
}
/*Content area*/
/*This one makes wide white border around the page*/
div#container
{
	background-color: #FFFFFF;
	text-align: left;
	margin: 0px auto;
	padding: 0 35;
	width: 848px;
	display: table;
}
/*For centering -reserved*/
.centered {
	border: #0000CC;
}
/* wrapper for the path and infobar for firefox*/
html>body div#pathwrap {
	width: 778px;
	margin-left: auto;
		margin-right: auto;
	height: 32px;
	clear: both;
}
/* wrapper for the path and infobar for IE*/
div#pathwrap {
	width: 778px;
	height: 32px;
		margin-left: auto;
		margin-right: auto;
	clear: both;
	display: table;
}
/*Path box over the content area*/
div#path {

	/*width: 478px;*/
	width: 440px;
	height: 32px;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 32px;
	vertical-align: bottom;
	background: #FFFFFF;
	float: left;
	display: block;
	
}
div#path a {
	color: #000000;
	text-decoration: none;

}
div#path a:visited {
	color: #000000;
	text-decoration: none;

}
div#path a:hover {

	color: #000000;
	text-decoration: underline;

}
/*class for the path separator arrow*/
.arrow {


	height: 32px;
}




/*Yellow area contains texts and images*/
div#content {
	background: #FFE600;
	padding: 20px 0px 20px 20px;
	font: 12px/160% Arial, Helvetica, sans-serif;
}
/*Content type style for advanced users*/
div#content h1 {
	font-size: large;
}
div#content h2 {
	font-size: medium;
	font-weight: bold;
	line-height: normal;
}
div#content h3 {
	font-size: medium;
	font-style: italic;
	font-weight: bold;
}
div#content img.im2 {
	float: right;
	margin-right: 0px;
	border: none;
	margin-left: 10px;
}
/*White Content area*/
div#contentwhite {
	background: #FFFFFF;
	font: 12px/160% Arial, Helvetica, sans-serif;
	padding-right: 0px;
	padding-left: 0px;
}
/*Content type style for WYSIWYG users*/
.Otsikko1 {
	font-size: 17px;
	font-weight: bolder;
}
.Otsikko2 {
	font-size: 14px;
	font-weight: bold;
}
/*Text format*/
.ingress {
	font-weight: bold;
}
/*Area containing left and right columns*/
div#main {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/images/layout/www/left.gif) repeat-y left top;
	display: block;
	min-height: 500px;
	_height: 500px;
	padding-bottom: 0px;
}
div#mainNoBack {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	height: auto;
	padding-bottom: 0px;
	padding-bottom: 10px;
}
div#mainGrayYellow {


	width: 780px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom: 35px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/images/layout/www/maindivided_bottom.gif) repeat-y left 

top;
	display: block;
	height: auto;
	padding-bottom: 0px;
}
div#mainDividedTop {
	height: 300px;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	background: url(/images/layout/www/maindivided.gif) repeat-y;
}
div#mainDividedBotm {
	height: auto;
	width: 780px;
	background: url(/images/layout/www/maindivided_bottom.gif) repeat-y;
	margin: 16px auto 35px;
}
div#mainIndex {

	width: 780px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom: 35px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/images/layout/www/left_index.gif) no-repeat left top;
	display: block;
	height: auto;
	padding-bottom: 0px;
}
div#mainGray {

	width: 778px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/images/layout/www/left_gr.gif) repeat-y left top;
	display: block;
	min-height: 500px;
	_height: 500px;
	padding-bottom: 0px;
}
div#mainGrayMedYellow {


	width: 780px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/images/layout/www/gr_w_y.gif) repeat-y left top;

	display: block;
	height: auto;
	padding-bottom: 0px;
}

div#mainGrayMedYellow2 {


	width: 780px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom: 35px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/images/layout/www/gr_w_yy.gif) repeat-y left top;
	display: block;
	height: auto;
	padding-bottom: 0px;
}
div#mainWide {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom: 35px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	display: block;
	height: auto;
	padding-bottom: 0px;
}
div#mainGraycols {

   width: 780px;
   margin-right: auto;
   margin-left: auto;
   text-align: left;
   margin-bottom: 5px;
   font-family: Arial, Helvetica, sans-serif;
   background: url(/images/layout/www/yellowright_left.gif) repeat-y left top;
   display: block;
   height: auto;
   padding-bottom: 0px;
}
/*--------UUDET-by-PB--------------------------*/
div#mainLeft {

   width: 780px;
   margin-right: auto;
   margin-left: auto;
   text-align: left;
   margin-bottom: 5 px;
   font-family: Arial, Helvetica, sans-serif;
   background: #FFFFF;
   display: block;
   height: auto;
   padding-bottom: 0px;
}

div#mainGraycols2 {

   width: 780px;
   margin-right: auto;
   margin-left: auto;
   text-align: left;
   margin-bottom: 5 px;
   font-family: Arial, Helvetica, sans-serif;
   background: url(/images/layout/www/yellowright_left.gif) repeat-y left top;
   display: block;
   padding-bottom: 0px;
   height: auto;
}


div#mainGraycols3 {

   width: 780px;
   margin-right: auto;
   margin-left: auto;
   text-align: left;
   margin-bottom: 0 px;
   font-family: Arial, Helvetica, sans-serif;
   background: url(/images/layout/www/yellowright_left.gif) repeat-y left top;
   display: block;
   padding-bottom: 0px;
   height: auto;
}

div#mainGraycols4 {

   width: 780px;
   margin-right: auto;
   margin-left: auto;
   text-align: left;
   margin-bottom: 0 px;
   font-family: Arial, Helvetica, sans-serif;
   background: url(/images/layout/www/yellowright_left.gif) repeat-y left top;
   display: block;
   padding-bottom: 0px;
   height: auto;
}

div#mainGraycols5 {

   width: 780px;
   margin-right: auto;
   margin-left: auto;
   text-align: left;
   margin-bottom: 0 px;
   font-family: Arial, Helvetica, sans-serif;
   background: url(/images/layout/www/yellow_white_DARKgray.gif) repeat-y left top;
   display: block;
   padding-bottom: 0px;
   height: auto;
}

div#mainGraycols6 {

   width: 780px;
   margin-right: auto;
   margin-left: auto;
   text-align: left;
   margin-bottom: 0 px;
   font-family: Arial, Helvetica, sans-serif;
   background: url(/images/layout/www/yellow_white_BLACK.gif) repeat-y left top;
   display: block;
   padding-bottom: 0px;
   height: auto;
}



div#mainwhitecols {

   width: 780px;
   margin-right: auto;
   margin-left: auto;
   text-align: left;
   margin-bottom: 0 px;
   font-family: Arial, Helvetica, sans-serif;
   background: url(/images/layout/www/yellowright_left.gif) repeat-y left top;
   display: block;
   padding-bottom: 0px;
   height: auto;
}

div#footer 
{
   width: 780px;
   margin-right: auto;
   margin-left: auto;
   margin-top: 10px;
   text-align: left;
   margin-bottom: 20px;
   font: 11px Arial, Helvetica, sans-serif;
   display: block;
   height: auto;
   padding-bottom: 0px;
}
div#footer a {
	color: #000000;
	text-decoration: none;
}
div#footer a:hover {
	text-decoration: underline;
}
div#leftcol2 {
	width: 178px;
	float: left;
	padding: 0px;
	text-align: left;
	background: url(/images/layout/www/left.gif) repeat-y;
    height: auto;
}
div#leftcol2 ul li ul {
border-top: 0px solid #f90;
	margin: 0px;
	list-style: none;
	display: list-item;
}
div#leftcol2 ul li ul li {
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
	border-top: 0px solid #f90;
	display: block;
	list-style: none;
}
div#leftcol2 ul {
	list-style-type: none;
	padding: 0 0 0 0px;
	margin-left: 0px;
	display: list-item;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
div#leftFirst {
	float: left;
	width: 178px;
	padding: 0px;
	text-align: left;
    height: 170px;
	background: url(/images/layout/www/left.gif) repeat-y;
}
div#leftFirst_main {
	width: 178px;
	padding-bottom: 0;
	margin-bottom: -4px;
	text-align: left;
	font-size:10px;
	/*height: 160px;*/
	display: block;
	/*background: url(/images/layout/www/left.gif) repeat-y;*/
	background-color: #FFFFFF;
}

html>body div#leftFirst_main {
	width: 178px;
	padding-bottom: 20px;
	margin-bottom: 0px;
	text-align: left;
	font-size:10px;
    	/*height: 200px;*/
	display: block;
	/*background: url(/images/layout/www/left.gif) repeat-y;*/
	position:relative;
	background-color: #FFFFFF;
}

div#leftSecond {
	font-size: 12px;
	font: Arial, Helvetica, sans-serif;
	width: 178px;
	color: #00000;
	display: block;
	/*height: auto;*/
	
}
.leftText{
	padding-top:10px;
}
.leftText a:link {
	color: #00000;
	text-decoration: none;
	font-weight: normal;

}
.leftText a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
.leftText a:hover {
	color: #000000;
	text-decoration: underline;
}



html>body div#leftFirst {
	float: left;
	width: 178px;
	padding: 0px;
	text-align: left;
    height: 200px;
	background: url(/images/layout/www/left.gif) repeat-y;
	border-bottom: 16px solid #FFFFFF;
}

html>body div#leftcol2 {
	width: 178px;
	float: left;
	padding: 0px;
	text-align: left;
	background: url(/images/layout/www/left.gif) repeat-y;
	height: 200px;
}
.nostOtsikko2 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background: #000000;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.nostOtsikko2 a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.nostOtsikko2 a:visited {

	color: #FFFFFF;
	text-decoration: none;
}
.nostOtsikko2 a:hover {
	color: #FFE600;
	text-decoration: underline;
}
html>body div#content2 {
	background: #ffffff;
	padding: 0px 0px 40px 0px;
	font: 12px/160% Arial, Helvetica, sans-serif;
	height: 180px;
}
div#content2 {
	background: #ffffff;
	/*padding: 20px 0px 20px 20px;*/
	font: 12px/160% Arial, Helvetica, sans-serif;
	height: 170px;
}
/*Content type style for advanced users*/
div#content2 h1 {
	font-size: large;
}
div#content2 h2 {
	font-size: medium;
	margin-left: 10px;
	font-weight: bold;
	line-height: normal;
}
div#content2 h3 {
	font-size: medium;
	margin-left: 10px;
	font-style: italic;
	font-weight: bold;
}
div#content2 img.x {
	float: right;
	margin-right: 0px;
	border: none;
	top: 0px
	margin-left: 10px;
}

}
div#content2 img.im2 {
	float: right;
	margin-right: 0px;
	border: none;
	top: 0px
	margin-left: 10px;
	z-index:-1;
}

/*--------UUDET--------------------------------------------------*/
/*Styles for yellow left columns
mainGraycols 		- yellow left and 3 gray columns at the right (index)		

		(content_01.html)
mainGray 		- gray column on the left, for gray boxes on the left 

bottom and yellow left navi		(content_02.html, content_03.html, 

content_04.html)
mainYellow 		-Yellow column on the left
main 			- yellow left column						

		(content_05.html)
mainDividedTop 		- these two for divided page, where on the upper half is 

yellow left and yellow right part, 	(content_06.html)
mainDividedBotm 		- and on the bottom is gray box on the left and 

yellow area on the right.		(content_06.html)
mainGrayYellow 		- gray left column and yellow right part, for use in some 

sofisticated designs 		(content_07.html)
mainYellowYellow 		- Yellow left column and yellow right part, for 

use in some sofisticated designs
mainGrayMedYellow 	- gray left column, white area and narrow yellow column 

on the right.		(content_08.html)	
mainYellowMedYellow	- the same, but with yellow left column
mainGrayMedYellow2 	- particulary the same, but with wider right column 		

		(content_09.html)*/
div#mainYellowYellow {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom: 35px;

	font-family: Arial, Helvetica, sans-serif;
	background: url(/images/layout/www/maindivided_bottom_y.gif) repeat-y 

left top;
	display: block;
	height: auto;
	padding-bottom: 0px;
}
div#mainYellow {

	width: 780px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	/* margin-bottom: 35px; */
	font-family: Arial, Helvetica, sans-serif;
	background: url(/images/layout/www/left.gif) repeat-y left top;
	display: block;
	height: auto;
	padding-bottom: 0px;
}
div#mainYellowMedYellow {


	width: 780px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/images/layout/www/y_w_y.gif) repeat-y left top;

	display: block;
	min-height: 500px;
	_height: 500px;
	padding-bottom: 0px;
}
div#mainYellowMedWhite {


	width: 780px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/images/layout/www/y_w_y_variant.gif) repeat-y left top;

	display: block;
	min-height: 500px;
	_height: 500px;
	padding-bottom: 0px;
}
div#mainYellowMedYellow2 {


	width: 780px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom: 35px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/images/layout/www/y_w_yy.gif) repeat-y left top;
	display: block;
	min-height: 500px;
	_height: 500px;
	padding-bottom: 0px;
}

/*Area containing left column*/
div#leftcol {
	width: 178px;
	float: left;
	padding: 0px;
	text-align: left;
	background: url(/images/layout/www/left.gif) repeat-y;
        height: auto;
}
html>body div#leftcol {
	width: 178px;
	float: left;
	padding: 0px;
	text-align: left;
	background: url(/images/layout/www/left.gif) repeat-y;
}
div#leftcol1 {
	width: 178px;
	float: left;
	padding: 0px;
	text-align: left;
	display: block;
	position:absolute;
	height: auto;
}
div#leftcol ul li ul {
border-top: 0px solid #f90;
	margin: 0px;
	list-style: none;
	display: list-item;
}
div#leftcol ul li ul li {
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
border-top: 0px solid #f90;
	display: block;
	list-style: none;
}
div#leftcol ul {
	list-style-type: none;
	padding: 0 0 0 0px;
	margin-left: 0px;
	display: list-item;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

div#leftcolGray {
	background: #999999;
	float: left;
	width: 178px;
}

/*A style for content pages, left yellow column, where a navigation links*/
div#leftyellow {
	width: 178px;
	//*height: 280px;*//
	padding: 0px;
	text-align: left;
	background: url(/images/layout/www/left.gif) repeat-y;
	margin: 0px;
	display: table;
}
div.leftyellow {
	width: 178px;
	padding: 0px;
	text-align: left;
	background: url(/images/layout/www/left.gif) repeat-y;
	margin: 0px;
	display: table;
}
/*A style for left column box*/
.nostoLeft {
	font: small Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #858585;
	height: auto;
	width: 178px;
	display: block;
	border-top: 10px solid #FFFFFF;
}
/* List styles for klft and right lifts*/
.nostoLeft ul, #rightSlim ul, #rightSlim2 ul, #LeftBlockWide ul, #leftSecond ul, 

.nostoCommHalf ul, .nostoComm ul {padding-left: 0px;padding-top: 0px; 

margin-left: 0px;list-style: none; text-align: left; }
.nostoLeft ul li, #rightSlim ul li, #rightSlim2 ul li, #LeftBlockWide ul li, 

#leftSecond ul li, .nostoCommHalf ul li, .nostoComm ul li {
	background: url(/images/layout/www/bullet.gif) no-repeat 0px 6px;
	padding-left: 12px;
	margin-left: 0px;
	padding-top: 0px;
	margin: 0;
}

/*Area containing right column -common for every layout*/
div#rightcol {
	text-align: left;
	width: 586px;
	float: right;
	font-size: 14px;
	display: block;

	height: 100%;
}
/*A style for right column of content pages*/
div#rColCont {
	text-align: left;
	width: 584px;
	float: right;
	font-size: 12px;
	height: auto;

}

/*A style for wide right column of content pages*/
div#rColContAllWide {
	text-align: left;
	font-size: 12px;
	height: auto;
	float: right;
}

div#rColCont p {
}
div#rColHome {

	text-align: left;
	width: 584px;
	float: right;
	font-size: 14px;
	display: block;
	height: 490px;
}

div#rColContYellow {
	text-align: left;
	width: 584px;
	float: right;
	font-size: 12px;
	height: auto;
	background: #FFE600;
}
/*A style for right yellow block*/
div#rightYellow {
	float: right;
	width: 45%;
	text-align: left;
	background: #FFE600;
	margin-top: 10px;
	height: 240px;
}
/*Area with grey boxes for some layouts*/
div#nostot {
   border-top: 16px solid #FFFFFF;
	/*margin-top:16px;*/
}

/*Grey box*/
.nosto {
	font: small Arial, Helvetica, sans-serif;
	color: #858585;
	background: #FFFFFF;
	height: 100%;
	width: 178px;
	float: left;
}

.noscont1 {
	font-size: 12px;
	padding-top: 0px;
	line-height: 140%;
}

.noscont1 {
	font-size: 12px;
	margin-top: 5px;
	margin-left: 0px;
	padding-top: 0px;
	line-height: 140%;
}

.noscontB {
	font-size: 12px;
	padding-top: 0px;
	line-height: 140%;
}

.noscontB {
	font-size: 12px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	line-height: 140%;
}


.noscont {
	font-size: 12px;
	margin-top: 9px;
	margin-left: 10px;
	padding-top: 0px;
	line-height: 140%;
}
.noscont a:link {
	color: #FFFFFF;
	text-decoration: none;

}
.noscont a:visited {

	color: #FFFFFF;
	text-decoration: none;
}
.noscont a:hover {
	color: #FFE600;
	text-decoration: underline;
}

.noscont90 {
	font-size: 12px;
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 0px;
	line-height: 120%;
}
.noscont90 a:link {
	color: #666666;
	text-decoration: bold;

}
.noscont90 a:visited {

	color: #858585;
	text-decoration: none;
}
.noscont90 a:hover {
	color: #666666;
	text-decoration: underline;
}

.noscont9 {
	font-size: 12px;
	margin-top: 9px;
	margin-left: 10px;
	padding-top: 0px;
	line-height: 120%;
}
.noscont9 a:link {
	color: #666666;
	text-decoration: bold;

}
.noscont9 a:visited {

	color: #858585;
	text-decoration: none;
}
.noscont9 a:hover {
	color: #666666;
	text-decoration: underline;
}

.noscont99 {
	font-size: 12px;
	margin-top: 9px;
	padding-top: 0px;
	line-height: 120%;
}
.noscont99 a:link {
	color: #666666;
	text-decoration: bold;

}
.noscont99 a:visited {

	color: #585858;
	text-decoration: none;
}
.noscont99 a:hover {
	color: #858585;
	text-decoration: underline;
}

/*Yellow column texts*/

.yelColText {
	font-size: 12px;
	margin-top: 9px;
	margin-left: 10px;
	padding-top: 0px;
	line-height: 140%;

}
.yelColText a:link {
	color: #666666;
	text-decoration: none;

}
.yelColText a:visited {
	color: #666666;
	text-decoration: none;
}
.yelColText a:hover {
	text-decoration: underline;
}
/*Heading for boxes*/
.nostOtsikko {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	background: #666666;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.nostOtsikko a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.nostOtsikko a:visited {

	color: #FFFFFF;
	text-decoration: none;
}
.nostOtsikko a:hover {
	color: #FFE600;
	text-decoration: underline;
}

.nostOtsikkoY {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	background: #ffe600;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.nostOtsikkoY a:link {
	color: #666666;
	text-decoration: none;
}
.nostOtsikkoY a:visited {

	color: #666666;
	text-decoration: none;
}
.nostOtsikkoY a:hover {
	color: #585858;
	text-decoration: underline;
}


.nostOtsikkoB {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	background: #000000;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.nostOtsikkoB a:link {
	color: #ffffff;
	text-decoration: none;
}
.nostOtsikkoB a:visited {

	color: #ffffff;
	text-decoration: none;
}
.nostOtsikkoB a:hover {
	color: #ffe600;
	text-decoration: underline;
}



.nostoLeftHome {
	font: small Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #858585;
	width: 178px;
	display: block;
	border-top: 10px solid #FFFFFF;
	margin-bottom: 0px;
	bottom: 0px;
	margin-left: 0px;
	left: 0px;
	border-bottom: 0px none;
	//*height: 246px;*//

}
html>body .nostoLeftHome {
	font: small Arial, Helvetica, sans-serif;
	color: #858585;
	background: #ffffff;
	width: 178px;
	display: block;
	border-top: 10px solid #FFFFFF;
	margin-bottom: 0px;
	bottom: 0px;
	margin-left: 0px;
	left: 0px;
	border-bottom: 0px none;
}
/*two columns one wide and slim right column*/
/*A style for white left block*/
div#LeftBlock {
	text-align: left;
	float: left;
	width: 45%;
	margin-top: 0px;
	vertical-align: top;
	height: auto;
	margin-right: 10px;
	margin-left: 20px;

}
div#LeftBlockHome {
	text-align: left;
	float: left;
	width: 584px;
	vertical-align: top;
	height: 535px;

}
div#LeftBlockMedium {

	text-align: left;
	float: left;
	width: 356px;
	margin-top: 0px;
	vertical-align: top;
	height: auto;
}
div#LeftBlockWide {
	text-align: left;
	float: left;
	width: 380px;
	margin-top: 0px;
	vertical-align: top;
	
}
div#LeftBlockWider {
	text-align: left;
	float: left;
	width: 500;
	margin-top: 0px;
	vertical-align: top;
	
}
div#rightSlim {

	float: left;
	width: 160px;
	text-align: left;
	margin-top: 0px;
	margin-left: 30px;
	height: auto;

}
div#rightSlim2 {

	float: left;
	width: 181px;
	text-align: left;
	margin-top: 0px;
	margin-left: 20px;
	padding-left:5px;
	padding-top: 5px;
	margin-right:0px;
	height: auto;
	position:relative;
	right:0px

}

html>body #rightSlim2 {
	float: left;
	width: 181px;
	text-align: left;
	margin-top: 0px;
	margin-left: 10px;
	padding-left:12px;
	padding-top: 0px;
	margin-right:0px;
	height: auto;
	position:relative;
	right:0px

}

.WhiteLink {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

a.WhiteLink:link {
	color: #ffffff;
	text-decoration: none;
font-weight: bold;
}
a.WhiteLink:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
a.WhiteLinkhover {
	color: #ffffff;
	text-decoration: underline;
}


.boxheadings{
	font-weight: bold;
}
	

/*footspace*/
div#footspace {
	height: 35px;
}
/*VIP h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address {
    margin-bottom: 1em;
}
*/
form {margin-bottom: 0px;}

/*End*/
.padded {
	margin: 16px;
}

div#leftyellow ul, div.leftyellow ul {
	list-style-type: none;
	padding: 0 0 0 0px;
	margin-left: 0px;
	display: list-item;
	margin-top: 6px;
	font-family: Arial, Helvetica, sans-serif;

}
.divider {
	font-size: 1px;
	line-height: 1px;
	border-top: 1px solid #666666;
	margin-top: 10px;
	margin-bottom: 10px;

}



div#HomeWelc ul {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;


}
div#HomeWelc ul li {
	line-height: 4em;
	vertical-align: middle;
	height: 32px;
	margin-left: 0px;
	padding-left: 0px;
}
html>body div#HomeWelc ul li {
	line-height: 2em;
	vertical-align: middle;
	margin-left: 0px;

}
div#HomeWelc ul li a {
	color: #000000;
	text-decoration: none;
}
div#HomeWelc ul li a:hover {
	color: #000000;
	text-decoration: underline;
}
div#HomeWelc {
	padding: 10px;
	float: left;
	height: auto;
	width: 178px;
	background: #FFFFFF;

}
div#HomeWelc a {
	color: #999999;
	text-decoration: none;
}
div#HomeWelc a:hover {
	text-decoration: underline;
}
/*div#LeftWide {

	text-align: left;
	float: left;
	width: 584px;
	margin-top: 10px;
	vertical-align: top;
	
}*/
div#LeftWide {

        text-align: left;
        float: left;
        width: 584px;
        margin-top: 0px;
        vertical-align: top;
        clear:none;
}

div#rColContAllWide div#LeftWide {
        text-align: left;
        margin-top: 0px;
        vertical-align: top;
        clear:none;
	width: 780px;
	float: right;
}

div#HalfRightYellow {
	background: #FFE600;
	float: right;
	width: 288px;
}
div#HalfLeft {
	float: left;
	width: 50%;
}
.textFlow {
	margin: 10px;
}
.Otsikko3 {

	font-size: 12px;
	font-weight: bold;
}
.listingIMG {
	float: left;
	width: auto;
	margin-right: 6px;
}

.listingIMG9 {
	float: left;
	width: auto;
	margin-right: 10px;
	margin-bottom: 10px;
}

.listingIMG99 {
	float: left;
	width: auto;
	margin-right: 10px;
	margin-bottom: 15px;
}

.listing {
	margin-bottom: 10px;
}

div#contentDividedBott {
	padding: 20px 0px 20px 20px;
	font: 12px/160% Arial, Helvetica, sans-serif;
	width: 556px;
	float: left;
	margin-left: 25px;
	margin-top: 0px;
}
.nostoComm {
	font: small Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #858585;
	width: 189px;
	padding: 0px;
	block-overflow: float;
	display: block;
}
.nostoComm_W {
	font: small Arial, Helvetica, sans-serif;
	color: #858585;
	background: #FFFFFF;
	width: 386px;
	padding: 0px;
	block-overflow: float;
	display: block;
}
.nostoCommHalf {
	font: small Arial, Helvetica, sans-serif;
	color: #858585;
	background: #FFFFFF;
	width: 289px;
	padding: 0px;
	block-overflow: float;
	display: block;
}
.nostoCommHalf2 {
	font: small Arial, Helvetica, sans-serif;
	color: #858585;
	width: 289px;
	padding: 0px;
	block-overflow: float;
	display: block;
}
.nostoCommHalf_right {
	font: small Arial, Helvetica, sans-serif;
	color: #000000;
	background: #ffe600;
	width: 287px;
	padding: 0px;
	block-overflow: float;
	display: block;
}

.nostoCommHalf_right2 {
	font: small Arial, Helvetica, sans-serif;
	color: #000000;
	background: #666666;
	width: 287px;
	padding: 0px;
	block-overflow: float;
	display: block;
}

.nostoCommHalf_rightBL {
	font: small Arial, Helvetica, sans-serif;
	color: #ffffff;
	background: #000000;
	width: 287px;
	padding: 0px;
	block-overflow: float;

	display: block;
}
.nostoCommHalf_rightWh {
	font: small Arial, Helvetica, sans-serif;
	color: #ffffff;
	background: #ffffff;
	width: 287px;
	padding: 0px;
	block-overflow: float;

	display: block;
}

.navLeftSub img {
	border: none;
	vertical-align: middle;
}
.navLeftSubSelect img {
	border: none;
	vertical-align: middle;
}
.inheritage {
	vertical-align: bottom;
	display: table-cell;
	height: 100%;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */




.padded img {
	display: block;
	margin-right: 10px;
	margin-bottom: 10px;
}

.leftMarg {
	margin-left: 10px;
}
div#rightYellowMedium {
	float: right;
	width: 218px;
}
div#rightHalf {

	float: right;
	width: 45%;
	text-align: left;
	margin-top: 10px;
	height: 240px;
}
.botbor {
	border-bottom: 16px solid #FFFFFF;
}


div#container table tr td {
	font: 12px Arial, Helvetica, sans-serif;
}
/*div#container div table {
	display: table;
}*/
table#searchtab {
	height: 24px;
}
/*Search*/
.tabhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 12px;
}
a.tabhead:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.tabhead:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.searchlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999900;
	text-decoration: none;

}
a.searchlink:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999900;
}
a.searchlink:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999900;
	text-decoration: none;
}
a.searchlink:hover {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFCC00;
	text-decoration: underline;
}
.searchlinkBlack {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;

}
a.searchlinkBlack:link { 
color: #000000;
	text-decoration: none;
}
a.searchlinkBlack:visited { 
color: #000000;
	text-decoration: none;
}
a.searchlinkBlack:hover { 
color: #FFFFFF;
	text-decoration: none;
}
.tabback {
	background: url(/images/layout/www/tab120px.gif) no-repeat;
	font-weight: bold;
	color: #FFFFFF;
	height: 24px;
	width: 120px;
	padding-top: 0px;
	line-height: 24px;
}

div#entry_map
{
	width: 594px;
	height: 294px;
	margin-bottom: 5px;
}

div#entry_main_image
{
	width: 411px;
	height: 235px;
	float: left;
}

div#entry_quicklinks
{
	width: 178px;
	height: 235px;
	margin-left: 5px;
	float: right;
}

/* 2007-12-21 */
div.leftcolwrapper {
	float: left;
	width: 178px;
}

div.leftcolbox {
	background-image: url(/images/layout/www/left.gif);
	background-repeat: repeat-y;
	background-position: top left;
	width: 178px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 10px;
}

div.lefttopcolbox {
	width: 178px;
	margin-bottom: 6px;
	text-align: left;
	font-size: 10px;
}

html>body div.lefttopcolbox {
	width: 178px;
	margin-bottom: 11px;
	text-align: left;
	font-size: 10px;
}

div.index_middlecolwrapper {
	margin-left: 185px;
}

div.index_middlecolwrapper div.index_middleleft {
	float: left;
	width: 410px;
}

div.index_middlecolwrapper div.index_middleright {
	margin-left: 410px;
}

div.rightcolbox {
	background-image: url(/images/layout/www/left.gif);
	background-repeat: repeat-y;
	background-position: top left;
	width: 177px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 10px;
}

div.index_middleright_floater {
	width: 177px;
	float: right;
}

div.index_oikeanosto {
	margin: 0px;
	width: 177px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 10px;
}

div.index_oikeanosto div.index_oikeanosto_ots {
	background-image: url(/images/layout/www/left.gif);
	background-repeat: repeat-y;
	background-position: top left;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}

div.index_oikeanosto div.index_oikeanosto_ots a {
	text-decoration: none;
}

a.yellowlink {
	background-color: #ffe500;
	background-image: url(/images/layout/nuoli_oikea_blacktrans.gif);
	background-repeat: no-repeat;
	background-position: 100% 9px;
	padding: 5px 15px 5px 5px;
	line-height: 20px;
	color: black;
	text-decoration: none;
}

a.yellowlink:hover {
	text-decoration: underline;
}
table.contentTable td{
	padding:0;
}
div.clear{
	clear:both;
}