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


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

/*******************************/
/* DIV-ELEMENTIT ALKAA         */
/*******************************/
	
	div.container{
		position:relative;
	  	min-height:100%;
	  	height:100%;
		width:100%;
	    voice-family: "\"}\"";
	    voice-family: inherit;
	    height: auto;
	}

	html>body #container {
    	height: auto;
	}

	div.content{
		width:1000px;
		margin-left:auto;
		margin-right:auto;
	}

	div.banneri{
	  	height:380px;
	  	background-image:url('../layout/makeup_ban080909.jpg');
	  	background-repeat:no-repeat;
	}
	
	div.leipateksti{
	  	padding-top:15px;
	  	padding-left:30px;
	  	padding-right:20px;
	  	padding-bottom:95px;
	}

	div.leipateksti_etusivu{
	  	padding-top:15px;
	  	padding-left:30px;
	  	padding-right:20px;
	  	padding-bottom:59px;
	}

	div.leipateksti_etusivu_uusi{
	  	padding-top:15px;
	  	padding-left:40px;
	  	padding-right:20px;
	  	padding-bottom:59px;
	  	z-index:10000;
	  	height:450px;
	}


	div.alapalkki{
	  	height:65px;
	  	background-image:url('../layout/makeup_alapala2.jpg');
	  	background-repeat:no-repeat;
	  	background-position:center;
	  	
	}

	div.alaosa{
	  	position:absolute;
	  	bottom:0;
	  	height:65px;
	  	background-image:url('../layout/makeup_alapjatko2.jpg');
	  	background-repeat:repeat-x;
	  	background-color:black;
	  	width:100%;
	}

	div.alapalkki_etusivu{
	  	height:400px;
	  	background-image:url('../layout/makeup_alapala_etus.jpg');
	  	background-repeat:no-repeat;
	  	background-position:center bottom;
	  	width:1000px;
	  	margin-left:auto;
	  	margin-right:auto;
	  	padding-left:90px;
	  	padding-right:20px;
	  	z-index:-1;
	}

	div.alaosa_etusivu{
	  	z-index:-1;
	  	position:absolute;
	  	bottom:0;
	  	height:400px;
	  	background-image:url('../layout/makeup_alapjatko2.jpg');
	  	background-repeat:repeat-x;
	  	background-color:white;
	  	background-position:bottom;
	  	width:100%;
	}

	
	div.linkit{
		padding-left:60px;
		padding-top:150px;
	}

	div.linkit_hallinta{
		padding-left:60px;
		padding-top:120px;
	}

	div.alilinkit{
		padding-left:40px;
		padding-top:100px;	  	
	}

	div.alilinkki_sisa{

	}

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

	div.virhe_teksti{
	  	color:red;
	  	font-weight:bold;
	  	padding-top:5px;
	  	padding-bottom:5px;
	}

	div.kirjoitus_otsikko{
	  	font-size:12px;
	  	font-weight:bold;
	  	padding-bottom:10px;
	}

	div.kirjoitus_teksti{
	  	padding-bottom:30px;
	}

	div.hurmos{
	  	text-align:center;
	  	padding-top:88px;
	}
	
	div.kirjoitus_paaotsikko{
	  	padding-top:30px;
	  	padding-bottom:20px;
	  	font-weight:bold;
	  	font-size:12px;
	}
	
	div.yhteydenotto{
	  	padding-top:40px;
	  	padding-bottom:10px;
	  	font-weight:bold;
	  	font-size:12px;
	}

	div.linkkinuoli{
		background-image:url('../layout/makeup_linknuol.jpg');
		background-repeat:no-repeat;
		background-position:right bottom;
		width:100%;
	}

	div.tuotekuva{
	  	padding-bottom:40px;
	}
	
	div.kuvaplasta{
		padding-right:10px;
		padding-left:10px;
		padding-bottom:10px;	  	  
	}
	
	div.kuvapalsta_pohja{
		background-image:url('../layout/makeup_kuvapalsta2.jpg');
		background-repeat:no-repeat;
		height:330px;
		padding-top:45px;
		width:300px;
	}

	div.kuvapalsta_kuva{
		padding-left:57px;
	}

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


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

	table.galleria{
        margin-left:auto;
        margin-right:auto;	  
	  	background-image:url('../layout/makeup_galleriakehys.jpg');
	  	background-repeat:no-repeat;
		height:470px;
		width:675px;
	}

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

    table.main_table{
        margin-left:auto;
        margin-right:auto;
        border-collapse:collapse;
        width:900px;
        height:100%;
    }

    table.leveys{
        width:100%;
    }
    
    table.leveys_collapse{
        width:100%;
	    border-collapse:collapse;
    }

    table.collapse{
	    border-collapse:collapse;
    }
    
    table.hinnasto_yla{
	  	background-image:url('../layout/makeup_kehys_yla.jpg');
	  	background-repeat:no-repeat;
	  	background-position:top;
	  	width:100%;
	  	height:500px;
	}

	table.kuvapalsta{
		width:300px;
		border-collapse:collapse;
	}

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

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

    th{
        font-size:10px;
    }

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

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

	td{
  	  	vertical-align:top;
	}

	td.kuvapalsta_yla{
	  	background-image:url('../layout/makeup_kuvapalsta_yla.jpg');
	  	background-repeat:no-repeat;
	  	height:27px;
	}

	td.kuvapalsta_keski{
	  	background-image:url('../layout/makeup_kuvapalsta_keski.jpg');
	  	background-repeat:repeat-y;
	  	text-align:center;
	  	padding-top:20px;
	  	padding-bottom:20px;
	}

	td.kuvapalsta_ala{
	  	background-image:url('../layout/makeup_kuvapalsta_ala.jpg');
	  	background-repeat:no-repeat;
	  	height:27px;
	}

	td.hinnasto_ala{
	  	background-image:url('../layout/makeup_kehys_ala.jpg');
	  	background-repeat:no-repeat;
	  	background-position:bottom;
		padding-top:50px;	  
		padding-bottom:50px;
		padding-left:50px;
	}	

	td.tekstiosa{
		width:640px;			  
		padding-right:10px;
	}

	td.kuvaosa{
		width:300px;  
	}

	td.kuvaosa_galleria{
		width:475px;	  	
		background-image:url('../layout/makeup_galleriapohja.jpg');
	  	background-repeat:no-repeat;
	  	height:400px;
	}

	td.galleria_kuva{
		text-align:center;
		width:375px;
	}

	td.galleria_kuva_teksti{
	  	width:300px;
	  	height:315px;
	}
	
	td.kuvapalsta_ed{
	  	width:35%;
	  	text-align:left;
	}

	td.kuvapalsta_nyt{
	  	width:30%;
	  	text-align:center;
	  	font-size:14px;
	  	padding-top:11px;
	}

	td.kuvapalsta_seur{
	  	width:35%;
	  	text-align:right;
	}

	td.ali_yla{
	  	height:25px;
	  	background:url('../layout/makeup_alilink_yla.jpg');
	  	background-repeat:no-repeat;
	}

	td.ali_keski{
	  	background:url('../layout/makeup_alilink_kesk.jpg');
	  	background-repeat:repeat-y;
	  	padding-left:30px;
	  	padding-top:2px;
	  	padding-bottom:2px;
	}

	td.ali_ala{
	  	height:25px;
	  	background:url('../layout/makeup_alilink_ala.jpg');
	  	background-repeat:repeat-y;
	}
	

	td.taulukko_otsikko, td.taulukko_solu_eka{
	  	padding-right:10px;
	  	width:250px;
	  	padding-bottom:7px;
	}	

	td.taulukko_solu{
	  	padding-right:80px;
	}

	td.keskiosa{
	  	background-image:url('../layout/logopen_keskip.jpg');
		background-repeat:repeat-y;
	}
	
	td.alaosa{
	  	height:110px;
	  	background-image:url('../layout/logopen_alaplogot.jpg');
	  	background-repeat:no-repeat;
	}
	
	td.hurmos{
	  	text-align:center;
	  	padding-top:15px;
	}

	td.linkit{
	  	width:165px; 
		  padding-top:15px; 
	}
		
	td.leipateksti{
	  	width:715px;
	  	padding-top:15px;
	  	padding-bottom:15px;
	  	padding-left:10px;
	  	padding-right:15px;
	}

	td.kuvat{
		width:200px;	  
	}

	td.tekstipalsta{
		width:404px;
		padding-right:10px;	  
	}

	td.kuvapalsta{
		width:301px;	  
	}

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

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


	td.uutis_otsikko{
	  	font-weight:bold;
	  	font-size:11px;
	  	padding-bottom:10px;
	}
	
	td.teksti{
		width:100%;
	}

	td.teksti_kuvalla{
		width:313px;
		padding-right:10px;
	}
	
	td.kuvaosio{
	  	width:175px;
	  	padding-right:10px;
	  	text-align:left;
	}

	td.kuvasto_kuva{
	  	padding-right:20px;
	  	padding-bottom:20px;
	}

	td.kuvasto_linkki{
	  	vertical-align:middle;
	  	padding-bottom:20px;
	}	
	
	
	
	td.hallintalinkki{
	  	padding-bottom:5px;
	}

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

	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.paalinkki{
		padding-bottom:10px;
		white-space:nowrap;
    }

    td.paalinkki_hallinta{
		padding-bottom:5px;
		white-space:nowrap;
    }


	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:2px;
        font-size:12px;
    }

	td.alilinkki_solu{
	  	padding-top:3px;
	  	padding-bottom:10px;
	}

    td.alilinkki, td.alilinkki_valittu, td.alilinkki_eka{
        padding-bottom:1px;
    }

	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.hallintalinkki{
	  	padding-right:30px;
	}
	
	td.hallintalinkit{
	  	padding-top:10px;
	  	padding-bottom:20px;
	  	padding-left:330px;
	}

	td.lomake_kentta{
	  	padding-right:5px;
	}

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

/*******************************/
/* A-ELEMENTIT ALKAA           */
/*******************************/
    a{ 
	  	text-decoration:none; 
		color:white;
		font-size:16px; 
		font-family:"Georgia";
	}

	a:hover{
		color:rgb(153,0,0);
	}

	a.kuvapalsta{
		color:rgb(153,0,0);
		font-size:11px;	  
		font-weight:bold;
		font-family:"Verdana";
	}
	
	a.kuvapalsta:hover{
	  	text-decoration:underline;
	}
	
	a.paalinkki_valittu{
		color:rgb(153,0,0);
	}

    a.alilinkki,a.alilinkki_valittu{
        font-size:10px;
        font-family:"Verdana";
    }
    
    a.alilinkki_valittu, a.alilinkki:hover{
		color:rgb(153,0,0);
	}

    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;
        color:rgb(153,0,0);
    }

    a.linkki_tekstissa:hover{
        font-size:12px;
        color:rgb(153,0,0);
        text-decoration:underline;
    }
    
    a.hurmos{
        font-size:10px;
        font-weight:bold;
        color:white;
        text-decoration:none;
        font-family:"Verdana";
    }
    
    a.hurmos:hover{
	  	text-decoration:underline;
	}
    
    a.pieni_linkki:hover{
	  	text-decoration:underline;
	}
    
    a.linkki_lista{
        font-size:11px;
        font-weight:bold;
        color:rgb(153,0,0);
	}

	a.linkki_lista:hover{
		color:rgb(153,0,0);
		text-decoration:underline;	  
	}
	
	a.bold{
	  	font-weight:bold;
	}
	
	a.bold:hover{
	}

	a.gallerialinkki{
	  	font-size:11px;	
	  	color:black;
	  	font-weight:bold;
	}
	
	a.gallerialinkki:hover{
	  	text-decoration:underline;
	}


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


/*******************************/
/* IMG-ELEMENTIT ALKAA         */
/*******************************/
    
    img{
        border:0px;
    }
    
    img.sivukuva{
		width:187px;
	}
    
    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-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%;
    }

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

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

	span.underline{
	  	text-decoration:underline;
	}
	
	span.red{
	  	color:red;
	}
	
	span.blue{
	  	color:blue;
	}