body { font-size: 100,01%; line-height: 100%; } div.content_right_text_block { width: 210px; margin: 12px 0px 0px 0px; } /* small box */ div.box_small_container { width: 400px; height: 176px; margin: 0; padding: 0;} div.box_small_container_1 { width: 195px; height: 176px; float: left; margin: 0; padding: 0;} div.box_small_container_2 { width: 10px; height: 176px; float: left; margin: 0; padding: 0;} div.box_small_container_3 { width: 195px; height: 176px; float: right; margin: 0; padding: 0;} div.box_small { width: 195px; height: 176px; background-color: #8dd343; margin: 0; padding: 0;} div.box_small_margin_top { width: 195px; height: 8px; margin: 0; padding: 0; } div.box_small_mid_container { width: 195px; height: 130px; margin: 0; padding: 0; } div.box_small_mid_1 { width: 8px; height: 130px; float: left; margin: 0; padding: 0;} div.box_small_mid_2 { background-color: #ffffff; width: 179px; height: 130px; border: 0px; margin: 0px; padding: 0px; float: left; } div.box_small_mid_3 { width: 8px; height: 130px; float: right; margin: 0; padding: 0;} img.box_small_img { width: 179px; height: 130px; border: 0px; margin: 0px; padding: 0px; } div.box_small_margin_bottom_1 { width: 195px; height: 0.4em; margin: 0; padding: 0;} div.box_small_margin_bottom_2 { width: 195px; height: 1em; margin: 0; padding: 0;} /* big box */ div.box_big { width: 400px; height: 125px; background-color: #ffca00; margin-top: 10px; } div.box_big_margin_top { width: 400px; height: 8px; margin: 0; padding: 0;} div.box_big_mid_container { width: 400px; height: 109px; margin: 0; padding: 0;} div.box_big_mid_1 { width: 8px; height: 109px; float: left; margin: 0; padding: 0;} div.box_big_mid_2 { background-color: #ffffff; width: 150px; height: 109px; border: 0px; margin: 0px; padding: 0px; float: left; } div.box_big_mid_3 { width: 8px; height: 109px; float: left; margin: 0; padding: 0;} div.box_big_mid_4 { width: 226px; height: 109px; float: left; margin: 0; padding: 0;} div.box_big_mid_5 { width: 8px; height: 109px; float: right; margin: 0; padding: 0;} img.box_big_img { width: 150px; height: 109px; border: 0px; margin: 0px; padding: 0px; } div.box_big_margin_bottom { width: 400px; height: 8px; margin: 0; padding: 0;} div.box_big_spacer { width: 226px; height: 7px; margin: 0; padding: 0;} div.box_big_spacer_2 { width: 226px; height: 7px; margin: 0; padding: 0;} /* heading short */ div.heading_short_grey { width: 210px; height: 28px; background-image: url("../images/harmaapalkki_210.gif"); background-position: center; background-repeat: no-repeat; margin: 0; padding: 0; } div.heading_short_green { width: 210px; height: 28px; background-image: url("../images/vihreapalkki_210.gif"); background-position: center; background-repeat: no-repeat; margin: 0; padding: 0;} div.heading_short_blue { width: 210px; height: 28px; background-image: url("../images/sininenpalkki_210.gif"); background-position: center; background-repeat: no-repeat; margin: 0; padding: 0;} div.heading_short_margin { width: 210px; height: 9px; margin: 0; padding: 0;} /* heading long */ div.heading_long_grey { width: 400px; height: 28px; background-image: url("../images/harmaapalkki_400.gif"); background-position: center; background-repeat: no-repeat; margin: 0; padding: 0; } div.heading_long_yellow { width: 400px; height: 28px; background-image: url("../images/keltainenpalkki_400.gif"); background-position: center; background-repeat: no-repeat; margin: 0; padding: 0;} div.heading_long_blue { width: 400px; height: 28px; background-image: url("../images/sininenpalkki_400.gif"); background-position: center; background-repeat: no-repeat; margin: 0; padding: 0;} div.heading_long_green { width: 400px; height: 28px; background-image: url("../images/vihreapalkki_400.jpg"); background-position: center; background-repeat: no-repeat; margin: 0; padding: 0;} div.heading_long_lila { width: 400px; height: 28px; background-image: url("../images/lilapalkki_400.jpg"); background-position: center; background-repeat: no-repeat; margin: 0; padding: 0;} div.heading_long_margin { width: 400px; height: 9px; } /* p */ p.heading { font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #ffffff; margin: 0px; padding: 0 0 0 8px; text-align: left; font-weight: bold;} p.box_small { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; text-align: center; margin: 0px; padding: 0px; line-height: 14px; } p.box_big { font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; text-align: left; margin: 0px; padding: 0px 0 0 8px; } p.box_big_regular { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #000000; text-align: left; margin: 0px 0px 0px 8px; padding: 0px; line-height: 15px; width: 200px; } p.intro { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #222222; text-align: left; margin: 0px; padding: 0px; line-height: 18px; font-style: italic; } p.regular { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #222222; text-align: left; margin: 0px; padding: 0px; line-height: 17px; } p.regular_heading { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #222222; text-align: left; margin: 0px; padding: 0px; line-height: 16px; font-weight: bold; } p.text { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #222222; text-align: left; margin: 0px; padding: 0px 0 15px 0; line-height: 17px; } p.right_green { font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; color: #8dd343; text-align: left; margin: 0px; padding: 0px; font-style: normal; } p.grey { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #444; text-align: left; margin: 0px; padding: 0px; font-style: normal; } p.sub_green { font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #8dd343; text-align: left; margin: 0px; padding: 0px; line-height: 20px; border-bottom: 1px solid #8dd343; width: 400px; font-weight: bold;} p.sub_blue { font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #2b8ba3; text-align: left; margin: 0px; padding: 0px; line-height: 20px; border-bottom: 1px solid #2b8ba3; width: 400px; font-weight: bold;} p.sub_blue_noline { font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #2b8ba3; text-align: left; margin: 0px; padding: 0px; line-height: 20px; width: 400px; font-weight: bold;} p.sub_grey { font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #444; text-align: left; margin: 0px; padding: 0px; line-height: 20px; border-bottom: 1px solid #444; width: 400px; font-weight: bold;} p.sub_lila { font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #c565d0; text-align: left; margin: 0px; padding: 0px; line-height: 20px; border-bottom: 2px solid #c565d0; width: 400px; } p.caption { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #222222; text-align: left; margin: 0px; padding: 0px; line-height: 14px; } p.contact_us_small_heading { font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #222222; text-align: left; margin: 0px; padding: 0 0 0 1px; line-height: 14px; } p.contact_us_info { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #222222; text-align: left; margin: 0px; padding: 0 0 0 1px; line-height: 14px; } /* a */ a.box_big_learn_more { font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: normal; color: #000; text-align: left; margin: 0px 0px 0px 8px; padding: 0px; line-height: 16px; text-decoration: underline; } a.box_big_learn_more:link { font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: normal; color: #000; text-align: left; margin: 0px 0px 0px 8px; padding: 0px; line-height: 16px; text-decoration: underline; } a.box_big_learn_more:active { font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: normal; color: #000; text-align: left; margin: 0px 0px 0px 8px; padding: 0px; line-height: 16px; text-decoration: underline; } a.box_big_learn_more:hover { font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: normal; color: #000; text-align: left; margin: 0px 0px 0px 8px; padding: 0px; line-height: 16px; text-decoration: underline; } a.box_big_learn_more:visited { font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: normal; color: #000; text-align: left; margin: 0px 0px 0px 8px; padding: 0px; line-height: 16px; text-decoration: underline; } p.box_small a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; text-align: center; margin: 0px; padding: 0px; line-height: 14px; text-decoration: none; } p.box_small a:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; text-align: center; margin: 0px; padding: 0px; line-height: 14px; text-decoration: none;} p.box_small a:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; text-align: center; margin: 0px; padding: 0px; line-height: 14px; text-decoration: none;} p.box_small a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; text-align: center; margin: 0px; padding: 0px; line-height: 14px; text-decoration: none;} p.box_small a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; text-align: center; margin: 0px; padding: 0px; line-height: 14px; text-decoration: none;} a.blue { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #2b8ba3;; text-align: left; margin: 0px; padding: 0px; line-height: 15px; text-decoration: none; } a.blue:link { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #2b8ba3; text-align: left; margin: 0px; padding: 0px; line-height: 15px; text-decoration: none; } a.blue:active { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #2b8ba3; text-align: left; margin: 0px; padding: 0px; line-height: 15px; text-decoration: none; } a.blue:hover { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #2b8ba3; text-align: left; margin: 0px; padding: 0px; line-height: 15px; text-decoration: none; } a.blue:visited { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #2b8ba3; text-align: left; margin: 0px; padding: 0px; line-height: 15px; text-decoration: none; } a.green { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #8dd343; text-align: left; margin: 0px; padding: 0px; line-height: 15px; text-decoration: none; } a.green:link { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #8dd343; text-align: left; margin: 0px; padding: 0px; line-height: 15px; text-decoration: none; } a.green:active { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #8dd343; text-align: left; margin: 0px; padding: 0px; line-height: 15px; text-decoration: none; } a.green:hover { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #8dd343; text-align: left; margin: 0px; padding: 0px; line-height: 15px; text-decoration: none; } a.green:visited { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #8dd343; text-align: left; margin: 0px; padding: 0px; line-height: 15px; text-decoration: none; } a.video, a.video:link, a.video:hover, a.video:visited, a.video:active { margin: 0; padding: 0; text-decoration: none; } /* orange link */ p.orange { font-family: Helvetica, Arial, sans-serif; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; color: #fb7a00; text-decoration: underline; } a.orange { font-family: Helvetica, Arial, sans-serif; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; color: #fb7a00; text-decoration: underline; } a.orange:link { font-family: Helvetica, Arial, sans-serif; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; color: #fb7a00; text-decoration: underline; } a.orange:active { font-family: Helvetica, Arial, sans-serif; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; color: #fb7a00; text-decoration: underline; } a.orange:visited { font-family: Helvetica, Arial, sans-serif; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; color: #fb7a00; text-decoration: underline; } a.orange:hover { font-family: Helvetica, Arial, sans-serif; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; color: #fb7a00; text-decoration: underline; } a.orange_big { font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 12px; color: #fb7a00; text-decoration: underline; } a.orange_big:link { font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 12px; color: #fb7a00; text-decoration: underline; } a.orange_big:active { font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 12px; color: #fb7a00; text-decoration: underline; } a.orange_big:visited { font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 12px; color: #fb7a00; text-decoration: underline; } a.orange_big:hover { font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 12px; color: #fb7a00; text-decoration: underline; } a.contact { font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #222; text-align: rght; margin: 0px; padding: 0px; line-height: 16px; text-decoration: none; } a.contact:link { font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #222; text-align: rght; margin: 0px; padding: 0px; line-height: 16px; text-decoration: none; } a.contact:active { font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #222; text-align: rght; margin: 0px; padding: 0px; line-height: 16px; text-decoration: none; } a.contact:hover { font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #222; text-align: rght; margin: 0px; padding: 0px; line-height: 16px; text-decoration: none; } a.contact:visited { font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #222; text-align: rght; margin: 0px; padding: 0px; line-height: 16px; text-decoration: none; } /* navigation */ div#navigation_container { background-color: #fb7a00; width: 210px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} #navigation_container dl { margin: 0px; padding: 12px 0 4px 0; list-style-type: none; } #navigation_container dt { margin: 0; padding: 0 0 8px 0; line-height: 14px;} #navigation_container dd { margin: 0px; padding: 0 15px 8px 25px; line-height: 13px; } #navigation_container dt a:link, #navigation_container dt a:visited { margin: 0; padding: 0 0 0 10px; color: #ffc9a1; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;} #navigation_container dt a:hover, #navigation_container dt a:active { margin: 0; padding: 0 0 0 10px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #navigation_container dt a.active, #navigation_container dt a:hover.active, #navigation_container dt a:visited.active, #navigation_container dt a:active.active { margin: 0; padding: 0 0 0 10px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;} #navigation_container dd a:link, #navigation_container dd a:visited { margin: 0; padding: 0; color: #ffc9a1; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;} #navigation_container dd a:hover, #navigation_container dd a:active { margin: 0; padding: 0; color: #fff; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;} #navigation_container dd a:link.active, #navigation_container dd a:hover.active, #navigation_container dd a:visited.active, #navigation_container dd a:active.active { margin: 0; padding: 0; color: #fff; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;} /* content spacers */ div.content_spacer_1 { width: 400px; height: 20px; } div.content_spacer_2 { width: 400px; height: 35px; } div.content_spacer_3 { width: 400px; height: 12px; } div.content_spacer_4 { width: 400px; height: 25px; } div.content_spacer_5 { width: 400px; height: 15px; } div.content_spacer_6 { width: 400px; height: 5px; } div.content_spacer_7 { width: 400px; height: 10px; } div.content_spacer_8 { width: 400px; height: 30px; } /* content images */ img.image_blue { width: 145px; height: 109px; border: 8px solid #2b8ba3; margin: 0px 15px 10px 0px; padding: 0px 0px 0px 0px; float: left; } img.image_green { width: 145px; height: 109px; border: 8px solid #8dd343; margin: 0px 15px 10px 0px; padding: 0px 0px 0px 0px; float: left; } img.image_lila { width: 145px; height: 109px; border: 8px solid #c565d0; margin: 0px 15px 10px 0px; padding: 0px 0px 0px 0px; float: left; } img.right_column { width: 97px; height: 75px; border: 6px solid #8dd343; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; float: right; } img.right_column_blue { width: 97px; height: 75px; border: 6px solid #2b8ba3; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; float: right; } /* video */ div.video { width: 210px; height: 152px; background-color: none; } .video img {margin: 0; padding: 0; border: none; } /* publications */ ul.publications { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #222222; text-align: left; margin: 0px; padding: 3px 0 25px 0; list-style: none; font-weight: bold;} li.publications { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #222222; font-weight: normal; text-align: left; margin: 0px; padding: 12px 0 0px 0; line-height: 14px; } ul.publications_bullets { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #222222; text-align: left; margin: 0px; margin-left: 20px; padding: 3px 0 25px 0; list-style: disc; font-weight: bold;} li.publications_bullets { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #222222; font-weight: normal; text-align: left; margin: 0px; padding: 6px 0 0px 0; line-height: 14px; } /* links */ ul.links { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #222222; text-align: left; margin: 0px; padding: 0px 0 18px 0; list-style: none; font-weight: bold;} li.links { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #222222; font-weight: normal; text-align: left; margin: 0px; padding: 4px 0 0px 0; line-height: 14px; }