a {
  margin-left: 15px;
  font-family: sans-serif;
  font-size: 1.1em;
}

/* unvisited link */
a.im:link {
  color: silver;
  text-decoration:none;
}

a.hof:link {
  color: silver;
  text-decoration:none;
}

/* visited link */
a.im:visited {
  color: silver;
  text-decoration:none;
}

a.hof:visited {
  color: silver;
  text-decoration:none;
}

/* mouse over link */
a.im:hover {
  color: white;
}

a.hof:hover {
  color: navy;
}
/* selected link */
a.im:active {
  color: blue;
  text-decoration:none;
}


p {
/*  margin-right: 150px; */
  font-family: Lucida Handwriting;
  font-size: larger;
  font-family: sans-serif;
 }

img.l {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 15px;
  margin-left: 10px;
}

img.r {
  float: right;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 50px;
  margin-left: 20px;
}

img.paakuva {
  width: 100%;       /* Joustaa pienemmillä näytöillä */
  max-width: 1200px; /* Kuva ei koskaan kasva tätä leveämmäksi (muuta pikselimäärää tarpeesi mukaan) */
  height: auto;      /* Pitää kuvasuhteen oikeana */
  display: block;
  margin: 0 auto;    /* Keskittää kuvan sivulle, kun ruutu on leveämpi kuin max-width */
}

body {
   background-color:white
}

body.main {
  background-color: #2c3e50; 
  background-image: url('pics/hallof.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top; /* Keskittää kuvan ylhäältä */
  background-size: contain; /* Pitää koko kuvan aina näkyvissä */
/*  background-size: 1200px auto;      Kuva on max 1200px leveä, eikä skaalaudu sen yli */
}

body.up {
  background-color: #b2b2b2;
  background-image: url('pics/hofup.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

body.vaalea {
  /* Lataa valkoisen värin (80% peittävyys) ja taustakuvan päällekkäin */
  background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url('pics/halloftxt.jpg');
  background-size: cover;
  background-position: center;
  color: #000000; /* Tekstin väri pysyy täysin mustana ja luettavana */
}

h1 {
  font-family: Lucida Handwriting;
  font-size: 3em;
}

h2 {
  font-family: Lucida Handwriting;
  font-size: 2em;
}

h3 {
  font-family: Lucida Handwriting;
  font-size: 1em;
}


div.allek {
  text-indent: 3em;
  font-size: larger;
  font-family: sans-serif;
}