.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #4F3E6A;
}
.virhe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: red;
	color: white;
}
.pstyle1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #4F3E6A;
}
.style1a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #4F3E6A;
	background-color: #e0e2fc;
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-large;
	color: #4F3E6A;
}
.style2a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	color: #4F3E6A;
}

.style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #4F3E6A;
}
.style3a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #4F3E6A;
}

.infostyle {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;

	
}

.styl3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #4F3E6A;
	background-color: #e0e2fc;
	
}
.style4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #4F3E6A;
}
.otsikko {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: white;
	background-color: #4F3E6A;
}
.isootsikko {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #4F3E6A;
}
.valikko {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #4F3E6A;
}	

.btn {
  background-color: DodgerBlue; /* Blue background */
  border: none; /* Remove borders */
  color: white; /* White text */
  padding: 12px 16px; /* Some padding */
  font-size: 16px; /* Set a font size */
  cursor: pointer; /* Mouse pointer on hover */
}

/* Darker background on mouse-over */
.btn:hover {
  background-color: RoyalBlue;