* { 
  margin: 0px;
  padding: 0px;
}

body	{
  font-family: Arial, Helvetica, sans-serif;
  background-color: #FFFFD;
  font-size: 12px;
}

h1, h2, h3 { 
  color: #333;
}

h1 { 
  font-size: 16px;
  margin: 3px;
  margin-top: 10px;
  margin-left: 0px;
}

h2 { 
  font-size: 14px;
  margin: 3px;
  margin-top: 10px;
  margin-left: 5px;
}

h3 { 
  font-size: 12px;
  margin: 3px;
  margin-top: 8px;
  margin-left: 8px;
}

a { 
  color: #555;
  text-decoration: none;
  font-weight: bold;
}

a:visited { 
  color: #555;
  text-decoration: none;
}

a:hover { 
  color: #888;
  text-decoration: underline;
}

ul li { 
  margin-left: 15px;
}

div.indent { 
  margin-left: 10px;
}

p.otsikko 
{
	font-size: 1em;
	margin-bottom: 3px;
	color:white;
	margin-left:10px;
	margin-top:15px;
}

p.kp 
{
	font-size: 1em;
	margin-bottom: 3px;
	color:white;
	margin-left:10px;
}

table.iso
{
margin-left:10px;
}

.tuotteet
{
	border-bottom : double blue;
}

#alusta 
{
	background:#336799;
	margin-top:0px;
	font-size : 0.9em;
  padding-top: 1px;
  padding-bottom: 10px;
}

#logo {
	position: relative;
	width: 800px;
	height: 200px;
}
#logo_vasen {
	position: relative;
	float: left;
	width: 500px;
	height: 200px;
	background: #ffffff url(logo_vasen.jpg) no-repeat;
}
#logo_oikea {
	position: absolute;
	float: right;
	top: 0px;
	left: 500px;
	width: 300px;
	height: 200px;
	background: #ffffff;
}
#alusta h3 {
	position: relative;
	left: 10px;
}
#alusta .tryhma {
	position: relative;
	margin: 0px;
	padding: 0px;
	left: 20px;
}
#alusta .tkortti {
	position: relative;
	padding: 0px;
	margin: 0px;
	left: 50px;
}
.htable1 {;
	width: 200px;
	background: #CC0001;
}
.htable2 {
	width: 400px;
	background: #CC0001;
	margin-bottom: 2px;
}
.htable3 {
	border: 1px dotted;
	width: 450px;
	background: #eeeeee;
}
.htable4 {
        width: 330px;
        background: #CC0001;
        margin-bottom: 2px;
	  font-family: Arial, Helvetica;
	  font-size: 0.9em;

}
.htable5 {
	width: 700px;
	 background: #CC0001;
     margin-bottom: 2px;
     font-family: Arial, Helvetica;
     font-size: 0.9em;

}

div.container { 
  width: 780px;
  margin-bottom: 20px;
}

div.top { 
  background: url('images/banneri.gif');
  background-repeat: no-repeat;
  height: 118px;
}

div.left { 
  width: 177px;
  margin-top: 2px;
  float: left;
  padding-top: 6px;
  background-color: #fff;
  text-align: center;
  height: 444px;
}

div.right { 
  width: 600px;
  margin: 0px;
  margin-top: 2px;
  padding-top: 0px;
  float: right;  
  height: 450px;
  background-color: #eef;
}

div.content { 
  height: 353px;
  overflow: auto;
  border: 1px none;
  margin-bottom: 10px;
  background-color: #eef;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 5px;
  padding-bottom: 10px;
}

div.bottom { 
  clear: both;
  height: 128px;
  margin: 0px;
  padding: 0px;
  background: url('images/alabanneri.gif');
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #eef;
  border: 1px none;
}



div.navi { 
  width: 161px;
  height: 209px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  background: url('images/navi_bg.gif');
  background-repeat: no-repeat;
  text-align: left;
  border: 1px none #000;
}

div.navi div.contents { 
  margin-top: 0px;
  margin-left: 10px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: verdana, tahoma, sans-serif;
  color: #fff;
}

div.navi ul { 
 list-style: none;
}

div.navi li { 
  margin: 5px;
  margin-left: 0px;
  padding-left: 20px;
  background-image: url('images/nappi.gif');
  background-repeat: no-repeat;
  background-position: 0px; 
}

div.navi a { 
  color: #fff;
  text-decoration: none;
}

div.navi a:hover { 
  text-decoration: underline;  
}


div.right div.lower { 
  margin: 0px;
  padding: 0px;
  padding-top: 5px;
  background-color: #eef;
  background-image: url('images/info_bg.gif');
  background-repeat: no-repeat;
  background-position: -4px 0px;
/*  width: 451px;*/
  height: 32px;
  border: 1px none;
}

div.right div.info { 
  height: 28px;
  width: 440px;
  border: 1px none #000;
  margin: 0px;
  padding: 0px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  font-family: tahoma;
}

div.right div.info div.left { 
  margin: 0px;
  padding: 0px;
  width: 18px;
  background-image: url('images/ala_vas.gif');
  background-repeat: no-repeat;  
  background-position: top;
  float: left;
  height: 28px;
}

div.right div.info div.right { 
  margin: 0px;
  padding: 0px;
  background-image: url('images/ala_oik.gif');
  background-repeat: no-repeat;
  background-position: top;
  width: 18px;
  float: right;
  height: 28px;
}

div.right div.info div.middle { 
  margin: 0px;
  padding: 0px;
  padding-top: 6px;
  background-image: url('images/ala_middle.gif');
  background-repeat: repeat-x;
  background-position: top;
  float: left;
  width: 404px;
  height: 28px;
}

div.right div.info div.middle a { 
 color: #ddd;
  text-decoration: none;
}

div.right div.info div.middle a:hover { 
 color: #ddd;
  text-decoration: underline;
}

.clearBoth { 
  clear: both;
}







div.box { 
  width: 260px;
  margin: 5px;
  padding: 0px;
  border: 1px none;
  float: left;
}

div.title { 
  margin: 0px;
  padding: 0px;
  height: 36px;
  text-transform: uppercase;
  color: #555;
  font-weight: bold;
  font-size: 15px;
  border: 1px none;
  background: url('images/menu_title_bg.gif');
  background-repeat: repeat-x;

}

div.title div.text {  
  padding-top: 9px;
  padding-left: 5px;
}

div.title a {  
  color: #555;
  text-decoration: none;
}

div.title a:hover {  
  color: #888;
}

div.title div.right { 
  margin: 0px;
  padding: 0px;
  height: 36px;
  float: right;
  background: url('images/menu_title_oikea.gif');
  background-repeat: no-repeat;
  width: 17px;
}


div.box div.data { 
  background: url('images/menu_bg.gif');
  background-repeat: no-repeat;
  background-position: bottom left;
  height: 126px;
  clear: both;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  color: #006;
  font-size: 14px;
  font-family: tahoma, sans-serif;
}

div.box div.data img { 
  float: right;
  margin: 5px;
}

div.bottom { 
  color: #ccc;
  font-size: 11px;
}

div.bottom a { 
  color: #aaa;
  text-decoration: none;
}

div.bottom a:hover { 
  color: #aaa;
  text-decoration: underline;
}