body {
	background-image: url(images/bgbg.jpg); background-repeat: no-repeat; background-position: center top; background-color: #F7F1E0; margin: 20px 0; padding: 0; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;	font-size: 12px; }

a {	outline: 0;}

div#container { background-image: url(images/bg_810.gif); background-repeat: repeat-y; 	background-color: #ffffff;	width: 1000px;	margin: 0 auto; padding: 0; text-align: left; display: block;	}
div#clear { clear:both;}

/* -------------- YLÄOSA ---------------------*/
div#logo { 	width: 798px; height: 150px; margin: 0; padding: 0; background-color: #FFFFFF;/* background-image:url(images/bg_logo.jpg); background-repeat:no-repeat; */}				
div#navitop { 	width: 790px; margin: 0 0 0 10px; padding: 17px 0 12px 0; background-color: #B68B3F; height: 18px;	border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; float: left;	}
div#haku { width: 763px; padding: 10px 0 10px 25px; background-color: #e6e6e6; border: 1px dotted #8B8B8B; margin: 4px 0 8px 10px;   text-transform: uppercase; clear:both;}




/* -------------- BANNERIT ---------------------*/
div#banneritop { margin: 0 0 5px 0; padding: 20px 0; width: 1000px; text-align: center;}				
div#banneritop img { margin: 0 10px 0 0; padding: 0; }				
div#banneritop object { margin: 0 10px 0 0; padding: 0; }				
div#banneriright { padding: 3px; margin: 0 0 0 10px; width: 150px; float:right; display: table;}		
div#banneriright img { margin: 0 0 10px 0; padding: 0; }				
div#banneriright object { margin: 0 0 10px 0; padding: 0; }			


/* -------------- ETUSIVUN SISÄLTÖ ---------------------*/
div#contentwrap { 	width: 810px; margin: 0 ; padding: 10px;  background-color: #ffffff; display: block;   float:left;  }	
div#content { 	     width: 790px; margin: 0 0 10px 0; 	   padding: 4px 10px 20px 10px; background-color:#ffffff; }			
div#flash {	background-color: #ffffff;	padding: 0; margin: 0;	width: 430px;  float:left;	}	
div#esittely { background-color: #B68B3F; color: #ffffff; font-size: 13px;	padding: 10px 15px; margin: 0; line-height:	15px; height: 263px; border-left: 2px solid #ffffff; width: 328px; float:left;}	
div#box4center { width: 788px; padding: 5px 0; margin: 0;  background-color: #f3f3f3; border: 1px solid #D6D6D6; clear: both; text-align: center;}
div#box1show { width: 181px; height: 150px; padding: 4px 5px; margin: 2px; border: 1px dotted #B0B0B0; float: left; line-height: 15px; }

div#toimialat {	background-color: #F7F1E0;	color: #37383A;	padding: 10px; width: 780px; margin: 0; display: table; }
#toimiala {	background-color: #F7F1E0;	color: #37383A;	padding: 5px; width: 180px;	margin: 0; float: left; }



/* -------------- YRITYSSIVUN SISÄLTÖ ---------------------*/
span.basket { float: right; padding: 0 0 10px 10px; width: 70px; }
div#yritys { width: 734px; /*border: 1px solid red;*/ padding: 10px 20px; border-bottom: 1px dotted #D6D6D6; margin: 0 0 0 2px; /*background-image: url(images/bg_yritys.gif); background-repeat: repeat-x;*/ display: table; border: 1px solid #E6E6E6;}
div#yritys:hover { width: 734px; /*border: 1px solid red;*/ padding: 10px 20px; /*border-bottom: 1px dotted #D6D6D6;*/ margin: 0 0 0 2px; /*background-image: url(images/bg_yritys.gif); background-repeat: repeat-x;*/ display: table; border: 1px solid #8F661E;}
div.yritysleft { width: 230px; padding: 10px; border-right: 1px dotted #D6D6D6; margin: 0; float: left; font-size: 12px;}
div.yritysright { width: 462px; padding: 10px;  margin: 0; float: right; font-size: 12px;}
div#yritysulko {   	display: block;	width: 760px;	margin: 2px 0;	border: 1px solid #E6E6E6;}
div#yritysulko:hover {    display: block;	margin: 2px 0;	border: 1px solid #5BA3D5; }		

/* -------------- YHTEYDENOTTO ---------------------*/
div#yhteydenottolomake { width: 400px; margin: 0; padding: 0; float: left; }			
div#yhteydenottolista { width: 370px; margin: 0; padding: 0;  float: left;}			

/* -------------- ALAOSA ---------------------*/
div#bottomlogo { 	width: 760px; margin: 10px 0; padding: 15px 0; clear: both; text-align: center; }			
div#bottom  { 	width: 730px; margin: 10px 10px; padding: 10px 20px; background-color: #f3f3f3; color:#666666; font-size: 12px; line-height: 20px; clear: both; display: table; }			
div#bottomleft  { 	width: 100px; padding: 0 10px 10px 10px; margin: 2px; border-right: 1px dotted #4B4B4B;	font-size: 12px; float: left; }			
div#bottomcenter  { 	width: 167px; padding: 0 10px 10px 10px; margin: 2px; border-right: 1px dotted #4B4B4B;	font-size: 12px;  float: left; }			
div#bottomright  { 	width: 300px; padding: 0 10px 10px 10px; margin: 2px; 	font-size: 12px; float: left; }			

 /* -------------- LINKIT ---------------------*/
a.topnavi:link, a.topnavi:visited {	background-color: #B68B3F; font-size: 13px;	text-decoration: none;	color: #ffffff; border-right: 2px solid #ffffff; margin: 0; padding: 16px 12px 11px 12px;	}
a.topnavi:hover {  	text-decoration: underline;	background-color: #775314;	}

a.topnavilast:link, a.topnavilast:visited {	background-color: #B68B3F; font-size: 13px; text-decoration: none; color: #ffffff; border-right: 2px solid #ffffff; margin: 0; padding: 16px 12px 11px 12px;	}
a.topnavilast:hover {  	text-decoration: underline;	background-color: #775314;	}

a.bluebot:link, a.bluebot:visited {	text-decoration: none; text-transform:uppercase;	color: #4B3300; font-weight: normal; font-size: 10px; line-height: 15px; margin: 0; padding: 0;	}
a.bluebot:hover { text-decoration: none;  color: #000000; background-color: #ffffff;	 }		

a.body:link, a.body:visited { color: #8F661E; font-size: 12px; text-transform: none; text-decoration: underline; font-weight: bold; display: block; background-color: #f3f3f3; border: 1px solid #D6D6D6; padding: 5px 10px; margin: 3px 0;    }
a.body:hover { text-decoration:none;  }

a.white:link, a.white:visited {	text-decoration: underline;	color: #ffffff;	}
a.white:hover { text-decoration: none;	 }		

a.bluebot2:link, a.bluebot2:visited {	text-decoration: underline;	color: #4B3300; font-weight: normal; font-size: 10px; margin-left: 20px;	}
a.bluebot2:hover { text-decoration: none;	color: #4B3300; }		

a.blue:link, a.blue:visited {	text-decoration: underline;	color: #4B3300; font-weight: bold;	}
a.blue:hover { text-decoration: none;	 }	

/*a.level_1:link, a.level_1:visited 	{	text-decoration: underline;	color: #8F661E; font-weight: bold;	display: block; padding: 6px 0 3px 0; font-size: 15px; 	border-bottom: 1px dotted #37383A; }
a.level_1:hover { text-decoration: none;	 }		*/

a.level_1:link, a.level_1:visited 	{ text-decoration: underline;	color: #8F661E; font-weight: bold;	margin: 0 0 3px 0; padding: 5px 0 5px 20px; font-size: 13px;	display: block; background-color:#f0f0f0;   border: 1px solid #ffffff;  }	
a.level_1:hover { text-decoration: none;	border: 1px solid #B6B6B6; }		



a.yht:link, a.yht:visited 	{	text-decoration:none;	color: #8F661E; font-weight: bold;	display: block; padding: 6px 0 3px 0; font-size: 15px; 	border-bottom: 1px dotted #37383A; }
a.yht:hover { text-decoration:  underline;	 }		


a.yhtpoisto:link, a.yhtpoisto:visited {	text-decoration: none; text-transform:uppercase; color: #4B3300; font-weight: normal; font-size: 10px; line-height: 15px; margin: 0px; padding: 4px  4px 4px 20px;
background-image: url(images/roskakori.gif); background-repeat: no-repeat; display: block; border-top: 1px dotted #37383A;	}
a.yhtpoisto:hover { text-decoration: none;  color: #000000;	 }	


h1 { font-size: 20px; margin: 6px 0; color: #8F661E; }
h1#white { 	font-size: 18px; margin: 6px 0; color: #ffffff; }	
h1#brown {	font-size: 20px; margin: 6px 0; color: #8F661E; }
h1#grey { font-size: 18px; 	margin: 6px 0; 	color: #4B3300; }		
h2 { font-size: 15px; text-transform: uppercase; margin: 6px 0;	color: #ffffff; }	
h2#grey { font-size: 15px; 	margin: 6px 0;	color: #4B3300; }	
h2#left { font-size: 15px;	margin: 5px 30px 0 0; float: left; 	color: #4B3300; }		
h2#blue { font-size: 15px;	margin: 6px 0;	color: #775314; }	
h3 { font-size: 14px;	margin: 6px 0; 	color: #454545;	font-weight: bold; }	
h4 { font-size: 11px; margin: 3px 0; color: #4B3300; font-weight: bold; 	text-transform:uppercase;  }		
h4#nobr { float: left; margin: 3px 10px;}

select { padding: 2px 2px 2px 15px; margin: 0 10px;  text-transform: none; width: 180px;}

img#esittelylogo { padding: 9px; max-height: 65px; /*max-width:160px;*/ margin: 0; float:right;}
img#logo { padding: 10px 0;}
img.add { border: 0;}
img#right {	padding: 0 0 3px 0;}



form.palveluhaku { 	padding: 0; margin: 0 ;}	
input.lomake { width: 370px; padding: 2px 5px; font-size:12px; color: #4A4A4A; margin: 2px 0 12px 0;}
textarea.lomake { width: 370px; padding: 2px 5px; font-size:12px; color: #4A4A4A; margin: 2px 0 12px 0;}




/* -------------------------------------------------------------------------------------*/
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	font-family: Trebuchet MS,  Arial, Helvetica, sans-serif;	
	font-size: 15px; margin: 6px 0; color: #37383A;  padding: 0 0 0 22px;
	width:400px;
	background-image:url('images/bg_header.gif');
	background-repeat:no-repeat;
	background-position: left top;	
	height:20px;
	/* End layout CSS */
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer {	/* Parent box of slide down content */
	/* Start layout CSS */
	border: 1px solid #E6E6E6;
	padding: 10px;
	/*background-color:#E2EBED;*/
	width:95%;
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	font-size:0.9em;	
	position:relative;
}


/*
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////








/*td.blue { 	background-color: #5BA3D5;	color: #ffffff;	padding: 10px 20px; border-bottom: 2px solid #ffffff;	margin: 0;		}	
td.blue { 	background-color: #5BA3D5;	color: #ffffff;	padding: 0; border-bottom: 2px solid #ffffff;	margin: 0;		}
td.etu1 { 	background-color: #ffffff;	color: #ffffff;	padding: 0; margin: 0;	width: 430px;	}	
td.etu2 { 	background-image: url(images/bg_td2.gif); background-repeat: repeat-x; color: #ffffff; font-size: 13px;	padding: 10px 15px; margin: 0; line-height:	15px; height: 290px; border-left: 2px solid #ffffff;}	
td.etu3 { 	background-color: #E7E7E7;	color: #37383A;	padding: 10px ;	border-right: 2px solid #ffffff;	margin: 10px 0 0 0;		}	
td.etu4 { 	background-color: #ffffff;	color: #37383A;	padding: 10px ;	border-right: 2px solid #ffffff;	margin: 10px 0 0 0;		}	
*/
/*   etuesittelyt  
td.etuesittely { 	background-color: #ffffff;	color: #37383A;	padding: 0;	margin: 0;		}	*/ 



/*
td.red {	background-color: #B68B3F;	color: #ffffff;	padding: 10px 20px ;	border-right: 2px solid #ffffff;	margin: 0; }	
td.brown {	background-color: #B68B3F;	color: #ffffff;	padding: 10px 20px ; width: 390px;	border-right: 2px solid #ffffff;	margin: 0; }	
td.riia {	background-color: #ffffff;	background-image: url(images/riia_rauhala.jpg); background-repeat:no-repeat; color: #37383A;	padding: 15px 190px 15px 20px ; border-right: 2px solid #ffffff;	margin: 0; }	
td.red_kilpailu {	background-color: #9A1F18;	color: #ffffff;	padding: 20px 20px 10px 20px ;	border-right: 2px solid #ffffff;	margin: 10px 0 0 0; }	
td.grey {	background-color: #E7E7E7;	color: #37383A;	padding: 10px 20px;	margin: 0;	}	
td.grey_kilpailu {	background-color: #E7E7E7;	color: #37383A;	padding: 20px ;	border-right: 2px solid #ffffff;	margin: 10px 0 0 0; width: 420px; }	
td.tervetuloa {	background-color: #E7E7E7;	color: #37383A;	padding: 20px ;	border-right: 2px solid #ffffff;	margin: 10px 0 0 0; width: 420px; }	
td.etuboxiright {	background-color: #E7E7E7;	color: #37383A;	padding: 10px ;	border-right: 2px solid #ffffff;	margin: 10px 0 0 0; width: 162px; }	

td.etuboxileft {	background-color: #ffffff;	color: #37383A;	padding: 10px ;	border-right: 2px solid #ffffff;	margin: 10px 0 0 0; width: 162px; }	

td.botgrey {	background-color: #F7F1E0;	color: #37383A;	padding: 10px 20px; width: 738px;	margin: 0; /*border-left: 10px solid #ffffff;*/ 
  /*border-top: 3px solid #ffffff; border-right: 3px solid #ffffff;	}	

td.etuhaku { padding: 10px 0 0 0 ;}	*/

/* kuva ja teksti 
div#haastattelu {    
	display: block;
	clear:both;
	margin: 10px 0;	}

span.kuvajateksti_oikea { float: right; background: #ffffff; padding: 0; font-style: italic; font-size:11px;  margin: 10px;  display: block; }
span.toimialakuva { float: right; background: #ffffff; padding: 0; font-style: italic; font-size:11px;  margin: 0 0 10px 10px;  display: block; width: 210px; }
*/


/*	
span.kuvajateksti_vasen { float: left; background: #ffffff; padding: 0; font-style: italic; font-size:11px;  margin: 10px 10px 10px 0; }


table#yritys1 { background-image: url(images/bg_con.gif); background-repeat: repeat-y; background-position: right; background-color:#ffffff;	margin: 0;	width: 755px;	padding: 10px;		}
table#yritys2 { background-color: #ffffff;	margin: 0;	width: 750px;	padding: 10px ;		}	

table#topbanneri { height: 125px;}

div#yritys {    display: block;	margin: 2px 0;	border: 1px solid #E6E6E6;}
div#yritys:hover {     	display: block;		margin: 2px 0;	border: 1px solid #8F661E; }	


	
td.content  { 	padding: 10px 15px 10px 15px;  margin: 0;		}
	
td.con {	padding: 8px; border-bottom: 1px dotted #E6E6E6;}
td.info {	padding: 8px;}
td.logo { text-align: center;	width: 180px; padding: 10px 0; border-right: 1px dotted #E6E6E6;}
td.basket { /*background-color:#009933;border-bottom: 1px dotted #E6E6E6;}*/


/*div#haku { 	width: 140px; float: left; }
div#haku2 { 	width: 140px; float: right; margin-right:20px; margin-top:20px;}
div#palveluhaku { width: 750px; padding: 10px; background-color: #e6e6e6; border: 1px dotted #8B8B8B; margin: 30px 0 0 0; }

#palveluhaku select { margin: 0 25px 0 0;}
#palveluhaku button { margin: 0 10px 0 0; float: left;}
input.blue_btn {background-color:#025b92; font-weight: bold; font-size: 12px; color: white;}
input.brown_btn {background-color:#775314;  font-size: 12px; text-transform: uppercase; color: white; margin: 0; padding: 2px 16px 4px 16px; border: 1px solid #ffffff;}*/
/*
form.haku select {	width: 150px; margin: 0 0 10px 0; display: block; clear: right;}
form.palveluhaku select {	width: 150px; margin: 5px 18px 0 0; float:left; }
form.haku2 select {	width: 150px; margin: 0 0 10px 0; display: block; clear: right;}
/*form.haku select {	width: 150px; margin: 0 10px 8px 0; display: block; clear: left;}
input#button {	padding: 2px 10px;}

#logo { padding: 10px 0 0 10px ;}		
#kartta { 	float:right; padding-right:10px; padding-top:5px;}
#karttatop {position: relative; top: 1px; left: 25px; }

*/
/*
h3 {
	font-family: Trebuchet MS,  Arial, Helvetica, sans-serif;	
	font-size: 15px;
	margin: 6px 0;
	color: #37383A; }	*/


/* -------------------------------------------------------------------------------------*/

/*
div#muistilista {
	padding: 0;
	margin: 0;
	width: 800px;}
div#muistilistatxt {
	*border: 1px solid #E6E6E6;
	padding: 10px;
	/*background-color:#E2EBED;
	width:580px;
	float: left;
	}
div#muistilistabanneri {
	padding: 0 10px 10px 10px;
	width:150px;
	float: left;

	}	





td.bottom{
	background-image: url(images/bg_bottom.jpg);
	background-repeat: repeat-x;
	background-position:bottom;
	font-size: 11px; 
	margin: 1px; 
	border: 1px solid #E6E6E6;
	padding: 10px 20px;
	color: #37383A;
	text-align: left;	}	
/*
div#bottomlogo { text-align: center; width: 800px;}
img#botlogo {	padding: 0 20px; border: 0;}
img#logoright {	border: 0;}
	

*/
/*
li#level_1	{
	list-style-type:none;	
	display: block;
	padding: 6px 0 3px 0;
	font-family: Trebuchet MS,  Arial, Helvetica, sans-serif;	
	font-size: 15px;
	color: #37383A;
	border-bottom: 1px dotted #37383A; 	
	}
	
li#level_2 {
	text-indent: 5px;
	margin: 2px 0;
	list-style-type: square;
	list-style-position: inside;	}

td#level_3  {
	width: 30%;
	padding: 2px 0;
	border-bottom: 1px dotted #E6E6E6;		}	
		
		
td#level_4, td#level_5, td#level_6  {
	width: 25%;
	padding: 2px 0;
	border-bottom: 1px dotted #E6E6E6;		}	


*/