body
{ font-family:sans-serif;
  font-size:medium;
  color:#eabc9d;
  background-color:#fff;
  padding:0; margin:0; border:0;
}

#head
{ font-size:large;
  padding:0; margin:0; border:0;
  padding-top:360px;
  padding-bottom:10px;
  width:850px;
  background: url("/Kuvat/Ylaosa.jpg") transparent top left no-repeat scroll;
  }
#head img { padding:0;margin:0;border:0 }

#langs
{ position:absolute;
  top:5px;
  left:450px;
  width:100px;
  background-color: transparent;
  border:0;
  white-space:nowrap;
  text-decoration:none;

/* display:block;position:absolute;top:5px;height:85px;left:505px;width:20px;background:transparent */
  }

#langs a { text-decoration:none; }

#main
{ color:inherit;
  padding:10px;
  padding-top:0;
  margin:0;
  width:900px;
  background: url("/Kuvat/Alaosa.jpg") white left bottom no-repeat scroll;
  }

#foot
{ width:850px;
  height: 298px;
  color:black;
  background-color: transparent;
  margin:0;
}

#foot-content
{ text-align:right;
  font-size:small;
  color:inherit;
  background-color: transparent;
}

#main > table { margin:auto }

.linklist { list-style:none; white-space:nowrap; padding:5px }
table.boxcontent td { padding:5px }
table.linklist td { padding:1px }
ul.linklist { margin:2px }

.box {
  margin:10px; padding:0;
  border: 1px solid #ab8125;
  background-color: black;
  color:inherit;
}

.narrowbox {
  float:left;
  margin:10px; padding:0;
  border: 1px solid #ab8125;
  background-color: transparent;
  color:inherit;
}

.boxwithborders {
  margin:10px; padding:0;
  border: 1px solid #ab8125;
  background-color: transparent;
  color:inherit;
}

.mainboxcontent { padding:2px; padding-top:0; background-color:#000 }
.mainboxcontent tr { vertical-align:top }
.boxcontent { padding:2px;border-spacing:0;width:100% }

.boxcontentwithborders {
  margin:0; border-collapse: collapse; border-style:hidden;width:100%; }
table.boxcontentwithborders td {
  padding:5px; border:1px solid #ab8125; }
table.boxcontentwithborders th {
  padding:5px; border:1px solid #ab8125;  }

table.compact td { padding:0; }
table.compact th { padding:0; }
table.compact img { margin:0; }

.boxhead
{ text-align: center;
  background-color: transparent;
  border-bottom: 1px solid #ab8125;
  font-weight: bold;
  color: #feae09;
  padding: 5px;
  }

.boxheadwithborders
{ text-align: center;
  background-color: transparent;
  border-bottom: 1px solid #000;
  font-weight: bold;
  color: #feae09;
  padding: 5px;
  }

.hl { font-weight:bold; color:#fa664c; background-color:inherit }
.hl0 { background-color: transparent; color:inherit; }
.hl1 { background-color: #e53a06; color:inherit; }
.hl3 { background-color: #ad0a0d; color:inherit; }
.hl2 { background-color: #cc2423; color:inherit; }

a:link { color:#feae09; background-color:inherit; text-decoration:underline}
a:visited { color:#a61115; background-color:inherit; text-decoration:underline }
a:active { color:#bb0000; background-color:inherit; text-decoration:none }
a:hover { color:#fadf1c; background-color:inherit; text-decoration:none }
a.brokenlink { color:#ff7700; background-color:inherit }
td { padding:2px }

img { margin:1em; border:0 }

.harva { letter-spacing:5px }

input.ssubmit {
 color:#acadaf; background-color:transparent;border:0;font-size:small }