/* ----- Common elements ----- */

html, body {margin: 0; min-height:100%; height:auto; }
body { background: #e8f8ff url(../img/bg_body_bottom.jpg) bottom repeat-x; color: #000; padding: 0 0 40px 0; font: 75%/1.5em Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif; }

input, select, textarea {font: 1em Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif;}
select[multiple] {height: 5.5em;}

form, fieldset, div {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 0.5em 0;  padding: 0 0 0.5em 0;}
p, pre, blockquote, ul, ol, dl, address, code, fieldset, table {margin: 0 0 1em 0; padding: 0;}

h1 {font-size: 1.165em; font-weight: bold; margin-bottom: 0.6em; clear: both; color:rgb(0, 0, 128); }
/* old h1 color:#387b01; old h2 color : color:#387b01; */
h2, h3, h4, h5, h6 {font-size: 1em; color:rgb(0, 0, 128);}

a { color:#7ca400; text-decoration:underline; }
a:hover { color:#557000; }

.contentpaneopen { width: 100%; }
img {border: none; }


/* Skip links */

p#skip {position: absolute; left: 0; top: 0; width: 100%;}
p#skip a {position: absolute; left: -999em; top: 0; margin-bottom: -8px; padding-bottom: 8px;}
p#skip a:focus, p#skip a:active {display: block; position: absolute; left:0; top:0; z-index: 1000; width: 99.9%; color: #fff; font-size: 1.2em; font-weight: bold; text-align: center; }
p#skip a span {width: 100%; display: block; background: #6a7649; padding: 0.5em 0 0.7em;}


/* layout */

.body_wrap { background:url(../img/bg_body_top.jpg) top repeat-x; }


/* header */

.header_wrap { position:relative; margin:0 auto; width:800px; padding:16px 0 0 0; }


/* content */

.main { margin:0 auto; width:798px; background:#fff; border-left:1px solid #c3d3cc; border-right:1px solid #c3d3cc; }
.main_bottom { margin:0 auto; width:800px; height:3px; background:url(../img/bg_content_bottom.gif) no-repeat;  }
.main_wrap { padding:12px 20px 0 20px; }
.frontpage .main_wrap { padding:0 20px 0 20px; }
.main_wrap {clear: both; }
.main_wrap:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.main_wrap {height:1%;}


/* footer */

.footer { color:#aeaeae; font-size: 0.95em; clear:both; padding:10px 0; }
.footer {clear: both; }
.footer:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.footer {height:1%;}
.footer .copyright { float:left; width:40%; }
.footer .links { float:right; }
.footer a { color:#aeaeae; text-decoration:none; }
.footer a:hover { color:#aeaeae; text-decoration:underline; }


/* content box */

.content { background:#fafbf8 url(../img/bg_content_column.gif) repeat-y; width:522px; }
.content_bottom { background:url(../img/bg_content_column_bottom.gif) bottom no-repeat; }
.content_wrap { background:url(../img/bg_content_column_top.gif) top no-repeat; padding:17px 19px; }


/* right side modules, news */

.topic { background:#fafbf8 url(../img/bg_topic.gif) repeat-y; width:228px; }
.topic_bottom { background:url(../img/bg_topic_bottom.gif) bottom no-repeat; }
.topic_wrap { background:url(../img/bg_topic_top.gif) top no-repeat; padding:17px 19px; }

.topic h2  { border-bottom:1px solid #dce6ee;  }

.topic ul { list-style:none; font-size:0.95em; color:#000; margin-bottom:-10px; }
.topic li { padding-bottom:10px; }
.topic li span { color:#7c7c7c; }

.topic2 { background:#fafbf8 url(../img/bg_topic.gif) repeat-y; width:228px; }
.topic_bottom2 { background:url(../img/bg_topic_bottom.gif) bottom no-repeat; }
.topic_wrap2 { background:url(../img/bg_topic_top.gif) top no-repeat; padding:17px 19px; }

.topic2 h2  { border-bottom:1px solid #dce6ee;  }

.topic2 ul { list-style:none; font-size:0.95em; color:#000; margin-bottom:-10px; }
.topic2 li { padding-bottom:10px; }
.topic2 li span { color:#7c7c7c; }

/* frontpage */

.frontpage .content_column { float:left; margin:0 8px 0 0; }
.frontpage .topic_column { float:left; }
.frontpage .fiilis { margin:0 -20px 0 -43px; background:url(../img/fp_fiilis2.jpg) top no-repeat; height:235px;}


/* subpage */

.content_column { float:left; margin:0 0 0 8px; padding:0; }


/* top navigation */

.navigation { position:relative; background:#66a300 url(../img/bg_navigation.gif) bottom repeat-x; border-left:1px solid #93aaa0; border-right:1px solid #93aaa0; border-top:1px solid #93aaa0; }
.navigation_tl { position:absolute; top:0; left:-1px; background: url(../img/bg_navigation_tl.gif) no-repeat; height: 3px; width: 3px; }
.navigation_tr { position:absolute; top:0; left:796px; background: url(../img/bg_navigation_tr.gif) no-repeat; height: 3px; width: 3px; }

div[class=navigation_tl] { top:-1px; left:-1px; }
div[class=navigation_tr] { top:-1px; right:-1px; }

#main_navigation ul { list-style-type:none; margin:0; padding:0; width:700px;  }
#main_navigation {clear: both; display:block }
#main_navigation:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#main_navigation {height:1%;}

#main_navigation li { margin:0; padding:0; float:left; background:url(../img/bg_navigation_divider.gif) right no-repeat; }

#main_navigation a { display:block; color:#ebffca; font: 0.95em Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif; font-weight:bold; text-decoration:none; padding:0 15px; line-height:26px; margin:1px 1px 2px 0; }
#main_navigation .active a, #main_navigation a:hover { color:#fff; background:#4e7b00 url(../img/bg_navigation_active.gif) bottom repeat-x; margin:1px 1px 2px 0; }


/* left side modules, subnavigation */

.subnavigation { float:left; background:url(../img/bg_subnavigation.jpg) top no-repeat; width:228px; height:200px; }
div[class=subnavigation] { min-height:200px; height:auto; }
.subnavigation_wrap { margin:13px 13px; }
.subnavigation ul { list-style-type:none; }
.subnavigation h2 { margin:0 0 8px 0; padding:0 0 7px 0; border-bottom:1px solid #dce6ef; }
.subnavigation li { display:block;  height:1%; }
.subnavigation a { display:block; text-decoration:none; padding:0 0 1px 12px;}
.subnavigation a.active { color:#557000; background:url(../img/bg_subnavigation_selected.gif) 3px 7px no-repeat;}

.subnavigation ul ul { border-top:1px solid #dce6ef; border-bottom:1px solid #dce6ef; margin:5px; padding:2px 2px 2px 8px; }


/* left side modules, pictures */

.sub_user3 { float:left; background:url() top no-repeat; width:228px; height:200px; }
div[class=sub_user3] { min-height:200px; height:auto; }
.sub_user3_wrap { margin:0px 0px; }
.sub_user3 ul { list-style-type:none; }
.sub_user3 h2 { margin:0 0 8px 0; padding:0 0 7px 0; border-bottom:1px solid #dce6ef; }
.sub_user3 li { display:block;  height:1%; }
.sub_user3 a { display:block; text-decoration:none; padding:0 0 1px 12px;}
.sub_user3 a.active { color:#557000; background:url(../img/bg_subnavigation_selected.gif) 3px 7px no-repeat;}

.sub_user3 ul ul { border-top:1px solid #dce6ef; border-bottom:1px solid #dce6ef; margin:5px; padding:2px 2px 2px 8px; }


/* localization, ORIGINAL, with bigger icons  */


.localization { position:absolute;  left:710px; list-style-type:none; margin:0; padding:0; }
.localization:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.localization {display: inline-block;}
.localization li { margin:2px 2px 0 0; padding:0; float:left; }
.localization a { display:block; float:left; width:24px; height:24px; }
.localization span { position: absolute; left: -999em; top: 0; }
.localization .fi { background:url(../img/fi.gif) no-repeat; }
.localization .en { background:url(../img/en.gif) no-repeat; }
.localization .fr { background:url(../img/fr.gif) no-repeat; }


/* localization, with Joomfish*/

/*.localization { position:absolute;  left:762px; list-style-type:none; margin:0; padding:0; }*/
/*.localization:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/
/*.localization {display: inline-block;}*/
/*.localization li { margin:2px 10px 0 0; padding:0; float:left; }*/
/*.localization a { display:block; float:left; width:24px; height:24px; }*/
/*.localization span { position: absolute; left: -999em; top: 0; }*/
/*.localization .fi { background:url(../img/flag_fi.gif) no-repeat; }*/
/*.localization .en { background:url(../img/flag_en.gif) no-repeat; }*/
/*.localization .fr { background:url(../img/fr.gif) no-repeat; }*/


/* Joomfish language selection */

.moduletablelocalization { position:absolute;  left:710px; list-style-type:none; margin:0; padding:0; }
.jflanguageselection { list-style-type:none; margin:0; padding: 0; }
.moduletablelocalization:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.moduletablelocalization .jflanguageselection {display: inline-block;}
.moduletablelocalization li { margin:2px 10px 0 0; padding:0; float:left; }
.moduletablelocalization a { display:block; float:left; width:16px; height:24px; }


/* logo */

.logo { display:block; background:transparent url(../img/logo_hankintatukku.png) no-repeat; width:231px; height:40px; margin:0 0 16px 0; }
.logo span { position: absolute; left: -999em; top: 0; }


/* search */

.search2 { position:absolute; top:30px; right:6px;}
.search2 .inputbox { border:1px solid #709600; float:left; margin:1px 6px 0 0; height:1.3em; }
.search2 .button { border:0; float:left; margin:0; height:auto; }


/* path */

.path { font-size:0.95em; margin-bottom:12px; color:#363636; padding:0 0 0 3px; }