div.area {
  position: relative;
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  min-width: 10em;
  border-style: solid;
  border-width: 2px;
  border-color: #3b5998; //1c3a46;
}

div.palkki {
  position: relative;
  font-family: Arial, Verdana, sans-serif;
  padding: 7px;
  color: #ffffff;
  background-color: #3b5998;
  margin-left: auto;
  margin-right: auto;
  min-width: 10em;
}

div.sisus {
  position: relative;
  padding: 5px;
}

div.kehys {
  position: relative;
  padding: 2px 4px 4px 6px;
  //border-style: dotted none none dotted;
  //border-width: thin;
}

div.alapalkki {
  position: relative;
  font-family: Arial, Verdana, sans-serif;
  padding: 3px;
  color: #ffffff;
  background-color: #3b5998;
  margin-left: auto;
  margin-right: auto;
  max-width: 798px;
  min-width: 10em;
}

body {
  height: 100%;
  background-color: #eeeeee; //#e8e8ce; 
  color: #000000;
  font-family: Arial, Verdana, sans-serif;
}

td, p {
  font-family: Arial, Verdana, sans-serif;
  font-size: normal;
}

a, a:link, a:visited {
  color: #3b5998;
  font-weight: bold
}
a:hover, a:active {
  color: #3b5998;
  text-decoration: none;
  font-weight: bold;
}
img { 
  border-style: none;
}
.muru {
  color: #000000;
  font-weight: normal;
  font-size: small
}
.message {display: none}

h1 {
  font-family: Arial, Verdana, sans-serif;
  color: #000000; 
  //color: #3b5998; 
  font-size: x-large;
}

h2 {
  font-family: Arial, Verdana, sans-serif;
  color: #000000; 
  //color: #3b5998; 
  font-size: large;
  margin-top:2px;
}

textarea, input {
  background-color: #eeeeee;
  border: 2px solid #3b5998;
  padding: 2px;
  font-family: Arial, Verdana, sans-serif;
  font-size: normal;
}