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


/*******************************/
/* 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.virhe_teksti_normi{
        font-weight:bold;
        color:red;
    }
    
    div.ok_teksti{
        padding-left:15px;
        font-weight:bold;
        color:green;
    }

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


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

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

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

    table.collapse_leveys, table.kauppias_taulu{
        width:100%;
        border-collapse:collapse;
    }
    
    table.collapse_leveys_hallinta{
        border-collapse:collapse;
	}

    table.collapse_leveys_hallinta td{
     	padding-right:10px; 
    }

    table.yo_collapse{
        border-collapse:collapse;
    }
    
    table.linkkipalkki{
        width:100%;
        border-collapse:collapse;
    }

    table.yo_kuvapalkki{
        border-collapse:collapse;
    }
    
    table.kauppias_taulu{
	  	line-height:120%;
	}

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

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

    th{
        font-size:10px;
    }

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

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

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

	td.kauppias_nimi_eka{
	  	font-weight:bold;
	  	padding-bottom:5px;
	}
		
	td.kauppias_nimi{
	  	font-weight:bold;
	  	padding-bottom:5px;
	  	padding-top:15px;
	}
	
	td.kauppias_alatieto{
	  	padding-top:5px;
	}
	
	td.kauppias_tieto, td.kauppias_alatieto{
	  	font-size:11px;
	}

	td.lista_arvo, td.lista_linkki{
	  	padding-right:10px;
	  	padding-top:2px;
	  	padding-bottom:2px;
	}
		
	td.yht_ok{
	  	padding-top:41px;
	  	font-weight:bold;	  	
	}
	
	td.yhtlomake_otsikko{
	  	padding-bottom:10px;
	  	padding-top:6px;
	  	font-weight:bold;
	}

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

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

	td.alialilinkki{
	  	padding-left:10px;
	}

	td.uutisosio{
	  	padding-top:25px;
	}

	td.uutis_main{
	  	font-weight:bold;
		padding-bottom:15px;
		padding-top:35px;	  	
	}

	td.uutis_otsikko{
	  	font-weight:bold;
	}
	
	td.uutis_teksti{
	  padding-top:5px; padding-bottom:16px;
	}

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

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

    td.banneri{
        height:210px;
        background:url('../layout/laatuk_banneri.jpg');
        background-repeat:no-repeat;
    }

    td.vasen{
        vertical-align:top;
        width:210px;
        padding-right:20px;
        background-image:url('../layout/laatuk_linkpalk.jpg');
	  	background-repeat:repeat-y;        
  	}

    td.linkkipalkki{
	  	vertical-align:top;
	  	padding-top:35px;
	  	padding-bottom:20px;
	}

    td.leipateksti_levea{
        padding-top:15px;
        padding-left:15px;
        padding-right:25px;
        padding-bottom:10px;
        vertical-align:top;
        height:310px;
        width:600px;
        background-image:url('../layout/laatuk_leipt_keski.jpg');
	  	background-repeat:repeat;
    }


    td.leipateksti_kapea{
        vertical-align:top;
        width:400px;
        padding-bottom:10px;
        height:310px;
    }

    td.leipateksti_kuvapalkki{
        width:200px;
        vertical-align:top;
        padding-bottom:20px;
    }
    
    td.leipaosa{
        width:640px;
        vertical-align:top;
        padding-top:10px; 
    }

	td.leipa_vasen{
		width:515px;	  
		padding-right:10px;
		padding-bottom:10px;
        padding-left:15px;
		vertical-align:top;
	}

	td.leipa_oikea{
		width:80px;	  
		padding-right:20px;
		padding-bottom:10px;
		vertical-align:top;
	}

	td.leipa_ala{
	  	background-image:url('../layout/laatuk_leipt_ala.jpg');
	  	background-repeat:no-repeat;	
		height:24px;  
	}

    td.leipaosa_hallinta{
        padding-top:10px;        
        width:678px;
        vertical-align:top;
    }

    td.leipateksti_levea_hallinta{
        padding-top:10px;
        padding-bottom:10px;
        padding-left:20px;
        padding-right:20px;
        vertical-align:top;
        height:330px;
    }


    td.yo_leipateksti_kuvakehys{
        text-align:center;
    }

    td.alalaitapalkki{
		padding-top:10px;
		text-align:center;
		padding-bottom:10px;
		vertical-align:top;
    }
    
    td.yo_paalinkki{
        padding-bottom:8px;
	  	padding-left:40px;
    }

    td.yo_top{
        vertical-align:top;
    }

    td.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.alilinkki, td.alilinkki_valittu, td.yo_alilinkki_eka{
        padding-bottom:2px;
    }

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

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

    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.hallinta_lomake{
 /*        width:440px; */
    }

    td.hallinta_ohje{
		width:140px;
        padding-right:5px;
        vertical-align:top;
    }

    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_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-weight:bold;
        font-size:14px;
        padding-bottom:15px;
        padding-left:15px;
    }

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

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

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

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

    a{ text-decoration:none; color:rgb(102,102,102); font-size:16px; font-family:Verdana;}
    
    a:hover{ color: rgb(0,51,102); }
    
    a.yo_paalinkki_valittu, a.alilinkki_valittu,a.alialilinkki_valittu{
 		color: rgb(0,51,102); 
     }
    
    a.linkkiTekstissa, a.alilinkki, a.alilinkki_valittu{
	  	font-size:11px;
	  	font-weight:bold;
	}

    a.alialilinkki, a.alialilinkki_valittu{
	  	font-size:10px;
	  	font-weight:bold;
	}
	
	a.hurmos{
	  	font-size:10px;
	  	font-weight:bold;
	}
	
	a.pieni_linkki{
	  	font-size:11px;
	  	font-weight:bold;
	}
	
	

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


/*******************************/
/* IMG-ELEMENTIT ALKAA         */
/*******************************/
    img{ border:0px; }
    
    img.thumb{
        border:1px black solid;
        cursor:hand;
        cursor:pointer;
        width:60px;
    }
	
/*******************************/
/* IMG-ELEMENTIT LOPPUU        */
/*******************************/

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

	input.unelma{
	  	width:500px;
	}

    input.otsikko{
        width:300px;
    }

    input.leveys{
        width:97%;
    }

    input.yo_postinro{
        width:150px;
    }

    input.yo_ptmp{
        width:380px;
    }

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