body {
  background-color: #CCCCEE;
  color: #4444FF;
  font-family: Comic Sans MS, Comic Sans MS, cursive;
  font-size: 84%;
  line-height: 1.4;
  margin: 0 auto;
}

.paavalikko a,
.paavalikko a:visited,
.paavalikko a:hover,
.paavalikko a:active,
.alavalikko a,
.alavalikko a:visited,
.alavalikko a:hover,
.alavalikko a:active,
.harmaa a,
.harmaa a:visited,
.harmaa a:hover,
.harmaa a:active { text-decoration: none;}
.paavalikko a { color: #444499; }
.alavalikko a { color: #444499; }

a { color: #333399; }
a:visited { color: #aaaaee; }
a:hover { color: #9999ff; }
a:active { color: #FFFFFF; }

.sivu_holder {
width: 808px;
height: auto;
background: #FFFFFF url(sivu_tausta.jpg) no-repeat bottom left;
margin: 0 auto 0 auto;
}

.sivu_vasenkehys, .sivu_oikeakehys {
width: auto;
height: auto;
}
.sivu_vasenkehys {
background: transparent url(liuku-vasen.gif) repeat-y top left;
}
.sivu_oikeakehys {
background: transparent url(liuku-oikea.gif) repeat-y top right;
}

.sivu_kehys {
  background: transparent;
  color: #000000;
  width: auto;
  margin: 0 8px 0 8px;
border-left: 1px solid #555599;
border-right: 1px solid #555599;
}

.ylapalkki {
  background: #8888aa url(ylapalkki.jpg) no-repeat top left;
  color: #999999;
  margin: 0;
  padding: 0;
  height: 231px;
  width: auto;
}
.valikot {
  color: #119911;
  height: auto;
  width: auto;
  background: transparent url(valikko-tausta.gif) repeat-x top left;
  font-family: Comic Sans MS, Comic Sans MS, cursive;
  padding: 5px;
  border-top: 1px solid #aaaaee;
  border-bottom: 1px solid #aaaaee;
}

.paavalikko, .alavalikko {
  line-height: 22px;
  font-weight: normal;
  background: transparent;
  letter-spacing: 1px;
  }
.paavalikko {
  font-size: 104%;
}
.alavalikko {
  font-size: 96%;
  padding: 3px 0 0 0;
}
.pv_item, .pv_item_act, .av_item, .av_item_act { 
 padding: 0 6px 0 6px;
 heigth: auto;
 display: inline;
}

.main {
  width: auto;
  height: auto;
  background: transparent;
  font-size: 90%;
  color: #333399;
  padding: 15px 5px 5px 5px;
}
.alapalkki {
  padding: 90px 10px 2px 10px;
  height: auto;
  width: auto;
  background: transparent;
  color: #222299;
}
.teksti {
  height: auto;
  width: auto;
  padding: 0 10px 10px 10px;
  margin: 5px 0 5px 0;
}
.tekstinkuva {
background-color: #ccccee;
color: inherit;
border: 1px solid #666666;
padding: 2px;
margin: 0 3px 2px 3px;
}

h1, h2, h3, h4, h5 {display: inline; }
.reunus { border: 1px solid #666666; }
.f75 { font-size: 75%; }
.f85 { font-size: 85%; }
.f90 { font-size: 90%; }
.vasen { text-align: left; }
.keski { text-align: center; }
.oikea { text-align: right; }
.kursiivi { font-style: italic; }
.lihava { font-weight: bold; }
.normaali { font-weight: normal; }
.harmaa { color: #999999; }
.punainen { color: #DD3333; }
.huomio_tausta { background-color: #ccccee; color: #333333; }

input, select { margin: 2px; font-size: 90%; }
form { margin: 0; }

.varoitus {
border: 1px solid #ffcc00;
color: #DD3333;
background-color: #000000;
padding: 8px;
width: 50%;
}

textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: inherit;
margin: 1px;
}

.otsikko {
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 5px;
 }
.navi_muokkaus {
  background-color: inherit;
  color: inherit;
  width: auto;
  height: auto;
  margin: 0 10px 10px 10px;
  padding-bottom: 5px;
  border-bottom: 2px solid #005500;
  }
.clear {
  clear: both;
  height:1px;
  overflow:hidden;
}