/* Yleisia */
body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; background: #fff; }

/* Nollaus kaikille elementeille */
body * { margin: 0; padding: 0; border: 0; }
ul, ol { list-style: none; }

/* yleisia tyyleja */
.oikealle { float: right; }
.vasempaan { float: left; }
.oikea-clear { clear: right; }
.vasen-clear { clear: left; }

/* wrapper taustakuvan sijalla, että skaalaus toimii nätisti */
#wrapper { width: 100%; background: white; }

/* Navigaatioapua piiloon */
#sisaltoon { display: none; }
.lisainfo { display:none; }

/* Ylatunniste */ 
#ylatunniste { width: 100%; height: 50px;}
	#ylatunniste h1 { display: none; }
	#ylatunniste h2 { display: none; }
	#apunavi { display: none; }

/* navit ja sivupalkit ei näkyy tulosteessa */
#paanavigaatio { display: none; }
#luejaosallistu { display: none; }
#alanavigaatio { display: none; }
#sivupalkki { display: none; }

#sisalto-wrapper { width: 100%; background: white; }

	/* Sisalto */
	#sisalto { background: white; float: left; width: 100%; min-height: none; padding: 0; }
	#etusivu #sisalto { padding-top: 20px; } /* etusivulla ei murupolkua */
		/* Yleiset tyylit jotka ovat voimassa koko sisältöalueelle */
		#sisalto h1, #sisalto h2, #sisalto h3, #sisalto h4, #sisalto h5, #sisalto h6, #sisalto p, #sisalto li { color: #333; }
		#sisalto p { margin-bottom: 5px; line-height: 1.6em; }
		#sisalto a { text-decoration: none; color: #0032ff; }
		#sisalto a:hover { text-decoration: underline; color: #0032ff; }
		#sisalto img { float: right; background: #fff; margin: 0 0 0 15px; padding: 3px; border: #d0cfb6 solid 1px; }
		#sisalto img.vasempaan { float: left; margin: 0 15px 0 0; }

		/* Dokumenttipolku */
		#dokumenttipolku { font-size:1.1em; background: white; float: left; margin-bottom: 20px; padding: 55px 0 8px 0; width: 100%; color: #004074; border-bottom: 1px solid #000; }
			#dokumenttipolku strong { color: black; font-weight: normal; }
			#dokumenttipolku a { color: #0032ff; text-decoration: none; }
			#dokumenttipolku a:hover { text-decoration: underline; }
	
		/* laatikot joissa harmaa yläpalkki - yksi laatikko jolla 100% leveys */
		#laatikko-uutiset, #laatikko-kalenteri { display: block; width: 100%; padding-bottom: 15px; margin-bottom:20px;  background: url(listauslaatikko-alaviiva666.gif) bottom left no-repeat; }
			#laatikko-uutiset h3, #laatikko-kalenteri h3 { text-transform: uppercase; font-weight: bold; font-size: 1.4em; display: block; height: 38px; padding: 5px 8px 0; background: url(listauslaatikko-tausta.gif) top left repeat-x; }
			#laatikko-uutiset img, #laatikko-kalenteri img { margin: -10px 25px 10px 20px; }
			#laatikko-uutiset p, #laatikko-kalenteri p { font-size: 1.2em; line-height: 1.8em; width: 100%; margin: 10px 10px 0; }
			#laatikko-uutiset a.rss-tilaus { padding-right: 25px; background: url(rss-tilaus.gif) bottom right no-repeat; margin: -1.8em 40px 0; float: right; }
			#laatikko-uutiset ul, #laatikko-kalenteri ul { margin: -10px 0 0; }
			#laatikko-uutiset li, #laatikko-kalenteri li { font-size: 1.2em; line-height: 1.6em; margin: 0 10px; }
			#laatikko-uutiset li { line-height: 2em; margin-left: 23px; list-style: square; }
			#laatikko-kalenteri li a { margin-left: 5px; font-weight: bold; }

		/* laatikot joissa harmaa yläpalkki - kaksi vierekkäin */
		#ajankohtaista-linkit { width: 666px; margin-top: 15px; }
				#ajankohtaista-linkit #linkki-wrapper { float: left; }
					#ajankohtaista-linkit .linkkilaatikko { width: 321px; float: left; padding-bottom: 15px; margin: 0 0 20px 0;  background: url(ajankohtaista-alaviiva666.gif) bottom left no-repeat; }
					#ajankohtaista-linkit .vasen-clear { margin-right: 20px; }
					/* lisää- ja rss-linkkien tyylit*/
						#ajankohtaista-linkit .linkkilaatikko .lisaa { font-size:1.2em; text-align: right; padding: 4px 0; }
						#ajankohtaista-linkit .linkkilaatikko .lisaa .vasempaan { margin-top: 2px; }
						#ajankohtaista-linkit .linkkilaatikko .lisaa img { float:none; border:none; padding: 0; margin: 0 0 -5px 5px; }
					/* linkkinostojen sisallon marginaali */
					#ajankohtaista-linkit .linkkilaatikko div, #ajankohtaista-linkit #linkit div, #ajankohtaista-linkit #linkit-etusivu div { margin: 0 8px; }
						#ajankohtaista-linkit .linkkilaatikko h1, #ajankohtaista-linkit .linkkilaatikko h2,
						#ajankohtaista-linkit .linkkilaatikko h3, #ajankohtaista-linkit .linkkilaatikko h4,
						#ajankohtaista-linkit .linkkilaatikko h5, #ajankohtaista-linkit .linkkilaatikko h6 { text-transform: uppercase; font-weight: bold; font-size: 1.4em; display: block; height: 38px; padding:5px 8px 0; background: url(listauslaatikko-tausta.gif) top left repeat-x; }
						/* Ryhmitellaan linkkilaatikoiden linkit luettavuuden parantamiseksi */
						#ajankohtaista-linkit .linkkilaatikko div ul { list-style: none; margin-top: -10px;}
							#ajankohtaista-linkit .linkkilaatikko div ul li { margin: 0.5em 0; font-size: 1.2em; line-height: 1.3em; } 
	
		/* etusivun omat tyylit */
		#etusivu-palvelun-kuvaus { width: 100%; margin-bottom:30px; }
			#etusivu-palvelun-kuvaus h1 { font-size: 1.8em; line-height: 1em; font-weight: bold; margin-bottom: 10px; }
			#etusivu-palvelun-kuvaus p { font-size: 1.2em; line-height: 1em; }
		#etusivu-nostot { width:100%; margin-bottom: 20px; }
			#etusivu-nostot p { font-size: 1.2em; }
				#etusivu-nosto-vasen, #etusivu-nosto-oikea { display: block; float: left; width: 320px; }
				#etusivu-nosto-vasen { margin-right: 25px; }
					#etusivu-nosto-vasen h2, #etusivu-nosto-oikea h2 { font-size: 1.8em; font-weight: normal; margin-bottom: 10px;}
					#etusivu-nosto-vasen img, #etusivu-nosto-oikea img { margin-right: 10px; }
		#bannerit { width: 100%; margin: 23px 0; }
			#bannerit #mainospaikka { margin-left: auto; margin-right: auto; }
				#bannerit img { display: block; float: left; margin: 0 0 0 13px; border: 0; padding: 0; } 
				#bannerit img.ensimmainen { margin-left: 0; }

		/* alasivujen palsta-aluen tyylit */
		#palsta, #palsta-levea { float:none; margin: 0 1%; width: 95%; }
			#palsta form, #palsta-levea form { display:none; }
		
/* ALKAA: palsta-alueen tylit 1:1 kuten screen-css */
			#palsta h1, #palsta-levea h1, #alasivu #sisalto h1 { font-size: 3em; margin-bottom: 0.75em; font-weight: bold; color: #1fa0db; }
			#blogi #palsta h1 { color: #67b420; }
			#blogi #palsta h1 a { font-size: 0.6em; font-weight: normal; color: #67b420; text-decoration: underline; }
			#blogi #palsta h1 a:hover { text-decoration:none; }

			#palsta p, #palsta-levea p { font-size: 1.2em; margin-bottom: 1em; }
			#palsta p.ingressi, #palsta-levea p.ingressi { font-weight: bold; }
			#palsta .blogi-info { display: block; width: 100%; padding-bottom: 15px; margin-bottom: 10px;  border-bottom: solid 1px #c0c0c0; } 
			#palsta .blogi-info p { display:block; float:left; } 
			#palsta .blogi-info p.kommentit-linkki { float:right; } 

			#palsta img, #palsta-levea img { margin-top: 5px; }

			#palsta h2, #palsta-levea h2, #osioetusivu-palsta h2 { font-size: 1.6em; font-weight: bold; margin: 1em 0; }
			#palsta h3, #palsta h4, #palsta h5, #palsta h6,
			#palsta-levea h3, #palsta-levea h4, #palsta-levea h5, #palsta-levea h6,
			#osioetusivu-palsta h3, #osioetusivu-palsta h4, #osioetusivu-palsta h5, #osioetusivu-palsta h6 { font-size: 1.2em; margin-bottom: 1em; font-weight:bold; }
			#blogi #palsta h3 { font-size: 1.2em; display: block; width: 100%; padding-top: 1.5em; margin-bottom: 1em; border-top: 1px solid #c0c0c0; }
			
			#palsta .raamiton, #palsta .raamiton table, #palsta .raamiton tbody td, #palsta .raamiton tfoot td, #palsta .raamiton thead td, 
			#palsta-levea .raamiton, #palsta-levea .raamiton table, #palsta-levea .raamiton tbody td, #palsta-levea .raamiton tfoot td, #palsta-levea .raamiton thead td { border: none; } 
		
			#palsta table, #palsta-levea table { border-right: 1px solid #d8e7f2; border-top: 1px solid #d8e7f2; border-bottom: 1px solid #d8e7f2; border-spacing: 0; border-collapse: collapse; width: 100%; empty-cells: show; margin: 1em 0 1em 0; color: #333; clear: both; }
			#palsta tr, #palsta-levea tr { margin: 0; padding: 0 }
			#palsta td, #palsta tbody td, #palsta-levea td, #palsta-levea tbody td { margin: 0; padding: 5px; border-left: 1px solid #d8e7f2; border-bottom: 1px solid #d8e7f2; font-size: 1.2em; vertical-align: top; }
			#palsta #kalenteri td, #palsta-levea #kalenteri td { border-bottom: none; }
			#palsta thead td, #palsta tfoot td, #palsta-levea thead td, #palsta-levea tfoot td { margin: 0; padding: 5px; border-bottom: none; background: #d8e7f2; vertical-align: top; text-align:center }
			#palsta caption, #palsta-levea caption { font-size: 1.2em; margin: 1em 0 0 2em; caption-side: top; width: auto; text-align: left; font-style: italic; }
			#palsta .sarakeotsikko, #palsta .sarakeotsikkooikeatasaus,
			#palsta-levea .sarakeotsikko, #palsta-levea .sarakeotsikkooikeatasaus { background-color: #d8e7f2; color: #111; font-weight: bold; vertical-align: bottom; }
			#palsta #kalenteri .sarakeotsikko, #palsta-levea #kalenteri .sarakeotsikko { border-right-color: #fff; border-left-color: #fff; }
			#palsta .summasolu, #palsta .summasoluoikeatasaus,
			#palsta-levea .summasolu, #palsta-levea .summasoluoikeatasaus { border-top: 2px solid #d8e7f2; }
			#palsta .raamiton .summasolu, #palsta .raamiton .summasoluoikeatasaus,
			#palsta-levea .raamiton .summasolu, #palsta-levea .raamiton .summasoluoikeatasaus { border-top: 2px solid #8C94AA; }
			#palsta .oikeatasaus, #palsta .summasoluoikeatasaus, #palsta .sarakeotsikkooikeatasaus,
			#palsta-levea .oikeatasaus, #palsta-levea .summasoluoikeatasaus, #palsta-levea .sarakeotsikkooikeatasaus { text-align: right }

			#palsta ul, #palsta-levea ul { margin: 0 0 1em 1em; padding-left: 1em; list-style-type: square; font-size: 1.2em; color: #333; }
			#palsta ol, #palsta-levea ol { margin-left: 3em; font-size: 1.2em; color: #333; list-style-type: decimal; }
			#palsta ul ul, #palsta-levea ul ul { margin-left: 0.6em; padding: 0.1em 0 0.3em 0.6em; font-size: 1em; list-style-type: circle; }
			#palsta ol ul, #palsta-levea ol ul { margin-left: 0.6em; padding: 0 0 0.3em 0.6em; font-size: 1em; list-style-type: circle; }
			#palsta ol ol, #palsta-levea ol ol { margin-left: 0.6em; padding: 0 0 0.3em 0.6em; font-size: 1em; list-style-type: upper-roman; }
			#palsta li, #palsta-levea li { margin-top: 0.6em; }
			#palsta #blogi-sivunumerot ol, #palsta #blogi-sivunumerot p { display:block; float:left; padding:0; margin:0; }
			#palsta #blogi-sivunumerot ol { list-style-type: none; margin-left: 1.5em; }
			#palsta #blogi-sivunumerot li { display: block; margin: 0.1em 0.5em 0 0; float:left; }
			#palsta #blogi-sivunumerot li.valittu a { font-weight: bold; color: #333; }
			#palsta #nosto-tapahtumat, #palsta #nosto-ajankohtaista { list-style-type: none; margin: 0; padding:0; }
		
			#palsta dl, #palsta-levea dl { margin-left: 1em; font-size: 1.2em; color: #333; }  
			#palsta dt, #palsta-levea dt { margin: 1em 0 0.5em 0; }  
			#palsta dd, #palsta-levea dd { border-left: 1px solid #ECEBE4; padding: 0 0 0.5em 0.5em; margin: 0 }  
		
			#palsta blockquote, #palsta-levea blockquote { margin: 1em 3em 1em 1em; padding: 0 1em; font-style: italic; background: #F7F7F4; border: 1px dotted #ECEBE4; }
			#palsta blockquote p, #palsta-levea blockquote p { margin: 1em 0; padding: 0; font-style: italic; }
		
			#palsta pre, #palsta math, #palsta code, #palsta code sample,
			#palsta-levea pre, #palsta-levea math, #palsta-levea code, #palsta-levea code sample { margin: 1em 0; font: 1em/1.3em "Andale mono", courier, "MS Courier New", "Courier New", monospace } 
			#palsta abbr, #palsta-levea abbr { border-bottom: 1px dotted #8C94AA }
			
			#palsta blink, #palsta-levea blink { text-decoration: none }    
		
			#palsta hr, #palsta-levea hr { margin: 2em 0 2em 0; padding: 0; border: none; border-top: 3px double #999999; background: none; text-align:center }

			#palsta input, #palsta-levea input { border: 1px solid #333; }
			#palsta textarea, #palsta-levea textarea { width:400px; height: 120px; border: 1px solid #333; }

			/* Kuvaboksit */
			#palsta .kuvitusOikealla, #palsta-levea .kuvitusOikealla { float: right; margin: 5px 0 5px 20px; width: 215px; font-size: 1.1em; color: #555; }
			#palsta .kuvitusVasemmalla, #palsta-levea .kuvitusVasemmalla { float: left; margin: 5px 20px 5px 0; width: 215px; font-size: 1.1em; color: #555; }
			#palsta .kuvitusKeskella, #palsta-levea .kuvitusKeskella { float: none; margin: 1.3em auto; font: 0.9em/1.1em Arial, Helvetica, sans-serif; color: #555555; text-align: center; }
			#palsta .kuvitusOikealla img, #palsta-levea .kuvitusOikealla img,
			#palsta .kuvitusVasemmalla img, #palsta-levea .kuvitusVasemmalla img,
			#palsta .kuvitusKeskella img, #palsta-levea .kuvitusKeskella img { margin: 0 0 5px 0; display: block; float: none; } 

/* PAITSI NÄMÄ */
			/* Lisainfoboksi */
			#info0, #info1, #info2, #info3, #info4, #info5, #info6, #info7, #info8, #info9 { background-color: #d8e7f2; float: right; width: 215px; padding: 5px; margin: 1.2em 0 0 0.5em; }
			#blogi #palsta #info0, #blogi #palsta #info1, #blogi #palsta #info2, #blogi #palsta #info3,
			#blogi #palsta #info4, #blogi #palsta #info5, #blogi #palsta #info6, #blogi #palsta #info7,
			#blogi #palsta #info8, #blogi #palsta #info9 { background-color: #d8e7f2; float: right; width: 215px; padding: 5px; margin: 1.2em 0 0 0.5em; }
				#info0 h1, #info0 h2, #info0 h3, #info0 h4, #info0 h5, #info0 h6,
				#blogi #palsta #info0 h1, #blogi #palsta #info0 h2, #blogi #palsta #info0 h3, 
				#blogi #palsta #info0 h4, #blogi #palsta #info0 h5, #blogi #palsta #info0 h6,
				#info1 h1, #info1 h2, #info1 h3, #info1 h4, #info1 h5, #info1 h6,
				#blogi #palsta #info1 h1, #blogi #palsta #info1 h2, #blogi #palsta #info1 h3, 
				#blogi #palsta #info1 h4, #blogi #palsta #info1 h5, #blogi #palsta #info1 h6,
				#info2 h1, #info2 h2, #info2 h3, #info2 h4, #info2 h5, #info2 h6,
				#blogi #palsta #info2 h1, #blogi #palsta #info2 h2, #blogi #palsta #info2 h3, 
				#blogi #palsta #info2 h4, #blogi #palsta #info2 h5, #blogi #palsta #info2 h6,
				#info3 h1, #info3 h2, #info3 h3, #info3 h4, #info3 h5, #info3 h6,
				#blogi #palsta #info3 h1, #blogi #palsta #info3 h2, #blogi #palsta #info3 h3, 
				#blogi #palsta #info3 h4, #blogi #palsta #info3 h5, #blogi #palsta #info3 h6,
				#info4 h1, #info4 h2, #info4 h3, #info4 h4, #info4 h5, #info4 h6,
				#blogi #palsta #info4 h1, #blogi #palsta #info4 h2, #blogi #palsta #info4 h3, 
				#blogi #palsta #info4 h4, #blogi #palsta #info4 h5, #blogi #palsta #info4 h6,
				#info5 h1, #info5 h2, #info5 h3, #info5 h4, #info5 h5, #info5 h6,
				#blogi #palsta #info5 h1, #blogi #palsta #info5 h2, #blogi #palsta #info5 h3, 
				#blogi #palsta #info5 h4, #blogi #palsta #info5 h5, #blogi #palsta #info5 h6,
				#info6 h1, #info6 h2, #info6 h3, #info6 h4, #info6 h5, #info6 h6,
				#blogi #palsta #info6 h1, #blogi #palsta #info6 h2, #blogi #palsta #info6 h3, 
				#blogi #palsta #info6 h4, #blogi #palsta #info6 h5, #blogi #palsta #info6 h6,
				#info7 h1, #info7 h2, #info7 h3, #info7 h4, #info7 h5, #info7 h6,
				#blogi #palsta #info7 h1, #blogi #palsta #info7 h2, #blogi #palsta #info7 h3, 
				#blogi #palsta #info7 h4, #blogi #palsta #info7 h5, #blogi #palsta #info7 h6,
				#info8 h1, #info8 h2, #info8 h3, #info8 h4, #info8 h5, #info8 h6,
				#blogi #palsta #info8 h1, #blogi #palsta #info8 h2, #blogi #palsta #info8 h3, 
				#blogi #palsta #info8 h4, #blogi #palsta #info8 h5, #blogi #palsta #info8 h6,
				#info9 h1, #info9 h2, #info9 h3, #info9 h4, #info9 h5, #info9 h6 { font-size: 1.35em; font-weight:bold; border-bottom: 1px solid #333; border-top:none; color: #333; margin: 10px 0 0 0; padding: 0; }
				#blogi #palsta #info9 h1, #blogi #palsta #info9 h2, #blogi #palsta #info9 h3, #blogi #palsta #info9 h4, #blogi #palsta #info9 h5, #blogi #palsta #info9 h6,
				#info0 p, #info1 p, #info2 p, #info3 p, #info4 p, #info5 p, #info6 p, #info7 p, #info8 p, #info9 p { font-size: 1em; color: #333; margin: 10px 0px; }

			/* Jutun alun ankkurilinkit */
			#ankkurit { display: none; }
/* /PAITSI NÄMÄ */
			
			/* kalenteri */
			#kalenteri div { display: block; float: left; width: 210px; margin-right: 10px; height: 2.5em; }
				#kalenteri input { margin-right: .5em; }
				#kalenteri label { font-size: 1.2em; font-weight: bold; }
			#kalenteri div#kalenteri-select { width: 646px; margin: 1.5em 0 2em 0; }
				#kalenteri div#kalenteri-select input { margin-left: 1em; }
				#kalenteri div#kalenteri-select select { margin: 0; font-size: 1.2em; color: #333; border: 1px solid #333; width: 10em; }
		    #kalenteri td.ensimmainen { border-left-color: #d8e7f2 !important; }
		    #kalenteri td.sarakeotsikko a { padding-right: 10px; background: url(jarjesta.gif) center right no-repeat; }
		    #kalenteri td.sarakeotsikko a:hover { background: transparent url(jarjesta.gif) center right no-repeat; }    
		
			/* tiedotteet */
			#palsta ul#tiedotteet { margin: 0 0 2em 0; padding-left: 0; list-style: none; }
			#palsta p#osio { font-size: 1.1em; }
			
			/* kuvagalleria */
			#kuvagalleria-index {}
				#kuvagalleria-index img { display: block; float: left; margin-left: 0;}
				#kuvagalleria-index h2, #kuvagalleria-index p { width: 334px; display: block; float: left; margin-left:20px; font-size: 1.2em; line-height: 1.2em; }
				#kuvagalleria-index h2 { margin-top: 5px; margin-bottom: 0; }
				#kuvagalleria-index p { min-height: 65px; margin-bottom: 20px; }
				#kuvagalleria-index p a { display: block; font-size: 1em; line-height: 1em; }
			#kuvagalleria-kategoria { margin: 25px 0 0; }
				#kuvagalleria-kategoria ul { float:left; display:block; width: 100%; margin:0; padding:0; list-style-type: none; }
				#kuvagalleria-kategoria li { display:block; float:left; width:110px; margin:0 10px 10px 0; padding:0; }
				#kuvagalleria-kategoria li img { float:none; margin:0; }
				#kuvagalleria-kategoria li p { margin: 5px; font-size:1.0em; }
			#kuvagalleria-selausnakyma {}
				#kuvagalleria-selausnakyma img { float:left; margin: 0 10px 0 0;}
				#kuvagalleria-selausnakyma h2 { font-size:1.2em; font-weight: bold; }
				#kuvagalleria-selausnakyma a#kuvagalleria-edellinen { border-right: 1px solid #878787; margin-right: 5px; padding-right: 8px; }
				#kuvagalleria-selausnakyma a#kuvagalleria-seuraava { border-left: 1px solid #878787; margin-left: 5px; padding-left: 8px; }

			/* blogi */
			#blogi #palsta div { display:block; width:100%; margin-bottom: 0.8em; }
				#blogi #palsta form {  }
					#blogi #palsta form p strong { font-weight:normal;  }

			/* Sivukartta */    
			#sivukartta {  }
				#sivukartta a { color: #1B2E60; }
				#sivukartta img { border: none; float: none; margin-bottom: -0.1em; height: 1em; width: 1em; }
				#sivukartta ul, #sivukartta ul ul, #sivukartta ul ul ul, #sivukartta ul ul ul ul, #sivukartta ul ul ul ul ul { list-style: none; }

			/* palaute */
			#palaute label { font-size:0.8em; }

/* PÄÄTYY: palsta-alueen tylit 1:1 kuten screen-css */

		/* alasivujen tyokalut-aluen tyylit */
		#tyokalut { display:none; }
	
/* Alatunniste */
#alatunniste { float:none; width: 100%; margin: 25px 0 5px; border-top: #000 solid 1px; }
	#alatunniste img { margin-left: -22px; width: 229px; float: left; border: 0; }
	#alatunniste p { line-height: 1.2em; font-size: 1.2em; color: #878787; float: right; margin: 20px 0 0 0; }
	#alatunniste p a { color: #0032ff; text-decoration: none; border-left: 1px solid #878787; margin-left: 7px; padding-left: 10px; }

/* clear ilman markupin lisaamista, jotta saadaan float-elementit "tayttamaan" isantaelementtinsa */
.clearfix {display: inline-table;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Piilotetaan MAC-IE:lta \*/
* html .clearfix {height: 1%;}
.clearfix {display: block; clear: both;}
/* Lopetataan piilotus */