body {
  background-color:#fde9d9;
  font-family:Verdana;
  font-size:12px;
  color:#000000;
}

table {
  padding:5px;
  font-size:inherit;
  font-family:inherit;
}

A:link{color:#993300;text-decoration:underline}
A:visited{color:#993300;text-decoration:underline}
A:active{color:#993300;text-decoration:underline}
A:hover{color:#993300;text-decoration:none}

h1 {
  font-family:Verdana;
  font-size:26px;
  color:#800000;
}

h2 {
  font-family:Verdana;
  font-size:20px;
  color:#800000;
}

table#sivu { border: 0px; width:100%; }
th { CLEAR:BOTH; float:left; width:100%; font-weight: normal; text-align: left; }
th#valikko { width:100%;  padding-bottom:20px; }
th#valikko th { width:100%; }
th#ylavalikko { width:100%; padding-bottom:20px; }
th#ylavalikko th { width:100%; }

@media screen and (min-width: 450px) {
  table#sivu { border: 0px; width:100%;}
  th { CLEAR:BOTH; float:left; width:100%; }
  th#valikko { width:100%; padding-bottom:20px; }
  th#valikko th { width:50%; }
  th#ylavalikko { width:100%; padding-bottom:20px; }
  th#ylavalikko th { width:50%; }
}

@media screen and (min-width: 700px) {
  table#sivu { border: 0px; width:100%;}
  th { CLEAR:BOTH; float:left; width:100%; }
  th#valikko { width:100%; padding-bottom:20px; }
  th#valikko th { width:33.33%; }
  th#ylavalikko { width:100%; padding-bottom:20px; }
  th#ylavalikko th { width:33.33%; }
}

@media screen and (min-width: 1000px) {
  table#sivu { border: 0px; width:1000px;}
  th { CLEAR:NONE; float:none; width:auto; }
  th.vasen { width:300px; }
  th.oikea { width:700px; }
  th#valikko { width:300px; padding-bottom:0; vertical-align:middle; }
  th#valikko th { width:100%; }
  th#ylavalikko { width:300px; padding-bottom:0; vertical-align:top; }
  th#ylavalikko th { width:100%; }
}

table#opaikat {width:auto; padding:2px; border: 0px solid #800000;}
table#opaikat th {float:none;width:auto;padding:3px; vertical-align: top;}
table#lomat {width:auto; padding:2px; border: 0px solid #800000;}
table#lomat th {float:none;width:auto;padding:3px; vertical-align: top;}

.korostettu {
  color:#800000;
}
.korostettup {
  color:#800000;
  font-weight:bold;
}

ul {
  list-style-type:none;
}

ul#l {list-style-type:none;  padding-left: 0;}
ul#l li { float:left;width:100%; border:0px; padding-top: 5px;}

@media screen and (min-width: 450px) {
  ul#l li { float:left;width:50%; border:0px; padding-top: 5px;}
}

@media screen and (min-width: 700px) {
  ul#l li { float:left;width:33.33%; border:0px; padding-top: 5px;}
}

@media screen and (min-width: 1000px) {
  ul#l {list-style-type:none;  padding-left: 80px;}
  ul#l li {float:none; width:auto; border:0px; margin-right: 5px; padding-right: 0px; padding-top: 5px;}
}

ul#l .e:hover {border:0px; font-style:italic;}
ul#l li a {padding:2px 2px; text-decoration:none; font-family:verdana; font-size:12px; font-weight:bold; color:#000000;}

ul#p {list-style-type:none;  padding-left: 0; }
ul#p li {float:left;width:100%; border:0px; padding-top: 5px;}

@media screen and (min-width: 450px) {
  ul#p li { float:left;width:50%; border:0px; padding-top: 5px;}
}

@media screen and (min-width: 700px) {
  ul#p li { float:left;width:33.33%; border:0px; padding-top: 5px;}
}

@media screen and (min-width: 1000px) {
  ul#p {list-style-type:none;  padding-left: 10px; position: fixed;}
  ul#p li {float:none; width:auto; border:0px; margin-right: 5px; padding-right: 0px; padding-top: 5px;}
}

ul#p .q:hover {border:0px; font-style:italic;}
ul#p li a {padding:2px 2px; text-decoration:none; font-family:verdana; font-size:12px; font-weight:bold; color:#000000;}
ul#p .qq a {padding:2px 2px; text-decoration:none; font-size:11px; font-family:Times New Roman; color:#800000;}
ul#p .qq:hover {text-decoration:none; font-style:italic; font-size:11px; font-family:Times New Roman; color:#800000;}

img { width: 100%; }

@media screen and (min-width: 700px) {
  img.oletus-jpg { width:450px; height:350px; }

  img.aikuisopetus-jpg { width:450px; height:583px; }
  img.etusivu-pieni-jpg { width:350px; height:272px; float:right; }
  img.etusivu-jpg { width:550px; height:425px; }
  img.linkit-jpg { width:220px; height:321px; } /* 100 % = width 450px ja height 583px */
  img.improvisaatio-jpg { width:450px; height:583px; }
  img.yleista-jpg { width:450px; height:583px; }
}

.rivinvaihto { clear:both; }