/* PERUSLUOKAT */

body { margin: 0 0 0 0;  background-color: #dff2bc;
}

}
table { background-color: #transparet; 
}
td { 
vertical-align: top; 
background-color: #transparet;
} 
img { border: none;
}
hr { margin: 16 0 16 0;
}
<!-- a { 
text-decoration: none;
color: #7b7b7b; 
padding: 2px 0px 7px 0px;
}
a:hover { 
text-decoration: none;
padding: 2px 0px 7px 0px;
} -->

p, h1 {
font-family: verdana, arial, helvetica;
font-size : 8pt;
font-weight: normal;
color: black;
background: #none;
padding: 0px 0px 0px 0px;
} 

h3 { 
font-family: Arial, helvetica;
font-size: 13pt;
color: #000000;
}

img { border: none; 
}


table.bg {
url('picts/tausta.jpg') no-repeat;
background-color: #transparet;
}

<!-- table.bg
{
background-image: url(picts/tausta.jpg);
background-repeat: no-repeat;

}
 -->

#vihrea {
background-color: #daecee;
}
#harmaa {
background: none;
}



<!-- LUOKAT -->

img.product { border-bottom: 2px solid white;
}

<!-- td.menu {
border: white;
} -->

p.leipis { 
font-family: Verdana, Arial, helvetica;
font-size: 9pt;
color: #2b2929;
padding: 0px 0px 0px 0px;
margin: 0px;
}


p.leipis2 { 
font-family: Verdana, Geneva, Arial, helvetica;
font-size: 8pt; 
color: #2b2929;
padding: 0px 0px 0px 0px;
margin: 0px;
}


p.leipis3 { 
font-family: Verdana, Arial, helvetica;
font-size: 10px; 
font-weight: bold;
letter-spacing: 0pt;
color: #909090;
padding: 0px 0px 0px 0px;
margin: 0px;
}

li.leipis { 
font-family: verdana, Arial, helvetica;
font-size: 8pt;
color: #2b2929;
padding: 0px 0px 5px 0px;
margin: 0px;
}



h3.otsikko { 
font-family: Arial, helvetica;
font-size: 13pt;
color: #000000;


}
<!-- p.menu {
font-family: Arial, helvetica;
font-size: 11px; 
font-weight: bold;
font-style: bolder;
letter-spacing: 0pt;
color: #7b7b7b; 
background-color: #ffffff;
padding: 9px 0px 2px 0px;
margin: 0px;
} -->


a.menu { 
<!-- background: transparent url('picts/pun_nelio.jpg') 4px 4px no-repeat; -->
<!-- width: 150px; height: 14px;  -->
<!-- padding-left: 18px; margin-right: 8px; -->
font-family: verdana, arial, helvetica;
font-size: 11px; 
padding: 0px 0px 0px 0px;
font-weight: bold;
color: #5E005E;

}

a.menu:hover { 
<!-- background: transparent url('picts/valk_nelio.jpg') 4px 4px no-repeat; -->
font-family: verdana, arial, helvetica;
font-size: 11px; 
padding: 0px 0px 0px 0px;
font-weight: bold;
color: #33768e;

}


a.sivunnimi { 
font-family: Geneva, Verdana, Arial, helvetica;
font-size: 11px; 
font-weight: bold;
font-style: bolder;
color: #909090;
padding: 0px 0px 0px 11px;

}

a.sivunnimi:hover { 
font-family: Geneva, Verdana, Arial, helvetica;
font-size: 11px; 
font-weight: bold;
font-style: bolder;
color: #000000;
padding: 0px 0px 0px 11px;


}