@import "/styles/styles_common.css";

body {
	background-color: #FFF;
	background-image: url(../images/layout/default/body_background.jpg);
	background-repeat: repeat-x;
	background-position: left top;

	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	/*font-family: tahoma, verdana, arial, helvetica;*/
	font-size: 1.125em;
	font-weight: bold;
	color: #2189a6;
	}
h2 {

	font-family:Arial, Helvetica, sans-serif;
	/*font-family: tahoma, verdana, arial, helvetica;*/
	font-size: 1em;
	color: #0081a5;

	}
.nostootsikko_h2{
	font-family:Arial, Helvetica, sans-serif;
	/*font-family: tahoma, verdana, arial, helvetica;*/
	font-size: 1em;
	color: #0081a5;
	font-weight:bold;
}	
	
h3 {	
	font-family:Arial, Helvetica, sans-serif;
	/*font-family: tahoma, verdana, arial, helvetica;*/
	font-size: 0.875em;
	color: #0081a5;
	}
a	{
	color: #1f7e99;
	text-decoration: none;
		}
a:visited {
/*	color: #4b4b99;	*/
	color: #1f7e99;
	}
a:hover {
	color: #1f7e99;
	text-decoration: underline;	
	}
.sininen, a.sininen {
	color: #2189a6;
	}
#layoutbottom {
	background: url(/images/layout/default/maincontainer_bottom_curve.gif) no-repeat top;
	margin-left: auto;
	margin-right: auto;
	margin-top: -2px;
	overflow:hidden;
	margin-bottom: 0;
	padding-bottom: 0;
	padding: 0;
	width:968px; 
	height:18px;
	clear: both;

	}
#layouttop {
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	background:url(/images/layout/default/maincontainer_top_curve.gif) no-repeat; 
	width:968px; 
	height:5px;
	clear: both;
	}
#layout {
	width: 968px;  

	clear: both;
	margin-left: auto;

	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;

	background-color: #ffffff;
	background-image:url(../images/layout/default/maincontainer_background.gif);
	background-repeat: repeat-y;
		display: table;
}

#maincontainer {
	padding-left: 16px;
	padding-right: 16px;
	background-image: url(../images/layout/default/contentarea_gradient_background.jpg);
	background-repeat: no-repeat;

	background-position: center bottom;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom:0;
	clear: both;
	float: left;
	}
#head {
	height: 80px;
	margin-top: auto;
	margin-bottom: auto;
	color: #2189a6;
	font-size: 0.75em;
	}
#head .hakukentta{
	height: 24px;
	background: url(../images/layout/default/hakutausta.gif) no-repeat;
	width: 184px;
	border: 0;
	padding-left: 30px;
	padding-right: 10px;
	margin: 0;
	}
#head #hae {
	height: 24px;
	margin: 0;
}

#menu {
	height: 32px;
	background-image: url(../images/layout/default/menu_background.gif);
	background-repeat: no-repeat;
	line-height: 32px;
	vertical-align: middle;
	margin-top: auto;
	margin-bottom: auto;
	width: 936px;
	}
#menu {
	color: #ffffff;
	font-size: 0.875em;
	font-weight:bold;
	margin: 0px;
	margin-bottom: 10px; 
/*	letter-spacing: -1px;*/
	}


	
#menu2 {
	height: 32px;
	background-image: url(../images/layout/default/menu_background2.gif);
	background-repeat: no-repeat;
	line-height: 32px;
	vertical-align: middle;
	margin-top: auto;
	margin-bottom: auto;
	width: 470px;
	}
#menu2 {
	color: #ffffff;
	font-size: 0.875em;
	font-weight:bold;
	margin: 0px;
	margin-bottom: 10px;
/*	letter-spacing: -1px;*/
	}
	
#menu a {
	color: #ffffff;
	}
	
#menu2 a {
	color: #ffffff;
	}
#contentarea {
	min-height: 300px;
	}
.currentmenufirst
  {
  width:20px;
  height:32px;
  float:left;
  background:url(../images/layout/default/currentmenufirst.jpg) no-repeat;
  }
.currentmenufirstfront
  {
  width:20px;
  height:32px;
  float:left;
  background:url(../images/layout/default/currentmenufirstfront.jpg) no-repeat;
  }
.currentmenuarea
  {
  width:auto;
  height:32px;
  float:left;
  background:url(../images/layout/default/currentmenuarea.jpg) repeat-x;
  }
.menupaddings
  {
  padding:0px 10px 0px 10px;
  float:left;
  }
.menupaddings_active
  {
  padding:0px 10px 0px 10px;
  }
.menupaddings_activefirst
  {
  padding:0px 10px 0px 0px;
  }
.currentmenuend
  {
  width:20px;
  height:32px;
  float:left;
  background:url(../images/layout/default/currentmenuend.gif) no-repeat;

  }
.currentmenuendlast
  {
  width:10px;
  height:32px;
  float:left;
  background:url(../images/layout/default/currentmenuendlast.jpg) no-repeat;
  }
.mainmenu_active {
	/*background: url(/images/layout/default/menu_background_active.gif); no-repeat;*/
	}
#menu .mainmenu_active a {	
	color: #2189a6;
	}
#menu2 .mainmenu_active a {	
	color: #2189a6;
	}
	
.mainmenu {
	background: none;
	}
/* for Internet Explorer */
/*\*/
* html #contentarea {
height: 300px;
}
/**/
#menu ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-position: outside;
	position: relative;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
}
#menu ul li {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#menu2 ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-position: outside;
	position: relative;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
}
#menu2 ul li {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#two_column_content_table {
	float: left;
	width: 688px;
/*	background-image:url(../images/layout/default/two_column_content_table_background.gif);*/
/*	background-repeat: no-repeat;*/
	margin: 0;
	padding: 0;
	}
.leftnavigation ul {
	width: 192px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	}
.leftnavigation ul li
  {
  padding-left: 10px;
  

  }
.leftnavigation ul li ul {
	width: 192px;
	margin: 0px;
	padding: 0px;
	margin:10px 0px 0px -10px;


	list-style-type: none;
	}
.leftnavigation ul li.leftmenuitem ul li, .leftnavigation ul li.leftmenuitem_default_submenu ul li
  {
    height:25px;
  	background:url(../images/layout/default/ligraybg.jpg) repeat-y;
  }
.leftnavigation ul li.leftmenuitem_nonproduct ul li
  {

  	background: none;
  }
.leftnavigation ul li ul li.leftmenuitembottom
  {
  height:3px;
  background:url(../images/layout/default/ligraybottombg.jpg) left bottom no-repeat;
   
  }

li.leftmenuheading_default{
	margin-bottom:3px;

	height:35px!important;
	}
li.leftmenuheading_default a{
	line-height:35px!important;
	vertical-align:middle;
	margin-left:3px;
	font-weight:bold;
	font-size: 14px;
	text-transform: uppercase;
/*	line-height:25px;*/
	vertical-align:middle;
	color: #ffffff!important;
	font-size: 016px;

	}
.leftmenuheading_default, .leftmenuheading_default a {
	}

.leftnavigation li {
	vertical-align:middle;
	
  height: auto;
	}
LI.leftmenuitem, LI.leftmenuitem_nonproduct, LI.leftmenuitem_default_submenu{
	margin-left:3px;
	margin-right:-3px;
	min-height:25px;
	height:auto !important;
	height:25px;
		color: #000000;
	font-size: 12px;
	cursor: pointer;

	}
LI.leftmenuitem li {
	margin-left: 0px;}
.leftnavigation ul li ul LI.leftmenuitem_default_submenu{
  background:url(../images/layout/default/activeblue.jpg) no-repeat;
  margin:0px 0px -1px -1px;
  color:#006480;
}
.leftnavigation ul li ul LI.leftmenuitem_default_submenu a
  {
  color:#006480;
  }

LI.leftmenuitem_default_sublevel{
	padding-left:20px;	
	}
li.leftmenuitem
  {
  background:url(../images/layout/default/ulliullibg.jpg) no-repeat;
  }

LI.leftmenuitem_default_sublevel UL LI{
	padding-left:40px;
	list-style:disc;
	list-style-position:inside;
	color: #2da1c1;
	}

IMG.kuvituskuva{

padding: 0;
padding-bottom:5px;
margin-top: 3px;
float:left;
width: 490px;
overflow: hidden;

}
#left_navigation_menu 
  {
	background:url(../images/layout/default/left_column_background.png) no-repeat;
	padding-top: 2px;
	padding-left: 1px;
	width: 192px;
	font-size: 0.875em;
  }
#left_navigation_menu p {
		margin-left: 15px;
	font-size: 0.875em;
}
#left_navigation_menu, #left_navigation_menu a, #leftnavigation_menu heading, #leftnavigation_menu standard {
	color: #000000;
	font-size: 12px;
	cursor: pointer;
	}
#left_navigation_menu a:hover {
	text-decoration: none;
	}

.leftmenuheading_default {
	height: 39px;
	background: url(/images/layout/default/leftnavi_heading.gif) no-repeat;
	}

.leftmenuitem_default_active {
	background: url(/images/layout/default/leftnavi_active.gif) no-repeat;

	}
.leftmenuitem_default_submenu {
	background: url(/images/layout/default/leftnavi_submenu.gif) no-repeat;
	color: #000000;
	font-size: 12px;
	cursor: pointer;

}

.leftmenuitem_default {
	background: none;
	}
/* 2 column content table */
#left_column {
	float: left;
	clear: left;
	width: 192px;
	padding:0;
	}
#right_column {
	width: 496px;
	background:url(../images/layout/default/column_bg.png) no-repeat;
	overflow-x:hidden;
  background-color: #ffffff;
	padding-top: 2px;
	}
#two_column_content_table_main_content {
	width: 496px;
	font-size: 0.75em;
	display: inline;
	}
#two_column_content_table_main_content>img 
{
 margin:3px 0px 0px 2px;
}
#two_column_content_table_main_content p { /*padding-left: 10px; padding-right: 10px;*/}
#two_column_content_table_left_divider {
/*	float:left;*/
/*	clear: left;*/
	margin: 0;
	padding: 0;
	height: 15px;
	width: 192px;
/*	background-image:url(../images/layout/default/two_column_content_table_left_divider.png);*/
/*	background-repeat: no-repeat;*/
	background-image:url(../images/layout/default/two_column_content_table_left_banner_background.gif);
	background-repeat: repeat-y;
}
#two_column_content_table_left_banner_area {
	width: 192px;
	background-image:url(../images/layout/default/two_column_content_table_left_banner_background.gif);
	background-repeat: repeat-y;
	padding: 0; margin: 0;
	}
#two_column_content_table_bottom {
	background: none;
	margin-bottom:2px;
	}
/* 3 column content  */
#middle_column {
	min-width: 501px;
	width:501!important;
	/*
	background-image:url(../images/layout/default/three_column_content_table_right_column_background.png);
	background-repeat: no-repeat;*/
	background:url(../images/layout/default/three_column_bg.png) no-repeat;
  background-color: transparent;
	padding-top: 0px;
	padding-right:1px;

	margin:0px;
	
		}
#three_column_content_table {
	float: left;

	margin: 0;
	padding: 0;
	}
		
		
#three_column_content_table_main_content {
	width: 499px;
	font-size: 0.75em;
	display: inline;
	}
#three_column_content_table_topical_content {
	width: 450px;
	/*font-size: 0.75em;*/
	display: inline;
	}
	
#three_column_content_table_main_content>img
  {
  margin:5px 0px 0px 2px;
  }
#three_column_content_table_main_content p { /*padding-left: 10px; padding-right: 10px;*/}
#three_column_content_table_left_divider {
	margin: 0;
	padding: 0;
	height: 15px;
	width: 192px;
	background-image:url(../images/layout/default/two_column_content_table_left_banner_background.gif);
	background-repeat: repeat-y;
}
#three_column_content_table_left_banner_area {
	width: 192px;
	background-image:url(../images/layout/default/two_column_content_table_left_banner_background.gif);
	background-repeat: repeat-y;
	padding: 0; margin: 0;
	}
#three_column_content_table_bottom {
	background: none;
	margin-bottom:2px;
	}
#rightcontentarea {
/*	padding-left: 10px;*/
	float: right;
	clear: right;
	}
	
#three_column_content_table_right_content
{
padding-left:2px;
}	
	
#three_column_content_table_right_content table.nosto {
	margin-bottom: 10px;
	margin-top: 0;

}
#three_column_content_table_right_content table.nosto h1 {
	margin-left: 15px;

	color: #0081a5;
	font-size: 0.75em;
	font-weight: bold;
	text-transform: uppercase;
	}
#three_column_content_table_right_content .nostosisalto {
	margin-left: 15px;
	padding-left: 15px;
	background-image: none;
	font-size: 0.75em;
}
#three_column_content_table_right_content .nostosisalto ul {
		margin-left: 5px;
		margin-top: 5px;
		padding-left: 15px;
		margin-right: 15px;
		}
#three_column_content_table_right_content .nostosisalto ul li {
	list-style-position: outside;
	list-style-image: url(/images/elements/nosto_ul.gif);
	list-style-type: none;	
	margin-bottom: 5px;
	}
	

#three_column_content_table_right_content .nostootsikko {
	background-image: none;

	}

table.nosto {
	margin-bottom: 10px;
	margin-top: 0;

	}
table.nosto2 {
	margin-bottom: 10px;
	margin-top: 0;

	}
	
table.nosto h1 {
	margin: 0px 0px 0px 15px;
	color: #ffffff;
	font-size: 0.80em;
	font-weight: bold;
	text-transform: uppercase;

  vertical-align:middle;
	}
.lyhyesti
  {
  width:237px;
  float:left;
  height:auto;

  }
.lyhyesti_top
  {
  width:237px;
  float:left;
  height:13px;
  background:url(../images/layout/default/lyhyesti_top.jpg) no-repeat;
  background-position:bottom;
  }
.lyhyesti_bg
  {
  width:237px;
  float:left;
  min-height:100px;
  height: auto !important;
  height:100px;
  background:url(../images/layout/default/lyhyesti_bg.jpg);
  }
.lyhyesti_bottom
  {
  width:237px;
  float:left;
  height:13px;
  background:url(../images/layout/default/lyhyesti_bottom.jpg) no-repeat;
  }

.nostosisalto {
	margin-left: 15px;
	padding-left: 15px;
	background-image: url(/images/layout/default/nosto_background.png);
	background-repeat: repeat-y;
	font-size: 0.75em;
}
.nostosisalto ul {
		margin-left: 5px;
		margin-top: 5px;
		padding-left: 15px;
		margin-right: 15px;
		}
.nostosisalto ul li {
	list-style-position: outside;
/*	list-style-image: url(/images/elements/nosto_ul.gif);*/
	list-style-type: none;	
	margin-bottom: 5px;
	}
	

.nostootsikko {
	background-image: url(/images/layout/default/nosto_top.png);
	background-repeat: no-repeat;

	}
.sisaltonostootsikko {
	background-image: url(/images/layout/default/sisaltonosto_otsikko.png);
	background-repeat: no-repeat;
	padding-left: 20px;
    padding-right: 20px;
	height:35px;


	}
.sisaltonosto {
	background-image: url(/images/layout/default/sisaltonosto_tausta.png);
	background-repeat: repeat-y;
	padding-left: 10px;
	padding-right: 20px;
		}
.sisaltonosto a {
/*	color: #000000;*/
	}
/*sisaltonostootsikko {
	background-image: url(/images/layout/default/sisaltonosto_otsikko.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-right: 20px;
	height: 35px;
}*/
.sisaltonostoalaosa {
	background-image: url(/images/layout/default/sisaltonosto_alaosa.gif);
	background-repeat: no-repeat;
	height: 7px;
		}
.sisaltonosto a:hover { 
	text-decoration: none;
	}
.sisaltonosto ul {
	padding: 0;
	padding-left: 15px;
	}
.sisaltonosto ul li {
	list-style-position: inside;
/*	list-style-image: url(/images/elements/sisaltonosto_ul.gif);*/
	list-style-type: none;	
	}
#footer {
	color: #666666;
	font-size: 0.875em;
		width: 968px;
	clear:both;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	}
#sopimusasiakkaat_kirjautuminen {
	height: 140px;
		}

.sisaltoalue {
		margin-left: 15px; 
		margin-right: 15px;
		margin-top: 20px;
		margin-bottom: 20px;
		}
		
.sisaltofont1 {
	font-size: 12px;
		}
		
		
table.sopimusasiakkaat_kirjautuminen {
	margin-bottom: 10px;
	margin-top: 0;
	
	}


.sopimusasiakkaat_kirjautuminen_sisalto {
	margin-left: 15px;
	padding-left: 15px;
	background-image: url(/images/layout/default/loginbox_background.png);
	background-repeat: repeat-y;
	font-size: 0.75em;
}
.sopimusasiakkaat_kirjautuminen_otsikko {
	background-image: url(/images/layout/default/loginbox_top.png);
	background-repeat: no-repeat;

	}
 .sopimusasiakkaat_kirjautuminen_otsikko h1 {
	margin: 0px 0px 0px 15px;
	margin-left: 15px;
	color: #ffffff;
	font-weight:bold;
	font-size: 12px;
	font-family: 	Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	vertical-align: middle;
	line-height:40px;
	}
.sopimusasiakkaat_kirjautuminen_sisalto input {

}
.sopimusasiakkaat_kirjautuminen_alaosa {
	height: 8px;
	width: 240px;
	background-image: url(/images/layout/default/loginbox_bottom.png);
	background-repeat: no-repeat;
	}
.sopimusasiakkaat_input_vasen {
	width:4px; 
	height:24px; 
	float:left; 
	background:url(/images/layout/default/input_left.jpg) no-repeat;
	}
.sopimusasiakkaat_input {
	width:160px; 
	height:24px; 
	float:left; 
	background:url(/images/layout/default/input_bg.jpg) repeat-x;
	}
	
.sopimusasiakkaat_input_lyhyt {
	width:70px; 
	height:24px; 
	float:left; 
	background:url(/images/layout/default/input_bg.jpg) repeat-x;
	}
	
.sopimusasiakkaat_input_oikea {
	width:4px; 
	height:24px; 
	float:left; 
	background:url(/images/layout/default/input_right.jpg) no-repeat;
	}
.sisaltonosto ul.normaali {
	list-style-image: none;
	}

.bgc-07 {    background-color: #dfeff3;}
.bgc-10 {    background-color: #b6dce6;}


.line2 {
    position: relative;
    height: 1px;
	margin-top: 5px;
    overflow: hidden;
    background-color: #CCCCCC;}
.line1 {
    position: relative;
    height: 1px;
    margin: 0px;
    overflow: hidden;
    background-color: #CCCCCC;
}