body { margin: 0; padding: 0; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .clear { clear: both; } h1.section-0 { color: #ff0000; } h1.section-1 { color: #ffa100; } h1.section-2 { color: #69be28; } h1.section-3 { color: #00a1de; } h1.section-4 { color: #5d3526; } h1.section-5 { color: #e0249a; } h1.section-6 { color: #5b5b5b; } h1.section-7 { color: #a66400; } h1.section-8 { color: #5b5b5b; } h1.section-9 { color: #5b5b5b; } h1 { margin: 0 0 15px 0; font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-weight: bold; color: #69be28; } h2 { margin: 10px 0 3px 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ff0000; } h2.green { color: #69be28; } .section-0 h2, .section-0 h3, .section-0 h4 { color: #ff0000; } .section-1 h2, .section-1 h3, .section-1 h4 { color: #ffa100; } .section-2 h2, .section-2 h3, .section-2 h4 { color: #69be28; } .section-3 h2, .section-3 h3, .section-3 h4 { color: #00a1de; } .section-4 h2, .section-4 h3, .section-4 h4 { color: #5d3526; } .section-5 h2, .section-5 h3, .section-5 h4 { color: #e0249a; } .section-6 h2, .section-6 h3, .section-6 h4, .section-8 h2, .section-8 h3, .section-8 h4, .section-9 h2, .section-9 h3, .section-9 h4 { color: #5b5b5b; } .section-7 h2, .section-7 h3, .section-7 h4 { color: #a66400; } h3 { margin: 12px 0 2px 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #69be28; } h4 { margin: 12px 0 1px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #69be28; } p { line-height: 1.3; margin: 0 0 1.5em 0; color: #766a62; } img { border: none; } .section-0 a { color: #ff0000; } .section-1 a { color: #ffa100; } .section-2 a { color: #69be28; } .section-3 a { color: #00a1de; } .section-4 a { color: #5d3526; } .section-5 a { color: #e0249a; } .section-6 a, .section-8 a, .section-9 a { color: #5b5b5b; } .section-7 a { color: #a66400; } a { color: #69be28; text-decoration: underline; } a:hover { color: #99cc66; text-decoration: underline; } a.red { color: #ff0000; text-decoration: none; } a.red:hover { color: #ff3333; text-decoration: underline; } div#wrapper { width: 900px; margin: 0 auto 15px auto; padding: 0; } div#header { width: 100%; height: 130px; margin: 0; padding: 0; } div#header-left { float: left; width: 645px; padding: 0 0 0 25px; } div#top-links { height: 14px; margin-top: 14px; padding-bottom: 2px; border-bottom: 1px solid #d3d3d3; font-size: 11px; } div#breadcrumbs { float: left; } div#breadcrumbs a { color: #766a62; text-decoration: none; } div#breadcrumbs a:hover { color: #999999; } div#breadcrumbs a.breadcrumbs-first { color: #ff0000; } div#breadcrumbs a.breadcrumbs-first:hover { color: #ff6666; } div#breadcrumbs a.active { color: #69be28; } div#breadcrumbs a.active:hover { color: #99cc66; } div#breadcrumbs span.breadcrumbs-first { margin: 0 10px 0 10px; color: #766a62; } div#breadcrumbs span { margin: 0 4px 0 4px; color: #766a62; } div#feedback-links { float: right; text-align: right; } div#feedback-links a { color: #766a62; text-decoration: none; } div#feedback-links a:hover { color: #999999; } div#logo { margin-top: 15px; } div#header-right { float: right; width: 230px; } div#content-frame { width: 100%; height: auto !important; min-height: 440px; height: 440px; } div#navigation-column { float: left; width: 200px; margin-right: 30px; padding-bottom: 162px; } ul#menu { margin: 0 0 20px 0; padding: 0; list-style-type: none; } ul#menu li { margin: 0; padding: 0 0 4px 0; } ul#menu li div.menu-0 { background: url(../images/menu_red.gif) no-repeat center left; } ul#menu li div.menu-1 { background: url(../images/menu_yellow.gif) no-repeat center left; } ul#menu li div.menu-2 { background: url(../images/menu_green.gif) no-repeat center left; } ul#menu li div.menu-3 { background: url(../images/menu_blue.gif) no-repeat center left; } ul#menu li div.menu-4 { background: url(../images/menu_brown.gif) no-repeat center left; } ul#menu li div.menu-5 { background: url(../images/menu_magenta.gif) no-repeat center left; } ul#menu li div.menu-7 { background: url(../images/menu_lightbrown.gif) no-repeat center left; } ul#menu li div.menu-6, ul#menu li div.menu-8, ul#menu li div.menu-9 { background: url(../images/menu_gray.gif) no-repeat center left; } ul#submenu1 li div.sub1 { margin: 0; padding: 1px 0 1px 0; } ul#menu li div { margin: 3px 0 3px 0; padding: 6px 0 6px 25px; } ul#menu li div.menu-0 a { color: #ff0000; } ul#menu li div.menu-1 a { color: #ffa100; } ul#menu li div.menu-2 a { color: #69be28; } ul#menu li div.menu-3 a { color: #00a1de; } ul#menu li div.menu-4 a { color: #5d3526; } ul#menu li div.menu-5 a { color: #e0249a; } ul#menu li div.menu-7 a { color: #a66400; } ul#menu li a { padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 19px; text-decoration: none; color: #5b5b5b; } ul#menu li a:hover { text-decoration: underline; } ul#menu li a.selected { text-decoration: underline; } ul#submenu1 { margin: 3px 0 0 40px; padding: 0; list-style-type: none; } ul#submenu1 li { margin: 0; padding: 0 0 3px 0; } ul#submenu1 li div.sub1 a { padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.2em; text-decoration: none; background: none; color: #766a62; } ul#submenu1 li div.sub1 a:hover { text-decoration: underline; } ul#submenu1 li div.sub1 a.selected { text-decoration: underline; } ul#submenu2 { margin: 3px 0 5px 15px; padding: 0; list-style-type: none; } ul#submenu2 li { margin: 0; padding: 4px 0 4px 0; } ul#submenu2 li a { padding: 1px 0 1px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; background: none; color: #766a62; } ul#submenu2 li a:hover { text-decoration: underline; } ul#submenu2 li a.selected { text-decoration: underline; } div#main-content-column { float: left; width: 440px; } div.mainpage-content { } div.mainpage-content a { color: #ff0000; text-decoration: none; } div.mainpage-content a:hover { color: #ff3333; text-decoration: underline; } div.frontpage-teaser-left { float: left; width: 211px; height: auto !important; min-height: 235px; height: 235px; margin: 30px 9px 10px 0; } div.frontpage-teaser-right { float: left; width: 211px; height: auto !important; min-height: 235px; height: 235px; margin: 30px 0 10px 9px; } div.frontpage-teaser-heading { padding: 10px 10px 10px 10px; background: #d3d3d3 url(../images/frontpage_teaser_heading_bg.gif) no-repeat top left; text-align: center; } div.frontpage-teaser-heading h3 { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; } div.frontpage-teaser-content { height: auto !important; min-height: 200px; height: 200px; background: #ffffff url(../images/frontpage_teaser_text_bg.gif) no-repeat bottom left; padding: 0 0 10px 0; } div.frontpage-teaser-text { padding: 10px 13px 10px 13px; font-size: 10px; color: #766a62; } div.frontpage-teaser-text a { color: #ff0000; text-decoration: none; } div.frontpage-teaser-text a:hover { color: #ff3333; text-decoration: underline; } div.frontpage-teaser-image { margin: 10px 0 10px 0; text-align: center; } div.liftup-intro { width: 440px; padding-bottom: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #766a62; } div.liftup-box { width: 440px; margin-bottom: 20px; } div.liftup-image { float: left; width: 83px; height: 83px; } div.liftup-text { float: right; width: 335px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #766a62; } div.liftup-text h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } div.content-narrow { float: left; width: 210px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #766a62; } div.content-image { float: right; width: 215px; text-align: right; } div#right-column { float: right; width: 200px; padding-top: 50px; } div#right-column div.image { margin: 0 0 20px 0; } div.green-box { width: 175px; } div.green-box-heading { padding: 10px 10px 10px 10px; background: #69be28 url(../images/green_box_heading_bg.gif) no-repeat top left; text-align: center; } div.green-box-heading h3 { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; } div.green-box-text { padding: 10px 15px 10px 15px; font-size: 10px; background: #e2f2d5 url(../images/green_box_text_bg.gif) no-repeat bottom right; color: #766a62; } div.content-small-text { font-size: 10px; font-weight: bold; color: #766a62; } form { margin: 10px 0 10px 0; } form .label-text { float: left; width: 25%; padding: 5px 2px 5px 0px; margin: 0; } form .input-text { float: left; width: 65%; padding: 2px 0 2px 0; } form input[type=text], form input[type=file], form select, form textarea { width: 70%; border: 1px solid #a5acb2; padding: 2px; } form .input-text input.short { width: 40%; } form .input-text-fullwidth { width: 100%; padding: 2px 0 2px 0; } form .input-text-indent { width: 80%; margin-left: 30px; padding: 2px 0 2px 0; } form input[type=checkbox], form input[type=radio] { width: auto; border: none; } form textarea { width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } div.checkbox-area { float: left; width: 30px; padding-top: 3px; } div.checkbox-text { float: left; width: 200px; padding-top: 5px; } div.field-area { margin: 30px 0 20px 0; } form h2 { margin-top: 20px; } hr { margin: 15px 0 10px 0; border: none; border-top: 1px solid #d3d3d3; height: 1px; width: 100%; } form .submit-area { margin: 15px 0 0 210px; } form .submit-area-survey { margin-top: 25px; text-align: center; } form .submit-area-survey button { margin-left: 10px; margin-right: 10px; } form button.submit { padding: 2px 5px 2px 5px; border: 1px solid #dedede; background: #ffffff; color: #69be28; font-weight: bold; } span.formfailure { color: #ff0000; } div#footer { position: relative; clear: both; width: 670px; margin: 15px 0 0 230px; padding: 7px 0 8px 0; border-top: 1px solid #d3d3d3; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #766a62; } div#navigation-column-image { display: block; position: absolute; bottom: 0; left: -230px; padding: 15px 0 0 0; text-align: center; } div#footer div#footer-left { float: left; } div#footer div#footer-right { float: right; } div#footer span { margin-left: 2px; margin-right: 2px; color: #766a62; } #fatfooter { float: left; height: 200px; width: 950px; margin-top: 10px; text-align: left; display: inline; } #fatfooter ul { list-style-type: none; } .footerbox { float: left; height: 190px; margin-right: 10px; display: inline; } .footerbox a { text-decoration: none; color: #666; } .footerbox a:hover { text-decoration: underline; } #etusivu div#navigation-column { width: 150px; } #etusivu div#right-column { width: 250px; padding-top: 20px; }