/* GENERAL STYLES */

table			{border-collapse: collapse;}
td				{padding: 0px;}

.none			{display: none;}

.alignRight	{text-align: right;}


/* PAGE STRUCTURE */

body		{background-color: #e8ebe5; margin: 0px; padding: 0px; text-align: center;}

#wrapper	{width: 811px; margin: 0px auto; text-align: left; background: White url(images/wrapper_bg.gif) repeat-y; position: relative;}
#page		{padding: 0px 11px;}


/* header */

#header	{height: 79px; width: 789px; position: relative;}


/* logo */

#logo		{position: absolute; top: 22px; left: 21px; z-index: 100;}

#logoPartner
{
	margin-right: 21px;
	margin-top: 21px;
	float: right;
	text-align: right;
}

#logoOwn
{
	position: absolute;
	left: 21px;
	top: 22px;
	z-index: 100;
	width: 135px;
	height: 30px;
}


/* language selection */

#languages	{float: right; color: #4f8620; margin-right: 6px; margin-top: 15px; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: right;}


/* quick search form */

#search	
{
	float: right;
	padding: 10px 21px 0px 0px;
	font-size: 9px;
}

#search td	{padding-left: 5px;}
#search .txt {width: 120px;}


/* banners */

#bannerFrontpage			{height: 160px; width: 789px; position: relative; overflow: hidden;}
#bannerSectionFrontpage	{height: 160px; width: 789px; position: relative; overflow: hidden;}


/* flash area */

#flash	{width: 789px; height: 220px;}
#flash p	{margin: 0px;}


/* content area */

#content 		{width: 789px; padding: 15px 0px 50px 0px; float: left;}


/* navigation column */

#navibar			
{
	width: 220px;
	float: left;
	min-height:1px;
	}


/* product navigation box */

#productSearch		{font: 11px Arial, Verdana, Helvetica, sans-serif;margin: 0px 40px 15px 20px; clear: both;}

#productSearchBox	{font: 11px Arial, Verdana, Helvetica, sans-serif;width: 160px; padding-top: 20px; list-style: none; position: relative;}

#productSearchBox .productNavi	{font: 11px Arial, Verdana, Helvetica, sans-serif;position: absolute; top: 0px; height: 20px; text-align: center;}
#productSearchBox .productNavi h4 {font: 11px Arial, Verdana, Helvetica, sans-serif; font-weight: normal; margin: 0px; padding: 3px 0px 0px 0px;}

.product1passive .productNavi	{font: 11px Arial, Verdana, Helvetica, sans-serif;left: 0px; background: url(images/productNavi1_passive.gif) no-repeat; width: 58px;}
.product2passive .productNavi	{font: 11px Arial, Verdana, Helvetica, sans-serif;left: 58px; background: url(images/productNavi2_passive.gif) no-repeat; width: 57px;}
.product3passive .productNavi	{font: 11px Arial, Verdana, Helvetica, sans-serif;left: 115px; background: url(images/productNavi3_passive.gif) no-repeat; width: 45px;}

.product1active .productNavi	{font: 11px Arial, Verdana, Helvetica, sans-serif;left: 0px; background: url(images/productNavi1_active.gif) no-repeat; width: 58px;}
.product2active .productNavi	{font: 11px Arial, Verdana, Helvetica, sans-serif;left: 58px; background: url(images/productNavi2_active.gif) no-repeat; width: 57px;}
.product3active .productNavi	{font: 11px Arial, Verdana, Helvetica, sans-serif;left: 115px; background: url(images/productNavi3_active.gif) no-repeat; width: 45px;}

#productSearchBox .product1active a, 
#productSearchBox .product2active a,
#productSearchBox .product3active a {color: #2d2d2d;}

#productSearchBox .product1active a:hover, 
#productSearchBox .product2active a:hover,
#productSearchBox .product3active a:hover	{color: #6c6c6c;}

.productContent			{font: 11px Arial, Verdana, Helvetica, sans-serif;width: 158px; border: solid 1px #d5d5d5; border-top: 0px; background: url(images/productsearch_bg.gif) bottom left repeat-x; clear: both; display: none;}
.productContent p			{margin: 0px; padding: 10px;}
.productContent select	{width: 138px;}

.product1active .productContent,
.product2active .productContent,
.product3active .productContent	{display: block;}


/* news box	*/

#navibar .news		{margin: 0px 40px 15px 20px; padding-top: 10px; font: 11px Arial, Verdana, Helvetica, sans-serif;}
#navibar .news p	{margin: 0px 0px 10px 0px;}


/* main content area */

#mainContent		{width: 320px; float: left;}
#mainContentWide	{width: 547px; float: left;}

#mainContent a, 
#mainContentWide a{text-decoration: underline;}

.EiAlleviivaustaLinkki {text-decoration: none !important;}

/* navigation path */

#naviPath	{font: 11px Arial, Verdana, Helvetica, sans-serif; margin-bottom: 12px;}
#naviPath a	{text-decoration: none;}

/* product header */

#productHeader			{padding-bottom: 5px; clear: both; float: left; width: 547px; margin-bottom: 5px;} 
#productHeader .icon	{float: left; margin: 0px 10px 0px 0px;}
#productHeader h1		{float: left; padding-top: 10px;}


/* content footer */

#contentFooter 				{font-size: 11px; margin: 20px 0px 0px 0px; padding: 0px; list-style: none; width: 320px; border-top: 1px solid #c8c8c8; clear: both; float: left;}
#contentFooter a				{text-decoration: none;}
#contentFooter #print		{float: left; width: 160px; padding-top: 5px;}
#contentFooter #print a		{background: url(images/icon_print.gif) right no-repeat; padding-right: 18px;}
#contentFooter #feedback	{float: right; width: 160px; padding-top: 5px; text-align: right;}
#contentFooter #company		{float: right; clear: right; padding-top: 2px; white-space: nowrap}

#mainContentWide #contentFooter	{width: 547px;}


/* sidebar */

#sidebar			{width: 208px; float: right;}


/* loginbox */

#login		{font: 11px Arial, Verdana, Helvetica, sans-serif;margin: 0px 0px 15px 0px; clear: both;}

#bannerSectionFrontpage #login	{font: 11px Arial, Verdana, Helvetica, sans-serif;position: absolute; top: 21px; right: 21px; z-index: 50; margin: 0px;}

#loginBox	{font: 11px Arial, Verdana, Helvetica, sans-serif;width: 187px; padding-top: 23px; list-style: none; position: relative;}

#loginBox .loginNaviTapiola		{position: absolute; top: 0px; height: 23px; text-align: center;}
#loginBox .loginNaviTapiola h4	{font: 11px Arial, Verdana, Helvetica, sans-serif;font-weight: normal; margin: 0px; padding: 4px 0px 0px 0px;}

.login1passive .loginNaviTapiola	{font: 11px Arial, Verdana, Helvetica, sans-serif;left: 0px; background: url(images/loginNavi1_passive.gif) no-repeat; width: 97px;}
.login2passive .loginNaviTapiola	{font: 11px Arial, Verdana, Helvetica, sans-serif;left: 97px; background: url(images/loginNavi2_passive.gif) no-repeat; width: 90px;}

.login1active .loginNaviTapiola	{font: 11px Arial, Verdana, Helvetica, sans-serif;left: 0px; background: url(images/loginNavi1_active.gif) no-repeat; width: 97px;}
.login2active .loginNaviTapiola	{font: 11px Arial, Verdana, Helvetica, sans-serif;left: 97px; background: url(images/loginNavi2_active.gif) no-repeat; width: 90px;}

.login1passive .loginNaviTapiola a,
.login1active .loginNaviTapiola a	{padding-right: 2px;}

#login .login1active .loginNaviTapiola a, 
#login .login2active .loginNaviTapiola a {font: 11px Arial, Verdana, Helvetica, sans-serif;color: #2d2d2d;}

#login .login1active .loginNaviTapiola a:hover, 
#login .login2active .loginNaviTapiola a:hover	{font: 11px Arial, Verdana, Helvetica, sans-serif;color: #6c6c6c;}

#loginBox .loginNaviTurva {display: none;}

.loginContent				{font: 11px Arial, Verdana, Helvetica, sans-serif;width: 185px; border: solid 1px #d5d5d5; border-top: 0px; background: #fafdf7 url(images/login_bg.gif) bottom left repeat-x; clear: both; display: none; padding: 10px 0px 5px 0px;}
.loginContent p			{margin: 0px; padding: 0px 10px 5px 10px;}

#loginBox .showTurva {display: none;}

.login1active .loginContent,
.login2active .loginContent	{font: 11px Arial, Verdana, Helvetica, sans-serif;display: block;}


/* link box	*/

#sidebar .linkBox		{margin: 0px 20px 20px 0px; font: 11px Arial, Verdana, Helvetica, sans-serif;}
#sidebar .linkBox p	{margin: 0px 0px 10px 0px;}


/* sidebar contentbox */

#sidebar .contentBox					{margin: 0px 20px 15px 0px;}
#sidebar .contentBox .boxContent	{font: 11px Arial, Verdana, Helvetica, sans-serif;padding: 10px 7px 5px 7px; background-color: #f8fbf4; border: solid 1px #dbdbdb; color: #4f8620;}
#sidebar .contentBox .boxContent #eniten a {display: block; font: 11px Arial, Verdana, Helvetica, sans-serif; padding: 0px 0px 5px 17px }

#sidebar .contentBox ul	{margin: 0px; padding: 0px; list-style: none;}
#sidebar .contentBox ul li	{padding: 0px 0px 5px 0px;}
#sidebar .contentBox ul ul	{margin: 5px 0px 0px 16px;}

#sidebar .contentBox a.open	{display: block; font-weight: bold; padding-left: 16px; background: url(images/li_active.gif) 0px 5px no-repeat;}
#sidebar .contentBox a.close	{font-weight: bold; background: url(images/li_passive.gif) 0px 2px no-repeat; padding-left: 15px; display: block;}

#sidebar .contentBoxHidden {display: none;}

/* text boxes */

#navibar	.textBox		{font: 11px Arial, Verdana, Helvetica, sans-serif;padding: 10px 40px 0px 20px;}
#sidebar .textBox		{padding: 10px 20px 0px 0px;}


/* footer */

#footer					{font: 11px Arial, Verdana, Helvetica, sans-serif;background: url(images/footer_bg.gif) repeat-x; height: 26px; width: 789px; color: #777676; color: #777676; clear: both;}
#footer .copyright	{float: left; padding: 3px 20px 0px 20px; margin: 0px;}
#footer .links			{float: left; padding: 3px 20px 0px 0px; margin: 0px;}
#footer .sitemapLink	{float: right; padding: 3px 20px 0px 20px; margin: 0px;}
#footer a				{color: #777676;}

/* application iframe */

.applicationFrame	{width: 911px !important; background: White url(images/wrapper_application_bg.gif) repeat-y !important;}

.applicationFrame #header,	
.applicationFrame #topNavi,
.applicationFrame #topNavi2,
.applicationFrame #content,
.applicationFrame #topNaviShort,
.applicationFrame #footer {width: 889px;}

.applicationFrame #content	{padding: 15px 0px 0px 0px;}

.applicationFrame #mainContentWide	{width: 667px;}

#applicationContent	{width: 667px; height: 700px;}

/* sitemap area navigation */

.sitemap .sitemapNavi
{
	padding-bottom: 40px;
	padding-left: 10px;
	padding-top: 10px;
	margin-bottom: 0px;
	background-color: #ffffff;
	color: #666666;
}

/* sitemap columns */

.sitemap .column
{
	display: block;
	width: 185px;
	float: left;
	padding: 0px;
}

/* sitemap page list */

.sitemap ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 165px;
	padding-bottom: 20px;
	display: block;
	float: left;
}

.sitemap ul li
{
	padding-bottom: 4px;
	width: 165px;
	float: left;
	display: block;
}

.sitemap li a
{
	display: block;
	float: left;
}

/* sitemap headers */

.sitemap h3
{
	background-image: url(../images/dotline.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	width: 165px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.sitemap h3 a:link, .sitemap h3 a:visited 
{
	text-decoration: none !important;	
	color: #000000 !important;
}

/* search result page search form */

table.searchPageForm
{
	margin-top: 10px;
}
.searchPageForm .txt
{
	font-family: verdana,arial,helvetica;
	font-size: 11px;
	width: 250px;
}

/* ADVANCED SEARCH */

table.advancedSearchForm
{
	margin-bottom: 15px;
}

table.advancedSearchForm td
{
	font-size: 11px;
}

table.advancedSearchForm input.txt
{
	font-family: verdana,arial,helvetica;
	font-size: 11px;
	width: 300px;
}

table.advancedSearchForm input.date
{
	font-family: verdana,arial,helvetica;
	font-size: 11px;
	width: 80px;
}


/** CONTENT AREA TABLES **/



/* grey table */

table.contentTableGrey
{
	border-top: 1px solid #CACACA;
	border-left: 1px solid #CACACA;
}

table.contentTableGrey th, table.contentTableGrey td.contentTableGreyHeading
{
	border-right: 1px solid #CACACA;
	border-bottom: 1px solid #CACACA;
	font-weight: normal;
	padding: 0px;
	color: #000000;
	/*background-image: url(images/bg_table_header.gif);
	background-repeat: repeat-x;*/
	background-color: #E9F3DC;
}

table.contentTableGrey td, table.contentTableGrey td.contentTableGrey
{
	border-right: 1px solid #CACACA;
	border-bottom: 1px solid #CACACA;
	padding: 0px;
	background-color: #F7F7F7;
}

table.frontPageTable 
{
	border: none;	
	padding: 0;
	margin: 0;
}

.frontPageTable td
{
	padding: 0px 7px 16px 0px;	
}

.ElamantilanteetViiva
{
  color: #dedede;
  background-color: #dedede;
  height: 1px;
  border: 0;
}

.asioiverkossa a
{
	display: block; 
	padding-left: 16px; 
	margin-bottom: 12px; 
	background: url(images/elamantilanteet_nuoli.gif) left no-repeat;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none !important;
}

.tutustunaihin a	
{
	display: block; 	
	margin-bottom: 8px; 
	text-decoration: none !important;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
}

.elamanvaiheissa a	
{
	display: block; 
	margin-bottom: 8px; 	
	text-decoration: none !important;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
}

/* IMAGE BANK */

/* image margins */

table.imageBank img
{
	margin-right: 20px;
	margin-bottom: 20px;
}

/* SEARCH RESULT LISTING */

.searchResultListing p
{
	background-image: url(images/dotline.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-bottom: 15px;
}

.searchResultListing .title
{
	padding-bottom: 5px;
	display: block;
	float: left;
	width: 100%;
}

.newsLink 
{	
	margin-bottom: 8px; 	
	text-decoration: none !important;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
}

.newsDate 
{
	margin-bottom: 8px; 		
	font: 12px Arial, Verdana, Helvetica, sans-serif;
}

.linkkitaulukko td
{
	padding: 2px 10px 2px 2px;
}