body {
      background-color : #F9F2DC;
      font-family : Tahoma;
      position: absolute; 
      font-size : 8pt;
      font-style : normal;
      color: #84621A;
      scrollbar-arrow-color : #84621A;
      scrollbar-base-color : #F9F2DC;
      scrollbar-darkshadow-color : #F9F2DC;
      scrollbar-face-color : #F6F2E9;
      scrollbar-highlight-color :#84621A;
      scrollbar-track-color : #F9F2DC;
      scrollbar-shadow-color: #84621A;
}

a:link, 
a:visited, 
a:active   {  text-decoration:underline;
              color: #DA9810  }
              
a:hover    {  text-decoration: none;
              color: #DA9810;
              background-color: #F9F2DC  }

table, td { 

      font-family : Tahoma;
      font-size : 8pt;
      text-align: justify
      font-style : normal;
      color: #84621A;
}

img   { background-color: #F9F2DC;  }

span.txt1 {color: BE8B21  }
span.txt2 {font-weight: bold }

.img { padding: 1px; border: 1px solid #B8A470; background-color: #F9F2DC  }
.img_02  {  padding: 1px; border: 1px solid #EBD094  }
.solu_tyhjä { }
.solu_01  { padding: 3px; border: 1px solid #EBD094;  vertical-align: top; background-color: #F0D8A6; horizontal-align: center; }
.solu_suku  {padding: 3px; border: 1px solid #EBD094; vertical-align: center; horizontal-align:center; background-image: url('solu_suku.jpg') } 

span.hr  {height: 1px; color: #F0D8A6; width: 562px }

input, textarea  {
      border-right:1px solid #DA9810; border-top:1px solid #DA9810; font-family : Verdana;
      font-size : 8pt;
      color : #84621A;
      background :#F9F2DC;
      border-collapse : collapse;
      border-bottom : 1px none #DA9810;
      border-left:1px solid #DA9810