*         {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box}
body      {margin: 0; padding: 0; background: url(img/tausta_e7e5e1.jpg) top left repeat-x #e7e5e1; text-align: center}
#rakenne  {background: #FFFFFF; width: 978px; margin: 0 auto; overflow-x: hidden; text-align: left}


#logo     {width: 978px; overflow-x: hidden; min-height: 41px; background: #606163}
#navi     {width: 978px; overflow: hidden; height: 41px; margin: -41px 0 0 0; padding: 6px 0 6px 15px; background: transparent; list-style-type: none}
#navi li  {display: inline; padding: 0; margin: 0; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF}

#navi a   {display: inline-block; color: #FFFFFF; text-decoration: none; height: 29px; line-height: 29px; padding: 0 10px}
#navi a:hover {color: #606163; background: #FFFFFF}

#doku     {width: 898px; margin: 50px 0 50px 40px; overflow-x: hidden}

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

/* IE-korjaukset */
/*\*/
* html logo {height: 41px; overflow-y: visible}
/**/