HTML, BODY { padding: 0; margin: 0; width: 100%; height: 100%; }
HTML { background: #d1dcde url("/img/bg.jpg") repeat-x 0 0; }

BODY, P, DIV, LI, TD { font: normal 12px/18px Georgia, "Times New Roman", Times, serif; color: #333; }

A { color: #cc6600; }
A:hover { color: #e97e00; }
A IMG { border: 0; }

H1, H2, H3 { font: normal 30px Georgia, "Times New Roman", Times, serif; color: #333; }
H1 { padding: 12px 0; margin-top: 0; }
H2 { font-size: 15px; font-weight: bold; }
H3 { font-size: 12px; font-weight: bold; }
TH, TD { vertical-align: top; text-align: left; }

P { margin: 2px 0 16px 0; }
.column P { margin: 2px 30px 16px 0; }

.news H2 { margin-bottom: 0; padding-bottom: 5px; }
.news H2 A { color: #333333; }
.newslist H2 { margin-top: 0; padding-top: 0; }
H1.box { background: transparent url("/img/h1_box_bg.gif") no-repeat 0 0; margin: 0 0 3px -12px; font: normal 12px/12px Arial, Helvetica, sans-serif; padding: 13px 0 12px 14px; }
H1.box A { text-decoration: none; color: #333; }

.splitheader A { display: block; background: transparent url("/img/gray_header.gif") no-repeat 0 0; padding: 4px 12px; margin: 0 0 8px -12px; text-decoration: none; color: #333; font: normal 12px/18px verdana; }


#fullcontent TD { background: transparent url("/img/kuvitus.gif") no-repeat 50% 0; padding: 0; margin: 0; width: 100%; height: 100%; vertical-align: top; }
#fullcontent { background: transparent url("/img/content_bg.gif") repeat-y 50% 0; padding: 0; margin: 0; width: 100%; height: 100%; vertical-align: top; }

#content TD { width: auto; height: auto; padding: 2px 4px; }

#content { width: 760px; margin: 0 auto; padding: 0 26px; position: relative; z-index: 2; margin-bottom: 50px; }
#header { padding: 17px 0 38px 0; position: relative; height: 170px;}
#logo { position: absolute; top: 17px; }
#lang, #navi, .subnavi {
  list-style: none;
  padding: 0;
  margin: 0;
  clear: both;
}
#lang LI, #navi LI, .subnavi LI {
  padding: 0;
  margin: 0;
  float: left;
}

#lang { position: absolute; right: 0; top: 82px; margin: 0; padding: 0; width: 340px; }
#lang LI { margin: 0 0 0 20px; padding: 0; display: block; float: right; }
#lang #palaute { margin-top: -15px; }
#lang #fb { vertical-align: top; }

#navi { padding: 15px 0; height: 35px; position: absolute; top: 116px; z-index: 3; }
#navi IMG { cursor: pointer; }

.subnavi { position: absolute; top: 168px; display: none; margin: 0; padding: 0;  z-index: 1; }
#sub_vanhemmille { left: 88px; }
#sub_paattotyot { right: 0; }
UL.show { display: block; z-index: 2; }

.column {float: left; width: 494px; margin-left: 0px; padding-left: 12px; }
.columnsmall { float: left; width: 249px; margin-left: 4px; }

.workshop .column { width: 495px; }
.workshop .columnsmall { margin-left: 0; margin-right: 12px; }

.columnsmall DIV, .columnsmall UL, .columnsmall LI { position: relative; }
.box { background: transparent url("/img/box_header_right.gif") no-repeat 100% 0; position: relative; }
.box H2 { font: normal 12px/12px Verdana, Helvetica, sans-serif; margin: 0 0 1px 0; background: transparent url("/img/box_header_left.gif") no-repeat 0 0; color: #333333; margin-right: 12px; padding: 12px 0 11px 14px; }
.box H2.expand { cursor: pointer; background-image: url("/img/box_header_left_closed.gif"); padding-left: 24px; }
.box H2.expand.open { cursor: pointer; background-image: url("/img/box_header_left_open.gif"); }
.box .content { border: 1px solid #CCCCCC; padding: 2px; margin-bottom: 1px; padding: 6px 10px 6px 10px; }
.etusivu .box .similar { height: 231px; }
.box .content H3, .box .content UL.topics LI { display: block; background: #CCC url("/img/header_bg_g.gif") repeat-x 0 0; padding: 4px 6px; border: 1px solid #CCC; margin: 0 -6px 4px -6px; position: relative; top: -2px; }
.box .content H3 A, .box .content UL.topics LI A { display: block; color: #666; background: transparent url("/img/arrow_g.gif") no-repeat 100% 50%; padding-right: 10px; text-decoration: none; font: normal 12px/13px Verdana, Helvetica, sans-serif; }
.box .content H4 { font-size: 12px; font-weight: bold; margin: 0; padding: 0; }
.topics, .topics LI { position: relative; }
.box .content UL.topics { list-style: none; margin: 0 0 -6px 0; padding: 0; position: relative; display: block; }
.box .content UL.topics LI { margin-bottom: 4px;  position: relative; display: block; }
.box .content UL.topics LI.selected A { color: #000; }

#footer { background: transparent url("/img/footer.gif") no-repeat 0 0; height: 35px; font: 12px/35px Georgia, "Times New Roman", Times, serif; color: #333; margin: 30px 0 0 0; clear: both; text-align: center;  }
#pagefooter { background: transparent url("/img/footer_bg.png") no-repeat 0 0; height: 62px; width: 812px; margin: 0 auto; position: relative; }
.clear { clear: both; line-height: 1px; }

.column .thumb { padding: 3px 3px 0 0; }
.isokuva { background-color: #ECECEC; border: 1px solid #CECECE; padding: 3px; float: left; clear: both; }


/* .newslist { padding-left: 14px; } */

.contactinfo { margin-left: -12px; }
.contactbox { height: 100px; clear: both; }
.contactbox H3 { display: block; background: transparent url("/img/gray_header.gif") no-repeat 0 0; padding: 6px 12px; font: normal 12px Verdana; margin: 20px 0 3px -12px; text-decoration: none; color: #333; }
.contactbox A { display: block; float: right; margin-right: 8px;/**/ }
.contactbox A IMG { border: 1px solid #cccccc; }
/*
.contactbox { float: left; margin: 0 4px 4px 0; padding: 2px; width: 242px; border: 1px solid #CCC; }
.contactbox B { color: #f39c00; font-size: 14px; }
*/
.mapholder { position: absolute; top: 280px; /*width: 700px;*/ background-color: #ECECEC; border: 1px solid #CECECE; padding: 3px;  z-index: 4; overflow: hidden; }
.mapholder IMG  { position: relative; }
.mapholder .close { display: block; background-color: orange; padding: 5px; text-align: right; color: #FFF; font-weight: bold; }
.workshopimage { text-align: center; background: #ececec; border: 1px solid #CCC; padding: 3px; }

/* FORMS */
LABEL { float: left; width: 100px; clear: left; margin-top: 10px; }
TEXTAREA { width: 100%; display: block; height: 200px; }
.textinput { width: 200px; margin-top: 10px; }
.submit { margin-left: 100px; clear: both; display: block; margin-top: 30px; }