*         {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box}
body      {margin: 0; padding: 0; background: #BCD3DE url(img/liuku.png) bottom left repeat-x fixed; text-align: center; height: 100%}
#rakenne  {background: #FFFFFF url(img/v_kulma.png) top left no-repeat; width: 766px; min-height: 100%;
           margin: 0 auto; overflow-x: hidden; text-align: left}
#reuna    {background: url(img/o_kulma.png) top right no-repeat; padding: 0 9px}

#logo     {width: 748px; overflow-x: hidden; position: relative; font-weight: normal;
           font-family: Arial, Helvetica, sans-serif; font-size: 13px}
#layer    {width: 748px; position: absolute; bottom: 0; left: 0; height: 88px}
#trans    {background: #FFFFFF; padding: 8px 0; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7}
#navi     {width: 748px; position: absolute; top: 0; left: 0; padding: 8px 0 8px 40px; color: #4C443A}
#navi a   {color: #0D395E; text-decoration: none}
#navi a:hover {color: #3C87AD}

#doku     {width: 690px; margin: 0 0 25px 38px; overflow-x: hidden}

/* Lomake */
.otsake	{font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #01689D;}
.boksit	{font: 13px Arial; color: #000000; border: solid 1px #DFDFDF; background: url(img/palaute_varjostus.gif) bottom left repeat-x #FFFFFF;}
.tarea	{font: 13px 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: 13px Arial; color: #000000; border:0;}

/* IE-korjaukset */
/*\*/
* html body {height: 100%}
* html #rakenne {height: 100%}
/**/