/* Respo 3 (muokattu) */
*		{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
		 -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease}
html		{min-height: 100%; font-size: 100%; -webkit-text-size-adjust: none}
body		{min-height: 100%; min-width: 320px; margin: 0; padding: 0 0 40px 0; /* taustaväri:bg:#EBECEE */background: #EBECEE;/**/ background-image: url(img/tausta.jpg);
		 background-position: center top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;
		 color: /* tekstiväri:#070C1A */#070C1A/**/; font-family: Lato, Arial, Helvetica, "Nimbus Sans L", FreeSans, "Liberation Sans", sans-serif;
		 font-size: /* teksti */110%/**/; line-height: 140%; overflow: hidden; overflow-y: scroll}
object,embed,td,th	{box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box}
img, .png	{border: /* kuvat-reuna */0px/**/ solid /* kuvat-reuna:#FFFFFF00 */transparent/**/; vertical-align: middle;
		 -moz-box-shadow: 0 0 /* varjo */10px/**/ /* varjo:#070C1Acc */rgba(7,12,26,0.8)/**/; -webkit-box-shadow: 0 0 /* varjo */10px/**/ /* varjo:#070C1Acc */rgba(7,12,26,0.8)/**/;
		 box-shadow: 0 0 /* varjo */10px/**/ /* varjo:#070C1Acc */rgba(7,12,26,0.8)/**/;}
.noborder, #yla img, .slidewrap img	{border: 0; padding: 0; background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none}
form		{margin: 0; padding: 0}
q		{font-style: normal; font-weight: normal}
q:before,q:after	{content: ""} /* Tämä emuloi IE-käytöstä muissa selaimissa */
em		{color: /* huomioteksti:#A9202C */#A9202C/**/; font-style: normal; font-weight: bold}
a		{color: /* linkki:#A9202C */#A9202C/**/; text-decoration: underline; outline: none}
a.mail		{color: /* sähköpostilinkki:#A9202C */#A9202C/**/}
a.tel		{color: /* puhelinnumerolinkki:#A9202C */#A9202C/**/}
a:hover		{color: /* linkki-hover:#A9202C80 */rgba(169,32,44,0.5)/**/}
input,select,textarea	{position: relative; vertical-align: middle; outline: none; font-family: inherit; font-size: 100%}
iframe		{border: 0; margin: 0}
h1,h2,h3,h4	{margin: 0 0 0.5em 0; padding: 0; line-height: 120%; color: /* otsikko:#070C1A */#070C1A/**/; font-family: Lato, Arial, Helvetica, "Nimbus Sans L", FreeSans, "Liberation Sans", sans-serif; font-weight: 900}
h1		{font-size: /* h1 */160%/**/}
h2		{font-size: /* h2 */120%/**/}
h3		{font-size: /* h3 */110%/**/}
h4		{font-size: /* h4 */100%/**/}
img.full	{width: 100%; height: auto}
section,article,main,aside,footer,header,nav,hgroup	{display: block}
time		{display: inline}

#tausta		{position: fixed; top: 0; left: 0; width: 100%; height: 100%; /* taustaliuku:bg:#073A8800 */background: transparent;/**/}
#yla,.rakenne	{position: relative; width: 100%; max-width: /* maksimileveys */980px/**/; padding: 0; margin: 0 auto}
#yla		{/* yläosa-tausta:bg:#FFFFFF */background: #FFFFFF;/**/}
#logo		{margin: 0; padding: /* yläosa-tayte-y */30px/**/ /* yläosa-tayte-x */25px/**/ /* yläosa-tayte-a */0px/**/ /* yläosa-tayte-x */25px/**/; overflow: hidden}
#logo img	{height: auto; max-width: 100%}
#logo h1	{float: left; padding: /* logo-y */0px/**/ /* logo-x */15px/**/ 0 0; overflow: hidden; margin: 0}
#logo h2	{padding: 0 0 0 /* logo-slogan-väli */20px/**/; margin-bottom: /* -yläosa-navi-väli */-30px/**/; font-size: /* slogan-h2 */100%/**/; overflow: hidden; margin: 0; font-weight: 900; text-transform: uppercase;
		 text-align: center; color: /* slogan-h2:#070C1A */#070C1A/**/}
#logo h2 span	{display: block; line-height: 2em}

#navialue	{clear: both; margin-top: /* yläosa-navi-väli */30px/**/}

#haku				{position: absolute; top: /* haku-y */60px/**/; right: /* haku-o */0px/**/; margin: 0; padding: /* haku-täyte-y */4px/**/ /* haku-täyte-y */4px/**/;
				 text-align: right; /* haku-tausta:bg:#FFFFFF00 */background: transparent;/**/ -moz-border-radius: /* haku-tausta-r */5px/**/;
				 -webkit-border-radius: /* haku-tausta-r */5px/**/; border-radius: /* haku-tausta-r */5px/**/}
#haku input[type=search]	{width: /* hakukenttä-leveys */140px/**/; padding: 0 2px; border: 1px solid /* hakukenttä-reuna:#B5B5B500 */transparent/**/; margin: 0;
				 height: 32px; line-height: 30px; -moz-border-radius: /* hakukenttä-r */5px/**/; -webkit-border-radius: /* hakukenttä-r */5px/**/;
				 border-radius: /* hakukenttä-r */5px/**/; color: /* hakukenttä-teksti:#070C1A */#070C1A/**/;
				 /* hakukenttä-tausta:bg:#FFFFFF */background: #FFFFFF;/**/}
#haku input[type=submit]	{display: inline-block; margin: 0; padding: 0; width: 32px; height: 32px; border: 0; color: transparent;
				 background: transparent /* suurennuslasi:url:#FF0000,#B5B5B5 */url(img/col.php?s=ff0000-b5b5b5&i=mobi_haku.png)/**/ no-repeat center center}


nav #kielet		{position: absolute; top: /* kielet-y */10px/**/; right: /* kielet-o */0px/**/; margin: 0; padding: /* kielet-täyte-y */0px/**/ /* kielet-täyte-x */0px/**/;
			 text-align: right; /* kielet-tausta:bg:#FFFFFF00 */background: transparent;/**/ -moz-border-radius: /* kielet-tausta-r */5px/**/;
			 -webkit-border-radius: /* kielet-tausta-r */5px/**/; border-radius: /* kielet-tausta-r */5px/**/}
nav #kielet ul		{margin: 0; padding: 0}
nav #kielet li		{margin: 0 /* kielet-marg */5px/**/; padding: 0; line-height: /* kielet-rivikorkeus */33px/**/}
nav #kielet a		{vertical-align: middle; background: transparent; padding: 0}
nav #kielet img		{border: /* lippu-reuna */1px/**/ solid /* lippu-reuna:#00000000 */transparent/**/; border-bottom-color: /* lippu-reuna-a:#00000000 */transparent/**/;
			 -moz-box-shadow: 0 12px 12px -6px /* lippuvarjo:#070C1A00 */transparent/**/;
			 -webkit-box-shadow: 0 12px 12px -6px /* lippuvarjo:#070C1A00 */transparent/**/;
			 box-shadow: 0 12px 12px -6px /* lippuvarjo:#070C1A00 */transparent/**/}
#varjo, #menu		{display: none}
.nav			{padding: /* päänavi-täyte-y */0px/**/ /* päänavi-täyte-x */0px/**/; overflow: hidden;
			 font-size: /* päänavi-fontti */100%/**/; font-weight: bold; text-transform: uppercase; /* päänavi-tausta:bg:#070C1A */background: #070C1A;/**/
			 -moz-box-shadow: 0 0 /* boksi-varjo */0px/**/ /* boksi-varjo:#27262480 */rgba(39,38,36,0.5)/**/;
			 -webkit-box-shadow: 0 0 /* boksi-varjo */0px/**/ /* boksi-varjo:#27262480 */rgba(39,38,36,0.5)/**/;
			 box-shadow: 0 0 /* boksi-varjo */0px/**/ /* boksi-varjo:#27262480 */rgba(39,38,36,0.5)/**/}
#alanavi.nav		{margin-top: /* päänavi-alanavi-väli */10px/**/; font-size: /* alanavi-fontti */100%/**/; font-weight: normal; text-transform: none; padding: /* alanavi-täyte-y */0px/**/ /* alanavi-täyte-x */0px/**/;
			 /* alanavi-tausta:bg:#DEE0E2 */background: #DEE0E2;/**/}
nav ul			{margin: 0; padding: /* alanavi-tasoväli */5px/**/ 0 0 0; list-style-type: none; overflow: visible}
nav ul:first-child	{padding: 0}
nav ul:last-child	{margin-bottom: /* -navilinkki-väli-y */-5px/**/}
nav li			{display: inline-block; margin: 0 /* navilinkki-väli-x */5px/**/ /* navilinkki-väli-y */5px/**/ 0; padding: 0}
nav #navi a		{padding: /* päänavi-linkki-täyte-y */12px/**/ /* päänavi-linkki-täyte-x */15px/**/;
			 color: /* päänavi-linkki:#FFFFFF */#FFFFFF/**/; /* päänavi-linkki-tausta:bg:#00000000 */background: transparent;/**/
			 text-shadow: 0 0 /* tekstivarjo */0ex/**/ /* tekstivarjo:#000000 */#000000/**/}
nav #navi a:hover	{color: /* päänavi-linkki-hover:#FFFFFF */#FFFFFF/**/; /* päänavi-linkki-hover-tausta:bg:vgrad:#A9202C,#6A1716 */ background: #A9202C;
 background: -o-linear-gradient(top, #A9202C 0%,#6A1716 100%); background: -moz-linear-gradient(top, #A9202C 0%,#6A1716 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A9202C), color-stop(100%,#6A1716));
 background: -webkit-linear-gradient(top, #A9202C 0%,#6A1716 100%); background: -ms-linear-gradient(top, #A9202C 0%,#6A1716 100%);
 background: linear-gradient(to bottom, #A9202C 0%,#6A1716 100%); -pie-background: linear-gradient(top, #A9202C 0%,#6A1716 100%); behavior: url(/scripts/PIE.htc);/**/}
nav #navi .polku a	{color: /* päänavi-linkki-polulla:#FFFFFF */#FFFFFF/**/; /* päänavi-linkki-polulla-tausta:bg:vgrad:#A9202C,#6A1716 */ background: #A9202C;
 background: -o-linear-gradient(top, #A9202C 0%,#6A1716 100%); background: -moz-linear-gradient(top, #A9202C 0%,#6A1716 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A9202C), color-stop(100%,#6A1716));
 background: -webkit-linear-gradient(top, #A9202C 0%,#6A1716 100%); background: -ms-linear-gradient(top, #A9202C 0%,#6A1716 100%);
 background: linear-gradient(to bottom, #A9202C 0%,#6A1716 100%); -pie-background: linear-gradient(top, #A9202C 0%,#6A1716 100%); behavior: url(/scripts/PIE.htc);/**/}
nav a			{display: inline-block; padding: /* alanavi-linkki-täyte-y */10px/**/ /* alanavi-linkki-täyte-x */10px/**/; text-decoration: none;
			 white-space:  voi vielä saadanowrap; color: /* alanavi-linkki:#322C30 */#322C30/**/; /* alanavi-linkki-tausta:bg:#322C3000 */background: transparent;/**/}
nav a:hover		{color: /* alanavi-linkki-hover:#322C30cc */rgba(50,44,48,0.8)/**/; /* alanavi-linkki-hover-tausta:bg:#00000000 */background: transparent;/**/}
nav .polku a		{color: /* alanavi-linkki-polulla:#FFFFFF */#FFFFFF/**/; /* alanavi-linkki-polulla-tausta:bg:vgrad:#010101,#322C30 */ background: #010101;
 background: -o-linear-gradient(top, #010101 0%,#322C30 100%); background: -moz-linear-gradient(top, #010101 0%,#322C30 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#010101), color-stop(100%,#322C30));
 background: -webkit-linear-gradient(top, #010101 0%,#322C30 100%); background: -ms-linear-gradient(top, #010101 0%,#322C30 100%);
 background: linear-gradient(to bottom, #010101 0%,#322C30 100%); -pie-background: linear-gradient(top, #010101 0%,#322C30 100%); behavior: url(/scripts/PIE.htc);/**/}



#sisalto	{position: relative; margin-top: /* navi-sisältö-väli */0px/**/; /* sisalto-tausta:bg:#FFFFFF00 */background: transparent;/**/}

.wrap		{padding: 0 /* sisältö-täyte-x */25px/**/; /* doku-tausta:bg:#FFFFFF */background: #FFFFFF;/**/}

#doku		{overflow: visible; padding: /* sisältö-täyte-y */15px/**/ 0 /* sisältö-täyte-a */25px/**/ 0}

#doku h1	{color: /* sisältö-h1:#18396C */#18396C/**/}

#doku ul	{margin: 0; padding: 0 0 0 1.5em; overflow: hidden}

/* Lomake-elementit */
#doku label		{cursor: pointer}
#doku input		{}

#doku input.text,
#doku textarea		{max-width: 100%; padding: /* tekstinsyöttö-täyte-y */1ex/**/ /* tekstinsyöttö-täyte-x */0.5ex/**/; border: 1px solid /* tekstinsyöttö-ääriviiva:#B5B5B599 */rgba(181,181,181,0.6)/**/;
			 color: /* tekstinsyöttö-väri:#211F20 */#211F20/**/; /* tekstinsyöttö-tausta:bg:#FFFFFF */background: #FFFFFF;/**/	
			 -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;		 
			 -moz-box-shadow: inset 2px 2px 4px /* tekstinsyöttö-varjo:#B5B5B5 */#B5B5B5/**/; -webkit-box-shadow: inset 2px 2px 4px /* tekstinsyöttö-varjo:#B5B5B5 */#B5B5B5/**/;
			 box-shadow: inset 2px 2px 4px /* tekstinsyöttö-varjo:#B5B5B5 */#B5B5B5/**/}
#doku .button		{border: 0; font-weight: bold; font-family: Lato, Arial, Helvetica, "Nimbus Sans L", FreeSans, "Liberation Sans", sans-serif; color: /* lomakepainike-väri:#C2CEDC */#C2CEDC/**/;
			 /* lomakepainike-tausta:bg:vgrad:#010101,#322C30 */ background: #010101;
 background: -o-linear-gradient(top, #010101 0%,#322C30 100%); background: -moz-linear-gradient(top, #010101 0%,#322C30 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#010101), color-stop(100%,#322C30));
 background: -webkit-linear-gradient(top, #010101 0%,#322C30 100%); background: -ms-linear-gradient(top, #010101 0%,#322C30 100%);
 background: linear-gradient(to bottom, #010101 0%,#322C30 100%); -pie-background: linear-gradient(top, #010101 0%,#322C30 100%); behavior: url(/scripts/PIE.htc);/**/
			 -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
			 -moz-box-shadow: 0 0 /* varjo */10px/**/ /* varjo:#070C1Acc */rgba(7,12,26,0.8)/**/; -webkit-box-shadow: 0 0 /* varjo */10px/**/ /* varjo:#070C1Acc */rgba(7,12,26,0.8)/**/;
			 box-shadow: 0 0 /* varjo */10px/**/ /* varjo:#070C1Acc */rgba(7,12,26,0.8)/**/}
#doku input.button	{display: inline-block; width: auto; max-width: 100%; padding: /* painike-täyte-y */1ex/**/ /* painike-täyte-x */2ex/**/; cursor: pointer}
#doku select.button	{padding: /* painike-täyte-y */1ex/**/ 0 /* painike-täyte-y */1ex/**/ /* painike-täyte-x */2ex/**/}
#doku select.button option	{color: /* pudotusvalikko-väri:#211F20 */#211F20/**/; background: /* pudotusvalikko-tausta:#FFFFFF */#FFFFFF/**/}

#doku em a	{display: inline-block; height: 34px; line-height: 34px; padding: 0 15px; text-decoration: none; font-weight: bold; color: /* huomiolinkki-väri:#C2CEDC */#C2CEDC/**/;
		 text-align: center; /* huomiolinkki-tausta:bg:vgrad:#010101,#322C30 */ background: #010101;
 background: -o-linear-gradient(top, #010101 0%,#322C30 100%); background: -moz-linear-gradient(top, #010101 0%,#322C30 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#010101), color-stop(100%,#322C30));
 background: -webkit-linear-gradient(top, #010101 0%,#322C30 100%); background: -ms-linear-gradient(top, #010101 0%,#322C30 100%);
 background: linear-gradient(to bottom, #010101 0%,#322C30 100%); -pie-background: linear-gradient(top, #010101 0%,#322C30 100%); behavior: url(/scripts/PIE.htc);/**/
		 -moz-box-shadow: 0 0 /* varjo */10px/**/ /* varjo:#070C1Acc */rgba(7,12,26,0.8)/**/; -webkit-box-shadow: 0 0 /* varjo */10px/**/ /* varjo:#070C1Acc */rgba(7,12,26,0.8)/**/;
		 box-shadow: 0 0 /* varjo */10px/**/ /* varjo:#070C1Acc */rgba(7,12,26,0.8)/**/; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px}
#doku em a.tel	{color: /* huomiopuh-väri:#FFFFFF */#FFFFFF/**/; /* huomiopuh-tausta:bg:#5B9121 */background: #5B9121;/**/}

#doku .hr	{height: 1px; overflow: hidden; /* väliviiva:bg:#B5B5B599 */background: rgba(181,181,181,0.6);/**/}
#doku .hr *	{display: none}

/* Taulukot */
#doku table		{font-size: /* taulukko-teksti */100%/**/; border-spacing: 0; border-collapse: collapse}
#doku .autotable	{margin: 1ex 0; padding: 0; color: /* taulukko-teksti:#211F20 */#211F20/**/}
#doku .autotable .blank td	{/* taulukko-tyhjä:bg:#FFFFFF00 */background: transparent;/**/; border: none}
#doku .autotable td	{margin: 0; padding: 0 1ex; vertical-align: top; /* taulukko-tausta:bg:#FFFFFF */background: #FFFFFF;/**/ border: 1px solid /* taulukko-viiva:#E6E7E8 */#E6E7E8/**/}
#doku .autotable th	{margin: 0; padding: 0 1ex; text-align: left; font-weight: bold; vertical-align: top; border: 1px solid /* taulukko-viiva:#E6E7E8 */#E6E7E8/**/;
			 color: /* taulukko-th:#FFFFFF */#FFFFFF/**/; /* taulukko-th-tausta:bg:vgrad:#272624E6,#3D3D3DCC */ background: #272624; background: rgba(39,38,36,0.9);
 background: -o-linear-gradient(top, rgba(39,38,36,0.9) 0%,rgba(61,61,61,0.8) 100%); background: -moz-linear-gradient(top, rgba(39,38,36,0.9) 0%,rgba(61,61,61,0.8) 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(39,38,36,0.9)), color-stop(100%,rgba(61,61,61,0.8)));
 background: -webkit-linear-gradient(top, rgba(39,38,36,0.9) 0%,rgba(61,61,61,0.8) 100%); background: -ms-linear-gradient(top, rgba(39,38,36,0.9) 0%,rgba(61,61,61,0.8) 100%);
 background: linear-gradient(to bottom, rgba(39,38,36,0.9) 0%,rgba(61,61,61,0.8) 100%); -pie-background: linear-gradient(top, rgba(39,38,36,0.9) 0%,rgba(61,61,61,0.8) 100%); behavior: url(/scripts/PIE.htc);/**/}

.boksi		{padding: /* boksi-täyte */20px/**/; margin: 0 0 /* boksi-väli */10px/**/ 0; /* boksi:bg:#EEEEEE */background: #EEEEEE;/**/
		 -moz-box-shadow: 0 0 /* boksi-varjo */0px/**/ /* boksi-varjo:#27262480 */rgba(39,38,36,0.5)/**/;
		 -webkit-box-shadow: 0 0 /* boksi-varjo */0px/**/ /* boksi-varjo:#27262480 */rgba(39,38,36,0.5)/**/;
		 box-shadow: 0 0 /* boksi-varjo */0px/**/ /* boksi-varjo:#27262480 */rgba(39,38,36,0.5)/**/;
		 -moz-border-radius: /* boksi-r */5px/**/; -webkit-border-radius: /* boksi-r */5px/**/; border-radius: /* boksi-r */5px/**/}


#yhteys		{display: block; clear: both; padding: /* yhteystiedot-täyte-y */20px/**/ /* yhteystiedot-täyte-x */20px/**/;
		 margin: /* yhteystiedot-väli */0px/**/ 0 /* copyright-väli */5px/**/ 0; overflow: hidden; color: /* yhteystiedot-teksti:#FFFFFF */#FFFFFF/**/;
		 text-align: left; font-size: /* yhteystiedot-fontti */90%/**/;
		 border-top: /* yhteystiedot-viiva */1px/**/ solid /* yhteystiedot-viiva:#FFFFFF00 */transparent/**/;
		 /* yhteystiedot-tausta:bg:vgrad:#143B9980,#06194480 */ background: #143B99; background: rgba(20,59,153,0.5);
 background: -o-linear-gradient(top, rgba(20,59,153,0.5) 0%,rgba(6,25,68,0.5) 100%); background: -moz-linear-gradient(top, rgba(20,59,153,0.5) 0%,rgba(6,25,68,0.5) 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(20,59,153,0.5)), color-stop(100%,rgba(6,25,68,0.5)));
 background: -webkit-linear-gradient(top, rgba(20,59,153,0.5) 0%,rgba(6,25,68,0.5) 100%); background: -ms-linear-gradient(top, rgba(20,59,153,0.5) 0%,rgba(6,25,68,0.5) 100%);
 background: linear-gradient(to bottom, rgba(20,59,153,0.5) 0%,rgba(6,25,68,0.5) 100%); -pie-background: linear-gradient(top, rgba(20,59,153,0.5) 0%,rgba(6,25,68,0.5) 100%); behavior: url(/scripts/PIE.htc);/**/
		 -moz-box-shadow: 0 0 /* boksi-varjo */0px/**/ /* yhteystiedot-varjo:#27262400 */transparent/**/;
		 -webkit-box-shadow: 0 0 /* boksi-varjo */0px/**/ /* yhteystiedot-varjo:#27262400 */transparent/**/;
		 box-shadow: 0 0 /* boksi-varjo */0px/**/ /* yhteystiedot-varjo:#27262400 */transparent/**/}
#yhteys span	{white-space: nowrap; margin-left: 1em}
#yhteys a	{color: /* yhteystiedot-linkki:#FF0000 */#FF0000/**/; text-decoration: underline}
#yhteys a:hover	{color: /* yhteystiedot-linkki-hover:#A9202Ce6 */rgba(169,32,44,0.9)/**/}
#yhteys .fl,
#yhteys .fr	{display: inline-block; width: 33.3%; margin: 0; padding: 5px 10px; text-align: center}

#copy		{clear: both; padding: 1ex 0; text-align: right; font-size: 80%}
#copy a		{text-decoration: none}
#copy a:hover	{text-decoration: underline}


.slideshow h1,
.slideshow h2,
.slideshow q	{position: absolute; bottom: 2%; right: 0; color: /* dia-teksti:#FFFFFF */#FFFFFF/**/; padding: /* dia-täyte-y */10px/**/ /* dia-täyte-x */5%/**/; width: auto; max-width: 100%;
		 font-weight: normal; font-size: /* dia-fontti */130%/**/; text-align: right; /* dia-tausta:bg:#041645BF */background: rgba(4,22,69,0.75);/**/
		 text-shadow: 0 0 /* tekstivarjo */0ex/**/ /* tekstivarjo:#000000 */#000000/**/}

/* F-tyypin kuvat */
#doku .figurewrap	{display: inline-block; padding: /* f-kuva-täyte */0px/**/; max-width: 100%; vertical-align: top; vertical-align: middle;
			 /* f-kuva-tausta:bg:#FFFFFF00 */background: transparent;/**/}
#doku .figurewrap.full	{width: 100%}
#doku figure		{display: block; position: relative; margin: 0; padding: 0}
#doku .full figure	{width: auto !important}
#doku figure img	{max-width: 100%; height: auto; margin: /* -f-kuva-sisäviiva */0px/**/; border: /* f-kuva-sisäviiva */0px/**/ solid /* f-kuva-sisäviiva:#AAAAAA00 */transparent/**/; -moz-box-shadow: none ; -webkit-box-shadow: none; box-shadow: none}
#doku figcaption	{display: block; font-size: /* f-kuvateksti */80%/**/; padding: /* f-kuvateksti-täyte-y */1ex/**/ /* f-kuvateksti-täyte-x */1ex/**/;
			 text-align: center; border-top: /* f-kuvateksti-yläviiva */0px/**/ solid /* f-kuvateksti-yläviiva:#3C3C3B00 */transparent/**/;
			 color: /* f-kuvateksti:#FFFFFF */#FFFFFF/**/; /* f-kuvateksti-tausta:bg:vgrad:#6A1716,#A9202C */ background: #6A1716;
 background: -o-linear-gradient(top, #6A1716 0%,#A9202C 100%); background: -moz-linear-gradient(top, #6A1716 0%,#A9202C 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6A1716), color-stop(100%,#A9202C));
 background: -webkit-linear-gradient(top, #6A1716 0%,#A9202C 100%); background: -ms-linear-gradient(top, #6A1716 0%,#A9202C 100%);
 background: linear-gradient(to bottom, #6A1716 0%,#A9202C 100%); -pie-background: linear-gradient(top, #6A1716 0%,#A9202C 100%); behavior: url(/scripts/PIE.htc);/**/}
#doku a:hover figcaption	{color: /* f-kuvateksti-hover:#FFFFFF */#FFFFFF/**/; /* f-kuvateksti-hover-tausta:bg:vgrad:#6A1716F2,#A9202CF2 */ background: #6A1716; background: rgba(106,23,22,0.95);
 background: -o-linear-gradient(top, rgba(106,23,22,0.95) 0%,rgba(169,32,44,0.95) 100%); background: -moz-linear-gradient(top, rgba(106,23,22,0.95) 0%,rgba(169,32,44,0.95) 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(106,23,22,0.95)), color-stop(100%,rgba(169,32,44,0.95)));
 background: -webkit-linear-gradient(top, rgba(106,23,22,0.95) 0%,rgba(169,32,44,0.95) 100%); background: -ms-linear-gradient(top, rgba(106,23,22,0.95) 0%,rgba(169,32,44,0.95) 100%);
 background: linear-gradient(to bottom, rgba(106,23,22,0.95) 0%,rgba(169,32,44,0.95) 100%); -pie-background: linear-gradient(top, rgba(106,23,22,0.95) 0%,rgba(169,32,44,0.95) 100%); behavior: url(/scripts/PIE.htc);/**/}


/* Kuvanäyttö */
#imageviewer		{/* kuvarulla-tausta:bg:#FFFFFF */background: #FFFFFF;/**/}
#imageviewer,
#imageviewer *		{-webkit-transition: none; -moz-transition: none; -o-transition: all 0 ease-in; transition: none}
#imageviewer p		{color: /* kuvarulla-teksti:#403C3D */#403C3D/**/; /* kuvarulla-teksti-tausta:bg:#FFFFFFCC */background: rgba(255,255,255,0.8);/**/ margin: 0; padding: 3px 0; text-align: center; width: 100%; left: 0; bottom: 0; font-size: 11px}
#imageviewer img	{border: 0; padding: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none}


video		{max-width: 100%; height: auto}
video.full	{width: 100%}


/* Yleiset */
.clear		{clear: both}
.fl		{display: block; float: left; margin-right: 20px; margin-bottom: 1.2em}
.fr		{display: block; float: right; margin-left: 20px; margin-bottom: 1.2em}
.ff		{min-width: 320px; max-width: 100%; margin-bottom: 1.2em; overflow: hidden}
.right		{text-align: right}
.left		{text-align: left}
.trap		{display: none}
.slidewrap	{width: 100% !important; height: auto !important; -moz-box-shadow: 0 0 /* dia-varjo */10px/**/ /* dia-varjo:#272624cc */rgba(39,38,36,0.8)/**/;
		 -webkit-box-shadow: 0 0 /* dia-varjo */10px/**/ /* dia-varjo:#272624cc */rgba(39,38,36,0.8)/**/;
		 box-shadow: 0 0 /* dia-varjo */10px/**/ /* dia-varjo:#272624cc */rgba(39,38,36,0.8)/**/}
.slidewrap *	{-webkit-transition: none; -moz-transition: none; -o-transition: all 0 ease-in; transition: none}
.slideshow	{width: 100% !important; height: auto !important; overflow: hidden; border: /* dia-reuna */0px/**/ solid /* dia-reuna:#FFFFFF00 */transparent/**/;
		 background-size: cover; background-clip: padding-box; background-origin: padding-box}
.slideshow img	{width: 100%; height: auto}
.youtube	{position: relative; width: 100%; height: 0; padding: 25px 0 56.25% 0; overflow: hidden}
.youtube iframe	{position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.col2,.col3,.col4,.col5	{margin: -10px; overflow: hidden}
.col		{display: inline-block; vertical-align: top; padding: 0 10px; margin: 10px 0; overflow: visible}
.col2 .col	{width: 50%}
.col3 .col	{width: 33.3%}
.col4 .col	{width: 25%}
.col5 .col	{width: 20%}


@media (max-width: 750px) {
 #logo			{padding: /* m-yläosa-tayte-y */25px/**/ /* m-yläosa-tayte-x */10px/**/ /* m-yläosa-tayte-a */10px/**/ /* m-yläosa-tayte-x */10px/**/; overflow: hidden}
 #logo h1		{float: none; padding: /* m-logo-y */0px/**/ /* m-logo-x */0px/**/; margin-bottom: /* m-logo-slogan-väli */10px/**/}
 #logo h2		{text-align: left; font-size: /* m-slogan-h2 */100%/**/; padding: 0}
 }

@media (max-width: 660px) {
 #yhteys .col4 .col	{width: 50%}
 #yhteys .col5 .col	{width: 33.3%}
 }

@media (max-width: 600px) {
 .open #varjo	{display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 32000;
		 /* m-navi-häivytys:bg:#FFFFFFBF */background: rgba(255,255,255,0.75);/**/}
 #menu		{display: block; position: fixed; top: 0; right: 0; width: /* m-menu */40px/**/; height: /* m-menu */40px/**/; line-height: /* m-menu */40px/**/; z-index: 32000;
		 text-align: center; font-size: /* m-menu-fontti */200%/**/; font-weight: bold; text-decoration: none; color: /* m-menu:#FFFFFF */#FFFFFF/**/;
		 font-family: Arial, Helvetica, sans-serif; /* m-menu-tausta:bg:vgrad:#010101,#322C30 */ background: #010101;
 background: -o-linear-gradient(top, #010101 0%,#322C30 100%); background: -moz-linear-gradient(top, #010101 0%,#322C30 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#010101), color-stop(100%,#322C30));
 background: -webkit-linear-gradient(top, #010101 0%,#322C30 100%); background: -ms-linear-gradient(top, #010101 0%,#322C30 100%);
 background: linear-gradient(to bottom, #010101 0%,#322C30 100%); -pie-background: linear-gradient(top, #010101 0%,#322C30 100%); behavior: url(/scripts/PIE.htc);/**/
		 -moz-box-shadow: 0 0 /* menunappi-varjo */5px/**/ /* menunappi-varjo:#FFFFFFa6 */rgba(255,255,255,0.65)/**/;
		 -webkit-box-shadow: 0 0 /* menunappi-varjo */5px/**/ /* menunappi-varjo:#FFFFFFa6 */rgba(255,255,255,0.65)/**/;
		 box-shadow: 0 0 /* menunappi-varjo */5px/**/ /* menunappi-varjo:#FFFFFFa6 */rgba(255,255,255,0.65)/**/;}
 .open #menu	{position: absolute}

 *		{-webkit-transition: none; -moz-transition: none; -o-transition: all 0 ease-in; transition: none}
 .wrap		{padding: 0 /* m-sisältö-täyte-x */5px/**/; overflow: visible}
 #haku		{position: static; margin-bottom: /* m-haku-alamarg */10px/**/}

 #navialue		{display: none; margin-top: 0}
 .open #navialue	{display: block; position: absolute; z-index: 32000; top: /* m-menu */40px/**/; right: 0; min-width: /* m-navi-min-leveys */200px/**/; max-width: 320px;
			 padding: /* m-navi-täyte-y */10px/**/ /* m-navi-täyte-x */5px/**/; /* m-navialue-tausta:bg:#322C30 */background: #322C30;/**/}
 nav #kielet		{position: static; padding: /* m-kielet-täyte-y */2px/**/ /* m-kielet-täyte-x */2px/**/; margin-bottom: /* m-kielet-alamarg */10px/**/;
			 /* m-kielet-tausta:bg:#00000000 */background: transparent;/**/
			 -moz-border-radius: /* m-kielet-tausta-r */0px/**/; -webkit-border-radius: /* m-kielet-tausta-r */0px/**/; border-radius: /* m-kielet-tausta-r */0px/**/}
 nav #kielet ul		{text-align: center; background: transparent}
 nav #kielet li		{display: inline-block}
 #alanavi.nav,
 .nav			{margin: 0; font-size: /* m-navi-fontti */120%/**/; font-weight: bold; background: transparent;-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none}
 #alanavi ul:last-child		{margin-bottom: 0 !important}
 #alanavi ul:nth-child(1)	{margin-left: 10px; margin-right: 10px}
 #alanavi ul:nth-child(2)	{margin-left: 20px; margin-right: 20px}
 nav ul, nav ul:last-child	{margin: 0; padding: 0; margin: 0 0 /* m-navi-tasoväli */10px/**/ 0; /* m-navi-tausta:bg:#27262400 */background: transparent;/**/}
 nav li				{display: block; margin: 0 0 /* m-navilinkki-väli */1px/**/ 0}
 nav a				{display: block}
 nav .nav .polku a:before	{content: "● "}
 nav #navi a,
 nav #navi a:hover	{color: /* m-päänavi-linkki:#322C30 */#322C30/**/; /* m-päänavi-linkki-tausta:bg:vgrad:#E6E6E6,#FFFFFF */ background: #E6E6E6;
 background: -o-linear-gradient(top, #E6E6E6 0%,#FFFFFF 100%); background: -moz-linear-gradient(top, #E6E6E6 0%,#FFFFFF 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6E6E6), color-stop(100%,#FFFFFF));
 background: -webkit-linear-gradient(top, #E6E6E6 0%,#FFFFFF 100%); background: -ms-linear-gradient(top, #E6E6E6 0%,#FFFFFF 100%);
 background: linear-gradient(to bottom, #E6E6E6 0%,#FFFFFF 100%); -pie-background: linear-gradient(top, #E6E6E6 0%,#FFFFFF 100%); behavior: url(/scripts/PIE.htc);/**/
			 text-shadow: none; text-transform: none}
 nav #navi .polku a	{color: /* m-päänavi-linkki:#322C30 */#322C30/**/; /* m-päänavi-linkki-polulla-tausta:bg:vgrad:#E6E6E6,#FFFFFF */ background: #E6E6E6;
 background: -o-linear-gradient(top, #E6E6E6 0%,#FFFFFF 100%); background: -moz-linear-gradient(top, #E6E6E6 0%,#FFFFFF 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6E6E6), color-stop(100%,#FFFFFF));
 background: -webkit-linear-gradient(top, #E6E6E6 0%,#FFFFFF 100%); background: -ms-linear-gradient(top, #E6E6E6 0%,#FFFFFF 100%);
 background: linear-gradient(to bottom, #E6E6E6 0%,#FFFFFF 100%); -pie-background: linear-gradient(top, #E6E6E6 0%,#FFFFFF 100%); behavior: url(/scripts/PIE.htc);/**/}
 nav a,
 nav a:hover		{color: /* m-alanavi-linkki:#211F2F */#211F2F/**/; /* m-alanavi-linkki-tausta:bg:vgrad:#E6E6E6,#FFFFFF */ background: #E6E6E6;
 background: -o-linear-gradient(top, #E6E6E6 0%,#FFFFFF 100%); background: -moz-linear-gradient(top, #E6E6E6 0%,#FFFFFF 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6E6E6), color-stop(100%,#FFFFFF));
 background: -webkit-linear-gradient(top, #E6E6E6 0%,#FFFFFF 100%); background: -ms-linear-gradient(top, #E6E6E6 0%,#FFFFFF 100%);
 background: linear-gradient(to bottom, #E6E6E6 0%,#FFFFFF 100%); -pie-background: linear-gradient(top, #E6E6E6 0%,#FFFFFF 100%); behavior: url(/scripts/PIE.htc);/**/}
 nav .polku a		{color: /* m-alanavi-linkki-polulla:#211F2F */#211F2F/**/; /* m-alanavi-linkki-polulla-tausta:bg:vgrad:#E6E6E6,#FFFFFF */ background: #E6E6E6;
 background: -o-linear-gradient(top, #E6E6E6 0%,#FFFFFF 100%); background: -moz-linear-gradient(top, #E6E6E6 0%,#FFFFFF 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6E6E6), color-stop(100%,#FFFFFF));
 background: -webkit-linear-gradient(top, #E6E6E6 0%,#FFFFFF 100%); background: -ms-linear-gradient(top, #E6E6E6 0%,#FFFFFF 100%);
 background: linear-gradient(to bottom, #E6E6E6 0%,#FFFFFF 100%); -pie-background: linear-gradient(top, #E6E6E6 0%,#FFFFFF 100%); behavior: url(/scripts/PIE.htc);/**/}
 nav .polku a#nyt	{color: /* m-navi-valittu:#FFFFFF */#FFFFFF/**/; /* m-navi-valittu-tausta:bg:vgrad:#A9202C,#6A1716 */ background: #A9202C;
 background: -o-linear-gradient(top, #A9202C 0%,#6A1716 100%); background: -moz-linear-gradient(top, #A9202C 0%,#6A1716 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A9202C), color-stop(100%,#6A1716));
 background: -webkit-linear-gradient(top, #A9202C 0%,#6A1716 100%); background: -ms-linear-gradient(top, #A9202C 0%,#6A1716 100%);
 background: linear-gradient(to bottom, #A9202C 0%,#6A1716 100%); -pie-background: linear-gradient(top, #A9202C 0%,#6A1716 100%); behavior: url(/scripts/PIE.htc);/**/}

 .fl		{margin-right: 10px}
 .fr		{margin-left: 10px}
 }

@media (max-width: 550px) {
 .col2 .col,
 .col3 .col,
 .col4 .col,
 .col5 .col	{width: 100%}
 }

/* HTML5-media */
.mediawrap		{display: inline-block; position: relative; max-width: 100%; cursor: pointer; overflow: hidden;
			 box-shadow:  /* video-varjo-paikka-x */0px/**/ /* video-varjo-paikka-y */0px/**/ /* video-varjo-leveys */10px/**/ /* video-varjo:#00000080 */rgba(0,0,0,0.5)/**/}
.mediawrap.full,
.mediawrap audio,
.mediawrap.full video	{display: block; width: 100%; height: auto}
.mediawrap.full video,
.mediawrap.full a	{position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.mediawrap video	{display: block; background-color: /* video-tausta:#000000 */#000000/**/; background-repeat: no-repeat; background-position: center center}
.mediawrap.playing video	{background-image: none !important}
.mediawrap strong	{display: block; padding: /* video-nimi-täyte-y */0.5ex/**/ /* video-nimi-täyte-x */1ex/**/; color: /* video-nimi-teksti:#FFFFFF */#FFFFFF/**/;
			 /* video-nimi-tausta:bg:#00000080 */background: rgba(0,0,0,0.5);/**/ font-weight: normal; font-size: /* video-nimi-fontti */100%/**/}
.mediawrap.audio strong	{background: transparent; cursor: default}
.mediawrap.video strong	{position: absolute; left: 0; top: 0; width: 100%; z-index: 1; pointer-events: none}
.mediawrap.video strong:before	{content: "▶ "}
.mediawrap.playing.video strong	{display: none}
.mediawrap.playing.video:hover strong	{display: block}
.mediawrap.audio	{min-width: /* audio-leveys */300px/**/; /* audio-tausta:bg:#000000 */background: #000000;/**/; padding: 0 !important}
.mediawrap a		{position: relative; display: inline-block; z-index: 2; max-width: 100%; padding: 1em; background: #EEEEEE; color: #AA3333; text-decoration: underline; text-align: center}

.kerros			{position: relative}
.kerros div		{position: absolute; top: 0; left: 0; width: 100%; pointer-events: none; padding: /* kerros-täyte-y */1ex/**/ /* kerros-täyte-x */1ex/**/;
			 text-align: center; font-size: /* kerros-h3 */80%/**/; line-height: 1.2em; color: /* kerros-teksti:#FFFFFF */#FFFFFF/**/; /* kerros-tausta:bg:vgrad:#6A1716CC,#A9202CCC */ background: #6A1716; background: rgba(106,23,22,0.8);
 background: -o-linear-gradient(top, rgba(106,23,22,0.8) 0%,rgba(169,32,44,0.8) 100%); background: -moz-linear-gradient(top, rgba(106,23,22,0.8) 0%,rgba(169,32,44,0.8) 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(106,23,22,0.8)), color-stop(100%,rgba(169,32,44,0.8)));
 background: -webkit-linear-gradient(top, rgba(106,23,22,0.8) 0%,rgba(169,32,44,0.8) 100%); background: -ms-linear-gradient(top, rgba(106,23,22,0.8) 0%,rgba(169,32,44,0.8) 100%);
 background: linear-gradient(to bottom, rgba(106,23,22,0.8) 0%,rgba(169,32,44,0.8) 100%); -pie-background: linear-gradient(top, rgba(106,23,22,0.8) 0%,rgba(169,32,44,0.8) 100%); behavior: url(/scripts/PIE.htc);/**/}

.kerros div:after	{content: " »"}
.kerros:hover div	{color: /* kerros-teksti-hover:#FFFFFF */#FFFFFF/**/; /* kerros-teksti-hover-tausta:bg:vgrad:#6A1716F2,#A9202CF2 */ background: #6A1716; background: rgba(106,23,22,0.95);
 background: -o-linear-gradient(top, rgba(106,23,22,0.95) 0%,rgba(169,32,44,0.95) 100%); background: -moz-linear-gradient(top, rgba(106,23,22,0.95) 0%,rgba(169,32,44,0.95) 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(106,23,22,0.95)), color-stop(100%,rgba(169,32,44,0.95)));
 background: -webkit-linear-gradient(top, rgba(106,23,22,0.95) 0%,rgba(169,32,44,0.95) 100%); background: -ms-linear-gradient(top, rgba(106,23,22,0.95) 0%,rgba(169,32,44,0.95) 100%);
 background: linear-gradient(to bottom, rgba(106,23,22,0.95) 0%,rgba(169,32,44,0.95) 100%); -pie-background: linear-gradient(top, rgba(106,23,22,0.95) 0%,rgba(169,32,44,0.95) 100%); behavior: url(/scripts/PIE.htc);/**/}
.kerros h3		{margin: 0; font-size: /* kerros-h3 */120%/**/; color: inherit}
