/*******************************/
/* BODY-ELEMENTIT ALKAA        */
/*******************************/
    html,body{
        margin:0;
        padding:0;
        border:none;
   }
    
    body.tausta {
        font-family: Verdana;
        font-size: 12px;
        color: white;
        background-color: rgb(103,0,1);
        background-image: url('../layout/hnyman_tausta.jpg');
        background-repeat:repeat-x;
        padding:0px;
        line-height:130%;
    }


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

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

	div.esittelyteksti{
	  	padding-top:20px;
	  	padding-bottom:30px;
	  	font-size:12px;
	  	line-height:125%;
	}

	div.yhteystiedot{
	  	padding-top:190px;
	}

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

    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{
      	font-size:15px;
        font-weight:bold;
        color:green;
        padding-bottom:20px;
		padding-top:10px;        
    }
    
    div.virhe_teksti_normi{
        font-weight:bold;
        color:red;
    }


/*******************************/
/* 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:960px;
        margin-bottom:0px;
        margin-top:0px;
        vertical-align:top;
    }

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

    table.collapse{
	    border-collapse:collapse;
    }


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

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

    th{
        font-size:10px;
    }

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

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

	td.uutis_voimassa{
	  	font-weight:bold;
	  	padding-bottom:12px;
	}
	
	td.uutis_otsikko{
	  	font-weight:bold;
	  	padding-bottom:10px;
	}

	
	td.uutis_main_otsikko{
	  	font-weight:bold;
	  	font-size:14px;
	  	padding-bottom:15px;
	}
	
	td.uutis_teksti{
	  	padding-bottom:15px;
	}
	
	td.ajankohtaista{
	  	padding-top:75px;
	}

	td.kirjoitusLinkki{
	  	padding-right:15px;
	}

	
	td.listanSolu{
	  	padding-right:20px;
	}
	
	td.hallintalistanSolu{
	  	text-decoration:underline;
	  	padding-right:20px;
	}

    td.banneri{
        height:180px;
        background:url('../layout/hnyman_banneri_3_040609.gif');
        background-repeat:no-repeat;
        background-position:center;
    }

    /* MAIN_TABLE 960px LEVEÄ  */

	td.keskiosa{
	  	padding-right:10px;
	}

    td.linkkipalkki{
        vertical-align:top;
        width:196px;
        padding-left:40px;
        padding-top:40px;
        padding-bottom:20px;
        background:url('../layout/hnyman_linkkipalkki.jpg');
        background-repeat:no-repeat;
        height:465px;
    }

    td.linkkipalkki_kauppa{
        vertical-align:top;
        width:206px;
        padding-left:30px;
        padding-top:40px;
        padding-bottom:20px;
        background:url('../layout/hnyman_linkkipalkki.jpg');
        background-repeat:no-repeat;
        height:465px;
    }

	td.linkkipalkki_toisto{
        background:url('../layout/hnyman_linkkipalkki_toisto.jpg');
        background-repeat:repeat-y;	
		vertical-align:top; 
	}

    td.linkkipalkki_ala{
        background:url('../layout/hnyman_linkkipalkki_ala.jpg');
        background-repeat:no-repeat;
        background-position:bottom;
        height:52px;
    }

	/* MAIN - LINKKI = 960 - 236 = 724px  */


    td.leipaosa{
        padding-top:15px;
        padding-left:10px;
        padding-right:10px;
        padding-bottom:20px;
        width:694px;
        vertical-align:top;
		background:url('../layout/hnyman_leipt_keskip.jpg');
		background-repeat:repeat-y;
    }
    
    td.leipaosa_ala{
      	height:25px;
		background:url('../layout/hnyman_leipt_alapl_test2.jpg');
		background-repeat:no-repeat;	  	
	}

    td.leipaosa_hallinta{
        padding-top:2px;
        width:724px;
        vertical-align:top;
    }

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


	td.yhteistyo{
	  	width:130px;
	  	vertical-align:top;
	}
	
	td.yhteistyo_ylaosa{
	  	height:20px;
		background:url('../layout/hnyman_logophj_ylapl.jpg');
		background-repeat:no-repeat;
	}

	td.yhteistyo_keskiosa{
		background:url('../layout/hnyman_logophj_keskipl.jpg');
		background-repeat:repeat-y;	
	  	vertical-align:top;
	  	text-align:center;
	}
	
	td.yhteistyo_alaosa{
	  	height:20px;
		background:url('../layout/hnyman_logophj_alapl.jpg');
		background-repeat:no-repeat;
	}
	
    td.leipateksti_levea{
        padding-bottom:10px;
        vertical-align:top;
		height:400px;   
		padding-right:10px;   
		width:684px;
    }

    td.leipateksti_teksti{
        padding-bottom:10px;
        vertical-align:top;
		height:400px;   
		padding-right:10px;   
	}


	td.leipateksti_ohut{
	  	width:354px;
	  	vertical-align:top;
        padding-bottom:20px;	  	
	}

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

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



	td.lomake{
	  	width:484px;
	  	vertical-align:top;
	}

    td.hallinta_ohje{
        width:200px;
        font-size:11px;
        vertical-align:top;
    }
    
    td.hallinta_ohje_otsikko{
        font-weight:bold;
        padding-bottom:3px;
        padding-top:5px;
    }
    
    td.hallinta_ohje_teksti{
        padding-bottom:5px;
        padding-top:5px;
    }
    
    td.hallinta_ohje_paaotsikko{
        text-align:center;
        font-size:14px;
        font-weight:bold;
        padding-bottom:10px;
    }


    td.leipateksti_kuvakehys{
        text-align:center;
    }


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

    td.paalinkki{
        padding-top:12px;
        padding-bottom:12px;
    }

    td.paalinkki_kauppa{
        padding-bottom:4px;
    }


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

    td.top{
        vertical-align:top;
    }

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

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

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

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

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

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

    td.galleria_isokuva{
        width:430px;
    }

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

    td.alilinkki, td.alilinkki_valittu, td.alilinkki_eka{
        padding-bottom:2px;
	  	padding-left:5px;
    }

	td.alialilinkki, td.alialilinkki_eka, td.alialilinkki_valittu{
	  	padding-left:10px;
	  	line-height:110%;
	  	padding-bottom:2px;
	}

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

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


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

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

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

    td.uutiset_otsikko, td.uutiset_paaotsikko{
        padding-bottom:5px;
        font-size:11px;
    }

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

    td.teksti_oikealle{
        text-align:right;
    }

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

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


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


    td.paalinkit{
        padding-left:25px;
        padding-top:6px;
        padding-bottom:11px;
    }
    
    td.sivu_otsikko, td.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.kuvapalkki{
        padding-bottom:15px;
    }
    
    td.kirjoitus_otsikko{
	  	padding-bottom:8px;
	}

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

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

    a{ 
	  	text-decoration:none; 
		font-size:12px; 
		font-family:Verdana;
		text-decoration:underline;
		color:rgb(204,204,204);
	}

    
    a:hover{
		text-decoration:underline;
		color:rgb(255,102,51);
	}

	a.paalinkki:hover, a.paalinkki_valittu:hover{
	  	color:white;
	}
	
	a.paalinkki_valittu{ 
	    font-size:15px;
	  	color:white;
	}
	  
  	a.paalinkki{
	    font-size:15px;
		text-decoration:none;
	  	color:white;
	}

	a.paalinkkikauppa{
	  	text-decoration:none;
	}

  	a.paalinkkikauppa,a.paalinkkikauppa_valittu{
	    font-size:14px;
		color:white;
	}
  
  	a.paalinkkikauppa:hover, a.paalinkkikauppa_valittu, a.paalinkkikauppa_valittu:hover{
	    text-decoration:underline;
	    color:white;
	}
  
    a.paalinkki,a.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;
        color:white;
        text-decoration:none;
    }
    
    a.pieni_linkki:hover{
	  	text-decoration:underline;
	}
    
    a.linkki_lista{
        font-size:11,px;
        font-weight:bold;	  
	}
	
	a.bold{
	  	font-weight:bold;
	  	color:rgb(255,102,51);
	}
	
	a.bold:hover{
		color:rgb(204,204,204);
	}


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


/*******************************/
/* IMG-ELEMENTIT ALKAA         */
/*******************************/
    
    img{
        border:0px;
    }
    
    img.thumb{
        border:2px rgb(204,0,0) solid;
    }
    
    img.thumb_on{
		border:2px rgb(153,204,153) solid;  
        cursor:hand;
        cursor:pointer;
	}
	
	img.kuvitus{
        border:2px rgb(153,204,153) solid;
    }
    
    img.tarjouskuva{
	  	width:200px;
	}

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

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

    input.otsikko{
        width:300px;
    }

    input.leveys, input.hallinta{
        width:97%;
    }

    input.postinro{
        width:150px;
    }

    input.ptmp{
        width:380px;
    }

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


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

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

	h1{ color:white; }

	p.yhteystiedot{ font-size:11px;}