*{margin:0;padding:0;}
body{padding-top:5px;font:62.5%/1.5 Arial, Helvetica, Verdana, sans-serif;
	color:#434343;text-align:center;background:#D1D0D1 url(decoimg/gradient.jpg) repeat-x left top;}
a{font-family:"Trebuchet MS",Tahoma, Verdana, Helvetica, Arial, sans-serif;color:#06C;font-weight:bold;text-decoration:underline;}
a:visited{text-decoration:underline;color:#666;}
a:hover{text-decoration:none;color:#090;}
img{float:left;border:0;}
strong{}
acronym{border-bottom:1px dotted gray;}
.clear{clear:both;}
.right{float:right;}
#skip{float:left;font-size:.8em;}
.word{padding-right:15px;background:url(decoimg/word.gif) no-repeat bottom right;}
.wordli{background:url(decoimg/word.gif) no-repeat center right;width:19.5em;}
.wordli2{background:url(decoimg/word.gif) no-repeat center right;width:17.5em;}
/* Current Link Highlighting
==================================== */
#current, #currentactive a{background:#B6A845 url(decoimg/arrow_cur2.gif) no-repeat 7px .5em;
	padding:.3em 10px .3em 13%;width:87%;display:block;color:#FFF;}
#nav #currentactive a:visited{color:#FFF;text-decoration:underline;background:#B6A845 url(decoimg/arrow_cur2.gif) no-repeat 7px .5em;}
#nav #currentactive a:hover{text-decoration:none;}
/* Main Positioning
==================================== */
#wrapper{width:97%;margin:auto;text-align:left;min-width:639px;background:#FFF url(decoimg/grassleft2.jpg) no-repeat bottom left;}
#allcolumns{border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:3px solid #CCC;
	padding-bottom:30px;background:url(decoimg/grassright2.jpg) no-repeat bottom right;width:100%;/* Width specified for Safari */}
	#homepage #allcolumns, #otayhteytta #allcolumns{background:url(decoimg/grasshp2.jpg) no-repeat bottom right;}
#leftcolumn {width:25%;float:left;}
#columngroup{width:69%;float:right;background:url(decoimg/sky.jpg) no-repeat 100% 0%;}
html>body #columngroup{margin-right:1px;}/*For Mozilla to prevent background from overlapping with the border*/
	#maincolumn{width:98%;float:left;}
		#homepage #maincolumn{width:70%;}
	#rightcolumn{width:23%;float:right;}
#footer{clear:both;}
/* Typography
==================================== */
h1, h2, h3, h5{font-family:"Trebuchet MS",Tahoma, Verdana, Helvetica, Arial, sans-serif;}
p{font-size:1.4em;margin-bottom:1em;font-family:Arial, Helvetica, Verdana, sans-serif;}
	p a{font-size:1.1em;}
h1{font-size:25px;line-height:25px;padding-top:2px;color:#007640;float:left;padding-left:5px;}
	h1 strong{display:block;font-weight:normal;font-size:23px;}
h2{font-size:2em;color:#365605;margin-bottom:.5em;} 
	#toimihenkilot h2{clear:both;}
	#maincolumn caption{font-size:1.3em;color:#365605;background:#FFF;text-align:left;margin-left:1.5em;}
h3{color:#365605;font-size:1.6em;font-weight:bold;}
	#tapahtumat #maincolumn h3{padding:1em 0 0 10px;}
	#footer h3{float:left;margin-left:23px;margin-right:4px;}
	#footer p{float:left;font-size:1.3em;padding-top:.2em;}
	#footer p a{font-size:1em;}
	#footer strong{display:inline;}
h4{font:2em/1em Georgia, "Times New Roman", Times, serif;color:#C63;padding:.5em 0 .3em 15px;}
h5{color:#365605;font-size:1em;font-weight:bold;}
/* Masthead styling
==================================== */
#brandimgbar{width:100%;height:60px;border:1px solid #690;background:transparent url(decoimg/brandimg.jpg) no-repeat top left;clear:both;}
#textzoom{float:right;}
#pagetitle{float:left;}
#textzoom div{padding-top:12px;padding-bottom:10px;}
#textzoom ul{list-style:none;font-size:14px;line-height:17px;margin-right:10px;}
#textzoom ul li{float:left;}/* Width specified for IE Mac */
#textzoom ul li#increase{background:url(decoimg/leftzoomtab.gif) no-repeat top left;padding-left:20px;}
#textzoom ul li#decrease{background:url(decoimg/rightzoomtab.gif) no-repeat top right;padding-right:10px;}
#textzoom div#pluswrap{background:url(decoimg/rightzoomtab.gif) no-repeat top right;padding-right:10px;}
#textzoom div#minuswrap{background:url(decoimg/leftzoomtab.gif) no-repeat top left;padding-left:20px;}
#textzoom span{display:block;}
#textzoom a#plus{padding-right:30px;display:block;background:url(decoimg/plus.gif) no-repeat center right;width:65px;}
#textzoom a#plus:hover{background:url(decoimg/plusdown.gif) no-repeat center right;}
#textzoom a#minus{padding-left:30px;display:block;background:url(decoimg/minus.gif) no-repeat center left;width:65px;}
#textzoom a#minus:hover{background:url(decoimg/minusdown.gif) no-repeat center left;}
/* Secondary navigation tab
==================================== */
#secondary_nav{background:url(decoimg/tabright.gif) no-repeat bottom right;float:right;padding-right:20px;
	margin-right:3px;margin-bottom:10px;display:inline;/* fixes IE Win double margin bug */}
#secondary_nav ul{float:left;padding-bottom:13px;padding-top:2px;font-size:1.4em;
	line-height:2em;list-style:none;background:url(decoimg/tableft.gif) no-repeat bottom left;}
#secondary_nav ul li, #secondary_nav ul li a#printer, #secondary_nav ul li a#printer:hover,
#secondary_nav ul li a#sitemap, #secondary_nav ul li a#sitemap:hover,
#secondary_nav ul li a#contact, #secondary_nav ul li a#contact:hover{padding-left:24px;white-space:nowrap;}
#secondary_nav ul li{float:left;}
#secondary_nav ul li a#printer{background:url(decoimg/printer.gif) no-repeat center left;}
#secondary_nav ul li a#printer:hover{background:url(decoimg/printer_on.gif) no-repeat center left;}
#secondary_nav ul li a#sitemap{background:url(decoimg/sitemap.gif) no-repeat center left;}
#secondary_nav ul li a#sitemap:hover{background:url(decoimg/sitemap_on.gif) no-repeat center left;}
#secondary_nav ul li a#contact{background:url(decoimg/contact.gif) no-repeat center left;}
#secondary_nav ul li a#contact:hover{background:url(decoimg/contact_on.gif) no-repeat center left;}
/* Left column navigation
==================================== */
#navwrap{background:url(decoimg/indextabl.gif) no-repeat bottom left;margin-left:20px;padding-left:1px;}
#nav{background:url(decoimg/indextabr.gif) no-repeat bottom right;border-bottom:none;border-top:none;padding-right:1px;}
#nav ul{font:bold 1.6em "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;list-style:none;padding:0 10px 20px 0;}
* html #nav ul{padding-right:0;}/* streches the hover effect for whole area in IE*/
#nav h2{text-transform:uppercase;padding:20px 0 0 25px;font-size:1.8em;font-family:Georgia, "Times New Roman", Times, serif;color:#C63;}
#nav ul li a:link, #nav ul li a:visited, #nav ul li a:hover{padding:.3em 10px .3em 13%;width:87%;display:block;}
#nav ul li a:link{color:#060;background:#F8FED7;}
#nav ul li a:visited{color:#666;background:#F8FED7;}
#nav ul li a:hover{background:#508400;color:#FFF;}
/* Paperlike box properties
==================================== */
.boxwrapper{width:77%;background:url(decoimg/boxbgbottomleft2.gif) no-repeat bottom left;margin:2em 1em .5em 3em;}
.box{padding-bottom:3px;margin-left:1px;background:#FFF url(decoimg/boxbgbottomright2.gif) no-repeat bottom right;}
.box dt{padding-left:30px;padding-top:.7em;padding-bottom:.3em;color:#C63;font:normal 1.4em/1.4em Georgia, "Times New Roman", Times, serif;}
.box dl{list-style:none;font-size:1.5em;line-height:1.2em;padding-left:25px;background:url(decoimg/boxbgtopright2.gif) no-repeat top right;}
.box dl dd{padding-bottom:.7em;background:transparent url(decoimg/bullet.gif) no-repeat 0 0;padding-left:30px;font-family:"Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;}
.box dl dd a{display:block;width:90%;font-weight:bold;}
.box p{text-align:right;font-size:1.3em;padding-right:20px;}
/*Main column
==================================== */
.aakkoset, .kuukaudet{padding:.5em 0;clear:both;}
.aakkoset2{text-align:center;padding:.8em 0 .5em 0;clear:both;}
.aakkoset a, .aakkoset2 a, .kuukaudet a{text-align:center;padding:3px 8px;border:1px #CCC solid;background-color:#f8fed7;color:#060;}
.aakkoset a, .aakkoset2 a{margin-left:.4em;}
.kuukaudet a{margin-left:.6em;}
.aakkoset a:hover, .aakkoset2 a:hover, .kuukaudet a:hover{background:#508400;color:#FFF;}
.aakkoset span, .aakkoset2 span, .kuukaudet span{display:none;}
a.ylos, a.ylosvas{float:right;padding:5px 0 0 20px;background:url(decoimg/ylos.gif) no-repeat 4px 8px;}
a.ylosvas{float:left;}
a.ylospad{float:right;padding:5px 5px 5px 20px;background:url(decoimg/ylos.gif) no-repeat 4px 8px;}
#maincolumn ul{font-size:1.4em;list-style:none;padding:0 0 20px 0;}
#maincolumn ul li{padding-left:15px;}
#maincolumn ul li a{font-size:1.1em;background:url(decoimg/goarrow.gif) no-repeat 0 .3em;padding-left:20px;display:block;width:100%;}
#tapahtumat .tuplapalsta ul{list-style-type:disc;padding:0 0 .2em 30px;margin:0;color:#000;border:1px #CCC solid;background:#F5F5F5;}
#tapahtumat .tuplapalsta ul li{padding:.1em 0 .1em 0;}
#tapahtumat .tuplapalsta ul li a{background:none;padding-left:0;display:inline;}
.tuplapalsta{float:left;width:98%;padding-right:10px;}
ul#lista li{font-size:1em;padding-left:30px;padding-bottom:.5em;background:url(decoimg/bullet.gif) no-repeat;line-height:1.2em;}
ul#lista{padding-top:1em; list-style:none;} 
#tuotteet ul#lista li{font-size:1.1em;}
#toimihenkilot #maincolumn dl{float:left;font-size:1.4em;text-align:right;margin:2em 1em 0 0;}
#toimihenkilot #maincolumn dl dt{font-weight:bold;}
#toimihenkilot #maincolumn img{padding:5px;border:1px #CCC solid;margin-top:2em;}
#toimihenkilot #maincolumn #tj{float:left;text-align:right;margin-bottom:2em;}
#toimihenkilot #maincolumn #tj dl{margin-left:1.5em;}
.taulukot{float:left;white-space:nowrap;width:40%;margin-right:1em;}
.topline{border-top:1px solid;text-indent:1em;width:30%;}
#alueet dl{height:26em;width:auto;font-size:1.3em;line-height:2em;padding:.3em;margin:3px;}
#alueet dl dt{font-weight:bold;text-align:center;border-right:1px #CCC solid;background:url(decoimg/graytab.gif) no-repeat top left;}
#alueet dl dd{background-color:#F4F4F4;border:1px #CCC solid;padding:0 5px 0 5px;margin-bottom:3px;}
.alueet{float:left;}
.alueet a{display:block;}
#yhdistykset table{clear:both;}
table{font-size:1.4em;margin-bottom:2em;border:0;}
.namecol{text-align:center;}
table tr{background-color:#F5F5F5;color:#252525;}
table td{padding:2px;border:1px #CCC solid;}
table th{background:#FFF url(decoimg/graytab.gif) no-repeat top left;border-right:1px #CCC solid;border-top:0;
	border-left:0;border-bottom:0;line-height:1em;text-align:center;padding:5px 5px 5px 10px;}
.navrow{background:#FFF;color:#000;}
.navrow strong{float:left;color:#365605;font-size:1.3em;padding-left:10px;}
.altrow{background:#EBEBEB;color:#000;}
.tuote img{float:left;padding-left:10px;}
.tuote{float:left;padding:5px 10px 0px 0;width:30em;}
#kortit .tuote{width:auto;}
.tuotekapea{float:left;padding:5px 10px 0px 0;width:20em;}
.kuvaus{float:left;width:14em;}
.kuvaus2{float:left;width:9em;}
.tuote p, .tuotekapea p{font-size:1.2em;}
a#takaisin{padding-left:20px;background:url(decoimg/takaisin.gif) no-repeat top left;}
.tuoteryhma{clear:both;}
label{font-size:1.4em;text-align:right;padding-right:.5em; width:13em;float:left;}
.lomake div{clear:both;padding:.2em 0;}
#submit{margin-left:19em;font-weight:bold;width:9em;color:#036;}
input{width:20em;}
textarea{width:20.5em;}
#otayhteytta #maincolumn ul a{font-size:.8em;}
#otayhteytta #maincolumn ul{padding:0;}
#otayhteytta #maincolumn span{padding-right:13px;background:url(decoimg/asterisk.gif) no-repeat top right;}
.huom, .huomkapea, .huomjs{padding:5px 5px 5px 16px;line-height:1.2em;font-size:1.4em;}
.huom{background:url(decoimg/lehti.gif) no-repeat 0 5px;}
.huomjs{background:#FFFF99 url(decoimg/asterisk.gif) no-repeat 5px 5px;}
.huomkapea{width:30em;background:url(decoimg/asterisk.gif) no-repeat top left;}
#ikonit p{padding-left:5px;float:left;}
/* Right column navigation
==================================== */
#rightcolumn ul{font-size:1.5em;line-height:1.2em;list-style:none;padding-top:1em;}
#rightcolumn ul li{margin-bottom:.6em;background:url(decoimg/goarrow.gif) no-repeat top left;width:95%;}
#rightcolumn ul li a{display:block;padding-left:25px;width:75%;}
/* Footer styling
==================================== */
#footer{width:96%;max-width:1150px;margin:auto;}
#footer a{white-space:nowrap;}
/* Aslett Clearing Method 
==================================== */
.clearfix:after { content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix { display:inline-table;}/* backslash hides from IE mac \*/
* html .clearfix { height:1%;}/* End Aslett Clearing Method */-->