/*+----------------------+*/
/*| KIILTO.EE STYLESHEET |*/
/*+----------------------+*/

/*+-----------------------+*/
/*| common clarifications |*/
/*+-----------------------+*/
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;
  }
form, input, ul,ol, li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

div.clear { clear:both; }

/*+-------------------------+*/
/*| TEMPLATE CLARIFICATIONS |*/
/*+-------------------------+*/

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 |*/
/*+--------+*/
div#header {
    position: relative; 
    width: 780px;
    height: 89px;
    margin: 0em auto; 
    text-align: left;
	}  

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

div#logo h1 { 
	background:transparent url(/pics/logo-kiilto.gif) no-repeat; 
	width: 112px; 
	height: 89px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	} 
div#logo h2 { 
	background:transparent url(/pics/logo-kiilto-as.gif) no-repeat; 
	width: 112px; 
	height: 76px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	}
div#logo h1 span, 
div#logo h2 span, 
div#navivasen h1 span, 
div#navioikea h1 span { display: none; }

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

/* Menu listing */
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; }
/* Styles for linktexts */
ul#navigointi a { 
    font: normal bold 11px arial,verdana,helvetica,serif; 
    color: #ffffff; 
    text-decoration: none;
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-transform:uppercase;
    }
ul#navigointi li a:hover { }
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;
  }

/* Righside of main menu area */
div#navi_end {
	float:left;
	width:28px;
	height:25px;
	margin:0em;
	padding:0em;
	background:transparent url(/pics/navi_right_end.gif) no-repeat;
}  
  
 


/* Sitemmap link */
div#kielivalinta {
    top: 37px;  
    left: 230px;
    position: absolute;
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #2374B8; 
  } 

div#kielivalinta a  { 
	display:inline;
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    text-decoration: none;
    margin:0em;padding:0em;
  }

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

div#haku { 
	/* width: 380px; */
	width: 300px;
    left: 570px;
    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 FRONTPAGE |*/
/*+-------------------+*/

div#escontent{
    margin:0em  auto; 
    width: 760px; 
    text-align: left;
    position: relative;
    clear: both;
   } 

/* links to other kiilto webservices */
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: 9px 0px 0px 0px;
  }  
  
#international h1 { 
	background:transparent url(/pics/bg-international.jpg) no-repeat; 
    width: 156px; 
	height: 177px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}
/** MEMBER OF KIILTO FAMILY **/
div#mokf {
	position:absolute;
	top:125px;
	margin:0em;
	padding:0em;
	width:70px;
	height:73px;
	}
div#mokf h1 { font-size:14px;margin:0em;padding:0em;width:70px;height:73px; }
div#mokf h1 a { display:block;width:70px;height:73px;background:transparent url(/pics/logo-mokf.jpg) no-repeat;}
div#mokf h1 span {display:none;}

div#international h1 span, 
div#rakentaminen-pl h1 span, 
div#teollisuus-pl h1 span, 
div#puhdistusjahoito-pl h1 span, 
div#esoikea h1 span, 
div#linkit-pl h1 span, 
div#linkit-pl h2 span, 
div#linkit-pl h3 span, 
div#tiedotteet-pl h1 span, 
div#ajankohtaista-pl h1 span, 
div#ajankohtaisuudetala h1 span, 
div#ajankohtaisuudetvali h1 span { display: none; }   


/*+---------------+*/
/*| KIILTO POLAND |*/
/*+---------------+*/

div#maat {
    left:25px;
    width: 120px;
    position:relative;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

div#maat ul  {
    list-style-type: none;
    padding: 0px 33px 0px 0px;
    margin: 0px 0px 0px 0px;
	}
  
div#maat ul li {
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
    width: 120px;
    padding-left: 0px;
	padding-right: 0px;
    text-align: right;
    }

div#maat ul li#fin { background:transparent url(/pics/flag-fi.gif) 94px  4px no-repeat; }  
div#maat ul li#swe { background:transparent url(/pics/flag-sw.gif) 94px  4px no-repeat; }  
div#maat ul li#rus { background:transparent url(/pics/flag-ru.gif) 94px  4px no-repeat; }
div#maat ul li#pol { background:transparent url(/pics/flag-po.gif) 94px  4px no-repeat; }
div#maat ul li#est { background:transparent url(/pics/flag-es.gif) 94px  4px no-repeat; }
div#maat ul li#lat { background:transparent url(/pics/flag-la.gif) 94px  4px no-repeat; }
div#maat ul li#lit { background:transparent url(/pics/flag-li.gif) 94px  4px no-repeat; }
div#maat ul li#ukr { background:transparent url(/pics/flag-uk.gif) 94px  4px no-repeat; }
	
div#maat ul li a, 
div#maat ul li a:hover { 
	background:transparent url(/pics/ikoni-nuoli.gif) right no-repeat; 
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #004E96; 
    padding-right: 30px;
    text-decoration: none;
    }

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

div#estaulukko {
    width: 589px;
    float: left;
    margin: -5px 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-ee { 
	width: 293px; 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
    }
  
div#rakentaminen-ee h1 { 
	background: url(/pics/es-rakentaminen-ee.jpg) 0px 0px no-repeat ; 
	width: 293px; 
	height: 229px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
 	}
  
div#rakentaminen-ee p, 
#puhdistusjahoito-ee p { 
    padding: 10px 15px 0px 15px;
    margin: 0px 0px 0px 0px;
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #ffffff; 
	}

div#rakentaminen-ee a#askartelu-ee  { 
	background:transparent url(/pics/askartelu-ee.gif) no-repeat; 
	width: 293px; 
	height: 37px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
	}
div#rakentaminen-ee h2 span {display:none;}

div#rakentaminen-ee a,
div#teollisuus-ee a,
div#puhdistusjahoito-ee a { cursor: pointer; }
	
  
div#teollisuus-ee { 
	width: 296px; 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
   }
      
div#teollisuus-ee h1 { 
  	background:transparent url(/pics/es-teollisuus-ee.jpg) no-repeat; 
  	width: 296px; 
  	height: 229px;
  	padding: 0px 0px 0px 0px;
  	margin: 0px 0px 0px 0px;
  	}  

div#teollisuus-ee p { 
    padding: 10px 15px 0px 15px;
    margin: 0px 0px 0px 0px;
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #546600; 
	}
/** THESE ARE NOT USED IN KIILTO.EE
div#puhdistusjahoito-ee { 
	width: 195px; 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
    background:transparent url(/pics/bg-puhdistusjahoito.gif) repeat-y; 
	}
    
div#puhdistusjahoito-ee h1 { 
   	background:transparent url(/pics/es-puhdistusjahoito-ee.jpg) no-repeat; 
	width: 195px; 
	height: 221px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}
**/
div#rakentaminen-ee h1 span,
div#teollisuus-ee h1 span,
div#puhdistusjahoito-ee h1 span,
div#linkit-ee h1 span { display:none;}

div#linkit-ee {
    width: 589px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    clear: both;
  }
  
 
div#estaulukko_alaosa {
	float:right;
	width:589px;
	height:10px;
	background:transparent url(/pics/estaulukko-lopetus.gif) right bottom  no-repeat;
	margin:0em 0em 0em 0px;
	padding:0em;
	} 

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

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

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; 
  }   
 
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;
  }   


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

div#ajankohtaisuudet {
    float: right;
    width: 582px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background:transparent url(/pics/bg-ajankohtaisuudet.gif) repeat-y; 
   }      
  
div#tiedotteet-ee {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 530px;
  }       
 
#tiedotteet-ee h1 {
    background:transparent url(/pics/otsikko-tiedotteet-ee.gif) no-repeat; 
    width: 582px; 
	height: 23px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  } 
  
#tiedotteet-ee h1 span { display:none;} 
div#kaikkitiedotteet {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: absolute;
    top: 4px;
    left: 660px;
    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:transparent url(/pics/pallo-sininen.gif) 0px 5px no-repeat; 
    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-ee ul.liststyle-1, 
#tiedotteet-ee ul.liststyle-2, 
#tiedotteet-ee ul.liststyle-3,
#tiedotteet-ee ul.liststyle-4  {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}  
  
#tiedotteet-ee ul.liststyle-1 li.liststyle-1 {
	background-image:transparent url(/pics/ikoni-kiilto.gif) 0px 15px no-repeat;
    padding: 11px 0px 11px 0px;
    margin: 0px 15px 0px 15px;
  }    
    

#tiedotteet-ee ul.liststyle-1 li.liststyle-1 a, 
#tiedotteet-ee ul.liststyle-2 li.liststyle-2 a, 
#tiedotteet-ee ul.liststyle-3 li.liststyle-3 a,
#tiedotteet-ee 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-ee ul.liststyle-1 li.liststyle-1 p, 
#tiedotteet-ee ul.liststyle-2 li.liststyle-2 p, 
#tiedotteet-ee ul.liststyle-3 li.liststyle-3 p,
#tiedotteet-ee 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-ee p {
    margin: 0px 0px 0px 0em;
    padding: 0px 0px 0px 0em;
  }  

#tiedotteet-ee p.tiedotteeet-erotin {
	position:relative;
	left:2em;
	width:100%;
	background:transparent url(/pics/pisteviiva-tiedotteet.gif)  repeat-x; 
	margin:0em;
	padding:0em;
	}

#tiedotteet-ee ul.liststyle-2 li.liststyle-2 {
	background:transparent url(/pics/ikoni-rakentaminen.gif) 0px 15px no-repeat; 
	padding: 11px 0px 11px 0px;
    margin: 0px 15px 0px 15px;
  }    
    
#tiedotteet-ee ul.liststyle-3 li.liststyle-3 {
	background:transparent url(/pics/ikoni-teollisuus.gif) 0px 15px no-repeat; 
    padding: 11px 0px 11px 0px;
    margin: 0px 15px 0px 15px;
  }        

#tiedotteet-ee ul.liststyle-4 li.liststyle-4 {
	background:transparent url(/pics/icon-puhdistusjahoito.gif) 0px 15px no-repeat; 
	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:transparent url(/pics/ajankohtaisuudet-vali.gif) no-repeat; 
    width: 2px; 
	height: 36px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }       

div#ajankohtaista-ee {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: right;
    width: 291px;
  }       
    
#ajankohtaista-ee h1 {
    background:transparent url(/pics/otsikko-ajankohtaista-ee.gif) no-repeat; 
    width: 291px; 
	height: 23px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }     
  
div#kaikkiajankohtaista {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: absolute;
    top: 4px;
    left: 665px;
    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:transparent url(/pics/ajankohtaisuudet-ala.gif) no-repeat; 
    width: 582px; 
	height: 18px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    clear: both;
  }  

/*+---------------------+*/
/*| FRONTPAGE LOWERPART |*/  
/*+---------------------+*/

div#esalaosataulukko {
    width: 100%;
    background:transparent url(/pics/bg-alaosa-es.gif) no-repeat;
    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:0em auto; 
    text-align: left;
    clear: both;
  }

  
/*+--------------------+*/
/*| SUBPAGES LOWERPART |*/  
/*+--------------------+*/

div#content {
	position: relative;
    width: 760px; 
    margin:0em auto; 
    text-align: left;
    } 
    
div#kaari {
    width: 760px;
    height: 36px;
  }    
   
#kaari h1 { 
	background:transparent url(/pics/kaari.gif) no-repeat; 
	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:transparent url(/pics/clear.gif) no-repeat; 
	width: 5px; 
	height: 176px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	}  
  
div#navitaulukko {
    width: 746px;
    float: left;
    background:transparent url(/pics/bg-sisalto.gif) repeat-y;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }  

/*+------------------------+*/
/*| NAVIGATION ON SUBPAGES |+*/
/*+------------------------+*/
  
div#alanavi {
    width: 188px;
    background:transparent url(/pics/bg-navi.gif) 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.etusivu a { font-size:11px;}   
#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;
  	min-height:200px;
	heigth:auto;
	_height:200px;
  }  

.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 {
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 10px;
    list-style-type: none;
	}  

#sisalto ol { margin-left:27px;}
#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 {
 	width:500px;
 } 
 
#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: url(/pics/li-alanavi-oranssi.gif) 0px 4px  no-repeat; 
    padding: 0px 0px 0px 15px;
    margin: 0px 0px 0px 1.5em;
  }  
  
#sisalto td.taustatummanvihrea a,
#sisalto td.taustatummankeltainen a,
#sisalto td.taustatummanoranssi a { 
	display:block;
	font-size:12px;
	text-decoration:none;
	margin:0em 0em 0em 0em; 
	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: 750px;
	margin:auto;
	padding:0px 0px 0px 0px;
	
}
div#yhteystiedot a { color:#ffffff;font: normal normal 11px arial,verdana,helvetica,serif;  }
div#osoite-1
  { 
    float:left;
    width:45%
	font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #ffffff; 
    padding: 5px 0px 10px 200px;
	text-align:left;
	
  }
div#osoite-2
  { 
    float:left;
    width:45%
	font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #ffffff; 
    padding: 5px 0px 10px 30px;
	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; 
  }  

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

div#sisalto #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;
	}
	
div#sisalto #list p#naytakaikki
	{
		padding: 0px;
		margin: 0px;
		border: solid 0px black;
		width: 440px;
		text-align: right;
	}

div#sisalto #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#headline img { display:inline; float:left;padding-right:7px;}
div#headiline h1#paaotsikkorakentaminen,
div#headiline h1#paaotsikkobuilding {
		padding-left: 7px;
		color: #28BFC5;
	}
	
div#headiline h1#paaotsikkoteollisuus,
div#headiline h1#paaotsikkoindustry
	{
		padding-left: 7px;
		color: #A0B612;
	}

/* kuvapaikka alasivuilla */
div#right_col {
  float:right;
  width:184px;
  margin:0em;	
  padding:0px;
  }

/* etsin tietoa-laatikko */
div#look_for {
  float:right;
  width:183px;
 margin:0em;
  padding:0px;
}
div#look_for table  {
    background-color: #ffffff;
    border: 1px solid #CFDEE9;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }  


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-ee.gif); 
    background-repeat: no-repeat;
    width: 260px; 
	  height: 23px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 00px 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;
  }     
  
 /* nayta kaikki linkki */  
 
#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: 0em 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-ee.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: auto;
    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; }