/*******************************/
/* BODY-ELEMENTIT ALKAA        */
/*******************************/
    html,body{
        margin:0;
        padding:0;
/*        height:100%; */
        border:none;
   }
    
    body.kr_tausta {
        font-family: Arial;
        font-size: 12px;
        color:rgb(4,44,56);
        background-color: rgb(225,229,232);
        background-image:url('../layout/rajam_tausta.jpg');
        background-repeat:repeat-x;
        padding:0px;
        line-height:130%;
    }


/*******************************/
/* BODY-ELEMENTIT LOPPUU       */
/*******************************/

/*******************************/
/* DIV-ELEMENTIT ALKAA         */
/*******************************/

    div.kr_pad_top{
        padding-top:4px;
    }

    div.otsikko{
        font-size:18px;
    }
    
    div.virhe_teksti{
        color:red;
    }
    
    div.ok_teksti{
        color:green;
    }

    div.minikalenteri{
        width:225px;
        padding-left:5px;
        padding-right:5px;
    }
    
    div.karin_kuva{
        padding-top:10px;
    }

/*******************************/
/* DIV-ELEMENTIT LOPPUU        */
/*******************************/


/*******************************/
/* TABLE-ELEMENTIT ALKAA       */
/*******************************/

    table.kr_kalenteri{
        margin-left:auto;
        margin-right:auto;
        width:185px;
    }

    table.kr_intro{
        margin-left:auto;
        margin-right:auto;
    }

    table.kr_main_table{
        margin-left:auto;
        margin-right:auto;
        border-collapse:collapse;
        width:916px;
        margin-bottom:0px;
        margin-top:0px;
        height:100%;
        vertical-align:top;
    }

    table.kr_main_table td.kr_banneri {
        vertical-align:top;
    }
    
    table.kr_leveys{
        width:100%;
    }

    table.kr_collapse_leveys, table.kr_sivu{
        width:100%;
        border-collapse:collapse;
    }

    table.kr_collapse{
        border-collapse:collapse;
    }
    
    table.kr_sivu td{
        vertical-align:top;
    }

    table.kr_yht{
        border-collapse:collapse;
    }
    
    table.kr_yht td.kr_yla, table.kr_yht td.kr_yla_otsikko, table.kr_yht td.kr_oikee{
        padding-top:8px;
    }
    
    table.kr_yht td.kr_yla_otsikko{
        padding-right:100px;
    }

    table.kr_yht td.kr_oikee{
        padding-left:100px;
        padding-right:5px;
    }

    table.kr_yht td.kr_ala{
        padding-right:5px;
    }
    
/*******************************/
/* TABLE-ELEMENTIT LOPPUU      */
/*******************************/

/*******************************/
/* TH-ELEMENTIT ALKAA          */
/*******************************/

    th{
        font-size:10px;
        padding:0px;
    }

/*******************************/
/* TH-ELEMENTIT LOPPUU         */
/*******************************/

/*******************************/
/* TD-ELEMENTIT ALKAA          */
/*******************************/

    td.kr_arkisto{
        text-align:right;
        padding-right:10px;
        padding-top:5px;
        padding-bottom:5px;

    }

    td.kr_yhttied_bot{
        padding-bottom:2px;
    }

    td.kr_yhttied{
        padding-bottom:2px;
        padding-left:10px;
    }

    td.kr_yhttied_otsikko{
        padding-bottom:4px;
        padding-top:16px;
    }
    
    td.kr_yhttied_otsikko_eka{
        padding-bottom:4px;
    }

    td.kr_ansio_otsikko, td.kr_ansio_otsikko_eka{
        font-size:13px;
        font-weight:bold;
        line-height:195%;
    }
    
    td.kr_ansio_otsikko{
        padding-top:8px;
    }

    td.kr_ansio_rivi{
        padding-left:10px;
        padding-bottom:2px;
    }

    td.kr_kirjoitus_otsikko{
        font-size:13px;
        padding-bottom:10px;
    }

    td.kr_kirjoitus_leipis{

    }

    td.kr_kalenteriviikko_otsikko{
        font-size:13px;
        padding-bottom:5px;
    }

    td.kr_kalenteriviikko_klo{
        padding-bottom:5px;
        padding-left:10px;
    }

    td.kr_linkkipalkki_yla{
        background:url('../layout/rajam_linkkipalk_yla.jpg');
        background-repeat:no-repeat;
        height:20px;
        width:189px;
    }

    td.kr_linkkipalkki_keski{
        background:url('../layout/rajam_linkkipalk_keski.jpg');
        background-repeat:repeat-y;
        height:100px;
        width:169px;
        padding-right:20px;
    }

    td.kr_linkkipalkki_ala{
        background:url('../layout/rajam_linkkipalk_ala.jpg');
        background-repeat:no-repeat;
        height:30px;
        width:189px;
    }

    td.minikalenteri_otsikko{
        width:75px;
        text-align:center;
    }

    td.kr_top{
        vertical-align:top;
    }

    td.kr_nappi{
        padding-top:10px;
    }

    td.kr_lomake_kenttaotsikko{
        padding-top:2px;
        padding-bottom:6px;
        width:100%;
    }

    td.kr_lomake_otsikko{
        padding-top:10px;
        padding-bottom:10px;
        font-size:14px;
    }

    td.kr_galleria_matto_otsikko{
        width:70px;
        font-weight:bold;
    }

    td.kr_galleria_matto_isootsikko{
        font-weight:bold;
        padding-top:10px;
        padding-bottom:8px;
    }

    td.kr_galleria_teksti{
        padding-bottom:25px;
    }

    td.kr_galleria_pikkukuva{
        padding-right:3px;
        padding-bottom:10px;
    }

    td.kr_galleria_pikkukuvat{
        width:200px;
        padding-right:4px;
    }

    td.kr_galleria_isokuva{
        width:430px;
    }

    td.kr_alilinkki, td.kr_alilinkki_valittu, td.kr_alilinkki_eka{
        padding-bottom:2px;
    }

    td.kr_alilinkit{
        padding-left:20px;
        padding-bottom:5px;
    }

    td.kr_hurmos{
        text-align:center;
        padding-bottom:10px;
    }

    td.kr_hallinta_ohje{

    }
    
    td.kr_hallinta_lomake{
        width:550px;
    }

    td.kr_intro{
        width:100%;
        text-align:center;
    }

    td.kr_yritys{
        line-height:125%;
    }

    td.kr_uutiset_otsikko, td.kr_uutiset_paaotsikko{
        padding-bottom:5px;
        font-size:11px;
    }

    td.kr_uutiset_teksti{
        padding-bottom:15px;
    }

    td.kr_main_keskiosa{
        width:100%;
        vertical-align:top;
        padding-left:10px;
    }
    
    td.kr_banneri{
        height:120px;
        background:url('../layout/rajam_banneri.jpg');
        background-repeat:no-repeat;
    }

    td.kr_teksti_oikealle{
        text-align:right;
    }

    td.tekstiOikealla{
        text-align:right;
        padding-top:10px;
    }

    td.tekstiVasemmalla{
        text-align:left;
        padding-top:10px;
    }

    td.kr_linkkipalkki{
        vertical-align:top;
        width:192px;
    }

    td.kr_linkkikeski{
        padding-left:16px;
    }


    td.kr_paalinkit{
        padding-left:25px;
        padding-top:6px;
        padding-bottom:11px;
    }

    td.kr_paalinkki{
        padding-left:15px;
        padding-bottom:4px;
    }
    
    td.kr_leipatekstiosio{
        width:710px;
        vertical-align:top;
    }

    td.kr_leipateksti_yla{
        background:url('../layout/rajam_leipt_yla.jpg');
        background-repeat:no-repeat;
        height:20px;
    }

    td.kr_leipateksti_keski{
        background:url('../layout/rajam_leipt_keski.jpg');
        background-repeat:repeat-y;
        vertical-align:top;
        height:322px;
        padding-left:20px;
        padding-right:30px;
    }

    td.kr_leipateksti_ala{
        background:url('../layout/rajam_leipt_ala.jpg');
        background-repeat:no-repeat;
        height:39px;
    }

    td.kr_leipateksti_kapea{
        padding-right:15px;
        padding-bottom:10px;
        vertical-align:top;
        width:395px;
        height:300px;
    }

    td.kr_leipateksti_levea{
        padding-bottom:10px;
        vertical-align:top;
        width:660px;
    }

    td.kr_leipateksti_kuvapalkki{
        vertical-align:top;
        padding-left:10px;
    }

    td.kr_leipateksti_kuvakehys{
        text-align:center;
    }

    td.kr_sivu_otsikko, td.kr_sivu_numero{
        font-size:14px;
        padding-bottom:15px;
    }

    td.kr_sivu_numero{
        text-align:right;
        padding-right:70px;
    }
    
    td.kr_alalaitapalkki{
        background:url('../layout/rajam_yhttietpalk.jpg');
        background-repeat:no-repeat;
        height:62px;
        vertical-align:top;
    }

    td.td_henkilosto{
        vertical-align:top;
        line-height:80%;
    }

    td.tilaaYlos{
        padding-top:5px;
    }

    td.padRight{
        padding-right:15px;
    }
    
    td.kr_kalenteri_luukku_kuluva, td.kr_kalenteri_luukku_tapahtuma, td.kr_kalenteri_luukku_vapaa{
        padding-right:4px;
        padding-left:5px;
        padding-bottom:1px;
        border: 2px solid rgb(200,11,29);
        cursor: pointer;
        cursor: hand;
        font-size:10px;
        text-align:right;
        vertical-align:top;
    }
    
    td.kr_kalenteri_luukku_tapahtuma{
        color: rgb(200,11,29);
        font-weight:bold;
        padding-top:1px;
    }
    
    td.kr_kalenteri_luukku_vapaa{
        color: rgb(100,100,100);
        padding-top:2px;
    }

    td.kr_kalenteri_luukku_kuluva{
        color: rgb(100,100,100);
        padding-top:2px;
    }

    td.kr_kalenteri_luukku_tyhja{
        border: 2px solid rgb(200,11,29);
    }

/*******************************/
/* TD-ELEMENTIT LOPPUU         */
/*******************************/

/*******************************/
/* A-ELEMENTIT ALKAA           */
/*******************************/

    a{ text-decoration:none; color:rgb(158,17,34); font-size:14px; font-family:Arial;}
    
    a:hover{ color: rgb(4,44,56); }
    
    a.kr_paalinkki{
        text-decoration:none;
    }

    a.kr_paalinkki_valittu,a.kr_alilinkki_valittu, a.kr_alialilinkki_valittu, a.linkkipalkki_valittu{
        color: rgb(4,44,56);
    }

    a.kr_alilinkki,a.kr_alilinkki_valittu{
        font-size:11px;
        font-weight:bold;
    }
    
    a.kr_alialilinkki, a.kr_alialilinkki_valittu{
        font-size:11px;
    }
    
    
    a.kr_linkki_tekstissa{
        font-size:12px;
    }
    
    a.linkkipalkki, a.linkkipalkki_valittu{
        font-size:11px;
    }
    
    a.kr_arkisto{
        font-weight:bold;
        font-size:11px;
    }

/*******************************/
/* A-ELEMENTIT LOPPUU          */
/*******************************/


/*******************************/
/* IMG-ELEMENTIT ALKAA         */
/*******************************/

    img.kr_galleria_pikkukuva{
        border:4px solid white;
    }

    img.kr_galleria_pikkukuva_over, img.kr_iso_kuva, img.kr_galleria_pikkukuva_painettu{
        border:4px solid rgb(247,227,164);
    }
    
    img.kr_galleria_pikkukuva:hover, img.kr_galleria_pikkukuva_over:hover, img.hand{
        cursor:hand;
        cursor:pointer;
    }

    img{
        border:0px;
    }

/*******************************/
/* IMG-ELEMENTIT LOPPUU        */
/*******************************/

/*******************************/
/* INPUT-ELEMENTIT ALKAA       */
/*******************************/
    input.hallinta{
        width:400px;
    }

    input.leveys{
        width:97%;
    }

    input.kr_postinro, input.lyhyt{
        width:150px;
    }

    input.kr_ptmp{
        width:380px;
    }

    input.kr_palaute{
        width:550px;
    }
    
    select.levee{
        width:98%;
    }

    select.hallinta{
        width:400px;
    }

/*******************************/
/* UL-ELEMENTIT ALKAA          */
/*******************************/

    ul.kr_saavutus {
        padding-left:10px;
        margin:0px;
    }

/*******************************/
/* UL-ELEMENTIT LOPPUU         */
/*******************************/


/*******************************/
/* LI-ELEMENTIT ALKAA          */
/*******************************/

    li {
        padding-top:2px;
        padding-bottom:2px;
        line-height:150%;
    }

/*******************************/
/* LI-ELEMENTIT LOPPUU         */
/*******************************/