*            {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}
img          {vertical-align: middle}
body         {margin: 0; color: #555555; background: #D9DBDD url(img/liuku.png) top left repeat-x; text-align: center;
              font-family: Arial, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; padding: 0}
form         {margin: 0; padding: 0}
h1           {display: block; margin: 0 0 1ex 0; padding: 0; color: #8BCF62; font-size: 180%; font-weight: bold}
h2           {display: block; margin: 0 0 1ex 0; padding: 0; color: #8BCF62; font-size: 150%; font-weight: bold}
h3           {display: block; margin: 0 0 1ex 0; padding: 0; color: #8BCF62; font-size: 120%; font-weight: bold}
a            {color: #50555C; text-decoration: underline}
a:hover      {color: #8BCF62; text-decoration: none}
hr           {height: 1px; margin: 2ex 0 2ex 0; padding: 0; border: 0; border-bottom: 1px dotted #D9DCDF; clear: both}
ins          {font-family: Arial, Arial, Helvetica, sans-serif; text-align: center; margin: 0; padding: 0}
ins a        {display: block; clear: both}
input,textarea {font-size: 100%; font-family: Arial, Arial, Helvetica, sans-serif}

#sivu        {width: 800px; margin: 0 auto 0 auto; text-align: left; background: #FFFFFF url(img/varjopala.png) 202px 0 repeat-y}
.polku       {color: #8BCF62}

#kalut       {font-size: 75%; float: left; width: 202px; padding: 4px; overflow: hidden; background: #FFFFFF}
#kalut h1    {font-size: 120%; font-weight: normal; background: #8BCF62; color: #FFFFFF;
              padding: 0.5ex 0.5ex 0.5ex 1.2em; margin: 20px 0 0 0}
#kalut ul    {font-size: 110%; margin: 1em 0 1.5em 1.5em; padding: 0; list-style-type: none}
#kalut li    {line-height: 1.5em}
#kalut li a  {text-decoration: none}

.osio        {margin: 1em 0 1.5em 1.5em}
.osio p      {margin: 0.5ex 0; padding: 0}
.osio input  {vertical-align: middle}
.osio .kirj  {font: inherit; width: 80px; border: 2px inset #CCCCCC; color: #000000; background: #FFFFFF}
.osio .kentta {font: inherit; width: 120px; border: 2px inset #CCCCCC; color: #000000; background: #FFFFFF}

.nappi       {background: #FFFFFF url(img/nappula.png) center center no-repeat; border: none; width: 20px; height: 1.5em; cursor: pointer}

#alanavi     {float: left; width: 558px; font-size: 80%; line-height: 2em; margin: 0 20px; text-align: center; cursor: default}
#alanavi div {border-bottom: 1px dotted #D9DCDF}
#alanavi a   {white-space: pre; margin: 0 0.7em; text-decoration: none; background: #FFFFFF}
#alapiilo    {display: none}

#doku        {float: left; width: 598px; overflow: hidden; font-size: 75%; padding: 2ex 23px 0 20px; margin-right: -3px; color: #555555}

#alapalkki   {background: #D9DBDD url(img/alapala.png) top left no-repeat; font-size: 75%; padding: 1.5em 20px 39px 0;
              height: 47px; overflow: visible; clear: both; text-align: right}
#alapalkki a {color: #50555C; text-decoration: none}
#alapalkki a:hover {color: #FFFFFF}


.fl          {display: inline; float: left; margin-right: 10px}
.fr          {display: inline; float: right; margin-left: 10px}
.wrap1       {background: transparent url(img/vy_varjo.png) top left no-repeat; float: left}
.wrap2       {background: transparent url(img/oa_varjo.png) bottom right no-repeat}
.wrap3       {background: transparent url(img/oy_varjo.png) top right no-repeat}
.wrap4       {background: transparent url(img/va_varjo.png) bottom left no-repeat; padding: 6px; text-align: center}
.clear       {clear: both}

.trap        {display: none}