body.bug {color:#000000}

/* tekstilinkit */
a:link.nondom {background-color:#dddddd;color:#880000;text-decoration:underline}
a:visited.nondom {background-color:#dddddd;color:#880000;text-decoration:underline}
a:hover.nondom {color:#999999;text-decoration:underline}

a:link {color:#880000;text-decoration:underline}
a:visited {color:#880000;text-decoration:underline}
a:hover {color:#999999;text-decoration:underline}

/* saavutettavuuteen liittyvät  */
h1.hidden {visibility:hidden;font-size:10%}
h1 {font-size:100%;}

/* responsiivisuuteen liittyvät  */
.ykontti {display:flex;flex-flow:row wrap;justify-content:center;background:#606060;} 
.akontti {display:flex;flex-flow:row wrap;justify-content:center;background:#ffffff;} 
div.pala {width:210px;}
div.sub {width:320px;}
div.katoaa {width:320px;}
div.kapenee {width:640px;}
div.levkapenee {width:960px;}

/* katoaa, kun näytön leveys on alle 960  */
@media all and (max-width: 960px) {
  div.katoaa {    
	  display:none;
	}
}

/* kapenee, kun näytön leveys on alle 640  */
@media all and (max-width: 640px) {
  div.kapenee {    
	  width:320px;
	}
}

/* kapenee, kun näytön leveys on alle 960  */
@media all and (max-width: 960px) {
  div.levkapenee {    
	  width:320px;
	}
}

/* kokonaisten sivujen taustavärit, -fontit ja -kuvat */
body                      {background-color: #ffffff; background-image: url(/img/tausta.gif);}

/* taulukoiden ja lomakkeiden tyylit1 */
td.kapea                   {width:110px;font-size:80%;font-family:Verdana, Arial;line-height:150%;word-spacing:0.08em;letter-spacing:0.04em;background-color:#ffffff}
input.kapea                {width:110px;font-size:100%;font-family:Verdana, Arial;line-height:150%;word-spacing:0.08em;letter-spacing:0.04em;}
input.levea                {width:95%;font-size:100%;font-family:Verdana, Arial;line-height:150%;word-spacing:0.08em;letter-spacing:0.04em;}
select.levea               {width:95%;font-size:100%;font-family:Verdana, Arial;line-height:150%;word-spacing:0.08em;letter-spacing:0.04em;}
input.huomio               {width:110px; font-size:100%;font-family:Verdana, Arial;font-weight:bold;line-height:150%;word-spacing:0.08em;letter-spacing:0.04em;background-color:#edc1b6}

/* taulukoiden ja lomakkeiden tyylit2: ei leveysmääritetyt */
td.ylaotsikko              {font-size:100%;font-family:Verdana, Arial;line-height:150%;word-spacing:0.08em;letter-spacing:0.04em;background-color:#ffffff;color:#000000;}
td.otsikko                 {font-size:100%;font-family:Verdana, Arial;line-height:150%;word-spacing:0.08em;letter-spacing:0.04em;background-color:#bae5ee}
td.alaotsikko              {font-size:80%;font-family:Verdana, Arial;line-height:150%;word-spacing:0.08em;letter-spacing:0.04em;background-color:#bae5ee}
td.leipa                   {font-size:80%;font-family:Verdana, Arial;line-height:150%;word-spacing:0.08em;letter-spacing:0.04em;background-color:#ffffff}
td.leipalihava             {font-size:80%;font-family:Verdana, Arial;line-height:150%;word-spacing:0.08em;letter-spacing:0.04em;font-weight:bold;background-color:#ffffff}
td.virhe                   {font-size:80%;font-family:Verdana, Arial;line-height:150%;word-spacing:0.08em;letter-spacing:0.04em;color:#a85300;background-color:#ffffff}