/*******************************/
/* BODY-ELEMENTIT ALKAA        */
/*******************************/
    html,body{
        margin:0;
        padding:0;
        border:none;
        height:100%;
   }
    
    body {
        font-family: "Arial";
        font-size: 12px;
        color: rgb(51,51,51);
        line-height:130%;
        background-color:rgb(205,255,255);
        background-image:url('../layout/kok_omh_tausta.jpg');
        background-repeat:repeat-x;
    }


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

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

	#lataus{
	 	position:absolute;
	 	top:200px;
	 	width:100%;
		z-index:10000; 
		background-color:white;
		text-align:center;
		font-size:16px;
		height:200px;
	}
	
	#lataus_kuva{
		padding-top:30px;
		padding-bottom:20px;
	}

	div.sivutiedostopaketti{
	  	padding-top:2px;		
	  	padding-bottom:2px;
	}

	div.sivutiedosto_teksti{
	  	padding-bottom:2px;
	  	font-weight:bold;
	}

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

	div.galleria_otsikko{
	 	font-weight:bold;
		padding-bottom:10px;
	}

	div.galleria_teksti{
		padding-bottom:15px;
	}

	div.kuvakehys{
		width:280px;
		height:190px;
		padding-top:5px;
		padding-left:6px;
		background-image:url('../layout/kok_omh_kuvakehys.jpg');
		background-repeat:no-repeat;
	}

	div.kuvateksti{
		padding-top:3px;		
		padding-left:5px;
	}

	div.kuvapaketti{
		padding-bottom:15px;		
	}

	div.tekstiosa{
		padding-top:20px;	  
	}

	div.otsikko_normi{
	  	font-size:14px;
	  	font-weight:bold;
	  	padding-bottom:5px;
	}

	div.leipateksti{
	  	width:580px;
	}
	
	div.lomakepaaotsikko{
	  	font-size:14px;
	  	font-weight:bold;
	  	padding-top:35px;
	  	padding-bottom:15px;
	}

	div.virhe_teksti{
	 	font-size:14px;
	  	padding-bottom:5px;
	  	color:red;
	}

	div.uutisotsikko{
	  	font-weight:bold;
	  	padding-bottom:10px;
	}

	div.uutisteksti{
	  	padding-bottom:20px;
	}

	div.teksti{
		float:left;
		width:570px;
	}

    div.galleria-kansio-tausta{
        background:url('../layout/kok_omh_galkansio.jpg');
        background-repeat:no-repeat;
        width:131px;
        height:176px;        
        margin-left:auto;
        margin-right:auto;
    }
    
    div.galleria-kansio-avauskuva{
        padding-top:9px;
        padding-left:6px;
    }

    div.galleria-kansio-nimi{
        line-height:120%;
        width:131px;
    }

    div.tiedosto-kansio-tausta{
        background:url('../layout/gal-lehtijutut.jpg');
        background-repeat:no-repeat;
        width:104px;
        height:103px;        
        margin-left:auto;
        margin-right:auto;
    }

    div.tiedosto-kansio-nimi{
        line-height:120%;
        width:104px;
        text-align:center;
    }


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


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

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

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

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

    table.leveys{
        width:100%;
    }
    
    table.leveys_collapse, table.collapse_leveys{
        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{
  	  	vertical-align:top;
	}


	td.uutistiedostot{
	 	padding-top:5px;
	 	padding-bottom:10px;
	}
	
	td.uutistiedosto_teksti{
		padding-bottom:2px;
	}
	
	td.uutistiedosto_tiedosto{
		padding-bottom:10px;
	}
	
	td.galleria_kuva{
		padding-bottom:10px;
		padding-right:10px;
	}
    
    td.galleria-kansio{
        padding-right:23px;
        padding-left:23px;
        padding-bottom:40px;
    }

    td.tiedosto-kansio{
        padding-right:8px;
        padding-left:8px;
        padding-bottom:20px;
    }
	
	td.yhteisojasen{
		padding-bottom:10px;
		padding-right:10px;
		font-size:14px;
		font-weight:bold;
		text-align:center;
		vertical-align:middle;
	}

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

	td.keskiosa{
        background:url('../layout/kok_keskip.jpg');
        background-repeat:repeat-y;
        height:310px;		
        padding-left:5px;
        padding-right:20px;
        padding-top:10px;
        padding-bottom:20px;
	}

	td.alaosa{
        background:url('../layout/kok_omh_alapala.jpg');
        background-repeat:no-repeat;
        height:90px;
	}

	td.linkit{
	 	width:180px;
		padding-left:15px;
		padding-bottom:20px;
	}
	
	td.tekstiosa{
	 	padding-left:20px;
		width:715px;
	}

	td.paalinkki{
	 	background-image:url('../layout/kok_omh_linkpala.jpg');
	 	background-repeat:no-repeat;
		padding-top:12px;
		padding-bottom:15px;
		cursor:hand;
		cursor:pointer;
	}
	
	td.paalinkki_valittu{
	 	background-image:url('../layout/kok_omh_linkfx.jpg');
	 	background-repeat:no-repeat;
		padding-top:12px;
		padding-bottom:15px;
		cursor:hand;
		cursor:pointer;
	}
	
	td.teksti_kapea{
		width:425px;	
		padding-right:15px;
	}
	
	td.kuvaosio{
		width:280px;
	}

	td.alilinkki{
	  	padding-top:3px;
		padding-left:20px;
	}

	td.alilinkki_vika{
	  	padding-top:3px;
	  	padding-bottom:5px;
		padding-left:20px;
	}

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

	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.lomake_otsikko{
	  	padding-bottom:4px;
	  	padding-top:8px;
	}
	
	td.lomake_kentta{
		padding-right:10px;
	}
	
	td.nappi{
	  	padding-top:10px;
	  	padding-bottom:10px;
	}

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

	td.yht_otsikko{
	  	font-weight:bold;
	  	padding-right:5px;
	  	padding-bottom:5px;
	}

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

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

	td.hallinta_ohje_paaotsikko{
		font-weight:bold;
		font-size:14px;
		padding-bottom:5px;
	}
	
	td.hallinta_ohje_otsikko{
		font-weight:bold;
		padding-bottom:2px;
		padding-top:10px;		
	}

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

/*******************************/
/* A-ELEMENTIT ALKAA           */
/*******************************/
    a{ 
	  	text-decoration:none; 
		color:rgb(51,153,204);
		font-size:13px; 
		font-family:"Arial";
	}

	a.yhteisojasen{
		color:black;
	}

	a.paalinkki_valittu{
		color:rgb(51,51,51);
	}

    a.alilinkki,a.alilinkki_valittu{
        font-size:11px;
        font-weight:bold;
    }

			
    a.alilinkki_valittu, a.alilinkki:hover{
		color:rgb(51,51,51);
	}

    a.hallintalinkki,a.hallintalinkki_valittu{
        font-size:12px;
        font-weight:bold;
    }
    
    a.hallintalinkki_valittu{

	}
    
    a.alialilinkki, a.alialilinkki_valittu{
        font-size:10px;
    }
    
    a.linkki_tekstissa{
        font-size:12px;
    }

    a.linkki_tekstissa:hover{
        font-size:12px;
        text-decoration:underline;
    }
    
    a.hurmos_linkki{
        font-size:10px;
        font-weight:bold;
        text-decoration:none;
        font-family:"Lucida sans unicode";
    }
    
    a.hurmos_linkki:hover{
	  	text-decoration:underline;
	}
    
    a.pieni_linkki:hover{
	  	text-decoration:underline;
	}
    
    a.linkki_lista{
        font-size:11px;
        font-weight:bold;
	}

	a.linkki_lista:hover{
		text-decoration:underline;	  
	}
	
	a.bold{
	  	font-weight:bold;
	}
	
	a.bold:hover{
	}

	a.gallerialinkki{
	  	font-size:11px;	
	  	color:black;
	  	font-weight:bold;
	}
	
	a.gallerialinkki:hover, a.galleria-kansio-linkki:hover, a.tiedosto-linkki:hover{
	  	text-decoration:underline;
	}
    
    a.galleria-kansio-linkki{
        font-size:12px;
        font-weight:bold;
    }
    
    a.galleria-kansio-linkki-valittu{
        font-size:12px;
        font-weight:bold;
        text-decoration:underline;
    }

    a.tiedosto-linkki{
        font-size:12px;
        font-weight:bold;
    }


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


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

	img.kehys{
	  	border:2px solid rgb(98,98,98);
	  	width:80px;
	  	height:60px;
	  	cursor:hand;
	  	cursor:pointer;
	}

	img.kehys:hover{
	  	border:2px solid rgb(51,204,255);
	}
	
	img.kehys_valittu{
	  	width:80px;
	  	height:60px;
	  	border:2px solid rgb(51,204,255);
	  	cursor:hand;
	  	cursor:pointer;
	}

	img.isokuva{
	 	width:400px; 
	 	border:2px solid rgb(98,98,98);
	}
	
	img.pika{
	  	cursor:hand;
	  	cursor:pointer;	  	
	}
	
	img.sivukuva{
		width:274px;
		height:180px;
	}

    img.galleria-kansio-avauskuva{
        width:71px;
        height:46px;
    }	
 
/*******************************/
/* IMG-ELEMENTIT LOPPUU        */
/*******************************/

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

    input.otsikko{
        width:300px;
    }

    input.leveys{
        width:97%;
    }

	input.hallinta{
		width:400px;
	}

	input.puolet{
		width:192px;
	}

    input.postinro{
        width:100px;
    }

    input.ptmp{
        width:300px;
    }

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

/*****
 * P
 *****/
 
 	p.valiotsikko{
	   	padding-top:5px;
	   	font-weight:bold;
	}

/**************
 * SPAN
 **************/

	span.underline{
	  	text-decoration:underline;
	}
	
	span.red{
	  	color:red;
	}
	
	span.blue{
	  	color:blue;
	}
	
	span.otsikko{
	  	font-size:14px;
	  	font-weight:bold;
		color:rgb(51,153,204);
	}