/**
 * YLEISIÄ ASETUKSIA
 */
/* body, fontit taustaväri*/
body {
    background-color: #c3c2c3;
    font-family: arial;
    padding: 0;
    margin: 0;
    font-size: 9pt;
    color: #000000;
}
/* linkit */
a {
    color: #31669b;
}
a:visited {
    color: #221d1c;
}
a:hover {
    color: #31669b;
}
/* otsikot */
h1, h2, h3, span.alasivu_otsikko_alleviivattu, span.alasivu_otsikko_ylleviivattu, .otsikko {
    color: #31669b;
    font-weight: bold;
}
h1, span.alasivu_otsikko_alleviivattu, span.alasivu_otsikko_ylleviivattu, .otsikko {
    font-size: 13pt;
}
h2 {
    font-size: 12pt;
}
h3 {
    font-size: 11pt;
}
/* muuta yleistä */
img {
    border: 0;
}
.fright {
    float: right;
}
.fleft {
    float: left;
}
/**
 * SISÄLTÖOSAN YMPÄRYS
 */
 
/* varsinainen sivun sisältö, valkoinen laatikko ja sen ylä- ja alapuoli */
div#sivu {
    width: 922px;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -462px;
    padding: 15px 0 15px 0;
}
/* valkoisen laatikon ylä- ja alapuolella olevat linkit + tekstit */
div#ylalinkit, div#copyright {
    color: #ffffff;
    text-align: right;
    padding: 0 25px 5px 0;
    font-size: 9pt;
}
div#ylalinkit a, div#copyright a, div#copyright span {
    margin-right: 15px;
}
div#ylalinkit a, div#copyright a {
    color: #ffffff;
}
div#ylalinkit a:hover, div#copyright a:hover {
    color: #2364cd;
}
/* valkoisen laatikon keskiosa */
div#valk {
    background-color: #ffffff;
    overflow: hidden;
    clear: both;
}
/* valkoisen laatikon ylä- ja alareuna */
div#valk_up, div#valk_down {
    width: 100%;
    height: 18px;
    background-repeat: no-repeat;
}
div#valk_up {
    background-image: url("valk_up.png");
}
div#valk_down {
    background-image: url("valk_down.png");
}
/* valkoisen laatikon vasen ja oikea reuna */
div#valk_left, div#valk_right {
    background-repeat: repeat-y;
}
div#valk_left {
    background-image: url("valk_left.png");
    background-position: top left;
}
div#valk_right {
    background-image: url("valk_right.png");
    background-position: top right;
}
/**
 * SISÄLTÖOSUUS
 */
/* itse sivun sisältöosio, valkoisen laatikon keskellä */
div#content {
    margin: 0 15px 0 15px;
    padding: 0 0 20px 0;
}
/* E4-logo ja sivun mukaan vaihtuva kuva */
div#logopalkki {
    height: 116px;
    margin: 2px 0 2px 0;
    position: relative;
}
div#logopalkki_left {
    height: 100%;
    background-repeat: no-repeat;
    float: left;
    background-image: url("logo.png");
    width: 215px;
}
div#content.etusivu div#logopalkki {
    height: 130px;
}
div#logopalkki_right {
    height: 100%;
    background-repeat: no-repeat;
    float: right;
    background-position: top right;
    width: 655px;
}
div#content.etusivu div#logopalkki_right {
    background-image: url("logopalkki_etusivu.png");
}
div#content.ajankohtaista div#logopalkki_right {
    background-image: url("logopalkki_ajankohtaista.png");
}
div#content.alueverkostot div#logopalkki_right {
    background-image: url("logopalkki_alueverkostot.png");
}
div#content.materiaalipankki div#logopalkki_right {
    background-image: url("logopalkki_materiaalipankki.png");
}
div#content.tapahtunutta div#logopalkki_right {
    background-image: url("logopalkki_tapahtunutta.png");
}
/* logon irtopalat */
div#logopalkki_irto1, div#logopalkki_irto2 {
    z-index: 2;
    background-repeat: no-repeat;
    position: absolute;
}
div#content.etusivu div#logopalkki_irto1 {
    left: 410px;
    width: 33px;
    height: 7px;
    margin-top: -7px;
    background-image: url("logopalkki_etusivu2.png");
}
div#content.ajankohtaista div#logopalkki_irto1 {
    left: 782px;
    width: 61px;
    height: 21px;
    margin-top: -21px;
    background-image: url("logopalkki_ajankohtaista2.png");
}
div#content.alueverkostot div#logopalkki_irto2 {
    top: 0;
    left: 588px;
    width: 120px;
    height: 30px;
    margin-top: -2px;
    background-image: url("logopalkki_alueverkostot3.png");
}
div#content.alueverkostot div#logopalkki_irto1 {
    left: 577px;
    width: 117px;
    height: 24px;
    margin-top: -24px;
    background-image: url("logopalkki_alueverkostot2.png");
}
div#content.materiaalipankki div#logopalkki_irto1 {
    left: 609px;
    width: 48px;
    height: 32px;
    margin-top: -32px;
    background-image: url("logopalkki_materiaalipankki2.png");
}
div#content.tapahtunutta div#logopalkki_irto1 {
    left: 618px;
    width: 45px;
    height: 40px;
    margin-top: -40px;
    background-image: url("logopalkki_tapahtunutta2.png");
}
/* päänavigointi, alasivuilla logopalkin päällä ja etusivulla alla */
div#navigointi_main {
    color: #000;
    font-weight: bold;
    height: 33px;
    overflow: hidden;
}
div#content.etusivu div#navigointi_main {
    height: 22px;
}
div#navigointi_main a {
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
}
div#navigointi_alasivu a {
    text-decoration: none;
}
div#navigointi_main div {
    width: 221px;
    height: 22px;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    float: left;
    background-position: bottom left;
    background-repeat: repeat-x;
    position: relative;
}
div#navigointi_main div span {
    position: relative;
    top: 3px;
}
div#navigointi_main div span.fright {
    right: 10px;
}
div#navigointi_main div span.fleft {
    left: 10px;
}
div#content.ajankohtaista div#navigointi_main div span,
div#content.alueverkostot div#navigointi_main div span,
div#content.materiaalipankki div#navigointi_main div span,
div#content.tapahtunutta div#navigointi_main div span {
    left: 25px;
}
div#content.ajankohtaista div#navigointi_main div,
div#content.alueverkostot div#navigointi_main div,
div#content.materiaalipankki div#navigointi_main div,
div#content.tapahtunutta div#navigointi_main div {
    bottom: -11px;
}
div#content.ajankohtaista div#navigointi_main div.valittu,
div#content.alueverkostot div#navigointi_main div.valittu,
div#content.materiaalipankki div#navigointi_main div.valittu,
div#content.tapahtunutta div#navigointi_main div.valittu {
    top: 0;
    height: 33px;
}
div#navigointi_main_Ajankohtaista.valittu span, 
div#navigointi_main_Alueverkostot.valittu span, 
div#navigointi_main_Materiaalipankki.valittu span, 
div#navigointi_main_Tapahtunutta.valittu span {
    top: 14px;
	color:#FFF;
}
div#navigointi_main_Ajankohtaista
 {
    background-color: #5374b8;
    background-image: url("navigointi_ajankohtaista.png");
}
div#navigointi_main_Ajankohtaista.valittu {
    background-color: #4565a5;
    background-image: url("navigointi_ajankohtaista_valittu.png");
}
div#navigointi_main_Alueverkostot {
    background-color: #b2cc47;
    background-image: url("navigointi_alueverkostot.png");
}
div#navigointi_main_Alueverkostot.valittu {
    background-color: #a0bd3f;
    background-image: url("navigointi_alueverkostot_valittu.png");
}
div#navigointi_main_Materiaalipankki {
    background-color: #00ade5;
    background-image: url("navigointi_materiaalipankki.png");
}
div#navigointi_main_Materiaalipankki.valittu {
    background-color: #09a3dc;
    background-image: url("navigointi_materiaalipankki_valittu.png");
}
div#navigointi_main_Tapahtunutta {
    background-color: #22aa59;
    background-image: url("navigointi_tapahtunutta.png");
}
div#navigointi_main_Tapahtunutta.valittu {
    background-color: #15954b;
    background-image: url("navigointi_tapahtunutta_valittu.png");
}
/* alasivun navigointi, logopalkin alapuolella */
div#navigointi_alasivu {
    position: relative;
    width: 100%;
    height: 33px;
    border: 0;
    color: #ffffff;
    font-weight: bold;
    z-index: 0;
}
div#navigointi_alasivu a.linkki {
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
}
div#navigointi_alasivu a:visited {
    color: #ffffff;
}
div#navigointi_alasivu a.valittu {
    color: #000000;
}
div#content.ajankohtaista div#navigointi_alasivu {
    background-image: url("navigointi_alasivu_ajankohtaista.png");
}
div#content.alueverkostot div#navigointi_alasivu {
    background-image: url("navigointi_alasivu_alueverkostot.png");
}
div#content.materiaalipankki div#navigointi_alasivu {
    background-image: url("navigointi_alasivu_materiaalipankki.png");
}
div#content.tapahtunutta div#navigointi_alasivu {
    background-image: url("navigointi_alasivu_tapahtunutta.png");
}
div#navigointi_alasivu div {
    float: left;
    height: 100%;
}
div#navigointi_alasivu_vasen, div#navigointi_alasivu_oikea {
    width: 10px;
    background-position: top left;
    background-repeat: no-repeat;
}
div#navigointi_alasivu_vasen {
    float: left;
}
div#navigointi_alasivu_oikea {
    position: absolute;
    right: 0;
}
div#content.ajankohtaista div#navigointi_alasivu_vasen {
    background-image: url("navigointi_alasivu_vasen_ajankohtaista.png");
}
div#content.ajankohtaista div#navigointi_alasivu_oikea {
    background-image: url("navigointi_alasivu_oikea_ajankohtaista.png");
}
div#content.alueverkostot div#navigointi_alasivu_vasen {
    background-image: url("navigointi_alasivu_vasen_alueverkostot.png");
}
div#content.alueverkostot div#navigointi_alasivu_oikea {
    background-image: url("navigointi_alasivu_oikea_alueverkostot.png");
}
div#content.materiaalipankki div#navigointi_alasivu_vasen {
    background-image: url("navigointi_alasivu_vasen_materiaalipankki.png");
}
div#content.materiaalipankki div#navigointi_alasivu_oikea {
    background-image: url("navigointi_alasivu_oikea_materiaalipankki.png");
}
div#content.tapahtunutta div#navigointi_alasivu_vasen {
    background-image: url("navigointi_alasivu_vasen_tapahtunutta.png");
}
div#content.tapahtunutta div#navigointi_alasivu_oikea {
    background-image: url("navigointi_alasivu_oikea_tapahtunutta.png");
}
div#navigointi_alasivu div.navigointi_alasivu_keski {
    border-right: 1px solid #ffffff;
    padding: 6px 10px 0 10px;
    margin: 0 0 -6px 0;
}
/* etusivun kategorioiden pikalinkit navigoinnin alla */
table#kategorialinkit {
    width: 100%;
    padding: 0;
    margin: 0;
}
table#kategorialinkit td {
    background-image: url("kategoriat_tausta.png");
    background-position: bottom left;
    background-repeat: repeat-x;
    width: 199px;
    vertical-align: top;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    padding: 10px 10px 10px 10px;
}
div#kategorialinkit_alaosa {
    width: 100%;
    height: 9px;
    clear: both;
    overflow: hidden;
}
div#kategorialinkit_alaosa div {
    height: 100%;
    width: 221px;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    float: left;
    background-repeat: repeat-x;
    position: relative;
}
div#kategorialinkit_alaosa div.ajankohtaista {
    background-color: #5374b8;
    background-image: url("etusivu_ajankohtaista_linkit.png");
}
div#kategorialinkit_alaosa div.alueverkostot {
    background-color: #b2cc47;
    background-image: url("etusivu_alueverkostot_linkit.png");
}
div#kategorialinkit_alaosa div.materiaalipankki {
    background-color: #19b7eb;
    background-image: url("etusivu_materiaalipankki_linkit.png");
}
div#kategorialinkit_alaosa div.tapahtunutta {
    background-color: #22aa59;
    background-image: url("etusivu_tapahtunutta_linkit.png");
}
div#kategorialinkit_alaosa div.ajankohtaista img,
div#kategorialinkit_alaosa div.tapahtunutta img {
    position: absolute;
    top: 0;
    width: 9px;
    height: 9px;
}
/* Nämä kuvat vain IE6:n takia */
div#kategorialinkit_alaosa div.alueverkostot img,
div#kategorialinkit_alaosa div.materiaalipankki img {
    width: 0;
    height: 0;
}
div#kategorialinkit_alaosa div.ajankohtaista img {
    left: 0;
}
div#kategorialinkit_alaosa div.tapahtunutta img {
    right: -1px;
}
/* alasivujen sisältö tämän sisällä */
div#alasivu_sisalto {
    width: 100%;
    position: relative;
}
/* alasivujen navigointi, sivun vasen puoli */
div#alasivu_sisalto_vasen {
    font-size: 0.9em;
    width: 140px;
    position: relative;
	float:left;
    top: 0;
    left: 0;
    padding: 20px 20px 0 0;
display:inline;
}
/* alasivujen sisältö, sivun oikea puoli */
div#alasivu_sisalto_oikea {
	float:left;
    top: 0;
    left: 170px;
    width: 665px;
    border-left: 2px solid #e6e6e6;
    padding: 15px 30px 15px 30px;
    overflow: hidden;
}
div#alasivu_sisalto_oikea img {
    margin: 3px;
}
/* alasivun oikea puoli, ns. pääuutinen eli vasemmassa reunassa */
div#alasivu_sisalto_oikea div#paauutinen {
    float: left;
    padding: 10px 0 0 0;
    width: 260px;
}
/* oikea puoli jossa uutislaatikoita */
div#alasivu_sisalto_oikea div#sivu_uutiset {
    float: left;
    padding: 10px 0 0 0;
    width: 375px;
}
div#sivu_uutiset a.oikeaotsikko
	{
	color:#FFF;
	font-weight:bold;
	}
/* pääotsikko on joko kuva tai h1, väripalkki alla */
.alasivu_otsikko_alleviivattu,
 .otsikko {
    padding: 0 0 2px 0;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    display: table;
}

.alasivu_otsikko_ylleviivattu {
    padding: 12px 0 2px 0;
    border-top-width: 10px;
    border-top-style: solid;
    display: table;
}
div#alasivu_sisalto_oikea img.alasivu_otsikko_alleviivattu {
    margin: 0;
}
div#content.ajankohtaista .alasivu_otsikko_alleviivattu,
div#content.ajankohtaista .alasivu_otsikko_ylleviivattu,
div#content.ajankohtaista .otsikko
 {
    border-top-color: #5374b8;
    border-bottom-color: #5374b8;
}
div#content.alueverkostot .alasivu_otsikko_alleviivattu,
div#content.alueverkostot .alasivu_otsikko_ylleviivattu,
div#content.alueverkostot .otsikko
 {
    border-top-color: #b2cc47;
    border-bottom-color: #b2cc47;
}
div#content.materiaalipankki .alasivu_otsikko_alleviivattu,
div#content.materiaalipankki .alasivu_otsikko_ylleviivattu,
div#content.materiaalipankki .otsikko
 {
    border-top-color: #19b7eb;
    border-bottom-color: #19b7eb;
}
div#content.tapahtunutta .alasivu_otsikko_alleviivattu,
div#content.tapahtunutta .alasivu_otsikko_ylleviivattu,
div#content.tapahtunutta .otsikko
 {
    border-top-color: #22aa59;
    border-bottom-color: #22aa59;
}
/* murupolku alasivuilla */
div#murupolku {
    font-size: 9pt;
    margin: 0 0 10px 0;
}
/* alisivuilla olevat laatikot, otsikkopalkki ja harmaalla taustalla teksti */
div.uutislaatikko {
    background-color: #ebecee;
    width: 95%;
    padding: 0 7px 7px 7px;
    margin: 0 0 10px 0;
    clear: both;
    overflow: hidden;
}
div.uutislaatikko img {
    float: right;
    border: 2px solid #ffffff;
    margin: 3px;
}
div.uutislaatikko img.plain {
    border: 0;
}
div.uutislaatikko h1,
div.uutislaatikko a
 {
    font-size: 1em;
    color: #00f;
    padding: 3px 0 3px 10px;
    margin: 0 -7px 5px -7px;
    text-decoration:none;
}
div#content.ajankohtaista div.uutislaatikko h1 {
    background-color: #5374b8;
}
div#content.alueverkostot div.uutislaatikko h1 {
    background-color: #b2cc47;
}
div#content.materiaalipankki div.uutislaatikko h1 {
    background-color: #19b7eb;
}
div#content.tapahtunutta div.uutislaatikko h1 {
    background-color: #22aa59;
}
/* etusivun alaosa */
table#etusivu_alaosa {
    border-collapse: collapse;
    width: 100%;
}
table#etusivu_alaosa td {
    width: 201px;
    padding: 10px;
    vertical-align: top;
}
table#etusivu_alaosa h1 {
    color: #039cd9;
}
/* etusivun haku */
input#etusivu_haku_field {
    width: 65%;
}
input#etusivu_haku_button {
    background-color: #ed193e;
    color: #ffffff;
    font-size: 0.9em;
}


#etusivuingressit p
        {
        font-size:8pt;
	margin-bottom:3px;
	margin-bottom:5px;
	margin-top:0px;
        }
#etusivuingressit h1
        {
olor: #039cd9;
	margin-top:0px;
	margin-bottom:10px;
        font-size:15px;
        }