
.etusivulinkkiteksti {	color: rgb(88,88,88); margin: 20px 50px 10px 35px;  padding: 0px;  letter-spacing: 0.07em; }




body {	margin: 0px;  padding: 0px; font-family: Verdana, "Liberation Sans", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;  
		color: rgb(0,0,0);  background-color: rgb(255,255,255);   }
td   {	vertical-align: top;   }





/*    sarakkeet, alueet, logot, palstoitus    ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo   */

.sivu {		width: 100%;		 
			border-width: 0px 0px 0px 0px;  border-color: rgb(251,213,45);  border-style: solid;  }
.ylin-alue    {	background-image: url(kuvat/logo.jpg); 
			border-width: 0px 0px 3px 0px;  border-color: rgb(125,130,132);  border-style: solid; }
.vasen-sarake {	padding: 40px 0px;  width: 220px;  background-color: rgb(204,204,204);   }
.keski-sarake {	padding: 40px 0px;  width: 95%;    
			border-width: 0px 0px 1px 0px;  border-color: rgb(222,222,222);  border-style: solid; }

.sisa-sivu {	margin: 0px 30px 20px 50px;    }








/*    perustietoja    ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo   */

h1 { 			margin: 0px 50px 20px 35px;   padding: 0px;  font-size: 140%;  letter-spacing: 0.03em;  color: rgb(104,104,104);  }
h2 {	  		margin: 0px 50px 10px 35px;  padding: 0px;  font-size: 110%;  letter-spacing: 0.03em;  color: rgb(104,104,104);  }
.hintatieto {	font-size: 80%; margin-left: 150px;   color: rgb(0,0,0); }
.etusivu {		margin: 25px 0px 0px 35px;  font-size: 90%; }
.apuotsikko {	padding-top: 15px;  margin-top: 50px; 
			border-width: 1px 0px 0px 0px;  border-color: rgb(222,222,222);  border-style: solid;  }
.banneri {		margin: 0px 50px 10px 35px;  padding: 0px;  letter-spacing: 0.07em;  }
.tuotteet-otsikko {	margin: 20px 0px 10px 35px;  font-size: 100%; }
h3 {	  		margin: 0px 50px 10px 35px;  padding: 0px;  font-size: 85%;  letter-spacing: 0.03em;  color: rgb(104,104,104);  }
p {			font-size: 80%;   }
.teksti {		margin: 20px 50px 10px 35px;  padding: 0px;  letter-spacing: 0.07em;  }
.isoteksti {	font-size: 100%;  margin: 0px 50px 20px 35px;  }
.kuvateksti {	margin: 30px 50px -14px 35px;   color: rgb(88,88,88); }
.apuslogan {	color: rgb(100,100,100);   margin-left: 28px;  padding: 0px;  }
.leveys {		max-width: 40em;  }
.luettelo-leveys {	max-width: 34em;  }

ul {	 font-size: 80%;  letter-spacing: 0.05em;  margin-left: 55px;  list-style-image: url(kuvat/pallo-8.png); }
li { 	 letter-spacing: 0.05em;  padding: 0px 0px 7px 20px; }






/*    etusivun vasen palsta ja uutispalsta    ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo   */

.vasen-palsta {	width: 62%; }
.oikea-palsta {	width: 38%;  padding-left: 30px;   
			border-width: 0px 0px 0px 2px;  border-color: rgb(222,222,222);  border-style: solid;  }
.iframe-emulaatio {	margin: 0px 35px 0px 35px;   padding: 0px;  font-size: 140%;  letter-spacing: 0.05em;  font-weight: bold;  color: rgb(104,104,104);  }
.osoite-solu  {	background-color: rgb(204,204,204);  vertical-align: bottom;  padding-bottom: 60px;  
			border-width: 0px 0px 1px 0px;  border-color: rgb(222,222,222);  border-style: solid;} 
.osoite {		font-size: 80%;  line-height: 1.4; 	margin: 12px 16px;  letter-spacing: 0.05em;  }
.osoite-boxi {	width: 200px;  margin: 10px;   
			border-width: 2px;  border-color: rgb(251,213,45);  border-style: solid; } 					

.otsikko-emulaatio {	margin: 0px 35px 20px 35px;   padding: 0px;  font-size: 140%;  letter-spacing: 0.05em;  font-weight: bold;  color: rgb(104,104,104);  }
.oikea-otsikko {		font-size: 90%;  margin: 0px 35px 0px 35px;   padding: 0px;  }
.oikea-teksti {		color: rgb(104,104,104);   margin: 0px 35px 20px 35px;   padding: 0px;  }

.luettelotaulukko {	margin: 20px 50px 10px 35px;  padding: 0px;  font-size: 80%;  letter-spacing: 0.07em; 
				border-width: 1px 1px 0px 0px;  border-color: rgb(251,213,45);  border-style: solid; }
.luettelotaulukko-vasen { 	text-align: center; padding: 3px 15px 3px 20px;  
					border-width: 0px 0px 1px 1px;  border-color: rgb(251,213,45);  border-style: solid; }
.luettelotaulukko-oikea {	padding: 3px 15px 3px 20px;  
					border-width: 0px 0px 1px 1px;  border-color: rgb(251,213,45);  border-style: solid;  }







/*    tuotesivun 3 palstaa ja tuotekortti ja edustukset  oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo   */



.vasen-palsta-tuote {	width: 36%; }
.keski-palsta-tuote {	width: 34%;  border-width: 0px 0px 0px 2px;  border-color: rgb(222,222,222);  border-style: solid;  }
.oikea-palsta-tuote {	width: 30%;  border-width: 0px 0px 0px 2px;  border-color: rgb(222,222,222);  border-style: solid;  }


.vasenpuoleinen-palsta {	width: 50%;    }
.oikeanpuoleinen-palsta {	width: 50%;  border-width: 0px 0px 0px 2px;  border-color: rgb(222,222,222);  border-style: solid;  }


.tuote-sivu {		margin: 0px 0px 0px 0px;  width: 100%; 
				border-width: 0px 30px 0px 50px;  border-color: rgb(255,255,255);  border-style: solid;}
.tuote-logo-solu {	width: 300px;  padding: 0px 0px 0px 30px;  text-align: right; }
.tuote-solu {		padding:  0px 0px 20px 0px;  }
.tuote-kuva-solu {	padding: 20px 0px 20px 30px;  text-align: center; }
.tuote-kuva-teksti {	margin: 7px 0px 0px 0px;  padding: 0px;  font-size: 80%; }

.raamit {			border-width: 1px;  border-color: rgb(251,213,45);  border-style: solid;  padding: 1px; }
.raamiton {			border-width: 1px;  border-color: rgb(255,255,255);  border-style: solid; }




/*    linkit    ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo   */

a:link {	color: rgb(104,104,104);  text-decoration: underline; }  
a:visited {	color: rgb(200,200,200);  text-decoration: underline; }
a:hover {	color: rgb(0,0,0);        text-decoration: none; }


.linkki-lohko {	margin-top: -6px;  }
.tumma-linkki { 	letter-spacing: 0.05em;  font-size: 90%; }
.tumma-linkki-valittu { font-weight: bold; letter-spacing: 0.05em;  font-size: 90%; }
.tumma:link { 	padding: 6px 6px 5px 40px;  color: rgb(0,0,0);  					      display: block;  text-decoration: none;  }
.tumma:visited { 	padding: 6px 6px 5px 40px;  color: rgb(100,100,100);  				      display: block;  text-decoration: none;  }
.tumma:hover { 	padding: 6px 6px 5px 40px;  color: rgb(0,0,0);  background-color: rgb(251,213,45);  display: block;  text-decoration: none;  }
.tumma-aktiivi { 	font-weight: bold; padding: 6px 6px 5px 40px;  color:  rgb(251,213,45); 						display: block;   }
.rako {			margin-top: 20px; 	}	


.lisatietoja:link {	padding: 0px 2px;  font-weight: bold;   color: rgb(104,104,104); text-decoration: none;   }  
.lisatietoja:visited {	padding: 0px 2px;  font-weight: bold;   color: rgb(150,150,150); text-decoration: none;   }
.lisatietoja:hover {	padding: 0px 2px;  font-weight: bold;   color: rgb(0,0,0);       background-color: rgb(251,213,45);   text-decoration: none; }



.tuote-linkki { 	margin: 0px 20px 5px 35px; letter-spacing: 0.05em;  font-size: 80%; }
.tuote:link { 	padding: 0px 0px 0px 0px;  margin: 0px;  color: rgb(34,34,34);  text-decoration: none;     display: block; }
.tuote:visited { 	padding: 0px 0px 0px 0px;  margin: 0px;  color: rgb(150,150,150);  text-decoration: none;  display: block;    }
.tuote:hover { 	padding: 0px 0px 0px 0px;  margin: 0px;  color: rgb(0,0,0);  text-decoration: underline;   display: block;  background: none;  }



.edustus-joukko { 	margin: 0px 20px 11px 35px; letter-spacing: 0.05em;  font-size: 80%; color: rgb(0,0,0);}
.edustus:link { 		padding: 0px 0px 0px 0px;  margin: 0px;  color: rgb(34,34,34);  text-decoration: none;      }
.edustus:visited { 	padding: 0px 0px 0px 0px;  margin: 0px;  color: rgb(150,150,150);  text-decoration: none;      }
.edustus:hover { 		padding: 0px 0px 0px 0px;  margin: 0px;  color: rgb(0,0,0);  	  text-decoration: underline;   background: none;  }




.tekstilinkki:link {	margin: 0em 0.2em;  padding: 0em 0em;   color: rgb(104,104,104);  text-decoration: underline; }  
.tekstilinkki:visited {	margin: 0em 0.2em;  padding: 0em 0em;   color: rgb(180,180,180);  text-decoration: underline; }
.tekstilinkki:hover {	margin: 0em 0em;    padding: 0em 0.2em; color: rgb(0,0,0);        background-color: rgb(251,213,45);   text-decoration: none; }




/*    erikoiset    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo   */


.keskitetty td {	vertical-align: middle; font-size: 70%; }

.joululaatikko {	text-align: center; margin: 50px 50px 20px 35px;  padding: 30px 40px; background-color: rgb(255,255,80); 
			border-width: 4px;  border-color: rgb(230,20,20);  border-style: solid;  }
.joulutervehdys {	margin: 0px; font-size: 140%;  font-style: italic; letter-spacing: 0.07em; word-spacing: 0.17em; 
			font-family: "Liberation Serif", "Bitstream Vera Serif", "Times New Roman", serif;   }




/*    varasto    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo   */

.sinappi {			color: rgb(251,213,45);		 }
.tumman-harmaa {		color: rgb(104,104,104);	 }
.harmaa-keski { 		background-color:	rgb(140,140,140); 	} 
.huomautus-fontti {	font-family: "Liberation Serif", "Bitstream Vera Serif", "Times New Roman", serif;  		}
.reunaviiva {		border-width: 1px 1px 1px 1px;  border-color: rgb(104,140,0);  border-style: solid;  	} 

