body {
  background-color: #0066B3;
  color: #00487D;
  line-height: 1.5;
  font-family: Verdana,arial,geneva;
  font-size: smaller;
}


fieldset {
  background-color: #BFE4FF;
  float: left;
  width: 60%;
}


form {
  background-color: #80C9FF;

}

form > div {
  padding: 1em;
}

h1 {
  text-align: center;
  line-height: 1;
}

.tasa {
  float: left;
  clear: left;
  width: 12em;
}

.clear {
  clear: both;
} 

fieldset fieldset {
  width: 50%;
}

legend {
  font-weight: bolder;
}

fieldset fieldset legend {
  font-weight: normal;
}

input[type=submit] {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 50%;
}

.main {
  width: 90%;
  margin-left: 5%;
  clear:both;
  overflow:hidden;
  position:relative;
  background-color: #80C9FF;
}

.ohje {
  width: 28%;
  float: right;
  background-color: #BFE4FF;  
  margin-top: 1em;
  margin-left: 2%;
  position: relative;
  padding-left: 2%;
}

.ohje img {
    margin: 0; padding: 0;
    position: absolute;
    top: 36%;
    left: -10px;
}

th {
  background-color: #80C9FF;
}

td {
  border-left: 1px solid #80C9FF;
  width: 10em;
}

/* tässä css3-versio:
td:last-child {
  border-right: 1px solid #80C9FF;
}
tr:last-child td {
  border-bottom: 1px solid #80C9FF;
}
*/

td + td + td {
  border-right: 1px solid #80C9FF;
}
tr + tr + tr + tr td {
  border-bottom: 1px solid #80C9FF;
}


.leftbar {
  float: left;
  width: 20%;
  background-color: #BFE4FF;
  margin-bottom: -1000em;
  padding-bottom: 1000em;
}

.rightbar {
  margin-left: 2%;
  width: 75%;
  float: left;
}

.leftbar ol li:first-child {
  font-weight: bolder;
}

.bottom, .top {
    padding: 0;
    margin: 0;
  width: 89%;
  margin-left: 5%;
    background-color: #80C9FF;
  padding-left: 1%;
}

.bottom p, .top p {
  padding: 0;
  margin: 0;
}
.top span {
 font-weight: bolder;
 font-size: 125%;
}
.haku {
position: absolute; right: 10%; top: 1em;
}

.bottom {
 width: 85%;
 text-align: right; 
 padding-right: 4%;

}
.top img {
 margin: 0;
 padding: 0;
 width: 1px;
 height: 1px;
 border: 0;
}