/*@import url( "style.css" );*/




/*
  Käsitellään tässä kohassa tilausmoduulin tyylit
*/

table.TilausYla
{
	padding-top: 10px;
	background-image: url('../kuvat/sivutausta2.jpg');
	padding-left: 160px;
	padding-right: 160px;
	height: 100px;
	width: 1000px;
	vertical-align: top;
}

table.TilausAla
{
	padding-top: 10px;
	background-image: url('../kuvat/sivutausta.jpg');
	padding-left: 160px;
	padding-right: 160px;
	height: 100px;
	width: 1000px;
	vertical-align: top;
	
}

table.KuvagalleriaLogo
{
	padding-top: 10px;
	
	padding-left: 160px;
	padding-right: 160px;
	text-align: center;
	height: 100px;
	width: 1000px;
	vertical-align: top;
}

tr.EnnenVersioita
{
  height: 20px;
}
tr.Vali
{
  height: 10px;
  border-style: solid;
  border-color: #000000;
}



td.Vali
{
  height: 10px;
  border-style: solid;
  border-color: #000000;
  background-color: #f0f0f0;
  padding: 0px;
  
}

td.TilausHuom
{
  font-size: 13px;
  color: #ff0000;
}

td.Kori
{
  padding-left: 5px;
  padding-right: 5px;
}

td.KoriNumero
{
  padding-left: 5px;
  padding-right: 5px;
  width: 30px;
}

td.KoriTumma
{
  background-color: #f0f0f0;
}

td.KoriVaalea
{
  background-color: #ffffff;
}

td.Lomake
{
  width: 150px;
  text-align: left;
}


td.TilausmoduliKuva
{
  width: 120px;
  padding-top: 5px;
  padding-bottom: 5px;
}


td.TilausmoduliEsittely
{
  width: 400px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
}


td.TilausmoduliHinnatTieto
{
  width: 200px;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
}


td.TilausmoduliHinnatHinta
{
  width: 60px;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
}


td.TilausmoduliHinnatKentta
{
  width: 60px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}


p.Hinta
{
  height: 35px;
  /*border-style: solid;
  border-color: #f0f0f0;*/
}

img
{
  border: none;
}

img.Nuoli
{
  border: none;
}

img.TilausmoduliTuotekuvaPieni
{
  width: 100px;
}



img.oikea
{
  float: right;
  margin: 4px; 
  clear: right; 
}




img.vasen
{
  float: left;
  margin: 4px; 
  clear: left; 
}




/*
  Tilausmoduuli päättyy
*/




body
{
  color: #000000;
  
}

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #01a4ff;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color:#B7A5DF;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color:#99ff33;
	
	}

table.Yla
{
	padding-top: 5px;
	background-image: url('../kuvat/sivutausta2.jpg');
	padding-left: 160px;
	padding-right: 160px;
	
	width: 1000px;
	vertical-align: top;
}



table.Ala
{
	padding-top: 5px;
	background-image: url('../kuvat/sivutausta.jpg');
	padding-left: 160px;
	padding-right: 160px;
	height: 400px;
	width: 1000px;
	vertical-align: top;
	padding-bottom: 100px;
}

table.Rte
{
        text-align: left;
	padding-top: 10px;
	background-image: url('../kuvat/sivutausta2.jpg');
	padding-left: 160px;
	padding-right: 160px;
	height: 100px;
	width: 1000px;
	vertical-align: top;
}


/*table.Thumb
{
	padding-top: 10px;
	padding-left: 120px;
	padding-right: 120px;
	background-image: url('kuvat/sivutausta.jpg');
	text-align: center;
	height: 500px;
	width: 800px;
	vertical-align: top;
}*/

tr.Esittelyteksti
{
	
}

tr.Thumb
{
	text-align: center;
	vertical-align: top;	
}

tr.EdellinenSeuraava
{
  text-align: center;
}

td.Valikko
{
	padding: 10px;	
	padding-bottom: 0px;
	margin-left: 10px;
	vertical-align: top; 
}

td.Etusivu
{
	text-align: left;
	padding-left: 30px;
	padding-right: 30px;	
	vertical-align: top;
	padding-top: 30px;
}

td.EdellinenSeuraava
{
	padding: 10px;
	padding-top: 0px;
}

td.Kuva
{
	text-align: center;	
	
	
}


td.Esittelyteksti
{
	text-align: left;
	
	color: #000000;	
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	vertical-align: top;
	
}

td.Thumb
{
	padding: 10px;
	width: 120px;	
	vertical-align: top;
	height: 100px;
}

p.Copyright
{
  color: #000000;
  text-align: center;

}

img.Galleria
{
	
	border: 6px;
	border-style: ridge;
	border-color: #a0a0a0;
	
/*
Valitse näistä kehys (border-style) näytettävälle kuvalle
none                    = ei kehystä
hidden                  = ei kehystä
dotted                  = pisteitä
dashed                  = lyhyitä viivoja
solid                   = tasavärinen
double                  = 2 ohutta viivaa
groove                  = varjostettu "taulunkehys"
ridge                   = varjostettu
inset                   = sisäänpäin kallistuva taulunkehys
outset                  = ulospäin kallistuva taulunkehys
*/
	
}


/*####################################################*/
ul.valikko1 {
   margin: 0;
   margin-left: 10px;
   padding: 0;
   list-style-type: none;
   text-align: left;
   font-size: 13;
   margin-top: 0px;
   margin-bottom: 0px;
   
   
   
}

ul.valikko1 li 
{
  margin-top: 5px;
  margin-bottom: 5px;
  
   
}


ul.valikko1 a {
  
   
   color: #ffffff;
   display: block;
   width: 100%;
   
   padding-left: 0px;
   text-decoration: none;
   font-weight : bold;
   font-family: Verdana, Geneva;
   padding-top: 6px;
   padding-bottom: 6px;
}

ul.valikko1 a:hover 
{
  
   color: #c8c3c9;
   text-decoration: none;
   
}

ul.valikko1 a:active 
{
   
   color: #c8c3c9;
   text-decoration: none;
   
}



ul.valikko1_auki {
   margin: 0;
   margin-left: 10px;
   padding: 0;
   list-style-type: none;
   text-align: left;
   font-size: 13;
   
   
}

ul.valikko1_auki li 
{
  margin-top: 5px;
  margin-bottom: 5px;
  
}


ul.valikko1_auki a {
   /*background: yellow;*/
   /*color: #5a7b82;*/
   color: #c8c3c9;
   display: block;
   width: 100%;
   /*border-left: 5px solid orange;*/
   padding-left: 0px;
   text-decoration: none;
   font-weight : bold;
   font-family: Verdana, Geneva;
   padding-top: 6;
   padding-bottom: 6;
}

ul.valikko1_auki a:hover 
{
   /*background: orange;*/
   color: #c8c3c9;
   
   /*color: #6bb1d5;*/
   text-decoration: none;
   
}

ul.valikko1_auki a:active 
{
   /*background: orange;*/
   /*color: #b0b0b0;*/
   color: #c8c3c9;
   
   text-decoration: none;
   
}


/*####################################################*/

img.Thumb
{
	border: 0px;
	width: 100px;	
}

p.ValikonLuonti
{
  color: #ffffff;
  font-size: 17px;
}