*		{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box}
img,object,embed,td,th {box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box}
img			{border: 0; vertical-align: middle}
body		{margin: 0; padding: 0 0 30px 0; background: #000000;
		 color: #CCCCCC; text-align: center; font-size: 100%; font-family: Arial, Helvetica, sans-serif; font-weight: normal}
a		{outline: none}
form		{padding: 0; margin: 0}
h1,h2,h3,h4	{margin: 0 0 0.7ex -10px; line-height: 110%; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		 font-weight: bold; color: #639F0C}

#pallot		{width: 100%; height: 183px; position: fixed; left: 0; bottom: 0; background: transparent url(img/2010/pallot.png) repeat-x left bottom}
#rakenne	{text-align: left; width: 1000px; min-height: 610px; margin: 0 auto; position: relative}
#ylapalkki	{height: 280px; background: #000000 url(/img/2010/kasvi.jpg) bottom left no-repeat; padding: 135px 0 0 440px}
#ylapalkki h1	{color: #FFFFFF; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 16px; font-weight: bold;
		 word-spacing: 3px; margin: 0; padding: 0}
#ylapalkki a	{text-decoration: none; color: #FFFFFF}

#polku		{display: none}

#sivupalkki	{width: 240px; float: right; background: #FFFFFF url(/img/2010/tausta.jpg) top center repeat-y}
.palkki		{height: 47px; background: #000000 url(/img/2010/navi.png) top left repeat-x; overflow: hidden; color: #FFFFFF}
.palkki div	{background: transparent url(/img/2010/navi_oik.png) top right no-repeat}
.palkki h3	{height: 47px; line-height: 47px; background: transparent url(/img/2010/navi_vas.png) top left no-repeat; margin: 0;
		 padding: 0 16px; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #FFFFFF}
.torni		{width: 240px; padding: 10px; overflow: auto; overflow-y: auto; overflow-x: hidden; color: #000000; font-size: 80%;
		 background-position: bottom center; background-repeat: no-repeat; background-color: transparent}
.torni p	{margin: 0; padding: 1ex 0; border-bottom: 1px dotted #639F0C}
.torni p.viim	{border-bottom: 0; padding-bottom: 0}
.torni a	{color: #4C7300; text-decoration: underline; margin: 0; padding: 0 2px}
.torni a:hover	{color: #FFFFFF; background: #639F0C; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px}

#tappi		{position: absolute; left: 0; top: -100px; background: transparent url(/img/2010/tappi.png) top left no-repeat;
		 width: 9px; height: 5px; margin-left: -5px}

#paanavi	{width: 747px; height: 47px; background: #000000 url(/img/2010/navi.png) top left repeat-x; overflow-x: hidden}
#paanavi div	{background: transparent url(/img/2010/navi_oik.png) top right no-repeat}
#paanavi ul	{height: 47px; background: transparent url(/img/2010/navi_vas.png) top left no-repeat; list-style-type: none;
		 margin: 0; padding: 0 16px}
#paanavi li	{height: 47px; line-height: 47px; display: block; float: left; vertical-align: middle; margin: 0; padding: 0 0 0 8px;
		 background: transparent url(/img/2010/navi_vali.png) top left no-repeat; white-space: nowrap}
#paanavi li div	{background: transparent}
#paanavi a	{color: #B7FF59; display: block; position: relative; height: 47px; padding: 0 20px; text-decoration: none; margin: 0 -3px}
#paanavi a:hover	{color: #FFFFFF}
#paanavi li.eka		{padding: 0; background: transparent}
#paanavi li.eka a	{margin-left: 0}
#paanavi li.polku a	{background: transparent url(/img/2010/navi_akt.png) top left repeat-x; color: #000000; text-shadow: #D8E2BD 1px 1px 1px}

#alanavi ul	{width: 747px; height: 26px; background: #5B8A04 url(/img/2010/alanavi_vaal.png) top left repeat-x; overflow-x: hidden;
		 list-style-type: none; font-size: 80%; white-space: nowrap; margin: 0; padding: 0 3px}
#alanavi li	{height: 26px; line-height: 25px; display: block; float: left; vertical-align: middle; margin: 0; padding: 0}
#alanavi a	{height: 26px; display: block; padding: 0 20px; color: #FFFFFF; text-decoration: none; text-shadow: #4B7302 1px 1px 1px}
#alanavi a:hover	{color: #000000; text-shadow: none}
#alanavi li.polku	{line-height: 22px; background: url(/img/2010/alanavi_tab.png) top left repeat-x}
#alanavi li.polku div	{background: transparent url(/img/2010/alanavi_oik.png) top right no-repeat}
#alanavi li.polku a	{color: #000000; padding-top: 3px; background: transparent url(/img/2010/alanavi_vas.png) top left no-repeat; text-shadow: #D8E2BD 1px 1px 1px}

#tausta		{width: 747px; background: #FFFFFF url(/img/2010/tausta.jpg) top left repeat-y}
#sivu		{background-position: bottom left; background-repeat: no-repeat; background-color: transparent}
#sisalto	{padding: 20px 30px 40px 30px; width: 747px; float: left; overflow: hidden}
#doku		{font-family: Ubuntu, Arial, Helvetica, sans-serif; font-size: 85%; color: #000000; line-height: 140%; width: 687px; overflow: visible; text-shadow: #FFFFFF 1px 1px 1px}

#doku h1	{font-size: 32px; border-bottom: 3px dotted #639F0C; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-shadow: none}
#doku h2	{font-size: 20px; border-bottom: 2px dotted #639F0C; text-shadow: none}
#doku h3	{font-size: 16px; border-bottom: 1px dotted #639F0C; text-shadow: none}
#doku h4	{font-size: 100%; text-shadow: none}

#doku a		{color: #4C7300; text-decoration: underline; padding: 0 2px}
#doku a.ext	{padding-right: 14px; background: url(/img/2010/external.gif) right center no-repeat}
#doku a:hover	{color: #FFFFFF; background: #639F0C; text-decoration: none; padding: 0 2px; text-shadow: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px}
#doku a.ext:hover	{padding-right: 14px; background: #639F0C url(/img/2010/external_h.gif) right center no-repeat}

#doku a.img	{margin: 0; padding: 0; background: transparent}
#doku a.img:hover	{margin: 0; padding: 0; background: transparent; text-decoration: underline}

#doku ul	{margin: 0 0 0 3ex; padding: 0}

/* TT-symbolia varten */
#doku tt	{font-family: Georgia, serif; font-weight: bold}

#doku table		{color: inherit; font-size: 100%; border-spacing: 0; border-collapse: collapse}
#doku .autotable	{margin: 1ex 0 1em 0; padding: 0; color: #000000}
#doku .autotable td	{border: 0; padding: 0 2ex 0 0; vertical-align: top}

#doku ins	{float: left; width: 330px; margin: 0 12px 15px 0; text-decoration: none}
#doku ins h3	{background: #000000; margin: 0; padding: 0; border: 0}
#doku ins h3 a	{display: block; padding: 8px 10px; background: #000000; color: #FFFFFF; text-decoration: none}
#doku ins h3 a.ext	{padding: 8px 14px 8px 10px}
#doku ins h3 a:hover	{padding: 8px 10px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0}
#doku ins h3 a.ext:hover	{padding: 8px 14px 8px 10px}
#doku ins a.img	{margin: 1px 0 5px 0}
#doku ins a.img:hover	{margin: 1px 0 5px 0}

#doku .slidewrap	{overflow: hidden; background: #FFFFFF; padding: 10px; margin: 0; -moz-border-radius: 15px;
			 -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px}
#doku .slideshow	{margin: -10px; padding: 10px; overflow: hidden; background-position: 10px 10px; background-repeat: no-repeat}
#doku .slideshow img	{vertical-align: top}

#doku .joulu	{border-top: 3px dotted #639F0C; border-bottom: 3px dotted #639F0C; padding: 1ex 0 1em 0}
#doku .joulu h2	{border: none; padding-top: 30px}

/* Lomake-elementit */
#doku label	{cursor: pointer}
#doku input	{vertical-align: middle; font-size: 100%; font-family: Arial, Helvetica, sans-serif}
#doku input.text	{border: 3px double #639F0C; color: #1A1B1A; background: #E5E8E5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px}
#doku textarea	{border: 3px double #639F0C; color: #1A1B1A; background: #E5E8E5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
		 font-size: 100%; font-family: Arial, Helvetica, sans-serif}
#doku .button	{border: 3px double #639F0C; color: #1A1B1A; background: #E5E8E5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
		 font-weight: normal; cursor: pointer; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#94A094');
		 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#94A094')";
		 background: -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#94A094));
		 background: -moz-linear-gradient(top,#FFFFFF,#94A094)}
#doku .button option	{color: #1A1B1A; background: #E5E8E5}


#haku		{text-align: right; position: absolute; top: 0; right: 0; margin: 0; padding: 5px 0}
#haku input.text	{border: 3px double #639F0C; color: #1A1B1A; background: #E5E8E5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px}
#haku .button	{border: 3px double #639F0C; color: #1A1B1A; background: #E5E8E5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
		 font-weight: normal; cursor: pointer; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#94A094');
		 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#94A094')";
		 background: -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#94A094));
		 background: -moz-linear-gradient(top,#FFFFFF,#94A094)}


.img		{padding: 4px; background: #619300 url(/img/2010/kuvatausta.png) top left no-repeat; display: inline-block;
		 display:-moz-inline-stack}

.info		{color: #FFFFFF; float: left; margin: 15px 45px 0 0; padding: 0; font-size: 75%; text-shadow: #000000 1px 1px 1px}
.info a		{color: #FFFFFF; text-decoration: none}
.info a:hover	{text-decoration: underline}

#ylos		{position: fixed; bottom: 0; right: 0; padding: 0 5px 5px 0; width: 45px; height: 45px}
#ylos a		{display: block; color: #000000; text-decoration: none; height: 40px; width: 40px; padding: 1px; background: #78B110;
		 text-transform: uppercase; text-align: center; font-size: 11px; line-height: 12px; border: 1px solid #639F0C;
		 -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px}
#ylos a span	{color: #000000}

.fl		{display: inline; float: left; margin-right: 10px}
.fr		{display: inline; float: right; margin-left: 10px}
.clear		{clear: both}
.trap		{display: none}
.hidden		{display: none}

/* IE-korjaukset */
/*\*/
* html #paanavi a	{width: 1%; overflow: visible}
* html #alanavi a	{width: 1%; overflow: visible}
* html #doku h1		{zoom: 1; position: relative}
* html #doku h2		{zoom: 1; position: relative}
* html #doku h3		{zoom: 1; position: relative}
* html #doku h4		{zoom: 1; position: relative}
* html #ylos		{display: none; position: absolute; top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ?
			 documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) :
			 document.body.scrollTop+(document.body.clientHeight-this.clientHeight))}
/**/

@keyframes bg-slide {from {transform: translateX(0)} to {transform: translateX(-25%)}}
.animwrap	{position: fixed; bottom: 0; left: 0; width: 100%; height: 330px; overflow: hidden}
.animwrap *	{position: absolute; bottom: 0; left: 0}
.animwrap *:first-child	{width: 4800px; height: 330px; background: url(/img/2010/sivutausta.jpg) bottom left repeat-x; animation: bg-slide 60s linear infinite;}
.animwrap *:last-child	{width: 4660px; height: 183px; background: url(/img/2010/pallot.png) bottom left repeat-x; animation: bg-slide 40s linear infinite;}

@media print {
#sivupalkki	{display: none}
#rakenne	{width: 100%}
#ylapalkki	{display: none}
#polku		{display: block; color: #000000; font-weight: bold}
#sisalto	{width: 100%; padding: 0; margin: 0; background: transparent; background-position: -2000px -2000px;
		 background-repeat: no-repeat; float: none}
#paanavi	{display: none}
#alanavi	{display: none}
#doku		{width: 100%; padding-left: 10px; background: transparent; overflow: visible}
#haku		{display: none}
#doku .slidewrap	{display: none}
#doku a.ext		{padding-right: 2px; background: none}
#rakenne,#sisalto,#sivu	{width: 100%; overflow: visible}
.animwrap	{display: none}
}