/*******************************/
/* BODY-ELEMENTIT ALKAA        */
/*******************************/
    html,body{
        margin:0;
        padding:0;
        height:100%;
        border:none;
   }
    
    body.tausta {
        font-family: Arial;
       	background:url('../layout/eppu_tausta_0209.jpg');
        background-color:white;
        background-repeat:repeat-x;
        font-size: 12px;
        color:rgb(0,51,153);
        line-height:125%;
        padding:0px;
    }

    body.kuvatausta {
        font-family: Verdana;
        background-color:rgb(17,118,104);
        font-size: 12px;
        color:white;
        line-height:125%;
        padding:0px;
    }

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

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


	div.kelluva_portfolio{
	  	width:800px;
	  	height:600px;
	  	background-color:rgb(0,139,208);
	  	z-index:1000;
	  	position:absolute;
	  	text-align:center;
	}
		
	div.kelluva_kuva{
	 	padding-bottom:20px; 
	  	background-image:url('../layout/eppu_portf_tausta.jpg');
	  	background-repeat:no-repeat;	  
	  	height:500px;
		text-align:center;
		padding-top:65px;
	}

    div.otsikko{
        font-size:18px;
    }
    
    div.virhe_teksti{
        color: rgb(224,45,45);
        font-weight:bold;
    }
    
    div.virhe_loota{
	  	padding-top:10px;
	}

    div.koko_leipapohja{
        width:100%;
        border-collapse:collapse;
    }
    
    div.gal_paketti{
	  	padding-left:20px;
	  	padding-right:20px;
	}
	
	div.sivu_otsikko{
        font-size:14px;
        font-weight:bold;
        padding-bottom:15px;	  
	}

	div.ajankohtaista{
	  	padding-top:100px;
	}

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


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

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

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

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

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

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

    table.linkkitaulu{
	  	background-image:url('../layout/eppu_linkpalk0209.jpg');
	  	background-repeat:no-repeat;
	  	width:100%;
	  	height:400px;	  	
	  	border-collapse:collapse;
	}

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

/*******************************/
/* TR-ELEMENTIT ALKAA          */
/*******************************/


/*******************************/
/* TR-ELEMENTIT LOPPUU         */
/*******************************/

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

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

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

	td.tilauslomake{
	  	padding-bottom:7px;
	}

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

/** RAKENTEESEEN SUORAAN LIITTYVÄT LUOKAT ALKAA **/

	td.nuoli_vas{
	  	background-image:url('../layout/eppu_portf_edel.jpg');
		background-repeat:no-repeat;
		width:50px;
		cursor:hand;
		cursor:pointer;
	}

	td.nuoli_oik{
	  	background-image:url('../layout/eppu_portf_seur.jpg');
		background-repeat:no-repeat;
		width:50px;
		cursor:hand;
		cursor:pointer;
	}
	
	td.kuva_palkki{
	  	width:150px;
	  	background-repeat:no-repeat;
	}
	
	td.keski_palkki{
	  	width:525px;
	}

    td.banneri{
		height:220px;
    }
    
    td.linkkipalkki{
	  	width:283px;
	  	background-image:url('../layout/eppu_linkpalkjatkpal.jpg');
	  	background-repeat:repeat-y;
	}
    
    td.leipaalue{
      	width:585px;
      	background-color:white;
      	padding-top:20px;
      	padding-left:20px;
      	padding-right:15px;
      	padding-bottom:20px;
	}


	td.uutinen{
	  	width:100%;
	}

	td.uutisleipa{
	  	width:385px;
	  	padding-right:15px;
	}

	td.uutiskuva{
	  	width:185px;
	}
	
	td.leipateksti{
	  	height:410px;
	}
	

    td.paalinkit{
	  	padding-left:120px;
	  	padding-top:140px;
    }


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


    td.alilinkki, td.alilinkki_valittu, td.alilinkki_eka{
        padding-left:10px;
        padding-top:2px;
    }

	td.alialilinkki, td.alialilinkki_eka{
	  	padding-left:4px;
	}

    td.alilinkit{
        padding-left:75px;
        padding-top:240px;
    }
    
    td.alapala{
	  	height:80px;
		background-image:url('../layout/eppu_alapala2.jpg');
        color:white;
        text-align:center;
        line-height:30px;
        font-family: Verdana;
        font-weight:bold;
        text-transform: uppercase;	  	
	}
    
    td.alapala span{
        display:inline-block;
        margin:0 10px;
    }
    

/** RAKENTEESEEN SUORAAN LIITTYVÄT LUOKAT LOPPUU **/

    td.uutis_main_otsikko{
	  	font-size:15px;
	  	font-weight:bold;
	  	padding-bottom:15px;
	}
    
    td.uutis_otsikko{
	  	font-size:13px;
	  	font-weight:bold;
	  	padding-bottom:8px;	  	
	}
	
	td.uutis_teksti{
	 	padding-bottom:20px; 
	}
    
    
    td.tuote_kuva{
	  	width:250px;
	  	padding-bottom:15px;
	}
	
	td.tuote_teksti{
	  	width:320px;
	  	padding-left:15px;
	}
	
	td.tuote_nimi{
	  	font-weight:bold;
	  	font-size:13px;
	  	padding-bottom:8px;
	}
	
	td.tuote_kuvaus{
	  	
	}
	
    td.hurmos{
        text-align:center;
        padding-bottom:5px;
    }
    
    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.kuvaotsikko{
	  	padding-top:5px;
	  	padding-bottom:10px;
	}
	
	td.kuvaotsikko{
	  	padding-bottom:10px;
	}
		

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

	td.kuvitus{
	  	text-align:center;
	  	padding-top:30px;
	}

	td.puolet{
	  	width:50%;
	}

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

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

	td.galleria_kuva{
	  	padding-right:25px;
	}

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

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

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

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

	td.hallintalistanSolu{
	  	font-size:11px;
	  	vertical-align:top;
	  	padding-right:4px;
	}

    td.alapalkki{
        height:40px;
    }

	td.webdesign{
	  	padding-top:20px;
	  	padding-bottom:20px;
	  	text-align:center;
	}

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


    td.hallinta_ohje{
        width:60px;
    }
    
    td.hallinta_lomake{
        /*width:550px;*/
    }

    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.main_keskiosa{
        width:100%;
        vertical-align:top;
        padding-left:10px;
    }
    

    td.teksti_oikealle{
        text-align:right;
    }

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

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



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

/*******************************/
/* P-ELEMENTIT ALKAA           */
/*******************************/

	span.yhteistyo{
	  	font-weight:bold;
	  	font-size:13px;
	}
	
/*******************************/
/* P-ELEMENTIT LOPPUU         */
/*******************************/

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

    a{ text-decoration:none; color:white; font-size:16px; font-family:Trebuchet Ms;}
    
    a:hover{ color: rgb(153,255,255); }
    
    a.paalinkki{
        font-weight:bold;
    }

    a.paalinkki_valittu{
        color: rgb(153,255,255);
        font-weight:bold;
    }

    a.alilinkki,a.alilinkki_valittu{
        font-size:12px;
        font-weight:bold;
        color:white;
    }
    
    a.alilinkki_valittu{
	 	color: rgb(153,255,255); 
	}

    a.lista_linkki{
		font-size:11px;  	
        font-weight:bold;
	}
    
    a.linkki_tekstissa, a.yhteistyo, a.lista_linkki{
	  	color:black;
	}
	
	a.linkki_tekstissa{
	  	font-size:12px;
	}
		
	a.linkki_tekstissa:hover, a.lista_linkki:hover{ color:rgb(0,51,153); }

    a.pieni_linkki, a.linkki_lista{
	  	font-size:10px;
	  	font-weight:bold;
	}
	
	a.pieni_linkki{
	  	color:rgb(0,51,153);
	}
	
	a.pieni_linkki:hover{
	
	}
	
	a.gal_nuoli{
	  	font-weight:bold;
	}

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


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

	img.valkoisetKehykset{
	  	border:3px solid white;
	}

    img.galleria_pikkukuva{
        border:4px solid white;
    }

    img.galleria_pikkukuva_over, img.iso_kuva, img.galleria_pikkukuva_painettu{
        border:4px solid rgb(247,227,164);
    }
    
    img.galleria_pikkukuva:hover, img.galleria_pikkukuva_over:hover{
        cursor:hand;
        cursor:pointer;
    }

    img{
        border:0px;
    }

    img.thumb{
        /* border:2px rgb(102, 51, 153) solid; */
    }
    
    img.thumb:hover{
		/* border:2px black solid;  */
	}
	
	img.hand, area.hand, img.uutiskuva{
	  	cursor:pointer; cursor:hand;
	}

	img.uutiskuva{
	  	width:185px;
	}

	img.kauppakuva{
		width:170px;	  
	}

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

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

    input.leveys{
        width:97%;
    }
    
    input.postinro{
        width:150px;
    }

    input.ptmp{
        width:380px;
    }

    input.palaute{
        width:550px;
    }
    
    input.tuote_kpl{
	  	width:30px;
	  	text-align:right;
	}
    
    
    select.levee{
        width:98%;
    }