/* yleiset  */
html {overflow-y: scroll;}
body {margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;background:#FFFFFF;}
.piilotettu {display: none}

/* saavutettavuuteen liittyvät  */
h1 {font-size:100%;font-weight:normal;line-height:100%;}

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

/* 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;
	}
}

/* tekstilinkit  */
a.puna:link 		{font-family:verdana;font-size:100%;color:#b51a00;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}
a.puna:visited 		{font-family:verdana;font-size:100%;color:#b51a00;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}
a.puna:hover 		{font-family:verdana;font-size:100%;color:#b51a00;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}
a.must:link 		{font-family:verdana;font-size:100%;color:#000000;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}
a.must:visited 		{font-family:verdana;font-size:100%;color:#000000;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}
a.must:hover 		{font-family:verdana;font-size:100%;color:#000000;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}
a.valk:link 		{font-family:verdana;font-size:80%;color:#fbf9eb;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}
a.valk:visited 		{font-family:verdana;font-size:80%;color:#fbf9eb;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}
a.valk:hover 		{font-family:verdana;font-size:80%;color:#fbf9eb;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}
a.otsikko:link 		{font-family:verdana;font-size:150%;color:#fbf9eb;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;text-decoration: none}
a.otsikko:visited 		{font-family:verdana;font-size:150%;color:#fbf9eb;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;text-decoration: none}
a.otsikko:hover 		{font-family:verdana;font-size:150%;color:#fbf9eb;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;text-decoration: none}

/* tekstien tyylit */
td.alaotsikko         	{font-family:verdana;font-size:80%;color:#000000;font-weight:bold;background-color:#fed11e;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}
td.norm         	{font-family:verdana;font-size:80%;color:#000000;line-height:150%;word-spacing:0.10em;letter-spacing:0.04em;}
td.bnorm         	{font-family:verdana;font-size:80%;color:#000000;font-weight:bold;line-height:150%;word-spacing:0.10em;letter-spacing:0.04em;}
td.hnorm         	{font-family:verdana;font-size:80%;color:#000000;background-color:#DDDDDD;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}

/* lomakkeiden tyylit */
input.nappi                {font-family:Verdana;font-size:90%;color:#000000;background-color:#DDDDDD;font-weight:bold;width:120px;}
input.luku             {font-family:Verdana;font-size:100%;width:80px;}
input.kapea             {font-family:Verdana;font-size:100%;width:270px;}
select.valikko             {font-family:Verdana;font-size:100%;width: 270px;}
input.levea             {font-family:Verdana;font-size:100%;width:100%;}
textarea.teksti             {font-family:Verdana;font-size:100%;width:100%;}
input[type=checkbox]	{accent-color:#b51a00;}