/* p { font: normal normal 12px arial,verdana,helvetica,serif; color: #334D65; } */

form, input, ul, li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

body
  {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #2C80BB;
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #334D65; 
    min-width: 760px;
    text-align: center;
  }

div#body2
  {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(/pics/bg.gif);
    background-repeat: repeat-x;
    background-color: #ffffff;
  }
    
    
/*HEADER ETUSIVU JA ALASIVU*/

div#header
  {
    width: 780px;
    height: 89px;
    margin-left: auto; 
    margin-right: auto; 
    position: relative; 
    text-align: left;
	
  }  

div#logo
  {
    left: 22px;
    position: absolute;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }  

#logo h1
	{ 
	  background-image: url(/pics/logo-kiilto.gif); 
	  width: 112px; 
	  height: 89px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	} 
  
  


#logo h2
	{ 
	  background-image: url(/pics/logo-kiilto-as.gif); 
	  width: 112px; 
	  height: 76px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	}
    

#logo h1 span, #logo h2 span, #navivasen h1 span, #navioikea h1 span { display: none; }

/*+---------------+*/
/*| MAIN MENU    |*/
/*+---------------+*/
div#navi {
    left: 250px;
    width: auto;
    background-color: #004E96;
    position: absolute;
  }
  
/* navipalkin vasen aloitus */
div#navi_begin {
	float:left;
	width:28px;
	height:25px;
	margin:0em;
	padding:0em;
	background:transparent url(/pics/navi_left_begin.gif) no-repeat;
}  

/* navilistaus */
ul#navigointi
  {
    float:left;
	list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 7px 0px;
    }

ul#navigointi li { 
	background:#004E96 url(/pics/navi-li.gif) left top no-repeat;
	height:25px;
	margin:0em 0em 0em 0em;
	padding:0em 1em;
	display:inline;
}
ul#navigointi li.first {background:#004E96; }
/* navigoinnin linkkitekstit */
ul#navigointi a, ul#navigointi a:visited, ul#navigointi a:active, ul#navigointi a:hover { 
    font: normal bold 11px arial,verdana,helvetica,serif; 
    color: #ffffff; 
    text-decoration: none;
     padding: 5px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    }

ul#navigointi a.valittu
  { 
    font: normal bold 11px arial,verdana,helvetica,serif; 
    color: #A1CAEF; 
    text-decoration: underline;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

/* navipalkin lopetus oikeassa reunassa */
div#navi_end {
	float:left;
	width:28px;
	height:25px;
	margin:0em;
	padding:0em;
	background:transparent url(/pics/navi_right_end.gif) no-repeat;
}  
  

div#kielivalinta
  {
    top: 33px;  
    left: 179px;
    position: absolute;
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #2374B8; 
  }  
/* venäjäkielisen palvelun alasivuilla esitettävän sivukartta linkin sijainnin määritys */
div#kielivalinta-ru
  {
    top: 33px;  
    left: 272px;
    position: absolute;
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #2374B8; 
  } 

#kielivalinta a, #kielivalinta a:visited, #kielivalinta a:active, #kielivalinta a:hover,
#kielivalinta-ru a, #kielivalinta-ru a:visited, #kielivalinta-ru a:active, #kielivalinta-ru a:hover
  { 
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    text-decoration: none;
  }

/*+--------+*/
/*| SEARCH |*/
/*+--------+*/

div#haku { 
    width: 380px;
    left: 380px;
    top: 25px;
    position: absolute;
    font: normal normal 11px arial,verdana,helvetica,serif; 
	color: #004E96;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

div#haut
  { 
    margin: 8px 2px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
  }
      
.haku {
    background-color: #ffffff; 
    width: 84px;
    border: 1px solid #6DADD7;
    margin: 0px 0px 0px 5px;
    padding: 0px 0px 0px 0px;
  } 
  
  
/*CONTENT ETUSIVU*/

div#escontent
  {
    margin-left: auto; 
    margin-right: auto; 
    width: 760px; 
    text-align: left;
    position: relative;
    clear: both;
   } 
   
div#maataulukko
  {
    width: 167px;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }  
  
div#international
  {
    width: 167px;
    padding: 0px 0px 0px 0px;
    margin: 132px 0px 0px 0px;
  }  
  
#international h1
	{ 
	  background-image: url(/pics/logo-partners.gif); 
    background-repeat: no-repeat;
	  width: 167px; 
	  height: 54px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}
 
#international h1 span, 
#rakentaminen-en h1 span, 
#rakentaminen-ru h1 span, 
#teollisuus-en h1 span, 
#teollisuus-ru h1 span, 
#puhdistusjahoito-ru h1 span, 
#puhdistusjahoito-en h1 span, 
#esoikea h1 span, 
#linkit-ru h1 span, 
#linkit-en h1 span, 
#linkit-ru h2 span, 
#linkit-en h2 span, 
#linkit-ru h3 span, 
#linkit-en h3 span, 
#tiedotteet-en h1 span, 
#tiedotteet-ru h1 span, 
#ajankohtaista-en h1 span, 
#ajankohtaista-ru h1 span, 
#ajankohtaisuudetala h1 span, 
#ajankohtaisuudetvali h1 span { display: none; }   


/*+---------------+*/
/*| Kiilto Russia |*/
/*+---------------+*/

div#maat {
    position:absolute;
    width: 167px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

#maat ul  {
    list-style-type: none;
    padding: 0px 33px 0px 0px;
    margin: 0px 0px 0px 0px;
	}
  
#maat ul li {
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
    width: 163px;
    padding-left: 0	px;
	padding-right: 0px;
    text-align: right;
    color: #004E96;
    }
  
#maat ul li#sw { background: url(/pics/flag-sw.gif) 106px 4px no-repeat; }
	#maat ul li#ru { background: url(/pics/flag-ru.gif) 106px 4px no-repeat; }
	#maat ul li#po { background: url(/pics/flag-po.gif) 106px 4px no-repeat; }
	#maat ul li#es { background: url(/pics/flag-es.gif) 106px 4px no-repeat; }
	#maat ul li#la { background: url(/pics/flag-la.gif) 106px 4px no-repeat; }
	#maat ul li#li { background: url(/pics/flag-li.gif) 106px 4px no-repeat; }
	#maat ul li#uk { background: url(/pics/flag-uk.gif) 106px 4px no-repeat; }
	
	
  
#maat ul li a, #maat ul li a:visited, #maat ul li a:active, #maat ul li a:hover { 
	background: url(/pics/ikoni-nuoli.gif) right no-repeat; 
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #004E96; 
    padding-right: 17px;
    text-decoration: none;
    display: block;
    }

/*+----------------+*/
/*| BUSINESS AREAS |*/
/*+----------------+*/

div#estaulukko {
    width: 589px;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(/pics/bg-es-keski.gif); 
	background-repeat: repeat-y;
  }
  
div#estaulukko a { cursor: pointer; }

div#rakentaminen-ru, div#rakentaminen-en { 
	width: 198px; 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
    background-image: url(/pics/bg-rakentaminen.gif); 
	background-repeat: repeat-y;
  }
  
#rakentaminen-ru h1, #rakentaminen-en h1 { 
	background-image: url(/pics/es-rakentaminen-ru.jpg); 
    background-repeat: no-repeat;
	width: 198px; 
	height: 221px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
 	}
	
#rakentaminen-en h1 { background-image: url(/pics/es-rakentaminen-en.jpg); }	
  
#rakentaminen-ru p, #rakentaminen-en p, #puhdistusjahoito-ru p, #puhdistusjahoito-en p
	{ 
    padding: 10px 15px 0px 15px;
    margin: 0px 0px 0px 0px;
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #ffffff; 
	}

#rakentaminen-ru a, #rakentaminen-en a,
#teollisuus-ru a, #teollisuus-en a,
#puhdistusjahoito-ru a, #puhdistusjahoito-en a
 { cursor: pointer; }
	
  
div#teollisuus-ru, div#teollisuus-en
	{ 
	 width: 196px; 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
    background-image: url(/pics/bg-teollisuus-ru.gif); 
	background-repeat: repeat-y;
	}
      
#teollisuus-ru h1, #teollisuus-en h1 { 
  background-image: url(/pics/es-teollisuus-ru.jpg); 
  width: 196px; 
  height: 221px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
	}  
	
#teollisuus-en h1 { background-image: url(/pics/es-teollisuus-en.jpg); }	
	
#teollisuus-ru p, #teollisuus-en p
	{ 
    padding: 10px 15px 0px 15px;
    margin: 0px 0px 0px 0px;
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #546600; 
	}

div#puhdistusjahoito-ru, div#puhdistusjahoito-en
	{ 
	  width: 195px; 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
    background-image: url(/pics/bg-puhdistusjahoito.gif); 
	  background-repeat: repeat-y;
	}
    
#puhdistusjahoito-ru h1, #puhdistusjahoito-en h1 { 
   background-image: url(/pics/es-puhdistusjahoito-ru.jpg); 
	width: 195px; 
	height: 221px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}

#puhdistusjahoito-en h1 { background-image: url(/pics/es-puhdistusjahoito-en.jpg); }
	  
div#linkit-ru, div#linkit-en
  {
    width: 589px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    clear: both;
  }
  
#linkit-ru h1, #linkit-en h1
	{ 
	  background-image: url(/pics/ikoni-askartelu-ru.gif); 
    background-repeat: no-repeat;
	  width: 198px; 
	  height: 52px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
	} 
  
#linkit-en h1 { background-image: url(/pics/ikoni-askartelu-en.gif); }  
  
#linkit-ru h2, #linkit-en h2 { 
  background-image: url(/pics/ala-teollisuus.gif); 
  background-repeat: no-repeat;
  width: 196px; 
  height: 52px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  float: left;
} 
  
#linkit-ru h3, #linkit-en h3
	{ 
	  background-image: url(/pics/ala-puhdistus-ru.gif); 
    background-repeat: no-repeat;
	  width: 195px; 
	  height: 52px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
	} 

#linkit-en h3 { background-image: url(/pics/ala-puhdistus-en.gif); }

div#esoikea
  {
    width: 4px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

#esoikea h1
  {
    background-image: url(/pics/clear.gif);
    width: 4px; 
	  height: 361px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }  
  
 div#tyhjavali
  {
    margin-left: auto; 
    margin-right: auto; 
    width: 760px; 
    height: 17px;
    text-align: left;
    position: relative;
    clear: both;
   }
  
div#esalataulukko
  {
    margin-left: auto; 
    margin-right: auto; 
    width: 760px; 
    text-align: left;
    position: relative;
    clear: both;
    margin-top: 0px;
    margin-bottom: 0px;
   }   

div#pikkulaatikot
  {
    width: 154px; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
   }   

div#tuoteneuvonta
  {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
  }  

div#tuoteneuvontaotsikko
  {
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 10px;
    font: normal bold 12px arial,verdana,helvetica,serif; 
    color: #ffffff; 
  }   
/* Kiilto Neuvoo - kuvake */
#tuoteneuvonta img#loader-pic { display:none; }
#tuoteneuvonta a#kiiltoneuvoo {
  position:absolute;
  width:136px;
  height:136px;
  background:transparent url(/pics/kiiltoneuvoo_uusi.gif) no-repeat;
  margin:0px;
  padding:0px;  
}
#tuoteneuvonta a#kiiltoneuvoo:hover { background:transparent url(/pics/kiiltoneuvoo_uusi_hover.gif) no-repeat;	}	
		  
  
  
a.tekninen, a.tekninen:visited, a.tekninen:active, a.tekninen:hover
  { 
    font: normal bold 12px arial,verdana,helvetica,serif; 
    color: #C0A940; 
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: absolute; 
    top: 75px;
    left: 13px;
  }  

a.kuluttaja, a.kuluttaja:visited, a.kuluttaja:active, a.kuluttaja:hover
  { 
    font: normal bold 12px arial,verdana,helvetica,serif; 
    color: #37B0E3; 
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: absolute; 
    top: 75px;
    left: 90px;
  }   

div#lampomittari
  {
    width: 154px;
    height: 87px;
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(/pics/bg-lampomittari.jpg); 
    background-repeat: no-repeat;
  }   
  
div#lampomittariyla
  {
    width: 154px;
    height: 6px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(/pics/lampomittari-yla.gif); 
    background-repeat: no-repeat;
    position: absolute;
    top: 133px;
   }     
  
div#lampomittariotsikko
  {
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 4px 10px;
    background-color: #2D78B7;
    font: normal bold 12px arial,verdana,helvetica,serif; 
    color: #ffffff; 
  }  
 
div#selitteet
  {
    width: 154px;
    height: 54px;
	padding-top: 20px;
    background-repeat: no-repeat;
  }     
  
div#lampotila
	{ 
    padding: 15px 7px 0px 36px;
    margin: 0px 0px 0px 0px;
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #3C91C9;
	}   
  
#lampotila .otsikko, #ilmankosteus .otsikko
	{ 
    float: left;
	}   
  
#lampotila .arvo, #ilmankosteus .arvo
	{ 
    float: right;
	}  

div#ilmankosteus
	{ 
    padding: 0px 7px 0px 36px;
    margin: 0px 0px 0px 0px;
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #3C91C9;
	} 
  
div#lampomittariala
  {
    width: 154px;
    height: 10px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(/pics/lampomittari-ala.gif); 
    background-repeat: no-repeat;
  }  

/*+-----------+*/
/*| BULLETINS |*/
/*+-----------+*/

div#ajankohtaisuudet
  {
    width: 582px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(/pics/bg-ajankohtaisuudet.gif); 
    background-repeat: repeat-y;
    float: right;
  }      
  
div#tiedotteet-ru, div#tiedotteet-en
  {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 289px;
  }       
 
#tiedotteet-en h1, #tiedotteet-ru h1
  {
    background-image: url(/pics/otsikko-tiedotteet-ru.gif); 
    background-repeat: no-repeat;
    width: 289px; 
	  height: 23px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  } 
  
#tiedotteet-en h1 {
	background-image: url(/pics/otsikko-tiedotteet-en.gif);
	}  
  
div#kaikkitiedotteet
  {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: absolute;
    top: 4px;
    left: 375px;
    width: 100px;
  }  
  
#kaikkitiedotteet ul, #kaikkiajankohtaista ul 
  {
   list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}  
  
#kaikkitiedotteet ul li, #kaikkiajankohtaista ul li {
    background-image: url(/pics/pallo-sininen.gif); 
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
  }    
  
#kaikkitiedotteet ul li a, #kaikkitiedotteet ul li a:visited, #kaikkitiedotteet ul li a:active, #kaikkitiedotteet ul li a:hover, #kaikkiajankohtaista ul li a, #kaikkiajankohtaista ul li a:visited, #kaikkiajankohtaista ul li a:active, #kaikkiajankohtaista ul li a:hover
  { 
    display:inline;
	font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #ffffff; 
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }
  
#tiedotteet-en ul.liststyle-1, 
#tiedotteet-ru ul.liststyle-1, 
#tiedotteet-en ul.liststyle-2, 
#tiedotteet-ru ul.liststyle-2, 
#tiedotteet-en ul.liststyle-3, 
#tiedotteet-ru ul.liststyle-3,
#tiedotteet-en ul.liststyle-4, 
#tiedotteet-ru ul.liststyle-4  
  {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}  
  
#tiedotteet-en ul.liststyle-1 li.liststyle-1, 
#tiedotteet-ru ul.liststyle-1 li.liststyle-1 {
	  background-image: url(/pics/ikoni-kiilto.gif); 
	  background-repeat: no-repeat;
    background-position: 0px 15px;
    padding: 11px 0px 11px 0px;
    margin: 0px 15px 0px 15px;
  }    
    
#tiedotteet-en ul.liststyle-1 li.liststyle-1 a, 
#tiedotteet-ru ul.liststyle-1 li.liststyle-1 a, 
#tiedotteet-en ul.liststyle-2 li.liststyle-2 a, 
#tiedotteet-ru ul.liststyle-2 li.liststyle-2 a, 
#tiedotteet-en ul.liststyle-3 li.liststyle-3 a,
#tiedotteet-ru ul.liststyle-3 li.liststyle-3 a,
#tiedotteet-en ul.liststyle-4 li.liststyle-4 a,
#tiedotteet-ru ul.liststyle-4 li.liststyle-4 a
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #006DB5; 
    text-decoration: underline;
    padding: 0px 0px 0px 40px;
    margin: 0px 0px 0px 0px;
    display: block;
  }     
    
#tiedotteet-en ul.liststyle-1 li.liststyle-1 p, 
#tiedotteet-ru ul.liststyle-1 li.liststyle-1 p, 
#tiedotteet-en ul.liststyle-2 li.liststyle-2 p, 
#tiedotteet-ru ul.liststyle-2 li.liststyle-2 p, 
#tiedotteet-en ul.liststyle-3 li.liststyle-3 p,
#tiedotteet-ru ul.liststyle-3 li.liststyle-3 p,
#tiedotteet-en ul.liststyle-4 li.liststyle-4 p,
#tiedotteet-ru ul.liststyle-4 li.liststyle-4 p
	{
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #334D65; 
    padding: 0px 0px 0px 40px;
    margin: 0px 0px 0px 0px;
  }   

#tiedotteet-en p, #tiedotteet-ru p
  {
    margin: 5px 0px 0px 15px;
    padding: 0px 0px 0px 0px;
  }  
      
#tiedotteet-en ul.liststyle-2 li.liststyle-2,
#tiedotteet-ru ul.liststyle-2 li.liststyle-2 {
	  background-image: url(/pics/ikoni-rakentaminen.gif); 
	  background-repeat: no-repeat;
    background-position: 0px 15px;
    padding: 11px 0px 11px 0px;
    margin: 0px 15px 0px 15px;
  }    
    
#tiedotteet-en ul.liststyle-3 li.liststyle-3,
#tiedotteet-ru ul.liststyle-3 li.liststyle-3 {
	background-image: url(/pics/ikoni-teollisuus.gif); 
	background-repeat: no-repeat;
    background-position: 0px 15px;
    padding: 11px 0px 11px 0px;
    margin: 0px 15px 0px 15px;
  }        
#tiedotteet-en ul.liststyle-4 li.liststyle-4,
#tiedotteet-ru ul.liststyle-4 li.liststyle-4 {
	background-image: url(/pics/icon-puhdistusjahoito.gif); 
	background-repeat: no-repeat;
    background-position: 0px 15px;
    padding: 11px 0px 11px 0px;
    margin: 0px 15px 0px 15px;
 }
  
div#ajankohtaisuudetvali
  {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 2px;
  }       

#ajankohtaisuudetvali h1
  {
    background-image: url(/pics/ajankohtaisuudet-vali.gif); 
    background-repeat: no-repeat;
    width: 2px; 
	  height: 36px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }       

div#ajankohtaista-en, div#ajankohtaista-ru
  {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: right;
    width: 291px;
  }       
    
#ajankohtaista-en h1, #ajankohtaista-ru h1
  {
    background-image: url(/pics/otsikko-ajankohtaista-ru.gif); 
    background-repeat: no-repeat;
    width: 291px; 
	  height: 23px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }     
  
#ajankohtaista-en h1 {
	background-image: url(/pics/otsikko-ajankohtaista-en.gif);
	}  

div#kaikkiajankohtaista
  {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: absolute;
    top: 4px;
    left: 670px;
    width: 100px;
  }

div#kuva
  {
    margin: 0px 0px 0px 0px;
    padding: 17px 17px 0px 17px;
    float: left;
  }  
  
#ajankohtaisuus h2
	{
    font: normal bold 11px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    padding: 17px 17px 8px 17px;
    margin: 0px 0px 0px 0px;
  }    
 
#ajankohtaisuus p
	{
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #334D65; 
    padding: 0px 17px 8px 17px;
    margin: 0px 0px 0px 0px;
  } 
  
#ajankohtaisuus a, #ajankohtaisuus a:visited, #ajankohtaisuus a:active, #ajankohtaisuus a:hover
  { 
    font: normal bold 11px arial,verdana,helvetica,serif; 
    color: #33A3E1; 
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }     

div#ajankohtaisuudetala
  {
    width: 582px; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }   

#ajankohtaisuudetala h1
  {
    background-image: url(/pics/ajankohtaisuudet-ala.gif); 
    background-repeat: no-repeat;
    width: 582px; 
	  height: 18px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    clear: both;
  }  


/*ALAOSA ETUSIVU*/  

div#esalaosataulukko
  {
    width: 100%;
    background-image: url(/pics/bg-alaosa-es.gif);
    background-repeat: repeat-x;
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    height: 28px;
  }  

div#esalaosa
  { 
    width: 760px;
    padding: 0px 0px 0px 0px;
    margin-left: auto; 
    margin-right: auto; 
    text-align: left;
    clear: both;
  }

  
/*CONTENT ALASIVU*/

div#content
  {
    margin-left: auto; 
    margin-right: auto; 
    width: 760px; 
    text-align: left;
    position: relative;
   } 
    
div#kaari
  {
    width: 760px;
    height: 36px;
  }    
   
#kaari h1
  { 
	  background-image: url(/pics/kaari.gif); 
	  width: 760px; 
	  height: 36px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	} 
  
#kaari h1 span, #sisaltovasen h1 span, #sisaltooikea h1 span	{ display: none; }

div#sisaltovasen
  {
    width: 5px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }  

#sisaltovasen h1
	{ 
	  background-image: url(/pics/clear.gif); 
	  width: 5px; 
	  height: 176px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	}  
  
div#navitaulukko
  {
    width: 746px;
    float: left;
    background-image: url(/pics/bg-sisalto.gif);
    background-repeat: repeat-y;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }  

/*+-----------------------+*/
/*| ALASIVUJEN NAVIGOINTI +*/
/*+-----------------------+*/
  
div#alanavi
  {
    width: 188px;
    background-image: url(/pics/bg-navi.gif);
    background-repeat: repeat-y;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    overflow: hidden;
  }   
   
#alanavi ul 
  {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 15px 0px;
	}

#alanavi ul li
	{
	  background-image: url(/pics/li-alanavi-oranssi.gif); 
	  background-repeat: no-repeat;
    position: relative;
    background-position: 0px 4px;
    padding: 0px 0px 8px 0px;
    margin: 0px 0px 0px 19px;
  }
  
#alanavi ul li a
  { 
    font: normal bold 12px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    text-decoration: none;
    padding: 0px 0px 0px 15px;
    display: block;
  }
  
#alanavi ul li a.valittu
  { 
    font: normal bold 12px arial,verdana,helvetica,serif; 
    color: #C32405; 
    text-decoration:  none;
    padding: 0px 0px 0px 15px;
    display: block;
  } 

#alanavi ul ul 
  {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}
  
#alanavi ul li li 
  { 
    background: none; 
    padding: 4px 0px 3px 0px;
    margin: 0px 0px 0px 15px;
  }  
  
#alanavi ul li li a
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    text-decoration: none;
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }  
  
  
#alanavi ul li li li { margin: 0px; } 
#alanavi ul li li li a { 
	font: normal normal 11px arial,verdana,serif; 
	background: transparent url(/pics/li-li-a.gif) 0px 3px no-repeat;
	padding-left: 10px;
	}  
#alanavi ul li li li a.valittu { color: #C32405; padding-left: 10px;font: normal normal 11px arial,verdana,serif; }

  
#alanavi ul li li a.valittu
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    text-decoration: none;
    color: #C32405;
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }   
   
  
#alanavi ul li.alanaviviiva
	{
	  background: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 15px 0px;
  }
  
#alanavi ul.etusivu 
  {
    list-style-type: none;
    border-top: 1px solid #CFDEE9;
    border-bottom: 1px solid #CFDEE9;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}  
  
#alanavi ul.etusivu li.etusivulle
	{
	  background-image: url(/pics/li-alanavi-sininen.gif); 
	  background-repeat: no-repeat;
    position: relative;
    background-position: 0px 15px;
    padding: 11px 0px 11px 0px;
    margin: 0px 0px 0px 19px;
  }
 
#alanavi ul.ikoni 
  {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 17px 0px 0px 0px;
	}  
  
#alanavi ul.ikoni li.kuva
	{
	  background-image: url(/pics/ikoni-puhdistusjahoito.gif); 
	  background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 9px 0px 20px 25px;
    margin: 0px 0px 0px 25px;
  } 

#alanavi ul.ikoni li.kuva a.linkkioranssi, #alanavi ul.ikoni li.kuva a.linkkioranssi:visited, #alanavi ul.ikoni li.kuva a.linkkioranssi:active, #alanavi ul.ikoni li.kuva a.linkkioranssi:hover
  { 
    font: normal bold 12px arial,verdana,helvetica,serif; 
    color: #F78610; 
    text-decoration: underline;
  } 
#alanavi ul li#cleaning {
	background: transparent url(/pics/icon-puhdistusjahoito.gif) no-repeat;
	padding: 7px 10px 10px 25px;
	margin-top: 15px;
	} 
	
	#alanavi ul li#cleaning a { color: #FF8E0F; text-decoration: underline;}
 
 

 
div#sisaltotaulukko
  {
    width: 558px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    overflow: hidden;
     padding-bottom: 25px;

  }  
/* alkuperäinen kiilto.com   
div#ylapalkki{
    height: 55px;
    background-image: url(/pics/bg-ylapalkki.gif); 
	  background-repeat: no-repeat;
    position: relative;
  }   
*/  

div#ylapalkki{
    height: 55px;
    background-image: url(/pics/bg-toolbar.gif); 
	background-repeat: no-repeat;
    position: relative;
  }   
#ylapalkki ul {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}

/*+--------------+*/
/*| BACK -button |*/
/*+--------------+*/
#ylapalkki ul li {
    background-image: url(/pics/ikoni-takaisin.gif); 
    background-repeat: no-repeat;
    position: absolute;
    background-position: 0px 3px;
    left: 27px;
    top: 5px;
  }

/*+------------+*/
/*| PRINT PAGE |*/
/*+------------+*/
#ylapalkki ul.tulosta {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}

#ylapalkki ul.tulosta li {
	background-image: url(/pics/ikoni-tulosta.gif); 
	background-repeat: no-repeat;
    position: absolute;
    background-position: 0px 2px;
    left: 425px;
    top: 5px;
	display:inline;
  }  
  
#ylapalkki ul li a, #ylapalkki ul li a:visited, #ylapalkki ul li a:active, #ylapalkki ul li a:hover { 
    font: normal bold 11px arial,verdana,helvetica,serif; 
    color: #ffffff; 
    text-decoration: none;
    padding: 0px 0px 0px 1.5em;
  }   
  
div#sisalto {
    background-color: #ffffff;
    border-left: 1px solid #C2D6E3;
    padding: 0px 21px 0px 30px;
    margin: 0px 0px 0px 0px;
  }  

.border
  {
    background-color: #ffffff;
    border: 1px solid #CFDEE9;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }  
 
.margin
  {
    padding: 5px 0px 5px 10px;
    margin: 0px 0px 0px 0px;
    font: normal bold 11px arial,verdana,helvetica,serif; 
    color: #334D65; 
  }   

.marginkaksi
  {
    padding: 5px 16px 5px 10px;
    margin: 0px 0px 0px 0px;
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #2374B8; 
  }

.marginkolme
  {
    padding: 10px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    font: normal bold 11px arial,verdana,helvetica,serif; 
    color: #334D65;
  }
  
.marginnelja
  {
    padding: 10px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    font: normal bold 11px arial,verdana,helvetica,serif; 
    color: #334D65; 
    border-top: 1px solid #CFDEE9;
  } 

.marginviisi
  {
    padding: 10px 0px 5px 15px;
    margin: 0px 0px 0px 0px;
    font: normal bold 11px arial,verdana,helvetica,serif; 
    color: #334D65; 
    border-left: 1px solid #CFDEE9;
    background-color: #F7F9FB;
  } 
  
.marginkuusi
  {
    padding: 15px 5px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-right: 1px solid #CFDEE9;
    background-color: #F7F9FB;
  }  
  
.marginseitseman
  {
    padding: 10px 0px 5px 15px;
    margin: 0px 0px 0px 0px;
    border-left: 1px solid #CFDEE9;
    border-top: 1px solid #CFDEE9;
    border-bottom: 1px solid #CFDEE9;
    background-color: #F7F9FB;
  } 
  
.marginkahdeksan
  {
    padding: 10px 5px 5px 0px;
    margin: 0px 0px 0px 0px;
    border-right: 1px solid #CFDEE9;
    border-top: 1px solid #CFDEE9;
    border-bottom: 1px solid #CFDEE9;
    background-color: #F7F9FB;
  }     
  
#sisalto a.linkkisininenpieni, #sisalto a.linkkisininenpieni:visited, #sisalto a.linkkisininenpieni:active
  { 
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    text-decoration: none;
  }   

#sisalto h1
  { 
    font: normal bold 18px arial,verdana,helvetica,serif; 
    color: #2374B8;
    margin-top: 4px;
    /*margin-left: 7px;*/
    
  }

#sisalto h2
  { 
    font: normal bold 14px arial,verdana,helvetica,serif; 
    color: #334D65;
    margin: 0px 0px 17px 0px;
  }

#sisalto h3
  { 
    font: normal bold 18px arial,verdana,helvetica,serif; 
    color: #2374B8;
    margin: 0px 0px 10px 0px;
  }

#sisalto h4
  { 
    font: normal bold 16px arial,verdana,helvetica,serif; 
    color: #2374B8;
    margin: 0px 0px 10px 0px;
  }


#sisalto h6
  { 
    font: normal bold 14px arial,verdana,helvetica,serif; 
    color: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 0px 9px;
    background-color: #B0C71D;
    height: 23px;
  }
          
#sisalto p 
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #334D65; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 15px 0px;
  }  

#sisalto p.txtleipa 
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #334D65; 
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 15px 0px;
  } 

#sisalto p.txtleipaeimarg 
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #334D65; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  } 
      
#sisalto p.txtpieni 
  { 
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #334D65; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }  

#sisalto p.txtmini 
  { 
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #667A8C; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 15px 0px;
  } 
      
.numero 
  { 
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #ffffff; 
    margin: 0px 0px 0px 0px;
    padding: 2px 5px 2px 5px;
    background-color: #115D9F;
  }
    
.alleviivaus 
  { 
    border-bottom: 3px solid #CFDEE9;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
  } 
  
#sisalto #teollisuus-title h3, 
#sisalto #rakentaminen-title h3, 
#sisalto #industry-title h3, 
#sisalto #building-title h3, 
#sisalto #siivous-title h3 {
	border-bottom: 3px solid #CFDEE9;
	margin-bottom: 10px;
	padding: 5px 0px 13px 0px;
	background: transparent url(/pics/ikoni-paaryhma_2.gif) right top no-repeat;
	font: normal bold 18px arial,verdana,serif;
	color: #A0B612;	
	}  
	
#sisalto #rakentaminen-title h3, 
#sisalto #building-title h3 { 
	background: transparent url(/pics/ikoni-paaryhma_1.gif) right top no-repeat; 
	color: #28BFC5;
}
#sisalto #siivous-title h3 {
	background: transparent url(/pics/ikoni-puhdistusjahoito.gif) right top no-repeat; 
	color:#FB9409;
}	
  
#teollisuus-title h5, 
#rakentaminen-title h5,
#siivous-title h5 { font: normal bold 14px arial; }  

  
#teollisuus-title #prod-db table b, #rakentaminen-title #prod-db table b,#siivous-title #prod-db table b {
	display: block;
	background: #B0C71D;
	color: #fff;
	padding: 3px 3px 3px 10px;
	margin-right: 10px;
	font: normal bold 14px arial,verdana,serif;
	}
	  
#rakentaminen-title #prod-db table b { background: #28BFC5;  }  
#siivous-title #prod-db table b { background: #28BFC5;  } 

#sisalto p.viiva 
  { 
    border-top: 1px solid #CFDEE9;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

#sisalto a
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    text-decoration: underline;
  }     

#sisalto a.linkkioranssi, #sisalto a.linkkioranssi:visited, #sisalto a.linkkioranssi:active
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #DB7B15; 
    text-decoration: underline;
  }     
    
#sisalto ul 
  {
    list-style-type: none;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 10px;
	}  
  
#sisalto ul li
	{
	  background-image: url(/pics/li-alanavi-oranssi.gif); 
	  background-repeat: no-repeat;
    background-position: 0px 4px;
    padding: 0px 0px 0px 15px;
    margin: 0px 0px 0px 0px;
  }  

#sisalto ul li a
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    padding: 0px 0px 0px 0px;
  }
  
#sisalto li.tuotteet
	{
		background: none;
	}
		
  
#sisalto li.tuotteet a 
	{
		text-decoration: none;
	}
    
#sisalto a.linkkisininen, #sisalto a.linkkisininen:visited, #sisalto a.linkkisininen:active
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    text-decoration: none;
  }  
  
  
#workmethod-title table td, #instructions table td {
	border-bottom: solid 1px #CFDEE9;
	padding-left: 13px;
	padding-bottom: 3px;
	}  

#workmethod-title table a.tappa, #instructions table a.tappa { background: transparent url(/pics/table-li.gif) 0px 5px no-repeat; padding-left: 15px;}
#workmethod-title table td a { text-decoration: none; }
  
  
#prod-search ul li 	{ 
	background: none; 
	padding-left: 10px;
	}  
	
	#prod-search strong { color: #2775B3; } 
	
	#prod-search ul li span {
		background: #115D9F;
		color: #fff;
		font: normal bold 12px arial,verdana,serif;
		padding: 0px 4px 0px 4px;
		margin-right: 7px;
		}
		
    #prod-search ul li p { margin-top: 7px; }
  
  #prod-search ul li a, #prod-search ul li a:hover, #prod-search ul li a:visited { font: normal bold 12px arial,verdana,serif; color: #2374B8; text-transform: uppercase; text-decoration: underline;}


/*+------------------+*/
/*| TUOTTEET ETUSIVU |*/
/*+------------------+*/

/* tuotealat */

table.kayttoalat td span { display:none; }


.otsikkorakentaminen 	{
    background-image: url(/pics/bg-otsikko-rakentaminen.gif); 
	background-repeat: no-repeat;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    width: 172px;
	height:50px;
    font: normal bold 10px arial,verdana,helvetica,serif; 
    color: #ffffff;
	border-left: 1px solid #CFDEE9;    
}    

.otsikkoteollisuus {
	background-image: url(/pics/bg-otsikko-teollisuus.gif); 
	background-repeat: no-repeat;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    font: normal bold 10px arial,verdana,helvetica,serif; 
	height:50px;
    color: #ffffff;
	width: 172px;
    }      
.otsikkopuhdistusjahoito {
	background:transparent url(/pics/bg-otsikko-puhdistusjahoito.gif) no-repeat; 
	padding: 0px;
    margin: 0px 0px 0px 0px;
    font: normal bold 10px arial,verdana,helvetica,serif; 
	height:50px;
    color: #ffffff;
	width: 172px;
	border-right: 1px solid #CFDEE9;
}
.taustavihrea {
	background-color: #F1FAF8; 
    border-left: 1px solid #CFDEE9;
    border-right: 1px solid #CFDEE9;
    padding: 0px 0px 0px 1em;
    margin: 0px 0px 0px 0px;
    width: 172px;
    }

.taustakeltainen {
	background-color: #F6FAF1; 
    border-right: 1px solid #CFDEE9;
    padding: 0px 0px 0px 1em;
    margin: 0px 0px 0px 0px;
    width: 172px;
    } 

.taustaoranssi {
	background-color: #FAF6F1; 
    border-right: 1px solid #CFDEE9;
    padding: 0px 0px 0px 1em;
    margin: 0px 0px 0px 0px;
    width: 172px;
    }   
.taustavihrea p,
.taustakeltainen p,
.taustaoranssi p { width:90%;margin:auto;padding:0em; }

.taustatummanvihrea {
	background-color: #E5F7F3;
    border: 1px solid #CFDEE9;
    padding: 0px 0px 0px 0em;
    }

.taustatummankeltainen {
	background-color: #EFF7E5; 
    border-top: 1px solid #CFDEE9;
    border-bottom: 1px solid #CFDEE9;
    border-right: 1px solid #CFDEE9;
    padding: 0px 0px 0px 0em;
    }
.taustatummanoranssi {
	background-color: #F7F1E5; 
    border-top: 1px solid #CFDEE9;
    border-bottom: 1px solid #CFDEE9;
    border-right: 1px solid #CFDEE9;
    padding: 0px 0px 0px 0em;
    }  
  

#sisalto ul.tuotteet 
  {
    list-style-type: none;
    padding: 5px 0px 8px 0px;
    margin: 0px 0px 0px 0px;
    
	}  
  
#sisalto ul li.tuotteet {
	  background-image: url(/pics/li-alanavi-oranssi.gif); 
	  background-repeat: no-repeat;
    background-position: 0px 4px;
    padding: 0px 0px 0px 15px;
    margin: 0px 0px 0px 0px;
    
  }  
  
#sisalto td.taustatummanvihrea a,
#sisalto td.taustatummankeltainen a,
#sisalto td.taustatummanoranssi a { 
	display:block;font-size:10px;text-decoration:none;margin:0em 0em 0em 1em; padding:0em;
}    
.laatikko
  {
    background-color: #ffffff; 
    width: 195px;
  } 

.laatikkokaksi
  {
    background-color: #ffffff; 
    width: 127px;
  } 
      
div#sisaltooikea
  {
    width: 9px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }     
  
#sisaltooikea h1
	{ 
	  background-image: url(/pics/bg-as-oikea.gif); 
	  width: 9px; 
	  height: 176px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	} 

  
/*ALAOSA ALASIVU*/  

div#alaosataulukko
  {
    width: 100%;
    background-image: url(/pics/bg-alaosa.gif);
    background-repeat: repeat-x;
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
  }  

div#alaosa
  { 
    width: 760px;
    padding: 0px 0px 0px 0px;
    margin-left: auto; 
    margin-right: auto; 
    text-align: left;
  }
    
div#alaosavasen
  {
    background-image: url(/pics/bg-alaosa-palkki.gif); 
	  width: 380px; 
	  height: 62px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
  }  
  
#alaosavasen ul 
  {
    list-style-type: none;
    padding: 5px 0px 0px 200px;
    margin: 0px 0px 0px 0px;
	}  
  
#alaosavasen ul li
	{
	  background-image: url(/pics/li-alanavi-sininen.gif); 
	  background-repeat: no-repeat;
    position: relative;
    background-position: 0px 4px;
    padding: 0px 0px 8px 0px;
    margin: 0px 0px 0px 19px;
  }  

#alaosavasen ul li a, #alaosavasen ul li a:visited, #alaosavasen ul li a:active
  { 
    font: normal bold 12px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    text-decoration: none;
    padding: 0px 0px 0px 15px;
  } 
  
/*+--------------------------+*/  
/*| FOOTER FRONTPAGE SUBPAGE |*/
/*+--------------------------+*/  
div#footer
  {
	clear:both;
    position:relative;
	width: 100%;
    background-color: #2C80BB;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
	
  }
div#yhteystiedot {
	position:relative;
	width: 900px;
	margin:0 auto;
	padding:0px 0px 0px 0px;
	
}
div#yhteystiedot a { color:#ffffff;font: normal normal 11px arial,verdana,helvetica,serif;  }
div#osoite-1
  { 
    position:absolute;
    top:1em;
    width:220px;
    left:250px;
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #ffffff; 
    text-align:left;
	
  }
div#osoite-2 {
    top:1em; 
    position:absolute;
    width:200px;
    left:470px;	
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #ffffff; 
   text-align:left;
	
  }

div#osoite-3 { 
    top:1em;    
	position:absolute;
    width:200px;
    left:665px;
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #ffffff; 	
    text-align:left;
	
  }  
div#yhteystietohaku p
	{
		padding-left: 10px;
		padding-right: 10px;
		width: 200px;
	}
  
	
	
/* foobar */
#eslogowetrok h1 span, #international h1 span, #eskodinhoito h1 span, #esammattisiivousvasen h1 span, #esammattisiivousoikea h1 span, #esteollisuus h1 span, #linkit h1 span, #linkit h2 span, #linkit h3 span, #linkit h4 span, #tiedotteet h1 span, #ajankohtaista h1 span, #ajankohtaisuudetala h1 span, #ajankohtaisuudetvali h1 span { display: none; }
  
div#eskodinhoito
	{ 
	  width: 150px; 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
    background-image: url(/pics/kc-bg-eskodinhoito.gif); 
	  background-repeat: repeat-y;
  }
    
#eskodinhoito h1
	{ 
	  background-image: url(/pics/kc-eskodinhoito.jpg); 
    background-repeat: no-repeat;
	  width: 150px; 
	  height: 231px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}
  
#eskodinhoito p, #esteollisuus p, #esammattisiivousvasen p, #esammattisiivousoikea p
	{ 
    padding: 0px 15px 5px 15px;
    margin: 0px 0px 0px 0px;
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #ffffff; 
	}
 
div#esammattisiivousvasen
	{ 
	  width: 142px; 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
    background-image: url(/pics/kc-bg-esammattisiivousvasen.gif); 
	  background-repeat: repeat-y;
	}
	     
#esammattisiivousvasen h1
	{ 
	  background-image: url(/pics/kc-esammattisiivousvasen.jpg); 
	  width: 142px; 
	  height: 231px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}

div#esammattisiivousoikea
	{ 
	  width: 147px; 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
    background-image: url(/pics/kc-bg-esammattisiivousoikea.gif); 
	  background-repeat: repeat-y;
	}
      
#esammattisiivousoikea h1
	{ 
	  background-image: url(/pics/kc-esammattisiivousoikea.jpg); 
	  width: 147px; 
	  height: 231px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}  

div#esteollisuus
	{ 
	  width: 154px; 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
    background-image: url(/pics/kc-bg-esteollisuus.gif); 
	  background-repeat: repeat-y;
	}


#esteollisuus h1
	{ 
	  background-image: url(/pics/kc-esteollisuus.gif); 
	  width: 154px; 
	  height: 231px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}
    
	
/* palvelun stylet */
#sisalto h3 { font: normal bold 14px arial; color: #334D65;}
#sisalto h4 { font: normal bold 13px arial; color: #334D65;}


#sisalto td.vihreaTausta { background-color:#B0C71D; color:#fff }
#sisalto td.sininenTausta { background-color: #28BFC5; color: #fff; }
	
	
#sisalto #kuvapaikka {
	width: 184px;
	float: right;
	margin-top: -45px;
	margin-left: 10px;
	margin-bottom: 10px;
	}	
	#column-yhteydenotot #kuvapaikka { width: 220px; }
	
	#column-yhteydenotot p { font: normal normal 11px arial,verdana,serif; margin: 8px 10px 0px 10px;}
	
#sisalto #column #kuvapaikka, #column-yhteydenotot #kuvapaikka {
	float: none;
	margin-left: 0px;
	margin-top: 0px;
	}	
	
#sisalto #column, #column-yhteydenotot {
	float: right; 
	width: 184px;
	color: #2374B8;
	font: normal normal 11px arial,verdana,serif;
	padding: 0px;
	margin-top: 40px;
	margin-left: 10px;
	margin-bottom: 10px;
	}
	#column-yhteydenotot { width: 220px; margin-top: 0px;}
	
	#sisalto #column #cont, #column-yhteydenotot #cont div { border: solid 1px #CFDEE9;	}
	
	
	
	#column-yhteydenotot #cont 
		{ 
			background: #F7F9FB; 
		}
		
	#column-yhteydenotot #cont p
		{
			padding-left: 12px;
			padding-right: 10px;
		}	
		
	
	#sisalto #column ul, #column-yhteydenotot ul { 
		margin: 0px; 
		padding: 0px;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		}
		
		

	#sisalto #column h6, #column-yhteydenotot h6 {
		margin: 0px;
		padding: 0px;
		background: #308BC5;
		color: #fff;
		font: normal normal 12px arial,verdana,serif;
		padding: 3px 0px 3px 5px;
		height: auto;
		}
	
	#column-yhteydenotot h6 { 
		text-indent: -10000px; 
		xbackground: #308BC5 url(/pics/yhteystietohaku-bg.gif) no-repeat;
		xpadding: 0;
		}
	
	#column-yhteydenotot p,
	#column-yhteydenotot form { 
		padding-bottom: 5px; 
		}


#yhteydenotot-p
	{
	
	}
	

/* UUTISLISTAUKSEN MÄÄRITYKSIÄ - uutislisting.jsp */


#list ul
	{
		margin-bottom: 35px;
		padding-top: 15px;

	}

#list ul li
	{
		list-style-type: none;
		padding-left: 40px;
		padding-bottom: 10px;
		width: 400px;
	}

#list ul li.liststyle-0
	{
	background: url(/pics/ikoni-blank.gif) 0px 0px no-repeat; 
	}
	
#list ul li.liststyle-1
	{
	background: url(/pics/ikoni-kiilto.gif) 0px 0px no-repeat; 
	}

#list ul li.liststyle-2
	{
	background: url(/pics/ikoni-rakentaminen.gif) 0px 0px no-repeat; 
}    
        
#list ul li.liststyle-3
	{
	background: url(/pics/ikoni-teollisuus.gif) 0px 0px no-repeat; 
  }       
#list ul li.liststyle-4
	{
	background: url(/pics/ikoni-puhdistusjahoito.gif) 0px 0px no-repeat; 
  }  

#list p
	{
		font: bold 13px Arial;
		padding-bottom: 15px;
		letter-spacing: 0px;
	}

#list h5
	{
		padding-left: 35px;
		padding-bottom: 0px;
		font-size: 14px;
		background: url(/pics/underlinebg.gif) 0px 14px repeat-x;
		width: 400px;
		border: solid 0px black;
	}
	
#list p#naytakaikki
	{
		padding: 0px;
		margin: 0px;
		border: solid 0px black;
		width: 440px;
		text-align: right;
	}

#list p#naytakaikki a
	{
		color: #2374B8;
		font: normal 10px Arial;
		text-decoration: none;
		color: #004C8A;
	}

	
	
/* TUOTENEUVONNAN MÄÄRITYKSIÄ - tuoteneuvonta.jsp */

#tuoteneuvonta
	{
		border: solid 0px black;
		padding-bottom: 30px;
		
	}
	
#tuoteneuvonta h1, h2, h3, h4, h5, h6
	{
		margin: 0px;
		padding: 0px;
	}
	

#sisalto ul li a
	{
		text-decoration: none;
	}
	
#sisalto ul
	{
		padding-bottom: 0px;
	}
	
#sisalto
	{
		padding-top: 15px;
	}

	
#tuoteneuvonta div
	{
		width: 167px;		
		float: left;	
		border: solid 0px black;
	}
	


#tuoteneuvonta p
	{
		padding-left: 15px;
		padding-right: 10px;
	}
	


	
#tuoteneuvonta h3
	{
		font: bold 14px Arial;
		color: white;
		height: 32px;
		padding: 13px 0px 0px 9px;	
		border: solid 0px black;
		margin-bottom: 0px;	
		padding-bottom: 0px;
		
	}

#tuoteneuvonta h2, h5
		{
			padding-left: 15px;
			padding-right: 10px;
			color: #2775B3;
			padding-top: 0px;
		}
		
#tuoteneuvonta h5
	{
		font: bold 12px Arial;
		margin-bottom: 8px;
		color: #005D98;
	}

		
		
#tn-rakentaminen
	{
		background: #F1FAF8;		
	}
		
#tn-rakentaminen #border1
	{
		border-bottom: solid 1px #CFDEE9;
		border-left: solid 1px #CFDEE9;
		border-right: 0px;
	}

#tn-rakentaminen h3
	{	
		background: url(/pics/tn-rakentaminen.gif) 0px 0px no-repeat;
	}
		
#tn-teollisuus
	{
		border: solid 1px black;
	}
	
#tn-teollisuus #border2
	{
		border-left: solid 1px #CFDEE9;
		border-bottom: solid 1px #CFDEE9;		
		background: url(/pics/tn-teollisuus-bg.gif) 0px 0px repeat-y;
	}
	
#tn-teollisuus h3
	{
		background: url(/pics/tn-teollisuus.gif) 0px 0px no-repeat;
		font: bold 14px Arial;	
	}
	
#tn-puhdistusjahoito
	{
		background: #F6FAF1;
	}
	
#tn-puhdistusjahoito #border3
	{
		border-bottom: solid 1px #CFDEE9;
		border-right: solid 1px #CFDEE9;
		border-left: 0px;
	}
	
#tn-puhdistusjahoito h3
	{
		background: url(/pics/tn-puhdistusjahoito.gif) 0px 0px no-repeat;
		font: bold 13px Arial;
		width: 160px;
	}
	

	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
		
	
	
	
	
	
	
	
	
	
 /* TUOTTEET/RAKENTAMINEN JA TUOTTEET/TEOLLISUUS -SIVUJEN MÄÄRITYKSIÄ */



div#asajankohtaisuudet
  {
    width: 512px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(/pics/kc-bg-asajankohtaisuudet.gif);
    background-repeat: repeat-y;
     margin-bottom: 30px;
     margin-top: 20px;
  }      
  
div#asajankohtaisuudet p
	{
		padding-left: 20px;
		padding-right: 20px;
	}
	
div#asajankohtaisuudet a
	{
		text-decoration: none;
		font-weight: bold;
	}
	
 div#uutta
  {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 260px;
  }       

#uutta h1
  {
    background-image: url(/pics/kc-otsikko-uutta.gif); 
    background-repeat: no-repeat;
    width: 260px; 
	  height: 23px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-indent: -10000px;
  } 

#uutta ul 
  {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: -20px 0px 0px 180px;
    width: 66px;
	} 
  
#uutta ul li, #ideat ul li
	{
	  background-image: url(/pics/kc-oranssipallo.gif); 
	  background-repeat: no-repeat;
    background-position: 0px 5px;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
  }     
  
  
#uutta ul li a, #uutta ul li a:visited, #uutta ul li a:active, #ideat ul li a, #ideat ul li a:visited, #ideat ul li a:active
  { 
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #ffffff; 
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  } 
   

#uutta h5, #ideat h5
  {
    font: normal bold 12px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    margin: 0px 0px 0px 0px;
    padding: 13px 24px 5px 20px;
  }

#uutta h6
  {
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    margin: 0px 0px 0px 0px;
    padding: 0px 24px 5px 20px;
  }

#uutta p.uutta, #ideat p.ideat
  {
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #334D65; 
    margin: 0px 0px 0px 0px;
    padding: 0px 24px 5px 20px;
  }
  
#uutta a.uutta
  { 
    font: normal bold 12px arial,verdana,helvetica,serif; 
    color: #FF8810; 
    text-decoration: none;
    padding: 8px 0px 0px 00px;
    margin: 0px 0px 0px 0px;
  }       

div#kuvaajankohtaisuudet
  {
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
    float: right;
  }       

 #ideat ul 
  {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: -20px 0px 0px 170px;
    width: 66px;
	}  
  
div#asajankohtaisuudetvali
  {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 2px;
  }       

#asajankohtaisuudetvali h1
  {
    background-image: url(/pics/kc-asajankohtaisuudet-vali.gif); 
    background-repeat: no-repeat;
    width: 2px; 
	  height: 36px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }       
  
div#ideat
  {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: right;
    width: 250px;
  }       
    
#ideat h1
  {
    background-image: url(/pics/kc-otsikko-ideat.gif); 
    background-repeat: no-repeat;
    width: 250px; 
	  height: 23px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-indent: -10000px;
  }       
  
div#asajankohtaisuudetala
  {
    width: 512px; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }   

#asajankohtaisuudetala h1
  {
    background-image: url(/pics/kc-asajankohtaisuudet-ala.gif); 
    background-repeat: no-repeat;
    width: 512px; 
	  height: 18px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    clear: both;
  }  

#sisalto p.txtpieni 
  { 
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #334D65; 
    margin: 0px 10px 0px 5px;
    padding: 0px 0px 0px 0px;
  }

#sisalto p 
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #334D65; 
    margin: 0px 0px 0px 0px;
  }
  
#sisalto a.linkkisininen, #sisalto a.linkkisininen:visited, #sisalto a.linkkisininen:active
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    text-decoration: underline;
  }
  
#sisalto b.txtoranssi 
  { 
    font: normal bold 12px arial,verdana,helvetica,serif; 
    color: #E28E2B; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }
  
#sisalto p.viiva 
  { 
    border-top: 1px solid #CFDEE9;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }
  
.numero 
  { 
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #ffffff; 
    margin: 0px 0px 0px 0px;
    padding: 2px 5px 2px 5px;
    background-color: #115D9F;
  }
  
#sisalto p.txtleipa 
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #334D65; 
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 15px 0px;
  }
  
#sisalto a
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #2374B8; /*#E28E2B;*/
    text-decoration: underline;
  } 
     
div#sisaltooikea
  {
    width: 9px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }
  
#sisaltooikea h1
	{ 
	  background-image: url(/pics/bg-as-oikea.gif); 
	  width: 9px; 
	  height: 176px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	}   

#tuotteet-alasivu table p
	{
		font: normal 10px Arial;
	}
	
#tuotteet-alasivu table tr td p a
	{
		text-decoration: none;
		color: #2374B8;
		font: normal 11px Arial;
	}
	
#tuotteet-alasivu h1#paaotsikkorakentaminen,
#tuotteet-alasivu h1#paaotsikkobuilding
	{
		padding-left: 7px;
		color: #28BFC5;
	}
	
#tuotteet-alasivu h1#paaotsikkoteollisuus,
#tuotteet-alasivu h1#paaotsikkoindustry
	{
		padding-left: 7px;
		color: #A0B612;
	}

	
#help {
	position: absolute;
	display: block;
	height: 25px;
	width: 25px;
	background: transparent url(/pics/search-help.gif) no-repeat;
	right: 45px;
	}
	
#help span { display: none; }	



/* demoa varten tehdyt tyylit -Sami Mikkonen */

div#demo a#kiiltoneuvoo {
  position:absolute;
  width:136px;
  height:136px;
  background:transparent url(/pics/kiiltoneuvoo_uusi.gif) no-repeat;
  margin:0px;
  padding:0px;  
}
div#demo a#kiiltoneuvoo:hover { background:transparent url(/pics/kiiltoneuvoo_uusi_hover.gif) no-repeat;	}