.div {	border:1px red solid; 	}
body {	margin: 0; padding: 0; color: rgb(0,0,0);  background-color: rgb(244,249,252);  background-image: url(kuvat/sivutausta.png);  word-spacing: 0.1em;  letter-spacing: 0.07em; 
		font-family: Arial, Helvetica, Sans-Serif;  }
.zztasa {		font-family: "Nimbus Mono L", Courier, "Swissa Piccola", Inconsolata, "Apercu Mono", "GT Pressura Mono", "Maison Mono", monospace; 	}
.zzserif {	font-family: "Times New Roman", Georgia, "Liberation Serif",  serif;  	}
	 }
td { 	vertical-align: top; }
table { 	border-collapse: collapse;  empty-cells: show;}
h1, h2, h3, h4, p {	line-height:177%;  }
* {	box-sizing: border-box; 	}
img {		display: block; }


.sininen {	background-color:hsl(228,100%,25%);	}
.ingressinsininen { background-color:hsl(228,100%,96%);     }
.pilarinsininen {	background-color:hsl(228,100%,98%); 	}
.tummanvihrea {	background-color:hsl(120,100%,25%);     }  /* pitäjät */
.ingressinvihrea { 	background-color:hsl(210, 100%, 97%);   }  /* pitäjät */
.punainentausta {	background-color:hsl(357,92%,47%); 	}






.sivualue {	width: 100%;  display:table;  max-width:1920px;  margin:0 auto;   }

.alueylin {	background:linear-gradient(hsl(228,100%,25%), hsl(199,100%,36%) );  padding:10px 0;  width:100%;  display:table;  }
.alueylin2 {	background:linear-gradient(hsl(120,100%,25%), hsl(120,100%,65%) );   }					/* pitäjät */
.valkeatraamit {	border-width:1px 0; border-color:hsl(0,0%,100%); border-style:solid;  width:100%;  display:table;  position:relative; 	}

.pilarit {	width:100%;  max-width:1300px;  margin:0 auto;  display:table;	}
.artikkelipilari {	float:left;  width:100%;  max-width:950px;  padding-bottom:55px;  background-color:hsl(0,0%,100%);  display:table;	}
.reunapilari {	float:left;  width:350px; padding:0 1% 33px 1%; background-color:hsl(228,100%,98%);  display:table;	}
.artikkelipilari2 {	width:100%;  max-width:950px;  margin:0 auto;  float:none; 	}						/* pitäjät */


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


.paluunappula {	 	position:absolute;  top:11px;  left:55px;  font-size:90%; word-spacing:0.1em;    }			/* pitäjät */
.paluulinkki:link {		color:hsl(0,0%,99%);   	padding-left:0.4em;  text-decoration:none; }  				/* pitäjät */
.paluulinkki:visited {	color:hsl(0,0%,99%);   	padding-left:0.4em;  text-decoration:none; }				/* pitäjät */
.paluulinkki:hover {	color:hsl(0,0%,99%);   	padding-left:0.4em;  text-decoration:underline; }				/* pitäjät */
.paluunappiuusi {	 	position:absolute;  top:11px;  left:66px;  font-size:90%; word-spacing:0.1em;    }			/* muutos.html */

.seuraavaele  {	 	color: rgb(10,5,152);  padding: 10px 0 0 80px;   width:100%;  display: table;  border-width: 1px 0px 0px 0px;  border-color: hsl(0,0%,100%);  border-style: solid;      }
.seuraavanappula {		color: hsl(0,0%,100%);  float: left;  margin: 10px 30px 0 0px;   font-size:99%;  word-spacing: 0.1em;  letter-spacing: 0.07em;  }
.seuraavalinkki:link {	background: linear-gradient(rgb(199,199,199), rgb(111,111,111) );  padding: 6px 21px;  color: hsl(0,0%,100%);   text-decoration: none;   }  
.seuraavalinkki:visited {	background: linear-gradient(rgb(199,199,199), rgb(111,111,111));  padding: 6px 21px;  color: rgb(232,232,232);   text-decoration: none;   }
.seuraavalinkki:hover {	background: linear-gradient(rgb(222,222,222), rgb(177,177,1777) );  background-position: 0 50%; padding: 6px 21px;  color: rgb(0,0,0);     text-decoration: none;   }






/*    rakenne        */

h1 {		font-size:177%;   margin:11px 0 0 0;  padding:1.9em 5% 0 5%;  color:hsl(0,0%,100%);  text-align:center;  word-spacing:0.13em;  letter-spacing:0.07em; 	  }
.otsikonalle {	font-size:111%;   margin:0;  padding:1em 5% 1.6em 5%;    color: rgb(255,244,255);   text-align: center;  word-spacing: 0.13em;  letter-spacing: 0.07em;  border-width: 0px 0px 1px 0px;  border-color: hsl(0,0%,100%);  border-style: solid;   }
	.pvm {	  } /* tarpeeton */

 



/*    navigointi        */

.nnkele {	 	top:20px;  left:11px;  position:fixed;  z-index:222;  }
.nnk:link { 	background-image:url(kuvat/nnk255.png);   }
.nnk:visited { 	background-image:url(kuvat/nnk255.png);     }
.nnk:hover { 	background-image:url(kuvat/nnk255.png);  background-color:hsl(357,92%,47%);   }
.nnk {	 	background-color:hsl(0,0%,0%); height:50px;  width:40px;  border:2px hsl(0,0%,100%) solid;   border-radius:7px; display:block;  text-decoration:none;
		background-size:15px;  background-repeat:no-repeat;  background-position:50% 50%;    }
.nnvele {	 	bottom:11px;  left:11px;  position:fixed;   }
.nnv:link { 	background-image:url(kuvat/nnv255.png);   }
.nnv:visited { 	background-image:url(kuvat/nnv255.png);     }
.nnv:hover { 	background-image:url(kuvat/nnv255.png);  background-color:hsl(357,92%,47%);   }
.nnv {	 	background-color:hsl(0,0%,0%); height:50px;  width:40px;  border:2px hsl(0,0%,100%) solid;   border-radius:7px; display:block;  text-decoration:none;
		background-size:15px;  background-repeat:no-repeat;  background-position:50% 50%;  display:none;   }




/*     ingressi        */

.ingressiele  { 	background-color:hsl(228,100%,96%);  padding: 30px 4% 40px 4%;  margin: 0;  overflow:auto;    }
.ingressiteksti { 	font-size:133%;  padding: 1em 0 0em 0;  line-height: 155%;     }
.ingressiele2  { 	padding:2em 4% 2.4em 4%;  background-color:hsl(120,100%,97%);  width:100%;  display:table;    }  /* pitäjät */







/*    artikkelin perustekstit        */

.artikkeliele {	background-color:hsl(210, 100%, 99%);  padding: 2em 4%;   }
 
.lohko {		font-size:155%;  word-spacing: 0.13em;  letter-spacing:0.07em;  font-variant:small-caps;  margin:0;  padding:1em 0 0em 0;  color:rgb(25,102,25);  border-width: 1px 0px 0px 0px;  border-color: rgb(25,102,25);  border-style: solid;   }

h2 { 		font-size:144%;   margin:2.5em 0 0 0;  padding:0.6em 1em 0.5em 1em;  font-weight: normal;  background-color:hsl(228,100%,90%);  text-align:center;  }
h3 { 		font-size:122%;   margin: 0px;  padding:  2em 0 0 0;  line-height:144%;   }
h4 { 		font-size:111%;   margin: 0px;  padding:  1.5em 0 0 0;  line-height:144%;   }
p { 			font-size:111%;  margin: 0px;  padding:  1em 0 0 0;  line-height: 166%;    }

.pampula {	margin: 0.7em 2em 0.5em 2em;   padding: 0 0 0 40px; font-size:105%;  background-image: url(kuvat/pallomusta.png);  background-size:0.4em;  	background-position: 0 0.6em; background-repeat: no-repeat; } 
.pampula2 { 	margin: 1em 2em 0.5em 0.1em; 	padding: 0 0 0 40px; font-size:105%;  background-image: url(kuvat/nelio-pun-10.png); background-position: 0 0.5em; background-repeat: no-repeat; }
.pampulaton2 {	margin: 1em 2em 0.5em 0.1em; 	padding: 0 0 0 40px; font-size:105%;   } 
.pampulatasan {	margin: 0.7em 2em 0.5em 0;   padding: 0 0 0 30px; font-size:105%;  background-image: url(kuvat/pallomusta.png);  background-size:0.4em;  	background-position: 0 0.6em; background-repeat: no-repeat; } 
.pampulatiivis {	margin: 0.1em 5% 0.3em 5%;   padding: 0 0 0 5%; font-size:105%;  background-image: url(kuvat/pallomusta.png);  background-size:0.4em;  	background-position: 0 0.6em; background-repeat: no-repeat; } 

.pampula {	margin: 0.7em 5% 0.5em 4%;   padding: 0 0 0 5%; font-size:105%;  background-image: url(kuvat/pallomusta.png);  background-size:0.4em;  background-position: 0 0.6em; background-repeat: no-repeat; } 
.pampulaton {	margin: 0.7em 5% 0.5em 4%;   padding: 0 0 0 5%; font-size:105%;   } 
 
 
.kronopvm  { 	left; font-size:99%;   padding: 2em 0 0 0;  margin: 0 0 0 0;  font-style:italic;  }
.kronoteksti  { 	padding: 0.5em 0 1em 0;   font-size:99%;  line-height:144%;   }
	.kronoteksti2  { 	padding: 0 0 1em 2em;  font-size:99%;  line-height:144%;   }




/*    kuvat        */

.vakiokuva {	width:100%;  margin:30px 0 10px 0;  padding:0px; 	background-color:hsl(228,100%,90%);  border:1px hsl(0,0%,0%) dotted;  display:table;  }
.kronokuva {   	font-size:99%;  padding: 1em 0 1em 9em;    }
.reunakuva {	width:40%;  padding:0px;  margin:1.4em 0 0.5em 1em;  background-color:hsl(228,100%,90%); border-width:1px;  border-color:hsl(0,0%,0%);   border-style:dotted; float:right;   display:table;  }
.kellu35  {	width:35%;  background-color:hsl(228,100%,90%);  padding: 0px;  margin: 1.2em 0 0.5em 1em;  float: right;  border-width: 1px;  border-color: rgb(0,0,0);   border-style: dotted;  }
.kellu35b  {	margin: -1.2em 0 0.5em 1em;  }  /* kenraalien koulutus */

.boxialue2 {	width:100%;  display:flex;  justify-content:space-between;   } 
.boxi2 {		width:49%;  margin:1.4em 0 0.5em 0; padding:0;  background-color:hsl(228,100%,90%);  background-color:hsl(228,100%,95%);  
		border-width:1px;  border-color:hsl(0,0%,0%);   border-style:dotted;     }
.kuvateksti {	margin:0;  padding: 0.7em 2% 0.9em 4%; font-size:88%;  line-height:155%;  background-color:hsl(228,100%,95%);   }
.leveeteksti {	padding: 1em 2% 1em 2%;  margin:0;  font-size:99%;  background-color:hsl(228,100%,96%);  line-height:150%;  width:100%;  border:1px hsl(0,0%,0%) dotted;   }

.levee111:link {	    }  
.levee111:visited {	    } 
.levee111:hover {	    } 
.levee111 {	width:100%;  text-decoration: none;  	}

.abspaikka {	position:relative; 	} /*	kuva vasemmaasa yänurkassa, veteraanin sivu    */
.absvasenylos {	position:absolute;  top:0;  left:0;  z-index:111; 	}


/*    taulukot   jatkuuj     */

.taulu100 { 		width: 100%;   border-width: 1px 1px 0px 0px;  border-color: rgb(0,0,0);  border-style: solid; background-color: hsl(0,0%,100%); } 
.taulu100 td {		vertical-align: top;  padding: 0.3em 0.5em;   font-size:99%;   border-width: 0px 0px 1px 1px;  border-color: rgb(0,0,0);  border-style: solid;    }
.tauluotsikkovasen {	text-align: left;   font-size:99%; padding: 0.7em 0.5em 0.7em 0.5em; font-weight: bold; background-color: hsl(228,100%,90%);  background-color:hsl(228,100%,90%);   }
.tauluotsikkokeski {	text-align: center; font-size:99%; padding: 0.7em 0.5em 0.7em 0.5em; font-weight: bold; background-color: hsl(228,100%,90%);  }
.tauluotsikkooikea {	text-align: right;  font-size:99%; padding: 0.7em 0.5em 0.7em 0.5em; font-weight: bold; background-color: hsl(228,100%,90%);  }

.tauluots {	font-size:99%; padding: 0.7em 0.5em 0.7em 0.5em; font-weight: bold; background-color: hsl(228,100%,90%);  background-color:hsl(228,100%,90%);   }
.tauluova {	text-align: left;   font-size:99%; padding: 0.7em 0.5em 0.7em 0.5em; font-weight: bold; background-color: hsl(228,100%,90%);  background-color:hsl(228,100%,90%);   }
.tauluoke {	text-align: center; font-size:99%; padding: 0.7em 0.5em 0.7em 0.5em; font-weight: bold; background-color: hsl(228,100%,90%);  }
.tauluooi {	text-align: right;  font-size:99%; padding: 0.7em 0.5em 0.7em 0.5em; font-weight: bold; background-color: hsl(228,100%,90%);  }

.tauluilmava {		margin-top:2em;  border-width: 1px 1px 0px 0px;  border-color: rgb(0,0,0);  border-style: solid;  background-color: hsl(0,0%,100%); }
.tauluilmava td {		padding: 0.7em 0.5em 0.7em 0.5em;  border-width: 0px 0px 1px 1px;  border-color: rgb(0,0,0);  border-style: solid; }

.solu25 { 	width:25%;  }




/*    flextaulu        */


.flextaulualue {	width:100%; max-width:666px;   margin:33px 0 0 0;    display:table; }
.fotsikkorivi {	background-color:hsl(210, 100%, 93%);   border-width:1px 1px 0 0;  border-color:rgb(0,0,0);  border-style:solid; width:100%;  display:flex;	}
.ftietokorivi {	border-width:0px 1px 0 0;  border-color:rgb(0,0,0);  border-style:solid; width:100%;  display:flex;	}
.fotsikko1 {	border-width:0 0 1px 1px;  border-color:rgb(0,0,0);  border-style:solid;	}
.ftieto {		border-width:0 0 1px 1px;  border-color:rgb(0,0,0);  border-style:solid;	}
.fotsikkotieto {	background-color: hsl(210, 100%, 97%);	}
.fotsikkotieto2 {	font-weight:bold;  background-color:hsl(210, 100%, 93%);   	}

.fs100  {		width:100%; padding:0.4em 1% 0.4em 2%;    }
.fs95  {		width:95%;  padding:0.4em 1% 0.4em 2%;   }
.fs90  {		width:90%;  padding:0.4em 1% 0.4em 2%;   }
.fs85 {		width:85%;  padding:0.4em 1% 0.4em 2%;   }
.fs80  {		width:80%;  padding:0.4em 1% 0.4em 2%;   }
.fs75 {		width:75%;  padding:0.4em 1% 0.4em 2%;   }
.fs70  {		width:70%;  padding:0.4em 1% 0.4em 2%;   }
.fs65 {		width:65%;  padding:0.4em 1% 0.4em 2%;   }
.fs60  {		width:60%;  padding:0.4em 1% 0.4em 2%;   }
.fs55  {		width:55%;  padding:0.4em 1% 0.4em 2%;   }
.fs50  {		width:50%;  padding:0.4em 1% 0.4em 2%;    }
.fs45  {		width:45%;  padding:0.4em 1% 0.4em 2%;   }
.fs40  {		width:40%;  padding:0.4em 1% 0.4em 2%;    }
.fs35  {		width:35%;  padding:0.4em 1% 0.4em 2%;   }
.fs30  {		width:30%;  padding:0.4em 1% 0.4em 2%;    }
.fs25  {		width:25%;  padding:0.4em 1% 0.4em 2%;   }
.fs20 {		width:20%;  padding:0.4em 1% 0.4em 2%;    }
.fs15  {		width:15%;  padding:0.4em 1% 0.4em 2%;   }
.fs10  {		width:10%;  padding:0.4em 1% 0.4em 2%;   }
.fs5  {		width:5%;  padding:0.4em 1% 0.4em 2%;   }




/*    viitteet        */


.viitenumero {		padding:0 2px;      }
.viitenumero:link {		color: rgb(10,5,152);   text-decoration: none; }  
.viitenumero:visited {	color: rgb(190,51,225); text-decoration: none; }
.viitenumero:hover {	color: rgb(255,255,225); background-color: rgb(230,10,20);  text-decoration: none; }

.viiteteksti a:link {	color: rgb(10,5,152);   text-decoration: none; }  
.viiteteksti a:visited {	color: rgb(190,51,225); text-decoration: none; }
.viiteteksti a:hover {	color: rgb(255,255,225); background-color: rgb(230,10,20);  text-decoration: none; }
.viiteteksti  {		color: rgb(0,0,0);  font-size:90%;   padding:  1.5em 0 0 0;  line-height: 155%;  margin: 0px;   }

.linkkiviitteessa:link {	color: rgb(10,5,152);   text-decoration: underline;  border-width: 0 0 1px 0; border-color: rgb(10,5,152); border-style: solid;  }  
.linkkiviitteessa:visited {	color: rgb(110,51,225); text-decoration: underline; border-width: 0 0 1px 0; border-color: rgb(10,5,152); border-style: solid; }
.linkkiviitteessa:hover {	color: rgb(230,10,20);  text-decoration: none;  border-width:0;  }


/*    index sivu     rgb: ();			   */

.indexlaatikko {	font-size:111%; margin: 2em 0 0 0;  padding:1em 3% 0 3%;  	border-width: 1px 0px 0px 0px;   border-color:hsl(0,0%,44%);  border-style: dotted;   }
.indexlaatikko2 {	font-size:111%; margin: 1em 3% 0 7%;      }


.indexlinkki:link { 	color: rgb(23,10,233);   	white-space: nowrap;  text-decoration: underline; 	 }
.indexlinkki:visited { 	color: rgb(121,121,121); 	white-space: nowrap;  text-decoration: underline;   }
.indexlinkki:hover { 	color: rgb(230,10,20);  	white-space: nowrap;  text-decoration: none;  	     }

.indexotsikko { 	text-align: center;  color: hsl(0,0%,100%);  font-size:120%; margin:0px 0 0 0;  padding:1.5em 10px 1.2em 10px;  line-height: normal;  background: linear-gradient(rgb(0,26,126), rgb(0,77,166) );     }




/*    reunat        */

.reunaotsikko { 	text-align: center;  color: hsl(0,0%,100%);  font-size:122%; margin: 60px 0 0 0;  padding: 0.7em 10px 0.6em 10px;  line-height: normal;  background: linear-gradient(rgb(0,26,126), rgb(0,77,166) );     }
.reunateksti { 	font-size:99%;   margin: 0px;  padding: 1em 10px 0 10px;  line-height: 166%;    }
.reunapampula {	margin: 0.4em 10px 0 10px;   	padding: 0 0 0 20px; font-size:99%;   line-height:144%;  background-image: url(kuvat/pallomusta.png);  background-size:0.3em;  background-position: 0 0.65em; background-repeat: no-repeat; } 

.ots11 {	margin: 3em  0.5em 0 1em; font-size:122%; font-variant: small-caps;  }
.ots22 {	margin: 1em 0.5em 0 3em;  font-size:99%;	  }
.ots33 {	margin: 0.9em  0.5em 0 5em; font-size:88%;	  }

.reunalinkki { 	font-size:90%;  line-height:155%;   }

.ots00 {	background-color: rgb(217,217,217); padding: 0.2em 1em; text-align: right; margin: 2em 0 -1em 0; font-size:86%;  font-style: italic;     }
.ots000 {	background-color: rgb(217,217,217); padding:1em 3em; text-align:right;  margin:3em 0 0 0;  font-size:96%;  font-style: italic;      }
.ots222 {	margin: 1.5em 0 0 1em;  font-size:80%;	  }
.ots333 {	margin: 0.7em 0 0 2em;  font-size:80%;	  }

.lyhytnappula {		margin: 4px 0 0 0;  width: 100%; font-size:80%;           }
.lyhytlinkki:link {		padding: 1em 21px;   background: linear-gradient(rgb(222,222,222), rgb(177,177,177) );  	color: rgb(0,0,0);  	display: block;  text-decoration: none;    }  
.lyhytlinkki:visited {	padding: 1em 21px;   background: linear-gradient(rgb(222,222,222), rgb(177,177,177) );  	color: rgb(77,77,77);  	display: block;  text-decoration: none;   }
.lyhytlinkki:hover {	padding: 1em 21px;   background: linear-gradient(rgb(177,177,177), rgb(111,111,111) );  	color: hsl(0,0%,100%);  	display: block;  text-decoration: none;   }

.irtonappula {	margin: 22px 0;  width: 10em; font-size:80%;           }
.irtonappula20 {	margin: 22px 0;  width: 20em; font-size:80%;           }





/*    harvinaiset        */

.haiveviiva { 	height:1px;  width:77%;  margin:77px auto 0 auto; background: linear-gradient( 90deg, transparent , hsl(0,0%,0%) , transparent );   }
.haiveviiva3 { 	height:1px;  width:55%;  margin:22px auto 22px auto; background: linear-gradient( 90deg, transparent , hsl(0,0%,0%) , transparent );   }
.aluealin {	color:hsl(0,0%,100%);  text-align:center;  font-size:88%;  background:linear-gradient(hsl(228,100%,25%), hsl(199,100%,36%) );  padding:22px 6%;  width:100%;  display:table;  }
.aluealin2 {	background:linear-gradient(hsl(120,100%,65%), hsl(120,100%,25%) );    }
.suurenna {	width:33px; margin:5px; background-color:hsl(0,0%,88%);  border-radius:5px;  float:right;  	}
.suurenna:hover {	background-color:hsl(357,92%,47%); 	}

.ote { 		font-size:105%;  margin: 1em 0 0em 0px;   padding:1em 1em;  background: rgb(245,245,245);     }  
		/* boxi taustavärillä*/
.lainaus {	font-size:105%;  padding:  1em 0 1.2em 2em;   margin: 0px;  line-height: 155%;  
		font-style: italic;  font-family: Georgia, "Bitstream Charter", "Century Schoolbook L", "Liberation Serif", "Times New Roman", serif; }
		/*  kursivoitu serif kappale sisennyksellä*/
.lainattu {	font-style: italic;  font-family: Georgia, "Bitstream Charter", "Century Schoolbook L", "Liberation Serif", "Times New Roman", serif; }
		/*  kursivoitu serif keskellä tekstiä */
.normaali	{	font-style:normal;  font-family: Arial, Helvetica, Sans-Serif; 	}	

.raamiele { 	background-color: hsl(0,0%,100%);  margin: 2em 0 2em 0;  font-size:95%;   padding: 1em 2em 1.4em 2em; border-width: 1px;  border-color:hsl(0,0%,44%);  border-style: solid; }
.raamilause { 	background-color: hsl(0,0%,100%);  margin: 2em 0 2em 0;  font-size:100%;   padding: 1.2em 2em 1.4em 2em; border-width: 1px;  border-color:hsl(0,0%,44%);  border-style: solid; }
.lohkoraameilla { 	background-color: hsl(0,0%,100%);  margin: 2em 0 2em 0;  font-size:95%;   padding: 1em 2em 1.4em 2em; 
		color:rgb(25,102,25);  border-width: 1px;  border-color:hsl(0,0%,44%);  border-style: solid;  display:table; }



.kortistoviiva {	margin-top: 3em; padding-top: 1em;  border-width: 1px 0px 0px 0px;  border-color:hsl(0,0%,44%);  border-style: dotted; }

.sisennyspieni {	margin-left: 30px;    }
.sisennysele {	margin-left: 30px;  margin-right: 30px; font-size:105%;  line-height: 135%;  }
.sisennetty {	margin-left:4%;  margin-right:6%;  font-size:95%;   }
.sisennettyotsikko {	margin: 1.5em 4% 0 4%;  font-size:111%;  font-weight:bold;  }
.sisennysluettelo { font-size:105%;  margin:0px;  padding:0.1em 0 0 2em;    }
.tasalevyinen { 	font-family: "Nimbus Mono L", Courier, "Swissa Piccola", Inconsolata, "Apercu Mono", "GT Pressura Mono", "Maison Mono", monospace;    }
.pieniteksti {	font-size:85%;	} /*	taulukonalle kuvanalle	*/

.valkoinen {	color: hsl(0,0%,100%);	}
.valkoinentausta {	background-color:hsl(0,0%,100%); }
.punainen {	color: hsl(359,95%,42%);  }
.punainentausta {	background-color:hsl(359,95%,42%); }
.erotin {		width: 100%;  height: 1px;  display: block;    }

.sotapaivakirja1 {	background-color:hsl(195,100%,32%);  color:hsl(0,0%,100%);  padding-left:1ex;  padding-right:1ex; border-radius:0.6ex; 	}




/*    pitäjät     ==============================================================================================	*/

.pitajahuomio {	font-size:111%;  margin: 0px;  padding:33px 5% 0 5%;  text-align:center; line-height: 166%; color: hsl(359,95%,42%); }

.joukkolinkkeja {		padding:0px 4% 0 4%;  width:100%;  display:flex;  justify-content:space-around;  flex-wrap:wrap;    } 
.joukkoboxi {		width:30%;  margin:66px 0 0 0;  border:1px hsl(208,100%,33%) solid;  border-radius:22px; }

.joukkonappi  {		width:100%;	}
.joukkokuva  {		margin-bottom:11px; border-radius:22px 22px 0 0; width:100%;	}
.joukkolinkkiteksti:link  { 	color:hsl(0,0%,100%);   background:linear-gradient(hsl(120,100%,65%), hsl(120,100%,25%) );  text-decoration:none;    }
.joukkolinkkiteksti:visited { color:hsl(0,0%,100%);   background:linear-gradient(hsl(120,100%,65%), hsl(120,100%,25%) );   text-decoration:none;    }
.joukkolinkkiteksti:hover { 	color:hsl(0,0%,100%);     background:linear-gradient(hsl(0,100%,65%), hsl(120,100%,45%) );    }
.joukkolinkkiteksti {	width:100%;  margin:0 auto;  padding-bottom:11px; border-radius:22px;  font-size:88%;  text-align:center;  font-weight:bold;  display:block;    }

.joukkolinkkiteksti2:link  { 	color:hsl(0,0%,100%);   background:linear-gradient(hsl(0,100%,65%), hsl(0,100%,35%) );  text-decoration:none;    }
.joukkolinkkiteksti2:visited { color:hsl(0,0%,100%);   background:linear-gradient(hsl(0,100%,65%), hsl(0,100%,35%) );   text-decoration:none;    }
.joukkolinkkiteksti2:hover { 	color:hsl(0,0%,100%);     background:linear-gradient(hsl(0,100%,65%), hsl(0,100%,45%) );    }
.joukkolinkkiteksti2 {	width:100%;  margin:0 auto;  padding-bottom:11px; border-radius:22px;  font-size:88%;  text-align:center;  font-weight:bold;  display:block;    }









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


.sivualue {	max-width:952px;  margin: 0 auto;  }
.valkeatraamit {	padding-right:0;  }


.artikkelipilari {	max-width:950px;  float:none;  }
.artikkelipilari2 {	max-width:950px;  float:none; 	}
.reunapilari {	float:none;  width:100%; max-width:666px;  margin:0 auto; padding:0 7% 33px 7%; 	}
 
.nnv {	 	display:block;   }

.flextaulualue {	 }

.fotsikkorivi {	display:block; background-color:transparent; margin-top:33px;   border-width:0;  	}
.ftietokorivi {	margin-top:33px;   flex-direction:column;  border-width:1px 1px 0 0;   border-style:solid; width:100%;  	}
.fotsikko1 {	font-size:88%;  display:block;    width:auto;  background-color:transparent;  margin:0 5%;  border-width:0;     	}
.ftieto {		padding-left:5%;  width:100%; 	}
.fotsikkotieto {	padding-left:5%; 	}
.fotsikkotieto2 {	text-align:center; 	}
.eialle1100 {	display:none; 	}
.onalle1100 {	display:block; 	}

/*    ========================================================================================================		    */ 	}











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

.reunapilari {	padding:0 3% 33px 3%; 	}
.ingressiele  { 	padding: 55px 2% 2.4em 4%;   }

.pampula {	margin: 0.5em 0em 0.5em 0.1em; padding: 0 0 0 20px;  background-size:0.3em;  background-position: 0 0.7em;  } 
.pampulaton {	margin: 0.5em 0em 0.5em 0.1em; padding: 0 0 0 20px;    } 
.pampulatasan {	margin: 0.5em 0em 0.5em 0.1em; padding: 0 0 0 20px;  } 
.pampulatasan {	background-size:0.3em;  background-position: 0 0.7em;  } 


.pampula2 { 	margin: 1em 0em 0.5em 0.1em; 	 padding: 0 0 0 25px;  }
.pampulaton2 {	margin: 1em 0em 0.5em 0.1em; 	 padding: 0 0 0 25px;    } 

.kronoteksti  { 	padding: 1em 0 1em 0em;    }
.kronoteksti2  { 	padding: 0 0 1em 2em;    }
.ote { 		padding:  0.5em 2em; }
.lainaus {	padding:  1em 0 1.2em 1em; }


.kronokuva  { 	padding: 1em 0 1em 1em;    }
.kellu35  {	width: 100%;  margin: 1.4em 0 0.5em 0;  float: none;  }
.leveeteksti {	font-size:99%;  }
.kellutekstiele {	 width: 98%;  padding: 15px 22px 15px 19px;  margin: 1.4em 2% 0.5em 0em;  float: none;  border-width: 1px;  border-color: rgb(0,0,0);   border-style: solid; }



.flextaulualue {	margin:44px auto;  border-width: 0; }
.frivi { 		border:1px rgb(0,0,0) solid; margin:2em 0;  width: 100%;  flex-direction:column; }
.frivi div {	padding:0.5em 2% 0.5em 5%;  margin-left: 7%;    width:93%;  background-image:url(kuvat/mustapallo.png);  background-size:7px;  background-position: 0 0.8em;  background-repeat: no-repeat;    }
.frivi  .fotsikko2 {	padding:1em 5% 1em 3%;  margin-left:0; width:100%; background-image:none; 			}
.fotsikko {	display:none; 	}
.eialle800 {	display:none; 	}
.onalle800 {	display:block; 	}



.lyhytlinkki:link {		padding: 1.5em 21px;     }  
.lyhytlinkki:visited {	padding: 1.5em 21px;    }
.lyhytlinkki:hover {	padding: 1.5em 21px;   }


.ots11 {	margin: 4em 0.5em 0 0;  	 	  }
.ots22 {	margin: 2em 0.5em 0 20px;   }
.ots33 {	margin: 2em 0.5em 0 50px;  	  }

.ots000 {	padding: 1em 1em; text-align: right; margin: 2em 0 -1em 0;      }
.ots222 {	margin: 2.5em 0 0 1em;  	  }
.ots333 {	margin: 1.7em 0 0 1.5em;    }



.indexotsikko {	margin: 2em 0.5em 0 40px;  }


.sisennysele {	margin-left: 20px;  margin-right: 0; }
.joukkoboxi {	width:45%;   }

/*    ========================================================================================================	 */ 	}










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

.seuraavanappula {		margin: 1em 9px 1em 0px;     }
.seuraavalinkki:link {	padding: 12px 21px;      }  
.seuraavalinkki:visited {	padding: 12px 21px;       }
.seuraavalinkki:hover  {	padding: 12px 21px;       }

.ingressiele  { 	padding: 55px 2% 2.4em 5%;   }
.indexlaatikko {	margin: 2em 0 0 0;  padding:1em 1% 0 1%;  	}
.indexlaatikko2 {	margin: 1em 1% 0 7%;      }


 
 
.kronoteksti2  { 	padding: 0 0 1em 1em;    }

.ote { 	  padding:  0.5em 1em;  }


.reunakuva {	width:100%;  padding:0px;  margin:1.4em 0 0.5em 0;  float:none;    }
.kronokuva {	padding: 1em 0 1em 1em;    }


.boxialue2 {	flex-direction:column;   } 
.boxi2 {		width:100%;    }


.lyhytlinkki:link {		padding: 2em 21px;     }  
.lyhytlinkki:visited {	padding: 2em 21px;    }
.lyhytlinkki:hover {	padding: 2em 21px;   }

.raamiele { 	margin: 2em 0 2em 0;   padding: 1em 1em 1.4em 1em;  }
.raamilause { 	margin: 2em 0 2em 0;   padding: 1em 1em 1.4em 1em; }

.indexotsikko {	margin: 2em 0.5em 0 0.5em;  }


.solu25 { 	width:auto;  }
.joukkoboxi {	width:100%;  max-width:444px;  margin-left:auto;  margin-right:auto;   }

.taulu100 td {		padding: 0.3em 0.2em;   font-size:99%;     }
.tauluotsikkovasen {	font-weight: normal;   }
.tauluotsikkokeski {	font-weight: normal;    }
.tauluotsikkooikea {	font-weight: normal;   }



/*    ========================================================================================================		    */ 	}






/*	kestotietoa 
/*	oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo	*/
/*	oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo	*/

.lineheight222 {	line-height:222%; 	}
.erotin {		width:100%;  height:1px;  display:block;  }



	.rako1000 {	margin-top: 10px; 	}
	.rako0010 {	margin-bottom: 10px;	}
	.rako1010{	margin-top: 10px; margin-bottom: 10px; 	}

	.rako2000 {	margin-top: 20px; 	}
	.rako0020 {	margin-bottom: 20px;	}
	.rako2020{	margin-top: 20px; margin-bottom: 20px; 	}
	.rako2010{	margin-top: 20px; margin-bottom: 10px; 	}
	.rako1020{	margin-top: 10px; margin-bottom: 20px; 	}

	.rako3000 {	margin-top: 30px; 	}
	.rako0030 {	margin-bottom: 30px;  }
	.rako3030{	margin-top: 30px; margin-bottom: 30px; 	}
	.rako3010{	margin-top: 30px; margin-bottom: 10px; 	}
	.rako1030{	margin-top: 10px; margin-bottom: 30px; 	}
	.rako2030{	margin-top: 20px; margin-bottom: 30px; 	}
	.rako3020{	margin-top: 30px; margin-bottom: 20px; 	}

	.rako4000 {	margin-top: 40px; 	}
	.rako5000 {	margin-top: 50px; 	}
	.rako6000 {	margin-top: 60px; 	}
	.rako9000 {	margin-top: 90px; 	}

	.rako0030 {	margin-bottom: 30px;  }
	.rako0040 {	margin-bottom: 40px;  }
	.rako0050 {	margin-bottom: 50px;  }
	.rako0060 {	margin-bottom: 60px;  }

	.ya1000 {	margin-top: 10px; margin-bottom: 0px; 	}
	.ya0010 {	margin-top: 0px; margin-bottom: 10px;	}
	.ya1010{	margin-top: 10px; margin-bottom: 10px; 	}

	.arako0010 {	margin-bottom: 10px;   }
	.arako0020 {	margin-bottom: 20px;   }
	.arako0030 {	margin-bottom: 30px;   }
	.arako0040 {	margin-bottom: 40px;   }
	.arako0666 {	margin-bottom: 666px;   }

	.ya2000 {	margin-top: 20px; margin-bottom: 0px; 	}
	.ya0020 {	margin-top: 0px; margin-bottom: 20px;	}
	.ya2020{	margin-top: 20px; margin-bottom: 20px; 	}
	.ya2010{	margin-top: 20px; margin-bottom: 10px; 	}
	.ya1020{	margin-top: 10px; margin-bottom: 20px; 	}

	.ya3000 {	margin-top: 30px; margin-bottom: 0px; 	}
	.ya0030 {	margin-top: 0px; margin-bottom: 30px; 	}
	.ya3030{	margin-top: 30px; margin-bottom: 30px; 	}
	.ya2030{	margin-top: 20px; margin-bottom: 30px; 	}
	.ya3020{	margin-top: 30px; margin-bottom: 20px; 	}
	.ya3010{	margin-top: 30px; margin-bottom: 10px; 	}
	.ya1030{	margin-top: 10px; margin-bottom: 30px;	}









/*	kestotietoa yyy   kerään tähän kaikki kestoteidot ja käytän pohjana	*/
/*	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/
/*	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/

.ypadiso { 	padding-top:66px; }
.ypadpieni { 	padding-top:33px; }
.ypadmini { 	padding-top:11px; }
.ypadnolla { 	padding-top:0; }
.apadiso { 	padding-bottom:66px; }
.apadpieni { 	padding-bottom:33px; }
.apadmini { 	padding-bottom:11px; }
.apadnolla { 	padding-bottom:0; }

.ymargjatti { 	margin-top:111px; }
.ymargiso { 	margin-top:66px; }
.ymargpieni { 	margin-top:33px; }
.ymargmini { 	margin-top:11px; }
.ymargnolla { 	margin-top:0px;  }
.amargiso { 	margin-bottom:66px; }
.amargpieni { 	margin-bottom:33px; }
.amargnolla { 	margin-bottom:0; }

.ymargnega { 	margin-top:-20px;  }



.vasemmalle {	text-align:left; }
.keskelle {	text-align:center; }
.oikealle {	text-align:right; }


.haiveviivamalli { 	height:1px;  width:77%;  margin:33px auto; background: linear-gradient( 90deg, transparent , hsl(0,0%,100%) , transparent );   }
.liukupystymalli { 	background:linear-gradient( hsl(111,80%,40%) , hsl(111,80%,100%) ); }
.taustakuvamalli {	background-image:url(kuvat/taustakuva.jpg);  background-size:cover;  background-position:0 0;   min-height:555px;  }

.levee100 {	width:100%; }
.yhdessa {	white-space: nowrap;   }
.fontti {    	font-family:'Alfa Slab One'; 	}
.erotin {		width:100%;  height:1px;  display:block;  }
.eimarginaalia {	margin-right:0;   }
.nega1000 {	margin-top: -1em; 	}
.rako4em {	margin-top: 4em; 	}
.boldattu {	font-weight: bold; }
.side {		width:100%;  display:table; 	}






/*	oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo	*/
/*	======================================================================	*/
/*	==============================================================================================================	*/
/*	==============================================================================================================	*/
/*    perustekstit	==============================================================================================================	*/
/*    alueet	==============================================================================================================	*/
/*    logo ingressi	==============================================================================================================	*/
/*    navigointi	==============================================================================================================	*/
/*    boxit	==============================================================================================================	*/
/*    erikoisboxit	==============================================================================================================	*/
/*    capi	==============================================================================================================	*/
/*    yhteydet	==============================================================================================================	*/
/*    harvinaiset	==============================================================================================================	*/
/*	
</h2><!--  ==================================================  -->	
<div class="nnvele"><a href="#reunapilari" class="nnv"></a></div>
*/

@media screen and (max-width :111px)	{	/*	oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo	*/
	}	/*	oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo	*/	
/*	CSS: portaat 1480, 1230, 900, 700, 500-300, FF sallii tarkistuksen 450px näytöllä 	*/

/*	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/
/*	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/