body     {height: 100%; background-color: #C2E2FF; margin: 0; padding: 0; text-align: center}
#tausta  {min-height: 100%; width: 824px; margin: 0 auto; text-align: left; padding: 0 52px; background: transparent url(img/bg.png) repeat-y top left}

#logo    {background: #FFFFFF; width: 720px; border-bottom: 10px solid #FFFFFF; overflow: hidden}
#navi    {float: left; width: 210px; overflow-x: hidden}
#navi ul {margin: 0; padding: 0; list-style-type: none; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif}
#navi li {padding: 0; margin: 0}
#navi a  {display: block; padding: 7px 0 8px 50px; color: #313B4B; text-decoration: none}
#navi a:hover {color: #1E75BA}
#doku    {float: left; width: 479px; margin: 0 10px 10px 20px; overflow-x: hidden}
.clear   {clear: both}

.otsake		{font: bold 15px Arial; color: #1E75BA;}
.boksit		{font: 13px Arial; color: #313B4B; border: solid 1px #1E75BA; background: url(img/palaute_varjostus.gif) bottom left repeat-x #FFFFFF;}
.tarea		{font: 13px Arial; color: #313B4B; border: solid 1px #1E75BA; overflow-y: auto; width: 380px; height: 100px; background: url(img/palaute_varjostus.gif) bottom left repeat-x #FFFFFF;}
.ltable		{font: 13px Arial; color: #313B4B; border: 0;}

/* IE-korjaukset */
/*\*/
* html #tausta {height: 100%; overflow-y: visible}
/**/