
body {	background-image: url(kuvat/sensoback3.jpg);   background-color: rgb(231,242,253); 
		font-family: "Liberation Sans", Verdana, Arial, sans-serif;  color: rgb(0,0,0);  }
td {		vertical-align: top; }		

.sivu {	margin-bottom: 20px; }
.logosolu {	width: 16%;    }
.logo {	margin: 20px 0px 40px 4px; }
.vasenpilari {	padding: 40px 12px; }


.otsikkosolu {	vertical-align: middle;  }
h1    {   		font-size: 150%;  text-align: center;  margin: 30px 0px 0px 0px;  padding: 0px;  color: rgb(255,255,255); }


.tekstin-vasen-marginaali { background-image: url(kuvat/cornerwhite.gif); }
.tekstin-oikea-marginaali { background-color: rgb(255,255,255); }

.tekstisolu {	padding: 0px 0px 35px 0px;  background-color: rgb(255,255,255); }
h2    {		margin: 40px 0px 10px 0px;  font-size: 110%; }
.h2-ylin    {	margin: 40px 0px 10px 0px;  font-size: 140%; }
h3    {		margin: 30px 0px 10px 0px;  font-size: 87%; }
.teksti  {  	margin: 20px 0px 10px 0px;  font-size: 87%;  }
.ingressi {		font-size: 92%;   } 


ul {		font-size: 87%;   }
.pampula-lohko {	 }
.pampula-rivi {	padding: 0px 0px 5px 10px; }


.perustaulukko {		width: 580px;  margin: 10px 0px; 
				border-width: 1px 0px 0px 1px;  border-color: rgb(136,170,255);  border-style: solid; }
.perustaulukko td { 	font-size: 80%; text-align: center;  padding:  2px 0px 3px 0px; 
				border-width: 0px 1px 1px 0px;  border-color: rgb(136,170,255);  border-style: solid; }
.otsikko { 			font-weight: bold;   background-color: rgb( 240,240,250);  }
.solukuva {		  	padding: 0px;  margin: 3px 0px 1px 0px; }





/*    tuotetaulukko   oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */



.tuote-taulukko {		margin: 50px 0px 35px 50px;  width: 580px; }
.tuote-taulukko td {	vertical-align: top;    }
.tuoteluettelo	{ 	margin: 0px 0px 10px 0px;  padding: 0px; } 
.tuote-vasen {	text-align: right; padding: 4px 20px 30px 0px;}
.tuote-oikea {	padding: 0px 0px 30px 30px;
			border-width: 0px 0px 0px 1px;  border-color: rgb(231,242,253);  border-style: solid; }
.tuoterivi {		margin: 0px 0px 4px 0px; font-size: 87%; }
.pampula-rako{		margin: 0px 15px 0px 0px;  font-size: 107%; }



/*    oikea ylänurkka oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

.uutissolu {	width: 150px;  }
.uutiset { 		margin: 18px 2px 0px 0px;  padding: 5px 9px 5px 9px;  font-size: 77%;  background-image: url(kuvat/xn_valkea.jpg);  
			border-width: 1px;  border-color: rgb(136,170,255);  border-style: dashed; }

.tuoteuutiset { 	font-size: 90%; margin: 18px 2px 0px 0px;  padding: 5px 9px 5px 9px;  background-image: url(kuvat/xn_valkea.jpg);  
			border-width: 1px;  border-color: rgb(136,170,255);  border-style: dashed; }
.tuotemerkki  {  	font-size: 81%;  letter-spacing: 0.02em;  margin: 3px 4px 3px 4px;    } 
.raolla {		margin-top: 10px;  }

.apukuvateksti {	font-size: 107%;  font-style: italic;  margin: 10px 60px 15px 70px; } 






/*    oikea sarake  oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
.oikeapilari { 		padding:  40px 5px; }
.pikkukuva {		margin:   0px 7px 0px 7px;  }
.kuvateksti  { 	margin:  5px 7px 19px 7px;  font-size: 75%;  }

.p-linkki:link    {   	margin: 0px 4px;  font-size: 77%;  color: rgb(0,136,221);   } 
.p-linkki:visited {   	margin: 0px 4px;  font-size: 77%;  color: rgb(94,51,153);   }
.p-linkki:hover   {   	margin: 0px 4px;  font-size: 77%;  color: rgb(255,133,5);   }
.p-rako           {   	margin: 5px 0px 28px 0px;  }




/*    linkit  oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
                        																																																																			
a:link    {  color: rgb(0,136,221);  text-decoration: none; } 
a:visited {  color: rgb(94,51,153);  text-decoration: none; }
a:hover   {  color: rgb(255,133,5);	 text-decoration: none; }
	
                        																																																																			
.onappi { 	margin: 0px 0px 2px 0px;  padding: 0.3em 0.7em 0.2em 0.7em;  color: rgb(255,255,255); 
		background-color: rgb(0,68,153);  display: block;  font-size: 77%;  font-weight: bold; }
.raamit  { 	margin: 0px 0px 10px 0px;  background-color: rgb(255,255,255); 
		text-decoration: none;  display: block;  font-size: 77%; 
		border-width: 1px;  border-color: rgb(175,198,215);  border-style: solid;  }
.nappula        { word-spacing: 0.1em;  letter-spacing: 0.03em; border-width: 0px 0px 1px 0px;  border-color: rgb(175,198,215);  border-style: solid;  }  
.linkki:link    { color: rgb(0,136,221);  display: block;  padding: 0.2em 0.7em 0.1em 0.7em; }  
.linkki:visited { color: rgb(94,51,153);  display: block;  padding: 0.2em 0.7em 0.1em 0.7em; }
.linkki:hover   { color: rgb(0,0,0);      background-color: rgb(255,187,68);   display: block; padding: 0.2em 0.7em 0.1em 0.7em; }     
.aktiivi-linkki { color: rgb(94,51,153);  background-color: rgb(255,187,68);   display: block; padding: 0.2em 0.7em 0.1em 0.7em; }                        																																																					


.linkki-merkki:link    { border-width: 0px 0px 0px 7px;  border-color: rgb(255,187,68);   border-style: solid;  color: rgb(0,136,221);  display: block;  							padding: 3px 10px 1px 3px; }  
.linkki-merkki:visited { border-width: 0px 0px 0px 7px;  border-color: rgb(255,187,68);   border-style: solid;  color: rgb(94,51,153);  display: block;  							padding: 3px 10px 1px 3px; }
.linkki-merkki:hover   { border-width: 0px 0px 0px 7px;  border-color: rgb(255,187,68);   border-style: solid;  color: rgb(0,0,0);      background-color: rgb(255,187,68);   display: block; 	padding: 3px 10px 1px 3px; }     







/*    etusivu taulukko   oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

.taulukkovaihtuva {	width: 100%; margin: 20px 0px 13px 0px; 
				border-width: 1px 1px 1px 1px;  border-color: rgb(136,170,255);  border-style: solid; }
.pikkuotsikko {	background-color: rgb(255,187,68);  margin: 100px 0px 10px 10px;  padding: 1px 20px 0px 20px; 
			color: rgb(0,68,153);  font-weight: bold; font-size: 100%;       
			float: left;  display: inside; word-spacing: 0.13em;  letter-spacing: 0.1em;  }

.vaihtuoikea {	padding: 10px 30px 10px 30px;  font-size: 80%;  word-spacing: 0.13em;  letter-spacing: 0.07em; }
.vaihtuvaotsikko {	margin: 7px 10px 10px 12px;  font-size: 100%;  font-weight: bold; }
.vaihtuvateksti {	 	margin: 10px 10px 10px 12px;  font-size: 85%;  }
.sisennys {	 	margin-left: 52px;   }

.vaihtuvavasen {	width: 250;  }
.inoxsens {		background-image: url(uutiset/kuvat/inox-300.jpg); }
.mtsethercat {	background-image: url(uutiset/kuvat/mtsethercat-300.jpg); }









/*    erikoiset  oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

.kuvapaketti {	display: block;  margin: 20px 0px 0px 0px;   background-color: rgb(231,242,253);
			text-align: center; 
			border-width: 1px 1px 1px 1px;  border-color: rgb(231,242,253);   border-style: solid;  }
.kuvaselitys {	text-align: center;  margin: 5px 20px 7px 20px;  padding: 0px; font-style: italic;   
			font-family: "Bitstream Vera Serif", "Times New Roman", serif; }
.neliokuva {	float: left;  margin: 12px 14px 10px 0px; }

.osoitesolu { 	padding: 7px; } 
.osoite  {  	word-spacing: 0.1em;  letter-spacing: 0.03em;  padding: 0px 9px 0px 9px;   font-size: 72%;  
			background-color: rgb(231,242,253);  } 
.keskitetty {	text-align: center;  }

.vaakaviiva {	display: block; 
			border-width: 0px 0px 1px 0px;  border-color: rgb(175,198,215);   border-style: solid;  }

.kelluva-oikea {		float: right; margin: 12px 0px 10px 10px; }
.kelluva-oikea-p {	float: right; margin: 0px 0px 10px 10px; }
.kelluva-oikea-h2 {	float: right; margin: 50px 0px 10px 20px; }
.kelluva-vasen {		float: left; margin: 12px 10px 10px 0px; }
.kelluva-vasen-p {	float: left; margin: 30px 30px 10px 0px; }
.kelluva-vasen-h2 {	float: left; margin: 40px 30px 10px 0px; }
.kelluva-vasen-h3 {	float: left; margin: 30px 30px 10px 0px; }


.kartta {		margin-left: 30px;  }
.valkeatausta {	width: 100%;  height: 100%;  background-image: url(kuvat/xn-valkea.jpg); }

.karttalinkki {	margin: 12px 0px 0px 50px;  font-size: 80%;  }
.karttaotsikko {	margin: 6px 0px 14px 50px;  font-weight: bold; }
.karttateksti {	margin: 4px 0px 0px 50px; } 

.kuvaraamit {  border-width: 1px;  border-color: rgb(175,198,215);   border-style: solid;  } 
.yhteystaulukko td {  padding-right: 10px;  font-size: 87%; }



/*    kuvateksti  oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

.rinnakkaistaulukko {	margin: 10px 0px;  }
.ylin {			margin-top: 40px;  }
td.rinnakkaistaulukko {	vertical-align: top;   }
.alaviiva {	margin-top: 20px; border-width: 1px 0px 0px 0px;  border-color: rgb(136,170,255);  border-style: solid;  }
.tekstipikkukuva {	 	}
.vahvajohdanto {	margin: 0px 30px 10px 0px;  padding: 0px;  font-size: 100%;  font-weight: bold; }
.isoteksti {	margin: 0px 30px 10px 0px;   padding: 0px;  font-weight: bold;  font-size: 130%; }
.vasenpadding {	padding-left: 40px; }
.oikeapadding {	padding-right: 40px; }
.rinnakkais {	margin: 0px 0px 10px 0px;  } 






/*    uutiskirje  oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

.uutiskirjeensivu {	width: 100%;  height: 100%; background-image: url(vaihtuvatkuvat/xn-taustasininen.png); }
.uutiskirjeensivusolu { text-align: center;  }
.uutiskirje {		width: 600px;   }
.uutisenimage {	 	height: 141px;  }
.uutisenlinkkirivi {	vertical-align: middle;  text-align: right; height: 2em; background-color: rgb(182,209,236);  
				padding-right: 20px; font-weight: bold;  font-size: 63%;  word-spacing: 0.07em;  letter-spacing: 0.02em;  }
.uutisenkeskialue {	padding: 0px 20px 20px 20px;  background-color: rgb(255,255,255);  
				word-spacing: 0.07em;  letter-spacing: 0.02em; }
.linkkioikealla {		text-align: right;  padding: 0px;  margin: 0px; }
.uutisotsikko {		margin-top: 0px;  font-weight: bold;  font-size: 140%; }
.ylinrako {			margin-top: 20px; }
.uutisteksti {		font-size: 90%; }
.kelluvauutiskuva {	float: right;  margin: 0px 0px 15px 20px;  }
.uutisluettelo li  {	padding-bottom: 7px;  padding-left: 20px; font-size: 95%; }
.oikealle {			float: right;  }
.oikealleteksti  {  	margin: 13px 0px 20px 30px; float: right;   }
.vaakaviiva {		  }
.uutiskuvaiso {		margin: 20px 0px 30px 0px;  }
.uutiskuvaoikealla {	float: right;  margin: 10px 0px 30px 20px;  }

.uutisenalaosa {	 	text-align: right;  vertical-align: bottom;  padding-bottom: 40px; }
.uutislogo {		margin: 7px 0px 0px 20px;  float: left;  }
.uutisosoite {		font-size: 78%;   margin-right: 20px; }

.taulukkoteksti {	 margin: 5px 10px 5px 15px;  font-size: 87%;  }
.sininentausta {		background-color: rgb(231,242,253); }




