/* Respo 4 (v1) */
*		{box-sizing: border-box; transition: all 0.3s ease}
html		{height: 100vh; min-height: -webkit-fill-available; font-size: 100%; scroll-behavior: smooth}
body		{min-height: 100vh; min-height: -webkit-fill-available; margin: 0; padding: 0 0 40px 0; /* tausta:bg:#EEEEEE */background: #EEEEEE;/**/
		 color: /* tekstiväri:#000000 */#000000/**/; font-family: "Open Sans", Verdana, "Bitstream Vera Sans", "DejaVu Sans", Geneva, sans-serif;
		 font-size: 100%; line-height: 140%; overflow: auto; overflow-y: scroll}
object,embed,td,th	{box-sizing: content-box}
img, .png	{height: auto; max-width: 100%; border: /* kuvat-reuna */0px/**/ solid /* kuvat-reuna:#FFFFFF00 */transparent/**/; vertical-align: middle;
		 border-radius: /* kuva-r */5px/**/; box-shadow: 0 0 /* varjo */5px/**/ /* varjo:#00000033 */rgba(0,0,0,0.2)/**/}
.noborder, header img, .slidewrap img	{border: 0; padding: 0; background: transparent; box-shadow: none; border-radius: 0}
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:#DA251D */#DA251D/**/; font-style: normal; font-weight: bold}
a		{color: /* linkki:#DA251D */#DA251D/**/; text-decoration: underline; outline: none}
a.mail		{color: /* sähköpostilinkki:#DA251D */#DA251D/**/}
a.tel		{color: /* puh-linkki:#DA251D */#DA251D/**/}
a:hover		{color: /* linkki-hover:#9E1B15cc */rgba(158,27,21,0.8)/**/}
input,button,select,textarea	{position: relative; max-width: 100%; vertical-align: middle; outline: none; font-family: inherit; font-size: 100%}
textarea.full,
input.full	{width: 100%}
label		{white-space: nowrap; cursor: pointer}
label.wrap	{white-space: normal}
iframe		{border: 0; margin: 0}
h1,h2,h3,h4	{margin: 0 0 /* otsikko-alamarg */0.5em/**/ 0; padding: 0; line-height: 120%; color: /* otsikko:#000000 */#000000/**/; font-family: inherit; scroll-margin-top: 90px}
h1		{font-size: /* h1 */190%/**/; font-weight: bold}
h2		{font-size: /* h2 */130%/**/; font-weight: bold}
h3		{font-size: /* h3 */110%/**/; font-weight: bold}
h4		{font-size: /* h4 */100%/**/; font-weight: bold}
img.full	{width: 100%; height: auto}
section,article,main,aside,footer,header,nav,hgroup	{display: block}
time		{display: inline}
blockquote	{margin: 0; padding: 0; font-family: inherit; font-size: /* blockquote-fontti */160%/**/}
nav ul, nav li	{margin: 0; padding: 0; list-style-type: none}
nav a		{display: block; text-decoration: none}

em a.tel:before	{content: "📞 " }

/* 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:#0000004d */rgba(0,0,0,0.3)/**/;
		 -webkit-box-shadow: 0 0 /* dia-varjo */10px/**/ /* dia-varjo:#0000004d */rgba(0,0,0,0.3)/**/;
		 box-shadow: 0 0 /* dia-varjo */10px/**/ /* dia-varjo:#0000004d */rgba(0,0,0,0.3)/**/}
.slidewrap *	{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: /* -palsta-täyte */-10px/**/; overflow: hidden}
.col		{display: inline-block; vertical-align: top; padding: 0 /* palsta-täyte */10px/**/; margin: /* palsta-täyte */10px/**/ 0; overflow: visible}
.col:empty	{display: none}
.col2 .col	{width: 50%}
.col3 .col	{width: 33.3%}
.col4 .col	{width: 25%}
.col5 .col	{width: 20%}
.rakenne	{position: relative; width: 100%; max-width: /* maksimileveys */1200px/**/; padding: 0; margin: 0 auto}

body > header	{overflow: hidden; border-bottom: /* logoalue-alaviiva */1px/**/ solid /* logoalue-alaviiva:#777777 */#777777/**/; z-index: 2000;
		 background: transparent none center center no-repeat; background-size: cover}

#yla		{height: /* logoalue-korkeus */30vw/**/; min-height: /* logopallo-minimikoko */200px/**/; overflow: visible; /* logoalue-tausta:bg:#00000000 */background: transparent;/**/
		 font-size: /* yläpalkki-teksti */100%/**/}
#yla .rakenne	{display: flex; justify-content: space-between; align-items: center; height: 100%}

#logo		{flex: 1 1 auto}
#logo h1	{display: inline-block; position: relative; width: /* logopallo-koko */40%/**/; min-width: /* logopallo-minimikoko */200px/**/;
		 margin: 0 0 0 /* logopallo-marg-v */5%/**/; overflow: visible}
#logo h1:after	{content: ""; display: block; padding-bottom: 100%; border-radius: 50%;
		 /* logopallo-tausta:bg:#FFFFFF80 */background: rgba(255,255,255,0.5);/**/}
#logo h1 img	{position: absolute; top: 50%; left: 50%; width: /* logo-leveys */120%/**/; height: auto; transform: translate(-50%, -50%);}

#ylapalkki	{flex: 0 1 min-content; margin: 0 0 0 2vw; padding: /* yläpalkki-täyte-y */2em/**/ /* yläpalkki-täyte-x */2em/**/; border-radius: /* yläpalkki-r */2em/**/;
		 /* yläpalkki-tausta:bg:#FFFFFFB0 */background: rgba(255,255,255,0.69);/**/ text-shadow: 0 0 0.2ex /* yläpalkki-tekstivarjo:#FFFFFF */#FFFFFF/**/}
#ylapalkki h2	{text-align: center; margin-bottom: 0}
#ylapalkki h2 span	{display: inline-block}
#ylapalkki div	{white-space: nowrap}
#ylapalkki p	{margin: 1ex 0}
@media (max-width: /* maksimileveys */1200px/**/) {
 #ylapalkki	{margin-right: /* yläpalkki-marg-o */2%/**/}
 }
@media (max-width: 650px) {
 #yla		{height: auto}
 #yla .rakenne	{align-content: center}
 #logo		{text-align: center}
 #logo h1	{margin: 0}
 #ylapalkki	{display: none}
 }

#navialue	{position: sticky; top: 0; left: 0; z-index: 1000; overflow: visible;
		 box-shadow: 0 0 /* navialue-varjo */15px/**/ /* navialue-varjo:#00000080 */rgba(0,0,0,0.5)/**/}

#menu		{display: block; position: relative; width: /* päänavi-korkeus */40px/**/; height: /* päänavi-korkeus */40px/**/; margin-left: auto;
		 line-height: /* päänavi-korkeus */40px/**/; pointer-events: auto; font-size: /* m-menu-fontti */200%/**/; font-weight: bold;
		 font-family: Arial, Helvetica, sans-serif; text-align: center; color: /* m-menu:#FFFFFF */#FFFFFF/**/; /* m-menu-tausta:bg:#4D0501 */background: #4D0501;/**/}

#mobinavi	{display: none; position: absolute; top: 0; right: 0; max-width: 100%; pointer-events: none; z-index: 3000}
.overflow #mobinavi	{display: block}
#mobinavi:before	{content: ""; position: absolute; top: 0; right: /* päänavi-korkeus */40px/**/; width: /* päänavi-häivytys */50px/**/;
			 height: /* päänavi-korkeus */40px/**/; /* päänavi-häivytys:bg:hgrad:#00000000,#000000 */ background: transparent;
 background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,#000000 100%); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%,#000000 100%);
 background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,#000000));
 background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,#000000 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,#000000 100%);
 background: linear-gradient(to right, rgba(0,0,0,0) 0%,#000000 100%); -pie-background: linear-gradient(left, rgba(0,0,0,0) 0%,#000000 100%); behavior: url(/scripts/PIE.htc);/**/}
#mobinavi .navi	{transform: scaleY(0); transform-origin: top; padding: /* m-navi-täyte-y */0px/**/ /* m-navi-täyte-x */0px/**/; font-size: /* m-navi-fontti */120%/**/;
		 /* m-navi-tausta:bg:#000000 */background: #000000;/**/}
#mobinavi .varjo	{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: transparent}
#mobinavi.open .navi	{transform: scaleY(1); pointer-events: auto}
#mobinavi.open .varjo	{/* m-navi-varjo:bg:#000000BF */background: rgba(0,0,0,0.75);/**/; pointer-events: auto}
#mobinavi ul ul	{padding-left: /* m-navi-sisennys */1em/**/}
#mobinavi ul a	{line-height: /* m-navi-linkki-korkeus */35px/**/; padding: 0 /* m-navi-linkki-täyte-x */1em/**/; color: /* m-navi-linkki:#FFFFFF */#FFFFFF/**/}
#mobinavi ul a:hover	{color: /* m-navi-linkki-hover:#AA0000 */#AA0000/**/; /* m-navi-linkki-hover-tausta:bg:#00000000 */background: transparent;/**/}
#mobinavi #nyt	{color: /* m-navi-linkki-valittu:#FFFFFF */#FFFFFF/**/; /* m-navi-linkki-valittu-tausta:bg:#AA0000 */background: #AA0000;/**/}
#mobinavi li	{margin-bottom: /* m-navi-linkki-väli */0px/**/}
#mobinavi .navi > ul	{margin-bottom: /* -m-navi-linkki-väli */-0px/**/}
/* Piilotetaan lisänavigaatio erikoisselaimilta */
@media not screen {
 #mobinavi	{display: none; visibility: hidden}
 }

/* Navigaatiopalkki vieritettäväksi mutta ilman vierityspalkkia */
.overflow #paanavi	{overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none}
.overflow #paanavi::-webkit-scrollbar	{width: 0; height: 0; background: transparent}
.overflow #paanavi li:last-child	{padding-right: /* päänavi-korkeus */40px/**/; margin-right: /* päänavi-häivytys */50px/**/}

.paanavi	{background: /* päänavi-tausta:#000000 */#000000/**/}
.alanavi	{background: /* alanavi-tausta:#000000 */#000000/**/}

#paanavi		{overflow: hidden}
#paanavi ul		{line-height: /* päänavi-korkeus */40px/**/; white-space: nowrap; overflow: visible; vertical-align: middle}
#paanavi li		{display: inline-block; line-height: /* päänavi-linkki-korkeus */30px/**/; font-size: /* päänavi-fontti */120%/**/}
#paanavi a		{padding: 0 /* päänavi-linkki-täyte-x */15px/**/; color: /* päänavi-linkki:#FFFFFF */#FFFFFF/**/;
			 /* päänavi-linkki-tausta:bg:#00000000 */background: transparent;/**/}
#paanavi a:hover	{color: /* päänavi-linkki-hover:#AA0000 */#AA0000/**/; /* päänavi-linkki-hover-tausta:bg:#00000000 */background: transparent;/**/}
#paanavi .polku a	{color: /* päänavi-linkki-valittu:#FFFFFF */#FFFFFF/**/; /* päänavi-linkki-valittu-tausta:bg:#AA0000 */background: #AA0000;/**/}

#alanavi:empty		{display: none}
.overflow #alanavi:before	{content: ""; position: absolute; top: 0; right: 0; width: /* alanavi-häivytys */50px/**/;
			 height: /* alanavi-korkeus */40px/**/; /* alanavi-häivytys:bg:hgrad:#00000000,#000000 */ background: transparent;
 background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,#000000 100%); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%,#000000 100%);
 background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,#000000));
 background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,#000000 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,#000000 100%);
 background: linear-gradient(to right, rgba(0,0,0,0) 0%,#000000 100%); -pie-background: linear-gradient(left, rgba(0,0,0,0) 0%,#000000 100%); behavior: url(/scripts/PIE.htc);/**/}
.alanavi ul		{line-height: /* alanavi-korkeus */40px/**/; white-space: nowrap; overflow: visible; vertical-align: middle}
.alanavi li		{display: inline-block; line-height: /* alanavi-linkki-korkeus */30px/**/; font-size: /* alanavi-fontti */100%/**/}
.alanavi a		{padding: 0 /* alanavi-linkki-täyte-x */15px/**/; color: /* alanavi-linkki:#FFFFFF */#FFFFFF/**/;
			 /* alanavi-linkki-tausta:bg:#00000000 */background: transparent;/**/}
.alanavi a:hover	{color: /* alanavi-linkki-hover:#AA0000 */#AA0000/**/; /* alanavi-linkki-hover-tausta:bg:#00000000 */background: transparent;/**/}
.alanavi .polku a	{color: /* alanavi-linkki-valittu:#FFFFFF */#FFFFFF/**/; /* alanavi-linkki-valittu-tausta:bg:#AA0000 */background: #AA0000;/**/}


#sisalto	{margin-top: /* navi-sisältö-väli */0px/**/; padding: /* sisältö-täyte-y */0px/**/ 0 /* sisältö-täyte-a */30px/**/ 0;
		 /* sisältö-tausta:bg:#EEEEEE */background: #EEEEEE;/**/}
#sisalto .rakenne	{padding: /* doku-marg-y */30px/**/ /* doku-marg-x */20px/**/; /* doku-tausta:bg:#FFFFFF */background: #FFFFFF;/**/}

#yhteys		{position: relative; clear: both; padding: /* yhteystiedot-täyte-y */20px/**/ /* yhteystiedot-täyte-x */30px/**/;
		 margin: /* yhteystiedot-väli */0px/**/ 0 /* copyright-väli */20px/**/ 0; overflow: hidden; color: /* yhteystiedot-teksti:#FFFFFF */#FFFFFF/**/;
		 text-align: left; font-size: /* yhteystiedot-fontti */100%/**/; border: /* yhteystiedot-reuna */0px/**/ solid /* yhteystiedot-reuna:#FF0000 */#FF0000/**/;
		 border-right: none; border-left: none; /* yhteystiedot-tausta:bg:#000000 */background: #000000;/**/
		 box-shadow: 0 0 /* yhteystiedot-varjo */15px/**/ /* yhteystiedot-varjo:#00000080 */rgba(0,0,0,0.5)/**/}
#yhteys span	{white-space: nowrap; margin-left: 1em}
#yhteys a	{color: /* yhteystiedot-linkki:#FFFFFF */#FFFFFF/**/; text-decoration: underline}
#yhteys a:hover	{color: /* yhteystiedot-linkki-hover:#FFFFFFcc */rgba(255,255,255,0.8)/**/}
#yhteys .fl,
#yhteys .fr	{display: inline-block; width: 33.3%; margin: 0; padding: 5px 10px; text-align: center}

#copy		{clear: both; text-align: center; font-size: /* copyright-teksti */70%/**/}
#copy a		{text-decoration: none}
#copy a:hover	{text-decoration: underline}


#doku ul,
#doku ol	{margin: 0; padding: 0 0 0 /* lista-täyte-v */1.5em/**/}
#doku ol	{padding: 0; list-style: none; counter-reset: item; overflow: visible}
#doku ol li	{position: relative; counter-increment: item; padding: 0 0 0 /* numerolista-täyte-v */2.5em/**/; margin: 0 0 /* numerolista-väli */0.5em/**/ 0}
#doku ol li:last-child	{margin-bottom: 0}
#doku ol li:before	{display: block; position: absolute; top: 0; left: 0; content: counter(item); /* numerolista-pallo:bg:#AA0000 */background: #AA0000;/**/
			 color: /* numerolista-pallo-teksti:#FFFFFF */#FFFFFF/**/; font-size: /* numerolista-pallo-teksti */120%/**/; width: /* numerolista-pallo */1.5em/**/;
			 line-height: /* numerolista-pallo */1.5em/**/; border-radius: 50%; font-weight: bold; text-align: center}

/* 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ö-reuna:#B3B3B3 */#B3B3B3/**/;
			 color: /* tekstinsyöttö-väri:#000000 */#000000/**/; /* tekstinsyöttö-tausta:bg:#FFFFFF */background: #FFFFFF;/**/	
			 border-radius: /* tekstinsyöttö-r */5px/**/; box-shadow: inset 2px 2px /* varjo */5px/**/ /* tekstinsyöttö-varjo:#B3B3B3 */#B3B3B3/**/}
#doku .button		{border: /* lomakepainike-reuna */1px/**/ solid /* lomakepainike-reuna:#000000 */#000000/**/; font-weight: bold; font-family: inherit;
			 color: /* lomakepainike-väri:#FFFFFF */#FFFFFF/**/; /* lomakepainike-tausta:bg:vgrad:#666666,#000000 */ background: #666666;
 background: -o-linear-gradient(top, #666666 0%,#000000 100%); background: -moz-linear-gradient(top, #666666 0%,#000000 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#000000));
 background: -webkit-linear-gradient(top, #666666 0%,#000000 100%); background: -ms-linear-gradient(top, #666666 0%,#000000 100%);
 background: linear-gradient(to bottom, #666666 0%,#000000 100%); -pie-background: linear-gradient(top, #666666 0%,#000000 100%); behavior: url(/scripts/PIE.htc);/**/
			 border-radius: /* painike-r */5px/**/; box-shadow: 0 0 /* varjo */5px/**/ /* varjo:#00000033 */rgba(0,0,0,0.2)/**/}
#doku button,
#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		{-moz-appearance: none; -webkit-appearance: none; appearance: none; max-width: 100%; outline: none; margin: 0;
			 padding: /* painike-täyte-y */1ex/**/ /* pudotusvalikko-täyte-o */3ex/**/ /* painike-täyte-y */1ex/**/ /* painike-täyte-x */1ex/**/; font-size: 100%;
			 font-family: inherit; border: /* pudotusvalikko-reuna */1px/**/ solid /* pudotusvalikko-reuna:#B3B3B3 */#B3B3B3/**/;
			 border-radius: /* painike-r */5px/**/; color: /* pudotusvalikko-väri:#000000 */#000000/**/;
			 background-color: /* pudotusvalikko-tausta:#FFFFFF */#FFFFFF/**/; background-repeat: no-repeat, repeat;
			 background-image: /* pudotusvalikko-täppä:url:#000000,#666666 */url(img/select1.svg.php?s=000000-666666)/**/,
			  linear-gradient(to bottom, /* pudotusvalikko-tausta-y:#FFFFFF */#FFFFFF/**/ 0%,/* pudotusvalikko-tausta-a:#E5E5E5 */#E5E5E5/**/ 100%);
			 background-position: right /* pudotusvalikko-täppä-o */0.7em/**/ top 50%, 0 0; background-size: .65em auto, 100%;
			 box-shadow: 0 0 /* varjo */5px/**/ /* varjo:#00000033 */rgba(0,0,0,0.2)/**/}

#doku em a	{display: inline-block; padding: /* painike-täyte-y */1ex/**/ /* painike-täyte-x */2ex/**/; text-decoration: none; font-weight: bold;
		 color: /* huomiolinkki-väri:#FFFFFF */#FFFFFF/**/; text-align: center; box-shadow: 0 0 /* varjo */5px/**/ /* varjo:#00000033 */rgba(0,0,0,0.2)/**/;
		 border-radius: /* painike-r */5px/**/; /* huomiolinkki-tausta:bg:vgrad:#DA251D,#AA0000 */ background: #DA251D;
 background: -o-linear-gradient(top, #DA251D 0%,#AA0000 100%); background: -moz-linear-gradient(top, #DA251D 0%,#AA0000 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DA251D), color-stop(100%,#AA0000));
 background: -webkit-linear-gradient(top, #DA251D 0%,#AA0000 100%); background: -ms-linear-gradient(top, #DA251D 0%,#AA0000 100%);
 background: linear-gradient(to bottom, #DA251D 0%,#AA0000 100%); -pie-background: linear-gradient(top, #DA251D 0%,#AA0000 100%); behavior: url(/scripts/PIE.htc);/**/}
#doku em.full, #doku em.full a	{width: 100%}

#doku .hr	{height: 1px; overflow: hidden; /* väliviiva:bg:#82383880 */background: rgba(130,56,56,0.5);/**/}
#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:#000000 */#000000/**/}
#doku .autotable .blank td	{/* taulukko-tyhjä:bg:#FFFFFF00 */background: transparent;/**/; border: none}
#doku .autotable td	{margin: 0; padding: /* taulukko-täyte-y */2px/**/ /* taulukko-täyte-x */1ex/**/; vertical-align: top; /* taulukko-tausta:bg:#FFFFFF */background: #FFFFFF;/**/
			 border: /* taulukko-viiva */1px/**/ solid /* taulukko-viiva:#0BB5B5 */#0BB5B5/**/}
#doku .autotable th	{margin: 0; padding: /* taulukko-täyte-y */2px/**/ /* taulukko-täyte-x */1ex/**/; text-align: left; font-weight: normal; vertical-align: top; border: /* taulukko-viiva */1px/**/ solid /* taulukko-viiva:#0BB5B5 */#0BB5B5/**/;
			 color: /* taulukko-th:#000000 */#000000/**/; /* taulukko-th-tausta:bg:vgrad:#F3F1E8,#FFFFFF */ background: #F3F1E8;
 background: -o-linear-gradient(top, #F3F1E8 0%,#FFFFFF 100%); background: -moz-linear-gradient(top, #F3F1E8 0%,#FFFFFF 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3F1E8), color-stop(100%,#FFFFFF));
 background: -webkit-linear-gradient(top, #F3F1E8 0%,#FFFFFF 100%); background: -ms-linear-gradient(top, #F3F1E8 0%,#FFFFFF 100%);
 background: linear-gradient(to bottom, #F3F1E8 0%,#FFFFFF 100%); -pie-background: linear-gradient(top, #F3F1E8 0%,#FFFFFF 100%); behavior: url(/scripts/PIE.htc);/**/}

/* F-tyypin kuvat */
#doku .figurewrap	{display: inline-block; padding: /* f-kuva-täyte */0px/**/; max-width: 100%; vertical-align: top;
			 /* f-kuva-tausta:bg:#FFFFFF00 */background: transparent;/**/}
#doku .figurewrap.full	{width: 100%}
#doku figure		{display: block; position: relative; margin: 0; padding: 0; -moz-box-shadow: 0 0 /* kuva-varjo */0px/**/ /* kuva-varjo:#594B424d */rgba(89,75,66,0.3)/**/;
			 -webkit-box-shadow: 0 0 /* kuva-varjo */0px/**/ /* kuva-varjo:#594B424d */rgba(89,75,66,0.3)/**/; box-shadow: 0 0 /* kuva-varjo */0px/**/ /* kuva-varjo:#594B424d */rgba(89,75,66,0.3)/**/}
#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/**/}
#doku figcaption	{display: block; position: absolute; bottom: /* f-kuvateksti-alamarg */5%/**/; left: 0; width: 100%; 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:#9E2B2BE6,#B73232E6 */ background: #9E2B2B; background: rgba(158,43,43,0.9);
 background: -o-linear-gradient(top, rgba(158,43,43,0.9) 0%,rgba(183,50,50,0.9) 100%); background: -moz-linear-gradient(top, rgba(158,43,43,0.9) 0%,rgba(183,50,50,0.9) 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(158,43,43,0.9)), color-stop(100%,rgba(183,50,50,0.9)));
 background: -webkit-linear-gradient(top, rgba(158,43,43,0.9) 0%,rgba(183,50,50,0.9) 100%); background: -ms-linear-gradient(top, rgba(158,43,43,0.9) 0%,rgba(183,50,50,0.9) 100%);
 background: linear-gradient(to bottom, rgba(158,43,43,0.9) 0%,rgba(183,50,50,0.9) 100%); -pie-background: linear-gradient(top, rgba(158,43,43,0.9) 0%,rgba(183,50,50,0.9) 100%); behavior: url(/scripts/PIE.htc);/**/}
#doku h3 figcaption	{font-size: /* h3-f-kuvateksti */100%/**/}
#doku a figcaption:after	{content: " »"}
#doku a:hover figcaption	{color: /* f-kuvateksti-hover:#FFFFFF */#FFFFFF/**/; /* f-kuvateksti-hover-tausta:bg:#B73232CC */background: rgba(183,50,50,0.8);/**/}


/* 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 */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}

/* Bannerialueet */
#doku > .bannerwrap:first-child	{margin-top: /* -sisältö-täyte-y */-10px/**/}
#doku > .bannerwrap:last-child	{margin-bottom: /* -sisältö-täyte-a */-30px/**/}
.bannerwrap			{position: relative; overflow: visible; min-height: /* banneri-minimikorkeus */15em/**/; font-size: /* banneri-fontti */110%/**/;
				 margin: 0 /* banneri-täyte-x */0px/**/; color: /* banneri-teksti:#00000F */#00000F/**/}
.bannerwrap:empty		{display: none}
.bannerwrap h1, .bannerwrap h2, .bannerwrap h3, .bannerwrap h4	{color: /* banneri-otsikko:#6A0B07 */#6A0B07/**/}
.bannerwrap a			{color: /* banneri-linkki:#4D0501 */#4D0501/**/}
.bannerwrap a:hover		{color: /* banneri-linkki-hover:#823838 */#823838/**/}
.bannerwrap > div:first-child	{position: absolute; top: 0; left: 50%; right: 50%; margin-left: -50vw; width: 100vw; height: 100%;
				 background: transparent none center center no-repeat; background-size: cover}
.bannerwrap > div:last-child	{position: relative; padding: /* banneri-täyte-y */30px/**/ 0}
.bannerwrap > div:last-child > *:last-child	{margin-bottom: 0}
.bannerwrap.center		{display: flex; flex-direction: column; justify-content: center}
.bannerwrap.shadow		{text-shadow: 0 0 /* banneri-tekstivarjo */4px/**/ /* banneri-tekstivarjo:#000000cc */rgba(0,0,0,0.8)/**/}
.bannerwrap.repeat > div:first-child	{background: transparent none center center repeat; background-size: auto}
.bannerwrap.fixed > div:first-child	{background-attachment: fixed}
@media screen and (max-width: 1030px) {
 .bannerwrap.fixed > div:first-child {background-attachment: scroll}
 }


.slideshow h1,
.slideshow h2,
.slideshow q	{position: absolute; bottom: 2%; right: 0; color: /* dia-teksti:#3A342D */#3A342D/**/; padding: /* dia-täyte-y */10px/**/ /* dia-täyte-x */5%/**/; width: 100%;
		 font-weight: bold; font-size: /* dia-fontti */120%/**/; text-align: right; /* dia-tausta:bg:#FFFFFFCC */background: rgba(255,255,255,0.8);/**/
		 text-shadow: 0 0 /* tekstivarjo */0.2ex/**/ /* tekstivarjo:#00000000 */transparent/**/}


/* Jätetään kohdistaessa tilaa yläosan kiinteille elementeille */
#autohaku, #autot, #autot section	{scroll-margin-top: 90px}

#autohaku		{display: flex; margin: 0; padding: 0; font-size: /* autohaku-fontti */110%/**/}
#autohaku #autot	{flex: 1 1 auto}
#autohaku .autohaku	{flex: 0 0 auto; align-self: flex-start; height: auto}

.autohaku		{position: sticky; top: /* päänavi-korkeus */40px/**/; width: /* autohaku-leveys */240px/**/; margin-right: /* autohaku-marg */1ex/**/;
			 /* autohaku-tausta:bg:#DDDDDD */background: #DDDDDD;/**/}
.autohaku div		{margin: /* autohaku-väli */5px/**/ 0}
.autohaku div > span	{display: inline-block; width: 100%}
#autohaku .tupla > span	{display: inline-block; width: 50%}
#autohaku select	{font-size: /* autohaku-pudotusvalikko-fontti */90%/**/}
#autohaku select,
#autohaku button	{display: block; width: 100%}
#autohaku button[type=submit] span	{display: none; visibility: hidden}
#autohaku button:enabled .tulos,
#autohaku button:disabled .tyhja	{display: block; visibility: visible}
#autohaku button var	{font-style: normal}
.hakunapit		{display: none; visibility: hidden}
.autohaku .hakunapit	{position: relative; display: block; visibility: visible}

#mallivalikot select:disabled	{display: none}
#autohaku input,
#autohaku button	{padding: /* autohaku-painike-täyte-y */0.5ex/**/ /* autohaku-painike-täyte-x */1ex/**/; line-height: /* autohaku-painike-korkeus */1em/**/}
#autohaku button	{color: /* autohaku-painike:#FFFFFF */#FFFFFF/**/; border: 1px solid /* autohaku-painike-reuna:#888888 */#888888/**/;
			 border-radius: /* autohaku-painike-r */5px/**/; /* autohaku-painike-tausta:bg:vgrad:#555555,#000000 */ background: #555555;
 background: -o-linear-gradient(top, #555555 0%,#000000 100%); background: -moz-linear-gradient(top, #555555 0%,#000000 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#000000));
 background: -webkit-linear-gradient(top, #555555 0%,#000000 100%); background: -ms-linear-gradient(top, #555555 0%,#000000 100%);
 background: linear-gradient(to bottom, #555555 0%,#000000 100%); -pie-background: linear-gradient(top, #555555 0%,#000000 100%); behavior: url(/scripts/PIE.htc);/**/}
#autohaku button:disabled	{color: /* autohaku-painike-virhe:#FFFFFF */#FFFFFF/**/; /* autohaku-painike-virhe-tausta:bg:#661111 */background: #661111;/**/}

@media (max-width: 960px) {
 #autohaku		{display: block}
 #autohaku button	{line-height: 1.8em}
 .autohaku		{display: flex; flex-wrap: wrap; position: static; width: 100%; margin: 0}
 .autohaku > *		{flex: 1 1 50%}
 .hakunapit		{display: block; visibility: visible; position: sticky; top: /* päänavi-korkeus */40px/**/; pointer-events: none; z-index: 2; padding-bottom: 1ex}
 .autohaku .hakunapit	{display: none; visibility: hidden}
 .hakunapit button	{position: relative; pointer-events: auto}
 }

/* #autot-elementin ei pitäisi tarvita leveysmääritystä, mutta Firefox sekoilee ilman sitä! */
#autot			{overflow: hidden; margin: /* -autotieto-varjo */-4px/**/; padding: /* autotieto-varjo */4px/**/}
#autot section		{position: relative; cursor: pointer; padding: /* autotieto-täyte */1ex/**/; margin-bottom: /* autotieto-väli */1ex/**/; overflow: visible;
			 /* autotieto-tausta:bg:#FFFFFF80 */background: rgba(255,255,255,0.5);/**/ border-radius: 6px;
			 box-shadow: 0 0 /* autotieto-varjo */4px/**/ /* varjoväri:#282828 */#282828/**/}
#autot section header	{overflow: hidden}
#autot section *	{cursor: pointer; transition: none}
#autot section.open	{cursor: default}
#autot section.open *	{cursor: initial}
#autot section.open a	{cursor: pointer}
#autot section .tiedot	{display: none}
#autot section.open > .tiedot	{display: block}
#autot section.hidden	{display: none}
#autot section .kuva	{float: left; width: /* autotieto-kuva-leveys */200px/**/; margin-right: 1ex}
#autot section .kuva > img	{display: block; width: 100%; height: auto}
#autot section .napit	{display: flex; justify-content: space-between; margin: 0.5ex 0}
#autot section .napit button	{flex: 0 0 49%; padding: 0.5ex}
#autot section .napit span	{display: inline-block; width: min-content}
#autot section .napit img	{display: none}
#autot section h2	{font-size: /* autotieto-h2 */120%/**/}
#autot section h3	{margin: 1ex 0; font-size: /* autotieto-h3 */110%/**/}
#autot section h2 small,
#autot section h3 small	{font-weight: normal}
#autot section h2 a	{display: block; text-decoration: none; color: #000000; overflow: hidden}
#autot section:hover h2 a	{text-decoration: underline; color: /* linkki:#DA251D */#DA251D/**/}
#autot section .hinta		{float: right; margin-left: 1em; color: /* autotieto-hinta:#000000 */#000000/**/; font-weight: normal; font-style: normal}
#autot section table	{display: block}
#autot section tbody	{display: flex; flex-wrap: wrap; margin: 0 0 /* -autotieto-väli */-0.2ex/**/; padding: 0}
#autot section tr	{display: flex; flex: 0 1 auto; margin: 0 0 /* autotieto-väli */0.2ex/**/; padding: 0; width: 50%; min-width: 6em}
#autot section tr > *	{display: block; flex: 0 1 auto; padding: 0 0.5ex; width: 50%; min-width: 3em}
#autot section th	{font-weight: normal; text-align: right}
#autot section td	{/* autotieto-loota-tausta:bg:#0000000D */background: rgba(0,0,0,0.05);/**/}
/* #autot section a.overlay	{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%} */
#autot section.open a.overlay	{display: none}
#autot ul.varusteet	{margin: 0; padding: 0; list-style-type: none; font-size: /* autotieto-varuste-fontti */80%/**/; columns: 2; -webkit-columns: 2; -moz-columns: 2;
			 -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid}
#autot ul.varusteet li	{position: relative; padding: 0; margin: 0 0 0 1.5ex; break-inside: avoid-column}
#autot ul.varusteet li:before	{content: "▪"; position: absolute; left: -1.5ex}

@media (max-width: 1020px) {
 #autot section		{font-size: 90%}
 }
@media (max-width: 710px) {
 #sisalto .rakenne	{padding: /* m-doku-marg-y */20px/**/ /* m-doku-marg-x */10px/**/}
 #autot section		{font-size: 75%; text-size-adjust: none}
 #autot ul.varusteet	{columns: 1; -webkit-columns: 1; -moz-columns: 1}

 #autot section header	{display: flex; flex-wrap: wrap; align-items: flex-start}
 #autot section header > *	{flex: 0 0 auto}
 #autot section .kuva	{display: flex; float: none; order: 2; margin: 0 0 0.5ex 0; width: 100%}
 #autot section .kuva > img	{flex: 1 1 auto; min-width: 0}
 #autot section .napit	{flex: 0 0 auto; flex-direction: column; margin: 0 0 0 0.5ex; font-size: 125%}
 #autot section .napit img	{display: block; width: 1.5em; height: 1.5em; margin: 0 auto 1ex auto}
 #autot section .napit span {line-height: 1.3em}
 #autot section h2	{order: 1; width: 100%}
 #autot section header > table	{flex: 1 1 auto; order: 3}
 }

#autot .kuvaselain	{position: relative; padding: 0 /* autokuva-nuoli-leveys */40px/**/; min-height: /* autokuva-pieni-korkeus */250px/**/}
#autot .nuoli		{position: absolute; top: 0; width: /* autokuva-nuoli-leveys */40px/**/; height: 100%; font-size: /* autokuva-nuoli-koko */200%/**/; text-decoration: none;
			 cursor: pointer; color: /* autokuva-nuoli:#E1E1E2 */#E1E1E2/**/; /* autokuva-nuoli-tausta:bg:vgrad:#000000,#282828 */ background: #000000;
 background: -o-linear-gradient(top, #000000 0%,#282828 100%); background: -moz-linear-gradient(top, #000000 0%,#282828 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#282828));
 background: -webkit-linear-gradient(top, #000000 0%,#282828 100%); background: -ms-linear-gradient(top, #000000 0%,#282828 100%);
 background: linear-gradient(to bottom, #000000 0%,#282828 100%); -pie-background: linear-gradient(top, #000000 0%,#282828 100%); behavior: url(/scripts/PIE.htc);/**/
			 border-radius: 4px}
#autot .nuoli:first-child	{left: 0}
#autot .nuoli:first-child:before	{content: "◀"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)}
#autot .nuoli:last-child	{right: 0}
#autot .nuoli:last-child:before		{content: "▶"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)}
#autot .kuvat		{overflow: hidden; overflow-x: auto; white-space: nowrap}
#autot .kuvat img	{width: auto; height: /* autokuva-pieni-korkeus */250px/**/; max-width: none; margin: 0 /* autokuva-marg */1px/**/; cursor: pointer}
@media (max-width: 500px) {
 #autot .kuvaselain	{min-height: /* m-autokuva-pieni-korkeus */180px/**/}
 #autot .kuvat img	{height: /* m-autokuva-pieni-korkeus */180px/**/}
 }


/* Päästömerkinnät */
.co2A,.co2B,.co2C,.co2D,.co2E,.co2F,.co2G
		{display: inline-block; vertical-align: middle; padding: 0 1ex; color: #000000; font-weight: bold; text-decoration: none;
		 border-radius: 4px; text-shadow: 0 0 2px /* päästöarvo-tekstivarjo:#FFFFFF */#FFFFFF/**/}
#autot .co2A	{background: #00B26A}
#autot .co2B	{background: #6DC067}
#autot .co2C	{background: #BCD85F}
#autot .co2D	{background: #FFF450}
#autot .co2E	{background: #FDB94C}
#autot .co2F	{background: #F4793B}
#autot .co2G	{background: #EF403D}

#carview	{display: block; position: fixed; top: 0; left: 0; z-index: 4000; width: 100%; height: 100vh; min-height: -webkit-fill-available; overflow: hidden; background: transparent;
		 transform: scale(0,0) rotate(90deg)}
#carview.open	{cursor: pointer; /* pimennys-tausta:bg:#000000BF */background: rgba(0,0,0,0.75);/**/ transform: scale(1,1) rotate(0deg)}
#carview p	{position: absolute; width: 100%; top: 0; margin: 0; padding: 1ex; font-weight: bold; text-align: center; color: #FFFFFF; background: rgba(0,0,0,0.5)}
@media (orientation: landscape) {
 #carview p	{display: none}
 }
#carview img	{position: absolute; width: auto; height: auto; max-width: 100%; max-height: 100%; top: 50%; transform-origin: left center;
		 transform: translate(-50%,-50%) scale(1,1)}
#carview .left,
#carview .right	{transform: translate(0,-50%) scale(0,0)}
#carview .left	{left: 0%}
#carview .right	{left: 100%}
#carview .open	{left: 50%}
#carview .arrl,
#carview .arrr	{position: absolute; top: 50%; width: 80px; height: 80px; line-height: 80px; border-radius: 50%; transform: translateY(-50%); z-index: 1;
		 /* autokuva-nuolipallo-tausta:bg:#88888880 */background: rgba(136,136,136,0.5);/**/ text-align: center; overflow: hidden; text-decoration: none}
#carview .arrl	{left: 10px}
#carview .arrr	{right: 10px}
#carview .arrl:before,
#carview .arrr:before	{content: " "; display: inline-block; vertical-align: middle; width: 0; height: 0; border-style: solid}
#carview .arrl:before	{margin-right: 10px; border-width: 20px 34.6px 20px 0; border-color: transparent /* autokuva-nuolipallo:#FFFFFF */#FFFFFF/**/ transparent transparent}
#carview .arrr:before	{margin-left: 10px; border-width: 20px 0 20px 34.6px; border-color: transparent transparent transparent /* autokuva-nuolipallo:#FFFFFF */#FFFFFF/**/}

@media (max-width: 600px) {
 #carview .arrl,
 #carview .arrr	{width: 50px; height: 50px; line-height: 50px}
 #carview .arrl	{left: 5px}
 #carview .arrr	{right: 5px}
 #carview .arrl:before	{border-width: 12.5px 21.7px 12.5px 0}
 #carview .arrr:before	{border-width: 12.5px 0 12.5px 21.7px}
 }

#progress	{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 32000;
		 /* pimennys-tausta:bg:#000000BF */background: rgba(0,0,0,0.75);/**/}
#progress p	{position: absolute; left: 50%; top: 50%; width: 250px; margin: -50px -125px; padding: 0 20px; color: /* popup-teksti:#000000 */#000000/**/;
		 /* popup-tausta:bg:#EEEEEE */background: #EEEEEE;/**/ line-height: 100px; text-align: center; white-space: pre; border-radius: /* popup-r */7px/**/}

.boksi		{margin: 0; padding: /* boksi-täyte */10px/**/; color: /* boksi-teksti:#E0E1E2 */#E0E1E2/**/; border-radius: /* boksi-r */5px/**/; /* boksi-tausta:bg:vgrad:#D20119,#5F0B0B */ background: #D20119;
 background: -o-linear-gradient(top, #D20119 0%,#5F0B0B 100%); background: -moz-linear-gradient(top, #D20119 0%,#5F0B0B 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D20119), color-stop(100%,#5F0B0B));
 background: -webkit-linear-gradient(top, #D20119 0%,#5F0B0B 100%); background: -ms-linear-gradient(top, #D20119 0%,#5F0B0B 100%);
 background: linear-gradient(to bottom, #D20119 0%,#5F0B0B 100%); -pie-background: linear-gradient(top, #D20119 0%,#5F0B0B 100%); behavior: url(/scripts/PIE.htc);/**/
		 box-shadow: 0 0 /* boksi-varjo */10px/** /* boksi-varjo:#000000cc */rgba(0,0,0,0.8)/**/}
.boksi a	{color: /* boksi-linkki:#E0E1E2 */#E0E1E2/**/; text-decoration: none}
.boksi a:hover	{color: /* boksi-linkki-hover:#E0E1E2 */#E0E1E2/**/}
#doku .boksi > *:first-child	{margin-top: 0}
#doku .boksi > *:last-child	{margin-bottom: 0}

@media (max-width: 920px) {
 .col4 .col	{width: 50%}
 }

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

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

/* Yhteystiedot */
.hlo span	{white-space: nowrap}
.hlo img	{width: auto; height: 1.2em; vertical-align: middle; border-radius: 0; box-shadow: none}

/* Rahoituslaskuri */
#rahoituslaskuri		{display: none;  position: fixed; top: 0; left: 0; width: 100%; height: 100%;
				 z-index: 32000; overflow: auto; /* pimennys-tausta:bg:#000000BF */background: rgba(0,0,0,0.75);/**/}
#rahoituslaskuri form		{flex: 0 0 auto; display: flex; flex-flow: row nowrap; justify-content: center; position: relative; margin: auto auto; padding: 10px;
				 max-width: 100%; border-radius: /* popup-r */7px/**/; /* popup-tausta:bg:#EEEEEE */background: #EEEEEE;/**/
				 color: /* popup-teksti:#000000 */#000000/**/}
#rahoituslaskuri form > *	{flex: 0 1 auto; margin: 10px}
#rahoituslaskuri .close		{position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; line-height: 40px; font-size: 30px; border-radius: 50%;
				 text-align: center; cursor: pointer; background: /* huomioteksti:#DA251D */#DA251D/**/; color: /* lomakepainike-väri:#FFFFFF */#FFFFFF/**/;
				 box-shadow: 0 0 /* varjo */5px/**/ /* varjo:#00000033 */rgba(0,0,0,0.2)/**/}
#rahoituslaskuri .close:before	{content: "✕"}
#rahoituslaskuri h1		{margin-bottom: 0.5ex}
#rahoituslaskuri h2		{margin: 1ex 0 0 0; padding: 0.5ex 1ex; /* tekstinsyöttö-tausta:bg:#FFFFFF */background: #FFFFFF;/**/}
#rahoituslaskuri p		{margin: 0.5ex 0}
#rahoituslaskuri fieldset	{margin: 1ex 0; border: 1px solid #AAAAAA}
#rahoituslaskuri legend		{font-weight: bold}
.rahoituskuva img		{width: 400px; max-width: 100%; height: auto}
.liukupari	{display: flex; margin: -0.5ex -1ex}
.liukupari > *	{margin: 0.5ex 1ex; flex: 0 0 auto}
.liukupari > *:first-child	{flex: 1 1 auto}
.liukupari div > span:first-child	{float: left}
.liukupari div > span:last-child	{float: right}
.liukupari label		{display: inline-block; line-height: 2em; padding-right: 0.5ex; border: 1px solid #000000; white-space: nowrap;
				 color: /* tekstinsyöttö-väri:#000000 */#000000/**/; /* tekstinsyöttö-tausta:bg:#FFFFFF */background: #FFFFFF;/**/}
.liukupari label *		{vertical-align: middle}
.liukupari label input		{border: 0; padding: 0 0.5ex; height: 2em; line-height: 2em; text-align: right; color: inherit; background: transparent}
.liukupari label span		{display: inline-block; width: 2ex}

@media (max-width: 800px) {
 #rahoituslaskuri form		{flex: 0 1 auto; flex-flow: column nowrap}
 #rahoituslaskuri h1		{margin-right: 40px}
 .rahoituskuva img		{width: 100%}
 }

input[type=range]	{-webkit-appearance: none; width: 100%; height: 2em; margin: 0; background: transparent}
input[type=range]:focus	{outline: none;}
input[type=range]::-webkit-slider-runnable-track {width: 100%; height: 4px; cursor: pointer; background: #333333; border-radius: 3px; border: 0}
input[type=range]::-webkit-slider-thumb	{box-shadow: 1px 1px 3px #000000; border: 0; height: 32px; width: 32px; border-radius: 50%;
			 background: /* huomioteksti:#DA251D */#DA251D/**/; cursor: pointer; -webkit-appearance: none; margin-top: -13px}
input[type=range]:focus::-webkit-slider-runnable-track	{background: #333333}
input[type=range]::-moz-range-track	{width: 100%; height: 6px; cursor: pointer; background: #333333; border-radius: 3px; border: 0}
input[type=range]::-moz-range-thumb	{box-shadow: 1px 1px 3px #000000; border: 0; height: 32px; width: 32px; border-radius: 16px; cursor: pointer;
					 background: /* huomioteksti:#DA251D */#DA251D/**/}
input[type=range]::-ms-track		{width: 100%; height: 6px; cursor: pointer; background: transparent; border-color: transparent; color: transparent}
input[type=range]::-ms-fill-lower	{background: #000000; border: 0; border-radius: 6px}
input[type=range]::-ms-fill-upper	{background: #000000; border: 0; border-radius: 6px}
input[type=range]::-ms-thumb		{box-shadow: 1px 1px 3px #000000; border: 0; height: 32px; width: 32px; border-radius: 16px; cursor: pointer;
					 background: /* huomioteksti:#DA251D */#DA251D/**/}
input[type=range]:focus::-ms-fill-lower	{background: #000000}
input[type=range]:focus::-ms-fill-upper {background: #333333}