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





/*    SARAKKEET,  ALUEET,  LOGOT     oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo   */

.nurkkataulukko {	width: 70%;  margin: 5px 0px 0px 0px;  padding: 0px;  }
.nurkkasolu-y {	background-image: url(kuvat/nurkka6-23.png);  background-position: right;  }
.nurkkasolu-a {	background-image: url(kuvat/nurkka6-89.png);  background-position: right;   }
.nurkkapala-yv  {	float: left;   }
.nurkkapala-av  {	float: left;   }

.sivu {		width: 100%;  border-width: 0px 1px 0px 1px;  border-color: rgb(20,20,135);  border-style: solid; }		
td .sivu {	text-align: left; }




/*    kielilinkit    ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo   */

.kielisolu {	text-align: right;  font-size: 80%;  padding: 8px 40px 8px 0px; }
.kielilinkki:link { 	color: rgb(20,20,135);  margin-left: 20px;  text-decoration: none;  }
.kielilinkki:visited { 	color: rgb(20,20,135);  margin-left: 20px;  text-decoration: none;  }
.kielilinkki:hover { 	color: rgb(20,20,135);  margin-left: 20px;  text-decoration: underline;  }




/*    logo ja image    ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo   */

.logoeriele {		float: left;  margin: 30px 20px 30px 40px; 	  }
.logofiltro {		float: left;  margin: 30px 20px 30px 40px; 	  }
.imagesolueriele {	height: 120px; background-image: url(kuvat/imageeriele.jpg);  background-repeat: no-repeat;  background-position: left;  }
.imagesolufiltro {	height: 120px; background-image: url(http://www.eriele.fi/kuvat/imagefiltro.jpg);  background-repeat: no-repeat;  background-position: left;  }
.sloganelementti {text-align: right; margin: 90px 0px 0px 0px; }
.slogan   { text-align: right;  font-style: italic;  padding: 3px 20px 2px 20px;  margin:0px;  
		background-color: rgb(232,232,232); 
		font-size: 100%;  color: rgb(0,0,0);   letter-spacing: 0.05em; }


/*    ilmoitusraamit vakio    ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo   */

.ilmoitusraamit {	margin: 21px 1px;  padding-bottom: 3px; 
			word-spacing: 0.1em; letter-spacing: 0.05em;
			border-width: 1px 1px 1px 1px;  border-color: rgb(20,20,135);  border-style: dotted; }
.ilmoitusotsikko {display: block;  font-size: 80%;  font-weight: bold;
			margin: 0px 0px 5px 0px;  padding:  5px 14px 3px 14px;   }

.raamiteriele {	background-color: rgb(238,255,128);  } 
.otsikkoeriele {	background-color: rgb(222,255,5);   }
.raamitfiltro {	background-color: rgb(255,237,117);  }
.otsikkofiltro {	background-color: rgb(250,216,0);   }

.ilmoitusteksti {	font-size: 80%;   margin: 0px 0px 0px 0px;  padding:  3px 14px 3px 14px; 	 }
.ilmoitushuomio {	font-size: 80%;  margin: 0px 0px 0px 0px;  padding:  3px 14px 3px 14px;  font-weight: bold;  }
.ilmoituspampula{	margin: 5px 10px 5px 16px;  font-size: 80%;  padding: 0px 0px 0px 15px;
			background-image: url(kuvat/pallo-6.png);  background-position: 0 0.3em;  background-repeat: no-repeat;  } 
.keskitetty {	text-align: center; 	 }




/*    ilmoitusraamit kevättarjous    ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo   */

.raamiteriele1 {	text-align: center; margin: 21px 1px;  padding: 12px 0px 9px 0px; 
			word-spacing: 0.1em; letter-spacing: 0.05em; background-color: rgb(167,254,167);  /* 252.255.55  */
			border-width: 2px;  border-color: rgb(240,10,25);  border-style: solid; }
.etuteksti {	font-size: 80%;   margin: 0px 0px 0px 0px;  padding:  5px 7px 5px 7px; 	 }
.etu1 {	font-size: 90%;  margin: 0px 0px 0px 0px;  padding:  3px 7px 3px 7px;   }
.etu2 {	color: rgb(240,10,25);  font-size: 90%;  margin: 0px 0px 0px 0px;  padding:  13px 7px 3px 7px;  font-weight: bold;  }
.etu3 {	font-size: 90%;  margin: 0px;  padding:  23px 14px 3px 14px;    }
.etu4 {	padding-top:  23px; }




/*    vasen reuna    ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo   */

.vasen-sarake {	width: 260px;   background-color: rgb(245,245,245);   }



a:link {	color: rgb(0,50,200);      text-decoration: underline; }  
a:visited {	color: rgb(150,100,250);  text-decoration: underline; }
a:hover {	color: rgb(44,75,168);   text-decoration: none; }

.linkkilohko {  	padding: 0px; margin: 0px 0px 10px 1px;  background-color: rgb(20,20,135);   
 			border-width: 10px 0px 1px 0px;  border-color: rgb(20,20,135);     border-style: solid; }

.tumma-linkki { 	letter-spacing: 0.15em;  font-size: 71%;  
			border-width: 1px 0px 0px 0px;  border-color: rgb(204,204,204);   border-style: solid; }
.tumma:link { 	padding: 6px 6px 5px 23px;  color: rgb(232,232,232);  display: block;  text-decoration: none;  }
.tumma:visited { 	padding: 6px 6px 5px 23px;  color: rgb(200,175,252);  display: block;  text-decoration: none;  }
.tumma:hover { 	padding: 6px 6px 5px 23px;  color: rgb(0,0,0);  background-color: rgb(204,204,204);     display: block;  text-decoration: none;  }
.tumma-aktiivi { 	padding: 6px 6px 5px 23px;  color: rgb(0,0,0);  background-color: rgb(204,204,204);     display: block;  text-decoration: none;  }


.irtolinkkilohko{ padding: 2px; margin: 10px 20px 40px 20px;  background-color: rgb(255,255,255);   
			border-width: 1px 1px 1px 1px;  border-color: rgb(20,20,135);  border-style: solid; }
.irto-linkki { 	letter-spacing: 0.15em;  font-size: 71%;  background-color: rgb(20,20,135);
			border-width: 1px 1px 1px 1px;  border-color: rgb(20,20,135);  border-style: solid; }
.irto:link { 	padding: 3px 6px 3px 33px;  color: rgb(232,232,232);  display: block;  text-decoration: none;  }
.irto:visited { 	padding: 3px 6px 3px 33px;  color: rgb(200,175,252);  display: block;  text-decoration: none;  }
.irto:hover { 	padding: 3px 6px 3px 33px;  color: rgb(0,0,0);  background-color: rgb(204,204,204);     display: block;  text-decoration: none;  }
.irto-aktiivi { 	padding: 3px 6px 3px 33px;  color: rgb(0,0,0);  background-color: rgb(204,204,204);     display: block;  text-decoration: none;  }




.vasenotsikko {	font-weight: bold; margin: 7px 20px 8px 23px;  padding: 0px;  line-height: 1.4; 
			font-size: 80%; letter-spacing: 0.07em; word-spacing: 0.1em;  }
.vasenteksti {	margin: 7px 20px 8px 23px;  padding: 0px;  line-height: 1.4; 
			font-size: 80%; letter-spacing: 0.07em; word-spacing: 0.1em;  }
.vasenluettelo {	line-height: 1.8;  color: rgb(122,122,122);  font-size: 80%;   }





/*    keskiosa   oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.keski-sarake {	padding: 0px 0px 25px 0px;     }
.erieleviiva {	height: 100%; 
			border-width: 10px 0px 0px 0px;  border-color: rgb(222,255,5);  border-style: solid; }
.filtroviiva {	height: 100%; 
			border-width: 10px 0px 0px 0px;  border-color: rgb(250,216,0);  border-style: solid; }


h1 {	letter-spacing: 0.05em; word-spacing: 0.09em;  font-size: 115%;   font-variant: small-caps;
	margin: 30px 10px 31px 80px;  padding: 0px;    color: rgb(20,20,135);    }
h2 {	letter-spacing: 0.03em; word-spacing: 0.07em;  font-size: 110%;    font-weight: normal; 
	margin: 24px 1px 10px 80px;  padding: 10px 0px 0px 0px;  color: rgb(20,20,135); 
	border-width: 1px 0px 0px 0px;  border-color: rgb(20,20,135);  border-style: solid; }
.ilmanviivaa {	border-width: 0px;  }
h3 {	letter-spacing: 0.03em; word-spacing: 0.07em;  font-size: 90%;   
	margin: 18px 1px 10px 80px;  padding: 10px 0px 0px 0px;  color: rgb(20,20,135);  }
p {  }

.teksti { 	font-size: 90%;  margin: 10px 50px 10px 80px;  padding: 0px;  line-height: 1.4; }

.ingressi { font-size: 104%;  margin: 10px 50px 17px 80px;  padding: 0px;  font-style: italic; line-height: 1.4; 
		font-family: "Bitstream Vera Serif", "Times New Roman", serif; }
.sivunjakaja { font-size: 104%;  margin: 30px 50px 7px 80px;  padding: 0px;  font-style: italic; line-height: 1.4; 
		font-family: "Bitstream Vera Serif", "Times New Roman", serif; }

.lisatiedot { 	font-size: 75%;  margin: 15px 60px 15px 80px;  padding: 0px;  line-height: 1.4; }
.huomio1 { 	font-size: 100%;  margin: 20px 50px 10px 80px;  padding: 0px;  font-style: italic;   
		font-family: "Bitstream Vera Serif", "Times New Roman", serif; }
.huomio2 { 	float: right;  width: 200px;  font-size: 100%;  margin: 0px 50px 10px 20px;  padding: 2px 0px 2px 14px;  font-style: italic;   
		font-family: "Bitstream Vera Serif", "Times New Roman", serif; 
		border-width: 0px 0px 0px 14px;  border-color: rgb(234,234,234);  border-style: solid; }
.pampularivi {	margin: 10px 60px 10px 125px;  font-size: 80%;  padding: 0px 0px 0px 15px;
			background-image: url(kuvat/pallo-6.png);  background-position: 0 0.3em;  background-repeat: no-repeat;  } 
.pampulakappale {	margin: 10px 60px 20px 82px;  font-size: 90%;  padding: 0px 0px 0px 35px;
			background-image: url(kuvat/pallo-8.png);  background-position: 0 0.4em;  background-repeat: no-repeat;  } 




/*    kuvat    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo   */

.kuvaelementti {	float: right;   margin: 2px 1px 10px 30px;  background-color: rgb(245,245,245);   }
.kuvateksti {	font-size: 76%;  margin: 4px 10px 6px 12px;  padding: 0px;  width: 178px; 
			letter-spacing: 0.03em;  word-spacing: 0.09em; }
.leveekuvaelementti {	width: 550px;  margin: 20px 0px 10px 80px;  background-color: rgb(245,245,245);   }
.leveekuvateksti {	font-size: 82%; padding: 14px 30px 16px 30px;  margin: 0px;  width: 490px; 
				letter-spacing: 0.03em;  word-spacing: 0.09em; }
.minikuvalohko {	margin: 10px 10px 10px 80px;  }
.minikuva {	margin: 0px 1px 1px 0px;   }




/*    osoite    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo   */

.yhteysraamit {	height: 140px; 
			border-width: 1px 1px 0px 1px;  border-color: rgb(255,255,255);  border-style: solid;   }
.yhteystausta {	background-image: url(kuvat/rakennus.jpg);  background-position: center top;  background-repeat: no-repeat; }
.yhteyssivuotsikko {	margin-top: 30px; margin-bottom: 0px; font-size: 100%; }

.vierekkaiskuvat {	text-align: center; 	}
.yhteyskuva-vasen {	margin: 21px 0px 10px 0px;   }
.yhteyskuva-oikea {	margin:  21px 0px 10px 1px;   }


.osoiteotsikko {	margin: 20px 50px 0px 80px;   }
.osoitetaulukko {	margin: 0px 50px 10px 80px;    }
.osoite {		font-size: 90%;  padding: 0px;  line-height: 1.4;    }
.osoitevasen {	 }
.osoiteoikea {	padding: 0px 0px 0px 40px;  }
.osoiterako {	line-height: 2.9;  }
.kartta {	margin: 10px 0px 10px 80px;  padding: 0px;  width: 350px;
		border-width: 1px;  border-color: rgb(188,188,188);  border-style: solid; }


.alareuna { font-size: 70%;  margin: 7px 0px 30px 0px;  padding: 0px;  }

.taulukko {	font-size: 90%;  margin: 10px 50px 10px 80px;  
		border-width: 1px 1px 0px 0px;  border-color: rgb(20,20,135);  border-style: solid;  }
.yhteyssolu {	padding: 4px 10px 3px 20px;
			border-width: 0px 0px 1px 1px;  border-color: rgb(20,20,135);  border-style: solid;  }
.yhteys {	width: 550px; 	  }

.suodatinotsikko {	padding: 9px 10px 7px 10px;  background-color: rgb(245,245,245);  font-weight: bold; 
			border-width: 0px 0px 1px 1px;  border-color: rgb(20,20,135);  border-style: solid;  }
.suodatinsolu {	text-align: center;  padding: 4px 10px 3px 10px;
			border-width: 0px 0px 1px 1px;  border-color: rgb(20,20,135);  border-style: solid;  }
.suodatin {	 	  }


/* ---------- värivarasto -------------------------------------------------------------------------- */

 
.viininpunainen {		color: rgb(20,20,135); 								} 
.sininen {			color: rgb(20,20,135); 								}
.keltainenhaalea { 	color: rgb(255,255,153);  							}
.kirkkaankeltainen { 	color: rgb(204,204,204);								} 
.huomautus-fontti {	font-family: "Bitstream Vera Serif", "Times New Roman", serif; 	}


