body {
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
  margin: 1em;
  background-color: #E4E0D7;
  }

/* fontit */

h1 { font-family: Helvetica, Arial, sans-serif; font-size: large; margin-top: 0;}
h2 { font-family: Helvetica, Arial, sans-serif; font-size: medium; }
h3 { font-family: Helvetica, Arial, sans-serif; font-size: small; }


/* yleista */

td { vertical-align: top; }

.ylapalkki {
  margin-left: 1em;
    margin-right: 1em;
  background-color: #FFA303;
  width: 100%;
  height: 1em;    
      font-size: x-small; 
  }
          
  .liput {
  border: 1px #FFA303; 
  margin-top: 0.4em;   
  margin-left: 0.3em;
  }
  
.taulukko {
  width: 100%;
  border: 3px solid #FFA303;
  background-color: #FFFFCC;
  }

.logopalkki {
  padding: 1em 0 0.5em 1em;
  }

.valikko {
  line-height: 150%;
  width: 9em;
  margin-left: 1em;
  padding: 1.0em 0em 1.0em 1em;
  background: url(../img/linkkitausta.jpg);
  }

.valikkosolu {
  width: 11em;
  }

.teksti {
  padding: 0 1em 1em 2em;  
  
  } 

.kuva_oikea {
  float: right;
  margin-left: 2em;
  margin-bottom: 1em;
  border: 1px solid black;
  }

.kuva_vasen {
  border: 1px solid black;
  }

a:hover .kuva_vasen { border: 1px solid #FFA303; }

.kuva_pohjapiirustus {
  float: left;
  clear: left;
  }

.hinnasto {     
  }

.hinnasto td {
  padding: 0 0.3em 0 0.3em;
  text-align: center;   
    font-size: x-small; 
  }

.hinnasto th {
  background-color: #FFFF99;
  padding: 0 0.3em 0 0.3em;  
    font-size: x-small; 
  }

/* linkit */

.valikko a { color: black; text-decoration: none }
.valikko a:hover { text-decoration: underline; }

/* footer */

.footer {
  text-align: right;
   margin-left: 1em;
    margin-right: 1em;
  background-color: #FFA303;
  width: 100%;
  height: 1em;    
      font-size: x-small; 
  }

.footer a { color: black; }
.footer a:hover { }