body {
  background: #FFFFFF url(sivu_tausta.jpg) repeat-x top left;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size: 70%;
  line-height: 1.7;
  letter-spacing: 1px;
  margin: 20px auto 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: #4444FF; }
.alavalikko a { color: #6666FF; }

.paavalikko a:visited,
.alavalikko a:visited { color: #3333AA; }

a { color: #804D00; }
a:visited { color: #3333AA; }
a:hover { color: #FF9900; }
a:active { color: #FFFFFF; }

.sivu_holder {
width: 800px;
height: auto;
margin: 0 auto 0 auto;
background: #6699CC;
}

.sivu_vasenkehys, .sivu_oikeakehys {
width: auto;
height: auto;
}

.sivu_vasenkehys {}
.sivu_oikeakehys {}

.sivu_kehys {
  background: transparent;
  color: #000000;
  width: 800px;
  margin: 0 0 0 0;
}

.ylapalkki {
  background: #394BA0 url(ylapalkki.jpg) no-repeat top left;
  color: #B36B00;
  margin: 0 0 0 0;
  padding: 0;
  height: 150px;
  width: auto;
}
.valipalkki {
  background: #394BA0;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  height: 14px;
  line-height: 14px;
}
.valikot {
  height: auto;
  width: 160px;
  background: transparent;
  float: left;
  clear: left;
  margin-left: 10px;
}
.valikko-y, .valikko-a {
  height: 20px;
  width: 160px;
}
.valikko-y {
  background: transparent url(valikko-y.gif) no-repeat top;
}
.valikko-a {
  background: transparent url(valikko-a.gif) no-repeat bottom;
}
.valikko {
  width: 160px;
  background: transparent url(valikko-tausta.gif) repeat-y left;
}
.paavalikko, .alavalikko {
  line-height: 18px;
  font-weight: normal;
  background: transparent;
  }
.paavalikko {
  color: #666666;
  font-size: 100%;
  margin: 0 5px 0 10px;
}
.pv_item, .pv_item_act  {
  height: auto;
  padding: 0 0 0 0;
  display: block;
  font-weight: bold;
}
.pv_item_act a { color: #0000CC; }
.alavalikko {
  color: #666666;
  font-size: 110%;
}
.av_item, .av_item_act {
	font-size: smaller;
	font-weight: normal;
  height: auto;
  padding: 0 0 0 5px;
  display: block;
}
.av_item a { color: #2222CC; }
.av_item_act { font-weight: bold; }
.av_item_act a { color: #0000CC; }

.main_kehys {
width: auto;
height: auto;
background: #EEEEFF;
padding-top: 10px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}

.main {
  width: 590px;
  height: auto;
  background: transparent;
  color: #3333CC;
  padding: 5px 0 5px 0;
	float: right;
	clear: right;
}
.alapalkki {
  padding: 20px 15px 2px 10px;
  height: auto;
  width: auto;
  background: #eeeeff;
  color: #B36B00;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
	clear: both;
}
.teksti {
  height: auto;
  width: auto;
  padding: 0 10px 15px 10px;
  margin: 5px 0 10px 0;
}
.tekstinkuva {
background-color: #9999CC;
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%; }
.f95 { font-size: 95%; }
.vasen { text-align: left; }
.keski { text-align: center; }
.oikea { text-align: right; }
.kursiivi { font-style: italic; }
.normaali { font-weight: normal; }
.harmaa { color: #B36B00; }
input, select { margin: 2px; font-size: 96%;}
form { margin: 0; }
.lihava { font-weight: bold; }

.varoitus {
border: 1px solid #ffcc00;
color: #d51212;
background-color: inherit;
padding: 5px;
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;
}
td { vertical-align: top; }
