.div {	border:1px red solid; 	}

body {	margin:0;  word-spacing:0.1em;  letter-spacing:0.07em;  
	font-family:Arial, Helvetica, "Lucida Sans", Tahoma, "Liberation Sans", "DejaVu Sans", "Bitstream Vera Sans",  "sans-serif";   }
.kursiivifonttienvarasto { 	font-family:"Abyssinica SIL", "Liberation Serif", FreeSerif, Serif;	 }

td { 	padding:0;  vertical-align:top;  }
table { 	border-collapse:collapse;  empty-cells:show;}
img {	border:0;  display:block; }
* {	box-sizing:border-box; 	}
html {	scroll-behavior:smooth;	}

.valittuvari {	color:hsl(42,100%,49%);	color:rgb(250,176,0);	color:#fab000;  }
.liukusavypysty { 	background:linear-gradient( hsl(111,80%,40%) , hsl(111,80%,100%) ); }


.vari	{	color:hsl(42,100%,49%);  	}
.varitausta {	background-color:hsl(42,100%,49%);  	}
.fontti {		font-family: 'Orbitron', sans-serif;  color:hsl(42,100%,49%);  }


/*    perustekstit	==============================================================================================================	*/

h1 {		color: hsl(42,100%,49%);  margin:99px 0 0 0;  padding:0 19%;  font-size:188%;  text-align:center;  font-weight:normal;  word-spacing:0.2em;  letter-spacing:0.1em;  
		text-shadow:2px 1px hsl(0,0%,55%);   }
h2 {		margin:77px 0 0 0;  padding:0 3%;  font-size:155%;  }
.taustaots {	font-size:188%;  margin:77px 0 2px 0;  padding:1em 3%;  text-align:center;  font-weight:normal; 
		color:hsl(42,100%,49%);  background:linear-gradient( hsl(0,0%,0%) , hsl(0,0%,44%) ); word-spacing:0.12em;  letter-spacing:0.1em;  font-family: 'Orbitron', sans-serif;  }
h3 {		margin:22px 0 0 0;  padding:0 3%;  font-size:133%; }
p {		padding:22px 0 0 0;  margin:0;  font-size:122%; color:hsl(0,0%,0%);  line-height:166%;    }
.pampula {	font-size:122%;   padding:0px 0px 0px 44px;  margin:11px 0 0 0;  background-image:url(kuvat/pallomusta.png);  background-size:0.5em;  background-position:0 0.3em;  background-repeat:no-repeat;    }
.ingressilinkki  {	font-size:122%;   padding:0;  margin:11px 0 0 0;    }


/*    alueet	==============================================================================================================	*/

.sivualue {	position:relative;  width:100%;  max-width:1920px;   display:table;  }

.kielilinkkilohko {		position:absolute;  top:11px; right:5%;  padding:5px 22px;  font-size:90%; color:hsl(0,0%,100%);  z-index:222;  background-color:hsla(42,100%,49% , 0.8);    }
.kielilinkki:link {		text-decoration: none; }  
.kielilinkki:visited {	text-decoration: none; }
.kielilinkki:hover {	text-decoration: underline; }
.kielilinkki {	 	color:hsl(0,0%,100%);  white-space:nowrap; }



/*    logo ingressi	==============================================================================================================	*/

.logolohko { 	border:1px white solid; width:90%;  max-width:600px;  margin:311px auto 0 auto;  padding:44px 22px 33px 22px;   border-radius:11px; background-color:hsla(0,0%,100% , 0.7);    }
.logokuva {	width:90%;  max-width:500px;  margin:0 auto; 	}
.logoteksti {	font-size:222%;  margin:11px 0 0 0;  color:hsl(42,100%,49%);  text-align:center; word-spacing:0.2em;  letter-spacing:0.1em;    }


.alueingressi {	margin:66px 0;  padding:0 9%;    width:100%;  display:flex;  justify-content:space-between;    	}
.ingressivasen  {	width:65%;      }
.ingressivasen p {	padding:0;  margin:0 0 11px 0px;  font-size:155%;  line-height:155%;    }
.ingressiteksti {	padding:0;   margin:0 0 11px 0;  font-size:177%;  text-transform:uppercase;    }
.ingressioikea  {	width:25%;     }
.ingressioikea .pampula {	padding:0px 0px 0px 11%;  margin:0 0 11px 1%;   font-size:144%;  background-image:url(kuvat/pallomusta.png);  background-size:0.4em;  background-position:0 0.56em;  background-repeat:no-repeat;  line-height:155%;   }



/*    navigointi	==============================================================================================================	*/

nav {		width:57em;  position:absolute;  top:22px;  left:5%;  z-index:111;  display:table; position:fixed;    }
ul { 		width:100%; list-style-type:none;  margin:0;  padding:0;  position:absolute;    }
li { 		display:inline-block;  float:left; text-align:center; 	 }			
li a { 		min-width:4em;  margin:0;  border-width: 0 1px 0 0;  border-color:hsl(42,100%,66%);  border-style:solid;  height:3em;  line-height:1em; font-size:1em;  
		background:linear-gradient( hsl(42,100%,44%) , hsl(42,100%,66%) );  color:hsl(0,0%,100%);  
		text-decoration:none;  text-align:center;  display:block; 	padding:1em 2em;    }	
li:hover a { 	background:hsl(25,100%,87%);  color:hsl(0,0%,0%);  }								
li ul { 		display:none; }											
ul li a:hover + .hidden, .hidden:hover { 	display:block; }
							
.nnvlink { 			display:none;	 }										
input[type=checkbox]{     		display:none;    -webkit-appearance:none; }				
input[type=checkbox]:checked ~ #menu{  	display:block;	 }	


.nnkele {	 	bottom:4px;  right:4px;  position:fixed;   }
.nnk:link { 	background-image:url(kuvat/nnkoy255.png);   }
.nnk:visited { 	background-image:url(kuvat/nnkoy255.png);     }
.nnk:hover { 	background-image:url(kuvat/nnkoy0.png);  background-color:hsl(25,100%,87%);  }
.nnk {	 	background-color:hsl(42,100%,49%);  height:50px;  width:50px;  background-size:30px;  background-repeat:no-repeat;  background-position:50% 50%;  display:block;  text-decoration:none;  }


.boxialuelevee {	 padding: 0 9%;  width:100%;   } 
.irtolinkkinappi {	 width:15em; display:inline-block;  margin:33px 66px 33px 0;  	}
.irtolinkkiteksti {	 margin:0;  padding:0.5em 2em;  font-size:1em;  text-decoration:none;  text-align:center;  display:block; 	
		background:linear-gradient( hsl(42,100%,44%) , hsl(42,100%,66%) );  color:hsl(0,0%,100%);   }	
.irtolinkkiteksti:hover { 	background:hsl(25,100%,87%);  color:hsl(0,0%,0%);  }



/*    boxit	==============================================================================================================	*/

.boxialue2 {	 padding: 0 9%;  width:100%;  display:flex;  justify-content:space-between;  } 
.boxi2 {		width:45%;  padding:0;  position:relative;   }
.boxi2 h3 {	padding:0 0 0 0;  font-size:133%;  font-weight:bold;  }
.boxi2 .pampula {	font-size:111%;	}

.tausta1 {	margin-top:2em;  background-image:url(kuvat/tausta1.jpg);  min-height:222px; background-repeat:no-repeat;  background-size:cover;  background-position:0 0;   }


.boxialue3 {	width:100%;  padding: 0 9%;  margin-bottom:77px;  display:flex;  justify-content:space-between;  } 
.boxi3 {		width:30%;  margin:0 0 0 0;  padding:0 0 77px 0;  min-height:222px;    }
.boxi31fi {	background-image:url(kuvat/kuva31fi.jpg);  background-size:contain;  background-position:50%; background-repeat:no-repeat;   }
.boxi31en {	background-image:url(kuvat/kuva31en.jpg);  background-size:contain;  background-position:50%;  background-repeat:no-repeat;   }
.boxi32 {		background-image:url(kuvat/kuva32.jpg);  background-size:cover;  background-position:50%;   }
.boxi33 {		background-image:url(kuvat/kuva33.jpg);  background-size:cover;  background-position:50%;   }
.boxi33 p {	background-color:hsla(0,0%,100%, 0.8); padding:11px 5%;  margin:0; font-size:99%;   	}




/*    capi	==============================================================================================================	*/

.capiylin {  	background-image:url(kuvat/capiylin.jpg);  	height:888px; position:relative;  background-position:40% 30%; background-repeat:no-repeat;  background-size:1920px;  position:relative;  background-attachment:fixed;  width:100%;   display:table;   } 
.capi2 {		background-image:url(kuvat/capi20.jpg);	   	height:555px; position:relative;  background-position:center;  background-repeat:no-repeat;  background-size:cover;  position:relative;  background-attachment:fixed;  width:100%;   display:table;   }
.capi25 {		background-image:url(kuvat/capisairaala.jpg);    	height:444px; position:relative;  background-position:center;  background-repeat:no-repeat;  background-size:cover;  position:relative;  background-attachment:fixed;  width:100%;   display:table;   }
.capi3 {		background-image:url(kuvat/capi30.jpg);    	height:555px; position:relative;  background-position:center;  background-repeat:no-repeat;  background-size:cover;  position:relative;  background-attachment:fixed;  width:100%;   display:table;   }
.capialin {	background-image:url(kuvat/capialin.jpg);  	height:555px; position:relative;  background-position:27% 0;     background-repeat:no-repeat;  background-size:1920px;  position:relative;  background-attachment:fixed;  width:100%;   display:table;   }



.viivalohko1 {	width:100%;  margin:55px 0 111px 0;  display:table;  }
.viivaelevasen {	width:60%;   margin: 0 5%;  padding:0 8% 0 8%;  float:left;  display:table; 	}
.viivaeleoikea {	width:60%;   margin: 0 5%;  padding:0 8% 0 8%;  float:right;  display:table; 	}

.viivalohko2 {	width:90%;  margin:99px auto;  display:table;  }
.viivaelevasen2 {	width:50%;  padding:0 4% 0 8%;  float:left;  display:table;	}
.viivaeleoikea2 {	width:50%;  padding:0 8% 0 4%;  float:left;  display:table;	}

.viivalohkos {	width:90%;  margin:99px auto;  display:table;  }
.viivaelevasens {	width:33.3%;  padding:0 4% 0 8%;  float:left;  display:table;	}
.viivaelekeskis {	width:33.3%;  padding:0 4% 0 8%;  float:left;  display:table;	}
.viivaeleoikeas {	width:33.3%;  padding:0 8% 0 4%;  float:left;  display:table;	}

.viivatausta3 {	background-image:url(kuvat/viivatausta3.jpg);  background-position:center;  background-repeat:no-repeat;  background-size:cover; 	}

.viivaelenviivat {	background: repeating-linear-gradient( hsl(0,0%,99%) , hsl(0,0%,99%) 1px, hsla(0,0%,99%, 0.3)  1px , hsla(0,0%,99%, 0.3)  5px );	}







/*    yhteydet	==============================================================================================================	*/

.yhteysalue3 {	padding:77px 11%;  width:100%;  display:flex;  justify-content:space-between;    } 
.yhteysboxi {	color:hsl(0,100%,100%);  }
.yhteysboxi1 {	width:25%;  height:333px; 
		background-image:url(kuvat/juha.jpg);  background-size:cover;  background-position:50% 0;    }
.yhteysboxi2 {	width:40%;    padding:44px 2% 33px 7%;  
		background:linear-gradient( hsl(42,100%,44%) , hsl(42,100%,66%) );  color:hsl(0,0%,100%);  	}
.yhteysboxi3 {	width:25%;   background-color:transparent; 	}

.yhteysotsikko {	font-size:133%;  padding:5px 0 11px 0;  margin:0;  font-weight:bold;   	}
.yhteysteksti {	font-size:111%;  padding:3px 0 3px 0;  margin:0;  	}
.yhteysrako {	margin-top:1em; 	}
.karttateksti {	font-size:99%;  padding:5px 5% 0px 11%;  margin:0;  	}



/*    harvinaiset	==============================================================================================================	*/

.haiveviiva { 	height:1px;  width:66%;  margin:66px auto 33px auto; background: linear-gradient( 90deg, transparent , hsl(0,0%,0%) , transparent );   }
.alinlause  {	margin:0;  padding:22px 3%;  font-size:88%;  text-align:center; 
		color:hsl(42,100%,49%);  background:linear-gradient( hsl(0,0%,0%) , hsl(0,0%,44%) ); word-spacing:0.12em;  letter-spacing:0.1em;  font-family: 'Orbitron', sans-serif;  }

	
/*	========================================================================================================================	*/
/*	========================================================================================================================	*/




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

.sivualue {	max-width:1200px;     }
h1 {		padding:0 9%;  }
p { 		font-size:111%;  }
.pamp	 {	font-size:111%;    }

.aluevakio {	padding:0 5% 66px 5%;   }



/*    logo ingressi	==============================================================================================================	*/

.logoteksti {	font-size:177%;    }

.alueingressi {	flex-direction:column;   	}
.ingressivasen  {	width:100%;      }
.ingressioikea  {	width:100%;     }
.ingressiteksti {	margin:33px 0;      }





/*    navigointi	==============================================================================================================	*/

nav {		right:4px;  top:4px;  width:90%;  
		position:absolute;  max-width:333px;  background:transparent;  height:auto;  }
ul {		position:static;  display:none; }
li {		margin:0;	float:right; }
ul li a {		padding:3em 1em;  margin:1px 0 0 0; height:auto;  border-width:0;    }
li:hover a {	  	}
ul li, li a {  	width:100%;  text-align:center;  }


.nnv:link {	background-image:url(kuvat/nnv255.png);       }
.nnv:visited {	background-image:url(kuvat/nnv255.png);        }
.nnv:hover {	background-image:url(kuvat/nnv0.png);  background-color:hsl(25,100%,87%);     }
.nnv {	 	float:left;  
		background-image:url(kuvat/nnv255.png); background-color:hsl(42,100%,49%); 
		height:50px;  width:50px;  background-size:30px;  margin-bottom:0px;   
		background-repeat:no-repeat;  background-position:50% 50%;  display:block;  text-decoration:none;  }



/*    boxit	==============================================================================================================	*/

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

.boxialue3 {	margin:33px 0 0 0;   flex-direction:column; 	}
.boxi3 {		width:100%; margin-top:33px;   	}
.boxi31fi {	  }
.boxi31en {	  }




/*    capi	==============================================================================================================	*/

.slogan  {	font-size:133%; 	}	
.capiylin {  	height:666px;   } 
.capi2 { 		height:444px;   } 
.capi3 { 		height:444px;   } 
.capialin { 	height:444px;   }

.viivalohko1 {	   }
.viivaelevasen {	width:90%;   margin: 0 auto;  float:none; 	}
.viivaeleoikea {	width:90%;  margin: 0 auto;   float:none;  	}


.viivalohko2 {	width:100%;  margin:55px auto;   }
.viivaelevasen2 {	width:90%;  margin:55px auto;  padding:0 8% 0 8%;  float:none;	}
.viivaeleoikea2 {	width:90%;  margin:55px auto;  padding:0 8% 0 8%;  float:none; 	}


.viivalohkos {	width:100%; margin:55px auto;    }
.viivaelevasens {	width:80%;  margin:55px auto;  padding:0 8% 0 8%;  float:none;  }
.viivaelekeskis {	width:80%;  margin:55px auto;  padding:0 8% 0 8%;  float:none;  	}
.viivaeleoikeas {	width:80%;  margin:55px auto;  padding:0 8% 0 8%;  float:none;  	}


/*    yhteydet	==============================================================================================================	*/

.yhteysalue3 {	flex-direction:column;   padding: 77px 3%;   } 
.yhteysboxi1 {	padding:33px 2% 33px 5%;  margin:22px auto;  width:100%;  max-width:666px;  }
.yhteysboxi2 {	padding:33px 5% 33px 5%;  text-align:center; margin:22px auto;  width:100%;  max-width:666px;  }
.yhteysboxi3 {	margin:22px auto;  width:100%;  max-width:666px;  }



/*    harvinaiset	==============================================================================================================	*/


.pilari {		margin-top:0; 	}

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








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


.sivualue {	max-width:666px;     }
.logoteksti {	font-size:144%;    }
.alueingressi {	padding:0 3%;    	}
.kielilinkkilohko {	padding:5px 11px;  font-size:88%;    }

.ingressivasen p {		font-size:122%;     }
.ingressiteksti {		font-size:122%;     }
.ingressioikea .pampula {	font-size:122%;     }

h1 {		font-size:144%;  margin:66px 0 26px 0; padding:0 5%;     }
.capiylin {  	height:555px;   } 

.taustaots {		font-size:133%;  }

.boxialue2 {	padding:0 3%;    	}
.boxialue3 {	padding:0 3%;  	}

	}	

/*	========================================================================================================================	*/
/*	========================================================================================================================	*/





/*	========================================================================================================================	*/
/*	========================================================================================================================	*/

.vaaleaotsikko {	color:hsl(0,0%,100%);    }
.ypadiso { 	padding-top:66px; }
.ypadpieni { 	padding-top:33px; }
.ypadnolla { 	padding-top:0; }
.apadiso { 	padding-bottom:66px; }
.apadpieni { 	padding-bottom:33px; }
.apadnolla { 	padding-bottom:0; }
.ymargiso { 	margin-top:66px; }
.ymargpieni { 	margin-top:33px; }
.ymargnolla { 	margin-top:0; }
.amargiso { 	margin-bottom:66px; }
.amargpieni { 	margin-bottom:33px; }
.amargnolla { 	margin-bottom:0; }
.vasemmalle {	text-align:left; }
.keskelle {	text-align:center; }
.oikealle {	text-align:right; }
.kuvakeskelle {	margin-left:auto;  margin-right:auto; }
.levee100 {	width:100%; }
.yhdessa {	white-space: nowrap;   }
.fontti {    	font-family:'Alfa Slab One'; 	}
.levee100 {	width:100%;  }
.eimarginaalia {	margin-right:0;   }