/*******************************/
/* BODY-ELEMENTIT ALKAA        */
/*******************************/

body.tausta {
    margin-top: 30px;
    margin-left: 50px;
    background: url('../layout/jutta_harmaa_tausta.jpg');
    color:white;
    font-size:13px;
    font-family: Trebuchet ms;
  /*  font-family: English;*/
}

body.tausta_uusi {
    background: url('../layout/ju_tausta_uusi.jpg');
    background-repeat:repeat-x;
    background-color:rgb(216,226,238);
    color:white;
    font-size:13px;
    font-family: Trebuchet ms;
    margin-top:15px;
}

body.galleriaTausta {
    background-color:rgb(157,14,20);
    color:white;
    font-size:13px;
    font-family: Trebuchet ms;
}


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

/*******************************/
/* TESTI2-ELEMENTIT LOPPUU     */
/*******************************/

table.main_table{
    margin-left:auto;
    margin-right:auto;
    width:1006px;
    border-collapse:collapse;
}

td.hallinta_ohje_otsikko{
	font-weight:bold;
	font-size:13px;
	padding-bottom:10px;
	padding-top:10px;
}

td.hallinta_ohje_txt{
	padding-bottom:5px;	
}

img.pika{
	cursor:pointer;
	cursor:hand;
}

span.underline{
	text-decoration:underline;
}

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

td.alaviiva{
    background: url('../layout/jutta_poikkiviiva_paksu.jpg');
    background-repeat:repeat-x;
    background-position:center;
    height:5px;
}

td.poikkiviiva{
    background: url('../layout/jutta_poikkiviiva.jpg');
    background-repeat:repeat-x;
    background-position:center;
    height:30px;
}

td.vasen{
    text-align:left;
}

td.oikea{
    text-align:right;
}

td.koko_leipaosa{
    background: url('../layout/ju_keskipala.png');
    background-repeat:repeat-y;
    vertical-align:top;
    width:986px;
    padding-right:20px;
}

td.banneri_uusi{
    height:150px;
    width:1006px;
    background: url('../layout/bannerit/ju_banneri_uusi.jpg');
    background-repeat:no-repeat;
}

td.alaosa_uusi{
    background: url('../layout/ju_alapala2.png');
    background-repeat:no-repeat;
    height:25px;
}

td.oikeapuoli_uusi{
    width:790px;
    padding-left:25px;
    vertical-align:top;
}


td.testivasenbanneri{
    height:150px;
    width:990px;
    background: url('../layout/bannerit/jutta_banneri_ilman_numeroa.jpg');
    background-repeat:no-repeat;
}

td.testikeskella{
    text-align:center;
    font-family:Garamond;
    font-weight:bold;
    padding-bottom:10px;
    font-size:14px;
}

td.testilinkit{
    width:156px;
    height:360px;
    padding-left:18px;
    padding-top:18px;
    background: url('../layout/jutta_linkkipalkki.jpg');
    vertical-align:top;
    background-repeat:no-repeat;
}

td.linkit_uusi{
    width:156px;
    height:360px;
    padding-left:18px;
    padding-top:18px;
    vertical-align:top;
}


td.testioikealeipa2{
    width:468px;
    float:left;
   /* border-right:1px solid white; */
    padding-right:10px;
    vertical-align:top;
}

td.testioikeapuoli_ex{
    width:780px;
    padding-right:10px;
    padding-left:25px;
    padding-bottom:15px;
    background: url('../layout/jutta_leipateksti.jpg');
    background-repeat:repeat;
    vertical-align:top;
}

td.testioikeapuoli{
    width:790px;
    /*padding-right:10px;*/
    padding-left:25px;
/*    padding-bottom:15px; */
/*    background: url('../layout/jutta_leipa_viiva.jpg'); */
    background: url('../layout/jutta_leipateksti.jpg');
    background-repeat:repeat-y;
    vertical-align:top;
}



td.testioikealeipa{
    width:477px;
    /*padding-left:25px; */
    padding-right:10px;
    padding-bottom:15px;
    vertical-align:top;
}

td.testioikeakalenteri{
    width:303px;
   /* border-left:1px solid white; */
   /* margin-top:10px; */
   /* margin-bottom:10px; */
   /* float:right; */
    vertical-align:top;
    padding-bottom:15px;
    background: url('../layout/jutta_leipa_oikea_viiva.jpg');
    background-repeat:repeat-y;
    height:370px;
}

td.testioikeakalenteri2{
    width:290px;
    margin-top:10px;
    margin-bottom:10px;
    float:right;
    vertical-align:top;
}

/*******************************/
/* TESTI2-ELEMENTIT LOPPUU      */
/*******************************/

/*******************************/
/* TESTI-ELEMENTIT LOPPUU      */
/*******************************/

div.testiBanneri{
    height:150px;
    width:990px;
}

div.testiVasuri{
    top:182px;
    position:absolute;
    left:50px;
    width:148px;
    height:330px;
/*    margin-top:10px;*/
    padding-left:18px;
    padding-top:19px;
    background: url('../layout/jutta_linkkipalkki.jpg');
}

div.testiOikuri{
    width:780px;
    margin-left:175px;
    padding-right:10px;
    padding-left:25px;
    padding-bottom:15px;
    background: url('../layout/jutta_leipateksti.jpg');
    float:left;
}

div.testiLeipa{
    width:468px;
    float:left;
}

div.testiLeipa2{
    width:468px;
    float:left;
    border-right:1px solid white;
    padding-right:10px;
}

div.testiKalenteri{
    width:300px;
/*    margin-left:480px;*/
 /*   top:180px;*/
  /*  position:absolute;*/
    border-left:1px solid white;
    margin-top:10px;
    margin-bottom:10px;
    float:right;
    vertical-align:top;
}

div.testiKalenteri2{
    width:300px;
/*    margin-left:480px;*/
 /*   top:180px;*/
  /*  position:absolute;*/
  /*  border-left:1px solid white; */
    margin-top:10px;
    margin-bottom:10px;
    float:right;
    vertical-align:top;
}

div.testiKorkeus{
    width:1px;
    height:400px;
}

div.testiAlaosa{
    width:780px;
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
    margin-left:175px;
    color:rgb(157,14,20);
    color:white;
    font-family:Garamond;
    font-weight:bold;
    float:left;
    font-size:14px;
}


/*******************************/
/* TESTI-ELEMENTIT ALKAA       */
/*******************************/


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

    div.tiimi{
	  	font-weight:bold;
	  	padding-top:25px;
	  	font-size:14px;
	}

    div.titteli{
	  	padding-top:15px;
	  	padding-bottom:1px;
	  	font-size:14px;
	}

	div.nimi{
	  	font-size:14px;
	  	padding-bottom:5px;
	}
    
    div.virhe_teksti{
        padding-left:5px;
        padding-bottom:10px;
        font-size:15px;
        font-weight:bold;
        color:white;
    }
    
    div.ok_teksti{
        padding-left:5px;
        padding-bottom:10px;
        font-weight:bold;
        font-size:15px;
        color:white;
    }
    



    div.arkistolinkki{
        padding-top:10px;
        text-align:right;
        padding-right:10px;
    }

    div.settiPad{width:460px; float:left; padding-top:10px;}
    div.setti{width:440px; float:left;}
    div.puoletVasen{width:250px; float:left;}
    div.puoletOikea{width:160px; float:right;}

    /* DIV-ELEMENTIT :: KEHYS ALKAA */

    div.superKehys{
        width:1200px;
        margin-bottom:50px;
    }

    div.divBanneri{
        height:150px;
        width:990px;
    }

    div.isoKehys{
        width:990px;
    }
    
    div.muuosa{
        width:990px;
    }

    div.vasenKehys{
        width:160px;
        position:absolute;
/*        padding-left:5px;*/
    }

    div.oikeaKehys{
        position:absolute;
        top:180px;
        left:225px;
        width:780px;
 /*       height:500px; */
        background: url('../layout/jutta_leipateksti.jpg');
        padding-right:10px;
        padding-left:25px;
    }

    div.vasenReuna{
        height:480px;
        float:right;
        width:1px;
    }

    div.divLeipa{
        width:468px;
        float:left;
    }
    
    div.divLeipaHallinta{
        padding-right:10px;
    }
    
    div.otsikko{
        height:15px;
        padding-top:25px;
        font-size:18px;
        padding-bottom:18px;
    }

    div.divKalenteri{
        width:300px;
     /*   height:565px; */
        float:right;
        margin-top:10px;
        margin-bottom:10px;
        border-left:1px solid white;
    }
    
    div.divKalenteriHallinta{
        width:200px;
        height:565px;
        float:right;
        margin-top:10px;
        margin-bottom:10px;
        border-left:1px solid white;
    }
    
    div.divOtsikkoKalenteri{
        padding-top:10px;
        height:20px;
        text-align: center;
        font-size:17px;
        padding-bottom:3px;
        vertical-align:top;
    }
    
    div.divAjankohtaistaKalenteri{
        height:20px;
        text-align: center;
        font-size:17px;
        padding-bottom:8px;
    }
    
    div.kalenterinAllaOtsikko{
        padding-top:6px;
    }
    
    div.kalenterinAllaLinkki{
        padding-top:2px;
        padding-bottom:2px;
        padding-left:6px;
    }

    div.kalenterinAllaLinkkilista{
        padding-left:25px;
        line-height:110%;
        padding-bottom:4px;
        text-indent:-12px;
        padding-right:14px;
    }
    
    div.linkkilistaPadding{
        padding-left:25px;
        line-height:110%;
        padding-bottom:2px;
    }
    
    div.kalenterinAllaTeksti{
        padding-top:2px;
        padding-bottom:4px;
        padding-left:6px;
        border-bottom:1px solid white;
    }
    
    div.divTiedote{
        padding-left:10px;
        font-size:12px;
        line-height:110%;
    }

    div.pystyLinkit{
        width:148px;
        height:345px;
        margin-top:10px;
        padding-left:15px;
        padding-top:23px;
        background: url('../layout/jutta_linkkipalkki.jpg');
    }

    div.hallintaLogout{
        padding-bottom:14px;
        float:left;
        width:100%;
    }

    div.hallintaOtsikko{
        padding-top:25px;
        font-size:18px;
        padding-bottom:18px;
    }

    div.loppuosa{
        width:100%;
        text-align:left;
        float:left;
    }

    div.alaosa{
        text-align:center;
        font-size:12px;
        color:white;
        height:20px;
        width:815px;
        margin-left:175px;
        padding-top:20px;
     }
     
    div.kappale{
        padding-bottom:6px;
        line-height:120%;
        text-indent:0px;
    }

    div.kappaleOtsikkoAvustaja,div.kappaleOtsikko{
        padding-bottom:6px;
        line-height:120%;
        font-size:14px;
    }

    div.kappaleLuettelo, div.kappaleTilaaAlas{
        line-height:120%;
        padding-left:10px;
    }

    div.kappaleTilaaAlas{
        padding-bottom:10px;
    }

    div.kappalePieniOtsikko{
        font-weight:bold;
        padding-top:12px;
        padding-bottom:8px;
        padding-left:10px;
    }
    
    div.kappaleOtsikko{
        padding-top:6px;
    }

    div.kappaleIsoOtsikko{
        padding-top:6px;
        padding-bottom:16px;
        font-size:17px;
    }
    
    div.kappaleOtsikkoBold{
        padding-top:6px;
        padding-bottom:6px;
        font-weight:bold;
        font-size:14px;
    }
    
    div.kappaleOtsikkoBoldTeema{
        padding-top:6px;
        padding-bottom:12px;
        font-weight:bold;
        font-size:16px;
    }
    
    div.kappaleOtsikkoAvustaja{
        padding-top:18px;
    }

    div.yhtTiedot{
        padding-bottom:1px;
        line-height:110%;
    }

    /* DIV-ELEMENTIT :: KEHYS LOPPUU         */

    /* DIV-ELEMENTIT :: TYYLI ALKAA          */

    div.tilaaAlas{
        padding-bottom:15px;
        font-size:14px;
    }

    div.teksti16{
        font-size:16px;
    }
    
    div.divFormi{
        padding-top:2px;
    }

    div.virhe_teksti{
        color:white;
        font-weight:bold;
        font-size:13px;
        width:100%;
    }

    div.postiOK{
        color:white;
        font-size:12px;
        width:100%;
        padding-bottom:5px;
    }

    div.tilaaYlos{
        padding-top:12px;
    }

    div.tilaaYlosAlaviivaAsiakas{
        padding-top:12px;
        padding-bottom:12px;
       /* border-bottom:1px solid white; */
        height:120px;
    }

    div.tilaaYlosAlaviiva{
        padding-top:12px;
        padding-bottom:12px;
        border-bottom:1px solid white;
    }

    div.divViiva{
        border-bottom: 1px solid white;
        height:15px;
        margin-bottom:5px;
        margin-left:8px;
    }

    /* DIV-ELEMENTIT :: TYYLI LOPPUU     */

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

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

    a{
        text-decoration:none;
        font-size:14px;
        color:rgb(173,180,196);
    }
    
    a.linkkiTekstissa:hover{
        color:white;
    }

    a.linkkiTekstissa{
        font-size:13px;
    }

    a.linkki_tekstissa, a.linkki_lista{
        font-size:12px;
    }
    
    a.kirjoitusOtsikko{
        cursor:pointer;
        cursor:hand;
        font-size:12px;
    }
    
    a.kalenteriLinkki{
        font-size:12px;
    }
    
    a.kalenteriLinkkiValittu{
        font-size:12px;
        color:white;
    }
    
    a.kalenteriLinkki:hover{
        color:white;
    }
    
    a.kirjoitusPaluulinkki{
        cursor:pointer;
        cursor:hand;
        font-size:11px;
    }
    
    a.kirjoitusTeksti{
        color:white;
        cursor:pointer;
        cursor:hand;
    }

    a:hover{
        color:white;
    }

    a.linkkipalkki:hover{
        color:white;
    }

    a.linkkipalkki{
        text-decoration:none;
    }

    a.valittuLinkki{
        color:white;
    }
    
    a.linkkipalkkiVasen:hover{
        color:white;
    }

    a.linkkipalkkiVasen{
        text-decoration:none;
        font-size:17px;
    }

    a.valittuLinkkiVasen{
        color:white;
        font-size:17px;
    }
    
    a.hurmosLinkki{
        color:rgb(149,25,29);
        font-style:Garamond;
        font-size:15px;
    }

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

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

    img{
      border:0px;
    }

    img.bannerinKoko{
      height:125px;
      width:219px;
    }

    img.kieli{
        height:15px;
        width:30px;
        cursor: pointer; cursor: hand;
    }
    
    img.galleriaKuva{
        border:2px solid rgb(165,42,42);
    }

    img.galleriaBorder{
        border:2px solid white;
    }
/********************************/
/* IMG-ELEMENTIT LOPPUU         */
/********************************/

/********************************/
/* TD-ELEMENTIT ALKAA          */
/********************************/
    td.kursiivi{
        font-style:italic;
    }

    .galleriaTdBorder{
        border-left:5px solid white;
    }

    td.tdTukiryhmanimi{
        padding-right:20px;
    }

    td.galleriaTd{
        padding-right:3px;
        vertical-align:top;
    }

    td.boldattu, td.boldattuTop{
        font-weight:bold;
        font-size:14px;
    }
    
    td.boldattuTop{
        padding-top:10px;
        padding-bottom:4px;
    }
    
    td.sisennetty{
/*        text-indent:12px;*/
        padding-left:12px;
        padding-bottom:2px;
    }
    
    td.vieraskirjapvm{
        padding-bottom:5px;
        padding-top:5px;
        border-top: 1px white solid;
    }

    td.textindentBold{
        font-weight:bold;
        text-indent:20px;
    /*    text-decoration:underline;*/
        padding-bottom:5px;
    }
    
    td.textindentTop{
        padding-top:5px;
        padding-bottom:10px;
        text-indent:20px;
    }

    td.vieraskirjateksti{
        padding-top:5px;
        padding-bottom:10px;
    }


    td.hallintalistanSolu{
        font-size:12px;
        font-weight:bold;
        padding-right:8px;
    }

	td.listanArvo{
		font-size:12px;
		padding-right:8px;
	}

    td.galleriaKuva{
        padding-bottom:10px;
        
    }

    td.tilaaOikealle{
        padding-right:20px;
    }

    td.kirjoitusOtsikkoJS{
        padding-bottom:10px;
        font-size:13px;
        color:white;
    }
    
    td.kirjoitusOtsikkoTama{
        font-size:16px;
        color:white;
    }
    
    td.kirjoitusYlateksti{
        padding-bottom:5px;
        font-size:13px;
        color:white;
        border-bottom:1px solid white;
    }
    
    td.kirjoitusYlatekstiTama{
        padding-bottom:10px;
        font-size:16px;
        color:white;
        border-bottom:1px solid white;
    }

    td.kirjoitusLinkkiJS{
        padding-top:2px;
    }
    
    td.kirjoitusLinkkiJSylos{
        padding-top:12px;
    }

    td.kirjoituslistaAlkio, td.kirjoituslistaAlkioVari{
        vertical-align:top;
        padding-right:10px;
    }

    td.kirjoituslistaAlkioVari{
        background-color:rgb(174,14,20);
    }

    td.kirjoitusLinkki,td.kirjoitusLinkkiVari{
        vertical-align:top;
        padding-right:8px;
    }
    
    td.kirjoitusLinkkiVari{
        background-color:rgb(174,14,20);
    }

    td.kirjoitusOtsikko10{
        font-size:12px;
        font-weight:bold;
        width:15%;
        text-decoration:underline;
    }

    td.kirjoitusOtsikko20{
        font-size:12px;
        font-weight:bold;
        width:15%;
        text-decoration:underline;
    }

    td.kirjoitusOtsikko30{
        font-size:12px;
        font-weight:bold;
        width:30%;
        text-decoration:underline;
    }

    td.kirjoitusOtsikko40{
        font-size:12px;
        font-weight:bold;
        width:30%;
        text-decoration:underline;
    }

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

    td.tilaaYlos15{
        padding-top:15px;
    }

    td.input250 {
      width:250px;
      background:black;
      border-top:0px;
      border-right:0px;
      border-left:0px;
      color:white;
    }

    .input250Normi{
      width:250px;
    }

    td.input400 {
      width:400px
    }

    td.valiotsikkoAlaviiva2{
      width:300px;
      text-decoration:underline;
      padding-top:2px;
    }

    td.valiotsikkoAlaviiva{
      width:300px;
      text-decoration:underline;
      padding-top:10px;
      padding-bottom:8px;
    }
    
    td.valiotsikko{
        padding-top:30px;
        padding-bottom:15px;
        font-size:16px;
    }
    
    td.valiotsikko2{
        padding-top:6px;
        padding-bottom:12px;
        font-weight:bold;
        font-size:16px;
    }

    td.input200{
      width:200px;
    }

    td.inputTd100{
      width:100px;
    }

    td.inputTd100TilaaYlos{
      width:100px;
      padding-top:10px;
    }

    td.textindent{
        /*text-indent:20px;*/
        padding-left:20px;
        font-size:12px;
        padding-top:1px;
        line-height:120%;
        padding-bottom:12px;
    }
    
    td.textindentTama{
        padding-left:20px;
        font-size:15px;
        padding-top:2px;
        line-height:120%;
        padding-bottom:10px;
    }
    
    td.textindentTamaAlaviiva{
        padding-left:20px;
        font-size:15px;
        padding-top:2px;
        line-height:120%;
        border-bottom:1px solid white;
        padding-bottom:10px;
    }

    td.tilaaLinkille{
        padding-bottom:1px;
    }
    
    td.kesk33{
        width:33%;
        text-align:center;
    }

    td.tekstiOikea{
        text-align:right;
    }

    td.pelkkaAlkuSisennetty{
        text-indent:20px;
    }
    
    td.top{
        vertical-align:top;
    }
    
    td.topRight{
        vertical-align:top;
        text-align:right;
    }

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

/********************************/
/* INPUT-ELEMENTIT ALKAA       */
/********************************/

    input.inputharmaaLinkki{
        color:rgb(109,108,109);
        background-color: transparent;
        border: none;
        cursor: pointer;
        cursor: hand;
        text-transform:uppercase;
        font-size:12px;
    }
    
    input.inputharmaaLinkki:hover{
        color:rgb(149,25,29);
    }

/********************************/
/* INPUT-ELEMENTIT LOPPUU       */
/********************************/


/********************************/
/* YLEISET ELEMENTIT ALKAA      */
/********************************/

    .leveys{
        width:100%;
    }
    
    .keskitetty{
          margin-left:auto;
          margin-right:auto;
    }
    
    .collapse{
          border-collapse:collapse;
    }
    
    .collapseLeveys{
          border-collapse:collapse;
          width:100%;
    }

    .keskitettyLeveys{
      /*
          margin-left:auto;
          margin-right:auto;
          */
          width:100%;
          text-align:center;
    }

    
/********************************/
/* YLEISET ELEMENTIT LOPPUU     */
/********************************/


/********************************/
/* HALLINTA-ELEMENTIT ALKAA     */
/********************************/

    td.paivamini{
        width:12px;
        height:12px;
        vertical-align:top;
        border: 1px solid white;
    }

    .paiva_mennytmini{
        background-color:#C0C0C0;
        width:10px;
        height:8px;
        color:gray;
        vertical-align:top;
        border: 1px solid white;
        font-size:10px;
    }
    
    table.vapaatamini td a{
        display:block;
        width: 12px;
        height: 12px;
        text-decoration: none;
        color:white;
        text-align:right;
        font-size:10px;
    }
    
    table.kuluvamini td a{
        display:block;
        width: 12px;
        height: 12px;
        text-decoration: none;
        color:yellow;
        text-align:right;
        font-size:10px;
    }

    table.tapahtumamini td a{
        display:block;
        width: 12px;
        height: 12px;
        text-decoration: none;
        color:rgb(173,180,246);
        text-align:right;
        font-size:10px;
    }
    
    table.leveysHallinta{
        width:100%;
        border-collapse:collapse;
        line-height:110%;
    }
    
    table.leveysTeksti{
        width:100%;
        border-collapse:collapse;
        line-height:120%;
    }

/********************************/
/* HALLINTA-ELEMENTIT LOPPUU    */
/********************************/

    b.otsikko{
        font-size:14px;
        line-height:170%;
    }