/*
(c) Steelman and Memphis from HD SofT 2003, 2006, 2007
Layout Stylesheet
*/

body
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 12px;
	padding-bottom: 0px;
	margin: 0px;
	color: #808080;
	padding-top: 0px;
	font-family: "Trebuchet MS", Verdana;
	background-color: #ffffff;
}

#paakehys1
{
	background:transparent;
	margin-top: 0px;
	margin-left: 0px;
}




.hakuikkuna
{
border: 1px solid #999999; font-size: 10px;
}

#bar-oiktop
{
	border-right: 0px solid #000000;
	border-top: 0px solid #000000;
	margin: 0px;
	border-left: 0px solid #000000;
	width: 100%;
	color: #ffffff;
	height: 23px;
	text-align: center;
	line-height: 23px;
	
}

#bar-oiktop a
{
color: #ffffff; text-decoration: none;
}

#bar-oiktop a:hover
{
color: #ffffff; text-decoration: underline;
}

#bar-bottom
{
clear:left; border: #999999 1px solid; width: 100%; color: #CCCCCC; height: 30px; text-align: center; background: #768E9D url(../layoutimages/bg_table_heading.gif) repeat-x left bottom;
}

#bar-bottom a
{
color: #ffffff; text-decoration: none;
}

#bar-bottom a:hover
{
color: #ffffff; text-decoration: underline;
}

#content
{
	color: #333333;
	height: 100%;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	
}

#content h1
{
font-family: georgia, 'times new roman', times, serif; font-size: 24px; background-image: url(logot/h_tausta.gif); background-repeat: repeat-y; background-position: center bottom; line-height: 36px;
}

#valikehys1
{
float:left; width: 100%; border-right: 1px solid #999999; border-left: 1px solid #999999;
}

#dhtmltooltip
{
text-align: center; position: absolute; width: 200px; border: 2px solid black; padding: 5px; background-color: #FFFFFF; visibility: hidden; z-index: 100; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#lefti
{
	
	padding-right: 10px;
	padding-left: 10px;
}



.hakuikkuna select
{
font-size: 11px;
}

#righti
{

}

#rightietu
{
float: left; color: #333333; background: #FFFFFF; width: 300px; margin-left:-300px; font-size: 10px;
}
.tuotekuvaus {
	background-color: #F2F0EE;
}


/*uudet 181207 Käytössä oikealla, keskellä ja vasemmalla taulukkojen päällä*/


.col_lefti_header_right		{background-image:url(../layoutimages/ots_top_oikea_sin2.gif); width:9px; height:30px; padding-left:9px}
.col_lefti_header_left		{background-image:url(../layoutimages/ots_top_vasen_sin2.gif); width:10px; padding-left:10px}
.col_lefti_header_txt			{color:#FFFFFF; font-size:11px; background-image:url(../layoutimages/ots_top_tausta_sin2.gif); height:30px; width:100%; vertical-align:middle; font-weight:bold; padding-left:5px;}

.col_lefti_header_txt	a		{color:#333333; font-size:11px; text-decoration:none;}
.col_lefti_header_txt	a:hover		{color:#333333; font-size:11px; text-decoration:underline;}

table.col_lefti			{width:100%;}
td.col_lefti				{width:100%;}

table.tuotteet_keski			{width:100%;}
td.tuotteet_keski				{width:100%;}
.oikea_sivu {width: 195px;}

/*käytössä sekä oikealla ja vasemmalla sarakkeissa */
.col_lefti_viiva {background:#e0e0d6;}

.col_lefti ul				{padding:0px 0px 0px 7px; margin:0px 0px 0px 0px; list-style:none;}
.col_lefti li				{line-height:24px; background:url(../layoutimages/bg_list1.gif) no-repeat left top;}
.col_lefti li a			{color:#3A3A3A; font-size:11px; text-decoration:none; padding-left:15px;  background:url(../layoutimages/bg_list.gif) no-repeat left  top; background-position:5 5px ;}
.col_lefti li a:hover			{color:#FF0000; text-decoration:none}

.col_lefti li.tuote_list_top		{line-height:24px; background:url(../layoutimages/bg_list1.gif) no-repeat left top;}
.col_lefti li.tuote_list_top a		{color:#3A3A3A; font-size:11px; text-decoration:none; padding-left:15px; background:url(../layoutimages/bg_list.gif) no-repeat left top; background-position:5 5px;}
.col_lefti li.tuote_list_sub a:hover	{color:#FF0000; text-decoration:none;}

.col_lefti li.tuote_list_sub		{line-height:24px; background:none;}
.col_lefti li.tuote_list_sub a		{color:#FF0000; font-size:11px; text-decoration:none; padding-left:5px;  background:url(../layoutimages/bg_list2.gif) no-repeat left top;  background-position:22 5px; }

.tuotteet_keski ul				{padding:0px 0px 0px 7px; margin:0px 0px 0px 0px; list-style:none;}
.tuotteet_keski li				{line-height:24px; background:url(../layoutimages/bg_list1.gif) no-repeat left top;}
.tuotteet_keski li a			{color:#3A3A3A; font-size:11px; text-decoration:none; padding-left:15px;  background:url(../layoutimages/bg_list.gif) no-repeat left  top; background-position:5 5px ;}
.tuotteet_keski li a:hover			{color:#FF0000; text-decoration:underline}

.tuotteet_keski li.tuote_list_sub0 a:hover	{color:#FF0000; text-decoration:underline;}

.tuotteet_keski li.tuote_list_sub0		{line-height:24px; background:none; font-size: 9px;	color: #336633;}
.tuotteet_keski li.tuote_list_sub0 a		{
	color:#FF0000;
	font-size:11px;
	text-decoration:none;
	padding-left:5px;
	background-position:left center;
	background-image: url(../layoutimages/bg_list2.gif);
	background-repeat: no-repeat;
}

.tuotteet_keski li.tuote_list_sub1 a:hover	{color:#FF0000; text-decoration:none;}

.tuotteet_keski li.tuote_list_sub1		{
	line-height:24px;
	background:none;
	font-size: 9px;
	color: #336633;
}
.tuotteet_keski li.tuote_list_sub1 a		{
	color:#0066FF;
	font-size:11px;
	text-decoration:none;
	padding-left:5px;
	background-position:left center;
	background-image: url(../layoutimages/bg_list2.gif);
	background-repeat: no-repeat;
}




.tuotteet_keski li.tuote_list_sub2 a:hover	{color:#FF0000; text-decoration:none;}

.tuotteet_keski li.tuote_list_sub2		{line-height:24px; background:none;  font-size: 9px;	color: #336633;}
.tuotteet_keski li.tuote_list_sub2 a		{
	color:#3A3A3A;
	font-size:11px;
	text-decoration:none;
	padding-left:5px;
	background-position:left center;
	background-image: url(../layoutimages/bg_list2.gif);
	background-repeat: no-repeat;
}

.tuotteet_keski li.tuote_list_sub3 a:hover	{color:#FF0000; text-decoration:none;}

.tuotteet_keski li.tuote_list_sub3		{line-height:24px; background:none;  font-size: 9px;	color: #336633;}
.tuotteet_keski li.tuote_list_sub3 a		{
	color:#FF6600;
	font-size:11px;
	text-decoration:none;
	padding-left:5px;
	background-position:left center;
	background-image: url(../layoutimages/bg_list2.gif);
	background-repeat: no-repeat;
}

.col_lefti_footer			{background:url(../layoutimages/box_oikea.gif);}








/*uudet css:t lähes kaikilla sivuilla*/

.col_lefti_viiva {background:#e0e0d6;}
td.col_lefti_viiva {width: 1px;}

.tuotteet th {
	background-color: #CCCCCC;
	background-image: url(../layoutimages/bg_th.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.tuotteet_alaviiva{
	background-image:url(../layoutimages/tuotteet_alaviiva.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.tuotteet_tr_ylaviiva{
	background-image:url(../layoutimages/tuotteet_ylaviiva.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
/*  painikkeet  */
.btn_sin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #336699;
	font-weight: bold;
	border: 1px solid #666666;
}

.btn_vihr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #66CC99;
	font-weight: bold;
	border: 1px solid #666666;
}

.btn_pun {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #CC3300;
	font-weight: bold;
	border: 1px solid #666666;
}

.logintable {
	margin-top: 100px;
	border: 1px solid #999999;
}