@import url('/css/common.css');
body { margin:0; padding:0; background:#1f2125; overflow-x:hidden; }
.mainwrap { position:relative; margin:0 auto; width:940px; padding:0 10px; }
img { max-width:100%; }
hr { border: #59a92e 5px solid;}

.bg_header { position:absolute; top:0; left:0; height:56px; width:100%; background:#2f3844; z-index:2000; box-shadow: 0px 0px 10px #000; }
.bg_header .search { padding:16px 10px 0 0; position:relative; right:-10px; background:url('/layout/bg_search.png') 100% 18px no-repeat; }
.bg_header .menu {  width:300px; z-index:1000; padding-right:85px; }
.bg_header .menu .navigation { display:none; background:url('/layout/bg_navigation.png') 50% 100% no-repeat #fff; padding:10px 0; }
.bg_header .menu .navigation ul li { position:relative; }
.bg_header .menu .navigation ul li a { display:block; color:#1f1f1f; padding:6px 15px 6px 30px; font-size:16px; }
.bg_header .menu .navigation ul li .dot { display:block; position:absolute; height:100%; width:25px; top:0; left:0; background: url('/layout/menu_navigation_dot.png') no-repeat 6px 6px transparent; }
.bg_header .menu .navigation ul li .dot:hover { cursor:pointer; }
.bg_header .menu .navigation ul li a:hover, .bg_header .menu .navigation ul li a.selectednavi { text-decoration:none; background:#98b2b6; color:#fff; font-family:'DaxMedium', Arial, helvetica; }
.bg_header .menu .navigation ul li ul { padding:5px 0; }
.bg_header .menu .navigation ul li ul li a { padding:2px 0 2px 70px; color:#828282; } 
.bg_header .menu ul { list-style:none; margin:0; padding:0; }
.bg_header .menu ul.showmenu li a { display:block; height:38px; padding-top:12px; width:300px; text-align:center; font-family: 'DaxMedium', Arial, helvetica; font-size:16px; color:#fff; background:url('/layout/bg_menu_open.png') no-repeat; }
.bg_header .menu ul.showmenu li a.menuopen { height: 29px; }
.bg_header .language { padding:19px 8px 0 0; }
.bg_header .language .flagsselected { display:none; }

.searchlive { position:relative; padding: 1px 3px 0 0; border:none; z-index:1000; }
.searchlive .searchlivedisplay { display:none; position:absolute; top:25px; left:0; width:200px; border:1px solid #ccc; background-color:#fff; z-index:900; }
.searchlive .searchliveresults .searchliveresult {  margin-bottom:5px; }
.searchlive .searchliveresults .searchliveresult a { display:block; padding:5px; min-height:10px; height:auto !important; height:10px; text-decoration:none; }
.searchlive .searchliveresults .searchliveresult a:hover { background-color:#eee; }
.searchlive .searchliveresults .searchliveresultingres { padding-top:3px; color:#555;font-size:11px; font-style:italic; }
.searchlive .searchliveresults .searchliveresultingres span.searchhitstring { font-weight:bold; }
.searchlive a.searchlivehide { font-size:12px; text-decoration:none; color:#aaa; display:block; text-align:right; padding:3px; }
.searchlive input.searchliveinput { width:160px; padding: 3px 0 3px 16px; border:none; background-color:#fff; font-family:arial,helvetica,verdana; font-size:11px; color:#444; }
.searchlive .searchlivenoresults { padding:5px; }

.mainwrap_top { margin-top:56px; }
.mainwrap_top .logo_green { position:absolute; right:10px; top:0; z-index:1000; }
.banner .tsi_bannerslot img { width:100%; }
.banner.banner_subpage { position: absolute; top: 56px; left: 0; width: 100%; }
.bg_white { background:#fff; }
.bg_white.kim_gran .mainwrap { height:396px; background:url('/layout/kim_gran.jpg') 100% 0 no-repeat; }
.bg_gray { background:#343539; }
.bg_gray.liikevaihdon_kasvu { min-height:225px; height:auto !important; height:225px; padding:60px 0 50px;}
.bg_gray.avainluvut { padding-top:40px; }
.bg_gray .column { color:#fff; font-size:18px; width:28%; }
.bg_gray .column p { line-height: 26px; }
.bg_gray .column_center { margin:0 8%; }

.column_430 { width:430px; padding-top:30px; }
.column_3 { width:29.716312056%; padding:30px 1.808510638% 40px; text-align:center; }
.column_3 p { font-size:13px; line-height:18px; }
.column_3 h1 { font-size: 27px; }
.column_3 .tsi_bannerslot { margin:10px 0 35px; }
.column_4 { width:22.925531914%; padding:0 0 17px 2.765957446%; margin-bottom:60px; }
.column_4_first { padding-left:0; }
.column_480 { width:480px; padding:20px 0; }
.column_header { padding:10px 0 20px; }

.bg_contentarea_subpage { background:#38393c; padding-bottom:20px; margin-top:350px;  }
.bg_contentarea_subpage .subpage_content { z-index: 100; position: relative; padding:30px 7.44680851%;  background:#fff; min-height:400px; height:auto !important; height:400px; -moz-box-shadow:0 0 20px #333; -webkit-box-shadow:0 0 20px #333; box-shadow:0 0 20px #333; }
.bg_contentarea_subpage .subpage_content h1 p { line-height:28px; }

.subpage_content ul{
    list-style: none;
    position: relative;
    padding: 0;
    line-height: 18px;
    margin: 0;
}

.subpage_content li{
    padding-left: 1.2em; 

}

.subpage_content li:before {
    position: absolute;
    
    content: "•";
    font-size:20px;
    color: #59a92e;
    left: 0;
}


.subpage_content .henkilot p{
   font-size:12px;
   line-height:14px;

}


.footer { padding-top:50px; /* background:url('/layout/bg_footer.jpg') repeat-x 0 -130px; */ font-size:12px; }
.footer ul { list-style:none; margin:0; padding:0; }
.footer .footer_column { width:28%; padding-bottom:30px; color:#9d9d9d; }
.footer .footer_column h1 { font-size:18px; font-family: "DaxMedium"; color:#fff; }
.footer .footer_column h2 { color:#9d9d9d; font-size:15px; padding-top:25px; }
.footer .footer_column a { color:#9d9d9d; }
.footer .footer_column.footer_column_download ul li a { display:block; padding: 7px 0 7px 23px; background:url('/layout/bg_footer_download.png') no-repeat; }
.footer .footer_column.footer_column_icons { width:16%; }
.footer .footer_column .footer_column_links ul li { padding-bottom:6px; }
.footer .icons ul li { padding-bottom:4px; }
.footer.footer_subpage { padding-top:40px; background:url('/layout/bg_footer.jpg') repeat-x; background-position:0 -130px; }

.float_left { float:left; }
.float_right { float:right; }
.clear { clear:both; }

@media screen and (max-width: 960px) {
	body { -webkit-text-size-adjust: none; }
	.mainwrap { width:auto; }
	.bg_header .menu { padding-right:10px; }
	.bg_white.kim_gran .mainwrap { background-position:480px 0; }
	.bg_contentarea_subpage { margin-top:280px; }
}
@media screen and (max-width: 767px) {
	.bg_header { height:97px; }
	.mainwrap_top { margin-top:97px; }
	.banner.banner_subpage { top:97px; }
	.bg_header .menu { padding-right:0; }
	.bg_header .logo { float:right; clear:right; }
	.mainwrap_top .logo_green { display:none; }
	.bg_gray.liikevaihdon_kasvu .column { width:48%; }
	.bg_gray.liikevaihdon_kasvu .column_text { float: none; width: auto; clear: both; padding-top: 20px; }
        .bg_gray .column_center { margin:0 2%; }
	.footer { padding-top:25px; }
}
@media screen and (max-width: 560px) {
	.bg_header { height:150px; }
	.bg_header .search { margin-right: 45px; }
	.bg_header .logo { padding-right:65px; }
	.mainwrap_top { margin-top:150px; }
	.banner.banner_subpage { top:150px; }
	.bg_header .mainwrap { width:300px; }
	.bg_header .menu { position: absolute; top: 95px; left:10px; }
	.bg_white.kim_gran .mainwrap { background-image:none; height:auto; }
	.column_430 { width:auto; padding-top:0; }
	.footer .footer_column { width: 50%; height: 120px; padding-bottom:0; }
	.footer .footer_column.footer_column_icons { width: 130px; }
}
@media screen and (max-width: 460px) {
	.bg_contentarea_subpage { margin-top:250px; }
}




------------------------- Table 2 ----------------------------------
.avain table { 
 border-collapse:collapse;
  font-size:11px;
  width: 100%; } 

.avain {
  font: 12px/150% ; 
  overflow: hidden; 
}
.avain .Header{
	
	color:#57ab27;
	font-size:14px;
}

 .vali {
	border-top:1px  #000  solid;
}
.avain table td, .avain table thead th{ 
  padding:6px 10px; 
  text-align:right;
}

.avain .viher{ 
   background-color:#57ab27 ;
}

.avain table td:first-child, .datagrid table th:first-child { 
  text-align:left;
}

.avain table td:nth-child(4n), .avain table th:nth-child(2){ 
    background-color: #EEEEEE; 

}

.avain .Taulukko-vasen {
    text-align: left;
}
.avain .Liitteen-viite-aloitus{
    text-align: left;
}


.avain table thead th {
  font-size: 13px; 
  font-weight: 200; 
  border: none;
} 


.avain table tbody td { 
  color: #000; 
  font-size: 12px;

}

-----------------------------Table3---------------------------------


.avain2 table { 
 border-collapse:collapse;
  font-size:11px;
  width: 100%; } 

.avain2 {
  font: 12px/150% ; 
  overflow: hidden; 
}
.avain2 .Header{
	background:#fff;
	color:#57ab27;
	font-size:14px;
}

.avain2 .vali {
	border-top:1px #000 solid;
}
.avain2 table td, .avain table thead th{ 
  padding:6px 10px; 
  text-align:right;
}

.avain2 .viher{ 
   background-color:#57ab27 ;
}

.avain2 table td:first-child, .datagrid table th:first-child { 
  text-align:left;
}

.avain2 table td:nth-child(2n), .avain table th:nth-child(0){ 
    background-color: #EEEEEE; 

}

.avain2 .Taulukko-vasen {
    text-align: left;
}
.avain2 .Liitteen-viite-aloitus{
    text-align: left;
}


.avain2 table thead th {
  font-size: 13px; 
  font-weight: 200; 
  border: none;
} 


.avain2 table tbody td { 
  color: #000; 
  font-size: 12px;

}