*         {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box}
body      {margin: 0; padding: 0; background: #EAECED; text-align: center}
#rakenne  {background: #FFFFFF; width: 978px; margin: 0 auto; overflow-x: hidden; text-align: left}


#logo     {width: 978px; margin-bottom: 35px; overflow-x: hidden}
#navi     {float: left; width: 233px; overflow: hidden; margin: 0; padding: 0 22px 0 16px; background: transparent; list-style-type: none}
#navi li  {padding: 0; margin: 0; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #000000}

#navi a   {display: block; padding: 3px 7px; color: #000000; text-decoration: none; height: 29px; line-height: 29px; padding: 0 10px}
#navi a:hover {color: #000000; background: #EAECED}

#doku     {float: left; width: 700px; margin: 0 0 50px 0; overflow-x: hidden}

/* Lomake */
.otsake	{font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #000000;}
.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}
/**/