* { margin: 0; padding: 0; }

body { background: #FFFFFF; font: normal normal 12px Arial, Helvetica, sans-serif; color: #584310; margin: 10px 0 32px 0;  text-align: center;  }

#container { 
	position: relative; 
	margin: 0 auto;
	width: 720px; 
	background: transparent url(../pics/contaner_bg.gif) left repeat-y; 
	text-align: left;
	}

#lang { width: 720px; position: relative; text-align: right; margin: 0 auto 10px auto; }

	#lang a { text-decoration: none; }

h2 { font: normal bold 16px Arial, Helvetica, sans-serif; color: #9c8a5e; margin: 0 0 11px 0;  }

h3 { 
	border-bottom: 1px solid #9c8a5e; 
	border-top: 1px solid #9c8a5e; 
	font-size: 11px; 
	padding: 2px 0 2px 0; 
	position: relative; 
	color: #9c8a5e; 
	margin: 0 0 10px 0; 
	}

blockquote { margin-left: 40px;  }
	
span.strong { background: #c1b598; color: #000000; }

p.ingressi { font: italic normal 14px Arial, Helvetica, sans-serif; font-weight: bold; line-height: 13pt; margin: 0 0 18px 0; }

p { margin: 0 0 5px 0; }

img { border: none; }

a { color: #584310; }

a:hover { text-decoration: none; }

a.fazer { width: 53px; height: 39px; position: absolute; bottom: 0px; right: 35px; display: block;}

a.adt {  width: 50px; height: 44px; position: absolute; bottom: 0px; left: 35px; display: block; }


/* Col 1 -div */

#col1 { width: 177px;  position: relative; float: left; }
	
	#col1 img { display: block; }

	#col1 a.logoFI, #col1 a.logoSV, #col1 a.logoEN {
		margin: 10px 0 10px 20px; 
		height: 139px; 
		width: 132px; 
		display: block; 
		text-indent: -10000px; 	
		}

	#col1 a.logoFI {  background: transparent url(../pics/puhtaasti_logo.gif) no-repeat;  }
	#col1 a.logoSV {  background: transparent url(../pics/puhtaasti_logo_sv.gif) no-repeat;  }
	#col1 a.logoEN {  background: transparent url(../pics/puhtaasti_logo_en.gif) no-repeat;  }
	

#staffetkarneval { 
	position: relative; 
	float: right; 
	width: 135px; 
	padding: 75px 15px 0 0; 
	}
	
	#staffetkarneval a { font-size: 9px; text-decoration: underline; }
	
		#staffetkarneval a:hover { text-decoration: none; }
		
		
		
/* Col 2 -div */

#col2 { width: 539px; position: relative; float: right;  }

	#heading { width: 538px; height: 44px; position: relative; background: #9c8a5c; }
	
	#heading img { display: block; z-index: 2; }

	#heading h1 { position: absolute; top: 0; left: 0; z-index: -1;  }
	
	#page { padding: 25px 0 0 0; }
	
	#content { width: 331px; position: relative; float: left;  padding: 0 20px 0 28px; overflow: hidden; }
	
	#content ul, #content_wide ul { margin-left: 30px; } 
	
	#content ol, #content_wide ol { margin-left: 38px; } 
	
	#content_wide { width: 510px; position: relative; float: left;  padding: 0 0 0 28px; overflow: hidden;  }
	
	#content h1.tahdisto, #content_wide h1.tahdisto { 
		background: #fff  url(../pics/tahdisto_bg.gif) left top no-repeat; 
		padding: 5px 0 10px 31px; 
		color: #3c3131; 
		font-size: 18px; 
		font-weight: normal;
		position: relative;
		}
	
	#content img.tasaus_oikeaan, #content_wide img.tasaus_oikeaan { position: relative; float: right; margin: 5px 0 5px 20px; }

	#content img.tasaus_vasempaan, #content_wide img.tasaus_vasemapaan { position: relative; float: left; margin: 5px 20px 5px 0; }
	
	#content img.levea_kuva, #content_wide img.levea_kuva { display: block; margin: 0 0 18px 0; }


#news_entries img { position: relative; float: left; margin: 0 10px 0 0; }

	#news_entries { color: #ad9b6f;}
	#news_entries h2 a { text-decoration: none; color: #ad9b6f;  }
		#news_entries h2 a:hover { text-decoration: underline; }
	
	#news_entries a.readMore { font-size: 9px; text-transform: uppercase; color: #5f4e1f; }



/* Col 3 -div */
	
#col3 { width: 159px; position: relative; float: left;   }

#events { border-top: 1px solid #ebe8df; position: relative; float: left; margin: 0 0 20px 0; width: 100%;  }

	#events h1 { 
		height: 23px; 
		width: 145px; 
		display: block; 
		text-indent: -10000px; 
		background: transparent url(/pics/headings/tapahtumat_fi.gif) no-repeat; 
		margin-bottom: 13px;
	}
	
	#events ul { list-style-type: none; font-size: 10px; position: relative; margin-bottom: 15px;}
	#events ul li { padding: 5px; }
	#events ul li a { text-decoration: none;}
		#events ul li a:hover { text-decoration: underline; }
	#events li.even { background:  #f0f6fb; }
	
	#events table { margin: 15px 0 0 0; }
	#events table td {  font-size: 10px; padding: 5px 0 0 5px; }
	#events table td.sininen { background: #f0f6fb; font-size: 10px;}
	
	
	#events a.readMore { font-size: 9px; font-weight: bold; }

	#slogan { width: 159px; position: relative; float: left; /* background: #006699; */ margin: 0 0 10px 0;  }
	
	#slogan img { display: block;  }

#blog_entries { border-top: 1px solid #ebe8df; position: relative; float: left; margin: 0 0 20px 0; width: 100%;   }
	
	#blog_entries h1 { 
		height: 69px; 
		width: 146px; 
		display: block; 
		text-indent: -10000px; 
		background: transparent url(/pics/headings/blogin_vietavaksi_fi.gif) no-repeat; 
		margin-bottom: 8px;
		}
	
	#blog_entries a { text-transform: uppercase; font-size: 9px; }

/* Petition fi */

#petition { border-top: 1px solid #ebe8df; border-bottom: 1px solid #ebe8df; position: relative; float: left; width: 100%; padding: 0 0 20px 0; color: #a99a73; }
	
	#petition h1.fi { 
		height: 39px; 
		width: 146px; 
		display: block; 
		text-indent: -10000px; 
		background: transparent url(/pics/headings/vetoomush1_fi.gif) no-repeat; 
		margin-bottom: 8px;
		}
	
	#petition a.signUpFi { 
		height: 10px; 
		width: 109px; 
		display: block; 
		text-indent: -10000px; 
		background: transparent url(/pics/headings/allekirjoita_itse_fi.gif) no-repeat; 
		margin-bottom: 0;
		}
	
	#petition a.tellAFriendFi { 
		height: 12px; 
		width: 131px; 
		display: block; 
		text-indent: -10000px; 
		background: transparent url(/pics/headings/haasta_kaverisi_fi.gif) no-repeat; 
		margin-bottom: 8px;
		}
		
	#petition h2.fi { 
		height: 14px; 
		width: 136px; 
		display: block; 
		text-indent: -10000px; 
		background: transparent url(/pics/headings/allekirjoittaneet_fi.gif) no-repeat; 
		margin: 15px 0 10px 0;
		}
		
/* Petition sv */	

	#petition h1.sv { 
		height: 39px; 
		width: 146px; 
		display: block; 
		text-indent: -10000px; 
		background: transparent url(/pics/headings/vetoomush1_sv.gif) no-repeat; 
		margin-bottom: 8px;
		}
		
	#petition a.signUpSv { 
		height: 10px; 
		width: 150px; 
		display: block; 
		text-indent: -10000px; 
		background: transparent url(/pics/headings/allekirjoita_itse_sv.gif) no-repeat; 
		margin-bottom: 0;
		}
	
	#petition a.tellAFriendSv { 
		height: 12px; 
		width: 150px; 
		display: block; 
		text-indent: -10000px; 
		background: transparent url(/pics/headings/haasta_kaverisi_sv.gif) no-repeat; 
		margin-bottom: 8px;
		}
	
	#petition h2.sv { 
		height: 25px; 
		width: 136px; 
		display: block; 
		text-indent: -10000px; 
		background: transparent url(/pics/headings/allekirjoittaneet_sv.gif) no-repeat; 
		margin: 15px 0 10px 0;
		}


/* Petition en */	

	#petition h1.en { 
		height: 39px; 
		width: 146px; 
		display: block; 
		text-indent: -10000px; 
		background: transparent url(/pics/headings/vetoomush1_en.gif) no-repeat; 
		margin-bottom: 8px;
		}
		
	#petition a.signUpEn { 
		height: 10px; 
		width: 150px; 
		display: block; 
		text-indent: -10000px; 
		background: transparent url(/pics/headings/allekirjoita_itse_en.gif) no-repeat; 
		margin-bottom: 0;
		}
	
	#petition a.tellAFriendEn { 
		height: 12px; 
		width: 150px; 
		display: block; 
		text-indent: -10000px; 
		background: transparent url(/pics/headings/haasta_kaverisi_en.gif) no-repeat; 
		margin-bottom: 8px;
		}
	
	#petition h2.en { 
		height: 25px; 
		width: 136px; 
		display: block; 
		text-indent: -10000px; 
		background: transparent url(/pics/headings/allekirjoittaneet_en.gif) no-repeat; 
		margin: 15px 0 10px 0;
		}


/* Kultainen kapula fi */

#kapula { border-top: 1px solid #ebe8df; position: relative; float: left; width: 100%; padding: 20px	 0 20px 0; color: #a99a73; }
	
	#kapula h1 { 
		height: 167px; 
		width: 160px; 
		display: block; 
		text-indent: -10000px; 
		background: transparent url(/pics/headings/kapula.jpg) no-repeat; 
		margin-bottom: 8px;
		}
		
	#kapula a { font-size: 9px; }

/* FORM DESIGNER FORM */

#fd { background: #cec3ad; padding: 10px; }

#fd textarea { width: 300px; }

#fd fieldset { border: none;  }

/* PUHTAASTI PARAS */

#taf_wrap { background: #ccc4af; padding: 10px; margin: 20px 0 20px 0; position: relative; float: left;}

/* FOOTER */

#footer {  font-size: 10px; padding: 30px 0 0 28px; width: 330px; }


/* Clearing floats */
 
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* piilotetaan mac-ie:ltä \*/
#container #page * html .clearfix {height: 1%;}
#container #page .clearfix {display: block;}
/* pois piilosta */