body, div, p, th, td, li, dt, dd, select, input, textarea
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 text-decoration: none;
 color: black;
}

body { margin: 0px; padding: 5px 5px 5px 15px; background-color: white }
img { border: 0px; margin: 0px; padding: 0px }
form { margin: 0px; padding: 0px }
input { margin: 0px; padding: 0px }
table td { margin: 0px; padding: 0px }

a
{
 color: #000000;
 font-weight: normal;
 text-decoration: none;
}

a:hover { text-decoration: none }

.ylanaviviiva { color: #22BAFE; text-decoration: none; font-size: 10px; font-weight: bold }
a:visited.ylanavitext { color: #C3DFFE; text-decoration: none; font-size: 10px; font-weight: bold }
a:link.ylanavitext { color: #C3DFFE; text-decoration: none; font-size: 10px; font-weight: bold }
a:hover.ylanavitext { color: #C3DFFE; text-decoration: none; font-size: 10px; font-weight: bold }
a:active.ylanavitext { color: #C3DFFE; text-decoration: none; font-size: 10px; font-weight: bold }

.navi
{
  padding-left: 0px;
  margin-left: 0px;
  width: 140px;
}

.navi li
{
  list-style: none;
  margin: 0px;
  padding: 0px 0px 13px 0px;
}

.navi img { padding-right: 10px }

.otsikko1, .otsikko2
{
  border-top: 3px solid #B08764;
  border-left: 10px solid #B08764;
  padding: 8px 0px 0px 4px;
  margin-bottom: 5px;
  font-weight: bold
}

.otsikko2
{
  border-top: 3px solid #DED098;
  border-left: 10px solid #DED098;
}

.banneri1
{
  margin: 3px 0px 3px 0px;
  border-left: 7px solid #8CAD23;
  border-right: 7px solid #8CAD23;
  background-color: #aaaaaa;
  width: 728px;
  height: 55px;
  padding-top: 35px;
  text-align: center;
}

.user { height: 32px; font-size: 10px; padding-right: 10px }

table.boksi1 { border-top: 3px solid #B08764; border-right: 1px solid #B08764 }
div.otsikko3 { font-weight: bold; border-left: 10px solid #B08764; padding: 12px 0px 0px 4px }

table.boksi2 { border-top: 3px solid #DED098; border-right: 1px solid #DED098 }
div.boksi2, td.boksi2 { font-weight: bold; border-left: 10px solid #DED098; padding: 8px 0px 0px 4px }

table.boksi3 { border-top: 3px solid #B08764; border-right: 1px solid #B08764 }
div.boksi3, td.boksi3 { font-weight: bold; border-left: 10px solid #B08764; padding: 8px 0px 0px 4px }

div.ytkuva { border: 1px solid #DED098; padding: 3px; margin-top: 5px; text-align: center }
div.ytlinkki { color: #B08764; padding: 3px 0px 0px 5px }
div.ytlinkki a { color: #B08764 }

div.footer { font-size: 10px; padding: 5px 0px 10px 0px; text-align: right; color: #8CAD23 }
div.footer a { font-size: 10px; color: #8CAD23; text-decoration: none }

.ruskea, div.uutinen a { color: #B08764 }

div.info, div.info2 { background-color: #F0EAD9; padding: 5px; text-align: left }
div.info { border-top: 3px solid #B08764 }

td.topten { padding: 0px 5px 10px 0px }

div.oikeaots { font-weight: bold; padding: 5px 0px 5px 5px }

.sanahaku { width: 245px; padding: 2px }

table.valinta { margin-bottom: 5px }

table.valinta td
{
  margin: 0px 0px 5px 0px;
  padding: 0px;
  text-align: left;
  vertical-align: middle;
}

table.valinta td input
{
  margin: 0;
  padding: 0;
  height: 14px;
}

select.valinta { width: 190px }

.reseptit { margin: 3px 0px 0px 14px; padding-top: 0px; padding-left: 0px; list-style-image: url('/ruokajaviini/pics/nuoli_ruskea.gif') }
.reseptit li { margin: 0px; padding: 0px 0px 3px 0px }
.reseptit li a { margin-left: -3px; text-decoration: none; color: #000000 }

.tyhjenna
{
  width: 68px;
  height: 20px;
  background-image: url('/ruokajaviini/pics/tyhjenna_01.gif');
  border-width: 0px;
  border-style: none;
  margin: 0px;
  padding: 0px;
}

table.elisanaviboksi { width: 742px; margin: 0px 0px -1px -1px }

p.Alaotsikko { font-weight: bold }

div.uutinen { margin: 10px 0px 10px 0px; padding-bottom: 10px }