.div {	border:1px green solid; 	}
body {	margin: 0; padding: 0; color: rgb(0,0,0);  background-color: rgb(244,244,244); background-image: url(kuvat/tausta2.gif); 
		font-family: Arial, Helvetica, "sans-serif";   }


td { 		vertical-align: top; word-spacing: 0.1em;  letter-spacing: 0.07em;  }
table { 	border-collapse: collapse;  empty-cells: show;}


a:link {		color: rgb(10,5,152);   text-decoration: underline; }  
a:visited {	color: rgb(190,51,225); text-decoration: underline; }
a:hover {		color: rgb(230,10,20);  text-decoration: none; }

.tummapohja:link {	color: rgb(255,255,255);   	padding-left: 0.5em; padding-right: 0.5em;	text-decoration: underline; }  
.tummapohja:visited {	color: rgb(222,222,222);  	padding-left: 0.5em; padding-right: 0.5em; 	text-decoration: underline; }
.tummapohja:hover {	color: rgb(230,10,20);   	padding-left: 0.5em; padding-right: 0.5em;  	background-color: rgb(255,255,255);  text-decoration: none; }


.vakiot  { 	background-color: rgb(216,16,16); background-color: rgb(244,244,244);    background-color: rgb(255,255,255);    }

* {	word-spacing: 0.15em;  letter-spacing: 0.09em;  line-height: 155%;  }










/*    rakenne    30    -----------------------------------------------------------------------------------------    */


.sivualue { width: 100%;   max-width: 1330px;  margin: 0 auto 333px auto;   border:1px rgb(216,16,16) solid;  display: table;    box-sizing: border-box;     }
.sivualue2 {	border:0; margin:0; padding:33px 5%;  text-align:center; 	}
.ylinalue {	width: 100%;   background-image: url(kuvat/image8.jpg);  background-position: 302px 0;  background-repeat: repeat-x;   display: table;    box-sizing: border-box;     }
.linkkialue { 	width: 14em;  float: left;   display: table;    box-sizing: border-box; }
.sidealue { 	width: calc(100% - 14em);  padding: 2em 2em 3em 2em;    background: rgb(222,222,222);   float: left;   display: table;    box-sizing: border-box;  }
.ingressialue { 	padding: 2em 4% 1em 7%; width: 100%;  border-radius: 15px;  background: linear-gradient(rgb(222,222,222), rgb(245,245,245) 50%, rgb(222,222,222) );    display: table;    box-sizing: border-box;  }
.sidealuepalstoille {	 padding: 2em 5% 2em 7%;  background: rgb(245,245,245);   }
.sidealuelevee {	 padding: 2em 5% 2em 7%;  background: rgb(245,245,245);   }

.palstavasen { 	zzbackground: rgb(3,208,208); width: 46%;  margin: 0 0 0 0%;  padding:  0 0 0 0%; float: left;   display: table;    box-sizing: border-box;  }
.palstaoikea {	zzbackground: rgb(208,208,0);   width: 46%;  margin: 0 0 0 8%;    float: left;   display: table;    box-sizing: border-box;  } 
.palstavasenetusivu { 	 width: 55%;  margin: 0 0 0 2%;   float: left;   display: table;    box-sizing: border-box;  }
.palstaoikeaetusivu {	 width: 35%;  margin: 0 0 0 8%;    float: left;   display: table;    box-sizing: border-box;  }
.tulossatausta {	background-color: rgb(245,245,245);  padding: 0 1em 2em 2em; 	}




/*    ylinalue    50    -----------------------------------------------------------------------------------------    */


.logoele {		text-align: center;     }
.logo {		display: block;  height: 166px;   }





/*    linkit    60    -----------------------------------------------------------------------------------------    */


.navinappula { 	font-weight:bold;  word-spacing: 0.1em;  letter-spacing: 0.05em;  font-size: 90%;  width: 100%;  margin: 1px 0px; text-align: center;  width: 11em;  margin: 5px 20px;  width: 98%;  margin: 1px 0 0px 1%; float: left;  box-sizing: border-box;   }
.navilinkki:link { 		padding: 3px 6px;    border-radius: 7px;  color: rgb(255,255,255); display: block;  text-decoration: none;   background-color: rgb(216,16,16);   background-image: url(kuvat/liukutausta-1.png);    }
.navilinkki:visited {	padding: 3px 6px;    border-radius: 7px;  color: rgb(199,199,199); display: block;  text-decoration: none;   background-color: rgb(216,16,16);   background-image: url(kuvat/liukutausta-1.png);    }
.navilinkki:hover { 	padding: 3px 6px;    border-radius: 7px;  color: rgb(255,255,255); display: block;  text-decoration: none;   background-color: rgb(111,111,111); background-image: url(kuvat/liukutausta-2.png);  }






.irtonappula { 	width: 16em; text-align: center; float: left;   word-spacing: 0.1em;  letter-spacing: 0.05em;  font-size: 80%;  border-width: 1px 1px 0px 0px;  border-color: rgb(255,255,255);  border-style: solid; }
.irtolinkki:link { 	padding: 0.6em 1em 0.5em 1em;  color: rgb(255,255,255);  display: block;  text-decoration: none;   background-color: rgb(202,202,202);    	background-image: url(kuvat/liukutausta-2.png); }
.irtolinkki:visited {	padding: 0.6em 1em 0.5em 1em;  color: rgb(188,188,188); 	display: block;  text-decoration: none;   background-color: rgb(202,202,202);    	background-image: url(kuvat/liukutausta-2.png); }
.irtolinkki:hover { 	padding: 0.6em 1em 0.5em 1em;  color: rgb(255,255,255); 	display: block;  text-decoration: none;   background-color: rgb(232,232,232); 	background-image: url(kuvat/liukutausta-1.png);  }
.irtonappulaele {	margin-top: 40px;  }


.irtonappula1 { 	height: 4em; width: 16em; text-align: center; float: left;   word-spacing: 0.1em;  letter-spacing: 0.05em;  font-size: 80%;  border-width: 1px 1px 0px 0px;  border-color: rgb(255,255,255);  border-style: solid;   }
.irtolinkki1:link { 	padding: 0.6em 1em 0.5em 1em;  color: rgb(255,255,255);  display: block;  text-decoration: none;   background-color: rgb(202,202,202);    	background-image: url(kuvat/liukutausta-2.png); }
.irtolinkki1:visited {	padding: 0.6em 1em 0.5em 1em;  color: rgb(188,188,188); 	display: block;  text-decoration: none;   background-color: rgb(202,202,202);    	background-image: url(kuvat/liukutausta-2.png); }
.irtolinkki1:hover { 	padding: 0.6em 1em 0.5em 1em;  color: rgb(255,255,255); 	display: block;  text-decoration: none;   background-color: rgb(232,232,232); 	background-image: url(kuvat/liukutausta-1.png);  }
.irtonappulaele1 {	margin-top: 40px;  }


.linkkialueboxi {		background: rgb(255,255,225);  width: 100%;   display: table;  box-sizing: border-box;    }
.linkkialueotsikko {	font-size: 110%;  padding: 2em 9% 0.5em 9%;  font-weight: bold;  }
.linkkialueteksti {	font-size: 90%;  padding: 1em 9% 1em 9%;     }
.linkkialuepampula {	font-size: 90%;  margin: 0 9% 0.4em 9%; padding: 0 0 0 25px;  background-image: url(kuvat/musta-6.png);  background-position: 0 0.5em;  background-repeat: no-repeat;   }

.navinappulayksin { 	width: 13em; word-spacing: 0.1em;  letter-spacing: 0.05em;  font-size: 90%;    }
.navilinkkiyksin:link { 	padding: 10px 6px 5px 6px;  border-radius: 7px;  text-align: center;  color: rgb(255,255,255); display: block;  text-decoration: none;   background-color: rgb(216,16,16);    }
.navilinkkiyksin:visited {	padding: 10px 6px 5px 6px;  border-radius: 7px;  text-align: center;  color: rgb(255,255,255); display: block;  text-decoration: none;   background-color: rgb(216,16,16);      }
.navilinkkiyksin:hover { 	padding: 10px 6px 5px 6px;  border-radius: 7px;  text-align: center;  color: rgb(255,255,255); display: block;  text-decoration: none;   background-color: rgb(111,111,111);  }

.navinappulaylos {	width: 7em;  margin: 2em auto;  font-size: 111%;     }
















/*    tekstit    110    -----------------------------------------------------------------------------------------    */


h1 { 	font-size: 200%;  padding: 3em 0 1em 0; padding: 0;   font-weight: normal;  max-width: 800px;   }
h2 {	font-size: 150%;  padding: 2em 0 1em 0;  margin: 0;   max-width: 800px;   }
h3 {	font-size: 120%;  padding: 1.4em 0 1em 0;  margin: 0;  max-width: 800px;   }
p  {	font-size: 100%;  padding: 1em 9% 1em 0;  margin: 0;  max-width: 800px;   }
.lopetus    {	font-size: 100%;  padding: 0 9% 1em 0;  margin: -22px auto 0 auto;;  text-align:center;   }
.pampula {	margin: 0 9% 0.7em 0; max-width: 50em;  padding: 0 0 0 25px; font-size: 96%;  background-image: url(kuvat/musta-6.png);  background-position: 0 0.5em;  background-repeat: no-repeat;   max-width: 800px;  }
.ingressi {	font-size: 110%;  padding: 1em 0 0 0;  margin: 0; 	font-style: italic;     }
.messut {	font-size:111%; width:90%;  text-align:center;  margin:0 auto; padding: 1em 5%;  border:1px rgb(222,22,22) dotted; 	}






/*    etusivun säädöt    130    -----------------------------------------------------------------------------------------    */


.otsikkoslogan  {	font-size: 160%;  padding: 0 0 0 3em;  margin: 0 0 1em 0;   }

.ingressiele {	width: 100%;   box-sizing: border-box;   }
.vaihtuvat {	width: 45%;   margin: 1em 0 0px 0px; float: right; }



.ele3 {	 	margin: 1em 0 0 0;  }
.elekuva3 {		margin-top: -22px; width: 100%; }
.eleteksti {	font-size: 80%;  padding: 0;  margin: 0 1em 2em 1em; }


.yhdistysele  {	padding: 1em 10% 1em 15%; border-radius: 15px;   background: linear-gradient(rgb(202,202,202), rgb(232,232,232) 50%, rgb(202,202,202) );   box-sizing: border-box;   }
.yhdistys {	 	font-size: 130%;  font-weight: bold; padding: 1em 0 0 0;  margin: 0;  font-family: "Century Schoolbook L", "Liberation Serif", Times, Georgia, "Bitstream Charter", serif;  }
.pienetraot  {	padding: 1em 0 0 0;   }












/*    erikoiset    160    -----------------------------------------------------------------------------------------    */


.sisennys {		padding: 0em 0 1em 3em;   }
.sisennysiso {	padding: 0em 0 0.5em 6em;   }

.kelluvaele {	width: 25%; float: right;  margin: 1.3em 0 1em 2em;  }
.kelluvaelekuva {	width: 100%;  }

.leveekuvaele {	margin: 33px 0 0 0;  width: 100%;    }
.leveekuva {	width: 100%;  }

.erotin {		width: 100%;  height: 1px;    }

.punainenraamitekstille {	padding: 2px 7px;  margin: 0 3px;   border-width: 1px;  border-color: rgb(230,22,22);  border-style: solid;    box-sizing: border-box;   }
.vihreetaustatekstille  {	background: rgb(25,255,71);   padding: 2px 7px;  margin: 0 3px;     box-sizing: border-box;   }

.rako4400 {	margin-top: 44px;    }
.rako3300 {	margin-top: 33px;    }
.rako2200 {	margin-top: 22px;    }

.rako0044 {	margin-bottom: 44px;    }
.rako0033 {	margin-bottom: 33px;    }
.rako0022 {	margin-bottom: 22px;    }


















/*    galleria    200    -----------------------------------------------------------------------------------------    */

.gbody {	background-image: none;    }
.glinkkilohko {	width: 224px;  }
.glinkkiele {	float: left;  margin: 1px 1px 0 0; }
.glinkkikuva:link { 	text-decoration: none; }  
.glinkkikuva:visited { 	text-decoration: none; }
.glinkkikuva:hover { 	text-decoration: none; }




.galsivu {		width: 100%;  max-width: 800px;  margin: 20px auto 0 auto;   box-sizing: border-box;    }
.galele  {		padding-bottom: 1em;  border-width: 1px;  border-color: rgb(230,22,22);  border-style: solid;    box-sizing: border-box;  }
.galkuva {		display: block; width: 100%;    }
.gotsikko {		margin: 0px 1px 20px 0px;  font-weight: normal;  padding: 6px 20px 3px 30px;  font-size: 105%; color: rgb(255,255,255);   background-color: rgb(216,16,16);  word-spacing: 0.07em;  letter-spacing: 0.03em;  border-width: 0px 0px 0px 20px;  border-color: rgb(0,0,0);  border-style: solid;  }
.gteksti {		margin: 10px 11px 0px 50px;  font-size: 90%;  word-spacing: 0.07em;  letter-spacing: 0.03em;   padding: 0 0 0 25px; font-size: 90%;  background-image: url(kuvat/musta-6.png);  background-position: 0 0.5em;  background-repeat: no-repeat;  }
.ghuomio {		padding: 1em 2em 3em 3em;   }
.goikealle {	margin-left: 95px;  padding: 0 0 0 0px; font-size: 90%;  background-image: none;  }
.yloslinkki {	width: 7em;  margin: 0 auto;  text-align: center;    background-color: rgb(216,16,16);   }

.galele2  {		margin: 3em 0;    border-width: 1px;  border-color: rgb(230,22,22);  border-style: solid;    box-sizing: border-box;  }






/* The following is required for the slider. Editing should be kept to minimum */

.smooth_slider_container {
	position: relative;
	height:100%;
	overflow: hidden;
}

.smooth_slider_panel {
	position: absolute;
	top:0px;
	left:0px;
	background-position: 0% 0%;
	background-repeat:no-repeat;
}

.noflicker {
	/* this is to prevent flickering on some Android devices */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
}

/* following are custom style for the demos. Customize as desired. */


#img_msg_area {
	opacity:0.7;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	width:90%;
	text-align: center; 
	background-color: rgb(0,0,0);
	color: rgb(222,222,222);
	position:absolute;
	right:5%;
	bottom: 9px;
	z-index: 120;
	font-size:122%;
	padding:0.7em 1em;
	border-radius: 7px;
}

#static_text_area {
	opacity:0.7;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	width: 8em;
	background-color: rgb(0,0,0);
	color: rgb(235,25,5);
	position:absolute;
	left: 30px;
	top:20px;
	z-index: 120;
	padding: 0.3em 1em;
	border-color: rgb(255,255,255);  border-width: 7px;  border-style: solid;  
	text-align: center; 
	font-size: 122%;
	border-radius: 11px;
}

#resume {
	position: absolute;
	top: 9px;
	right: 9px;
	background: rgb(216,16,16);
	color: white;
	text-align: center;
	border-radius: 7px;
	cursor: pointer;
	padding: 0.3em 1em;
	font-size: 0.9em;
	z-index: 120;
}

#throbber {
	position: absolute;
	top:50px;
	right:50px;
	z-index: 150;
}









						@media only screen and (max-width: 1000px) {	/*	============================================================================================	*/

/*    rakenne    30    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.palstavasen { 	zzbackground: rgb(3,208,208);   width: 100%;   margin: 0 0 0 0%;   }
.palstaoikea {	zzbackground: rgb(208,208,0);   width: 100%;   margin: 0 0 0 0%;   } 
.palstavasenetusivu { 	 width: 100%;   margin: 0 0 0 0%; }
.palstaoikeaetusivu {	 width: 100%;   margin: 0 0 0 0%;  }

/*    ylinalue    50    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */
/*    linkit    60    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */
/*    tekstit    110    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */
/*    etusivun säädöt    130    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.ingressiele {	width: 100%;  float: none;     }
.vaihtuvat {	width: 100%;   margin: 1em 0 0px 0px; float: none; }

/*    erikoiset    160    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.kelluvaele {	width: 30%;  margin: 1.3em 0 1em 2em;  }

/*    galleria    200    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */


													}	









						@media only screen and (max-width: 800px) {	/*	============================================================================================	*/



/*    rakenne   -----------------------------------------------------------------------------------------    */

.linkkialue { 	width: 100%;  padding: 1em 0; border-width: 0 0px 0px 0;   }
.sidealue { 	width: 100%;  padding: 1em;     }

.palstavasen { 	zzbackground: rgb(3,208,208);   width: 100%;   margin: 0 0 0 0%;  }
.palstaoikea {	zzbackground: rgb(208,208,0);   width: 100%;  margin: 0 0 0 0%;   } 
.palstavasenetusivu { 	 width: 100%;   margin: 0 0 0 0%; }
.palstaoikeaetusivu {	 width: 100%;   margin: 0 0 0 0%;  }



/*    ylinalue    -----------------------------------------------------------------------------------------    */
/*    linkit     -----------------------------------------------------------------------------------------    */

.navinappula { 	text-align: center;   width: 32%;  margin: 7px 0 7px 1%; float: left;   }
.navilinkki:link { 	padding: 3px 6px;    border-radius: 7px;   }
.navilinkki:visited {	padding: 3px 6px;    border-radius: 7px;   }
.navilinkki:hover { 	padding: 3px 6px;    border-radius: 7px;   }



/*    tekstit    -----------------------------------------------------------------------------------------    */
/*    etusivun säädöt    -----------------------------------------------------------------------------------------    */

.otsikkoslogan  {	padding: 0 0 0 2em;    }

.ingressiele {	width: 100%;  float: none;     }
.vaihtuvat {	width: 100%;   margin: 1em 0 0px 0px; float: none; }



/*    erikoiset     -----------------------------------------------------------------------------------------    */

.sisennys {		padding: 0em 0 1em 2em;   }
.sisennysiso {	padding: 0em 0 0.5em 4em;   }
.kelluvaele {	width: 30%;  margin: 1.3em 0 1em 2em;  }



/*    galleria      -----------------------------------------------------------------------------------------    */




													}	









						@media only screen and (max-width: 500px) {	/*	============================================================================================	*/



/*    rakenne     -----------------------------------------------------------------------------------------    */

.ylinalue {	width: 100%;   background-image: none;   background: rgb(216,16,16);  }

.linkkialue { 	text-align: center;  width: 100%;  border-width: 0 0px 0px 0;   }
.sidealue { 	width: 100%;  padding: 0 2% 3em 3%;   background: rgb(245,245,245);   }
.ingressialue { 	background: transparent;  padding: 0 2% 0 3%;   }

.palstavasen { 	zzbackground: rgb(3,208,208);   width: 100%;   padding: 0 2% 0 3%;  margin:  0 0 0 0%;  }
.palstaoikea {	zzbackground: rgb(208,208,0);   width: 100%;   padding: 0 2% 0 3%;  margin: 0 0 0 0%;   } 
.palstavasenetusivu { 	 width: 100%;   margin: 0 0 0 0%; }
.palstaoikeaetusivu {	 width: 100%;   margin: 0 0 0 0%;  }

.tulossatausta {	background-color: rgb(255,255,255);  padding: 0 1em 1em 1em; 	}

/*    ylinalue      -----------------------------------------------------------------------------------------    */


.logo {	 margin: 11px auto; height: 111px;       }



/*    linkit      -----------------------------------------------------------------------------------------    */

.navinappula { 	text-align: center; width: 47%;  margin: 21px 1%;    float: left;  }
.navilinkki:link { 	padding: 3px 6px;    border-radius: 7px;   }
.navilinkki:visited {	padding: 3px 6px;    border-radius: 7px;   }
.navilinkki:hover { 	padding: 3px 6px;    border-radius: 7px;   }



/*    etusivun säädöt      -----------------------------------------------------------------------------------------    */

.otsikkoslogan  {	padding: 0 0 0 1em;    }
.ingressiele {	width: 100%;  float: none;     }
.vaihtuvat {	width: 100%;   margin: 1em 0 0px 0px; float: none; }



/*    erikoiset     -----------------------------------------------------------------------------------------    */

.sisennys {		padding: 0em 0 1em 1em;   }
.sisennysiso {	padding: 0em 0 0.5em 2em;   }
.kelluvaele {	width: 80%;  margin: 1.3em 0 1em 10%;   float: none; }



/*    galleria       -----------------------------------------------------------------------------------------    */

.gteksti {		margin: 10px 11px 0px 20px;  padding: 0 0 0 19px;  	 }




													}