html		{
		 		height: 100%;
			}
body		{
		 		height: 100%;
				//background-image: url(../kuvat/tausta1.gif);
				margin: 0px 0px 0px 0px;
				padding: 8px 0px 0px 0px;
			}
div.paakehys{
				padding: 7px 7px;
				width:50%;
				margin:auto;				
}
@media only screen and (min-width: 100px) and (max-width: 699px)
			{
				div.ruskealohko	{
				text-align: left;
				margin: 0px 0px 10px 0px;
				padding: 10px 10px 10px 10px;
				border: 1px #888 solid;
				border-radius: 9px;
				background-color: #decab0;
				width:90%;
				margin:auto;
				}
			}
@media only screen and (min-width: 699px)
			{
				div.ruskealohko	{
				text-align: left;
				margin: 0px 0px 10px 0px;
				padding: 10px 10px 10px 10px;
				border: 1px #888 solid;
				border-radius: 9px;
				background-color: #decab0;
				width:50%;
				margin:auto;
				}
			}

div.sininenlohko	{
				text-align: left;
				margin: 0px 0px 10px 0px;
				padding: 5px 5px;
				border: 1px #888 solid;
				border-radius: 9px;
				background-color: lightsteelblue;
			}
tr.marginaali{
				margin-left: 40px;
			}
td.vasen	{
				vertical-align: top;
				text-align: left;
				padding: 10px 40px 40px 30px;
			}
td.vatopl	{
				vertical-align: top; text-align:left; padding: 0px 0px 0px 10px;
			}
td.vatopr	{
				vertical-align: top; text-align:right;
			}
h1			{
				font-family: Verdana, Geneva, sans-serif;
				font-size: 1em;
				color:#7777aa;
				margin:10px 10px 5px 10px;
				padding-bottom:0px;
			}
p.perus		{
				font-family: Verdana, Geneva, sans-serif;
				font-size:14px;
				margin:10px 10px 10px 10px;
			}
p.vahva		{
				font-family: Verdana, Geneva, sans-serif;
				font-size:14px;
				margin:10px 10px 10px 10px;
				font-weight:bold;
			}
p.linkki	{
				font-family: Verdana, Geneva, sans-serif;
				font-size:12px;
				margin:5px 5px 5px 10px;
				font-weight:bold;
			}
span.perus	{
				font-weight: normal;
			}

a			{
				font-family: Verdana, Geneva, sans-serif;
				font-size:14px;
				text-decoration: none;
			}
a:hover 	{
				text-decoration: underline;
			}