
<!--

BODY {
  font-family: Trebuchet MS,Trebuchet,Arial,Verdana,Sans-serif; font-size: 10pt;
  background-color: #fff;
  /* background-image: url(images/khs.png);    */
  background-repeat: no-repeat; 
  background-position: left top; 
  background-attachment: fixed
}
#main {
  padding-top: 10px;
  display: inline;
  width: 720px;
  float: left;

}
#humb {
  margin-top: -100px;
  right: 0px;
  float: right;
  background-image: url('/archive/180-perhonen.png'); 
  clear: right;
  width: 208px; height: 147px; 
  display: block;
}
#footer {
  border-top: solid 1px #ccc;
  padding-bottom: 3px;
  width: 640px;
  float: right;
  height: 160px;
  margin-right: 120px;
}

.lapinakyy {opacity:0.9; filter:alpha(opacity=90);   }

.tekstit  {
   font: normal 10pt/normal Trebuchet MS,Trebuchet,Arial,Verdana,Sans-serif;
   color: black;
}

.valiotsikko  {
   font: bold normal 10pt Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
}

.otsikko  {
   font: bolder normal 10pt Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
; text-transform: uppercase
}
.reunat {  border-color: black #000000 #9590AE; height: auto; width: auto; border-style: double; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 5px; border-left-width: 1px}
.eitoistu {  }
.eitoistu2 {  background-repeat: repeat-x; background-position: left bottom; background-attachment: fixed}

b {  color: #333333; font-family: Trebuchet MS,Trebuchet,Arial,Verdana,Sans-serif; font-size: 11pt; font-weight: bold}
ul { type: disc; font-family: Trebuchet MS,Trebuchet,Arial,Verdana,Sans-serif; font-size: 9pt; style: bold}
li { type: disc; font-family: Trebuchet MS,Trebuchet,Arial,Verdana,Sans-serif; font-size: 9pt; style: bold}

.kuvateksti {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; font-weight: bold}
.alanavi {  border-color: black #999966 black #000000; border-style: none; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px; background-repeat: repeat-y}
h5 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000}
h1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #666633}
p {  font-family: Trebuchet MS,Trebuchet,Arial,Verdana,Sans-serif; font-size: 10pt }
a:active {  font-family: Trebuchet MS,Trebuchet,Arial,Verdana,Sans-serif; font-size: 11pt; color: #666699; text-decoration: none; font-style: none; font-weight: bold}
a:hover { font-family: Trebuchet MS,Trebuchet,Arial,Verdana,Sans-serif; font-size: 11pt; color: #000000; text-decoration: underline; font-style: none; font-weight: bold}
a:link { font-family: Trebuchet MS,Trebuchet,Arial,Verdana,Sans-serif; font-size: 11pt; color: #666699; text-decoration: none; font-style: none; font-weight: bold}
a:visited { font-family: Trebuchet MS,Trebuchet,Arial,Verdana,Sans-serif; font-size: 11pt; text-decoration: none ; font-style: none; font-weight: bold; color: #666699}

.medialink {  
  padding-bottom: 12px;
  line-height: 105%;
  font-family: Trebuchet MS,Trebuchet,Arial,Verdana,Sans-serif; 
  font-size: 11pt; 
  font-weight: bold;
  color: #004010; 
  cursor: pointer;
}
.onlinemenu {
  float: left;
  height: 300px;
  padding-right: 10px;
}
#page_ads {
  font-family: Trebuchet MS,Trebuchet,Arial,Verdana,Sans-serif; 
  font-size: 11pt; 
  float: left;
  width: 460px;
  border-left: solid 1px #c2c2c2;
  padding-left: 10px;
}
div#leftbar {
  width: 190px; 
  background-image: url(/archive/kolilla_lauta.png); 
  background-repeat: no-repeat;
  height: 541px; 
  display: block; float: left; 
}

div#ylanavi {
  padding-left: 120px;
  padding-top: 8px;
}

div#ylanavi > A {
  color: white;
  font-size: 12px;
  font-weight: bold;
  padding-right: 10px;
  padding-left: 10px;
  width: 100px;
  text-transform: uppercase;
}

.footerwidget {
  padding: 1px;
  clear:right;
  color:#333333;
  float:right;
  padding:5px;
  margin: 2px;
  width:640px;
}

.widgetdata {
  margin: 1px;
  padding: 5px;
}

.weather {

}
.wcurrent {
  width: 120px;
  float: left;
  font-size: 11px;
  font-weight: normal;  
  padding: 2px;
  padding-right: 15px;
}

.temperature {
  font-size: 32px;
  color: #333;
  font-weight: bold;
  float: right;
  clear: right;
}

.forecast {
  float: left;
}
.forecasttime {
  font-size: 11px;
  color: #5c666f;
}
.forecastday {
  font-size: 10px;
  padding: 2px;
  float: left;
  width: 70px;
}

.contactwidget {
  padding: 1px;
  /* font: "Verdana","Georgia","Times New Roman"; */
  /* background-color: #bcc6cf; */
 /* border:1px solid #999999;
  border-left:1px solid #aaaaaa;
  border-top:1px solid #aaaaaa; */
  clear:right;
  color:#333333;
  float:right;
  padding:5px;
  margin: 2px;
  width:160px; 
}

table.port {
  border-style: solid;
  border-width: 0 0 0 0;
}

table.port td {
  border-width: 0 0 0 0;
  border-bottom: dotted 1px #c2c2c2;
}

.taulu { 
  display: table;
  clear: both;
  font-size: 13px;
  border-width: 0 0 0 0;
}
.taulu > div {
  display: table-row;
  cursor: pointer;
}
.taulu > div > div {
  display: table-cell;
  text-align: left;
  padding-right: 5px;
  padding-top: 4px;
  vertical-align: top;
}
.taulu > div > div > input {
  padding-left: 4px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid 1px #c2c2c2;
}

-->