/* Sivun rakenne */

html
{
  height: 100%;
  min-height: 100%;
}

body 
{
  background-color: #CBDCCB;
  font-family: trebuchet, trebuchet ms, arial, helvetica, sans-serif;
}

body, html body 
{
  display: block;
  height: 100%;
  min-height: 100%;
}

#paakehys 
{
  position: relative;
  width: 800px;
  min-height: 400px;
  background-color: #FFFFFF;
}

#paakehys_ylapalkki
{
  width: 100%;
  padding: 0px;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: #8FA18F;
  background: #B8CFB8;
}

.paakehys_navi1
{
  width: 100%;
  position: relative;
  height: 15px;
  border-width: 0px 0px 0px 0px;
  border-style: solid;
  border-color: #8FA18F;
}

#paakehys_paaalue_fiiliksella
{
  width: 100%;
  min-height: 400px;
  position: relative;
  padding-top: 125px;
  background-image: url('images/paaosio_tausta.gif');
  background-repeat: repeat-x;
  background-position: left top;
  background-color: #FFFFFF;
  border-width: 0px 1px 1px 1px; 
  border-style: solid;
  border-color: #8FA18F;
}

#paakehys_paaalue
{
  width: 100%;
  min-height: 400px;
  position: relative;
  padding-top: 25px;
  background-image: url('images/paaosio_tausta.gif');
  background-repeat: repeat-x;
  background-position: left top;
  background-color: #FFFFFF;
  border-width: 0px 1px 1px 1px; 
  border-style: solid;
  border-color: #8FA18F;
}

.paakehys_oikeapalkki
{
  position: absolute;
  left: 570px;
  top: 0px;
  width: 230px;
  height: 100%;
  border-width: 0px 0px 0px 0px;
  border-style: solid;
  border-color: #8FA18F;
}

.paakehys_alavalikkopalkki
{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 230px;
  height: 100%;
  overflow: hidden;
  border-width: 0px 1px 0px 0px;
  border-style: solid;
  border-color: #8FA18F;
}

/* Etusivun elementit */

.paakehys_paaalue-tekstioikea
{
  padding: 10px 10px 0px 250px;
}

.paakehys_paaalue-tekstivasen
{
  padding: 10px 250px 0px 20px;
}

.laatikko_etusivu_oikea_otsikot
{
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: #8FA18F;
  padding-top: 20px;
  margin-bottom: 10px;
  background-image: url('images/otsikko_pieni_otsikot.gif');
  background-repeat: no-repeat;
  background-position: left top;
}

.laatikko_etusivu_oikea_poimintoja
{
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: #8FA18F;
  padding-top: 20px;
  margin-bottom: 10px;
  background-image: url('images/otsikko_pieni_poimintoja.gif');
  background-repeat: no-repeat;
  background-position: left top;
}

.laatikko_etusivu_paa_yla
{
  width: 185px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #8FA18F;
  padding: 3px 5px 3px 5px;
  background-color: #D6EBD6;
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 80%;
  font-style: normal;
  font-weight: bold;
  color: #FF9900;
}

.laatikko_etusivu_paa_ala
{
  width: 185px;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #8FA18F;
  padding: 3px 5px 3px 5px;
  background-image: url('images/laatikko_etusivu_tausta.gif');
  background-repeat: repeat-x;
  background-position: left top;
}

.huomautus
{
  width: 100%;
  position: relative;
  border-width: 0px 0px 0px 0px; 
  border-style: solid;
  border-color: #8FA18F;
}

/* Muiden sivujen elementtejä */

.laatikko_alanavi
{
  position: relative;
  top: 25px;
  overflow: hidden;
  height: 100%;  
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: #8FA18F;
  padding-top: 20px;
  margin-bottom: 10px;
  background-image: url('images/otsikko_pieni_otsikot.gif');
  background-repeat: no-repeat;
  background-position: left top;
}

.fiiliskuva
{
  position: absolute;
  left: 230px;
  top: 25px;
  width: 570px;
  height: 100px;
}

/* Tekstit */

  A:link    { color: #000000 }
  A:visited { color: #8FA18F }
  A:hover   { color: #FF9900 }
  A:active  { color: #FF9900 } 

.nuoli A:link 
{
  font-size: 80%;
  background-image: url(images/nuoli_quote_nopadding.gif);
  margin-left: 0px;
  padding-left: 12px;
  background-repeat: no-repeat;
  background-position: 0% 70%;
}

H1 
{
  font-size: 148%;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: normal;
}

H2 
{
  font-size: 115%;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: normal;
}

H3 
{
  font-size: 115%;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: normal;
  color: #8FA18F;
}

H4 
{
  font-size: 100%;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: normal;
  color: #000000;
  padding-left: 12px;
  background-image: url('images/nelio_10_10.gif');
  background-repeat: no-repeat;
  background-position: left 60%;
}

H5 
{
  font-size: 100%;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: normal;
  color: #8FA18F;
  padding-left: 12px;
  background-image: url('images/nuoli_10_10.gif');
  background-repeat: no-repeat;
  background-position: left 60%;
}

H6 
{
  font-size: 60%;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: normal;
  color: #8FA18F;
}

p 
{
  font-size: 80%;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: normal;
}

.huomautus
{
  text-align: center;
  font-size: 75%;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: normal;
  color: #B8VFB8;
}

ul.otsikot  
{
  font-size: 80%;
  list-style-image: url(images/nuoli_quote.gif);
  list-style-position: outside;
  list-style-type: none;
  margin-left: 25px;
  padding-left: 0px;
}

/* PÄÄNavin määrittelyt */ 

ol.otsikot
{
  list-style-image: url(images/nelio_5_5.gif);
  list-style-type: circle;
  margin-left: 20px;
  padding-left: 0px;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: normal;
  color: #8FA18F;
}

#navlist
{
  padding: 5 0 0 0;
  margin: 0;
  border-bottom: 1px solid #8FA18F;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#navlist li
{
  list-style: none;
  margin: -1;
  padding: 0;
  display: inline;
}

#navlist li a
{
  padding: 0 4px;
  margin-left: 2px;
  border: 1px solid #8FA18F;
  border-bottom: none;
  background: #FFFFFF;
  text-decoration: none;
}

#navlist li a:link { color: #000000; }
#navlist li a:visited { color: #000000; }

#navlist li a:hover
{
  color: #000;
  background: #FF9900;
  border-color: #8FA18F;
}

#navlist li a#current
{
  background: #EBF5EB;
  border-bottom: 1px solid #DDDDDD;
}

/* ALAnavin määrittelyt */

#alanavi
{
  padding: 5 0 0 0;
  margin: 0;
  font-size: 10px;
}
 
#alanavi li
{
  list-style-image: url(images/nuoli_quote_nopadding.gif);
  list-style-type: circle;
  padding-left: 0px;
  margin-left: 25px;
  display: list-item;
  text-transform: uppercase;
}

#alanavi li a
{
  text-decoration: none;
}

#alanavi li a#current
{
  background: #EBF5EB;
  border-bottom: 1px solid #DDDDDD;
}

/* NUOLET LI:IN 
#alanavi li:before 
{
  content: "» ";
  font-family: verdana, arial, sans-serif, helvetica;
  font-size: 10px;
  font-weight: bold;
  color: #FF9900
}
*/

/* Luettelon määritteet */

#luettelo
{
  padding: 5 0 0 0;
  margin: 0;
  font-size: 80%;
}
 
#luettelo li
{
  list-style-image: url(images/nelio_5_5.gif);
  list-style-type: circle;
  padding-left: 0px;
  margin-left: 25px;
  display: list-item;
}

#luettelo li a
{
  text-decoration: none;
}

#luettelo li a#current
{
  background: #EBF5EB;
  border-bottom: 1px solid #DDDDDD;
}