body { margin:0px; padding:0px; font-family: Calibri, Candara, Segoe, Arial, sans-serif; font-family:Arial; font-size:12px; background:#eae7e2 url(/pics/bg_elintarvikkeet.jpg) no-repeat top center; background-attachment: fixed; line-height: 17px; } body.maincat2 {background:#eae7e2 url(/pics/bg_elintarvikkeet.jpg) no-repeat top center; background-attachment: fixed; } body.maincat3 {background:#eae7e2 url(/pics/bg_elaimet.jpg) no-repeat top center;background-attachment: fixed;} body.maincat4 {background:#eae7e2 url(/pics/bg_kasvit.jpg) no-repeat bottom center;background-attachment: fixed;} body.maincat5 {background:#eae7e2 url(/pics/bg_evira.jpg) no-repeat top center;background-attachment: fixed;} form, ul, li, p, h1, h2, h3, h4, img { margin: 0px; padding: 0px; border: 0px; } .childProduct img{ max-width: 50%; float: left; } .childProduct div.infoText{ width: 50%; float: left; } #logincontent{ padding: 35px 15px; float: left; } p img { padding: 3px;} img { max-width:100%; vertical-align:baseline;} label {font-weight:normal;margin-bottom:0px;} input[type="radio"], input[type="checkbox"] {margin:0px;} sup, sub {margin: 0 0 0 -2px;} table {border-collapse:collapse;} .odd td {background: #DCE9EB;} a {color: #1B4B52;} a:visited { color:#1B4B52; } a:hover {text-decoration:underline;} a:hover, a:focus {color: #1B4B52;} .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {padding:auto;line-height:normal;border:none;} td p {margin: 0px;padding: 0px;} .no-top-margin {margin-top:0px;} #all { position:relative; background:#ffffff; z-index: 10; } #container {position: relative; z-index: 1;} #container.containerRu {border-bottom: 1px solid #ececec;} #header { position:relative; height: 98px; z-index: 20; } #header #logo {padding-top: 15px;} #logo h3 {padding: 0px;margin: 0px;} #logo span { display:none } #header ul {list-style-type:none;margin:0px;padding:0px;text-align:right;} #header li {display:inline;margin:0px;padding: 0px;} #header li a { color: #565656; padding-right: 12px; font-size: 10px; text-transform:uppercase; text-decoration: none; font-weight: bold; } #header li:last-child a {padding-right:0px;} #header li a:hover {text-decoration: underline;} #header li a.selected {color: #e57e04;font-weight: bold;} .navigationRow {} .navigationRowFunctions { } .navigationRowFunctions a {color:#565656;text-transform: uppercase;font-size: 11px;text-decoration: none;font-weight: bold;padding: 12px 13px 0 0;} .navigationRowFunctions a:hover {text-decoration: underline;} .navigationRowFunctions .fontsize { text-align:right; z-index: 5; padding: 0 0px 0 0; } .navigationRowFunctions .fontsize a { height: 24px; width: 32px !important; display: block; float: left; margin: 6px 4px 0 0; cursor: pointer; font-size: 10px; padding: 0px; overflow: hidden; background:transparent url(/pics/navi/font-plus-minus.png) no-repeat 0px 0px; } .navigationRowFunctions .fontsize a.minus { background:transparent url(/pics/navi/font-plus-minus.png) no-repeat top right;} .navigationRowFunctions .fontsize span {display: none;} /* Googlehaku */ form#cse-search-box { color: #666666; margin:0px; padding:0px; height: 27px; z-index: 3; float: left; } input.placeholder { color: #999; } input.gsc-input-focus { color: #000 !important; } form#cse-search-box input { border: 0px; width: 171px; height: 25px; margin: 6px 0px 0px 0px; padding: 2px 0px 1px 5px; font-size: 12px; color: #666666; font-style:italic; float: left; font-family: Arial; } form#cse-search-box input.submit { font-size: 9px; margin: 6px 0 0 0px; padding: 0 0 0px 0; width: 26px; height: 25px; text-transform: uppercase; border: 0px; background: transparent url(/pics/search-button.png) no-repeat 0 0; cursor: pointer; float: left; text-indent: -10000px; } #cse-search-results iframe { width: 700px; height: 1300px; } /* End of Googlehaku */ /* secondNavi */ #secondNavi { } #secondNavi .naviBg { background: #005d6e; background: -webkit-linear-gradient(#005d6e, #006d81); /* For Safari */ background: -o-linear-gradient(#005d6e, #006d81); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#005d6e, #006d81); /* For Firefox 3.6 to 15 */ background: linear-gradient(#005d6e, #006d81); /* Standard syntax (must be last) */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #secondNavi ul li {float:left;list-style-type: none;padding: 0 11px;} #secondNavi ul li a {color:#ffffff;text-decoration: none; font-weight: bold;padding: 10px 0px 11px 0px;display:block; float: left;font-size:12px;} #secondNavi ul li a.dropdown-toggle {display:none;} #secondNavi ul li a:hover { color: #cbe3e7;} #secondNavi ul li#S a {background: url(/pics/navi/secondNaviS.png) repeat-x 0px 27px; } /* End of Navigointi */ #top-box {margin-top: 20px;position: relative;} #top-box.mainlevel-top-box {margin-bottom:15px;} #theme { height: 271px; overflow: hidden; padding: 0px; position: relative; } #themeItem {padding: 27px 0 0 20px; width:100% !important; height: 273px !important;} #theme img {position: absolute;top:0px; left: 23%;} #theme a {text-decoration: none; } #theme a:hover h2 {color:#5a5a5a;} #theme h2 {padding:0 0 17px 0;width: 335px;color: #808080;margin: 0px;position: relative;z-index: 100;} #theme .noImage h2 {width:518px;} #theme h2:after {content: "\00BB";padding: 0 0 0 5px;color: #097982;} #theme p {width: 335px;color: #454545;position: relative;z-index: 100;} #theme .noImage p {width:518px;} .themeControllersWrap {position: absolute; top:225px;left: 17px; z-index: 800;} #themeControllers {float: left;padding-left: 10px;background: transparent url(/pics/themeNaviBg.png) no-repeat 0px 0px;} #themeControllers a {text-decoration: none; } #themeNavi { padding: 2px 10px 0 0px; position:relative; left: -9px; width:auto; float: left; height: 27px; } #themeNavi a { background: transparent url(/pics/themeNaviButtons.png) no-repeat top right; height: 24px; width: 26px; color: #999999; display: block; float: left; text-align:center; font-weight: bold; padding: 4px 0px 0 0; margin: 0 2px 0 0; font-size: 13px; cursor: pointer; } #themeNavi a.activeSlide {background: transparent url(/pics/themeNaviButtons.png) no-repeat 0px 0px;color: #fff;} #themeControllers .archive { display: block; height: 22px; width: 50px; float: left; xbackground: transparent url(/pics/themeNaviCenter.png) repeat-x 0px 0px; color: #666666; font-size: 11px; font-weight: bold; padding: 6px 10px 0 3px; text-transform: uppercase; } #themeControllers .archive:hover {text-decoration: underline;} #themeControllers .rss {height: 28px; width: 35px;display: block; float: left;position: relative; z-index: 100;} #themeControllers .rss img {width: 23px; height: 14px;position: relative; top: 7px;left: 12px;} .themeControllersEnd {position:relative; z-index:1000;background: transparent url(/pics/themeNaviRight.png) no-repeat top right;height: 28px; width: 25px;float:left;} .themeRu {margin: 0px 0px 0 0;border-right: 1px solid #ebebeb;} .themeItemsRu {padding: 15px 0 0 20px; height: 244px;} .themeItemsRu td {vertical-align:top;width:50%;} .themeItemsRu h2 {padding:0 0 17px 0;color: #808080;margin: 0px;} .themeItemsRu h2 a {color: #808080;text-decoration:none;} .themeItemsRu h2 a:after {content: "\00BB";padding: 0 0 0 5px;color: #097982;} .themeItemsRu img.oikea { margin: 0px 0 0px 20px;} #theme.themeRu p {width:auto;} #theme.themeRu img {position:static;} #newsFeed {} #newsFeed h3 {color: #818181;font-size: 18px;font-weight: normal;padding-bottom: 10px;} #newsFeed h3:after {content: "\00BB";padding: 0 0 0 5px;color: #037084;} #newsFeed h3:hover {color:#5A5A5A;} #newsFeed a {text-decoration: none;} #newsFeed table {} #newsFeed td {vertical-align:top;padding: 0 0px 12px 0;} #newsFeed td.small {padding-right: 20px; color:#7b7b7b;font-size: 12px;} #newsFeed td a {color: #037084;font-weight: bold;} #newsFeed td a:hover {text-decoration: underline;} #newsFeed #order {padding: 10px 0 0 0px;color: #666666; border-top: 1px solid #e8e8e8; } #newsFeed #order a {color: #666666; font-size: 11px; font-weight: bold; padding: 0px 4px 0 4px; text-transform: uppercase;} #newsFeed #order a:hover {text-decoration: underline;} #newsFeed #order a.to_archive {padding-left: 0px;} #newsFeed #order a.txt span, #newsFeed #order a.rss span {display: none;} #newsFeed #order img {vertical-align:middle;} #newsFeed.newsFeedfrontpage {margin-bottom: 25px;} #newsFeed .ui-tabs .ui-tabs-panel {height:auto;} .additionalLifts {padding: 0 10px 5px 10px;border-top: 1px solid #e7e7e7;background: url("/pics/additionalLiftsBg.gif") repeat-x 0px 0px;} .additionalLifts h3 {margin: 15px 0px 10px 0px;line-height:21px;} .additionalLifts h3 a {color:#7f7f7f;text-decoration: none;line-height:21px;} .additionalLifts h3 a:hover {color: #5a5a5a;} .additionalLifts h3 a:after {color: #097982;content: "\00BB"; padding: 0 0 0 5px;} .additionalLifts p {color:#454545;font-size:13px;line-height:18px;} .additionalLifts p small {color:#7b7b7b;font-size: 12px;} .additionalLifts .lift {background: url("/pics/additionalLiftsBorder.gif") no-repeat 0px 0px;} .additionalLifts .lift:first-child {background:none;} #toolpack { overflow: hidden;z-index: 1;position: relative;background: #fff;border-top: 1px solid #f5c06f; border-bottom: 1px solid #f5c06f;height: 44px;padding: 5px 0 1px 0;} #toolpack li {float: left;list-style-type: none;} #toolpack a {color: #f39200;font-size: 15px; text-decoration: none; font-weight: bold;display: block; float: left;background: url("/pics/orangeArrow.png") no-repeat 0 11px;padding: 9px 14px 6px 14px;margin: 0 0 0 6px;} #toolpack a:hover {text-decoration: underline;} #toolpack #carouselPrev, #toolpack #carouselNext {position:absolute;cursor: pointer;z-index: 100;top: -1px; background: url("/pics/toolpackArrows.png") no-repeat 0 0px;height: 47px; width: 33px;text-indent: -10000px;} #toolpack #carouselPrev {left:0px;} #toolpack #carouselNext {right:0px;background: url("/pics/toolpackArrows.png") no-repeat -33px 0px;} #mpContent {padding-top: 10px;padding-bottom: 15px;z-index: 10;position:relative;} #mpContent .mpContentSection {padding-bottom: 15px;} #mpContent h3, #toolpack h3 {color: #818181;font-size: 20px;font-weight: normal;padding: 0 0 10px 0;} #mpContent h3 img {position: relative; top: 4px; padding: 0 5px 0 0;} #mpContent ul {padding: 0 0 7px 0;} #mpContent ul li { list-style-type: none;} #mpContent ul li a { color: #666666; text-decoration: none; display: block; padding: 4px 0 4px 15px; background: url(/pics/orangeArrow.png) no-repeat 0px 6px; font-size: 13px; font-weight: bold; } #mpContent ul li a:hover {text-decoration: underline;} #mpContent a.moreLinks { color: #666666;font-size: 11px; font-weight: bold;padding: 0 4px 0; text-transform: uppercase;text-decoration: none;} #mpContent .shortcutpopup {border:1px solid #e1e0dd;background: #fff;padding: 5px 5px 5px 5px;} #mpContent .mpContentSection p {font-size: 13px;padding-top: 10px;} #mpContent .mpContentSection.last.fp img {margin: 0 0 4px 0; } #mpContent .mpContentSection.last table {border-bottom: 1px solid #E8E8E8;width: 100%;} #mpContent .mpContentSection.last td { padding: 0 20px 15px 0; vertical-align: top;} #mpContent .mpContentSection.last td.small {width: 60px;} #mpContent .mpContentSection.last td a {color: #037084;text-decoration: none;font-weight: bold;} #mpContent .mpContentSection.last td a:hover {text-decoration: underline;} #mpContent .mpContentSection.last .moreLinks { color: #666666; padding: 10px 0 0;} #mpContent .mpContentSection.last .moreLinks a { color: #666666; font-size: 11px; font-weight: bold; padding: 0 4px 0; text-transform: uppercase; text-decoration: none; } #mpContent .mpContentSection.last .moreLinks a.rss {position: relative; top: 3px;} /* Tabs */ .ui-widget {font-size: 12px;font-family: Arial;} .ui-tabs {padding: 0px;margin-top: -2px;} .ui-tabs .ui-tabs-nav {padding-top: 0px;padding-left: 0px;} .ui-widget-content {background: none; border: 0px;} .ui-widget-header {background: none;border: 0px;} .ui-tabs .ui-tabs-panel {border: 1px solid #e1e1e1;border-right: 0px;height:210px;} .ui-tabs .ui-tabs-nav li {margin-right: 6px;} .ui-tabs .ui-tabs-nav li a {color: #818181;font-size:15px;padding-bottom: 10px;font-weight: bold;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:#e7e7e7; } .ui-state-default.ui-tabs-selected, .ui-state-default.ui-state-active {background:#fff;} .ui-state-default img {padding: 0px 3px 0 0;position: relative; top: 5px;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-active.ui-state-hover {border: 1px solid #e1e1e1;} .ui-corner-top, .ui-corner-right, .ui-corner-tr { -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border: 1px solid #b5b5b5;} .ui-widget .small {color: #333333; font-size: 11px;} #parsels { position: relative; z-index: 2; border-bottom: 1px solid #ebebeb; } #parsels h3.head, #parsels h3.head-space { padding: 19px 0 8px 0; margin: 0px; color: #575558; font-size: 22px; font-weight: normal; } #parsels #map h3.head {padding: 19px 0 15px 0;} #parsels h3 a {font-size:18px;} #right-parsel #new-content a.rss, #container-mainlevel #left-parsel #events a.rss { display: block; float: left; position: relative; top:21px; left: 15px; overflow: hidden; height:14px; width: 23px; background:url("/pics/rss.gif") no-repeat scroll 0 0 transparent; text-indent:-1000px; } /* Johtajan kolumni ************************************* */ .blog { position: relative; width: 312px; height:97px; background: url(/pics/blogSiluette.png) no-repeat 0px 0px; margin: 30px 0 0 0; } .blog .blog-content { position: relative; width: 190px; top: 18px; left: 115px; } .blog h4 { font-size: 16px; font-weight: normal; line-height: 17px;color: #818181; } .blog h4:after { content: "\00BB"; padding: 0 0 0 5px;} .blog a { width: 100%; height: 100%;color: #818181; text-decoration: none;} .blog .blog-content p { font-size: 13px;color: #999999; margin: 0px 0 10px 0;} a.subscribe-colulmn { background: url(/pics/icon-mail.gif) no-repeat; padding-left: 40px; padding-bottom: 5px; } .fpBanners {margin: 20px 0 0 0;} .fpBanners a {float: left;padding: 2px;} #parsels h3.head { letter-spacing: -1px; } #left-parsel, #left-parsel-subpage { color: #575558; padding-top: 35px; overflow: hidden; position: relative; z-index: 1100; } #left-parsel h3, #left-parsel h4, #left-parsel-subpage h4, #left-parsel-subpage h3 {padding-bottom: 15px;} #left-parsel h3 a, #left-parsel h4 a, #left-parsel-subpage h4 a, #left-parsel-subpage h3 a { color: #818181; background: none; padding: 0px 0 0 10px; font-size:15px; font-weight: bold; } #left-parsel ul, #left-parsel-subpage ul {padding: 0px;margin: 0px; list-style-type: none;} #left-parsel li, #left-parsel-subpage li {padding: 0px; position: relative; } #left-parsel a, #left-parsel-subpage a { background:url(/pics/navi/subnaviSprite.png) no-repeat 2px 3px; padding: 0 0 8px 13px; color: #097982; text-decoration: none; display: block; } #left-parsel .dropdown-menu > li > a, #left-parsel-subpage .dropdown-menu > li > a {white-space:normal;line-height:normal;} #left-parsel img {padding-bottom: 15px;} #left-parsel div {padding-bottom: 5px;} #action {position: relative; z-index: 100;} #container-mainlevel {z-index: 1; position: relative;padding: 0 10px;} #container-content, #container-content-wide {z-index: 1; position: relative;} #container-content #right-parsel, #container-content-wide #right-parsel { word-wrap:break-word; } #container-content #right-parsel p img {padding: 0px;} #container-mainlevel #left-parsel #events li { background: none; padding: 0 0 0px 4px; margin-bottom: 6px; position: relative; } #container-mainlevel #left-parsel #events a {color: #1b4b52;text-decoration: none; } #left-parsel-subpage h3 a {color: #2a747f;} #left-parsel #map {color:#575558;position: relative;padding-bottom: 15px; } #left-parsel #map a {text-decoration: underline; } #left-parsel #map img {padding-bottom: 15px;} #siteInformation { border: 1px solid #CECECE !important; background: #fff !important; width: 200px; padding: 0px 0 7px 0 !important;} #siteInformation p {padding: 0px 5px 0px 5px; margin-bottom: 5px;} #siteInformation h4 {padding: 5px 5px 0px 5px; font-size: 12px;} #siteInformation a {margin: 0px 5px 0px 7px;} #siteInformation a#close { cursor: pointer; background: none; position: absolute; top: 2px; right: 3px;} #right-parsel { border: 0px; padding-top: 14px; color: #575558; overflow: hidden; } #right-parsel ul { list-style-type: none; padding: 0px 0 20px 0; margin: 0px; border-bottom: 1px solid #ebebeb; } #right-parsel ul li { padding: 0 0 6px 20px; line-height: 14px; background: url("/pics/orangeArrow.png") no-repeat 0 2px; } #right-parsel a { text-decoration: none; color: #505050;font-weight: bold; } #right-parsel a:hover {text-decoration: underline;} #right-parsel a:visited {color: #505050;} #right-parsel .frontpage-banners {margin: 33px 0 0px 0px; } #right-parsel .frontpage-banners span {display: none;} #right-parsel .frontpage-banners a img, #right-parsel .frontpage-banners-out a img {border: 0px; margin-bottom: 5px; margin-left: 2px; } /* P��taso */ #left-parsel .top-line { padding-bottom: 0px; margin: 10px 0 -3px -10px; _margin: 10px 0 -7px -10px; background:url(/pics/top-border.gif) no-repeat 0px 0px; height: 11px; width: 220px; } #left-parsel .bottom-line { padding-bottom: 0px; margin: 0px 0 0 -10px; background:url(/pics/bottom-borders.gif) no-repeat 0px 0px; height: 11px; width: 220px; } #left-parsel .info { padding-bottom: 0px; background: #2a747f; margin: 0px 0 0 -10px; padding: 0 15px 10px 10px; color: #fff; font-size:11px; } #left-parsel .info h1, #left-parsel .info h2, #left-parsel .info h3, #left-parsel .info h4 { color: #fff; padding: 6px 0 9px 0; font-size: 18px; margin: 0px; font-weight: normal; } #left-parsel .info p { margin: 0px; padding: 0px; color: #fff; font-size: 11px; } #left-parsel .info ul li {list-style-type: disc; margin: 0 0 0 15px; background: none;} #left-parsel .info ol {padding: 0px; margin: 0px 0 0 3px;} #left-parsel .info ol li {margin: 0 0 0 15px; background: none;} #left-parsel .info a {color: #fff; background: none; text-decoration: underline;} #right-parsel .image {margin: 10px 0px 0px 0px;} /* End of p��taso */ /* Subnavi */ #container-content #left-parsel { padding:0 10px 0 20px; width:210px; } #subnavi { overflow: hidden; margin-bottom: 40px;word-wrap: break-word;} #left-parsel-subpage #subnavi a:hover {text-decoration: underline;} #left-parsel-subpage #subnavi h3 a:hover, #left-parsel-subpage #subnavi h4 a:hover {text-decoration: none;} #left-parsel-subpage ul ul {margin: 0px 0 0 30px; padding: 0px;} #left-parsel-subpage ul ul {margin: 0px 0 0 17px; padding: 0px;} #left-parsel-subpage li.selected_c {} #left-parsel-subpage li.selected_c a {color:#f39200;background:url(/pics/navi/subnaviSprite.png) no-repeat 0px -735px;font-weight: bold;} #left-parsel-subpage ul li.selected_c ul a, #left-parsel-subpage ul ul a, #left-parsel-subpage ul li.selected_p ul a { font-size: 12px; font-weight: normal; padding-left: 9px; color: #097982; } #left-parsel-subpage ul ul li.selected_c a {font-weight: bold;background:url(/pics/navi/subnaviSprite.png) no-repeat 0px -989px;color:#f39200;} #left-parsel-subpage ul ul li.selected_c ul a {color: #097982;background:url(/pics/navi/subnaviSprite.png) no-repeat 0px -468px;font-weight: normal;} #left-parsel-subpage ul ul li.selected_p ul li.selected_c a {font-weight: bold;background:url(/pics/navi/subnaviSprite.png) no-repeat 0px -989px;color:#f39200;} #left-parsel-subpage ul ul li.selected_p ul li.selected_p ul li.selected_c a {font-weight: bold;} #left-parsel-subpage ul ul li.selected_p ul li.selected_p ul li.selected_p a {font-weight: bold;} #left-parsel-subpage ul ul li.selected_p ul li.selected_p ul li.selected_p ul li.selected_c a {font-weight: bold;} #left-parsel-subpage ul ul li.selected_p ul li.selected_p a {font-weight: bold;} #left-parsel-subpage li.selected_p a {background:url(/pics/navi/subnaviSprite.png) no-repeat 0px -243px;font-weight: bold;} #left-parsel-subpage ul ul li.selected_p a {background:url(/pics/navi/subnaviSprite.png) no-repeat 0px -468px;font-weight: bold;} #left-parsel-subpage ul ul li.selected_p ul a {font-weight: normal;} #left-parsel-subpage ul ul li.selected_p ul li.selected_c ul a {color: #097982;background:url(/pics/navi/subnaviSprite.png) no-repeat 0px -468px;font-weight: normal;} #left-parsel-subpage ul ul li.selected_p ul li.selected_p ul a {font-weight: normal;} #left-parsel-subpage ul ul li.selected_p ul li.selected_p ul li.selected_c ul a {font-weight: normal;} #left-parsel-subpage ul ul li.selected_p ul li.selected_p ul li.selected_p ul a {font-weight: normal;} #left-parsel-subpage ul ul li.selected_p ul li.selected_p ul li.selected_p a /* End of Subnavi */ /* ColumnContent */ #container-content #content { float: left; width: 460px; padding: 38px 45px 0 0px; min-height: 300px; overflow: hidden; } #container-content-wide #content { padding-top: 38px ; min-height: 300px; } #content {} #content ul, #text-area ul {padding: 5px 0 0px 0;} #content ul li ul, #text-area ul li ul {padding: 0px 0 0px 0;} #content ul li, #text-area ul li { background: transparent url(/pics/list-bg-blue-ball.gif) no-repeat 0px 6px; list-style-type: none; padding: 0 0 0 10px; margin: 0 0 0 18px; position: relative; } #content a, #text-area a {color: #037084;font-weight: bold;text-decoration: none;} #content a:visited, #text-area a:visited {color: #1B4B52;} #content a:hover, #text-area a:hover {text-decoration: underline;} #highLightColumn {border: 4px solid #f39200;background: #f8f1e7;padding: 20px 8px 20px 15px;margin: 22px 0 0 0;} #highLightColumn h1, #highLightColumn h2, #highLightColumn h3, #highLightColumn h4 {color: #333333;padding-top: 0px;margin-top: 0px;} #highLightColumn p {font-size: 14px;} #text-area { position: relative; padding-top: 32px; padding-bottom:10px; overflow: hidden; word-wrap: break-word; } #text-area a img { border: 0px;} #text-area #player img { border: 0;} #text-area a img.cartRemove { border: none; } #text-area #keywords {background: #f7f7f7;color: #636363;padding: 7px 12px 8px 7px;} #text-area blockquote { margin:0; padding:0; border:0 !important; } #text-area blockquote p { font-size: 12px; line-height: 17px; margin: 2px 0 15px; padding:0; } #bottomInfo {padding-top: 35px;} span.upgrade { color: #999999; font-size: 10px; text-transform:uppercase; } #text-area #rssLink { background: url(/pics/rss.gif) no-repeat 0px 2px; float: left; width: 40px; height: 20px; padding: 2px 0px 0px 20px; } #text-area #pdfPage { float: left; height: 20px; display: block; padding: 2px 10px 0px 0px; } #text-area #pdfPage span {float: left;} #path { color: #666666; padding: 10px 10px 0px 0; font-size: 11px; } #path p { background: transparent url(/pics/olet_tassa.jpg) no-repeat 0px 3px; padding: 0 0 0 15px; margin: 0px 0 5px 0 ; } #path p img {position: relative; top: 1px;} #path span, #parsels #path p span {text-decoration: none;color:#666666;font-size: 11px; } #path a.naviPolku {font-weight:normal;} #path a, #path a:visited {text-decoration: none;color: #666666;font-size: 11px;} #path a:after {text-decoration: none !important;content:"\00BB";color:#999999;padding:0 3px;} #path a:hover {text-decoration:none;color:#e57e04;} #content #path a:hover:after, #text-area #path a:hover:after, #content #path a:focus:after, #text-area #path a:focus:after {text-decoration: none !important;} #path span.tassa { text-decoration: none; font-weight: normal; } #someShare {font-size: 11px;padding-top: 13px;padding-bottom:18px;} #someShare a {text-decoration: none;color:#333333;} #someShare a:hover {text-decoration: underline;} #container-content-wide #someShare.someSharePersondatabase {padding:13px 14px 18px 256px;} #printPage { background: url(/pics/print.gif) no-repeat 0px 2px; float: left; height: 20px; display: block; padding: 2px 0px 0px 20px; margin-right:20px; } #text-area #printPage img, #text-area #pdfPage img, #text-area #rssLink img { border: 0px; padding: 3px 5px 0 0; } #text-area #printPage img {padding: 3px 5x 0 0;} a#send-page { background: transparent url(/pics/addThis.gif) no-repeat 0px 2px; height: 20px; display: block; padding: 2px 0px 0px 20px; float: left; margin-right:10px; } #feedback {float: right;} #feedback p {background: transparent url(/pics/feedback.gif) no-repeat 0px 2px;margin: 0px; padding: 0px; } #feedback a { padding: 0 0 0 19px;color:#333333;} #feedback a:hover {text-decoration: underline;} table.feedback-hs td {vertical-align: top;} .addthis_toolbox {width: auto; overflow: hidden;float: left;} .formcheck {display: none;} /* End of columnContent */ #bigFooter { /* Fallback for web browsers that don't support RGBa */ background-color: rgb(255, 255, 255); /* RGBa with 0.6 opacity */ background-color: rgba(255, 255, 255, 0.6); position: relative; z-index: 1; } #bigFooter div { padding-bottom: 15px;} #bigFooter h3 { color: #818181;font-size: 18px;font-weight: normal;padding: 0 0 10px;margin-top: 30px;} #bigFooter a h3:after {content: "\00BB";padding: 0 0 0 5px; } #bigFooter a {text-decoration: none;} #bigFooter ul li {list-style-type: none;} #bigFooter ul li a { background: url("/pics/orangeArrow.png") no-repeat scroll 0 6px transparent; color: #666666; display: block; font-size: 13px; padding: 4px 0 4px 15px; text-decoration: none; font-weight: bold; } #bigFooter ul li a:hover {text-decoration: underline;} #bigFooter img {display: block; margin: 0 0 4px 0;} #bigFooter p {color: #454545;} #bigFooter div.socialMedia {padding: 0px;width:auto;float:right;} #bigFooter .socialMedia a.moreInfo { color: #4e4e4e; font-size: 11px; font-weight: bold; padding: 0 4px 0; text-transform: uppercase; } #bigFooter .socialMedia a.moreInfo:hover {text-decoration: underline;} #bigFooter .socialMedia p { margin: 10px 0 20px 0px;} #bigFooter .socialMedia span {float: left; font-size: 10px;font-weight: bold; padding: 0 6px 0 4px; text-transform: uppercase;color:#797979;position: relative; top:4px;} #bigFooter .socialMedia .fb, #bigFooter .socialMedia .twitter, #bigFooter .socialMedia .flikr, #bigFooter .socialMedia .youtube { height: 25px;width: 26px;display: block;margin: 0 3px 0 0;background: transparent url(/pics/someIcons.png) no-repeat 0px 0px;text-indent: -10000px;float: left;} #bigFooter .socialMedia .twitter {background: transparent url(/pics/someIcons.png) no-repeat -29px 0px;} #bigFooter .socialMedia .flikr {background: transparent url(/pics/someIcons.png) no-repeat -58px 0px;} #bigFooter .socialMedia .youtube {background: transparent url(/pics/someIcons.png) no-repeat -86px 0px;} #footer { position:relative; color:#666666; z-index: 1; background: #fff; margin-bottom: 50px ; padding-top: 20px; padding-bottom:20px; font-size: 13px; } #footer a { color:#666666; } #footer a:hover {text-decoration: none;} #footer a.moreInfo {padding: 0 15px 0 0;} #footer img.at {margin: 0px 0 0 0 ; padding:0px;} #footer .address span {padding: 0 10px 0 0;} #footer .feedback { position: absolute; right: 20px; top: 10px;} #footer span.email { background:url(/pics/footer_at.gif) no-repeat center right; padding-right: 12px;} #footer.footerRu { } #footer.footerRu .copyrights {margin-right: 20px;} #footer.footerRu .address {margin-right:0px;} #footer_txt{ position:relative; width: 85%px; margin-left: auto; margin-right: auto; padding:10px; border: 0px solid #000; font-size:11px; color:#7E7E7E; } #pg_l a.rss, #pg_l a.txt, #pg_l a.mail { background-repeat:no-repeat; padding-left:24px; padding-right:10px; } #pg_l a.rss { background-image:url(/pics/icon-rss.gif); } #pg_l a.txt { background-image:url(/pics/icon-txt.gif); } #pg_l a.mail { background-image:url(/pics/icon-mail.gif); padding-right:0px; } /* Ajankohtaisten arkisto */ .ajankohtaista-kehys { border-bottom:solid 4px #2A747F; } .ajankohtaista-kehys .newMonth { padding: 10px 6px 5px 5px; } .ajankohtaista-vuodet, .ajankohtaista-vuodet a { color:#1B4B52 !important; font-size:12px; font-family:arial; text-decoration:none; margin:2px; } .ajankohtaista-vuodet a, .ajankohtaista-vuodet-valittu a, .ajankohtaista-vuodet-valittu span {border-right:1px solid #1B4B52; padding:0 4px 0 0px;} .ajankohtaista-vuodet a.no-border-last {border:0px;} .ajankohtaista-vuodet-valittu, .ajankohtaista-vuodet-valittu a { color:#1B4B52 !important; font-size:12px; font-weight:bold; border:solid 4px #fff; margin:2px; } .ajankohtaista-otsikko-rivi { background-color:#097982; color:#fff; border:solid 1px #2A747F; font-weight: normal; } .ajankohtaista-otsikko-solu { padding: 5px 6px 6px 5px; text-align:left; } .ajankohtaista-solu { padding: 5px 6px 6px 5px; } .ajankohtaista-solu a {color:#1B4B52; text-decoration: none;} /* Terveystarkastajahaku */ table#listContacts {margin-top: 10px; margin-bottom: 20px; width: 100%;} table#listContacts th.otsikko { background-color:#2A747F; color:#fff; font-size:12px; font-weight:bold; border-bottom:solid 1px #2A747F; xwidth: 120px; text-align: left; padding: 2px 5px 2px 6px; } table#listContacts td.reunus { border: 0px; font-size:11px; border-bottom:solid 1px #b6b5b5; padding: 2px 5px 2px 6px; } /* Bulletin txt */ #all_txt { background-color:#FFFFFF; border-bottom:1px solid #CECECE; margin-left:auto; margin-right:auto; margin-top:0; padding-top:0; position:relative; } #txt_bulletin { padding:10px 21px 32px; } #txt_bulletin h1 { margin: 30px 0px 0px 0px;font-size:16px; font-weight: bold; } #txt_bulletin h1 a {color:#333333;text-decoration:underline;} /* Henkil�haku */ #aakkosluettelo {padding-top: 10px;} #aakkosluettelo h4 { font-size: 14px; margin-bottom: 5px; } #aakkosluettelo h6 { font-size: 16px; color: #3073C2; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } #aakkosluettelo table#personTable {width: 100%;} #aakkosluettelo table#personTable th {text-align:left; padding-left: 5px; cursor: pointer;border:0px;} #aakkosluettelo table#personTable th .arrow {float: left;} #aakkosluettelo table#personTable th.headerSortDown .arrow2 { background: transparent url(/pics/persondatabase/nuoli_alas_w.gif) no-repeat center center; width: 17px; height: 17px; float: left; } #aakkosluettelo table#personTable td {text-align:left; padding:3px 15px 3px 5px;border-top:0px;} #aakkosluettelo table#personTable th.headerSortUp .arrow2 { background: transparent url(/pics/persondatabase/nuoli_ylos_w.gif) no-repeat center center; float: left; width: 17px; height: 17px; } div#yhteystiedot { margin-bottom: 20px; } div#yhteystiedot table { border-left: #B8B9B9 1px solid; border-top: #B8B9B9 1px solid; border-bottom: #B8B9B9 1px solid; background: transparent url(/pics/yhteystiedot-bg.gif) repeat-x; } div#yhteystiedot td { height: 29px; width: 14px; border-right: #B8B9B9 1px solid; text-align: center; padding: 5px 5px; } #yhteystiedot a { font: normal bold 12px arial, serif; color:#595959; text-transform: uppercase; text-decoration: none; } #yhteystiedot a:hover { color: #3073C2; } #henkilotiedot { background: transparent url(/pics/content_bg.gif) repeat-y right top; } #henkilotiedot h6 { font-size: 16px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } #henkilotiedot table { margin-bottom: 33px; } #henkilotiedot .table tbody tr td {padding:3px;border-top:0px;} #persondatabaseRightcolumn { } .organisation-map-desktop {padding-top:30px;} .pd-search input[type='text'] {width:200px;} #henkilotiedot {margin-top:20px;} /* sitemap-tyylit siirretty modules/sitemap.css -tiedostoon */ #msg .img { float: left; padding: 3px; margin: 0px 5px 5px 0px; } #msg .img img { padding: 1px; border: solid 1px #000; } #msg .img small { } #message { width: 70%; } #map {xposition: relative;} /* FD */ .fieldset { border: none; padding:0px; margin:0px 0px 10px 0px; display:block; } .fieldset { border: 0px solid #bbbbbb; padding: 0px 0px 10px 10px; } input .checkbox { border: 0px; } .break2 { background-color: #eee; border: 5px solid #f00; } .field{ background-color: #FEFFF2; border: 1px solid #D7CCA9; margin-bottom: 20px; width: 99%; } .field input {border: 1px solid #8E8E8E; } .field textarea { border: 1px solid #8E8E8E; width:80%; height: 150px; } input .checkbox { border: 0px; height: 40px; } .field h5 { padding: 0px; margin: 0px; padding-left: 10px; font-size:14px; font-weight:bold; background-color:#F7F3E7; line-height: 22px; color:#215994; margin-bottom: 10px; } /* Feedback */ #feedbackStatus {font-size: 18px; padding: 5px; color: #fff; ; } .error {background: #ff2400;} .success {background: #89c104;} .highslide-wrapper .feedback-hs td {padding: 5px 0px;} .highslide-wrapper h3 {margin-top:10px;} .highslide-wrapper p {margin-bottom:10px;} .highslide-wrapper input[type='text'], .highslide-wrapper textarea {width:250px;} /* End of Feedback */ /* bm2 */ /* Tyylit tuplaotsikolle, ei ole julkaistu */ .message h1 {margin-bottom: 10px;} .message h3.tuplaotsikko {margin: 0 0 25px 5px;} /* Tuplaotsikon tyylit loppuvat */ #bm2 h1 a { color: #2A747F; text-decoration: none; } #text-area .message span.ingress { font-weight: bold; } .mailalert {position: absolute; top: 25px; right: 0px;} .mail_rss_txtButtons {margin:20px 0 0 0;} .orderMailButton {padding-bottom:5px;} #rss_txtButtons {padding-bottom:5px;} .mail_rss_txtButtons .mailThemes {margin-right:15px;} .mail_rss_txtButtons .rssTheme img, .mail_rss_txtButtons .mailThemes img { height: 18px; position: relative; top: 5px; width: 18px; margin-right:3px; } .mail_rss_txtButtons .txtTheme img { height: 14px; position: relative; top: 3px; width: 23px; padding:0px 10px 0px 10px; } .mailalert_bottom p { background:url("/pics/contentmanager/rss.gif") no-repeat scroll 0 3px transparent; margin-bottom:5px; } .mailalert_bottom a {padding-bottom:3px;} .mailalert_bottom .rssTheme img { height: 18px; position: relative; top: 5px; width: 18px; padding-right:15px; } .mailalert_right p { background:url("/pics/contentmanager/rss.gif") no-repeat scroll 0 3px transparent; margin-bottom:5px; } table.bm2_kehys { width: 700px; border-bottom: 4px solid #2A747F;} table.bm2_kehys th { background: #2A747F; height: 21px; color: #fff; text-align: left; padding-left: 9px; } table.bm2_kehys td { padding-left: 9px; line-height: 20px; } #content table.bm2_kehys td a {color: #2A747F;text-decoration: none;} tr.bm2_listaus { padding-left: 9px; } #bm2 span.ingress { font-weight: bold;} table.valignTop {} table.valignTop td {vertical-align: top;padding: 5px 3px 3px 4px;} h4.latest_news {font-size: 15px;font-weight:bold;color: #818181;} /* Vanhat tekstityylit */ table.background {background-color:#aaa; border:solid 2px #888;} table.bordered {border:solid 2px #000;padding: 10px;} td.reunus_vaalea { font-size:11px; font-family:arial; border:solid 1px #F7F3E7; padding: 2px 0 3px 7px; } td.otsikkovaalea { background-color:#def2ff; color:#1B61A9; font-size:12px; font-weight:bold; border:solid 1px #def2ff; padding: 2px 0 3px 5px; } td.varin_poisto { font-size:11px; font-family:arial; border:solid 1px #cfd6d7; padding: 2px 0 3px 7px; } /* tooltip */ #map .tooldtip img {padding-bottom: 0px;} #tooltip { position: absolute; z-index: 100; width: 174px; height: 93px; background: url(/pics/tooltip-white.png) no-repeat; color:#000; padding: 15px 5px 0px 5px; text-align: center; display:none; font-size: 11px; line-height: 13px; } #map .tooltip {position: absolute; height: 10px; width: 10px; background: none; padding: 0px !important; margin: 0px !important; } .turku {top: 307px; left: 30px; } .helsinki {top: 311px; left: 63px;} .loimaa {top: 295px; left: 35px;} .kouvola {top: 293px; left: 87px;} .lappeenranta {top: 288px; left: 100px;} .seinajoki {top: 242px; left: 37px;} .kuopio {top: 239px; left: 97px;} .joensuu {top: 245px; left: 123px;} .siilinjarvi {top: 230px; left: 98px;} .oulu {top: 185px; left: 73px;} /* Flirk */ #flickr-container {overflow: hidden;border-bottom: 1px solid #ebebeb;padding-bottom: 20px;} #flickr-container ul {} #flickr-container ul li {background: none;margin: 0px;} .jcarousel-clip {margin: 0 25px 0 17px;} #flickr-container #largeimage {height: 240px;margin-bottom:20px; overflow: hidden;} #flickr-container #largeimage img {padding: 0px;} #flickr-container .jcarousel-container {overflow: hidden;} #flickr-container .jcarousel-next, #flickr-container .jcarousel-prev { position: absolute; top: 0px; right: 0px; width: 34px; height: 57px; cursor: pointer; background: transparent url("/pics/flikr-nuoli.png") no-repeat; } #flickr-container .jcarousel-next { right: 0px; } #flickr-container .jcarousel-prev { left: 0px; background: transparent url("/pics/flikr-nuoli-prev.png") no-repeat; } #flickr-container ul li img {padding: 0px;border: 4px solid #fff;cursor: pointer;} #flickr-container ul li.selected img {border: 4px solid #f6b354;} /* Inline editointi */ .inline-edit {} #container-content.inline-edit ul li { background: url("/jquery.ced/blitzer/images/ui-bg_flat_65_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF; list-style-type: none; margin: 0 0.2em -1px 0; padding: 0; position: relative; } #container-content-wide.inline-edit ul li { background: url("/jquery.ced/blitzer/images/ui-bg_flat_65_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF; list-style-type: none; margin: 0 0.2em -1px 0; padding: 0; position: relative; } #right-parsel.inline-edit .ui-state-active, #right-parsel.inline-edit .ui-widget-content, #right-parsel.inline-edit .ui-state-active, #right-parsel.inline-edit .ui-state-default { background: url("/jquery.ced/blitzer/images/ui-bg_flat_65_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF; padding: 0px; } #right-parsel.inline-edit .ui-tabs .ui-tabs-nav li a {padding: 0.5em 0.7em;} #right-parsel.inline-edit .ui-state-active a { color: #CC0000;} /* Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* piilotetaan mac-ie:lt� \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* pois piilosta */ /* End of Clearfix */ /* Tapahtumakalenteri haku */ #periodNavogation { margin: 15px 0 5px 0; } #periodNavogation .periodNavi { cursor: pointer; width: 17px; height: 17px; display: block; float: left; } #periodNavogation .periodNavi span {xdisplay: none;} #periodNavogation div {float:left; margin: 0 5px 0 5px;} #periodSelection {margin: 10px 0 0 0;} #periodSelection a {cursor: pointer;} #periodSelection a.selected {font-weight: bold;} #periodSelection a#eventRss { float: right; background:url("/pics/rss.gif") no-repeat scroll 0 0 transparent; height:14px; text-indent:-1000px; width:23px; } .periodNavogationTable {} .periodNavogationTable td {padding-right: 10px; vertical-align: top; font-size: 12px;} .periodNavogationTable td p {margin: 2px 0 20px 0px;} /* FD Palaute */ .fieldset { border: none; padding:0px; margin:0px 0px 10px 0px; display:block; } .fieldset { border: 0px solid #bbbbbb; padding: 0px 0px 10px 10px; } input .checkbox { border: 0px; } .break2 { background-color: #eee; border: 5px solid #f00; } .field{ background-color: #FEFFF2; border: 1px solid #D7CCA9; margin-bottom: 20px; width: 99%; } .field input {border: 1px solid #8E8E8E; } input .checkbox { border: 0px; height: 40px; } .field h5 { padding: 0px; margin: 0px; padding-left: 10px; font-size:14px; font-weight:bold; background-color:#F7F3E7; line-height: 22px; color:#215994; margin-bottom: 10px; } .field tr {padding:0 0 5px 0;} td.feedbackInput {vertical-align:top; width: 15px;} td.feedbackText {vertical-align:top; word-wrap: break-word;padding: 0 10px 0px 0;} td.feedbackText a {word-wrap: break-word;} #viestisi {margin-top: 20px;} table.OddEven tr.odd {background-color:#FFFFFF;} table.OddEven tr.even {background-color:#DEF2FF;} /******************************************/ /* jQuery tablesorterin tyylit */ /******************************************/ table#sortedTable th { cursor: pointer; text-align: left; padding: 2px 10px 3px 5px; } table#sortedTable th.headerSortDown { background: url(/pics/nuoli_alas.gif) no-repeat; } table#sortedTable th.headerSortUp { background: url(/pics/nuoli_ylos.gif) no-repeat; } table#sortedTable th.column_1 { background-position: 78% 50%; } table#sortedTable th.column_2 { background-position: 65% 50%; } table#sortedTable th.column_3 { background-position: 90% 50%; } table#sortedTable th.column_4 { background-position: 65% 50%; } table#sortedTable th.column_5 { background-position: 35% 50%; } table#sortedTable td { padding: 2px 10px 3px 5px; min-width: 100px; } /* ISPM-taulukko tyylit */ #csvtable.table td { font-size:11px; } #csvtable.table th { font-size:10px; } #container-content-wide #left-parsel-subpage.ispmSubnavi {} #container-content-wide #content.ispm #text-area {} .ispm fieldset { background: #037084; border: 0px; color: #FFFFFF; margin: 0px; margin-bottom: 10px; padding: 10px 0px 10px 5px; display: block; width:100%; } .ispm fieldset label { color: #FFFFFF; font-size: 12px; font-weight: bold; } .ispm fieldset select { margin-right: 15px; } .ispm fieldset input {margin-right: 15px;} table#ispm { width: 100%; } #content a#helplink { background: url(/pics/search-btn-bg-w.jpg) no-repeat 0px 0px; border: 0 none; cursor: pointer; font-size: 9px; height: 19px; margin: 5px 0 10px 3px; text-align: center; text-transform: uppercase; width: 40px; display: block; color: #000; text-decoration: none; } #content a#helplink:visited {color: #000;} table#ispm thead { } table#ispm thead tr { margin-top: 0px;} table#ispm thead th.sorting { background: #a2a2a2;text-align: left;} table#ispm th { padding: 12px 5px; color:#fff; overflow: hidden; } table#ispm th a { color:#fff; text-decoration: none;line-height: 11px; padding: 3px 0 3px 0;} table#ispm th a:visited { color:#fff;} #ispm_wrapper table#ispm thead th.sorting_asc { text-align left; background: #AAAAAA url(/pics/table-th-arrow-sorting-1.gif) 5px top no-repeat; } #ispm_wrapper table#ispm thead th.sorting_desc { text-align: left; background: #AAAAAA url(/pics/table-th-arrow-sorting-1.gif) 5px bottom no-repeat; } table#ispm td { padding:5px; } #ispm_wrapper {position: relative;} /* Mets�nviljely-taulukkotyylit */ .arboriculture fieldset { background: #037084; border: 0px; margin: 0px; margin-bottom: 10px; padding: 10px 0px 10px 5px; display: block; } .arboriculture fieldset label { color: #FFFFFF;} .arboriculture fieldset select { margin-right: 15px; width:140px; } .arboriculture table img.icon-map {padding-right:10px;vertical-align:bottom;} /* 404 */ .errorpage td {padding: 5px 6px 6px 5px;} .errorpage a {font-weight: bold;} .errorInfo, .errorInfo-last, .errorInfo-first { width: 290px; padding: 0 15px 0 20px; float: left; color:#575558; border-right: 1px solid #eee; } .errorInfo-first {padding: 0 10px 0 0;} .errorInfo-last {padding: 0 0 0 20px;border: 0px;} .errorInfo a, .errorInfo-last a, .errorInfo-first a {color:#2A747F;} .errorInfo a.paataso, .errorInfo-last a.paataso, .errorInfo-first a.paataso {font-size: 14px; font-weight: bold;} .errorInfo p, .errorInfo-last p, .errorInfo-first p {color:#575558;} .errorInfo img, .errorInfo-last img, .errorInfo-first img {margin:-2px -2px -2px -2px;padding:0px;position:relative;top:0;} a.eritoimitusosoite_www_evira_fi { display: block; background: transparent url(/pics/webshop/submit-eritoimitusosoite.gif) no-repeat left top; width: 150px; height: 22px; text-indent: -10000px; outline: 0px; } a.eritoimitusosoite_www_evira_fi:hover { background: transparent url(/pics/webshop/submit-eritoimitusosoite.gif) no-repeat left bottom;} a.eritoimitusosoite_se { display: block; background: transparent url(/pics/webshop/submit-leveransadress.gif) no-repeat left top; width: 161px; height: 22px; text-indent: -10000px; outline: 0px; } a.eritoimitusosoite_www_evira_se:hover { background: transparent url(/pics/webshop/submit-leveransadress.gif) no-repeat left bottom;} a.eritoimitusosoite_www_evira_en { display: block; background: transparent url(/pics/webshop/submit-deliveryaddress.gif) no-repeat left top; width: 161px; height: 22px; text-indent: -10000px; outline: 0px; } a.eritoimitusosoite:hover_www_evira_en { background: transparent url(/pics/webshop/submit-deliveryaddress.gif) no-repeat left bottom;} #subscriptionNews input { width: 170px; } #subscriptionButton {margin-bottom: 10px;} /* crisis styles */ html, body.crisis { height:100%; margin:0; padding:0;} #all.crisis { min-height:100%; position:relative; margin: 0 auto; max-width: 1000px; } #header.crisis { padding:0 25px; height:127px; margin-bottom:49px; } #header.crisis #headerLinks { margin:0 auto; width:100%; height:98px; border-bottom:3px solid #f39200; bottom:0; padding-top:29px;} #header.crisis #logo { float:left; padding: 0; width:45%; height:60px; } #container-content.crisis, #container-content-wide.crisis { padding:0 25px; padding-bottom:76px; } #container-content.crisisSubpage, #container-content-wide.crisisSubpage { padding:0 90px; padding-bottom:76px; } #header.crisis #toSiteLinks { float:left; width:35%; height:56px; border-left:3px solid #f39200; border-right:3px solid #f39200; } #header.crisis #toSiteLinks a { font-size:16px; color:#f39200; font-weight: bold; text-transform:none;} #header.crisis #rightCornerLogo { float:left; font-size:16px; color:#f39200; font-weight: bold; padding:20px 29px 0 38px; width: auto; } #header.crisis #toSiteLinks ul{ float: left; width: 100%; height: auto; padding-left:28px; margin-top:3px;} #header.crisis #toSiteLinks li{ float: left !important; width: 100%; height: auto; text-align: left;} #header.crisis #toSiteLinks li a{ font-size: 14px; } @media screen and (min-width: 1200px){ .ispm fieldset { width:100%; } } @media screen and (max-width: 999px){ .ispm fieldset { width:100%; } } @media screen and (max-width: 719px){ #header.crisis #headerLinks{ height: auto; float: left;} #header.crisis #logo { float:left; padding: 0; width:45% !important; height:60px; } #header.crisis #toSiteLinks { float:right; width:45% !important; height: auto; border-left:3px solid #f39200; border-right: none; } #header.crisis #rightCornerLogo { float:left; font-size:16px; color:#f39200; font-weight: bold; padding:20px 0; width: 100%; } } @media screen and (max-width: 479px){ #header.crisis #logo { float:left; padding: 0; width:100% !important; height:60px; } #header.crisis #toSiteLinks { float:right; width:100% !important; height: auto; border-left:3px solid #f39200; border-right: none; } #header.crisis #rightCornerLogo { float:left; font-size:16px; color:#f39200; font-weight: bold; padding:20px 0; width: 100%; } #header.crisis #toSiteLinks ul{ float: left; width: 100%; height: auto; padding-left:8px; margin-top:3px;} } #header.crisis ul { margin-top:-3px; } #header.crisis li { float:none; } #header.crisis li a { line-height:1.3em; } #footerCrisis { position:fixed; z-index:10; width:945px; margin-left:25px; bottom:0; height:76px; border:3px solid #e4e4e4; border-bottom:none; background:#f4f4f4; } #footerCrisis .socialMedia { float:left; width:425px; padding-left:18px; padding-top:19px; } #footerCrisis .socialMedia .fb { float:left; background: url("/pics/crisis/fb.png") no-repeat left bottom; width:149px; height:36px; padding-right:46px; text-indent:-9999px;} #footerCrisis .socialMedia .twitter { float:left; background: url("/pics/crisis/tw.png") no-repeat left bottom; width:134px; height:36px; text-indent:-9999px;} #footerCrisis .addThis { float:right; width:154px; padding-top:15px; height:40px; } #crisisContent { width:410px; padding-right:33px; float:left; padding-bottom:30px; } #crisisContent h1 { color: #818181; font-family: arial; font-size: 21px; font-weight: bold; line-height: 22px; margin: 2px 0 29px 0; padding: 0; } #crisisContent h2 { background:url("/pics/crisis/hrLine.gif") no-repeat left top; padding: 25px 0px 15px 0px !important; color: #818181; font-family: arial; font-size: 16px; font-weight: bold; margin-top:10px; } #crisisContent p { color: #454545; font-family: arial; font-size: 15px; line-height: 20px; margin: 2px 0 15px; padding: 0; } #crisisContent h1 a {font-size: 21px;} #crisisContent a { color:#037084; font-size:15px; font-weight:bold; text-decoration:none; } #crisisContent a:hover { text-decoration:underline; } #crisisBulletins { width:505px; float:left; } #crisisContent table {font-size:15px;} #crisisContent table.bm2_kehys {width:100%;} #crisisContent td, #crisisContent th {padding: 5px;} /* Crisisbulletin Tabs */ #container-content-wide .ui-widget {font-size: 12px;font-family: Arial;} #container-content-wide .ui-tabs {padding: 0px;margin-top: -2px;} #container-content-wide .ui-tabs .ui-tabs-nav {padding-top: 0px;padding-left: 0px;} #container-content-wide .ui-widget-content {background: none; border: 0px;} #container-content-wide .ui-widget-header {background: none;border: 0px;} #container-content-wide .ui-tabs .ui-tabs-panel {border: 1px solid #e1e1e1; height:auto;} #container-content-wide .ui-tabs .ui-tabs-nav li {margin-right: 6px;} #container-content-wide .ui-tabs .ui-tabs-nav li a {color: #818181;font-size:15px;padding-bottom: 10px;font-weight: bold;} #container-content-wide .ui-state-default, #container-content-wide .ui-widget-content .ui-state-default, #container-content-wide .ui-widget-header .ui-state-default {background:#e7e7e7; } #container-content-wide .ui-state-default.ui-tabs-selected, #container-content-wide .ui-state-default.ui-state-active {background:#fff;} #container-content-wide .ui-state-default img {padding: 0px 3px 0 0;position: relative; top: 5px;} #container-content-wide .ui-state-active, #container-content-wide .ui-widget-content .ui-state-active, #container-content-wide .ui-widget-header .ui-state-active, #container-content-wide .ui-state-active.ui-state-hover {border: 1px solid #e1e1e1;} #container-content-wide .ui-corner-top, #container-content-wide .ui-corner-right, #container-content-wide .ui-corner-tr { -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; } #container-content-wide .ui-corner-all, #container-content-wide .ui-corner-bottom, #container-content-wide .ui-corner-right, #container-content-wide .ui-corner-br {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} #container-content-wide .ui-state-hover, #container-content-wide .ui-widget-content .ui-state-hover, #container-content-wide .ui-widget-header .ui-state-hover, #container-content-wide .ui-state-focus, #container-content-wide .ui-widget-content .ui-state-focus, #container-content-wide .ui-widget-header .ui-state-focus { border: 1px solid #b5b5b5;} #container-content-wide .ui-widget .small {color: #333333; font-size: 11px;} #crisisBulletinTabs #bm_1 a, #crisisBulletinTabs #bm_2 a, #crisisBulletinTabs #bm_3 a { color:#037084; font-weight:bold; font-size:15px; } #crisisBulletinTabs #bm_1 ul, #crisisBulletinTabs #bm_2 ul, #crisisBulletinTabs #bm_3 ul { list-style-type:none; padding-left:16px; padding-top:24px; } #crisisBulletinTabs #bm_1 ul li, #crisisBulletinTabs #bm_2 ul li, #crisisBulletinTabs #bm_3 ul li { color:#454545; font-size:14px; letter-spacing:1px; margin-bottom:30px;} #crisisBulletinTabs #bm_1 ul li a, #crisisBulletinTabs #bm_2 ul li a, #crisisBulletinTabs #bm_3 ul li a { text-decoration:none; } #crisisBulletinTabs #bm_1 ul li a:hover, #crisisBulletinTabs #bm_2 ul li a:hover, #crisisBulletinTabs #bm_3 ul li a:hover { text-decoration:underline; } #crisisBulletinTabs #bm_1 .rss, #crisisBulletinTabs #bm_2 .rss, #crisisBulletinTabs #bm_3 .rss { position:absolute; right:10px; background:url("/pics/crisis/rss.png") left top; width:35px; height:35px; text-indent:-99999px; } #crisisBulletinTabs #bm_1 .subscribeBulletins, #crisisBulletinTabs #bm_2 .subscribeBulletins, #crisisBulletinTabs #bm_3 .subscribeBulletins { position:absolute; right:0; padding-top:1px; color:#333; font-size:13px; text-decoration:none; text-transform:uppercase; font-weight:normal; width:81px;} #crisisBulletinTabs .archiveLink {text-decoration:none;padding-left: 16px;} #backToCrisis { background: none repeat scroll 0 0 #ffffff; height: 45px; margin: 0 auto 5px; position: relative; z-index: 19; } #backToCrisis a { background: url("/pics/orangeArrowLeft.png") no-repeat scroll 0 15px rgba(0, 0, 0, 0); color: #7f7f7f; display: block; font-size: 14px; font-weight: bold; margin: 0 0 0 25px; padding: 12px 0 4px 19px; text-decoration: none; } table.gsc-search-box td { padding: 0; } .ru_class div#evira-navbar-collapse-1 a { padding: 10px 12px 3px 12px !important; font-size: 12px !important; } /* flickr-gallery slider page */ .container { margin-top: 10px; } .container-fluid { text-align: center; } .carousel-inner { height: 300px; width: auto; margin: 0 auto; position: relative; } #myCarousel { height: 300px; max-width: 470px; margin: 0 auto; padding: 0 15px; position: relative; } .carousel-inner div { height: 300px; width: auto; } .carousel-inner div img { padding: 0 !important; height: 100% !important; width: auto !important; margin: 0 auto; } .carousel-control a { outline: 0; } .carousel-control.left { background: url(/pics/carousel_btn_prev.png) center left no-repeat transparent !important; text-decoration: none !important; opacity: 0; filter: none !important; } .carousel-control.right { background: url(/pics/carousel_btn_next.png) center right no-repeat transparent !important; text-decoration: none !important; opacity: 0; filter: none !important; } .carousel-control.left:hover, .carousel-control.right:hover { opacity: 1 !important; } .thumbwrapper { height: 50px; overflow: hidden; width: 85px; margin: 2px; text-align: center; } .thumbwrapper span { height: 150px; display: block; } .thumbwrapper img { display: inline-block !important; vertical-align: middle; padding: 0 !important; height: auto !important; width: 100%; } ol.pagination { width: auto; padding-left: 0; } .pagination li { } .pagination li, .pagination a { border-radius: 0px !important; float: left; border: 0 !important; outline: 0; } .pagination li a { padding: 0 !important; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background: transparent !important; } @media screen and (max-width: 500px) { .thumbwrapper { width: 70px !important; height: 45px !important; } .carousel-inner, #myCarousel, .carousel-inner div { height: 220px !important; } } @media screen and (max-width: 400px) { .thumbwrapper { width: 55px !important; height: 35px !important; } } /* end of flickr-gallery slider page */ iframe#twitter-widget-0 { width: 100% !important; } table#csvtable td:first-child{ white-space: nowrap; } table#csvtable tr:nth-child(even) td { background: #fff; } table#csvtable tr:nth-child(odd) td { background: #DCE9EB; } /* CSV Accordion list */ .csv-data-span {float: left;width: 100%;} .e-code-list {} .e-code-list .searchbox { margin: 15px 0 40px 0; background: none repeat scroll 0 0 #E1E1E1; border-radius: 2px 2px 2px 2px; padding: 10px; width: auto; -webkit-border-radius: 2px; -moz-border-radius: 2px; } .e-code-list .searchbox .search { border: 1px solid #dfdfdf; background: #fff; padding: 10px; width: 200px; float: left; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; font-size: 12px; outline: none; } .e-code-list .searchbox .navButtons { border: 1px solid #dfdfdf; background: #666; color: #fff; padding: 10px; width: 80px; float: left; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin-left: -2px; font-size: 12px; cursor: pointer; } .e-code-list .searchbox p {margin-bottom:5px;font-weight:bold;} .e-code-list .alphabetList.first {border-left: 1px solid #B8B9B9;margin:0 0 0 1px;} #text-area .e-code-list ul {padding:0px; margin:0px;} #text-area .e-code-list ul li { list-style-type:none; background:none; padding:0px; margin:0px; } #text-area .e-code-list .alphabetList ul li {float:left; } #text-area .e-code-list .alphabetList ul li:first-child a {border: 1px solid #B8B9B9;} #text-area .e-code-list .alphabetList {padding: 0 0 20px 0;} #text-area .e-code-list .alphabetList a { background: transparent url(/pics/yhteystiedot-bg.gif) repeat-x; display:block; float:left; border: 1px solid #B8B9B9; border-left:0px; height: 30px; padding: 5px 6px; min-width:14px; text-align:center; color: #818181; text-transform:uppercase; font-size:14px; } #text-area .e-code-list .alphabetList a:hover {text-decoration:none;background:#f39200;color:#fff;} #text-area .e-code-list .alphabetList .selected a {color:#fff;background:#f39200;} .e-code-list .alphabetSubtance {padding: 0 0 20px 0;} #text-area .e-code-list .alphabetSubtance a { display:block; border-bottom: 1px dotted #CACACA; padding: 7px 7px; font-size:14px; color:#818181; } #text-area .e-code-list .alphabetSubtance a:visited {color:#595959;} #text-area .e-code-list .alphabetSubtance a:hover {background: #eee;text-decoration:none;} #text-area .e-code-list .pageInfo-aakkosjarjestyksessa, #text-area .e-code-list .pageInfo-numerojarjestyksessa{ color: #818181; font-family: arial; font-size: 18px; font-weight: normal; margin: 20px 0px 8px 0px; padding: 0px; line-height: 22px; } #text-area .e-code-list a.next {float:right;} #text-area .e-code-list strong {display:inline-block;padding:10px 0 0 0;} #text-area .e-code-list.tall-list strong {display:block;} #text-area .e-code-list .alphabetSubtance strong {display:inline-block;padding:0px;} #text-area .e-code-list.tall-list .alphabetSubtance strong {display:block;} #text-area .e-code-list .backLink a {display:block;padding: 20px 0 0 0;} #text-area .e-code-list h2 { color:#818181; font-size:18px; font-weight:normal; margin:0px 0 12px 0px; line-height: 22px; padding: 0px; } .e-code-list .pageNumbers {margin:0px auto;text-align:center;} .e-code-list .pagingButtons {position:relative;top:-14px;} /* Tabs */ #container-content-wide .e-code-list .ui-widget {font-size: 12px;font-family: Arial;} #container-content-wide .e-code-list .ui-tabs {padding: 0px;margin-top: -2px;} #container-content-wide .e-code-list .ui-tabs .ui-tabs-nav {padding-top: 0px;padding-left: 0px;} #container-content-wide .e-code-list .ui-widget-content {background: none; border: 0px;} #container-content-wide .e-code-list .ui-widget-header {background: none;border: 0px;} #container-content-wide .e-code-list .ui-tabs .ui-tabs-panel {border: 1px solid #e1e1e1;} #container-content-wide .e-code-list .ui-tabs .ui-tabs-nav li {margin-right: 6px;} #container-content-wide .e-code-list .ui-tabs .ui-tabs-nav li a {color: #818181;font-size:15px;padding-bottom: 10px;font-weight: bold;} #container-content-wide .e-code-list .ui-state-default, #container-content-wide .e-code-list .ui-widget-content .ui-state-default, #container-content-wide .e-code-list .ui-widget-header .ui-state-default {background:#e7e7e7; } #container-content-wide .e-code-list .ui-state-default.ui-tabs-selected, #container-content-wide .e-code-list .ui-state-default.ui-state-active {background:#fff;} #container-content-wide .e-code-list .ui-state-default img {padding: 0px 3px 0 0;position: relative; top: 5px;} #container-content-wide .e-code-list .ui-state-active, #container-content-wide .e-code-list .ui-widget-content .ui-state-active, #container-content-wide .e-code-list .ui-widget-header .ui-state-active, #container-content-wide .e-code-list .ui-state-active.ui-state-hover {border: 1px solid #e1e1e1;} #container-content-wide .e-code-list .ui-corner-top, #container-content-wide .e-code-list .ui-corner-right, #container-content-wide .e-code-list .ui-corner-tr { -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; } #container-content-wide .e-code-list .ui-corner-all, #container-content-wide .e-code-list .ui-corner-bottom, #container-content-wide .e-code-list .ui-corner-right, #container-content-wide .e-code-list .ui-corner-br {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} #container-content-wide .e-code-list .ui-state-hover, #container-content-wide .e-code-list .ui-widget-content .ui-state-hover, #container-content-wide .e-code-list .ui-widget-header .ui-state-hover, #container-content-wide .e-code-list .ui-state-focus, #container-content-wide .e-code-list .ui-widget-content .ui-state-focus, #container-content-wide .e-code-list .ui-widget-header .ui-state-focus {border: 1px solid #b5b5b5;} #container-content-wide .e-code-list .ui-widget .small {color: #333333; font-size: 11px;} #text-area .e-code-list .alphabetSubtance a.ecode-link {border:0px;font-size:12px;color:#037084;padding:0px;} #text-area .e-code-list .alphabetSubtance a.ecode-link:hover {background:none;text-decoration:underline;} /* Accordion */ .e-code-accordion .ui-icon {display:none;} .e-code-accordion h4 { display:block; padding: 7px 7px; font-size:14px; color:#818181; } .e-code-accordion h4.ui-state-active, .e-code-accordion h4.ui-state-default { border: 1px solid #e1e1e1;} #container-content-wide .e-code-accordion .ui-widget-content {border: 1px solid #e1e1e1;} #container-content-wide .e-code-accordion .ui-accordion-content-active {border: 1px solid #e1e1e1;} #text-area .e-code-list .e-code-accordion strong {padding: 0px;} /* End of CSV Accordion list */ /* hygienepasstest */ .radiobuttons{ } .radioinputspan{ float: left; height: 20px; width: 100%; } .radiobuttons input[type="radio"]{ float: left; margin: 0 5px 0 0 !important; clear: both; padding: 0 !important; } .result.correct{ color: #1e8c16; font-weight: bold; } .result.wrong{ color: #e71010; font-weight: bold; } .explanation{ font-style: italic; margin-bottom: 15px; } div#quiz p{ font-weight: bold; margin: 10px 0 5px 0 !important; }