/* CSS Document */

body { 
	background: transparent url( /pics/admin/body_bg_admin.gif) repeat-x;
	font: normal normal 14px Verdana, Arial, Helvetica, sans-serif; 
	}

* { margin: 0; padding: 0;  }

/* yleisia tyylimaarityksia */

h1 { 
	font-size: 24px; 
	color: #336699; 
	font-weight: normal;
	background: transparent url(/pics/admin/h1_bg_admin.gif) bottom repeat-x;
	padding: 0 0 12px 0;
	margin: 25px 0 10px 0;
	}


h2 { 
	font-size: 14px; 
	color: #336699;   
	font-weight: bold;
	margin: 30px 0 15px 0;
	}
	
h2.firma { 
	font-size: 16px; 
	color: #000;   
	font-weight: bold;
	margin: 30px 0 15px 0;
	}

h3 { font-size: 14px; color: #336600; }

img { border: none; }


img.border { border: 5px solid #336600; }

a { color: #003366; outline: none; }
	a:hover { text-decoration: none; }
	
a.nuoli { 
	background: transparent url(/pics/hyvinvointi/li_bg_harmaa.gif) left no-repeat; 
	padding: 0 0 0 15px;
	}
		a.nuoli:hover { text-decoration: none; }

p { margin: 0 0 15px 0; }
p.no_margin { margin: 0; }

blockquote { margin: 0 0 0 40px; }

span.strong { background-color:#bfdba2; }
	
#container { 
	position: relative; 
	width: 1007px;
	margin: 0 auto;
	/* border: 1px solid #006600; */
	}

/* Headerin tyylit */

	#header { 
		width: 1007px;	
		position: relative;
		float: left;
		height: 153px;
 		}
	
	#header a.logo { position: absolute; top: 10px; }
	
	#header #header_tab {  
		position: absolute; 
		right: 0; 
		top: 0; 
		} 

	div#header img { behavior: url(/htc/iepngfix.htc); }


#print_logo {display:none;}	
	
#page { 
	/*border: 1px solid #000000; */
	position: relative;
	float: left;
	padding: 0 0 0 60px;
	}
		

/* input-kenttien tyylit */

	input.search, input.search_wide, input.search_narrow, input.log_in, input.palaute   { 
			border: 1px solid #d5d5d5; 
			vertical-align: middle;
			font-size: 20px; 
			margin: 5px 0 0 0;
			color: #666666;
			}
	
	input.muokkaa_btn { vertical-align: middle; margin: 0 0 0 155px;}
	
	img.muokkaa_btn { vertical-align: middle; margin: 0 0 0 155px;}		
			
	input.muokkaa_tietoja { 
			border: 1px solid #d5d5d5; 
			vertical-align: middle;
			margin: 0 0 0 0;
			width: 200px;
			}
		
	table.tietojen_muokkaus td, th { vertical-align: top; }
	
	input.paiva { 
			border: 1px solid #d5d5d5; 
			vertical-align: middle;
			margin: 0 0 0 0;
			width: 30px;
			}
	
	input.palaute, textarea.palaute { width: 460px; }
	
	input.search_narrow { width: 166px; }
	
	input.search { width: 300px; }
	
	input.search_wide { width: 410px; }
	
	input.help { vertical-align: middle; }
		
	input.search_btn { 
			vertical-align: middle;  
			margin: 5px 0 0 10px;
		
			}
	
	input.tallenna_tiedot { margin: 50px 0 40px 150px; }
			
	textarea { border: 1px solid #d5d5d5; width: 200px; height: 100px; }
		
	p.ohje { color: #666666; font-size: 12px; margin: 5px 0 0 0; }
	
	span.pvm { color: #666666; font-size: 12px; margin: 5px 0 0 0; }
	
	table.kuvahallinta { margin: 20px 0 0 0; }
	
	table.kuvahallinta th { vertical-align: middle; }
	

/* taulukon tyylit */

table.tietojen_muokkaus th { font-weight: bold; width: 200px; text-align: right; padding: 0 10px 0 0; }
	
/* left column -tyylit */

	#left_col { 
		width: 480px;
		position: relative;
		float: left;
		background: #FFFFFF;
		min-height:400px;
 		height:auto !important;
  		height:400px;
		padding: 20px 0 0 25px;
		}

		#left_col ul { margin: 0 0 0 35px; }

		#left_col ol { margin: 0 0 0 35px; }
		
		/* palvelukategorioiden listatyylit*/
		
		#left_col ul.palvelukategoriat { 
			list-style-type: none; 
			width: 310px; 
			margin: 30px 0 0 0;
			float: right;
			position: relative;
			}
			
		#left_col ul.palvelukategoriat_levea { 
			list-style-type: none; 
			margin: 20px 0 0 0;
			}
		
		#left_col ul.palvelukategoriat li, ul.palvelukategoriat_levea li { margin: 0 0 12px 0; }
		
		#left_col ul.palvelukategoriat li a { 
			background: transparent url(/pics/hyvinvointi/li_bg_harmaa.gif) left no-repeat; 
			padding: 0 0 0 15px; 
			}
		
		#left_col ul.palvelukategoriat_levea a { 
			background: transparent url(/pics/hyvinvointi/li_bg_harmaa.gif) left no-repeat; 
			padding: 0 0 0 15px; 
			}
		
		#left_col ul.palvelukategoriat li p, #left_col ul.palvelukategoriat_levea li p { 
			font-size: 12px; 
			margin: 12px 0 0 15px; 
			}
		
		#left_col img.kategoriat_kuva { 
			position: relative; 
			float: left; 
			margin: 30px 0 0 0; 
			}			
		
		/* hakutuloslistaus google map */ 
		
		#left_col ul.hakutulokset { width: 480px; list-style-type: none; margin: 30px 0 0 0; }
		
		#left_col ul.hakutulokset li { margin: 0 0 15px 0; }
		
		#left_col ul.hakutulokset li p { margin: 0; color: #666666; font-size: 12px; }
		
		#left_col ul.hakutulokset li p.palvelut { color: #000000; font-weight: bold; margin: 5px 0 0 0; }
		
		
		/* aakkosellinen hakemisto */
		
		.aakkoset { 
			position: relative;
			margin: 30px 0 40px 0;
			float: left;
			width: 480px;
		 	}
			
			.aakkoset a, span.ei_valintaa, span.valittu  { 
				color: #000000; 
				font-size: 20px; 
				font-weight: bold;
				height: 22px;
				width: 20px;
				margin: 0 13px 5px 0; 
				display: block;
				float: left;
				}
			
			.aakkoset span.ei_valintaa { color: #999999; }
			
			.aakkoset span.valittu { color: #336600; }
			
		
		/* normaali listaus -tyylit */
		
		ul.listaus { 
			list-style-type: none; 
			margin: 30px 0 30px 0; 
			}
		
		ul.listaus li p { 
			color: #000000; 
			font-weight: bold;
			background: transparent url(/pics/hyvinvointi/li_bg_harmaa.gif) left no-repeat; 
			padding: 0 0 0 15px; 
			position: relative; 
			}
		
		ul.listaus li a { 
			background: transparent url(/pics/hyvinvointi/li_bg_harmaa.gif) left no-repeat; 
			padding: 0 0 0 15px; 
			}
		
		ul.listaus ul { 
			list-style-type: none; 
			margin: 20px 0 20px 30px; 
			}
		
		ul.listaus ul li a { 
			color: #000000; 
			}
		
		/* normaali listaus ilman nuolta -tyylit */
		
/* right column -tyylit */

#right_col { 
	width: 249px; 
	position: relative;
	float: left;
	background: #FFF;
	min-height:400px;
 	height:auto !important;
  	height:400px;
	padding: 20px 19px 130px 30px;		
	}
		
	a.uutisia_otsikko, a.tapahtumia_otsikko { 
		font-size: 24px; 
		color: #336699;
		font-weight: normal;
		background: transparent url(/pics/admin/h1_bg_admin.gif) bottom repeat-x;
		padding: 0 0 12px 0;
		margin: 25px 0 10px 0;
		position: relative;
		display: block;
		text-decoration: none;
		}
		
		#right_col ul { list-style-type: none; }
		
		/* tapahtumat ja uutiset */
		
		 ul.tapahtumia, ul.uutisia { list-style-type: none; }
		
		 ul.tapahtumia li, ul.uutisia li { margin: 0 0 10px 0; }
		
		 ul.tapahtumia li a, ul.uutisia li a { color: #000;font-size:14px; }
		
		 ul.uutisia li p { font-size: 12px; color: #666666; position: relative; display: inline; }
		
		/* hyvinvointipalvelut.fi, listaus etusivulla */
		
		#right_col ul.hyvinvointi { 
			list-style-type: none; 
			margin: 20px 0 0 0;
			}
		
		#right_col ul.hyvinvointi li a { 
			background: transparent url(/pics/hyvinvointi/li_bg_harmaa.gif) left no-repeat; 
			padding: 0 0 0 15px; 
			}


/* banner */

#banner { background: #fff; width: 143px; position: relative; float: left; }
		
#banner img { display: block; padding: 5px 0 0 0; }
		
		
/* footer -tyylit */

#footer { 
	background: transparent url(/pics/admin/footer_bg_admin.gif) left top repeat-x;
	margin: 30px 0 0 0;
	width: 940px;
	height: 35px; 
	position: relative; 
	float: right;
	color: #999999;
	font-size: 11px;
	padding: 13px 0 0 0; 
	}
	
	#footer a.culminatum { margin: 0 30px 0 0; }
	
	#footer a { color: #999999; }
	
	#footer a:hover { text-decoration: none; }


/* ESR */
	
#esr { height: 105px; width: 220px; position: absolute; margin-top: 20px; bottom: 0; right: 40px; }

	#esr a { width: 100px; display: block; bottom: 10px; position: absolute; }

	#esr img { position: absolute; top: 0; right: 0;}




/* form designer form -tyylit */		

 #fd input.bordered  { 
			border: 1px solid #d5d5d5; 
			vertical-align: middle;
			font-size: 20px; 
			margin: 5px 0 0 0;
			width: 300px;
			} 
			
#fd fieldset { margin: 0 0 15px 0; }
			
#fd textarea {  border: 1px solid #d5d5d5; width: 300px;  }

#fd option { width: 285px; }