body {
  background-color: #000000;
  color: #666666;
  font-family: Verdana, Verdana, Geneva, sans-serif;
  font-size: 70%;
  line-height: 1.4;
  margin: 0 auto;
}

a { color: #ff9900; }
a:visited { color: #ddbb22; }
a:hover { color: #e5e5e5; }
a:active { color: #FFFFFF; }

.sivu_holder {
width: 84%;
min-width: 824px;
width: expression(document.body.clientWidth < 980 ? "824px" : "84%");
height: auto;
margin: 40px auto;
background-color: #000000;
}

.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-color: #000000;
  color: #999999;
  width: auto;
  margin: 0 6px 0 6px;
  border-right: 1px solid #800b0b;
  border-left: 1px solid #800b0b;
}
.yp-hold {
  background-color: #000000;
  margin: 0 auto;
  height: auto;
  width: auto;
  color: #999999;

}
.ylapalkki {
border-top: 1px solid #800b0b;
  background: transparent url(ylapalkki.jpg) no-repeat center center;
  height: 150px;
  width: auto;
  margin: 0;
}
 
.paavalikko a, .alavalikko a { color: #ff9900; }
.paavalikko a:visited, .alavalikko a:visited { color: #aa7700; }
.paavalikko a:hover, .alavalikko a:hover { color: #cccccc; }
.paavalikko a:active, .alavalikko a:active { color: #e5e5e5; }

.pv_hold {
margin: 5px auto;
padding: 0 5px 0 5px;
width: auto;
height: auto;
background: #800b0b;
text-align: center;
}

.pv, .pv-v, .pv-o { height: 22px; }
.pv-v { background: transparent;}
.pv-o { background: transparent;}

.paavalikko {
height: 16px;
width: auto;
margin: 0 6px 0 6px;
padding: 4px 0 0 0;
font-weight: bold;
line-height: 1.0;
border-top: 1px solid #800b0b;
border-bottom: 1px solid #800b0b;
}
.pv_item, .pv_item_act {
height: auto;
width: auto;
padding: 0 8px 0 8px;
display: inline;
}
.pv_item a{
 text-decoration: none;
}
.pv_item_act a{
  text-decoration: underline;
}

.vasen-hold {
  float: left;
  width: 200px;
  height: auto;
  }

.sponssi_holder {
  width: 175px;
  margin: 80px 10px 10px 10px;
}

.round_box { width: auto; height: auto; margin: 0 0 10px 0;}
.round_top, .round_bot { height: 5px; font-size: 1px; }
.round_top { background: transparent url(round_top-k.gif) no-repeat top center; }
.round_bot { background: transparent url(round_bot-k.gif) no-repeat top center; }

.round_content {
font-weight: bold;
text-align: center;
height: auto;
width: 163px;
padding: 0 5px 0 5px;
color: #800b0b;
border-right: 1px solid #800b0b;
border-left: 1px solid #800b0b;
}
.av_hold {
  height: auto;
  width: 175px;
  margin: 20px 10px 0 10px;
}

.av_top, .av_bot { height: 5px; font-size: 1px; }
.av_top { background: transparent url(av_top.gif) no-repeat top center; }
.av_bot { background: transparent url(av_bot.gif) no-repeat top center; }

.alavalikko {
font-weight: bold;
text-align: left;
height: auto;
width: 163px;
padding: 0 5px 0 5px;
border-right: 1px solid #800b0b;
border-left: 1px solid #800b0b;
background-color: #000000;
}
.av_item, .av_item_act {
  height: auto;
  padding: 2px 8px 2px 8px;
  font-size: 90%;
}
.av_item a{
  text-decoration: none;
}
.av_item_act a{
  text-decoration: underline;
}
.main {
  width: auto;
  height: auto;
  background: transparent;
  color: #CCCCCC;
  margin: 0 0 10px 220px;
  padding: 15px 15px 10px 0;
}
.alapalkki {
margin: 80px 0 0 0;
  padding: 2px 10px 2px 10px;
  height: auto;
  width: auto;
  background-color: #000000;
  color: #333333;
  border-top: 1px solid #800b0b;
  border-bottom: 1px solid #800b0b;
}
.alapalkki a { color: #333333; }
.alapalkki a:visited { color: #333333; }
.alapalkki a:hover { color: #666666; }
.alapalkki a:visited { color: #333333; }

.tekstialue {   
float: right;
width: 99%;
} 
.teksti {
padding: 0 10px 0px 10px;
height: auto;
width: auto;
margin: 5px 0 5px 0;
}
.tekstinkuva {
background-color: #221111;
color: inherit;
border: 1px solid #800b0b;
padding: 2px;
margin: 0 3px 2px 3px;
}

h1, h2, h3, h4, h5 {display: inline; }
.reunus { border: 1px solid #800b0b; }
.f75 { font-size: 75%; }
.f80 { font-size: 80%; }
.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: #003300; color: #cccccc; }
.musta-bg { background-color: #000000; color: #cccccc; }
input, select { margin: 2px; font-size: 95%;}
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;
}
.ylanavi {
  background: transparent;
  color: inherit;
  width: auto;
  height: auto;
  text-align: center;
  }
.clear {
  clear: both;
  height:1px;
  overflow:hidden;
}
.clear-r {
  clear: right;
  height:1px;
  overflow:hidden;
}
.clear-l {
  clear: left;
  height:1px;
  overflow:hidden;
}