







	



	/* global.css */
body {
    background-color: #fff;
    color: #000;
    margin: 0 0 15px 0;
    padding: 0;
}

body, input, p, select, td, th {
    font: normal 12px Arial, Helvetica, sans-serif;
}

form {
    margin: 0;
    padding: 0;
}

a {
    color: #000;
    text-decoration: none;
}
a:hover {
    color: #41a7e5;
}
a.arrow {
    background: url(/092006/img/arrow_link.gif) no-repeat 0 3px;
    padding-left: 10px;

}

.clear {
    clear: both;
}

img {
    border: none;
}

#skipnavi {
    display: none;
}

.sIFR-flash {
    margin: 0;
    visibility: visible !important;
}
.sIFR-replaced {
    visibility: visible !important;
}
span.sIFR-alternate {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
}
.sIFR-flash + div[adblocktab=true] {
    display: none !important;
}
.sIFR-hasFlash #content h1 {
    visibility: hidden;
}
.sIFR-hasFlash #content-wide h1 {
    visibility: hidden;
}

	/* header.css */
#header {
    background: #1296d7 url(/092006/img/header/bg_header.gif) repeat-x;
    color: #fff;
    height: 70px;
}

#header h1 {
    font-size: 1px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}
#header h1 a {
    background: url(/092006/img/header/logo_elisa.gif) no-repeat;
    float: left;
    margin: 10px 0 0 16px;
    outline: none;
    height: 45px;
    width: 83px;
}
#header h1 a:hover {
    text-decoration: none;
}

#header ul, #header ul li {
    display: inline;
    float: left;
    font-size: 1px;
    line-height: 1px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}
#header li a {
    display: block;
    outline: none;
}

#header-container {
    width: 790px;
}

ul#sections {
    position: relative;
    left: 20px;
    top: 9px;
    width: 650px;
}
ul#sections li.spacer {
    background: url(/092006/img/header/sections_spacer.gif) no-repeat 100% 6px;
}
ul#sections li#private a {
    background: url(/092006/img/header/fi/sections_private.gif) no-repeat;
    margin: 6px 10px 0 0;
    height: 17px;
    width: 73px;
}
ul#sections li#private a:hover {
    background-position: 0 -17px;
}
ul#sections li#private-selected a {
    background: url(/092006/img/header/fi/sections_private_on.gif) no-repeat;
    height: 27px;
    width: 119px;
}
ul#sections li#companies a {
    background: url(/092006/img/header/fi/sections_companies.gif) no-repeat;
    margin: 6px 10px 0 10px;
    height: 17px;
    width: 69px;
}
ul#sections li#companies a:hover {
    background-position: 0 -17px;
}
ul#sections li#companies-selected a {
    background: url(/092006/img/header/fi/sections_companies_on.gif) no-repeat;
    height: 27px;
    width: 119px;
}
ul#sections li#entrepreneurs a {
    background: url(/092006/img/header/fi/sections_entrepreneurs.gif) no-repeat;
    margin: 6px 10px 0 10px;
    height: 17px;
    width: 69px;
}
ul#sections li#entrepreneurs a:hover {
    background-position: 0 -17px;
}
ul#sections li#entrepreneurs-selected a {
    background: url(/092006/img/header/fi/sections_entrepreneurs_on.gif) no-repeat;
    height: 27px;
    width: 119px;
}
ul#sections li#investors a {
    background: url(/092006/img/header/fi/sections_investors.gif) no-repeat;
    margin: 6px 10px 0 10px;
    height: 17px;
    width: 76px;
}
ul#sections li#investors a:hover {
    background-position: 0 -17px;
}
ul#sections li#investors-selected a {
    background: url(/092006/img/header/fi/sections_investors_on.gif) no-repeat;
    height: 27px;
    width: 119px;
}
ul#sections li#elisa a {
    background: url(/092006/img/header/fi/sections_elisa.gif) no-repeat;
    margin: 6px 0 0 10px;
    height: 14px;
    width: 98px;
}
ul#sections li#elisa a:hover {
    background-position: 0 -14px;
}
ul#sections li#elisa-selected a {
    background: url(/092006/img/header/fi/sections_elisa_on.gif) no-repeat;
    height: 27px;
    width: 145px;
}

#search {
    background: #1fa1de url(/092006/img/header/fi/search_etsi.gif) no-repeat;
    float: right;
    padding-left: 43px;
    height: 34px;
}
#search input {
    border: 1px solid #bbb;
    margin-top: 7px;
    padding: 2px;
    width: 150px;
}
#search input.submit {
    border: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
    height: 34px;
    width: 36px;
}
	/* navi.css */
#navi {
    float: left;
    margin: -5px 15px 15px 0;
    width: 180px;
}

#navi ul, #navi li {
    list-style: none;
    margin: 0;
    padding: 0;
}
#navi li {
    background: url(/092006/img/spacer_black_dot_h.gif) repeat-x bottom;
    padding: 5px 0 5px 0;
	zoom:1 ;
}
#navi li ul {
    margin-top: 5px;
    padding-left: 12px;
}
#navi li li {
    background: url(/092006/img/spacer_grey_dot_h.gif) repeat-x bottom;

}

#navi .clean {
    background: none;
}
#navi .closed {
    background: url(/092006/img/navi/arrow_closed.gif) no-repeat center right;
    padding-right: 8px;
}
#navi .open {
    background: url(/092006/img/navi/arrow_open.gif) no-repeat center right;
    padding-right: 8px;
}
#navi .selected {
    font-weight: bold;
}
#navi a.selected-single {
    font-weight: bold;
    color: #0084d7;
}

#navi #links {
    background: url(/092006/img/spacer_black_dot_h.gif) repeat-x top;
    font-size: 1px;
    line-height: 1px;
    list-style-type: none;
    margin-top: 30px;
    padding-top: 10px;
    text-indent: -9999px;
}
#navi #links ul, #navi #links li {
    background: url(/092006/img/spacer_black_dot_h.gif) repeat-x bottom;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
}
#navi #links li a {
    display: block;
    margin: 0 10px;
    outline: none;
}
#navi #links #omaelisa a {
	position:relative ; 
    background: url(/092006/img/navi/fi_omaelisa.gif) no-repeat left center ;
	display:block ;
    height: 40px;
    width: 143px;
}
	/* content.css */
@import "/092006/lib/omaelisa.css";

#container {
    margin: 15px 0 15px 15px;
    width: 775px;
}
#content {
    float: left;
    margin-bottom: 15px;
    width: 580px;
}
#content-wide {
    width: 775px;
}
#etusivu-content {
    width: 775px;
}
#twocol-one {
    float: left;
    width: 375px;
}
#twocol-two {
    float: left;
    margin-left: 15px;
    margin-top: 5px;
    width: 190px;
}
#threecol-one {
    float: left;
    width: 185px;
}
#threecol-two {
    float: left;
    margin-left: 8px;
    width: 185px;
}
#threecol-three {
    float: left;
    margin-left: 9px;
    width: 185px;
}

#subnavi ul, #subnavi li {
    list-style: none;
    margin: 0;
    padding: 0;
}
#subnavi li a {
    color: #000;
    text-decoration: none;
}
#subnavi li a:hover {
    color: #0084d7;
    text-decoration: none;
}
#subnavi li {
    background: #fff url(/gfx/navi/right_grey.gif) repeat-y;
}
#subnavi li.selected {
    background: #fff url(/gfx/navi/right_selected.gif) no-repeat;
}
#subnavi li div {
    background: url(/gfx/navi/right_spacer_grey.gif) repeat-x bottom;
    display: block;
    margin-left: 20px;
    padding: 5px 0 5px 0;
}
#subnavi li a {
    background: url(/gfx/navi/right_arrow_back.gif) no-repeat 0 5px;
    padding-left: 12px;
}
#subnavi li.selected a {
    background: none;
    font-weight: bold;
    padding-left: 0;
}
#subnavi-corner {
    background: #fff url(/gfx/navi/right_corner.gif) no-repeat left bottom;
    height: 16px;
    width: 24px;
}

#breadcrumb {
    color: #999;
    font-size: 10px;
    margin-bottom: 10px;
}
#breadcrumb a:active, #breadcrumb a:link, #breadcrumb a:visited {
    color: #999;
}
#breadcrumb a:hover {
    color: #41a7e5;
}

.arrow {
    background: url(/092006/img/navi/arrow_closed.gif) no-repeat center right;
    padding-right: 8px;
}
.arrow-left {
    background: url(/092006/img/navi/arrow_closed.gif) no-repeat center right;
    padding-left: 2px;
    margin-right: 4px;
}
.spacer-black-dot-h {
    background: url(/092006/img/spacer_black_dot_h.gif) repeat-x;
    font-size: 1px;
    margin-bottom: 15px;
    line-height: 1px;
    height: 1px;
}

#etusivu-isonosto img {
    margin-bottom: 15px;
}
#etusivu-nosto {
    float: left;
    margin-bottom: 15px;
    padding: 5px 15px 5px 5px;
    width: 362px;
}
#etusivu-uutiset {
    background: url(/092006/img/spacer_black_dot_v.gif) repeat-y left;
    float: left;
    margin-bottom: 15px;
    padding: 5px 0 0 15px;
    width: 375px;
}
#etusivu-uutiset h2 {
    background: url(/092006/img/content/fi/yri_o_uutiset.gif) no-repeat;
    font-size: 1px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    height: 17px;
    width: 65px;
}
#etusivu-uutiset ul {
    list-style-type: none;
    margin: 0;
    padding: 15px 0 9px 0;
}
#etusivu-uutiset ul li {
    background: url(/092006/img/content/link_arrow.gif) no-repeat 0 4px;
    margin: 4px 0 0 0;
    padding: 0 0 0 12px;
}

#yri-ratkaisemme, #yri-elisakumppanina, #yri-asiakascaset, #yri-omaelisa {
    float: left;
    margin-bottom: 15px;
    width: 185px;
}
#yri-elisakumppanina, #yri-asiakascaset {
    margin-left: 12px;
}
#yri-omaelisa {
    background: url(/092006/img/content/fi/yri_omaelisa_bg.gif) no-repeat 116px 5px;
    margin-left: 11px;
    width: 185px;
}

#yri-ratkaisemme h2, #yri-elisakumppanina h2, #yri-asiakascaset h2, #yri-omaelisa h2 {
    font-size: 1px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    height: 36px;
    width: 185px;
}

#yri-ratkaisemme h2 {
    background: url(/092006/img/content/fi/yri_o_ratkaisemme.gif) no-repeat;
}
#yri-ratkaisemme ul {
    font-size: 1px;
    line-height: 1px;
    list-style-type: none;
    margin: 0;
    padding: 9px 0 0 5px;
    text-indent: -9999px;
}
#yri-ratkaisemme li a {
    display: block;
    outline: none;
}
#yri-ratkaisemme li {
    background: url(/092006/img/spacer_black_dot_h.gif) repeat-x bottom;
    padding: 8px 0 8px 0;
}
#yri-ratkaisemme li.clear {
    background: none;
}
#yri-ratkaisemme li#tuotanto a {
    background: url(/092006/img/content/fi/yri_ratkaisemme_tuotanto.gif) no-repeat;
    height: 17px;
    width: 135px;
}
#yri-ratkaisemme li#toimisto a {
    background: url(/092006/img/content/fi/yri_ratkaisemme_toimisto.gif) no-repeat;
    height: 17px;
    width: 129px;
}
#yri-ratkaisemme li#asiakas a {
    background: url(/092006/img/content/fi/yri_ratkaisemme_asiakas.gif) no-repeat;
    height: 17px;
    width: 118px;
}
#yri-ratkaisemme li#design a {
    background: url(/092006/img/content/fi/yri_ratkaisemme_design.gif) no-repeat;
    height: 23px;
    width: 115px;
}
#yri-ratkaisemme li#tuotehakemisto a {
    background: url(/092006/img/content/fi/yri_ratkaisemme_tuotehak.gif) no-repeat;
    height: 11px;
    width: 100px;
}

#yri-elisakumppanina h2 {
    background: url(/092006/img/content/fi/yri_o_elisakumppanina.gif) no-repeat;
}
#yri-elisakumppanina form {
    background-color: #98ccf1;
    text-align: center;
    width: 185px;
}
#yri-elisakumppanina select {
    margin: 8px 0 8px 0;
    padding: 2px;
    width: 169px;
}
#yri-elisakumppanina img {
    margin: 9px 0 9px 0;
}

#yri-asiakascaset h2 {
    background: url(/092006/img/content/fi/yri_o_asiakascaset.gif) no-repeat;
}
#yri-asiakascaset form {
    background-color: #1294d4;
    text-align: center;
    width: 185px;
}
#yri-asiakascaset select {
    margin: 8px 0 8px 0;
    padding: 2px;
    width: 169px;
}
#yri-asiakascaset img {
    margin: 9px 0 9px 0;
}

#yri-omaelisa h2 {
    background: url(/092006/img/content/fi/yri_o_omaelisa.gif) no-repeat;
    width: 185px;
}
#yri-omaelisa ul#box {
    border-left: 6px solid #747f9b;
    border-right: 6px solid #747f9b;
    list-style-type: none;
    margin: 0;
    padding: 3px 0 5px 6px;
}
#yri-omaelisa ul#box li {
    background: url(/092006/img/content/link_arrow.gif) no-repeat 0 4px;
    margin: 4px 0 0 0;
    padding: 0 0 0 12px;
}
#yri-omaelisa ul#links {
    background: url(/092006/img/content/fi/yri_omaelisa_bottom.gif) no-repeat top;
    font-size: 1px;
    line-height: 1px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0 0 10px;
    text-indent: -9999px;
}
#yri-omaelisa ul#links li a {
    display: block;
    outline: none;
}
#yri-omaelisa ul#links li {
    background: url(/092006/img/spacer_black_dot_h.gif) repeat-x bottom;
    padding: 8px 0 8px 0;
}
#yri-omaelisa ul#links li.clear {
    background: none;
}
#yri-omaelisa ul#links li#yhteyselisaan a {
    background: url(/092006/img/content/fi/yri_omaelisa_yhteyselisaan.gif) no-repeat;
    height: 24px;
    width: 159px;
}
#yri-omaelisa ul#links li#yritysmyynti a {
    background: url(/092006/img/content/fi/yri_omaelisa_yritysmyynti.gif) no-repeat;
    height: 30px;
    width: 146px;
}

#yri-keskeisimmattuotteet, #yri-palveluttuotteet {
    float: left;
    margin: 0 0 15px 0;
    width: 190px;
}
#yri-keskeisimmattuotteet h3, #yri-palveluttuotteet h3 {
    font-size: 1px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    height: 67px;
    width: 190px;
}
#yri-keskeisimmattuotteet h3 {
    background: url(/092006/img/content/fi/yri_o_keskeisimmattuotteet.gif) no-repeat;
}
#yri-palveluttuotteet h3 {
    background: url(/092006/img/content/fi/yri_o_palveluttuotteet.gif) no-repeat;
}
#yri-keskeisimmattuotteet ul#box, #yri-palveluttuotteet ul#box {
    border-left: 6px solid #9daccf;
    border-right: 6px solid #9daccf;
    list-style-type: none;
    margin: 0;
    padding: 5px;
    width: 168px;
}
#yri-keskeisimmattuotteet ul#box li, #yri-palveluttuotteet ul#box li {
    background: url(/092006/img/spacer_black_dot_h.gif) repeat-x bottom;
    margin: 0 4px 0 4px;
    padding: 4px 0 4px 0;
}
#yri-keskeisimmattuotteet ul#box li.clean, #yri-palveluttuotteet ul#box li.clean {
    background: none;
}
#yri-keskeisimmattuotteet-bottom, #yri-palveluttuotteet-bottom {
    height: 8px;
    width: 190px;
}
#yri-keskeisimmattuotteet-bottom {
    background: url(/092006/img/content/fi/yri_keskeisimmattuotteet_bottom.gif) no-repeat;
}
#yri-palveluttuotteet-bottom {
    background: url(/092006/img/content/fi/yri_palveluttuotteet_bottom.gif) no-repeat;
}

#content h1, #content-wide h1 {
    background: #fff url(/092006/img/content/hdl_ball.gif) repeat-x bottom;
    color: #999;
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
}
#content h2.hdl {
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
}
#content p {
    margin: 0;
    padding: 5px 0 5px 0;
}

#content ul.lista {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#content ul.lista li {
    background: url(/092006/img/content/link_arrow.gif) no-repeat 0 4px;
    margin: 4px 0 0 0;
    padding: 0 0 0 12px;
}
#content ul.lista li.clean {
    background: none;
}
	/* footer.css */
#footer {
    background: url(/092006/img/spacer_black_dot_h.gif) repeat-x;
    font-size: 11px;
    margin: 15px 0 0 15px;
    padding-top: 15px;
    width: 775px;
}
#footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#footer ul li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#footer ul li a {
    color: #41a7e5;
    padding: 2px;
    text-decoration: none;
}
#footer ul li a:hover {
    background-color: #e5f6fa;
}
#footer #footer-left, #footer #footer-middle {
    float: left;
}
#footer #footer-right, #footer #support, #footer #global {
    float: right;
    text-align: right;
    width: 450px;
}
#footer ul#lang {
    margin-left: 60px;
}
#footer ul#tools li.arrow {
    background: url(/092006/img/arrow_footer.gif) no-repeat 0 4px;
    padding-left: 15px;
}
#footer ul#tools li.spacer {
    border-left: 1px solid #41a7e5;
    margin-left: 4px;
    padding-left: 4px;
}
#footer ul#lang li.spacer, #footer ul#support li.spacer {
    border-right: 1px solid #41a7e5;
    margin-right: 4px;
    padding-right: 4px;
}
#footer ul#global {
    color: #ababab;
    margin-top: 5px;
}
#footer ul#global li.spacer {
    border-right: 1px solid #ababab;
    margin-right: 4px;
    padding-right: 4px;
}
#footer ul#global a, #footer #copyright a {
    color: #ababab;
}
#footer ul#global a:hover, #footer #copyright a:hover {
    background-color: #efefef;
}
#footer #copyright {
    color: #ababab;
    display: block;
    margin: 5px 2px 0 16px;
}

	/* omaelisa.css */
#omaelisa-column {
    float: left;
    margin-bottom: 15px;
    margin-left: 11px;
    padding: 0px;
    width: 185px;
}

#omaelisa-column h2 a {
    display: block;
    outline: none;
    height: 36px;
    width: 185px;
}

#omaelisa-column h2 {
    font-size: 1px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    background: url(/docimages/yri_asiakaspalvelu.gif) no-repeat;
}

#omaelisa-column ul {
    background: url(/yksityisille/img/box_bg.gif) repeat-y;
    list-style-type: none;
    margin: 0;
    padding: 3px 0 5px 12px;
}

#omaelisa-column ul li {
    background: url(/092006/img/content/link_arrow.gif) no-repeat 0 4px;
    margin: 4px 0 0 0;
    padding: 0 0 0 12px;
}

#omaelisa-column ul li.dropdown {
    background-color: transparent;
    background-image: none;
    padding: 10px 0 5px 0;
}

#omaelisa-column ul li.dropdown select {
    width: 160px;
}

.boxstart {
    width: 185px;
    margin: 0px;
    padding: 0px;
    background: url(/yksityisille/img/fi/box_gap.gif) no-repeat left bottom;
    height: 6px;
    clear: both;
    display: block;
}
.boxgap {
    background: url(/yksityisille/img/fi/box_gap.gif) no-repeat;
    height: 23px;
    clear: both;
    display: block;
}
.boxframe {
    width: 185px;
    margin: 0px;
    background: url(/yksityisille/img/box_bg.gif) repeat-y left top;
    clear: both;
}
.boxend {
    background: url(/yksityisille/img/fi/box_gap.gif) no-repeat left top;
    height: 6px;
    margin: 0px;
    margin-bottom: 15px;
}

.boxstart-b {
    width: 185px;
    margin: 0px;
    background: url(/yrittajille/img/box_gap-b.gif) no-repeat left bottom;
    height: 6px;
    clear: both;
    display: block;
}
.boxframe-b {
    width: 185px;
    margin: 0px;
    background: url(/yrittajille/img/box_bg-b.gif) repeat-y left top;
    clear: both;
}
.boxend-b {
    width: 185px;
    margin: 0px;
    background: url(/yrittajille/img/box_gap-b.gif) no-repeat left top;
    height: 6px;
    clear: both;
    display:block;
}
boxframe-b ul {
    list-style-type: none;
    margin: 0;
    padding: 3px 0 5px 12px;
}
.boxframe-b li {
    background: url(/092006/img/content/link_arrow.gif) no-repeat 0 4px;
    margin: 4px 0 0 0;
    padding: 0 0 0 12px;
}
.boxframe-b li.dropdown {
    background-color: transparent;
    background-image: none;
    padding: 10px 0 5px 0;
}
.boxframe-b li.dropdown select {
    width: 160px;
}


