body.perus
{
 margin: 0px;
 padding: 0px;
 border: 0px;
 background-image: url(peruskuvat/lehtitausta2.jpg);
 font-family: verdana, arial, sans-serif;
 font-size: 9pt;
}

body.valkoinen
{
 margin: 0px;
 padding: 0px;
 border: 0px;
 background-color: white;
 font-family: verdana, arial, sans-serif;
 font-size: 9pt;
}

a:link
{ color: #000000; text-decoration: underline; }
a:visited
{ color: #000000; text-decoration: underline; }
a:hover
{ color: #000000; text-decoration: underline; }
a:active
{ color: #000000; text-decoration: underline; }

table.sivu
{
 width: 100%;
}

td
{
 vertical-align: top;
}

img
{
 border: 0px;
 margin: 0px;
 padding: 0px;
}

img.sivupalstakasvi
{
 margin: 20px 20px 0px 20px;
}

td.ylaosa
{
 vertical-align: bottom;
 background-color: white;
 height: 84px;
}

td.keskisarake
{
 width: 600px;
 vertical-align: top;
 background-color: white;
}

td.vasensarake
{
 width: 210px;
 vertical-align: top;
}

td.oikeasarake
{
 text-align: left;
 vertical-align: top;
 /*background-image: url(peruskuvat/kukat.jpg);*/
}

img.vaakapalkki
{
 width: 100%;
 height: 2px;
}

.pystypalkki
{
 width: 2px;
 background-color: black;
}

img.pystypalkkikuva
{
 width: 2px;
 height: 507px;
}

div.erotin
{
  clear: both;
}

div.paaryhmavalinta
{
 float: left;
 height: 30px;
 line-height: 30px;
 vertical-align: middle;
 text-align: center;
 border-bottom: 2px solid black;
}

div.paaryhmavalinta a
{
 text-decoration: none;
 display: block;
}

div.paavalikko_2 { width: 300px; }
div.paavalikko_3 { width: 200px; }
div.paavalikko_4 { width: 150px; }

div.niittykukkatausta { background-color: rgb(144,208,158); }
div.kesakukkatausta { background-color: rgb(253,155,155); }
div.maatiaisperennatausta { background-color: rgb(252,252,132); }
div.seostausta { background-color: rgb(111,173,231); }

div.valikko
{
 padding: 5px 10px;
 margin: 0px 0px 0px 0px;
 width: 190px;
 float: right;
 clear: right;
 background-color: rgb(205,215,195);
 font-weight: bold;
 text-align: right;
}

div.kuukaudenkasvi
{
 padding: 10px;
 margin: 10px 5px 0px 0px;
 background-color: rgb(230,230,230);
 width: 200px;
 float: left;
 clear: left;
}

div.tekstialue
{
 padding: 10px;
 margin: 10px 0px 0px 5px;
 background-color: rgb(230,230,230);
 width: 330px;
 float: right;
 clear: right;
}

div.uutisotsikko
{
 padding: 5px 10px 5px 10px;
 margin: 10px 0px 0px 5px;
 background-color: rgb(200,200,200);
 width: 330px;
 float: right;
 clear: right;
}

div.uutisteksti
{
 padding: 5px 10px 10px 10px;
 margin: 0px 0px 0px 5px;
 background-color: rgb(230,230,230);
 width: 330px;
 float: right;
 clear: right;
}

div.alaotsikko
{
 font-size: 11pt;
 font-weight: bold;
 margin: 0px 0px 10px 0px;
}

td.termi
{
 text-align: right;
 font-weight: bold;
}

td.kasviominaisuus
{
 text-align: left;
 font-weight: normal;
}

td.hakuominaisuus
{
 white-space: nowrap;
}

option
{
 font-size: 7pt;
 font-family: verdana, arial, sans-serif;
}

option.ostoskori
{
 font-weight: normal;
 font-size: 7pt;
}

select
{
 font-size: 7pt;
 font-family: verdana, arial, sans-serif;
}

select.ostoskori
{
 margin: 5px 0px;
 font-weight: normal;
 font-size: 7pt;
}

input
{
 font-size: 9pt;
 font-family: verdana, arial, sans-serif;
}

input.ostoskori
{
 font-size: 7pt;
 font-family: verdana, arial, sans-serif;
}

td.pikkukuva
{
 width: 40px;
}

div.kasvikuva
{
 padding: 10px;
 margin: 10px 0px 10px 5px;
 background-color: rgb(230,230,230);
 width: 200px;
 float: right;
 clear: right;
}

table.kasvitiedot
{
 padding: 5px;
 margin: 10px 5px 10px 0px;
 background-color: rgb(230,230,230);
 width: 350px;
 float: left;
 clear: left;
}

td.myrkyllinen
{
 color: red;
}

div.lisatietoa
{
 padding: 10px;
 margin: 0px 5px 10px 0px;
 background-color: rgb(230,230,230);
 width: 330px;
 /*float: left;*/
 clear: left;
}

div.tilausotsikko
{
 padding: 5px 10px 5px 10px;
 margin: 0px 0px 0px 5px;
 background-color: rgb(200,200,200);
 width: 200px;
 float: right;
 clear: right;
}

div.tilaus
{
 padding: 5px 10px 10px 10px;
 margin: 0px 0px 0px 5px;
 background-color: rgb(230,230,230);
 text-align: center;
 width: 200px;
 float: right;
 clear: right;
}

div.korimaara
{
 font-size: smaller;
 font-weight: bold;
 margin-top: 5px;
}

td.lopputiedot
{
 text-align: right;
}

div.tekstikentta
{
 padding: 10px;
 margin: 10px 0px;
 background-color: rgb(230,230,230);
}

div.kentanotsikko
{
 padding: 5px 10px 5px 10px;
 margin: 0px 0px 0px 0px;
 background-color: rgb(200,200,200);
 width: 560px;
}

div.otsikollinenkentta
{
 padding: 5px 10px 10px 10px;
 margin: 0px 0px 10px 0px;
 background-color: rgb(230,230,230);
 width: 560px;
}

#lisakuva
{
 border: 10px solid rgb(230,230,230);
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}

#lisakuvaalue
{
 height: 307px;
 vertical-align: middle;
 background-color: white;
}

#lisakuvataulukko
{
 width: 100%;
}
div.tulostettava_ohje
{
 background-color: white;
 border: 2px solid black;
 position: absolute;
 top: 20px;
 left: 20px;
 width: 600px;
 float: none;
 clear: both;
}

div.tulostettava_ohje div
{
 float: none;
 clear: both;
 padding: 10px;
}




div.otsikko
{
 padding: 10px 10px 5px 20px;
 font-weight: bold;
 font-size: 12pt;
}

/**/
/*
div.niittykukkaotsikko
{
 padding: 10px 10px 5px 20px;
 font-weight: bold;
 font-size: 12pt;
 background-color: rgb(144,208,158);
}

div.maatiaisperennaotsikko
{
 padding: 10px 10px 5px 20px;
 font-weight: bold;
 font-size: 12pt;
 background-color: rgb(252,252,132);
}

div.kesakukkaotsikko
{
 padding: 10px 10px 5px 20px;
 font-weight: bold;
 font-size: 12pt;
 background-color: rgb(253,155,155);
}

div.seosotsikko
{
 padding: 10px 10px 5px 20px;
 font-weight: bold;
 font-size: 12pt;
 background-color: rgb(111,173,231);
}

div.perinteinen_seosotsikko
{
 padding: 10px 10px 5px 20px;
 font-weight: bold;
 font-size: 12pt;
 background-color: rgb(184,158,122);
}
*/
/**/




/**/
tr.niittykukka
{
 background-color: rgb(144,208,158);
 vertical-align: top;
 width: 580px;
}

tr.maatiaisperenna
{
 background-color: rgb(252,252,132);
 vertical-align: top;
 width: 580px;
}

tr.kesakukka
{
 background-color: rgb(253,155,155);
 vertical-align: top;
 width: 580px;
}

tr.seos
{
 background-color: rgb(111,173,231);
 vertical-align: top;
 width: 580px;
}

tr.perinteinen_seos
{
 background-color: rgb(184,158,122);
 vertical-align: top;
 width: 580px;
}

tr.mausteyrtti
{
 background-color: rgb(253,155,155);
 vertical-align: top;
 width: 580px;
}

tr.umuut
{
 background-color: rgb(173,111,231);
 vertical-align: top;
 width: 580px;
}

tr.puutarhatarvike
{
 background-color: rgb(156,175,55);
 vertical-align: top;
 width: 580px;
}

tr.katonalle
{
 background-color: rgb(183,201,83);
 vertical-align: top;
 width: 580px;
}
/**/

div.kategoria_kotimaiset { background-color: rgb(111,173,231); }
div.kategoria_ulkomaiset { background-color: rgb(253,155,155); }

div.kategoria_niittykukat, .niittykukka { background-color: rgb(144,208,158); }
div.kategoria_maatiaisperennat, .maatiaisperenna { background-color: rgb(252,252,132); }
div.kategoria_kesakukat, .kesakukka { background-color: rgb(252,252,132); }
div.kategoria_seokset, .seos { background-color: rgb(111,173,231); }
div.kategoria_mausteyrtit, .mausteyrtti { background-color: rgb(253,155,155); }
div.kategoria_umuut, .umuut { background-color: rgb(173,111,231); }
div.kategoria_puutarhatarvikkeet, .kategoria_puutarhaan, .puutarhatarvike, .puutarhaan { background-color: rgb(156,175,55); }
div.kategoria_katonalle, .katonalle { background-color: rgb(183,201,83); }