/*  =========== Ikkunan p��elementit =========== */

html, body {         margin: 0px;
					padding: 0px;
					width: 100%;
					height: auto;
					text-align: center;  /* t�m�n sis�ll� olevien elementtien keskitys */
					background-color: #f2f2f2;
					background-image:url(../images/tausta-gradient.jpg);
					background-repeat:repeat-x;
					background-position: 0px 0px;
					}
								
	#taustakehys {      position: relative;
						left: auto; top: auto;
						width: 1002px; height: auto;
						margin: 0px auto 0px auto; /* t�m�n elementin keskitys */
						padding: 0px 0px 0px 0px;
						background-attachment: scroll;
						background-position: bottom center;
						background-repeat: repeat-y;
						background-color: #ffffff;
						text-align: center; /* t�m�n sis�ll� olevien elementtien keskitys */
						}

		#ylaosa {                   position: absolute;
									left: 0px; top: 0px;
									width: 1002px; height: 221px;
									margin: 0px;
									padding: 0px;
									overflow: hidden; /* est�� elementin venymisen, jos sis�lt� vaatii enemm�n tilaa */
									background-image: url(../images/ylaosa.jpg);
									background-attachment: scroll;
									background-position: 0px 0px; /* sanalliset arvot tulkitaan mm. IE6:ss� ep�standardisti */
									background-repeat: no-repeat;
									}
	
	
	/* jos elementin ei ole tarkoitus vaihtaa kokoaan ja/tai  sijaintiaan (esim. sis�ll�n mukaan), 
	ei yleens� kannata k�ytt�� marginia eik� floatteja (voi sekoittaa mm. IE6:n) */
	
			#logo {                     position: absolute;
										left: 21px; top: 0px;
										margin: 0px;
										padding: 0px;
										border: 0px;
										display: block;
										}
	
			#kielipalkki { 	            position: absolute;
										left: 40px; top: 140px;
										width: 900px; height: 28px;
										margin: 0px;  
										padding: 0px;
										display: block;
										color: #6e7389; 
										text-align: left;
										background-repeat: no-repeat;
										overflow: hidden;
	
										}
		

			#ylanavipalkki {            position: absolute;
										left: 55px; top: 90px;
										width: 600px; height: 190px;
										margin: auto auto auto auto;
										padding: 0px;
										display: block;
										overflow: hidden;
										}
	
		#sivu {                     position: relative;
									left: 0px; top: 221px;
									width: 1002px; height: auto;
									margin: 0px auto 0px auto;  /* t�m�n elementin keskitys */
									padding: 0px;
									display: block;
									background-image: url(../images/sivu.jpg);
									background-attachment: scroll;
									background-position: 0px 0px;
									background-repeat: repeat-y;
									overflow: visible; /* est�� elementin venymisen, jos sis�lt� vaatii enemm�n tilaa */
									}
									
		/* IE6 sis�lt�� bugin joka tuplaa floattien marginit, joka korjaantuu display:inlinella.
		Floattaus pakottaa elementin automaattisesti blockiksi, jolloin selaimet eiv�t tottele display:inlinea.
		IE6 tosin jostain kumman syyst� ymm�rt�� sen my�s k�skyksi rendata marginit oikein. */
									
	
		#vasenpalsta {                  position: relative;
										left: 0px; top: 0px;
										margin: 10px 0px 0px 40px; 
										width: 44px; height: auto;
										float:left; display:inline;
										overflow: hidden;
										}
		
		
		#sisaltopalsta {                position: relative;
										left: 0px; top: 0px;
										margin: 0px 0px 0px 25px;
										width: 530px; height: auto;
										padding: 0px;
										float:left; display:inline;
										text-align: left;
										overflow: hidden;
										}
										
		#oikeapalsta {                  position: relative;
										left: 0px; top: 0px;
										margin: 0px 24px 0px 0px;
										width: 320px; height: auto;
										float:right; display:inline;
										text-align: left;
										overflow: hidden;
										}
										
		#alaosa {                       position: relative;
										left: 0px; top: 0px;
										width: 1002px; height: 62px;
										margin: 0px;
										padding: 0px;
										background-image: url(../images/alaosa.jpg);
										background-attachment: scroll;
										background-position: 0px 0px;
										background-repeat: no-repeat;
										overflow: hidden; /* est�� elementin venymisen, jos sis�lt� vaatii enemm�n tilaa */
										clear:both;
										}
									
			#copyright {                    width: auto; height: auto;
											margin: 12px auto auto auto; 
											padding: 0px;
											color: #ffffff; 
											font-family: Tahoma, Arial, Helvetica, sans-serif;
											font-weight: normal;
											font-size: 12px;
											line-height: 20px;
											
											}



/* oikean palstan elementit */
                             
                                
.oikeapalsta_kuva {             position:  relative;
                                left: 0px; top: 0px;
								margin: 0px 0px 10px 0px;
                                padding: 0px;
								border: 0px;

                                }



		
/*  =========== TEKSTIMUOTOILUT =========== */
			

p,td {                             color: #6e7389; 
                                font-family: Tahoma, Arial, Helvetica, sans-serif;
                                font-weight: normal;
                                font-size: 13px;
                                line-height: 18px;
								
                                }

p { margin: 6px 0px 12px 0px; }
				
a {                        		color: #4d5163; 
                                font-family: Tahoma, Arial, Helvetica, sans-serif;
                                font-weight: normal;
                                font-size: 13px;
                                line-height: 18px;
                                text-decoration: underline;
                                }
								
h1 {                            color: #6e7389; 
                                font-family: Tahoma, Arial, Helvetica, sans-serif;
                                font-weight: bold;
                                font-size: 18px;
                                line-height: 20px;
								margin: 6px 0px 12px 0px;
                                }

h2 {                            color: #6e7389; 
                                font-family: Tahoma, Arial, Helvetica, sans-serif;
                                font-weight: bold;
                                font-size: 14px;
                                line-height: 20px;
								margin: 6px 0px 12px 0px; 
                                }
h3 {                            color: #6e7389; 
                                font-family: Tahoma, Arial, Helvetica, sans-serif;
                                font-weight: bold;
                                font-size: 12px;
                                line-height: 18px;
								margin: 6px 0px 12px 0px; 
                                }

.mailiosoitekuva { vertical-align: middle;
			border: 0px; } 


/* nostojen linkit */

a.nostolinkki { margin: 0px; border: 0px; padding:0px; }					
								
								
/* Joomla-linkkimoduulien linkit */


.mainlevel_ylanavi {			font-family: Tahoma, Arial, Helvetica, sans-serif;
								color: #ffffff;
                                font-weight: bold;
                                font-size: 14px;
                                line-height: 36px; 
								padding: 0px 10px 0px 30px;
								margin: 0px 0px 0px 0px;
								float:left; display:inline;
								text-decoration: none;
								background-image:url(../images/linkkiruutu.gif);
								background-repeat:no-repeat;
								background-position: 10px 13px;
								}
								 
/* HUOM! oikea j�rjestys on link, visited, active, hover. Muu j�rjestys saattaa olla toimimaton joillakin selaimilla. */

a.mainlevel_normilinkki:link,
a.mainlevel_normilinkki:visited,
a.mainlevel_normilinkki:active { background-color: white; text-decoration: none; color: #4d5163; }
a.mainlevel_normilinkki:hover { background-color: white; text-decoration: underline; color: #6e7389; }

a.mainlevel_ylanavi:link,
a.mainlevel_ylanavi:visited,
a.mainlevel_ylanavi:active { background-color: #6e7389; }
a.mainlevel_ylanavi:hover { background-color: #4d536d; }


.mainlevel_kielilinkki {	font-family: Tahoma, Arial, Helvetica, sans-serif;
                                font-weight: normal;
                                font-size: 12px;
                                line-height: 28px; 
				margin: 0px 0px 0px 20px;
				float:left; display:inline;
				text-decoration: none;
				}

a.mainlevel_kielilinkki:link,
a.mainlevel_kielilinkki:visited,
a.mainlevel_kielilinkki:active { color: #6e7389; }
a.mainlevel_kielilinkki:hover { color: #8c92ae; }



.mainlevel_vasenvalikko { 	font-family: Tahoma, Arial, Helvetica, sans-serif;
                                font-weight: normal;
                                font-size: 12px;
                                line-height: 16px; 
				margin: 0px 0px 0px 0px;
				float:left; display:inline;
				text-decoration: none;
				}
								
a.mainlevel_vasenvalikko:link,
a.mainlevel_vasenvalikko:visited,
a.mainlevel_vasenvalikko:active { color: #6e7389; }
a.mainlevel_vasenvalikko:hover { color: #8c92ae; }



/* lomakkeet */

input, textarea { 
border: 1px solid #6e7389;
margin: 6px 10px 0px 10px;
padding: 0px 0px 0px 0px;

font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;

}

p.lomake {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:14px;

}

/* k�ytett�viss� tarpeen mukaan 

.lomake_input {  }
.lomake_tekstialue {  } */ 


	
.chronoform { display:none; }	/* chronoforms-komponentin kotisivulinkin piilottaminen (sallittu maksuttomassa lisenssiss�) */


table.menu	{
	position: absolute;
	border: 0px solid white;
	cursor: pointer;
	visibility: hidden;
}
#mainmenu	{            
	position: absolute;
	top: 90px;
	z-index: 2;
	}
table.menu td	{
	border:  none;
	color: #FFFFFF;            /* Must be the same as tdColor in the menu_script.js */
	background: rgb(177, 196, 8) none repeat scroll 0% 50%; /* Must be the same as tdBgColor in the menu_script.js */
    	-moz-background-clip: initial;
    	-moz-background-origin: initial;
    	-moz-background-inline-policy: initial;
	padding: 0px 16px 2px;
	font-family: Verdana, Arial;
	font-size: 10pt;
	white-space: nowrap;
}


rss {
display: block;
font-family: verdana, arial;
}
title {
display: block;
margin: 5px;
padding: 2px;
color: gray;
border-bottom: 1px solid silver;
}
link {
display: block;
font-size: small;
padding-left: 10px;
}
item {
display: block;
padding: 2px 30px 2px 30px;
}
docs {
display: block;
background-color: #ffffe6;
margin: 20px;
text-align: center;
padding: 5px;
color: #7f7f7f;
border: 1px solid silver;
}
/* all hidden elements */
language, lastBuildDate, ttl, guid, category, description, pubDate {
display: none;
}