body,td,th {
	font-family: Comic Sans MS, Arial, Times New Roman;
	color: #DF0000;
}
a:link {
	color: #CE0000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #993300;
}
a:hover {
	text-decoration: none;
	color: #FF9191;
}
a:active {
	text-decoration: none;
	color: #FF6600;
}
a {
	font-style: italic;
}
.style1 {font-size: 10px}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #F5F5F5;
	background-image: url();
}
.style2 {color: #663333}


/* PONNAHDUSLAATIKKO */
/* ponnahduslaatikon taustan tyyli */
.pl {
  display: none;
  z-index: 1; /* kaiken muun päälle */
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.15); /* tumman taustan väri */
}

/* itse ponnahduslaatikko */
.pl-sisalto {
  position: relative;
  top: 40%;
  margin: auto;
  transform: translate(0, -40%);
  background-color: white;
  padding: 20px;
  border: 1px solid dimgrey;
  border-radius: 50px;
  /*box-shadow: 0px 0px 50px 0px grey;*/
  width: 50%;
  animation-name: ylhaalta-alas-anim;
  animation-duration: 0.5s;
  text-align: center;
  font-family: Comic Sans MS, Arial, Times New Roman;
  font-weight: bold;
  color: #DF0000;
}

/* ponnahduslaatikon animaatio ylhäältä alas */
@keyframes ylhaalta-alas-anim {
  from {top:0; opacity:0}
  to {top:40%; opacity:1}
}

/* ponnahduslaatikon sulkemisnappi */
.sulje-pl {
  background-color: white;
  margin: auto;
  padding: 10px;
  border: 2px outset tomato;
  border-radius: 10px;
  box-shadow: 2px 2px 3px 0px grey;
  text-align: center;
  font-family: Comic Sans MS, Arial, Times New Roman;
  font-size: 18px;
  font-weight: bold;
  color: #DF0000;
}
.sulje-pl:hover,
.sulje-pl:focus {
  cursor: pointer;
  background-color: #f0f0f0;
}
.sulje-pl:active {
  border: 2px inset tomato;
  box-shadow: none;
}