@charset "ISO-8859-1";
body, html {
    margin: 0;
    padding: 0;
    font-family: helvetica, arial, verdana, times new roman;
}
body {
    font-size: 62.5%;
    background: #998eb9 url(../img/bg_purple.jpg) repeat-x top left;
}
body#purple { background: #6E6095 url(../img/bg_purple.gif) no-repeat top left; }
body#brown { background: #908C67 url(../img/bg_brown.gif) no-repeat top left; }
body#green { background: #007A60 url(../img/bg_green.gif) no-repeat top left; }
body#cyan { background: #4ba3ba url(../img/bg_cyan.gif) no-repeat top left; }
body#orange { background: #e17128 url(../img/bg_orange.gif) no-repeat top left; }
body#bluegray { background: #6d8da4 url(../img/bg_bluegray.gif) no-repeat top left; }
body#red { background: #b84031 url(../img/bg_red.gif) no-repeat top left; }
body#blue { background: #00a7da url(../img/bg_blue.gif) no-repeat top left; }
img { border: none; }
a { color: #000000; }
.clearfloat {
    clear:both;
    height:0px;
    font-size: 1px;
    line-height: 0px;
}
.left {
    position: relative;
    float: left;
}
.right {
    position: relative;
    float: right;
}

div#cse-search-results iframe {	width:550px; }

#pageWrapper {
    float: left;
    position: relative;
    width: 888px;
}
#header {
    float: left;
    position: relative;
    width: 888px;
    height: 97px;
}
#header .left .padding { padding: 21px 0 0 33px; }
#header .right .padding {
    padding:10px 10px 10px 0;
    line-height:2em;
}
#header .right a {
    color:#ffffff;
    float:left;
    margin-right:5px;
}
#header .right form {
    display:inline;
    float:left;
}
#header .right input {
    float:left;
    margin-left:5px;
}
#utilNav, #utilNavOff {
    margin:0;
    padding:0;
    float:left;
}
#utilNavOff { visibility:hidden; }
#navi {
    float: left;
    position: relative;
    width: 888px;
    height: 26px;
}
#navi a {
    float:left;
    position:relative;
    height:26px;
    text-decoration:none;
    margin-right:4px;
}
#navi a span { visibility:hidden; }
#navi .padding { padding-left:140px; }
#navi .padding div {
    height:26px;
    cursor:hand;
}
#navi a .etusivu {
    width:79px;
    background: transparent url(../img/navi/etusivu.png) no-repeat top left;
}
#navi a .pyr_oy {
    width:73px;
    background: transparent url(../img/navi/pyr_oy.png) no-repeat top left;
}
#navi a .lomakkeet {
    width:97px;
    background: transparent url(../img/navi/lomakkeet.png) no-repeat top left;
}
#navi a .pyr-merkki {
    width:99px;
    background: transparent url(../img/navi/pyr-merkki.png) no-repeat top left;
}
#navi a .hyotykaytto {
    width:109px;
    background: transparent url(../img/navi/hyotykaytto.png) no-repeat top left;
}
#navi a .tilastot {
    width:84px;
    background: transparent url(../img/navi/tilastot.png) no-repeat top left;
}
#navi a .tuottajayhteisot {
    width:137px;
    background: transparent url(../img/navi/tuottajayhteisot.png) no-repeat top left;
}
#navi a .pakkausmateriaalit {
    width:137px;
    background: transparent url(../img/navi/pakkausmateriaalit.png) no-repeat top left;
}
#navi a .lisatietoa {
    width:99px;
    background: transparent url(../img/navi/lisatietoa.png) no-repeat top left;
}
#navi a:hover .etusivu, #navi a .etusivu_active {
    width:79px;
    background: transparent url(../img/navi/etusivu_act.png) no-repeat top left;
}
#navi a:hover .pyr_oy, #navi a .pyr_oy_active {
    width:73px;
    background: transparent url(../img/navi/pyr_oy_act.png) no-repeat top left;
}
#navi a:hover .lomakkeet, #navi a .lomakkeet_active {
    width:97px;
    background: transparent url(../img/navi/lomakkeet_act.png) no-repeat top left;
}
#navi a:hover .pyr-merkki, #navi a .pyr-merkki_active {
    width:99px;
    background: transparent url(../img/navi/pyr-merkki_act.png) no-repeat top left;
}
#navi a:hover .hyotykaytto, #navi a .hyotykaytto_active {
    width:109px;
    background: transparent url(../img/navi/hyotykaytto_act.png) no-repeat top left;
}
#navi a:hover .tilastot, #navi a .tilastot_active {
    width:84px;
    background: transparent url(../img/navi/tilastot_act.png) no-repeat top left;
}
#navi a:hover .tuottajayhteisot, #navi a .tuottajayhteisot_active {
    width:137px;
    background: transparent url(../img/navi/tuottajayhteisot_act.png) no-repeat top left;
}
#navi a:hover .pakkausmateriaalit, #navi a .pakkausmateriaalit_active {
    width:137px;
    background: transparent url(../img/navi/pakkausmateriaalit_act.png) no-repeat top left;
}
#navi a:hover .lisatietoa, #navi a .lisatietoa_active {
    width:99px;
    background: transparent url(../img/navi/lisatietoa_act.png) no-repeat top left;
}
#navi a.preload { visibility:hidden; }
#mainHead {
    float: left;
    position: relative;
    width: 888px;
    background: transparent url(../img/bg_top.png) no-repeat top left;
    height: 242px;
}
#mainWrapper {
    float: left;
    position: relative;
    width: 888px;
    background: transparent url(../img/bg.png) repeat-y top left;
}
#mainWrapper a:hover { text-decoration: none; }
#main {
    float: left;
    position: relative;
    width: 888px;
    background: transparent url(../img/bg_main.gif) repeat-y top left;
    margin-top: -206px;
    padding-bottom: 114px;
    min-height: 155px;
}
#main .left { width:365px; }
#main .left .padding { padding: 15px 0 0 30px; }
#main .left .formBlock {
    float:left;
    position:relative;
    width:331px;
    background: transparent url(../img/bg_form_block.gif) repeat-y top left;
}
#main .left .formBlockTop {
    float:left;
    position:relative;
    width:331px;
    background: transparent url(../img/bg_form_block_top.gif) no-repeat top left;
    min-height:189px;
}
#main .left .formBlockBottom {
    float:left;
    position:relative;
    width:331px;
    background: transparent url(../img/bg_form_block_bottom.gif) no-repeat top left;
    height:29px;
    margin-bottom:10px;
}
#main .left .formBlock .padding { padding:37px 33px 10px; }
#main .left .formBlock h2 {
    padding:0;
    margin:0;
    font-size:1.7em;
}
#main .left .formBlock .row {
    font-size:1.4em;
    padding-top:10px;
}
#main .left .formBlock .row label { padding-left:5px; }
#main .left .formBlock .buttonRow {
    font-size:1.4em;
    padding-top:10px;
    text-align:right;
}
#main .left .block {
    float:left;
    position:relative;
    width:334px;
    background: transparent url(../img/bg_block.gif) repeat-y top left;
    margin-top:10px;
}
#main .left .blockTop {
    float:left;
    position:relative;
    width:334px;
    background: transparent url(../img/bg_block_top.gif) no-repeat top left;
}
#main .left .blockBottom {
    float:left;
    position:relative;
    width:334px;
    background: transparent url(../img/bg_block_bottom.gif) no-repeat top left;
    height:12px;
    margin-bottom:10px;
}
#main .left .block .padding { padding:22px 32px 10px; }
#main .left .block h2 {
    margin:0;
    font-size:1.7em;
}
#main .left .block ul {
    font-size:1.2em;
    line-height:1.7em;
    padding-left:15px;
    margin-bottom:0;
}
#main .right { width:480px; }
#main .right .padding { padding: 36px 20px 0 0; }
#main .right p {
    color:#000000;
    font-size:1.2em;
    line-height:1.2em;
    padding: 0 50px 0 20px;
}
#main .right h1 {
    color:#5a5a5a;
    font-size:1.5em;
    padding: 0 50px 0 20px;
}
#main .right h2 {
    color:#000000;
    font-size:1.5em;
    padding: 8px 50px 0 20px;
}
#main .right h3 {
    color:#000000;
    font-size:1.2em;
    padding: 0 50px 0 20px;
}
#mainSubpage {
    float: left;
    position: relative;
    width: 888px;
    background: transparent url(../img/bg_submain.gif) repeat-y top left;
    margin-top: -206px;
    padding-bottom: 114px;
    min-height: 155px;
}
#breadCrumb {
    float:left;
    position:relative;
    width:100%;
    margin:0;
    font-size:1.1em;
    padding-bottom:25px;
}
#breadCrumb span { font-weight:bold; }
#mainSubpage .left { width:222px; }
#mainSubpage .left ul {
    padding:0;
    margin:0;
}
#mainSubpage .right ul { font-size:1.2em; }
#mainSubpage .right .left ul { padding-left:40px; }
#mainSubpage .right ul li { margin-bottom:3px; }
#mainSubpage .right td ul {
    padding-left:15px;
    font-size:1.0em;
}
#mainSubpage .right td { font-size:1.2em; }
#mainSubpage ul a {
    padding:0;
    font-size:1.2em;
    width:100%;
    display:block;
    border-bottom:1px solid #dbdbdb;
    text-decoration:none;
}
#mainSubpage ul a:hover, #mainSubpage ul a.active { background-color:#dbdbdb; }
#mainSubpage ul ul a:hover, #mainSubpage ul ul a.active {
    background-color:#c1c1c1;
    border-bottom:1px solid #c1c1c1;
}
#mainSubpage ul ul ul a:hover, #mainSubpage ul ul ul a.active {
    background-color:#dbdbdb;
    border-bottom:1px solid #dbdbdb;
}
#mainSubpage ul a .padding { padding:8px 20px 6px; }
#mainSubpage ul ul a .padding { padding:5px 20px 6px 44px; }
#mainSubpage ul ul ul a .padding { padding:5px 20px 6px 64px; }
#mainSubpage .left .print { padding:25px 20px 6px 41px; }
#mainSubpage .left .print a {
    text-decoration:none;
    display:block;
}
#mainSubpage .left .print a span {
    text-decoration:underline;
    font-size:1.1em;
}
#mainSubpage .right { width:631px; }
#mainSubpage .right .padding { padding: 24px 140px 0 0; }
#mainSubpage .right .paddingWide { padding: 24px 40px 0 0; }
#mainSubpage .right p {
    color:#000000;
    font-size:1.2em;
    line-height:1.2em;
    padding-bottom:3px;
}
#mainSubpage .right h1 {
    color:#5a5a5a;
    font-size:1.5em;
}
#mainSubpage .right h2 {
    color:#000000;
    font-size:1.5em;
}
#mainSubpage .right h3 {
    color:#000000;
    font-size:1.2em;
}
#mainSubpage .right .left { width:320px; }
#mainSubpage .right .right {
    width:265px;
    padding-top:10px;
}
#mainSubpage .right p.first {
    margin-top:2px;
    padding-top:0;
}
#mainSubpage .downloadsRow {
    float:left;
    position:relative;
    width:100%;
    padding-bottom:13px;
}
#mainSubpage .downloadsRow a { color:#2d2d2d; }
#mainSubpage .downloadsRow .left {
    width:210px;
    text-align:right;
    padding-top:0px;
}
#mainSubpage .downloadsRow .right {
    width:45px;
    padding-top:0px;
}
#mainSubpage #downloads { padding-top:0px; }
#mainSubpage #form {
    width:570px;
    padding-bottom:15px;
}
#mainSubpage #form .left { width:200px; }
#mainSubpage #form .right {
    width:345px;
    padding-top:0px;
}
#mainSubpage #form label { font-size:1.2em; }
#mainSubpage #form .row { padding-bottom:2px; }
#mainSubpage #form .spacerRow { height:23px; }
#mainSubpage #form .row p { margin:0; }
#mainSubpage #form #yhteystiedot .row { padding-bottom:9px; }
#mainSubpage #form h3 { margin-bottom:10px; }
#mainSubpage #form #yhteystiedot label {
    width:130px;
    display:block;
    float:left;
}
#mainSubpage #form .left p, #mainSubpage #form .right p { line-height:1.8em; }
#mainSubpage.noBg {
    background-image:none;
    padding-bottom:42px;
}
#mainSubpage .wide {
    position:relative;
    float:left;
    width:850px;
}
#mainSubpage.noBg .padding { padding:24px 39px; }
#mainSubpage.noBg .left {
	width:360px;
}
#mainSubpage.noBg .right {
	width:410px;
}
#mainSubpage.noBg .right .padding { padding:0 90px 0 0; }
#mainSubpage.noBg p { font-size:1.2em; }
#mainSubpage.noBg a { color:#44abce; }
#mainSubpage .contentBoxWrapper {
    position:relative;
    float:left;
    width:226px;
    color:#ffffff;
    margin-top:10px;
}
#mainSubpage .contentBoxWrapper .padding { padding:28px; }
#mainSubpage .contentBoxWrapper .padding ul { padding-left:15px; }
#mainSubpage .contentBoxWrapper h2 {
    color:#5a5a5a;
    font-size:1.3em;
    font-weight:normal;
    text-align:center;
}
#mainSubpage .contentBoxWrapper p { color:#ffffff; }
#mainSubpage .contentBox {
    float:left;
    position:relative;
    width:226px;
    background: transparent url(../img/bg_content_box.gif) repeat-y top left;
}
#mainSubpage .contentBoxTop {
    float:left;
    position:relative;
    width:226px;
    background: transparent url(../img/bg_content_box_top.gif) no-repeat top left;
    min-height:200px;
}
#mainSubpage .contentBoxBottom {
    float:left;
    position:relative;
    width:226px;
    background: transparent url(../img/bg_content_box_bottom.gif) no-repeat top left;
    height:8px;
    overflow:hidden;
}
#mainSubpage .arrowContainer {
    position:relative;
    float:left;
}
#mainSubpage .arrowContainer .padding { padding:120px 25px; }
#footer {
    float: left;
    position: relative;
    width: 888px;
    height: 121px;
    background: transparent url(../img/footer.png) repeat-y top left;
    margin-top: -74px;
}
#footer.note {
    background: transparent url(../img/footer_note.png) no-repeat top left;
    height:169px;
    margin-top:-122px;
}
#footer.noLogo { background: transparent url(../img/footer_nologo.png) no-repeat top left; }
#footer .padding {
    padding:91px 19px 40px;
    letter-spacing:-0.2px;
}
#footer.note .padding { padding:138px 19px 40px; }
#footer.noLogo .padding { visibility:hidden; }
.tooltip {
    position:absolute;
    border:1px solid #000;
    background-color:#FFFFFF;
    padding:5px;
    display:none;
}
#tooltipSe {
    top:35px;
    left:605px;
}
#tooltipEn {
    top:35px;
    left:670px;
}
table.organisointi, table.organisointi td { border:1px solid #c0c0c0; }
#sitemap { color:#3d3d3d !important; }
#sitemap h2 {
    font-size:1.5em;
    color:#3d3d3d;
    border-bottom:1px solid #bdbdbd;
    padding:5px 0;
    padding:14px 0 2px;
}
#sitemap h2 img {
    margin-left:5px;
    margin-top:-2px;
}
#sitemap p a { padding-left:10px; }
#sitemap p a.firstLevel {
    padding-left:0px;
    font-weight:bold;
}
/** NAVIGATION ENG START */

.eng #navi a .etusivu {
    width:66px;
    background: transparent url(../img/navi_en/etusivu.png) no-repeat top left;
}
.eng #navi a .pyr_oy {
    width:55px;
    background: transparent url(../img/navi_en/pyr_oy.png) no-repeat top left;
}
.eng #navi a .lomakkeet {
    width:71px;
    background: transparent url(../img/navi_en/lomakkeet.png) no-repeat top left;
}
.eng #navi a .pyr-merkki {
    width:122px;
    background: transparent url(../img/navi_en/pyr-merkki.png) no-repeat top left;
}
.eng #navi a .hyotykaytto {
    width:88px;
    background: transparent url(../img/navi_en/hyotykaytto.png) no-repeat top left;
}
.eng #navi a .tilastot {
    width:92px;
    background: transparent url(../img/navi_en/tilastot.png) no-repeat top left;
}
.eng #navi a .tuottajayhteisot {
    width:177px;
    background: transparent url(../img/navi_en/tuottajayhteisot.png) no-repeat top left;
}
.eng #navi a .pakkausmateriaalit {
    width:137px;
    background: transparent url(../img/navi_en/pakkausmateriaalit.png) no-repeat top left;
}
.eng #navi a .lisatietoa {
    width:99px;
    background: transparent url(../img/navi_en/lisatietoa.png) no-repeat top left;
}
.eng #navi a:hover .etusivu, .eng #navi a .etusivu_active {
    width:66px;
    background: transparent url(../img/navi_en/etusivu_act.png) no-repeat top left;
}
.eng #navi a:hover .pyr_oy, .eng #navi a .pyr_oy_active {
    width:55px;
    background: transparent url(../img/navi_en/pyr_oy_act.png) no-repeat top left;
}
.eng #navi a:hover .lomakkeet, .eng #navi a .lomakkeet_active {
    width:71px;
    background: transparent url(../img/navi_en/lomakkeet_act.png) no-repeat top left;
}
.eng #navi a:hover .pyr-merkki, .eng #navi a .pyr-merkki_active {
    width:122px;
    background: transparent url(../img/navi_en/pyr-merkki_act.png) no-repeat top left;
}
.eng #navi a:hover .hyotykaytto, .eng #navi a .hyotykaytto_active {
    width:88px;
    background: transparent url(../img/navi_en/hyotykaytto_act.png) no-repeat top left;
}
.eng #navi a:hover .tilastot, .eng #navi a .tilastot_active {
    width:92px;
    background: transparent url(../img/navi_en/tilastot_act.png) no-repeat top left;
}
.eng #navi a:hover .tuottajayhteisot, .eng #navi a .tuottajayhteisot_active {
    width:177px;
    background: transparent url(../img/navi_en/tuottajayhteisot_act.png) no-repeat top left;
}
.eng #navi a:hover .pakkausmateriaalit, .eng #navi a .pakkausmateriaalit_active {
    width:137px;
    background: transparent url(../img/navi_en/pakkausmateriaalit_act.png) no-repeat top left;
}
.eng #navi a:hover .lisatietoa, .eng #navi a .lisatietoa_active {
    width:99px;
    background: transparent url(../img/navi_en/lisatietoa_act.png) no-repeat top left;
}
/** NAVIGATION ENG END */

/** NAVIGATION SWE START */

.se #navi{
	display:inline;
    margin-left:-80px;
    width:1000px;
}

.se #navi a .etusivu {
    width:59px;
    background: transparent url(../img/navi_se/etusivu.png) no-repeat top left;
}
.se #navi a .pyr_oy {
    width:73px;
    background: transparent url(../img/navi_se/pyr_oy.png) no-repeat top left;
}
.se #navi a .lomakkeet {
    width:101px;
    background: transparent url(../img/navi_se/lomakkeet.png) no-repeat top left;
}
.se #navi a .pyr-merkki {
    width:101px;
    background: transparent url(../img/navi_se/pyr-merkki.png) no-repeat top left;
}
.se #navi a .hyotykaytto {
    width:105px;
    background: transparent url(../img/navi_se/hyotykaytto.png) no-repeat top left;
}
.se #navi a .tilastot {
    width:87px;
    background: transparent url(../img/navi_se/tilastot.png) no-repeat top left;
}
.se #navi a .tuottajayhteisot {
    width:228px;
    background: transparent url(../img/navi_se/tuottajayhteisot.png) no-repeat top left;
}
.se #navi a .pakkausmateriaalit {
    width:137px;
    background: transparent url(../img/navi_se/pakkausmateriaalit.png) no-repeat top left;
}
.se #navi a .lisatietoa {
    width:99px;
    background: transparent url(../img/navi_se/lisatietoa.png) no-repeat top left;
}
.se #navi a:hover .etusivu, .se #navi a .etusivu_active {
    width:59px;
    background: transparent url(../img/navi_se/etusivu_act.png) no-repeat top left;
}
.se #navi a:hover .pyr_oy, .se #navi a .pyr_oy_active {
    width:73px;
    background: transparent url(../img/navi_se/pyr_oy_act.png) no-repeat top left;
}
.se #navi a:hover .lomakkeet, .se #navi a .lomakkeet_active {
    width:101px;
    background: transparent url(../img/navi_se/lomakkeet_act.png) no-repeat top left;
}
.se #navi a:hover .pyr-merkki, .se #navi a .pyr-merkki_active {
    width:101px;
    background: transparent url(../img/navi_se/pyr-merkki_act.png) no-repeat top left;
}
.se #navi a:hover .hyotykaytto, .se #navi a .hyotykaytto_active {
    width:105px;
    background: transparent url(../img/navi_se/hyotykaytto_act.png) no-repeat top left;
}
.se #navi a:hover .tilastot, .se #navi a .tilastot_active {
    width:87px;
    background: transparent url(../img/navi_se/tilastot_act.png) no-repeat top left;
}
.se #navi a:hover .tuottajayhteisot, .se #navi a .tuottajayhteisot_active {
    width:228px;
    background: transparent url(../img/navi_se/tuottajayhteisot_act.png) no-repeat top left;
}
.se #navi a:hover .pakkausmateriaalit, .se #navi a .pakkausmateriaalit_active {
    width:228px;
    background: transparent url(../img/navi_se/pakkausmateriaalit_act.png) no-repeat top left;
}
.se #navi a:hover .lisatietoa, .se #navi a .lisatietoa_active {
    width:99px;
    background: transparent url(../img/navi_se/lisatietoa_act.png) no-repeat top left;
}
/** NAVIGATION SWE END */