html
{
overflow-y: scroll;
}
body
{
font: 12px 'Lucida Sans', 'Lucida Grande', Arial, Helvetica, Sans-serif;
color: #000000;
text-align:center;
background: url('/leiska/ylaosa_toistuva.gif') repeat-x;
}

*
{
margin:0px;
padding:0px;
border:0px;
}




h1
{
font-weight: normal;
font-size:24px;
margin: 0 0 10px 0px;
padding: 0;
color:#007780;
line-height: none;
}
h2
{
font-weight: normal;
font-size:20px;
margin: 25px 0 10px 0px;
padding: 0;
color:#007780;
}
h3
{
font-weight: bold;
font-size: 14px;
margin: 10px 0 0 0;
padding: 0;
color: #000;
}
h4
{
font-weight: normal;
margin: 0;
padding: 0;
color: #000;
}
h5
{
font-weight: normal;
font-size: 14px;
margin: 0;
padding: 0 0 8px 0;
color: #007780;
}
p
{
margin:0;
padding: 0 0 20px 0;
line-height: 18px;
color:#272727;
}
.pienempi
{
font-size: 11px;
color: #5e5e5e;
}
ul
{
padding: 0 0 20px 0;
}
a
{
color: #006699;
text-decoration: underline;
}






div#container
{
text-align: left;
width: 980px;
margin: 0 auto;
}

div#header_upper
{
position:relative;
width:100%;
background: url('/leiska/ylaosa.gif') no-repeat;
height: 260px;
}
div#header_upper_en
{
position:relative;
width:100%;
background: url('/leiska/ylaosa_en.gif') no-repeat;
height: 260px;
}
div#kielet
{
float:left;
clear:both;
padding: 12px 0 0 10px;
position:absolute;
width:15%;
font-weight: bold;
text-transform: uppercase;
}
div#kielet a
{
color: #fff;
text-decoration: none;
}
div#kielet img
{
margin: 0 0 -3px 6px;
}



div#content_etusivu
{
width: 980px;
margin: 0;
border: 1px solid red;
}
div#content
{
width: 980px;
}




/* sivun otsikkorivi */
div#sivun_header
{
width: 980px;
height: 52px;
background: url('/leiska/otsikon_tausta.gif') no-repeat;
}

div#sivun_header div#breadcrumb
{
float: left;
padding: 27px 0 0 11px;
}
div#sivun_header div#breadcrumb a
{
text-decoration: none;
}

div#sivun_header div#sivun_otsikko
{
float: right;
text-align: right;
}
div#sivun_header div#sivun_otsikko h1
{
display: none;
}
div#sivun_header div#sivun_otsikko .juttukuva_pieni
{
margin: 0;
padding: 18px 0 0 0;
width: auto;
background: none;
height: 32px;
}
div#sivun_header div#sivun_otsikko .juttukuva_pieni p
{
display: none;
}
/* sivun otsikkorivi */



/* etusivu */
div#etusivunteksti
{
float: left;
width: 375px;
margin: 0;
padding: 0;
}

div#etusivunteksti table
{
border-collapse: collapse;
width: 330px;
}
div#etusivunteksti table tr td
{
    white-space: nowrap;
    vertical-align: top;
    border-top: 1px solid #999;
    padding: 5px 18px 20px 4px;
    color: #616e7f;
    font-size: 11px;
    line-height: 15px;
}
div#etusivunteksti table tr td b
{
color: #293f5c;
}
div#etusivunteksti table tr td h3
{
color: #293f5c;
font-size: 11px;
font-weight: normal;
margin: 0;
padding: 0;
}
div#etusivunpalsta
{
float: right;
margin: 75px 0 18px 0;
width: 600px;
height: auto;
_height: 350px;
min-height: 350px;
}
/* etusivu */




/* Sivun oikea ja vasen palsta tai koko sivun levyinen palsta*/
div#content_levea
{
float: left;
width: 969px;
padding: 12px 0 0 11px;
height: auto;
_height: 350px;
min-height: 350px;
line-height: 18px;
}


div#content_vasen
{
float: left;
width: 350px;
padding: 12px 0 35px 11px;
height: auto;
_height: 350px;
min-height: 350px;
line-height: 18px;
}
div#content_oikea
{
float: right;
margin: 12px 1px 18px 0;
/*width: 600px;
padding: 0;*/
width: 580px;
padding: 0 0 5px 20px;
height: auto;
_height: 350px;
min-height: 350px;
line-height: 18px;
}
div#content_vasen h2,
div#content_oikea h2,
div#content_levea h2
{
font-style: normal;
margin-top: 0;
line-height: 24px;
}
div#content_oikea .palsta_juttu h2
{
font-style: normal;
}
.juttukuva_pieni
{
margin: 0;
padding: 6px 0 0 0;
}
.juttukuva_pieni p
{
margin: 0;
padding: 0;
}
#content_oikea_kuvat .juttukuva_pieni
{
position: relative;
margin: -12px 0 22px 0;
}
#content_vasen_kuvat .juttukuva_pieni
{
position: relative;
margin: 0 0 22px 0;
}

#content_vasen .juttukuva_pieni
{
float: left;
position: relative;
margin: -6px 9px 0px 0;
}

div#content ul
{
margin: 0 0 0 20px;
}
div#content ul li
{
list-style:none;
/*background: url('/leiska/listakuvake.gif') no-repeat 0 4px;*/
list-style-image: url('/leiska/listakuvake.gif');
padding: 0 0 3px 0px;
line-height: 17px;
font-size: 14px;
}

div#content ol li
{
padding: 0 0 3px 6px;
margin: 0 0 0 30px;
line-height: 17px;
font-size: 14px;
}

div#content table
{
padding: 0;
margin: -7px 0 0 0;
width: 100%;
border-collapse: collapse;
}
div#content table tr td
{
width: 50%;
vertical-align: top;
color: #777;
padding: 0 15px 0 0;
}
/* Sivun oikea ja vasen palsta */


/* palsta */

div.palsta_juttu
{
background: url('/leiska/palsta_juttu_tausta.gif') repeat-x bottom;
padding: 8px 20px 40px 20px;
/*padding: 8px 20px 40px 0px;*/
margin: 0 0 12px -19px; /* oli 0 0 12px 0 */
}
div#etusivunpalsta div.palsta_juttu
{
padding: 8px 20px 40px 20px;
margin: 0 0 12px 0;
}

div.palsta_juttu h2
{
margin: 0 0px 20px 0px;
}
div.palsta_pvm
{
background: url('/leiska/pvm_tausta.gif') no-repeat;
width: 51px;
height: 41px;
text-align: center;
color: #fff;
font-size: 11px;
padding: 10px 10px 0 0;
margin: -2px 0 0 -10px;
float: left;
}
div.palsta_pvm_teksti
{
border: 1px solid red;
}
div.palsta_pvm b
{
color: #2A3F5C;
font-size: 14px;
}
div.palsta_teksti
{
padding: 5px 0 20px 0;
line-height: 20px;
clear: both;
}
/*div.palsta_teksti img.small
{
border: 1px solid #cfcfcf;
padding: 5px;
background: #EFF3F6;
float: right;
margin: 0 0 8px 18px;
}*/
/*jutun kuva */
div.juttukuva_pieni img.small,
div.palsta_teksti img.small
{
border: 1px solid #cfcfcf;
padding: 5px;
background: #EFF3F6;
float: left;
margin: 2px 10px 8px 0px;
}
div#content div.palsta_teksti ul li
{
list-style-position: inside;
}

div.palsta_alareuna
{
clear: both;
}
div.palsta_alareuna_vasen
{
position: relative;
float: left;
padding: 12px 0 0 0;
font-size: 11px;
}
div.palsta_alareuna_oikea
{
position: relative;
float: right;
padding: 12px 0 0 0;
font-size: 11px;
}


.fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?57:26981) no-repeat top left; }
/* palsta */


.tiedotteet_palsta_juttu
{
padding: 0 0 20px 0;
}
.tiedotteet_palsta_juttu img.small
{
padding: 0 20px 10px 0;
margin: 0 10px 0 0;
}
div#content .tiedotteet_palsta_juttu ul li
{
margin: 0;
padding-bottom: 12px;
font-size: 11px;
color: #5e5e5e;
}

#tiedotteet_palsta h3
{
padding: 0;
margin: 0;
color: #007780;
}

.tiedotteet_palsta_juttu_vasen
{
    float: left;
    margin: 0 0 15px 0;
}


#tiedotteet_pfd_ohje
{
    clear: both;
    border-top: 1px solid #ccc;
    padding: 10px 0 0 0;
}


/*-----------------------------------------------
Navigaatio
 -----------------------------------------------*/
div#navigaatio_main
{
float:right;
clear:both;
position:relative;
/*width:85%; */
}
#navigaatio_vaaka
{
position: relative;
float:right;
font-size:14px;
vertical-align: bottom;
display: block;
}
#navigaatio_vaaka li
{
float:left;
position:relative;
list-style:none;
border-left: 1px solid #7f8c9d;
}
#navigaatio_vaaka li a
{
text-decoration: none;
color:#AEBECE;
display: block;
height: 18px;
padding: 20px 5px 2px 5px;
background: #1f314a;
}
#navigaatio_vaaka li a.hakemisto_valittu
{
color: #fff;
background: #007780;
}
#navigaatio_vaaka li a:hover
{
background: #16465a;
}



#navigaatio_toinentaso_kehys
{
position: relative;
padding: 0;
float: right;
/*margin: -12px -1px 0 0;
width: 600px;*/
margin: 0px 0px 0 0;
width: 980px;
background: url('/leiska/valikko_2taso_tausta.gif') repeat-x;
}
#navigaatio_toinentaso
{
position: relative;
float: right;
font-size:14px;
padding: 0;
margin: 0;
line-height: 0;
}
#navigaatio_toinentaso li
{
float: left;
position:relative;
list-style:none;
line-height: 14px;
}
#navigaatio_toinentaso li a
{
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-size: 11px;
padding: 8px 8px 0 9px;
display: block;
height: 22px;
background: url('/leiska/valikko_2taso_erotin.gif') no-repeat;
}
#navigaatio_toinentaso li a:hover
{
background: url('/leiska/valikko_2taso_erotin.gif') no-repeat #007780;
}

/*-----------------------------------------------
 Headerien sisällön määrittelyt
 -----------------------------------------------*/

a#header_etusivulle h1
{
display: none;
}
a#header_etusivulle
{
width: 270px;
height: 135px;
display: block;
position: relative;
top: 50px;
left: 60px;
}
div#kirjaudu_extranettiin
{
position: relative;
margin: 60px 0 0 490px;
}

div#header_box,
div#header_box_en
{
display: block;
position: absolute;
top: 0px;
left: 380px;
width: 600px;
height: auto;
_height: 220px;
min-height: 220px;
background: url('/leiska/ylaosa_laatikon_tausta2.jpg') no-repeat #2A3F5C;
}
div#header_box_en
{
background: url('/leiska/ylaosa_laatikon_tausta2_en.jpg') no-repeat #2A3F5C;
}
div#header_box_linkit
{
position: absolute;
top: 180px;
left: 65px;
font-size: 13px;
padding: 0;
color: #fff;
}
div#header_box_linkit a
{
color: #afd4ff;
}
div#header_box_linkit a:visited
{
color: #9e7ba4;
}


div#etusivun_lisatiedot
{
position: relative;
margin: 85px 0 0 0;
padding: 0 0 0 20px;
width: 580px;
height: auto;
_height: 135px;
min-height: 135px;
background: url('/leiska/ylaosa_laatikon_pystyviiva.gif') no-repeat 125px 0;
}
div#header_box_en div#etusivun_lisatiedot
{
    height: auto;
    _height: 140px;
    min-height: 140px;
    background: url('/leiska/ylaosa_laatikon_pystyviiva.gif') no-repeat 168px 0;
}
div#etusivun_lisatiedot a
{
display: block;
width: 95px;
height: 25px;
padding: 0 0 2px 0;
}
div#header_box_en div#etusivun_lisatiedot a
{
width: 138px;
}
div#etusivun_lisatiedot a h2
{
display: none;
}
div.etusivun_lisatiedot_teksti
{
position: absolute;
width: 445px;
left: 140px;
top: 5px;
color: #fff;
display: none;
line-height: 18px;
}
div#header_box_en div.etusivun_lisatiedot_teksti
{
    width: 402px;
    left: 183px;
}

div#etusivun_lisatiedot_linkkinapit
{
position: absolute;
left: 140px;
bottom: 10px;
}
div#header_box_en div#etusivun_lisatiedot_linkkinapit
{
left: 183px;
bottom: 5px;
}

div#etusivun_lisatiedot_linkkinapit a
{
display: inline;
}





/*-----------------------------------------------
Breadcrumb
 -----------------------------------------------*/
div#breadcrumb {font-size:11px;}
div#breadcrumb a{display: inline;}
div#breadcrumb a:hover{background:none;}






/*-----------------------------------------------
Haku
 -----------------------------------------------*/
form#haku_sivuilta, form#haku_puhluettelosta {position: relative; float:left; font-size:11px; padding:10px 0px 10px 12px;}
ul#haku {float:left; width:100%; background:#f6f6f6;}
ul#haku li {float:left; position:relative; list-style:none; padding: 10px 23px 0px 0px;}
ul#haku label {display:block;}
input#etsi_sivuilta, input#etsi_puh {}







/*-----------------------------------------------
Tapahtuma
 -----------------------------------------------*/
form#kalenteri_kkhaku{float:left; clear:right; width:100%; margin-bottom: 30px;}
form#kalenteri_kkhaku label{margin-right: 10px;}
form#kalenteri_kkhaku select{padding: 3px;}
.kalenteri_tapahtuma {margin-bottom: 20px;}
.kalenteri_tapahtumatiedot { width:100%; background:#f6f6f6; padding:10px 0px 10px 3px; border-top:1px solid #AAAAAA; margin-bottom: 15px; font-size:11px;}
















div#lomake
{
padding: 0 0 30px 0;
}
.lomake_kysymys
{
clear: both;
}
.lomake_valiotsikko
{
font-size: 14px;
color: #007780;
clear: both;
padding: 15px 0 5px 0;
}
.lomake_valiteksti
{
padding: 0 0 5px 0;
clear: both;
}
.lomake_kysymys_vaihtoehdot
{
padding: 5px 0 0 10px;
line-height: 20px;
}
div#lomake label
{
width: 130px;
display: block;
float: left;
padding: 9px 0 0 0;
}

div.lomake_kysymys input,
div.lomake_kysymys textarea,
div.lomake_kysymys select
{
font: 12px 'Lucida Sans', 'Lucida Grande', Arial, Helvetica, Sans-serif;
color: #000;
}

div.lomake_kysymys select
{
margin: 6px 0 0 0;
padding: 3px;
border: 1px solid #c0c0c0;
}

div.lomake_kysymys input.checkbox
{
margin: 6px 0 0 0;
padding: 10px 10px 0 10px;
}

div.lomake_kysymys input.input,
div.lomake_kysymys input.input_valittu
{
width: 154px;
border: none;
margin: 0;
}
div.lomake_kysymys div.input_kehys,
div.lomake_kysymys div.input_kehys_valittu
{
width: 154px;
height: 30px;
margin: 0px 0 0 130px;
padding: 10px 10px 0 10px;
}
div.lomake_kysymys div.input_kehys
{
background: url('/leiska/lomake_kentta.gif') no-repeat;
}
div.lomake_kysymys div.input_kehys_valittu
{
background: url('/leiska/lomake_kentta_valittu.gif') no-repeat;
}

div.lomake_kysymys textarea.textarea,
div.lomake_kysymys textarea.textarea_valittu
{
width: 556px;
height: 136px;
border: none;
margin: 0 0 10px 0;
clear: both;
float: left;
}
div.lomake_kysymys div.textarea_kehys,
div.lomake_kysymys div.textarea_kehys_valittu
{
width: 556px;
height: 136px;
margin: 15px 0 0 0;
padding: 10px 8px 10px 10px;
}
div.lomake_kysymys div.textarea_kehys
{
background: url('/leiska/lomake_textarea.gif') no-repeat;
}
div.lomake_kysymys div.textarea_kehys_valittu
{
background: url('/leiska/lomake_textarea_valittu.gif') no-repeat;
}

input.lomake_lahetys
{
clear:both;
}

.lomake_table
{
border-collapse: collapse;
}
.lomake_table_otsikko th
{
color: #007780;
font-size: 14px;
font-weight: normal;
border-bottom: 1px solid #777;
padding: 15px 0 0px 0;
vertical-align: bottom;
}
.lomake_table tr td
{
white-space: none;
vertical-align: top;
color: #777;
padding: 0 15px 0 0;
vertical-align: bottom;
}



div#lomake div.lomake_kysymys input.input,
div#lomake div.lomake_kysymys input.input_valittu
{
margin-left:0px;
}



/*-----------------------------------------------
Footer
 -----------------------------------------------*/


div#footer
{
float:left;
position:relative;
clear:both;
width:100%;
height: 310px;
background: url('/leiska/alareuna_toistuva.gif') repeat-x;
text-align:left;
margin: 0 auto;
}
div#footer div#footer_container
{
width: 980px;
margin: 0 auto;
height: 310px;
background: url('/leiska/alareuna.gif') no-repeat;
}

div#footer_palstat
{
padding: 0px 10px 0 10px;
}
div.footer_palsta
{
width: 350px;
float: left;
margin: 0 50px 0 0;
color: #9ea8b5;
font-size: 11px;
}
div.footer_palsta h2
{
color: #fff;
font-size: 18px;
text-align: left;
}

div.footer_palsta form
{
padding: 15px 0 0 0;
}

div.footer_palsta .input
{
background: url("/leiska/alareuna_input_tausta.gif") no-repeat;
width: 238px;
height: 24px;
border: none;
font-size: 14px;
color: #5e5e5e;
padding: 6px 0 0 10px;
}
div.footer_palsta .button
{
position: absolute;
margin: 0 0 0 3px;
}

div.footer_palsta_viimeinen
{
padding: 30px 0 0 0;
width: 155px;
float: left;
text-align: right;
}
div.footer_palsta_viimeinen p
{
margin: 0 0 8px 0;
padding: 0;
}

div.footer_palsta .juttukuva_pieni
{
padding: 0 15px 0 0;
margin: -5px 0 0 0;
border: none;
float: left;
display: relative;
width: auto;
background: none;
}

div#footer_levea_teksti
{
clear: both;
padding: 16px 10px 0 10px;
color: #9EA8B5;
font-size: 11px;
}


div#footer_navi
{
position: absolute;
clear: both;
bottom: 38px;
color: #9EAEC7;
width: 970px;
padding: 0 5px 0 5px;
}

div#footer_navi li
{
list-style:none;
float:left;
position:relative;
font-size: 13px;
padding: 0 5px 0 5px;
border-right: 1px solid #fff;
}
div#footer_navi li a
{
color: #afd4ff;
}
div#footer_navi li a:visited
{
color: #9e7ba4;
}

div#footer_navi li.oikea
{
list-style:none;
float:right;
position:relative;
font-size: 12px;
padding: 0 5px 0 5px;
border-left: 1px solid #fff;
border-right: none;
}





div#footer_copy
{
position: absolute;
bottom: 8px;
color: #9EAEC7;
}


.googlekartta
{
border: 1px solid #CFCFCF;
padding: 5px;
background: #EEF2F5;
}


/* tiedotteet-palstan "lataa tiedote"-nappi */
div.tiedotteet_palsta_juttu_vasen div.tiedotteet_palsta_tiedostot li
{
    list-style-type: none;
    position: relative;
}
div.tiedotteet_palsta_juttu_vasen div.tiedotteet_palsta_tiedostot li a.tiedostolinkki
{
    display: block;
    width: 101px;
    height: 31px;
    background: url("/leiska/ajankohtaista_lataa_tiedote.jpg") no-repeat;
}
div.tiedotteet_palsta_juttu_vasen div.tiedotteet_palsta_tiedostot.en li a.tiedostolinkki
{
    width: 87px;
    background: url("/leiska/ajankohtaista_lataa_tiedote_en.jpg") no-repeat;
}
div.tiedotteet_palsta_juttu_vasen div.tiedotteet_palsta_tiedostot li span.tiedostolinkki_teksti,
div.tiedotteet_palsta_juttu_vasen div.tiedotteet_palsta_tiedostot li span.tiedosto_tiedot
{
    display: none;
}







div#content_juttu
{
background: url('/leiska/palsta_juttu_tausta.gif') repeat-x bottom;
margin-bottom: 35px;
padding-bottom: 44px;
}
.juttu_alareuna_vasen
{
position: relative;
bottom: -32px;
padding: 0;
font-size: 11px;
clear: both;
padding-left: 20px;
}



div#content_vasen div.email
{
padding: 0 0 20px 0;
line-height: 16px;
}
div#content_vasen div.email div.juttukuva_pieni
{
margin: -17px 0 0 0;
padding: 0;
}
div#content_oikea div.email
{
padding: 0 0 20px 0;
line-height: 18px;
}
div#content_oikea div.email div.juttukuva_pieni
{
margin: -19px 0 2px 0;
padding: 0;
}
div.email div.juttukuva_pieni p
{
display: none;
}