html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
td { margin: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
body {background: #d2d7de url(../images/mainbg.jpg) repeat-x top;}
body, input, select { font-family: Verdana, Geneva, sans-serif; font-size:11px;}
.clr{line-height: 0; height: 0; font-size:0; clear: both;}
a img{ border: 0;}
a:link, a:active, a:visited, a:hover {text-decoration: none; color: #5781AE; font-size: 11px; }
a:hover{text-decoration: underline;}
.leftimg {float:left; margin-top:10px; padding-right:5px;}
H1 { font-size: 13px; color: #CB5057; margin-top: 0px; margin-bottom: 10px; }
H2 { font-size: 14px; color: #CB5057; margin-top: 0px; margin-bottom: 21px; }
H3 { font-size: 11px; margin-top: 0px; margin-bottom: -20px; font-style: italic; font-weight: normal; }
H4 { font-size: 14px; color: #CB5057; margin-top: 26px; margin-bottom: 11px; }
H5 { font-size: 10px; margin-bottom: -20px; font-weight: normal; }
H6 { font-size: 11px; font-weight: bold; margin-bottom: -20px; }
.globalContainer {width:750px; margin:0 auto; background:#FFFFFF; padding:6px;}
.leftColumn {width:171px; float:left;}
.mainColumn {width:555px; float:left; padding:23px 0 8px 24px; line-height:16px;}
.mainColumn p {margin:11px 0;}
.mainColumn ul {padding-left:40px;}
.mainmenu {padding:26px 0 16px 7px; background: url(../images/dots2.gif) repeat-x bottom;}
.mainmenu ul {list-style:none; padding-left:0;}
.mainmenu li {padding-bottom:5px;}
.mainmenu .selected a:link, .mainmenu .selected a:active, .mainmenu .selected a:visited, .mainmenu .selected a:hover {color:#C4C7CC; background: url(../images/nuoli.gif) no-repeat left; padding-left:8px;}
.mainmenu .selected ul li a:link, .mainmenu .selected ul li a:active, .mainmenu .selected ul li a:visited, .mainmenu .selected ul li a:hover {color:#5781AE; background: none; padding-left:0;}
.mainmenu a:link, .mainmenu a:active, .mainmenu a:visited, .mainmenu a:hover {text-decoration:none; font-weight:bold; font-family:Tahoma, Geneva, sans-serif;}
.mainmenu a:hover {text-decoration:underline;}
.mainmenu ul li ul {margin:5px 0 8px;}
.mainmenu ul li ul li {color:#5781AE; font-family:Tahoma, Geneva, sans-serif; padding-left:15px;}
.mainmenu ul li ul li a:link, .mainmenu ul li ul li a:active, .mainmenu ul li ul li a:visited, .mainmenu ul li ul li a:hover {font-weight:normal; color:#5781AE;}
.mainmenu ul li ul .selected {color:#858F99; background:url(../images/nuoli.gif) no-repeat left 3px;}
.mainmenu ul li ul .selected a:link, .mainmenu ul li ul .selected a:active, .mainmenu ul li ul .selected a:visited, .mainmenu ul li ul .selected a:hover {padding-left:0; background:none; color:#858F99;}
.mainmenu ul li ul .selected li a:link, .mainmenu ul li ul .selected li a:active, .mainmenu ul li ul .selected li a:visited, .mainmenu ul li ul .selected li a:hover { color:#5781AE;}
.mainColumn .subNav,
.mainColumn .subNav ul{list-style: none outside;}
.mainColumn .subNav{padding: 10px 0 20px}
.mainColumn .subNav ul{padding-left: 30px}
.subNav li{padding: 0 0 0 10px; background: transparent url(../images/nuoli.gif) no-repeat scroll left 5px}
.subNav a{ font-size: 10px;}
.submenu {padding: 0px 0 5px 9px; height:14px;}
.submenu ul {list-style:none; padding-left:0;margin:0 auto; width:290px;}
.submenu li {padding:0 10px 3px 10px;float:left; border-right:1px solid #5781AE; height:13px; font-weight:bold;}
.submenu ul li.lastItem {padding:0 10px 3px 10px;float:left; height:13px; border-right:none;!important}
.submenu a:link, .submenu a:active, .submenu a:visited, .submenu a:hover {text-decoration:none; font-family:Tahoma, Geneva, sans-serif; _background: url(../images/left_gradient.gif);}
.submenu a:hover {text-decoration:underline;}
.searchbox {padding:5px 0 2px 9px; background: url(../images/dots2.gif) repeat-x bottom;}
input.box1 {border:1px solid #005F8B; font-family:verdana,tahoma,arial; font-size:11px; margin-bottom:5px; width:94px; margin-right:5px;}
.flashContainer {padding:20px 0;}
.tausta { background: url(../images/left_gradient.gif); min-height:350px;}
.uutisnosto { font-size: 14px; color: #CB5057; margin-top: 0px; margin-bottom: 10px; font-weight: bold; }
.alanosto {margin-top:10px; margin-bottom:10px;}
a.sininen:link, a.sininen:active, a.sininen:visited, a.sininen:hover {color: #5781AE; text-decoration: none;}
a.sininen:hover {text-decoration: underline;}
.sixty {float:left; width:66%;}
.thirty {float:right; width:33%; text-align:right;}
.tools {background: url(../images/dots1.gif) repeat-x top; padding-top:10px; font-family:Tahoma, Geneva, sans-serif;}
.tools a {text-decoration:none; padding-right:20px; display:block; float:left;}
.tools .print {background: url(../images/print.gif) no-repeat left; padding-left:18px;}
.tools .send {background: url(../images/send.gif) no-repeat left; padding-left:18px;}
.relatedLinks {background: url(../images/dots1.gif) repeat-x top; padding:17px 0 20px 0; margin-top:5px;}
.relatedLinks a {display:block; font-size:10px; text-decoration:none; background:url(../images/nuoli.gif) no-repeat left 5px; padding:0 0 3px 13px;}
/*.relatedLinks a {font-size:10px; text-decoration:none; padding:0 0 3px 13px;}*/
.relatedLinks p {margin: 0px; padding:0px;}
.footer {color:#5781AE; background: url(../images/dots1.gif) repeat-x top; text-align:center; padding-top:7px; font-family:Tahoma, Geneva, sans-serif; margin-top:1px;}
/* Content */
.breadcrumb {background: url(../images/dots1.gif) repeat-x bottom; padding:9px 10px 8px 9px; font-size:10px; color:#C3C8CC;}
.breadcrumb a:link, .breadcrumb a:active, .breadcrumb a:visited, .breadcrumb a:hover {text-decoration:none; font-size:10px;}
.breadcrumb a:hover {text-decoration:underline;}
/* Contact Form */
.contactform {background: url(../images/dots1.gif) repeat-x top; padding-top:10px;}
.contactform label {float:left; width:200px; font-weight: bold}
.contactform .txtfield {margin-bottom:8px; width:210px; float:left;}
.contactform .scfSingleLineTextBorder,
.contactform .scfMultipleLineTextBorder,
.contactform .scfEmailBorder { clear: both; padding-top:8px;}
.contactform .scfValidationSummary {}
.contactform .scfValidationSummary ul{list-style: none outside; padding-left: 0; margin-top: 5px;}
.contactform .scfValidator {display: inline}
.contactform .scfSingleLineGeneralPanel,
.contactform .scfEmailGeneralPanel,
.contactform .scfMultipleLineGeneralPanel { float: left; width: auto; }
.contactform .scfValidatorRequired, .contactform .scfRequired{float: left}
.contactform .scfSingleLineTextBox,
.contactform .scfMultipleLineTextBox,
.contactform .scfEmailTextBox { width:210px; }
.contactform .scfSubmitButtonBorder { padding-left: 375px }
.contactform .clearBtn { position: relative; top: -21px; left: 325px; font-size: 11px; line-height: normal}
html*.contactform .clearBtn { top: -20px;}
.contactform textarea {margin-bottom:8px; width:210px; height:80px; float:left;}
.contactform .required {color:#C95059;}
.contactform .infos {color:#C4C7CC; font-size:10px; font-family:Tahoma, Geneva, sans-serif; float:left; width:125px; padding-left:10px; text-align:right; line-height:12px;}
.contactform .errormsg {color:red; font-weight:bold; width:415px; margin-bottom:8px;}
.contactform .btn {float:right; margin-left:8px; margin-bottom:8px;}
.contactform .btncontainer {width:415px;}
.forminfos {background: url(../images/dots1.gif) repeat-x top; padding: 10px 0 33px 0;}
.imgBtn{position: relative; top: 3px; border: 0}
html*.imgBtn{position: relative; top: -2px;}
TD.bg1 { background: #C7D6E9;}
TD.bg2 { background: #C7D6E9; font-size: 11px; padding: 10px 10px 10px 10px;}
TD.tausta { background: url(../i/left_gradient.gif);}
TD.font11 { font-size: 11px; padding: 10px 10px 10px 10px;}
DIV.pad43 { padding: 0px 0px 2px 0px; }
SPAN.harmaa { color: #C3C8CE; }
.mainColumn .file_list,
.mainColumn .news_list{ list-style: none outside; margin: 0; padding: 0 0 25px;}
.file_list li,
.news_list li{ padding: 4px 0; color: #5781AE}
.file_list li a,
.news_list li a{ text-decoration: none}
.file_list li a:hover,
.news_list li a:hover{ text-decoration: underline}
.file_filter,
.news_filter{padding: 24px 0 12px;}
.publishDate{margin-bottom: 12px;}
/* Staf */
.staf {background: #fff;}
.staf .container { padding: 5px 0px 0px 12px; width: 245px; }
.staf .container .block { margin: -5px 0 0 -12px;}
.staf span.text_2 { line-height: 19px; }
.staf p{margin: 10px 0}
.staf input.box3 {
width: 234px;
border-top:1px solid #005F8B;
border-left:1px solid #005F8B;
border-right:1px solid #005F8B;
border-bottom:1px solid #005F8B;
font-size: 12px;
margin-top: 1px;
margin-bottom: 9px;
font-family: arial, verdana;
}
.staf textarea.area1 {
width: 234px;
height: 68px;
border-top:1px solid #005F8B;
border-left:1px solid #005F8B;
border-right:1px solid #005F8B;
border-bottom:1px solid #005F8B;
font-size: 12px;
margin-top: 1px;
margin-bottom: 9px;
font-family: arial, verdana;
}
.staf .errors{ color: red}
.staf .errors ul{list-style: none outside;}
.staf .errors ul li{padding: 0 0 8px}
.homeBanner { border: none;}
.paging{padding: 10px 0; background: url(../images/dots1.gif) repeat-x 50% top}
.paging .harmaa,
.paging .sininen{padding: 0 5px;}
.strong{font-weight: bold;}
/**
* Debugging
*
* 01.26.10
*/
/**
* Main menu
*
* An .dropdown class was created to differentiate the two menu proposals
* If the dropdown menu is choosen, please give his styles to the regular menu (so its class isn't required anymore)
*/
/**
* Regular styles
*/
div.mainmenu ul li:last-child { padding-bottom: 0 /* Not supported by IE6 */ }
div.mainmenu ul li.selected ul { margin-bottom: 0 }
div.mainmenu ul li ul li ul,
div.mainmenu ul li ul li ul li ul { list-style-position: inside }
div.mainmenu ul li ul li ul { list-style-type: square }
div.mainmenu ul li ul li ul li ul { list-style-type: circle }
/**
* Dropdown styles
*/
div.mainmenu.dropdown ul li ul li ul li { position: relative }
div.mainmenu.dropdown ul li ul li ul li.selected { background-image: none }
div.mainmenu.dropdown ul li ul li ul li.selected a { color: #858F99 }
div.mainmenu.dropdown ul li ul li ul li ul {
background: url(../images/mainmenu_ul_bg.png) no-repeat;
left: 149px;
list-style: none;
padding: 0 5px 0 15px;
position: absolute;
top: -3px;
width: 129px;
z-index: 9999;
}
div.mainmenu.dropdown ul li ul li ul li:hover ul { display: block /* Used when JavaScript is deactivated. Does not work in IE */ }
div.mainmenu.dropdown ul li ul li ul li ul li { padding: 3px 0 }
div.mainmenu.dropdown ul li ul li ul li.selected ul li a { color: #5781AE }