*{
	font-family: Tahoma;
}


/* KAIKKI LINKKEIHIN LIITTYV� ALLA*/
a:hover{	color: #3BA8A0; text-decoration: none;	}

a.nykysivu{	color: #FE1011;	font-weight: bolder; text-decoration: underline;}

a:link.tumma {color: black;}
a:hover.tumma {color: #3BA8A0;}

a:link.musta {color: black;}
a:hover.musta {color: black;text-decoration: underline;}

a:link.valkoinen {color: white;}
a:hover.valkoinen {color: white;}
a:visited.valkoinen {color: white;}

a:link.vihrea {color:#16863E;}
a:hover.vihrea {color: #16863E;}
a:visited.vihrea {color: #16863E;}


a:link.muuta { color: #D5F1F1;  text-decoration: none; background-color : transparent;   }
a:visited.muuta { color: #D5F1F1;    text-decoration: none; background-color : transparent;   }
a:hover.muuta { text-decoration: none; color: White;}

a:link.navi {	color: Black; text-decoration: none;}
a:hover.navi { text-decoration: none; color: White;}

a:link.poista { color: Red;  text-decoration: none; background-color : transparent;   }
a:visited.poista { color: Red;  text-decoration: none; background-color : transparent;   }
a:hover.poista { text-decoration: none; color: White; background-color : Red;  }

a:link.lisaa { color: Blue;  text-decoration: none; background-color : transparent;   }
a:visited.lisaa { color: Blue;  text-decoration: none; background-color : transparent;   }
a:hover.lisaa { text-decoration: none; color: White; background-color : Blue;  }


div.linkkiryhma{
	padding-bottom: 15px;
	margin-bottom: 15px;
	padding-left: 10px;
	
}

div.sublinkit{ padding: 1px 1px 10px 14px;   }

/* KAIKKI LINKKEIHIN LIITTYV� YLL�*/
body{    }
table.runko{ width: 100%; }

table.hakutaulu{ /*margin-left: 10px;  margin-top: 5px; */ width: 100%;  background-color:  #e0e0ff  ;  text-align:left;  }
table.hakutaulupyorea { /*margin-left: 10px;  margin-top: 5px; */ width: 100%;  background-color:  #e0e0ff  ;  text-align:left; border-radius: 10px; }
table.aikataulu {width: 100%;  background-color: #DFE5EC;  text-align:left; border: 1px solid;   border-collapse: collapse;  }
table.aikataulu, td.aikataulu {border: 1px solid;}
table.tyohaku_tulokset{ /*margin-left: 10px;*/  margin-top: 25px;  width: 100%;  }
table.naytatyo{	background-color: White;text-align: left;width: 800px;}
table.htaulu {width: 90%;  background-color: white ;  text-align:left; border: 1px solid;   border-collapse: collapse;  }
td.htaulu{ padding: 10px 15px 10px 15px; border-top: 1px solid #656565; border-right: 1px solid #656565;       }

td.top_right{ padding-left: 30px; }
td.top{  }
td.main{ padding: 10px 15px 10px 15px; border: none;       }
td.vasen_valikko{ width: 150px;  vertical-align: top; background-color: #4FC0B8  ;	border: none; padding: 5px 5px; 	font-size: 12px;    }
td.bottom{ border: none;  font-size: 10px;    }
td.hakuotsake{   font-weight: bold;  background-color:  #FFF  ; padding: 1px 1px 1px 5px;  border-bottom: 1px dashed Black;   }
td.tyot_otsikko{ padding-left: 3px;  background-color: #FFF  ;  }
td.tyot{   vertical-align: middle;  padding: 1px 1px 1px 3px;    }
td.tyotkiire{   vertical-align: middle;  padding: 1px 1px 1px 3px;  color: Red;  font-weight: bolder;      }
td.hakunimi{ text-align: right;  padding: 3px 1px 1px 1px;  vertical-align: top;   }
td.haku{text-align: left;padding: 3px 1px 1px 1px;}muuta
td.hakunappi{ text-align: left;  padding-right: 10px; padding-top: 10px; padding-left: 10px; }

td.nayta_tyo_nimi{	text-align: left;padding: 10px 1px 1px 1px;	vertical-align: top;border-bottom: 1px solid Silver;width: 150px;}
td.nayta_tyo_tiedot{text-align: left;padding: 10px 1px 1px 10px;border-bottom: 1px solid Silver;}
/* RIVIT */
tr.vaalea { background-color: White;  color: Black;     }
tr.tumma {  color: Black;  background-color: #F6F6F6;    }
tr.tummempi {  color: white; background-color: #8a8887;    }
tr.korostus {  color: Black;  background-color: #DFCECA; }
tr.aktiivi {  color: Black;  background-color: #c5f7b5;  }
tr.passiivi {  color: #B5B5B5;  background-color: #F6F6F6;    }
input{
	background-color: White;
	border: 1px solid Black;
}
input.poista{ background-color: #FF6347;  color: Black;  font-weight: bolder;   }
input.muuta{ background-color: #32CD32;  color: Black;  font-weight: bolder;   }
input.lisaa{ background-color: #00D8FF;  color: Black;  font-weight: bolder;  } 
/*kirjaussivu */

div.border{ border: 1px solid Black;  padding: 20px 20px 20px 50px;  }
div.mitatehty{
	background-color: #FFF5EE;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
}
/*font.yliviivaus{ background-color: #bfffc1; }*/

font.virhe{ color: Red; }

table.tyorivit{
}

table.paikat {width: 50%;  background-color: #DFE5EC;  text-align:left; border: 1px solid;   border-collapse: collapse;  }
td.tyorivikuvaus{
	font-size: 15px;  font-weight: bold;  background-color: #ADB9C7; padding: 1px 1px 1px 5px;  border-bottom: 1px dashed Black;   
}
td.erotinrivi{
	background-color: #d2691e;
}


td.tyorividata{
	border-bottom: 1px solid Black;
	padding: 5px 5px;
}
font.tilaselitys{
	font-style: italic;
	color: #006400;
}


pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0;
  font-size: 25px;
}

/*MUUT*/

/*.calNorm { 
    padding-right: 2px;
    padding-left:  2px;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor:  pointer;
}*/


.nappi {
background-color: #e0e0ff  ; 
font-size: 20px;
padding: 10px 30px;
border-radius: 12px;
border: none;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);

}

.valittunappi {
	background-color: #fcbb3a;
	font-size: 20px;
	padding: 10px 30px;
	border-radius: 12px;
	border: none;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}

.pikkunappi{
	font-size: 12px;
	background-color:    #182A81 ;
	color: #fff;
	width: auto;
	border-radius: 8px;
	padding: 5px 10px;
	border: none;
	cursor:  pointer;
}

.isonappi{
	font-size: 18px;
	background-color:    #182A81 ;
	color: #fff;
	width: auto;
	border-radius: 8px;
	padding: 10px 15px;
	border: none;
	cursor:  pointer;
}

.isonappivihrea{
	font-size: 18px;
	background-color:    #81e0b2  ;
	color: black;
	width: auto;
	border-radius: 8px;
	padding: 10px 15px;
	border: none;
	cursor:  pointer;
}

.pikkunappikorkea{
	font-size: 12px;
	max-width: 85px;
	height:min-content;
	background-color:    #182A81 ;
	color: #fff;
	border-radius: 8px;
	padding: 5px 10px;
	border: none;
	cursor:  pointer;
}


.sisalto{

	background-color:    #D5F1EF;
	border: none;
	padding: 10px 15px 10px 15px;

}

.sisempi_asiakas{
	font-size: 12px;
	margin-left: 0%;
	margin-right: 0%;
	width: 72%;
	position: fixed;
	top: 5%;
	background-color:  #FFF;
	border: none;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}

.sisempi_asiakas2{
	margin-left: 0%;
	margin-right: 0%;
	width:75%;
	min-height: 150px;
	position: fixed;
	top: 5%;
	background-color:  #FFF;
	border: none;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	font-size: 12 px;
}

.sisempi {
	min-height: 450px;
	margin-left: 0%;
	margin-right: 0%;
	background-color:    #FFF;
	border: none;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	font-size: 12 px;
}

.sisempi_as_aikat {
	overflow: hidden;
	min-height: 450px;
	margin-left: 15%;
	margin-right: 15%;
	background-color:    #FFF;
	border: none;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	font-size: 12 px;
}

.sisempi_uusi_asiakas {
	min-height: 100px;
	margin-left: 0%;
	margin-right: 0%;
	background-color:    #FFF;
	border: none;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	font-size: 12 px;
}

.sisempi_uusi_asiakas2 {
	min-height: 100px;
	max-width: 84%;
	position: absolute;
	top:2%;
	right: 1%;
	margin-right: 0%;
	background-color:    #FFF;
	border: none;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	font-size: 12 px;
}


.salis {
	min-height: 450px;
	max-width : 300px;
	margin-left: 0%;
	margin-right: 0%;
	background-color:    #FFF;
	border: none;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	font-size: 12 px;
}
.sisempi_hallinta {
	position: relative ;
	top:-220px;
	right: 0%;
	min-height: 450px;
	background-color:    #FFF;
	border: none;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.sisempi_hallinta2 {
	position: absolute ;
	top:-320px;
	right: 0%;
	min-height: 450px;
	background-color:    #FFF;
	border: none;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.sisempi_aika {
	margin-left: 0%;
	background-color:    #FFF;
	border: 1px solid #FFF;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.sisempi_ala{
	font-size: 12 px;
	margin-left: 0%;
	margin-top: 20%;
	background-color:    #FFF;
	border: 1px solid #FFF;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	
}

.sisempi_pieni{
	background-color:    #FFF;
	border: 1px solid #FFF;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	position: relative;
	left: 35%;
	width: 25%;
	height: 100%;
}

.tyhjataulu
{
	font-size: 12px;
	width: 100%;
	background-color:  #FFF  ;  
	text-align:left; 
	border-radius: 10px;
}

.tyhjataulupieni
{
	width: 70%;
	background-color:  #FFF  ;  
	text-align:left; 
	border-radius: 10px;
	font-size: 10px;
}

.fontti{
	font-size: 14px;
}

.valilehti
{
font-size: 12px;
border-top: 1px solid #D5F1EF;
border-bottom: 1px solid #D5F1EF;
border-left: none;
border-right: none;
border-spacing: 0;
padding: 10px 10px;
background-color: white;
border-radius: 0%;
color: black;

}

.valilehtivalittu
 {
font-size: 12px;
font-weight: bolder;
border-top: 1px solid #D5F1EF;
border-bottom: 1px solid #3BA8A0;
border-left: none;
border-right: none;
border-spacing: 0;
padding: 10px 10px;
background-color: white;
border-radius: 0%;
color: black;
 }

 .varoitus
 {
	background-color: #A12817;
	color: #fff;
	width: auto;
	border-radius: 8px;
	padding: 5px 10px;
	border: none;
 }

 .varoituskorkea
 {
	background-color: #A12817;
	color: #fff;
	max-width: 85px;
	height:min-content;
	border-radius: 8px;
	padding: 5px 10px;
	border: none;
 }

 .vartaul{
	text-align: center;
	border: 1px solid;
	border-spacing: 2px;
	padding: 2px;
}

 .paaotsikko
 {
	font-size: 16px;
	font-weight: bolder;
	color: #091C20;
	padding: 10px;
	border-bottom: 1px solid #D5F1F1;
 }

 .pylvas {
	text-align: center;
	border-right: 1px solid #CECECE;
	border-spacing: 0;
	padding: 10px;
 }

 .pikkuteksti{
	color: #90A8A6;
	font-size: 12px;
	text-align: center;
 }

 .alaviiva{
	border-bottom: 1px solid #3BA8A0;
 }


 .oikea_viiva{
	border-right: 1px solid #3BA8A0;
 }
td.vasen{
	 text-align: left !important;
 }

.oikea{
	 text-align: right !important;
 }
.keski{
	 text-align: center !important;
 }
 
 
 
input {
background-color: #F6F6F6;
border: 1px solid #CECECE;
border-radius: 4px;

 }

input:focus{
border: 1px solid #4FC0B8
 }

.kalenteritumma{
background-color: #D5F1EF; 
}

.pikkunappivaalea {
	background-color:  #a9b3e6 ;
	color: black;
	width: auto;
	border-radius: 8px;
	padding: 5px 10px;
	border: none;

}

.pikkunappipun {
	background-color:   #A12817 ;
	color: #FFF;
	width: auto;
	border-radius: 8px;
	padding: 5px 10px;
	border: none;

}

.pikkunappivihrea {
	background-color:  #81e0b2 ;
	color: black;
	width: auto;
	border-radius: 8px;
	padding: 5px 10px;
	border: none;}

.pikkunappipunainen {
	background-color:   #f98f80;
	color: black;
	width: auto;
	border-radius: 8px;
	padding: 5px 10px;
	border: none;
}

.reunus {
	border: none;
	border-radius: 8px;
	background:   #D5F1EF ;	
	text-align: center; 
	padding: 10px 15px 10px 15px;
	}

	.reunus2 {
		border: none;
		border-radius: 8px;
		background:   #D5F1EF ;	
		text-align: center; 
		padding: 10px 15px 10px 15px;
	 }

 .taulukko{
	table-layout: fixed;
	width: 60%;
	margin-left: auto;	
	margin-right: auto;
	background-color: white;
	border: none;
	border-radius: 8px;
	border-collapse: collapse;	 
	text-align: left;	 
	padding: 8px 8px 8px 8px;
}

.taulukko2{
	table-layout: fixed;
	width:100%;
	background-color: white;
	border: none;
	border-radius: 8px;
	border-collapse: collapse;	 
	text-align: left;	 
	padding: 8px 8px 8px 8px; 
 }

 .taulukko_asvaraus{
	width: 55%;
	table-layout: fixed;
	background-color: white;
	border: none;
	border-radius: 8px;
	border-collapse: collapse;	 
	text-align: left;	 
	padding: 8px 8px 8px 8px; 
 }



.varausotsikko
{
   font-size: 42px;
   font-weight: bolder;
   color: #091C20;
   padding: 10px;
   border-bottom: 1px solid #D5F1F1;
   text-align: left;
}

 .triviots{
	width: 80%;	
	margin-left: auto;
	margin-right: auto;
	background-color: white; 
	border: none;
	border-radius: 8px;
	 border-collapse: collapse; 
	 text-align: center; 
	 padding: 8px 8px 8px 8px; }

	 .triviots2{
		width: 80%;	
		margin-left: auto;
		margin-right: auto;
		background-color: white; 
		border: none;
		border-radius: 8px;
		 border-collapse: collapse; 
		 text-align: center; 
		 padding: 8px 8px 8px 8px; }

.alaviiva1{
	border-bottom: 1px solid #3BA8A0;
	padding: 8px 8px 8px 8px;
}

.alaviiva12{
	border-bottom: 1px solid #3BA8A0;
	padding: 8px 8px 8px 8px;
}

 .viesti{ color: red; }

 .nimilista {
	font-size: 12px;
	width: 70%;
	border-right: 1px solid #CECECE;
	border-spacing: 0px;
	text-align: center;
	table-layout: fixed;
}

.vihreateksti{
	color: #16863E;
}

.arkki{
	border: 1px solid #CECECE;
	border-radius: 10px;
	font-size: 12px;
	background-color:  #FFF  ; 
	padding: 10px;
}

.varausnappi{color: #fff; 
	background-color:   #182A81 ;
	font-size: 18px;	
	padding-right: 15px;
	padding-top: 10px;	
	padding-bottom: 10px;	
	padding-left: 15px;	
	border-radius: 8px; }


.testi{border: 1px solid black;border-collapse: collapse;background-color: red;  }
.testi2{border: 1px solid black;border-collapse: collapse;background-color: green;  }


.calHeaderi { font-weight: bolder; color: black;  background-color: #6dc7a0; }
.calHeaderi2 { color: black;  background-color: #6dc7a0; }
.calKK {font-size: 12px;padding-top: 5px;padding-bottom: 5px;}
.calAuki {	background-color: #93edc6;}
.calSuljettu {background-color: #f08080;}
.calTyhja {background-color: #ebebeb;}
.calNorm { 
   padding-right: 5px;   padding-left:  5px;   padding-top: 3px;   padding-bottom: 3px;  cursor:  pointer;}
.calendar_year_table tr td {vertical-align: top;font-size: 10px;}
.calendar_year_table2 tr td {vertical-align: top;font-size: 16px;}
.cal_paivat{
	text-align: center;
	width: 70%;
}

.mokkitaulu{
	font-size: 12px;
	width: 50%;
	background-color:  #edfcf5;  
	text-align:left; 
	border-radius: 14px;
	padding: 10px;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.saunar1{
	font-size: 14px;
	width: 13%; 
	text-align: center;
	border-bottom: 1px solid grey;
}
.saunatunnit{
	font-size: 14px;
	width: 13%; 
	text-align: center;
	border-bottom: 1px solid grey;
	border-left:1px solid grey;
	border-right:1px solid grey;
}

.saunatunnit2{
	font-size: 14px;
	width: 13%; 
	text-align: center;

}

.tooltip.tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
  
	position: absolute;
	z-index: 1;
  }
  
  .tooltip:hover .tooltiptext {
	visibility: visible;
  }

  



  .kartta{
	border: 2px solid black;
	border-collapse: collapse;
	text-align: center;
	font-size: 12px;
	}

	
		  .kielivalinta{
			background: rgba(255, 255, 255, 0.6);
			position:absolute;
			top:1%;
			right:2%;
			color:black;
			padding:15px;
			max-width: 100%;
			max-height: 100%;
			overflow-wrap: break-word; /* ensures long words/text wrap */
			object-fit: contain;       /* for image scaling */
		  }

		  .kuvaboksi{

		  }
		
		.kuva1{
			height: auto;
			width: 100%;

		}
		
		navigaatio {
			overflow: hidden;
			background-color: #182A81;
			max-width: 100%;
			max-height: 100%;
			overflow-wrap: break-word; 
			object-fit: contain; 
		  }
		  
		  .navigaatio a {
			float: left;
			color: #f2f2f2;
			text-align: center;
			padding: 14px 16px;
			text-decoration: none;
			font-size: 17px;
			background-color: #182A81;
		  }
		  
		  .navigaatio a:hover {
			background-color: #ddd;
			color: black;
		  }
		  
		  .navigaatio a.active {
			background-color:  #81e0b2 ;
			color: black;
		  }
	
		  .asiakaskartta{
			border: none;
			border-collapse: collapse;
			text-align: center;
			font-size: 12px;
			margin-left:10%; 
			margin-right:10%;
			display:none;
			color: black;
			}

			.asiakaskartta a
			{
				color: black;
			}
		
		.solu2{
		width: 20px;
		height: 20px;
		padding:5px;
		}
		
		.solu3{
			width: 20px;
			height: 20px;
			border: 2px solid black;
			}
		
			.solu4{
				width: 20px;
				height: 20px;
				background-color:  #e6e6e6; ;
				}
		
				.solu5{
				  width: 20px;
				  height: 20px;
				  background-color:  #e9cd9c ;
				  }

				  .solu6{
					width: 20px;
				  height: 20px;
				  background-color:  #083678 ;
				  color: white;
				  }
		
		.seinaoikea{border-right: 2px solid black;}
		
		.seinavasen{ border-left: 2px solid black; }
		
		.seinaala{border-bottom: 2px solid black; }
		
		.seinayla{border-top: 2px solid black; }
		
		.vihrea{ width: 20px;height: 20px;   background-color:  #91eba1 ;}
		
		.reunat{border: 2px solid black;}
		
		.punainen{background-color:  #DB6739 ; 	}
		
		.sininen{background-color:  #2984b1 ; 	}
		
		.vsin{background-color:  #b9e0f1; 	}
	
		.vaalvihrea{background-color:  #90EE90; 	}
	
	.show {
		visibility: visible;
	  }

	  .hide {
		visibility: hidden;
	  }
	
	 .tooltip {
		position: relative;
		display: inline-block;
	  }
	  
	  .tooltip .tooltiptext {
		visibility: hidden;
		font-size: 12px;
		width: 120px;
		background-color: black;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 5px 0;
		position: absolute;
		z-index: 1;
	  }

	  .esittelyteksti{
		font-size:16px;
	  }

	  .varausteksti{
		text-align: center;
		font-size: 14px;
	  }

	  .tulostus{
		border: none;
		padding: 5px;
		position:fixed;
		top: 35%;
		right: 4%;
		height: 14%;
		width: 18%;
		text-align: center;
	}


	.suodatinvalinta{
	background-color: #b9e0f1;
	border-radius: 10px;
	padding:10px;
	}

	.reunaviivat{
	border: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	}

	.popup{
		position: relative;
		display: inline-block;
		cursor: pointer;
	  }
	
	  .popup .popuptext {
		visibility: hidden;
		width: 160px;
		background-color: white;
		color: black;
		text-align: center;
		border-radius: 6px;
		padding: 8px 0;
		position: absolute;
		z-index: 1;
		bottom: 125%;
		left: 50%;
		margin-left: -80px;
	  }
	
	  .popup .show {
		visibility: visible;
	  }

/*mokit_as*/
.page-heading {
	text-align: center;
	background-color: white;
	color: black;
	padding: 20px 0;
	margin: 0;
	margin-top:0;
	font-size: 2em;
	font-weight: bold;
}

.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}

.picture-container {
	display: flex;
	align-items: flex-start;
	margin-top: 20px;
}

.pystykalenteri{
	table-layout: fixed;
	display: flex;
	flex-direction: column; 
	margin-left: 50px; 
	margin-bottom: 20px; 
	margin-top: 20px; 
}

.kalenterit {
	display: flex;
	align-items: flex-start;
	background-color: #ffffff;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	width: 100%;
	min-width: max-content;
}

.kalenterit > * {
	flex-shrink: 0;
}

.kal_otsikko {
	display: contents;
	padding: 20px;

}

.large-picture {
	width: 100%; 
	max-width: 650px;
	border: 5px solid #182A81;
	border-radius: 10px;
	margin-bottom: 20px; 
}

.small-pictures {
	width: 13%; 
	display: flex;
	flex-direction: column; 
	gap: 15px; 
	margin-left: 40px; 
	margin-bottom: 20px; 
}

.small-pictures a img {
	width: 100%;
	border: none; 
}

.small-pictures a {
	display: block;
	border: 3px solid #182A81;
	border-radius: 5px;
	overflow: hidden;
	text-decoration: none;
}


.small-pictures a:hover {
	border-color: #182A81a; 
}


.info-box {
	background-color: #182A81;
	border: 2px solid #182A81;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 20px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

	overflow-x: auto; 
}

.info-box ul {
	list-style-type: disc;
	padding-left: 20px;
	margin: 0;
}

.info-box ul li {
	margin: 5px 0;
	color: #ffffff;
}


.info-box h2 {
	margin-top: 0;
	color: #ffffff; 
}

nav {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 200px;
  background-color: #182A81;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  color: white;
}

nav a {

  text-decoration: none;
  color: #ffffff;

}

nav a.active {
	color: #81e0b2;
	font-weight: bold;
	font-size: larger;
  }

  main {
	margin-left: 220px;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	gap: 8rem;
  }

  .sticky{
	position: sticky;
	top: 0;
	z-index: 1;
	} 


  .banner {
	height: 300px;
	background-image: url('https://kirppis.rapoint.fi/ruistesti/images/ruissalo1.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	width:100%;
	object-fit: contain;
	}

			.ulkoreunat{
			padding: 0px;
			text-align: center;
			width: 100%;
			table-layout: fixed;
			border-spacing: 0px;
			
		}

		.saunar1{
	font-size: 14px;
	width: 13%; 
	text-align: center;
	border-bottom: 1px solid grey;
}
.saunatunnit{
	font-size: 14px;
	width: 13%; 
	text-align: center;
	border-bottom: 1px solid grey;
	border-left:1px solid grey;
	border-right:1px solid grey;
}

.saunatunnit2{
	font-size: 14px;
	width: 13%; 
	text-align: center;

}

.saunalinkki{
	color:black;
}