/***********************************
************************************
***
** 1. Defaults
** 2. Custom
** 2. Common
** 3. Navigation
** 4. Modules
** 5. Structure
*
/****************************************************************************
                     Defaults
*****************************/

body, table, td, li  {
	border: 0;
	font-size: 12px; 
	color: #000;
	padding: 0;
	margin: 0;
	
} /* Tahan sama kuin normal_text + default fontti */
body {
	background: white;
	font-family: arial, verdana;
}
table {
	border-collapse: collapse;
	empty-cells: show;
	margin: 0;
}
td { vertical-align: top; }
th { text-align: left; font-weight: bold; }

p {padding: 0;
	margin: 0 0 16px 0;}

/* * * * * * * * * * * * * */

input.button { 
/*
	padding-left: 3px; padding-right:  3px;
	padding-top:  1px; padding-bottom: 1px;
	color: #333333;
	font-size: 11px;
	vertical-align: middle;
	font-family: Arial;
	background-color: #DDE0E4;
*/
}
input.text {
/*
	color: #666666;
	padding: 2px 3px;
	font-family: 
*/
}

/****************************************************************************
                       Custom
*****************************/

/** voi tarvittaessa siirtaa components.css:aan, jos sama kuin jokin H **/
.left_heading { display: block; margin-bottom: 5px; font-weight: bold; }
.right_heading { display: block; margin-bottom: 5px; font-weight: bold; }
/** / **/

.tiny_text       { font-size: 10px; font-family: Arial, verdana, sans-serif;}
.small_text      { font-size: 11px; font-family: Arial, verdana, sans-serif;}
.normal_text     { font-size: 12px; font-family: Arial, verdana, sans-serif; }
.large_text      { font-size: 16px; }
.huge_text       { font-size: 18px; }

input.short_width  { width: 100px; }
input.normal_width { width: 150px; }
input.long_width   { width: 200px; }

.nopad    { margin: 0; padding: 0; }
.bmargin  { margin-bottom: 15px; }
.padblock { display: block; padding: 10px 0; }

.error	  { font-weight: bold; color: red; }
.ok		  { font-weight: bold; color: green; }

td.align_middle { vertical-align: middle; }
td.align_top    { vertical-align: top; }
td.align_bottom { vertical-align: bottom; }
.align_left     { text-align: left; }
.align_center   { text-align: center; }
.align_right    { text-align: right; }

.verdana        { font-family: 'Verdana'; }
.arial          { font-family: 'Arial'; }

/****************************************************************************
                       Common
*****************************/

/****
links
*****/

a, a:visited {
	color: #cc9900;
	text-decoration: none;
}
/*a:hover	{
	color: darkblue;
}*/

table.link { padding-bottom: 10px; }

table.internal_link {  }
a.internal_link     {  }
td.il_bullet        { vertical-align: top; padding-right: 3px; width: auto; }
td.il_link          { vertical-align: top; }
.il_news_link_header    { color: #cc9900; font-family: arial, verdana; font-weight: bold; font-size: 13px;}
table.file   {  }
a.file       {  }
td.fl_bullet { padding-right: 3px; width: auto; vertical-align: middle; }
td.fl_link   {  }
.filesize    {  }

/*****
header
******/


/*****
footer
******/
#footer_container { 
	float:left;
	width: 887px; 
	background: url('/images/footer_bg.jpg') bottom left no-repeat; 
	margin: 0;
	text-align: center;
	height: 169px;
	font-size: 8pt;
	
}
#footer_top         { 
	width: 887px; 
	margin: 15px auto 0 auto; 
	text-align: left; 
	height: 99px;
}
#footer_bottom {
	margin-top: 6px;

}
div#footer      {}
table.footer    {} 

div#footer_poweredby {
	padding-top: 15px;
}
div#footer_poweredby a{
	color: #000;
}
.footer a, .footer a:visited	{}
.footer a:hover	{}

.powered_by, .powered_by a, .powered_by a:visited 	{}
.powered_by a:hover			{}


/****************************************************************************
                   Navigation
*****************************/

/***
path
****/
#path_container {
	clear: both;
	width: 887px; 
	height: 15px;
	background: url('/images/center_bg.gif') repeat-y;
	padding: 1px 0 0 30px;
	margin: 0;
	color: #999999;
}

div#path	 { 
	/*background: url('/images/center_bg.jpg') repeat-y; */
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	/*color: #999999;*/ }
div#path ul { display: inline }
div#path li  { 
	/*color: #999999;*/
	padding-left: 2px;
	list-style: none; 
	font-size: 8pt;
	float: left; 
}
div#path a:link, div#path a:visited {
	color: #999999;
	text-decoration: none;
}
div#path a:hover {
	text-decoration: underline;
}
/*************
top navigation
**************/

div.top_nav { 
	float:left;
	height: 40px;
	background: url('/images/header_linkbar_center.gif') repeat-x; 
	padding: 0;
	margin: 0;
	font-size: 12px;
}
#top_menu_links_lvl1 img {
	/*padding: 0px 1px 0 4px;*/
	/*margin: 0;*/
	margin: 0px 1px 0 4px;
	vertical-align:middle;
}

#top_menu_links_lvl1 {
	padding: 8px 5px 0 5px;
	margin: 0;
}
#top_menu_links_lvl1 ul{
	
	padding: 0 1px 0 1px;
	margin: 0;
	display: inline; 
}
#top_menu_links_lvl1 li{
	/*padding: 0 2px 0 2px;*/
	padding: 0 2px 0 2px;
	margin: 0;
	float:left;
	list-style: none; 
	font-size: 12px;
}
a.top_menu_links_lvl1, a.top_menu_links_lvl1:visited { 
	color: #000;
	text-decoration: none;
}
a.top_menu_links_lvl1_selected, a.top_menu_links_lvl1_selected:visited { 
	color: #dfa800;
	font-weight: bold;
}



/****************************************************************************
                      Modules
*****************************/

/**
FAQ
***/

.faq_question, .faq_questioner,
.faq_answer, .faq_answerer { display: block; margin-bottom: 15px; }

.faq_answer     { }
.faq_answerer   { }
.faq_question   { }
.faq_questioner { }

.faq_back { }

/******
sitemap
*******/

td.sitemap           { padding-right: 20px; }
td.sitemap_last      { padding-right: 0px; }

.sitemap_lvl1 { font-size: 22px; }
/***/
ul.sitemap_lvl2    { margin-left: 0; padding-left: 15px; }
ul.sitemap_lvl2 li { }
a.sitemap_lvl2     { }
/***/
ul.sitemap_lvl3    { margin-left: 0; padding-left: 15px; }
ul.sitemap_lvl3 li { }
a.sitemap_lvl3     { }

/***********
product card - tuotekortti
************/

div.product_link { padding-bottom: 15px; }
.product_category_link {}

/************
person folder - henkilokortti
*************/

div.embedded_person {  }
table.view_person_folder {  }

/*******
feedback - palaute
********/
table.feedback_form {
	width: 400px;
}
td.feedback_error { padding-bottom: 15px; }
table.feedback_form td{
	padding: 1px 3px 1px 1px;
	vertical-align: middle;
	/*padding-right: 0px;*/
}
td.top {
	vertical-align:top !important;
}
/*******
sendlink
********/
table.sendlink_form {}

/*****
Search - haku
******/
div#search_box      {  }
div#search_box form {  }
div#search_box form input.text { width: 100px; }

a.search_result, a.search_result:visited {
	color: black;
}
a.search_result:hover {
	color: #666666;
}

a.search_result_path, a.search_result_path:visited {
	color: #666666;
}
a.search_result_path:hover {
	color: black;
}

/***
news - uutiset
****/

div#news       {  }
div#news_hoist {
	margin: 0;
	padding: 0;
	/*padding-top: 10px;
	padding-left: 15px;
	padding-right: 20px;
	padding-bottom: 5px;*/
}

div#news_list  {  }
div#news_content { margin: 5px 0 0 0;}
div#news_hoist div.list_item { padding: 0 0 10px 0; }
div#news_list div.list_item  {  }

.news_lead    {  }
div#news_nav  { 
	border-top: 1px #f0f0f0 solid;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
}

div#news .date,
div#news_list .date,
div#news_hoist .date { display: block; }

a.news_hoist, 
a.news_hoist:visited, 
a.news_hoist:hover { 
	color: #cc9900;
	font-weight: bold;
}

a.news, 
a.news:visited, 
a.news:hover {  }

/****************************************************************************
                    Structure
*****************************/
	

#left_container    { 
	padding: 0;
	background: url('/images/center_bg.gif') left repeat-y;
	width: 257px;
	float:left;
	text-align: left;
	margin: 0; 
	clear: both;
	height: 100%;
}
#left_container img{
	margin-left: 27px;
	margin-bottom: 10px;
	/*margin: 0;*/
}
	
#right_container{ 
	float: left;
	width: 627px;
	padding: 0; 
	margin: 0; 
}

#right_containerbar { 
	width: 207px;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom:0;
	margin-left: 5px;
}
/* Keskiosa - varsinainen sisalto */
#content_container{ 
	width: 377px;
	float:left;
	padding: 0px 10px 0 15px; 	
	margin: 0; 	
	font-family: arial, verdana;
	font-size: 12px;
	/*border: 1px #000 solid;*/
}
div#content_container_wide{
	width: 570px;
	/*width: 584px;*/
	/*width: 377px;*/
	/*207*/
	float:left;
	padding: 0px 10px 0 15px; 	
	margin: 0; 	
	font-family: arial, verdana;
	font-size: 12px;
	/*border: 1px #000 solid;*/
}

#content_container h1, #content_container_wide h1{
	font-size: 17pt;
	letter-spacing: 1px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 10px 0;
}
#content_container h2, #content_container_wide h2{
	font-size: 10pt;
	font-weight: bold;
	
}
#content_container h2 a, #content_container_wide h2 a{
	color: #000;
}

#content_container a, #content_container_wide a, .box a{
	/* Ylempi on aika vaalea, alempi on hieman tummempi.*/
	/*color: #dfa800;*/
	color: #cc9900;
}
#content_container a:hover, #content_container_wide a:hover, .box a:hover{
	/* Ylempi on aika vaalea, alempi on hieman tummempi.*/
	/*color: #dfa800;*/
	color: #cc9900;
	text-decoration: underline;
}
#content_container ul, #content_container_wide ul{
	margin: 5px 0 20px 20px;
	padding: 0;
}
.box {
	width: 207px;
	font-size: 8pt;
	padding: 0;
	margin: 0;
}
.box_top {
	width: 207px;
	height: 15px;
	background: url('/images/box_top.gif') top left no-repeat; 
	padding: 0;
	margin: 0;
}
.box_middle {
	width: 217px;
	margin: 0;
	background: url('/images/box_middle.gif') left repeat-y; 
}
div.box_middle_contents {
	width: 190px;
	padding: 0 0 0 15px;
}
.box_bottom {
	width: 207px;
	height: 20px;
	padding: 0;
	margin: 0;
	background: url('/images/box_bottom.gif') bottom left no-repeat; 
}
.box_middle p{
	margin: 0;
	padding-top: 10px;
	padding-bottom: 5px;
}
.box_middle h1 {
	margin: 0px 25px 0px 0px;
	font-weight: bold;
	font-size: 8pt;
}
.box_middle a {
	color: #cc9900;
}

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

.box_left {
	width: 207px;
	font-size: 8pt;
	padding: 0;
	margin: 0 0 0 27px;
}

#homepage_img {
	position: absolute;
	left: 620px;
	top: 25px;
	border: 0;
}

#container { 
	position:absolute;
	left:50%;
	margin-left:-423px;
	width: 887px; 
	background: url('/images/center_bg_line.gif') repeat-y;
	text-align: left; 
	border: 0;
	padding: 0;
}
#header_container  { 
	height: 97px; 
	padding: 0px;
	margin: 0;
	border: 0px;
}
#header_top {
	height: 65px;
	background: url('/images/header_top.gif')  no-repeat top left; 
}
#header_linkbar{
	/*border: 2px #000 solid;*/
	height: 40px;
	padding: 0 0 0 27px;
	/*padding: 0;*/
	margin: 0;
	background: url('/images/header_linkbar_bottom.gif')  no-repeat top left; 
	clear: both;
	
}
#header_linkbar_left{
	float:left;
	padding: 0;
	margin: 0;
	height: 40px;
	width:6px;
	background: url('/images/header_linkbar_left.gif')  no-repeat top left; 
	
}
#header_linkbar_right{
	float:left;
	height: 40px;
	width:6px;
	padding: 0;
	margin: 0;	
	background: url('/images/header_linkbar_right.gif')  no-repeat top right; 
}
/****************************************************************************
                   Kohdekortin tyylimaarittelyt
*****************************************************************************/
div.kortti_wide {
	float:left;
	margin: 0 0 20px 0;
	clear:both;
	width: 560px;
	font-size: 10px;
}
div.kortti_normal {
	float:left;
	margin: 0 0 10px 0;
	clear:both;
	width: 360px;
}

div.kortti_vasen {
	float:left;
	width: 350px;
}
div.kortti_oikea {
	float:left;
	width: 200px;
	padding: 0 0 0 5px;
}
table.kortti td{
	padding: 1px 10px 2px 2px;
}
td.kortti_headercell {
	/*font-weight: bold;*/
	padding: 1px 10px 2px 2px;
	
}

.kortti_otsikko{
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
}
.heading {
	font-size: 17pt;
	letter-spacing: 1px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 10px 0;
}

.taulu {
	border-collapse: collapse;
	empty-cells: show;
	margin: 0 0 10px 0;
	padding: 0;
	width:493;
}
.taulu td {
}
.html_area_block {
	margin: 0;
	padding: 0;
}

/**************
side navigation
***************/

#left_linklist {
	padding: 0;
	margin: 0;
}
#left_linklist ul{
	list-style-type: none;
	margin: 13px 0 0 40px;
	padding: 0;
	
}
#left_linklist a{
	color: #000;
}
#left_linklist img {
	margin: 0;
}

.side_menu_link_lvl1_selected {
	 margin: 4px 0 4px 0px;
	 padding: 0;
	 font-weight: bold;
}
.side_menu_link_lvl1 {
	margin: 8px 0 4px 0px;
	/*list-style-image: url("/images/link_bullet.gif");*/
}

/*.side_menu_link_lvl1 img{
	margin: 5px 5px 0 0;
}*/
.side_menu_link_lvl1 a:hover{
	text-decoration: underline;
}
.side_menu_link_lvl2 {
	margin: 4px 0 4px 10px;
	padding: 0;
	list-style: none;
	font-size: 11px;
}
/*.side_menu_link_lvl2 img {
	margin: 0 5px 0 15px !important;
}*/
.side_menu_link_lvl2_selected {
	margin: 4px 0 4px 10px;
	padding: 0;
	list-style: none;
	font-size: 11px;
	font-weight: bold;
}
.side_menu_link_lvl2 a:hover{
	text-decoration: underline;
}
/* To center the bullet vertically */
.bulletitem {
	margin: 0 0 -1px !important; 
}
.viiva {
	margin: 0px 2px 2px 0px !important;
}
/* Imagegallery classes*/
.gallerypicture{
	text-align: center;
}
div.gallerypicture{
	padding: 5px;
	margin-top:5px;
	text-align: center;
	margin-left: 5%;
	margin-right: 5%;
}
div.gallerypicture p{
	font-size: 11px;
	margin: 5px;
}
.gallery {
}
table.gallery{
}
table.gallery td{
padding-top: 5px;
width: 150px;
}
table.gallery img{
	border-top: 1px #cc9900 solid;
border-right: 1px #cc9900 solid;
border-bottom: 1px #cc9900 solid;
border-left: 1px #cc9900 solid;
/*border-top: 5px #e1e1d9 solid;
border-right: 1px #e1e1d9 solid;
border-bottom: 1px #e1e1d9 solid;
border-left: 1px #e1e1d9 solid;*/
/*color: #cc9900;*/
}
table.gallery img:hover{
border-top: 1px #cc9900 solid;
border-right: 1px #cc9900 solid;
border-bottom: 1px #cc9900 solid;
border-left: 1px #cc9900 solid;
/*color: #cc9900;*/
}
table.gallery p{
	padding: 2px 2px 4px 2px;
}
td.gallery_wide{
	width:250px !important;
	vertical-align: middle;
	padding-left: 5px;
}

div.gallerypicture_menu {
	margin-top: 5px;
	text-align: center;
}
div.gallerypicture_menu_left {
	text-align: left;
	float:left;
	width: 19%;
}
div.gallerypicture_menu_center {
	float:left;
	text-align: center;
	width: 60%;
}
div.gallerypicture_menu_center p{
	text-align: center;
	margin-left: 5%;
	margin-right: 5%;
}
div.gallerypicture_menu_right {
	text-align: right;
	float:right;
	width: 19%;
	/*border: 1px #000 solid;*/
}
div.gallerypicture_menu p{
	font-size:12px;
	padding: 5px;
	/*width: 50%;*/
	/*margin-left: 5%;
	margin-right: 5%;*/
}
div.gallerypicture img {
	border: 1px #cc9900 solid;
}

#gallery_linkbar{
	height: 40px;
	padding: 0 0 0 27px;
	margin: 0;
	background: url('/images/gallery_linkbar_bottom.gif')  no-repeat top left; 
	clear: both;
	
}
#gallery_linkbar_left{
	float:left;
	padding: 0;
	margin: 0;
	height: 40px;
	width:6px;
	background: url('/images/gallery_linkbar_left.gif')  no-repeat top left; 
	
}
#gallery_linkbar_right{
	float:left;
	height: 40px;
	width:6px;
	padding: 0;
	margin: 0;	
	background: url('/images/gallery_linkbar_right.gif')  no-repeat top right; 
}
div#gallery_nav_container {
	/*height: 100px;*/
	/*margin-left: 5%;
	margin-right: 5%;*/
	margin: 0 auto;
	/*padding-bottom:5px;*/
	width: 430px;
	/*width: 100%;*/
}

div.gallery_nav { 
	float:left;
	height: 40px;
	text-align: center;
	background: url('/images/gallery_linkbar_center.gif') repeat-x; 
	/*padding: 0;*/
	padding: 8px 5px 0 5px;
	/*margin: 0 auto;*/
	font-size: 12px;
	width: 388px;
	/*border:2px #000 solid;*/
}
div#gallery_nav_inner_container { 
	float:left;
	height: 40px;
	text-align: center;
	margin: 0 auto;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	width: 100%;
	/*width: 386px;*/
	border:2px #000 solid;
}

.gallery_nav ul{
	padding: 0 1px 0 1px;
	margin: 0;
	display: inline; 
}
.gallery_nav li{
	/*padding: 0 2px 0 2px;*/
	padding: 0 2px 0 2px;
	margin: 0;
	float:left;
	list-style: none; 
	font-size: 12px;
}