html, body{
 font-family: Tahoma, Arial, Helvetica, sans-serif; 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
#runko{ 
 width:800px; 
 height: 580px;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#ylapalkki{
 position:relative; 
 height:77px; 
 background-color:#36306F;
 font-size: 10pt; 
 width:100%;
 background-image: url('/kuvat/layout/yla.gif');
 overflow: hidden;
} 
#ylapalkki2{
 width:100%;
 height: 20px;
 background-image: url('/kuvat/layout/ylaoik.gif');
  background-repeat: repeat-y;
  background-position: right;
} 
 

#vasen{
 width:130px; 
 height: 480px;
 float:left; 
 position:relative; 
}
#keski{
  height: 480px;
	overflow: auto;
	background-image: url('/kuvat/layout/oik.gif');
  background-repeat: repeat-y;
  background-position: right;
}
#ala{
	width: 100%;
	height: 20px;
	font-size: 8pt;
	background-color: #cccccc;
	padding-left: 5px;
}
h1
{
color: #334d55;
font-family: Verdana;
font-size: 14pt;
font-weight: bold;
text-decoration: none;
text-align: left;
margin: 5px;
}

h2
{
font-family: Verdana;
font-size: 12pt;
font-weight: normal;
text-decoration: none;
text-align: left;
margin: 5px;
}

h3 
{
font-family: Verdana;
font-size: 11pt;
font-weight: normal;
text-decoration: none;
text-align: left;
margin: 5px;
}

h4 
{
font-family: Verdana;
font-size: 10pt;
font-weight: normal;
text-decoration: none;
text-align: left;
margin: 5px;
}

h5 
{
font-family: Verdana;
font-size: 9pt;
font-weight: normal;
text-decoration: none;
text-align: left;
margin: 5px;
}

h6 
{
font-family: Verdana;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
text-align: left;
margin: 5px;
}

p 
{
font-family: Verdana;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
text-align: left;
margin: 5px;
}

a:link, a:visited{
  color: #000099;
}

td
{
font-family: Verdana;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
text-align: left;
margin: 5px;
}


.valikkolinkit a{
	display: block;
	border: 1px solid #000000;
	color: #555555;
	font-size: 8pt;
	background: #dddddd;
	font-weight: bold;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	text-decoration: none;
}


.valikkolinkit a:hover{
	border: 1px solid #000000;
	background: #eeeeee;
	font-weight: bold;
	text-decoration: none;
}
.tuote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.tuote1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.tuote1 th{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #000066;
	text-align: left;
}
.tuote1 td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #CCCCFF;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
	word-spacing: normal;
}
.tuote1 p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #CCCCFF;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
	word-spacing: normal;
}
.tuotehinta{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
	text-align: right;
}
.tuote td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #CCCCFF;
}
.tuote th{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #000066;
	text-align: left;
}