
/* Tyyli LH-keskus */


html {text-align:center;}



	

* 	{margin:0;
	padding:0;}

h1, h2, h3, h4, h5 {font-size:100%;}

ol, ul {list-style:none;}

img {border:0;}

th {text-align:left;}

a {text-decoration:none;
	color:#000;}

.clearthefloats {clear:both;}


body 	{position:relative;
	width:800px;
	margin:0 auto 20px auto;
	background:#f5f6d4;
	text-align:left;
	font:80% "Lucida Grande", Verdana, sans-serif;
	color:#171e0b;
		}


.korostettu {color:#000;
			font-size:120%;
				font-weight:bold;}
                   

				
/* OTSIKKO */

#otsikko {	float:left;
			width:800px;
			height:160px;
			margin-top:10px;
			background:#f5f6d4 url(kuvat/otsikko3.gif) no-repeat top left;
			}

#otsikko h1 {float:left;
			width:275px;
			height:160px;
			background:transparent;
			text-indent: -9999px;}

#otsikko p {text-indent: -9999px;}
			


/* INFO */		

#info {float:right; background:transparent;
	
	text-align:right;
	margin:0;
	color:#cde855;
	}
	
#info ul {padding:0 30px 0 0;}
	
#info ul li {display:inline;
			padding-left:15px;
			font-size:80%;}
			
#info a {
		color:#51602c;}

#info a.english {color:#000;}


/* LAATIKKO käärii yhteen linkit ja sisällön */

#laatikko {width:800px;
			padding-bottom:20px;
			background:#f5f6d4 url(kuvat/laatikko_alalaita.gif) no-repeat bottom left;}




/* LINKIT */

#linkit	{float:left;
	width:800px;
	margin:0;
	margin-top:0;
	padding-right:0;
	padding-left:0;
	list-style:none;
	background:#71863c url(kuvat/.jpg) repeat-x bottom left;
	}


#linkit	#navi li {float:left;
	margin:0 2px 0 0;
	padding:0;
	list-style:none;
	font:80% Verdana, Arial, Helvetica, sans-serif;
	
	background: #cde855 url(kuvat/valittuna_oikea.gif) no-repeat top left;
	letter-spacing:0;
	text-transform:none;
	}


#linkit a {float:left;
	display:block;
	margin:0 0 0 0;
	padding: 10px 6px 14px 6px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	border:none;
	border-bottom:none;
	background:#a7c520;}


#linkit a:hover, body#etusivu #etusiv a {color:#71863c;
				padding-bottom:14px;
				background: transparent url(kuvat/valittuna_vasen.gif) no-repeat top right;}


#linkit	a:hover, body#ajankohtaista #ajankohtaist a {color:#71863c;
				padding-bottom:14px;
				background: transparent url(kuvat/valittuna_vasen.gif) no-repeat top right;}

#linkit	a:hover, body#ihmisille #ihmisill a {color:#71863c;
				padding-bottom:14px;
				background: transparent url(kuvat/valittuna_vasen.gif) no-repeat top right;}
				

#linkit	a:hover, body#elaimille #elaimill a {color:#71863c;
				padding-bottom:14px;
				background: transparent url(kuvat/valittuna_vasen.gif) no-repeat top right;}

#linkit	a:hover, body#koulutukset #koulutukse a {color:#71863c;
				padding-bottom:14px;
				background: transparent url(kuvat/valittuna_vasen.gif) no-repeat top right;}

#linkit	a:hover, body#yhteystiedot #yhteystiedo a {color:#71863c;
				padding-bottom:14px;
				background: transparent url(kuvat/valittuna_vasen.gif) no-repeat top right;}
				
#linkit	a:hover, body#artikkelit #artikkeli a {color:#71863c;
				padding-bottom:14px;
				background: transparent url(kuvat/valittuna_vasen.gif) no-repeat top right;}

#linkit	a:hover, body#hoitotapauksia #hoitotapauksi a {color:#71863c;
				padding-bottom:14px;
				background: transparent url(kuvat/valittuna_vasen.gif) no-repeat top right;}

#linkit	a:hover, body#linkki #linkk a {color:#71863c;
				padding-bottom:14px;
				background: transparent url(kuvat/valittuna_vasen.gif) no-repeat top right;}
				



#alilinkit {width:800px;
			height:60px;
			background:#cde855;
			font-size:100%;
			color:#000;}
			
#alilinkit ul {padding:10px 0 3px 20px;}

#alilinkit li {display:inline;
				padding:0 25px 0 0;
				}
				
#alilinkit li a {font-weight:bold; text-decoration:underline;}

#alilinkit li a:hover {color:#8cdb18;}


/* alilinkit2 käytössä artikkeleiden listauksessa; JOS ALILINKKEJÄ LISÄÄ, kasvata alilinkit2:n korkeutta!!!! */

#alilinkit2 {width:800px;
			height:100px;
			background:#cde855;
			font-size:100%;
			color:#000;
			padding-bottom:20px;}
			
#alilinkit2 ul {padding:10px 0 3px 20px;}

#alilinkit2 li {
				padding:0 25px 0 0;
				}
				
#alilinkit2 li a {font-weight:bold; text-decoration:underline;}

#alilinkit2 li a:hover {color:#8cdb18;}



/* SISÄLTÖ */


#sisalto {position:relative;
		width:800px;
		padding:0;
		margin:0;
		background:#cde855;
		padding-bottom:30px;	
		}
		
#oikea {position:absolute;
		top:0;
		right:20px;
		width:172px;
		padding-bottom:10px;
		background:#a7c520;}
		
#oikea img {padding:10px 11px 0 11px;} 
		
#vasen {width:578px;
		background:#cde855 url(kuvat/slogan.jpg) no-repeat 320px 30px;
		}

	

#vasenenglish {width:578px;
		background:#cde855 url(kuvat/sloganenglish.jpg) no-repeat 320px 30px;
		}
				
		
#slogan {width:578px;
		height:200px;
		margin-left:-40px;
		z-index:50;
		background:transparent url(kuvat/nokkonen.gif) no-repeat bottom left;}
		
#slogan p {text-indent: -9999px;}		



#tekstikentta {margin-top:10px;}

#tekstikentta p {width:538px;
		padding:10px 0;
		margin-left:20px;
		line-height:normal;
		font-size:100%;
		}

#tekstikentta p.korostettu {color:#51432f;
			font-size:120%;}

#tekstikentta p.klinikka {margin-left:10px; padding-left:110px; width:438px; height:110px;
			background:transparent url(kuvat/klinikka.jpg) no-repeat top left;}

#tekstikentta p.klinikka a {text-decoration:underline; 
		color:#000;
		font-weight:bold;
		font-size:110%;}
			
			
#tekstikentta p.classic {margin-left:10px; padding-left:110px; width:438px; height:100px;
			background:transparent url(kuvat/classic.jpg) no-repeat top left;}
			
#tekstikentta p.classic a {text-decoration:underline; 
		color:#000;
		font-weight:bold;
		font-size:110%;}


#tekstikentta p.weterhoitola {margin-left:10px; padding-left:110px; width:438px; height:100px;
			background:transparent url(kuvat/weterhoitola.jpg) no-repeat top left;}

#tekstikentta p.weterhoitola a {text-decoration:underline; 
		color:#000;
		font-weight:bold;
		font-size:110%;}

#tekstikentta p.weterkoulu {margin-left:10px; padding-left:110px; width:438px; height:100px;
			background:transparent url(kuvat/weterkoulu.jpg) no-repeat top left;}

#tekstikentta p.weterkoulu a {text-decoration:underline; 
		color:#000;
		font-weight:bold;
		font-size:110%;}

#tekstikentta p.tervetuloa {
							background:transparent url(kuvat/tervetuloa.jpg) no-repeat top left;
							text-indent:-9999px;}



#tekstikentta h2 {font:160% Geneva, Arial, Helvetica, sans-serif;
		width:538px;
		margin-bottom:20px;
		margin-left:10px;	
		padding:7px 0 7px 20px; 
		color:#000;
		font-weight:bold;
		letter-spacing:1px;
	
		background:#a7c520 url(kuvat/h2.jpg) repeat-x top left;
		}


#tekstikentta h3 {font-size:120%;
		width:538px;
		
		padding:5px 0 5px 10px;
		margin-left:10px;
		margin-top:20px;
		margin-bottom:10px;
		background:#a7c520 url(kuvat/h3.jpg) repeat-x top left;
		color:#000;
		}

#tekstikentta h4 {font-size:110%;
		font-style:italic;
		padding:5px 0 0 10px;
		margin-left:10px;
		margin-top:10px;
		background:transparent;
		color:#000;
		}

#tekstikentta h5 {font-size:100%;
		font-weight:bold;
		padding:5px 0 0 10px;
		margin-left:10px;
		margin-top:10px;
		background:transparent;
		color:#000;}

#tekstikentta ul {padding:15px 20px 10px 0;
				margin-left:70px;
				
				}

#tekstikentta ul li {padding:3px 0;
					list-style-image:url(kuvat/ul.jpg);
					}
					

#tekstikentta ul ul {padding:0;
				margin-left:40px; }
 
#tekstikentta img {padding:0;
					margin-left:20px;
					border:2px solid #a7c520;}


#tekstikentta a {text-decoration:underline; 
		color:#000;
		font-weight:bold;
		font-size:90%;
		}

#tekstikentta a:hover {text-decoration:underline;
			color:#777;}

#tekstikentta dl {padding:15px 0 40px 130px;
				margin-left:0;
				width:300px;}

#tekstikentta dt {font-size:110%;
				color:#51329a;
				font-weight:bold;
				padding:0 0 30px 0;}

#tekstikentta dd {padding-top:10px;}


#tekstikentta .kuvateksti {font-size:70%; margin:0 5px 0 20px; color:#666666;}

#tekstikentta table {width:500px;
					margin-left:20px;
					text-align:center;
					border:3px solid #a7c520;
					margin-top:10px;
			        }		

#tekstikentta th, td {padding:3px;
						text-align:center;
						border:1px solid #000;}

