body { background: url(pics/back.gif) repeat-x #978859; text-align: center; margin:0; padding: 0; font-family: Arial, Helvetica, sans-serif;}

#page { width: 769px; margin: 0 auto; padding: 0; text-align: left;}

h1 { color : #666; font-family : helvetica, arial; font-size : 28px; font-weight : normal; border-bottom : 1px dotted #999; margin: 0 0 20px 0; padding: 5px 0px;}
h2 { font-size: 12px; }
h3 { font-size: 12px; font-weight: bold;}
h4 { font-size: 12px; font-weight: bold; margin: 0; padding: 5px 0 0 0;}
h5 { font-size: 16px; font-weight: bold;}

#header, #navi, #content, #footer{float: left; clear: both; width: 769px; padding: 0; margin: 0;}

#header {height: 80px;}
#header img { padding: 0; margin: 0; }

#navi { background-image: url(pics/navibak.gif); width: 769px; height: 23px; background-color: #fff; text-align: left;}

#navi ul { background-image: url(pics/navibak.gif); background-color: #cc9; height: 23px; color: #000; 
margin: 0; padding: 0 0 0 10px; list-style-type: none;}
#navi li { 
	display: inline; 
	font-size: 11px;
	background-image: url(pics/mnbut.gif); 
	background-repeat: no-repeat; 
	background-position: 8px 6px;
	margin: 0;
	padding: 4px 10px 5px 17px;
	height: 23px;
	border-left: 1px solid #fff;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 14px;
}
html>body #navi li {
	height: 14px; /* ie5win fudge ends */
	float: left;
	}

#last_li { border-right: 1px solid #fff;}
#navi #menu_akt {background-color: #A5A55E;}
#navi #menu_akt a{ color: #fff;}
#navi li a:link, #navi li a:visited, #navi li a:active {color: #000; text-decoration: none;}
#navi li a:hover { color: #666;}

.navi_img{ float: left; border:0; margin: 0; padding: 0; width: 8px;}
.navi_img2{ float: right; border:0; margin: 0; padding: 0; width: 8px;}
.navi_ul{ float: right; margin: 0; padding: 0; background-color: #cc9; width:753px;}

#content {background: #fff; padding: 30px 0;}

#subnav { float: left; margin: 0; padding-left: 10px; width: 200px;	}
html>body #subnav{
	width: 190px;
	}
#tm {background: #66cccc;}
#tm h2{font-size: 16px; color: #fff; padding: 20px 10px;}
.link_white {color: #fff;}

#subnav ul{list-style-type: none; margin: 0; padding: 0;}
#subnav li { clear: both;
	width: 180px;
	font-size: 11px;
	
	background-image: url(pics/mnbut.gif); 
	background-repeat: no-repeat; 
	background-position: 5px 9px;
	margin: 0 0 10px 0;
	padding: 6px 0 6px 20px;
}
html>body #subnav li {
	width: 160px;
	}

#subnav li a{ text-decoration: none; color: #000;}
.subnav_col1 { background-color: #EEE4CF;}
.subnav_col2 { background-color: #C49233;}
.subnav_col3 { background-color: #BFA173;}
.subnav_col4 { background-color: #B6AF7B;}
.subnav_col5 { background-color: #B59D8F;}
.subnav_col6 { background-color: #9E897B;}
.subnav_col7 { background-color: #bcac89;}
.subnav_col8 { background-color: #b3a280;}

.subnav_col_akt { background-color: #C9AE7E; color: #fff;}

#stuff { margin: 0 5px; float: left; width: 550px; 
font-size: 12px; line-height: 16px; padding: 0; }

#stuff_jm { margin: 0 5px; float: right; width: 550px; 
font-size: 12px; line-height: 16px; padding: 0; }

#stuff_2 { margin: 0 5px 0 10px; float: left; width: 735px;
font-size: 12px; line-height: 16px; padding: 0;
voice-family: "\"}\"";
voice-family:inherit;
width: 735px;
}

#stuff_3 { margin: 0 5px; float: left; width: 550px; 
font-size: 12px; line-height: 16px; padding: auto; }

html>body #stuff_2{
	width: 750px; /* ie5win fudge ends */
}

#stuff_index { margin: 0; float: left; width: 767px; font-size: 12px; line-height: 16px; padding: 0; }

.tiedot, #extra ul{ list-style: none; padding: 0; margin: 0;}
.tiedot li{ padding: 0; margin: 0;}
#stuff li{margin:0 0 5px 0;}
#stuff .taulukko, .table_small{ width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
#stuff tr {vertical-align: top;}
#stuff .taulukko td, .table_small td{ font-size: 12px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.td_25 { width: 25%;}
.td_50 { width: 50%;}
.td_title{ font-weight: bold;  width: 50%; }
.td_title_25{  width: 25%; font-weight: bold;}
.content_img{ float: right; margin: 10px; border: 0px;}
.content_img2{ float: left; margin: 0 10px 20px 0 ; border: 0px; padding:0;}
.content_img3{ float: right; clear: both; margin: 10px; border: 0px;}
.content_img4{ float: right; margin: 0; border: 0px;}

.normark_div{ float: right; width: 145px; height: 60px; margin: 5px 18px 0 0;}
/*.normark_div{ float: right; width: 145px; height: 60px; margin: 10px 15px 0 0;}*/
.tiedoite_div{ float: left; width: 181px; height: 64px; margin: 11px 0 0 0;}

.dots{padding: 0 0 0 15px; margin:0;}
.dots li{ list-style-type: disc; }
#stuff a{ color: #666;}
#stuff_jm a{ color: #666;}
ol{ padding: 0 0 0 25px; margin:0;}

.table_lisavarusteet, .table_tarjous{ width: 100%; clear: left;}
.table_lisavarusteet tr, .table_tarjous tr{ vertical-align: top;}
.table_lisavarusteet td { font-size: 12px; width: 30%; padding: 10px;}

.table_tarjous td{ font-size: 12px; width: 50%; padding: 10px;}

.table_small{ font-size:10px; margin: 15px 0;}

.index_p{ margin: 5px 0 10px 0px; padding: 0; width: 575px; font-size: 11px;}
.index_p img{ float: left; margin: 3px; padding: 0; border: 0;}
/*.index_p{ margin: 10px 0 10px 196px; padding: 0; width: 382px; font-size: 11px;}*/
#left_index{float: left; width: 174px; height: 262px;}
#stuff_index img{ margin: 0 0 0 8px; padding: 0; border:0;}
.jalleenmyyjat{ clear: left;}
.jalleenmyyjat td{ font-size: 12px;}
.td_title_jm{ font-weight: bold;}
.td_jm_last{ padding-bottom: 20px;}


.map_a{ float: right; margin: 10px;}
.map_a img{ border: 0;}
.map_a2 img{ border: 0;}

.div_tarvike{ width: 450px; float: left;}
.img_tarvike{ float: left; margin: 10px; width: 170px; text-align:center;}
.clear_right{ clear: right;}
.clear_left{ clear: left; padding-top: 20px;}
.clear_left2{ clear: left; padding-top: 40px;}

#extra { color: #666;}
#extra ul { list-style: none;  margin: 10px 0 25px 0px;}
#extra li { display: inline; 
	padding: 0 20px 0 10px; 
	background-image: url(pics/mnbut.gif); 
	background-repeat: no-repeat; 
	background-position: 0px 3px;}

#extra a{ color: #d80; font-weight: normal;}

.ftrtxt{ text-align: center; color: #996; font-size: 11px; background: #fff; margin: 0; padding: 0;}
.ftrtxt a { color: #996 }
.ftrimg { margin: 0; padding: 0; border:0; float: left; clear: both;}

.huippu-uutuus{ float:right;  }