body { background:#ffffff; margin:0px; padding:0px; color: #282828; font-family: tahoma, sans-serif; font-size: 0.8em; } body, html { height: 100%; } h1 { font-family: arial, sans-serif; color: #000000; font-size: 1.4em; font-weight: normal; letter-spacing: 0.06em; margin: 0px 0px 4px 0px; padding: 0px; } h1.Blue { color: #58bfe0; } h2 { margin: 10px 0px 15px 0px; padding: 0px; font-family: tahoma, sans-serif; color: #000000; font-size: 1.2em; font-weight: normal; } h2.Blue { color:#58bfe0; } h3 { font-family: tahoma, sans-serif; color: #101010; font-size: 1.1em; margin: 0px 0px 10px 0px; padding: 0px; font-weight: normal; } h3.Blue { color:#58bfe0; } h4 { font-family: tahoma, sans-serif; color: #101010; font-size: 1.0em; } h4.Blue { color:#58bfe0; } a { color: #0099cc; text-decoration: none; } a:hover { text-decoration: underline; } a.arrow { background:transparent url(content_link_arrow.gif) no-repeat scroll right 4px; padding-right: 15px; } a.arrow:hover { background-position: right -36px; } a.window { background:transparent url(content_link_window.gif) no-repeat scroll right 0.2em; padding-right: 17px; } a.rss { background:transparent url(rss_blue.png) no-repeat right center; display:block; height:15px; padding:0px 16px 0px 0px; float:left; color:#000000; line-height:13px; } a.rss:hover { text-decoration:underline; color:#000000; } a img { border:none; } small { display: block; margin-top: 3px; font-size: 0.85em; line-height: 1.6em; } textarea, input { font-family: tahoma, sans-serif; font-size:1em; } .clear { clear: both; } br.clear { display:block; } div#site-wrapper { width:100%; min-width:980px; height:auto; min-height:100%; position:absolute; top:0px; left:0px; } div#header-wrapper { width:100%; background: #a3b4b7 url(header_back.gif) repeat-x 0px 0px; } div#header-content { width:960px; margin:0px auto 0px auto; background: url(sempre_bw.png) no-repeat -6px 43px; padding: 0px 0px 0px 0px; position:relative; color:#272727; } div#header-content a { color: #0099cc; } div#header-content a.arrow { background:transparent url(header_link_arrow.gif) no-repeat scroll right 0.2em; padding-right: 15px; } div#header-content a.arrow:hover { background-position: right 0.2em; } div#header-content h1 { text-transform: uppercase; letter-spacing: normal; font-family: arial, serif; } div#special-menu { position:absolute; top:10px; right:0px; } div#special-menu a { display:block; float:right; border:solid 0px #a3acbb; border-top-width:3px; padding:6px 15px 7px 19px; color:#313131; background-color:#ffffff; } div#special-menu a:hover { border:solid 0px #5bb8d6; border-top-width:3px; color:#000000; text-decoration:none; } div#special-menu a.active { border:solid 0px #5bb8d6; border-top-width:3px; color:#000000; } div#menu { height: 80px; width: 100%; font-family: tahoma, sans-serif; padding: 53px 0px 0px 0px; overflow:hidden; } div#menu ul { padding: 0px; margin: 0px; list-style-type: none; float: right; } div#menu ul li { float: left; padding: 0px; margin: 0px; position:relative; } div#menu ul li a { padding: 0px 9px 6px 9px; border-bottom: 2px solid #ffffff; text-decoration: none; font-weight: 500; color: #000000; font-size: 1.1em; display:block; } div#menu ul li a:hover { border-bottom: 2px solid #a3acbb; color: #000000; } div#menu ul li a.active { border-bottom: 2px solid #58bfe0; color: #000000; } div#menu ul li ul { position:absolute; top:25px; left:0px; padding:8px 0px 2px 10px; height:30px; width:auto; min-width:450px; background:transparent url(submenu_back.gif) no-repeat left top; } div#menu ul li ul li { padding: 0px; margin: 0px; display:block; } div#menu ul li ul li a { padding: 0px 9px 0px 9px; font-size:0.92em; border:none; color: #535353; } div#menu ul li ul li a:hover { color: #000000; border:none; } div#menu ul li ul li a.active { color: #000000; border:none; } div#headlines { float: right; padding: 0px 20px 35px 20px; width: 940px; } div#slideshow { padding:20px 0px; margin:0px 1px; width:958px; height:279px; position:relative; } div#slideshow div#slide { background:transparent url(slideshow_back.png) no-repeat top left; padding:0px 10px; height:248px; width:938px; position:relative; overflow:hidden; } div#slideshow div#slide div.slidecontent { position:absolute; top:0px; left:10px; height:248px; width:938px; overflow:hidden; } div#slideshow div#slidecontrol { background:transparent url(slideshow_back.png) no-repeat bottom left; height:31px; position:relative; } div#slideshow div#slidecontrol a { float:left; display:block; padding:0px 0px 0px 26px; height:31px; color:#ffffff; margin:0px 5px; font-size:0.83em; background:url(slideshow_link_back.gif) no-repeat 12px 14px; } div#slideshow div#slidecontrol a:hover { text-decoration:none; } div#slideshow div#slidecontrol a span { display:block; padding:9px 12px 0px 0px; height:22px; } div#slideshow div#slidecontrol a.active { color:#3587a2; background:url(slideshow_tabs_back.gif) no-repeat left top; } div#slideshow div#slidecontrol a.active span { background:url(slideshow_tabs_back.gif) no-repeat right top; } div#slideshow div#slidecontrol h4 { float:left; display:block; padding:7px 25px 3px 18px; margin:0px; height:21px; color:#ffffff; } div#slideshow div#slidecontrol div#slideloader { position:absolute; bottom:6px; right:15px; width:19px; height:19px; } div#slideshow div#slidecontrol div#slideloader.loader1 { background:url(loader1.gif); } div#slideshow div#slidecontrol div#slideloader.loader2 { background:url(loader2.gif); } div#slideshow div#slidecontrol div#slideloader.loader3 { background:url(loader3.gif); } div#slideshow div#slidecontrol div#slideloader.loader4 { background:url(loader4.gif); } div#slideshow div#slidecontrol div#slideloader.loader5 { background:url(loader5.gif); } div#slideshow div#slidecontrol div#slideloader.loader6 { background:url(loader6.gif); } div#slideshow div#slidecontrol div#slideloader.loader7 { background:url(loader7.gif); } div#slideshow div#slidecontrol div#slideloader.loader8 { background:url(loader8.gif); } div#banner-wrapper { width:100%; background:#dce5ea; } div#banner-content { width:960px; margin:0px auto 0px auto; position:relative; color:#282828; } div#content-wrapper { width:100%; margin:0px 0px 75px 0px; background: url(content_wrapper_back.gif) top left repeat-x; } div#content-content { width:960px; margin:0px auto 0px auto; position:relative; line-height:1.4em; z-index: 100; } div#header-content div.column, div#banner-content div.column, div#content-content div.column { padding:20px; float:left; } div#header-content div.column2, div#banner-content div.column2, div#content-content div.column2 { width:440px; padding:20px; float:left; } div#header-content div.column3, div#banner-content div.column3, div#content-content div.column3 { width:280px; padding:20px; float:left; } div#header-content div.column4, div#banner-content div.column4, div#content-content div.column4 { width:200px; padding:20px; float:left; } div#header-content div.column5, div#banner-content div.column5, div#content-content div.column5 { width:152px; padding:20px; float:left; } div#newscast { width: 920px; padding: 15px 20px; height:33px; float: left; background:transparent url(newscast_back.png) no-repeat 2px 15px; } div#newscast h5 { color: #5f6d80; padding: 3px 10px 3px 0px; margin: 0px 0px 0px 0px; border-right: 1px solid #ffffff; float: left; clear: none; display:block; height:24px; line-height:24px; font-size: 0.9em; font-weight: normal; } div#newscast h6 { color: #000000; padding: 3px 0px 3px 10px; margin: 0px; border-left: 1px solid #e2e9eb; border-right: 1px solid #dde5e7; background-color:#f5f8f8; float: left; clear: none; display:block; height:24px; width:750px; line-height:24px; font-size: 0.9em; font-weight: normal; } div#newscast h6 a { color: #000000; } div.emptyblock { height: 20px; width: 465px; } form#contact-form { padding:17px 0px 0px 0px; } form label { color:#000000; } form label.label { float:left; padding:3px 0px; width:90px; color:#000000; } form input.text { float:left; border:solid 1px #c0c0c0; padding:3px; width:182px; margin:1px 0px 2px 0px; } form input.required { background: url(form_field_required_grey.gif) no-repeat top right; padding-right:10px; width:175px; } form textarea { border:solid 1px #c0c0c0; padding:3px; width:272px; height:128px; } form textarea.required { background: url(form_field_required_grey.gif) no-repeat top right; padding-right:10px; width:265px; height:128px; } form textarea:focus, form input.text:focus { border:solid 1px #58bfe0; } form textarea.required:focus, form input.text.required:focus { background: url(form_field_required_red.gif) no-repeat top right; } form button { display:block; float:left; padding:0px; marging:0px; background-color: transparent; border: none; } form button span { display:block; float:left; height:28px; width:auto; background:url(form_button_back.gif) top left no-repeat; padding:0px 0px 0px 12px; margin:0px; cursor:pointer; } form button span span { display:block; height:28px; width:auto; background:url(form_button_back.gif) top right no-repeat; padding:0px 12px 0px 0px; line-height:28px; margin:0px; } form button:hover span { background-position:bottom left; } form button:hover span span { background-position:bottom right; } div#content-content a.js-question { background:url(qatoggle_close.gif) no-repeat right 4px; display:block; border:solid 0px #e0e7ea; border-top-width:1px; color: #000000; padding:8px 20px 4px 10px; } div#content-content a.js-question-closed { background:url(qatoggle_open.gif) no-repeat right 4px; color: #0099cc; } div#content-content div.js-answer { padding:4px 10px 4px 10px; } div#GoogleMapInfo { width:200px; height:100px; background:#ff0000; } div#GoogleMapArea { width:300px; height:100px; background:#00ff00; } div#map_canvas { width:100%; height:100%; } ul#page-menu { padding-top: 30px; margin: 0 auto; list-style-type: none; } ul#page-menu li { float: left; margin: 0px; } ul#page-menu li.first { margin-right: 20px; } ul#page-menu li.last { margin-left: 20px; } ul#page-menu li a { display: block; padding: 2px 0px; color: #343434; text-decoration: none; outline: none; } ul#page-menu li a:active { outline: none; } ul#page-menu li a:hover { text-decoration: none; } ul#page-menu li a span { display: block; width: 40px; height: 9px; border-bottom: 3px solid #e0e7ea; } ul#page-menu li a:hover span { border-bottom: 3px solid #aebfc4; } ul#page-menu li.active a span { border-bottom: 3px solid #58bfe0; } ul#page-menu li.disabled a { color:#cccccc; } ul#page-menu li.disabled a:hover { text-decoration: none; } div#footer-wrapper { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 77px; padding: 82px 0px 0px 0px; background: transparent url(bg_footer.gif) no-repeat top center; line-height: 1.3em; } div#footer-wrapper div#footer-line { border-top: 1px solid #e0e7ea; background-image: #ffffff; } div#footer-content { width: 960px; margin: 0px auto 0px auto; padding: 20px 47px 0px 33px; color: #000000; font-size: 0.85em; text-align: right; } div#footer-content div.left { width: 645px; float: left; text-align: left; } div#footer-content div.right a { padding: 0px 15px 0px 15px; border-left: 1px solid #e0e7ea; } div#footer-content div.right a.first { border: none; } div#footer-content div.left span { float: left; padding-right: 20px; } div#footer-content div.left address { float: left; color: #848a8c; padding-right: 38px; font-style: normal; } div#footer-content div.left address a { color: #848a8c; } div#footer-content div.left address a:hover { color: #000000; } div#content-wrapper.columns-3 { padding: 30px 0px 30px 0px; line-height: 1.4em; } div#content-wrapper.columns-3 ul { margin-left: 0px; padding-left: 0px; list-style: none; } div#content-wrapper.columns-3 ul li { padding: 0px 0px 5px 15px; background: url(bullet_normal.gif) no-repeat 2px 8px; } div#content-wrapper.columns-3 div#content-content { background: transparent url(bg_columns_3.gif) repeat-y center; } div#content-wrapper.columns-3 div.column-1 { float: left; padding: 15px 20px 10px 0px; width: 297px; } div#content-wrapper.columns-3 div.column-2 { float: left; padding: 15px 15px 10px 25px; width: 290px; } div#content-wrapper.columns-3 div.column-3 { float: left; padding: 15px 10px 10px 25px; width: 278px; } div#content-wrapper.columns-3 div.column-3 ul li { padding: 0px 0px 5px 20px; background: url(bullet_circle.gif) no-repeat 3px 5px; } div#content-content.contact div.contact-info { position: relative; padding: 0px 0px 25px 80px; font-size: 0.85em; } div#content-content.contact div.contact-info h3 { margin: 0px 0px 0px 0px; font-size: 1.1em; color: #000000; } div#content-content.contact div.contact-info img { position: absolute; left: 0px; top: 0px; } div#content-content.contact div.column-1 { padding-top: 0px; } div#content-content.contact div.column-2 { padding-top: 0px; } div#content-content.contact div.column-3 { font-size: 0.85em; } div#content-content.contact div.column-3 a.google-maps { display: block; margin: 10px 0px 0px 0px; padding: 5px 0px 5px 50px; height: 30px; background: transparent url(yhteys_kartta.gif) no-repeat 0px 3px; color: #282828; line-height: normal; } div#content-content.contact div.column-3 a.google-maps strong { display: block; padding: 0px 0px 2px 0px; font-weight: normal; } div#content-content.contact div.column-3 a.google-maps span { display: block; float: left; padding: 0px 15px 2px 0px; color: #0099cc; background: transparent url(icon_arrow.gif) no-repeat right 2px; } div#content-content.contact div.column-3 a.google-maps:hover { text-decoration: none; } div#content-content.contact div.column-3 a.google-maps:hover span { text-decoration: underline; } div#content-content.contact div.column-3 span { color: #000000; } div#content-wrapper.news { padding: 30px 0px 30px 0px; line-height: 1.4em; } div#content-wrapper.news a.arrow { padding: 0px 16px 0px 0px; background: transparent url(icon_arrow.gif) no-repeat right 3px; } div#content-wrapper.news ul { margin-left: 0px; padding-left: 0px; list-style: none; } div#content-wrapper.news ul li { padding: 0px 0px 5px 15px; background: url(bullet_normal.gif) no-repeat 2px 8px; } div#content-wrapper.news div#content-content { background: transparent url(bg_columns_2.gif) repeat-y center; } div#content-wrapper.news div.column-1 { float: left; padding: 15px 0px 10px 0px; width: 555px; } div#content-wrapper.news div.column-1 ul { margin: 0px; padding: 0px; list-style: none; } div#content-wrapper.news div.column-1 ul li { position: relative; margin: 0px; padding: 0px 20px 20px 60px; min-height: 80px; background: transparent; } div#content-wrapper.news div.column-1 ul li h2 { margin: 0px 0px 10px 0px; padding: 0px; } div#content-wrapper.news div.column-2 { float: left; padding: 15px 40px 10px 45px; width: 320px; } div#content-wrapper.news strong.date { display: block; position: absolute; left: 0px; top: 0px; padding: 40px 2px 0px 0px; width: 40px; line-height: 1.4em; text-align: right; font-size: 0.7em; font-weight: normal; text-transform: uppercase; } div#content-wrapper.news strong.date span.day { display: block; position: absolute; top: 2px; right: 0px; padding: 7px 0px 0px 0px; width: 32px; height: 28px; background: transparent url(bg_newstag.gif) no-repeat 0px 0px; color: #ffffff; font-size: 1.85em; text-align: center; } div#content-wrapper.news strong.date span.sempre span.day { background-position: -64px 0px; } div#content-wrapper.news strong.date span.palvelu span.day { background-position: 0px 0px; } div#content-wrapper.news strong.date span.asiakas span.day { background-position: -32px 0px; } div#content-wrapper.news div.paging { margin: 0px auto 0px auto; padding: 20px 0px 10px 0px; width: 300px; white-space: nowrap; } div#content-wrapper.news div.paging a.active-number, div#content-wrapper.news div.paging a.normal-number { display: block; float: left; width: 25px; height: 40px; text-align: center; background: transparent url(bg_paging.png) no-repeat 0px -1px; color: #000000; } div#content-wrapper.news div.paging a.normal-number:hover { background-position: -60px -1px; } div#content-wrapper.news div.paging a.active-number { background-position: -30px -1px; } div#content-wrapper.news div.paging a.active-number span, div#content-wrapper.news div.paging a.normal-number span { visibility: hidden; } div#content-wrapper.news div.paging a.active-number:hover, div#content-wrapper.news div.paging a.normal-number:hover { text-decoration: none; } div#content-wrapper.news div.paging a.active-number:hover span, div#content-wrapper.news div.paging a.normal-number:hover span { visibility: visible; } div#content-wrapper.news div.paging a.next, div#content-wrapper.news div.paging a.prev { display: block; float: left; padding: 12px 15px 0px 15px; height: 28px; color: #000000; font-size: 0.9em; } div#content-wrapper.news div.column-2 h3 { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 15px; font-size: 1.0em; background: transparent url(bullet_blue.gif) no-repeat left center; } div#content-wrapper.news div.column-2 div.text { margin: 0px 5px 0px 5px; padding: 240px 0px 20px 0px; background-position: center top; background-repeat: no-repeat; line-height: 1.5em; } div#content-wrapper.news div.column-2 div.text h2 { font-size: 1.35em; } div#content-wrapper.news div.column-2 div.more { margin: 0px 5px 0px 5px; padding: 20px 0px 20px 15px; border-top: 1px solid #e0e7ea; background: transparent url(arrow_blue.gif) no-repeat 2px 26px; } h1.blue-title { }