html {margin: 0; padding: 0; height: 100%;}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-position: left top;
background-repeat: repeat-x;
background-color: #E6E8D7;
background-color: #EFF2E8;
background-image: url(/images/sivutausta.gif);
}
form { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
p {margin: 0 0 15px 0;}
h1 {font-size: 1.3em; font-weight: normal; margin: 0 0 15px 0; color: #0593A4;}
h2 {font-size: 1.2em; font-weight: normal; margin: 0 0 10px 0; color:#0593A4;}
h3 {font-size: 1.1em; font-weight: normal; margin: 0 0 5px 0; color:#0593A4;}
h4 {font-size: 1em; font-weight: bold; margin: 0 0 5px 0; color:#0593A4;}
h5 {font-size: 1.1em; font-weight: bold; margin: 0 0 5px 0; color:#0593A4;}
h6 {
font-size: 1em; font-weight: normal;
background: #f7f8f2 url(/images/le_cell_bg.jpg) left top repeat-x;
padding: 8px;
border-left: 1px solid #cacaca; border-bottom: 1px solid #eaeaea;
}
h6 a {padding: 0 0 0 15px; margin: 0 0 5px 0; background: url(../images/linkbullet.gif) no-repeat 0 -18px;}
a {color: #9E781D; text-decoration: none;}
a:hover {text-decoration: underline;}
hr {float: left; display: inline; clear: both; width: 100%; background: #cccccc; margin: 0 0 15px 0; border: #ffffff; height: 1px;}
ul {margin: 0 0 15px 0; padding: 0 0 0 20px;}
.ingress {font-size: 1.2em; line-height: 1.3em;}
.bulletlink, .bulletlinkrev {padding: 0 0 0 15px; margin: 0 0 5px 0; background: url(../images/linkbullet.gif) no-repeat 0 -18px; font-weight: bold; clear: right; color: #333333;}
.bulletlink:hover, .bulletlinkrev:hover {background-position: 0 -88px; text-decoration: none; color: #000000;}
.bulletlinkrev {background-image: url(../images/linkbulletrev.gif);}
.lightbulletlink {padding: 0 0 0 10px; font-weight: normal; background: url(../images/lightbullet.gif) no-repeat left 3px;}
* html .lightbulletlink {display: block; width: 50px; white-space: nowrap;}
.softhyphen {margin: 0 -3px 0 0;}
/* Separator header */
.separator {border-bottom: 1px solid #e9e9e9; margin: 20px 0 15px 0;}
/* @-character in e-mail links */
.miumau {margin: 0 0 -2px 0;padding: 0 5px 1px 1px;background: url(../images/miumau.gif) no-repeat 0 -8px;}
a:hover .miumau {background-position: 0 -50px;}
/* Active and inactive content */
.inactivecontent {display: block;}
.active .inactivecontent {display: none;}
.activecontent {display: none;}
.active .activecontent {display: block;}
/* Page elements */
#header_container {height: 117px; background: transparent; padding: 0px; position: relative; width: 783px; margin: 0px auto 0px auto; text-align: left;}
#container {min-height: 600px; background: url(/images/container_bg.gif); padding: 0px; position: relative; width: 783px; margin: 0px auto 0px auto; text-align: left;}
#pageheader {position: relative; width: 783px; height: 94px; overflow: hidden; padding: 0 0 0 30px; margin: 0px 0 0 0px; background: transparent url(/images/ylapalkki_taustakuva.jpg) no-repeat 191px 0px;}
* html #pageheader {width: 783px; w\idth: 783px;}
#logo {position: absolute; left: 0px; top: 0px; float: none; border: none; margin: 0;}
#banner {position: absolute; left: 334px; top: 48px; float: none; border: none; margin: 0;}
/* Site menu */
#sitemenu {position: absolute; left: 70px; top: 8px; width: 898px; list-style-type: none; margin: 0; padding: 0; font-size: 0.92em;}
#sitemenu li {float: left; display: inline; margin: 0; border-left: 1px solid #999999; overflow: hidden;}
#sitemenu .right {float: right;}
#sitemenu a {padding: 0 8px 0 8px; color: #999999;}
#sitemenu a:hover, #sitemenu a.active {color: #000000; text-decoration: none;}
#sitemenu .first {border: none;}
#sitemenu .first a {padding-left: 0;}
/* Language menu */
#lanmenu {position: absolute; right: -8px; top: 93px; width: 300px; list-style-type: none; margin: 0; padding: 0; font-size: 0.92em;}
#lanmenu li {float: right; display: inline; margin: 0; border-left: 1px solid #999999; overflow: hidden;}
#lanmenu a {padding: 0 8px 0 8px; color: #999999;}
#lanmenu a:hover, #lanmenu a.active {color: #000000; text-decoration: none;}
#lanmenu .first {border: none;}
#lanmenu .first a {padding-left: 0;}
/* Main menu */
#mainmenu {background: #f1f1f1 url(/images/navitausta.gif); position: relative; float: left; display: inline; width: 783px; height: 21px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0; font-size: 1em; font-weight: bold;}
#mainmenu li {float: left; display: inline; margin: 0 0px 0 2px; text-align: center; height: 20px;}
#mainmenu a {display: block; padding: 1px 0 0 0px; color: #eaeaea; outline: none; text-decoration: none; height: 20px; cursor: pointer; white-space: nowrap;}
* html #mainmenu a {width: 10px;}
#mainmenu a:hover {text-decoration: none; color: #000000;}
#mainmenu a span {display: block; height: 18px; padding: 2px 3px 0 5px;}
* html #mainmenu a span {height: 20px; he\ight: 18px;}
#mainmenu a:hover, #mainmenu li.active a {background: transparent; color: #ffffff;}
#mainmenu a:hover span,#mainmenu li.active a span {background: transparent;}
/* Sub menu */
.submenu {float: left; display: inline; list-style-type: none; margin: 0 0 30px 0; padding: 0; font-size: 1em; width: 180px;}
.submenu ul {margin: 0;}
.submenu li {float: left; display: inline; margin: 0 0 2px 0; clear: both; width: 100%;}
.submenu a {display: block; width: 100%; padding: 0; margin: 0; background: url(../images/submenubullet.gif) no-repeat 0 -18px; color: #468205; outline: none;}
.submenu a span {display: block; padding: 2px 0 2px 14px;}
.submenu a.active, .submenu a:hover {color: #000000; text-decoration: none; background-color: #ebebeb; background-position: 0 -89px;}
.submenu a.active span, .submenu a:hover span {background: url(../images/submenu_roundedbottom.gif) no-repeat left bottom; height: 100%;}
.submenu a.open {background-position: 0 -159px; color: #000000;}
.submenu a.open:hover {background-position: 0 -230px; color: #000000; background-color: #ebebeb;}
/* Images in sub menu */
.submenu a img {position: relative; border: 0; margin: -12px 5px 0 -20px; float: left; display: inline;}
/* 2nd level */
.submenu li ul {padding: 0;}
.submenu li ul li {margin: 0;}
.submenu li ul a {color: black; background-image: none;}
.submenu li ul a.active, .submenu li ul a:hover {background: #ebebeb url(../images/submenu_roundedtop.gif) no-repeat left top;}
/* 3nd level */
.submenu li ul li ul li {margin: 0; padding-left: 6px;}
/* 4nd level */
.submenu li ul li ul li ul li {margin: 0; padding-left: 6px;}
/* 5nd level */
.submenu li ul li ul li ul li ul li {margin: 0; padding-left: 6px;}
/* Page footer */
#pagefooter {position: relative; float: left; display: inline; margin: 60px 0px 10px 0px; clear: both; width: 100%; font-size: 0.90em;border-top:1px solid silver;}
#pagefooter span {margin: 0 0 0 27px;}
#pagefooter .first {margin: 0;}
#pagefooter #contactlink {position: absolute; left: 663px; top: 0;}
#pagefooter #contactlink a {padding: 0 0 0 8px; background: url(../images/lightbullet.gif) no-repeat 0 2px; font-weight: bold;}
#pagefooter .miumau {background-image: url(../images/miumau_small.gif); padding-left: 0; margin:0;}
/* Gray box */
.graybox {background: #f1f1f1; xbackground: url(/images/sky_bg.jpg) no-repeat right top; margin: 0 0 30px 0;}
.graybox .header {width: 200px; height: 4px; overflow: hidden; background: url(../images/graybox_header.gif) no-repeat left top;}
.graybox .footer {width: 200px; height: 8px; overflow: hidden; background: url(../images/graybox_footer.gif) no-repeat left top;}
.graybox .content {padding: 2px 8px 8px 8px;}
.content .bulletlink {margin-bottom: 30px;}
/* Content in boxes */
.graybox h1 {font-size: 1em; font-weight: bold; margin: 0 0 15px 0; font-family: Arial, Helvetica, sans-serif;}
.graybox img {border: 0; margin: 0 0 10px 0;}
/* Columns */
.col1 {float: left; display: inline; width: 182px; margin: 0 0px 0 8px; background-color: #ecf3ea; border-top: 2px solid #bedad9;}
.col2 {float: left; display: inline; width: 200px; margin: 0 30px 0 0;}
.col3 {float: left; display: inline; width: 200px; margin: 0 30px 0 0;}
.col4 {float: left; display: inline; width: 200px; margin: 0; position: relative;}
.col1-4 {float: left; display: inline; width: 890px;background-color: #ffffff;border-top: 2px solid #bedad9;}
.col1-3 {float: left; display: inline; width: 660px; margin: 0 30px 0 10px;}
.col1-2 {float: left; display: inline; width: 430px; margin: 0 30px 0 10px;}
.col2-3 {float: left; display: inline; width: 420px; margin: 0 30px 0 0px; min-height: 400px;position:relative;}
.col2-4 {float: left; display: inline; width: 546px; margin: 0 0px 0 0px; min-height: 400px;position:relative;border-top: 2px solid #bedad9; padding: 20px;}
* html .col2-3 {height: 400px;}
/* Nested columns */
.col2-3 .col1 {}
.col2-3 .col2 {margin: 0;}
/* Forms */
form {margin: 0 0 15px 0; padding: 0; display: inline;}
form blockquote {margin: 0 0 0 143px;}
form br {clear: left;}
/* Form labels */
label {float: left; display: inline; text-align: right; width: 133px; padding: 4px 10px 0 0; overflow:hidden; font-weight: bold;}
* html label {width: 143px; w\idth: 133px;}
.rightsidelabel {text-align: left; padding-left: 5px; width: 244px;}
* html .rightsidelabel {width: 250px; w\idth: 244px;}
/* Form fields */
input, textarea {float: left; display: inline; margin-bottom: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 253px; height: 13px; padding: 3px 2px 3px 2px; border: 1px solid #b2b2b2;}
* html input, * html textarea {width: 279px; height: 21px; w\idth: 253px; he\ight: 13px;}
textarea {height: 150px;}
* html textarea {height: 56px;}
select {float: left; display: inline; margin-bottom: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 253px; height: auto; padding: 0 0 0 2px; border: 1px solid #b2b2b2;}
html>body select {margin-top: 2px;}
.checkbox, .radiobutton {width: auto; border: 0; padding: 0; margin: 2px 2px 0 0px;}
* html .checkbox, * html .radiobutton {height: 20px; margin: 0;}
.filefield {height: 20px;}
.hidden {display: none;}
.submitbtn {font-size: 1em; width: auto; height: 16px; white-space: nowrap; background: url(../images/linkbullet.gif) no-repeat 0 -18px; font-weight: bold; clear: both; color: #333333; padding: 0 0 0 15px; margin: 5px 0 15px 0; border: none; cursor: pointer;}
.submitbtn:hover, * html .submitbtn.active {background-position: 0 -87px; text-decoration: none; color: #000000;}
* html .submitbtn.active {background-position: 0 -88px;}
/* Search */
#search {position: absolute; left: 570px; top: -24px; width: 240px; height: 20px;}
#searchform label {width: 70px; color: #ffffff; font-weight: normal; padding: 2px 0 0 0; text-align: left;}
#searchform input {float: none; position: absolute; left: 42px; top: 0; width: 130px; background: url(../images/search_fieldbg.gif) no-repeat; border: 0; height: 14px; padding-left: 6px; padding-right: 6px;}
* html #searchform input {width: 142px; w\idth: 130px;}
#searchform .submitbtn {float: none; position: absolute; left: 185px; top: -3px; width: 18px; height: 23px; padding: 0; margin: 0; background: url(../images/searchbutton.gif) no-repeat 0 -17px;}
#searchform .submitbtn:hover, * html #searchform .submitbtn.active {background-position: 0 -87px; text-decoration: none; color: #000000;}
/* Login box */
#loginbox {margin-bottom: 30px;}
#loginbox .content {padding-top: 4px;}
#loginbox .lightbulletlink {color: #000000; background-image: url(../images/lightbullet.gif);}
/* Search forms */
#loginbox label {white-space: nowrap; width: 60px; font-weight: normal;}
#loginbox input {width: 102px; background: url(../images/input_fieldbg.gif) no-repeat; border: 0; height: 14px; padding-left: 6px; padding-right: 6px;}
* html #loginbox input {margin-bottom: 2px;}
#loginbox .submitbtn {font-size: 1em; width: auto; white-space: nowrap; background: url(../images/linkbullet.gif) no-repeat 0 -18px; font-weight: bold; clear: both; color: #000000; padding: 0 0 0 12px; margin: 5px 0 0 0;}
* html #loginbox .submitbtn {background-position: 0 -19px; padding-left: 10px;}
#loginbox .submitbtn:hover, * html #loginbox .submitbtn.active {background-position: 0 -88px; text-decoration: none; color: #000000;}
* html #loginbox .submitbtn.active {background-position: 0 -89px;}
#loginbox form blockquote {margin-left: 70px;}
#loginbox form {display: block; overflow: hidden;}
* html #loginbox form {float: left; display: inline;}
* html #loginbox h1 {float: left; display: inline; width: 100%;}
#vinkki a {padding: 0 0 0 15px; margin: 0 0 5px 0; background: url(../images/linkbullet.gif) no-repeat 0 -18px; font-weight: bold; clear: right; color: #333333;}
#vinkkipic {position: relative; float: left; display: inline; margin: -20px 5px 5px -29px;}
/* Page navigation */
.pagenavi {height: 20px; display: block; list-style-type: none; margin: 0 0 15px 0; padding: 0; clear: both; font-weight: bold;}
.pagenavi li {float: left; display: inline; margin: 0 1px 0 0;}
.pagenavi a {display: block; width: 20px; height: 18px; padding: 2px 0 0 0; text-align: center; text-decoration: none; color: #5c5c5c;}
* html .pagenavi a {height: 20px; he\ight: 18px;}
.pagenavi a:hover, .pagenavi a.active {background: url(../images/pagenavi_selectedbg.gif) no-repeat 0 0; color: #000000; text-decoration: none; font-weight: bold;}
.pagenavi span {display: block; height: 18px; width: 20px; padding: 2px 10px 0 5px;}
/* Previous & next buttons */
.pagenavi .prev a {background: url(../images/pagenavi_left.gif) no-repeat center -20px;}
.pagenavi .prev a:hover {background-position: center -62px;}
.pagenavi .next a {background: url(../images/pagenavi_right.gif) no-repeat center -20px;}
.pagenavi .next a:hover {background-position: center -60px;}
.pagenavi .prev a.disabled, .pagenavi .prev a.disabled:hover, .pagenavi .next a.disabled, .pagenavi .next a.disabled:hover {background-position: center -100px;}
/* Tabs */
.tabs {list-style-type: none; margin: 0 0 15px 0; padding: 0; height: 17px; background: #e9e9e9 url(../images/tabsbg.gif) no-repeat left top;}
.tabs li {float: left; display: inline; margin: 0; padding: 0 0 0 0; height: 17px; border-right: 1px solid #ffffff; overflow: hidden;}
.tabs a, .tabs span {display: block; padding: 1px 7px 2px 7px; color: #5c5c5c;}
.tabs a.active, .tabs a:hover {background-color: #f8f8f8; color: #000000; text-decoration: none;}
.tabs span {color: #000000; font-weight: bold;}
/* Magnify-link */
.magnifylink {float: left; clear: both; display: inline; margin: 0 0 0 0; padding: 0 0 3px 17px; background: url(../images/magnify.gif) no-repeat 0 -20px; font-size: 0.92em; outline: none; color: #333333;}
.magnifylink:hover {background-position: 0 -53px; text-decoration: none; color: #000000;}
/* Teasers */
.teaser {float: left; display: inline; margin: 0; width: 180px;}
.teaser h3 {display: block; min-height: 30px; height: auto !important; height: 30px; width: 170px; padding: 2px 5px 3px 5px; background: #0593A4 url(../images/teaserheader.gif) no-repeat left top; color: #ffffff; font-size: 1em; font-weight: bold;}
/* HUOM !!!! h3 bg sininen väri oli 3173A3 */
.teaser p {margin: 0 3px 10px 3px;}
.teaser img {float: left; display: inline; margin: 2px 8px 4px 0px !important; border: 0px solid #b2b2b2; padding: 4px;}
.teaser table, .teaser td {display: inline; border: 0;}
/* Contact cards */
.contactcard {width: 100%; clear: both; margin: 0 0 15px 0; overflow: hidden;}
.contactcard img {margin-bottom: 0;}
/* Home page */
.homepage .col4 {float: right;}
/* Main teaser */
#mainteaser {float: left; display: inline; position: relative; width: 645px; margin: 0 20px 30px 10px; padding: 0 15px 0 0; font-size: 1.2em;}
* html #mainteaser {width: 660px; w\idth: 645px;}
#mainteaser img {float: none; display: inline; margin: 0 15px 15px 0px; border: none;}
#mainteaser h1 {font-size: 1.6em; margin: 15px 0 15px 0; font-weight: normal;}
/* Teasers */
.teasers {position: relative;float: left; display: inline; margin:-10px;width: 690px; padding: 0 0 12px 0; background: url(../images/teasers_bg.gif) repeat-y 0 0; overflow: hidden;}
.homepage .teaser {float: left; display: inline; width: 200px; height: 100%; margin: 0 15px 0 15px;}
.homepage .teaser.first {margin-left: 0;}
.homepage .teaser h1 {font-size: 1.2em; margin: 0 0 10px 0; font-weight: normal; width: 200px; padding: 0; background: none;}
.homepage .teaser p {margin: 0 0 10px 0;}
.homepage .teaser .bulletlink {position: absolute; bottom: 0; margin: 0;}
/* Teaser headers on home page */
.homepage .teasers .header {background: #e7e7e7 url(../images/teasers_header_bg.gif) no-repeat left top; overflow: hidden; padding: 0 0 5px 0; margin: 0 0 12px 0; width: 660px;}
.homepage .teasers .header h1 {float: left; display: inline; width: 200px; margin: 2px 0 0 30px; padding: 0;}
.homepage .teasers .header h1.first {width: 185px; margin-left: 15px;}
/* News list */
.newslist {list-style-type: none; margin: 0 0px 15px 0; padding: 0; background: white; border-top: 1px solid #bedad9; border-bottom: 1px solid #bedad9; border-right: 1px dotted #bedad9;}
.newslist li {margin: 0 3px 5px 3px;}
XXXX#mainContent table {
BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid;
BACKGROUND: #fcfcfc; WIDTH: 100%;
}
.none {width: auto; border: 0px;}
.radio {float: none; margin: 0px; border: none; width: 20px;}
.Button {height: 25px; margin-right: 5px; float: none; padding: 3px; width: auto;}
/* END */