/* yleiset  */
html {overflow-y: scroll;}
body {margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;background:#DDE6E7;}

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

/* responsiivisuuteen liittyvät  */
.ykontti {display:flex;flex-flow:row wrap;justify-content:center;background:#DDE6E7} 
.akontti {display:flex;flex-flow:row wrap;justify-content:center;background:#ffffff;} 
.pkontti {display:flex;flex-flow:column 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.suurmust:link 		{font-family:verdana;font-size:130%;color:#000000;text-decoration:none;}
a.suurmust:visited 		{font-family:verdana;font-size:130%;color:#000000;text-decoration:none;}
a.suurmust:hover 		{font-family:verdana;font-size:130%;color:#000000;text-decoration:underline;}
a.must:link 		{font-family:verdana;font-size:100%;color:#000000;text-decoration:none;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}
a.must:visited 		{font-family:verdana;font-size:100%;color:#000000;text-decoration:none;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}
a.must:hover 		{font-family:verdana;font-size:100%;color:#000000;text-decoration:underline;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}
a.puna:link 		{font-family:verdana;font-size:100%;color:#990000;text-decoration:none;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}
a.puna:visited 		{font-family:verdana;font-size:100%;color:#990000;text-decoration:none;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}
a.puna:hover 		{font-family:verdana;font-size:100%;color:#990000;text-decoration:underline;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}

/* tekstit */
td.hnorm 		{font-size:80%;font-family:verdana;color:#000000;background-color:#DDE6E7;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}
td.vnorm 		{font-size:80%;font-family:verdana;color:#000000;background-color:#ffffff;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}
td.knorm         	{font-size:80%;font-family:verdana;color:#000000;background-color:#FEFED6;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}
td.otsa 		    {font-size:80%;font-family:Verdana;font-weight:bold;color:#ffffff;background-color:#457b93;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}
td.kuvateksti      	{font-size:80%;font-family:verdana;color:#6b6c50;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}

/* lomakkeiden ym taustat */
td.htaus 		{font-size:100%;font-family:verdana;color:#000000;background-color:#DDE6E7;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}
td.vtaus 		{font-size:100%;font-family:verdana;color:#000000;background-color:#ffffff;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}

/* lomakkeiden tyylit */
input.hae     {font-family:verdana;font-size:80%;width:80px;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}
input.kapea             {font-family:verdana;font-size:80%;width:200px;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}
input.kapeakapea             {font-family:Verdana;font-size:120%;width:40px;word-spacing:0.16em;letter-spacing:0.04em;}
input.levea             {font-family:Verdana;font-size:80%;width:90%;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}
select.kapea     {font-family:verdana;font-size:80%;width:200px;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}
textarea.levea             {font-family:Verdana;font-size:80%;width:90%;line-height:150%;word-spacing:0.16em;letter-spacing:0.04em;}