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

#langs
{ position:absolute;
  top:5px;
  left:850px;
  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; }

#menu
{ position:absolute;
  top:215px;
  left:20px;
  border: 2px solid #d52;
  font-size:large;
  padding:10px;
  background:transparent;
  color:inherit;
 }

#vasentausta
{ position:absolute;
  top:385px;
  left:0;
  height:
  width:200px;
  background: url("/Kuvat/nappijatkumo.jpg") transparent top left repeat-y scroll;
  }

#head
{ font-size:large;
  padding-top:385px;
  padding-left: 200px;
  width:850px;
  height: 385px;
  background: url("/Kuvat/ylaosa_kevat.jpg") transparent top left no-repeat scroll;
  }
#headtext{ position:absolute;top:130px;left:500px;white-space:nowrap  }


#main
{ position:absolute;
  top:170px;
  padding-left:210px;
  padding-top:0;
  padding-bottom:185px;
  margin:0;
  width:800px;
  background: url("/Kuvat/alaosa.jpg") transparent left bottom no-repeat scroll;
  color:inherit;
  }

#foot
{ width:750px;
  color:black;
  background-color: transparent;
  margin:0;
}

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

#postcontent
{ position:absolute;
  left:0;bottom:0;
  height:385px;
}

#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: #cc9;
  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:#cc9;
  width:750px;
}
.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;
  font-weight: bold;
  color: #d52;
  padding: 5px;
  }

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

.hl { font-weight:bold; color:#e63; 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:#d52; 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 }