/*******************************/
/* BODY-ELEMENTIT ALKAA        */
/*******************************/
    html,body{
        margin:0;
        padding:0;
        border:none;
   }
    
    body{
        font-family: Tahoma;
        font-size: 12px;
        color: rgb(51,51,51);
        background-color: white;
        padding:0px;
        line-height:130%;
    }


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

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

    div.valiotsikko{
        font-size:14px;
        font-weight:bold;
    }

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

    div.otsikko{
        font-size:18px;
    }
    
    div.virhe_teksti{
        padding-left:15px;
        font-weight:bold;
        color:red;
    }
    
    div.ok_teksti{
        padding-left:15px;
        font-weight:bold;
        color:green;
    }
    
    div.virhe_teksti_normi{
        font-weight:bold;
        color:red;
    }

    div.minikalenteri{
        width:185px;
        padding-left:25px;
        padding-right:25px;
    }
    
    div.karin_kuva{
        padding-top:15px;
    }
    
    div.kiertue_etusivu{
		padding-top:20px;
	}
    
    div.video{
        padding-top:25px;
    }


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


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

    table.keskitetty{
        margin-left:auto;
        margin-right:auto;
    }
    
    table.yo_intro{
        margin-left:auto;
        margin-right:auto;
    }

    table.main_table{
        margin-left:auto;
        margin-right:auto;
        border-collapse:collapse;
        width:950px;
        margin-bottom:0px;
        margin-top:0px;
        vertical-align:top;
    }

    table.main_table td.banneri {
        vertical-align:top;
    }
    
    table.leveys{
        width:100%;
    }

    table.yo_collapse_leveys, table.yo_sivu{
        width:100%;
        border-collapse:collapse;
    }

    table.yo_collapse{
        border-collapse:collapse;
    }
    
    table.yo_sivu td{
        vertical-align:top;
    }

    table.yo_yht{
        border-collapse:collapse;
    }
    
    table.yo_yht td.yo_yla, table.yo_yht td.yo_yla_otsikko, table.yo_yht td.yo_oikee{
        padding-top:8px;
    }
    
    table.yo_yht td.yo_yla_otsikko{
        padding-right:120px;
    }

    table.yo_yht td.yo_oikee{
        padding-left:120px;
        padding-right:5px;
    }

    table.yo_yht td.yo_ala{
        padding-right:5px;
    }
    
    table.yo_perustaulu{
        width:100%;
        height:320px;
        border-collapse:collapse;
    }
    
    table.yo_linkkipalkki{
        width:200px;
        border-collapse:collapse;
    }

    table.yo_kuvapalkki{
        border-collapse:collapse;
    }


/*******************************/
/* TABLE-ELEMENTIT LOPPUU      */
/*******************************/

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

    th{
        font-size:10px;
    }

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

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

	td{ vertical-align:top; }

    td.facebook-linkki{
        padding-top:20px;
    }

	td.palaute_otsikko{
		font-weight:bold;
		padding-right:10px;
		vertical-align:top;
	}

	td.palaute_txt{
		vertical-align:top;
	}

	td.kirjoitus_leipis{
	  	padding-bottom:20px;
	}

	td.gal_ed{
		text-align:left; 
		padding-left:20px; 
	}

	td.gal_seur{
	  	text-align:right; 
		padding-right:20px;
	}

	td.gal_sulje{
	  text-align:right; 
	  padding-top:20px; 
	  padding-right:20px; 
	  font-weight:bold;
	}

	td.gal_vas{
		background: url('../layout/sh_gal_navvas.jpg');
		background-repeat:no-repeat;
		height:20px;
		width:10px;
	}

	td.gal_kesk{
		background: url('../layout/sh_gal_navkesk.jpg');
		background-repeat:repeat-x;
		height:20px;
	}

	td.gal_oik{
		background: url('../layout/sh_gal_navoik.jpg');
		background-repeat:no-repeat;
		height:20px;
		width:10px;
	}

	td.kirjoitus_otsikko, div.kirjoitus_otsikko{
	  	font-size:13px;
	  	font-weight:bold;
	  	padding-bottom:10px;
	}
	
	td.kirjoitus_leipateksti{
		padding-top:10px;
		padding-bottom:20px;
	}

    td.galleria_otsikko{
        padding-top:15px;
        font-size:14px;
        font-weight:bold;
    }

    td.galleria_otsikko_keskitetty{
        padding-top:15px;
        font-size:14px;
        text-align:center;
        font-weight:bold;
    }

    td.nuoli_vasen{
        width:50%;
        text-align:left;
        padding-left:55px;
    }

    td.nuoli_oikea{
        width:50%;
        text-align:right;
        padding-right:55px;
    }

	td.galleria_luotu{
	  	padding-bottom:2px;
	  	font-size:10px;
	}

    td.galleria_esittely, div.galleria_esittely{
        padding-bottom:15px;
    }

    td.galleria_esittely_kuva{
        padding-bottom:15px;
		padding-left:20px;        
    }

    td.galleria-kuva{
        padding-right:20px;
        padding-bottom:20px;
    }
    
    td.galleria_kuva_otsikko{
        font-size:10px;
        padding-left:5px; padding-right:5px; padding-bottom:5px;
    }

    td.kuvateksti{
        width:405px;
        padding-left:5px;
        font-size:11px;
    }

	td.kuvaotsikko{
        padding-left:5px;	  	
	}

    td.banneri{
        height:212px;
        background:url('../layout/sh-uusi-banneri.jpg'); 
        /* background:url('../layout/sh-banneri-numerolla.jpg'); */
        background-repeat:no-repeat;
    }

    /* MAIN_TABLE 913px LEVEÄ */

    td.keskiosa{
        padding-left:5px;
        padding-right:5px;
        background-image:url('../layout/sh_keskipala.jpg');
        background-repeat:repeat;
        vertical-align:top;
    }
    
    td.keskiosa_hallinta{
        padding-left:20px;
        padding-right:5px;
        padding-top:33px;
        background-image:url('../layout/sh_keskipala.jpg');
        background-repeat:repeat;
    }

    /* MAIN_TABLE 950px LEVEÄ  */

    td.linkkipalkki{
        vertical-align:top;
        width:220px;
        border-right:2px solid rgb(219,233,200);
        padding-left:10px;
        padding-top:40px;
        padding-bottom:20px;
    }

    td.yo_keski_valiosa{
        width:30px;
        /*
        background-image:url('../layout/yotalo_viivaelement2.png');
        background-repeat:repeat-y;
        */
        background-position:center;
    }


    td.yo_leipaosa{
        padding-top:12px;
        padding-left:20px;
        padding-right:40px;
        padding-bottom:20px;
        width:650px;
        vertical-align:top;
    }

    td.yo_leipaosa_hallinta{
        padding-top:2px;
        width:678px;
        vertical-align:top;
    }


    td.yo_linkkipalkki_yla{
        background:url('../layout/yotalo_linkkipyla.png');
        background-repeat:no-repeat;
        height:19px;
    }

    td.yo_linkkipalkki_keski{
        height:150px;
        padding-left:55px;
        vertical-align:top;
        padding-right:2px;
    }

    td.yo_linkkipalkki_ala{
        background:url('../layout/yotalo_linkkipala2.png');
        background-repeat:no-repeat;
        height:20px;
    }

    td.yo_leipateksti_levea{
        padding-bottom:10px;
        vertical-align:top;
    }

    td.yo_leipateksti_levea_hallinta{
        padding-bottom:10px;
        vertical-align:top;
        padding-left:10px;
        padding-right:10px;
    }

    td.yo_leipateksti_kapea{
        padding-bottom:10px;
        padding-right:10px;
        vertical-align:top;
        width:434px;
    }


    td.yo_leipateksti_kuvapalkki{
        width:214px;
        vertical-align:top;
    }

    td.yo_leipateksti_kuvakehys{
        text-align:center;
    }


    td.alalaitapalkki{
        background:url('../layout/sh-alapala-081110.jpg');
        background-repeat:no-repeat;
        height:184px;
        vertical-align:bottom;
        padding-bottom:10px;
        text-align:center;
    }
    

    td.yo_paalinkki{
        padding-top:6px;
        padding-bottom:3px;
    }

    td.yo_top{
        vertical-align:top;
    }

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

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

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

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

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

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

    td.yo_galleria_isokuva{
        width:430px;
    }

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

    td.alilinkki, td.alilinkki_valittu, td.alilinkki_eka{
        padding-top:3px;
        padding-bottom:3px;
	  	padding-left:2px;
	  	line-height:100%;
    }

	td.alialilinkki, td.alialilinkki_eka, td.alialilinkki_valittu{
	  	padding-left:5px;
	  	line-height:100%;
	  	padding-bottom:8px;
	}

    td.alilinkit{
        padding-left:5px;
        padding-bottom:2px;
    }

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

    td.yo_hallinta_ohje{
        width:213px;
        padding-right:5px;
        font-size:11px;
    }
    
    td.yo_hallinta_ohje_otsikko{
        font-weight:bold;
        padding-bottom:3px;
        padding-top:5px;
    }
    
    td.yo_hallinta_ohje_teksti{
        padding-bottom:5px;
        padding-top:5px;
    }
    
    td.yo_hallinta_ohje_paaotsikko{
        text-align:center;
        font-size:14px;
        font-weight:bold;
        padding-bottom:10px;
    }

    td.yo_hallinta_lomake{
        width:440px;
        padding-left:10px;
    }

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

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

    td.yo_uutiset_otsikko, td.yo_uutiset_paaotsikko{
        padding-bottom:5px;
        font-size:11px;
    }

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

    td.yo_teksti_oikealle{
        text-align:right;
    }

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

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


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


    td.yo_paalinkit{
        padding-left:25px;
        padding-top:6px;
        padding-bottom:11px;
    }
    
    td.yo_sivu_otsikko, td.yo_sivu_numero{
        font-size:14px;
        padding-bottom:8px;
        padding-left:10px;
    }
    
    td.otsikko_pad{
        font-size:14px;
        font-weight:bold;
        padding-bottom:8px;
        padding-left:15px;
    }

    td.otsikko_normi{
        font-size:14px;
        font-weight:bold;
        padding-bottom:8px;
    }

    td.yo_kuvapalkki{
      	padding-top:20px;
    }
    
    td.kirjoitus_otsikko{
	  	padding-bottom:8px;
	}

	
	td.hallintalistanSolu{
	  	font-weight:bold;
		text-decoration:underline;
	  	padding-right:10px;
	  	padding-bottom:5px;
	}

	td.listanSoluIsa{
		font-weight:bold;
	  	padding-right:10px;
	  	padding-bottom:3px;
	}

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

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

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

	td.kiertue_teksti{
		padding-bottom:6px;
	}

	td.kiertue_valiotsikko_eka{
		font-weight:bold;
		padding-bottom:10px;
	}

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


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

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

    a{ text-decoration:none; color:rgb(204,0,0); font-size:14px; font-family:Tahoma;}
    
    a:hover,a.yo_paalinkki_valittu,a.alilinkki_valittu, a.alialilinkki_valittu{ color: rgb(153,204,153); }
    
    a.yo_paalinkki,a.yo_paalinkki_valittu,a.alilinkki_valittu, a.alialilinkki_valittu, a.alilinkki,a.alialilinkki{
         font-weight:bold;
    }

    a.alilinkki,a.alilinkki_valittu{
        font-size:11px;
    }
    
    a.alialilinkki, a.alialilinkki_valittu{
        font-size:10px;
    }
    
    a.linkki_tekstissa{
        font-size:12px;
    }
    
    a.pieni_linkki{
        font-size:10px;
        font-weight:bold;
    }
    
    a.linkki_lista{
        font-size:11px;
        font-weight:bold;	  
	}
	
	a.gal_linkit{
	  	font-weight:bold;
	  	font-size:11px;	  
	}
    
    a.facebook-linkki{
        font-size:12px;
    }

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


/*******************************/
/* IMG-ELEMENTIT ALKAA         */
/*******************************/
    
    img{

    }
    
	img.kuvitus{
        border:2px rgb(153,204,153) solid;
    }
    
    img.pika{
        cursor:hand;
        cursor:pointer;
	}
    
    img.galleria-kuva{
        height:180px;
    }

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

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

    input.otsikko{
        width:300px;
    }

    input.leveys{
        width:97%;
    }

    input.yo_postinro{
        width:150px;
    }

    input.yo_ptmp{
        width:380px;
    }

    input.yo_palaute{
        width:550px;
    }
    

	input.hallinta{
		width:100%;
	}

    
    select.levee{
        width:98%;
    }


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

    ul.yo_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         */
/*******************************/

	span.underline{
		text-decoration:underline;
	}
    
    h3{
        font-size:15px;
    }