*        {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box}
img,object,embed,td,th {box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box}
body     {height: 100%; margin: 0; background: #303437; text-align: center}

#tausta  {min-height: 100%; width: 1084px; margin: 0 auto; text-align: left; background: url(img/tausta.png) top left repeat-y; padding: 0 75px}

#logo    {background: #FFFFFF; width: 934px; overflow-x: hidden}

#navi    {float: left; width: 218px; padding: 0 0 0 8px; overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-size: 14px}
#navi ul {margin: 0; padding: 0; list-style-type: none}
#navi a  {display: block; padding: 0 0 0 14px; line-height: 28px; height: 30px; background: url(img/navi.png) top left repeat-x; color: #000000; text-decoration: none; text-align: left; border: 1px solid #E1E1E1}
#navi a:hover {color: #FFFFFF; font-weight: bold; background: url(img/navi_h.png) top left repeat-x}

#doku    {float: left; width: 570px; margin: 55px 0 25px 60px; overflow-x: hidden}

.clear   {clear: both}

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

.otsake	 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000000;}
.boksit	 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; background: #FFFFFF url(img/palaute_varjostus.gif) bottom left repeat-x;}
.tarea	 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; overflow-y: auto; width: 380px; height:100px; background: #FFFFFF url(img/palaute_varjostus.gif) bottom left repeat-x;}
.ltable	 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; border: 0;}