*            {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          {border: none; vertical-align: middle}
body         {margin: 0; background: #DBDCE0 url(img/tausta.png) top left repeat-x; text-align: center; font-family: Arial, Helvetica, sans-serif;
              font-size: 12px; font-weight: normal; height: 100%; color: #000000}
p            {margin: 0 0 1em 0; padding: 0}
table        {font-size: 100%}
h1           {margin: 0; padding: 0 0 10px 0}
a            {outline: none}

#rakenne     {width: 817px; margin: 0 auto; text-align: left}
#ylapalkki   {width: 817px; height: 194px; background: #666666 url(img/ylapalkki.png) top left no-repeat; position: relative; padding: 62px 0 0 258px}
#ylapalkki h1 {margin: 0 1em 0 1em; padding: 0; text-indent: -1em; font-size: 32px; font-family: Impact, Charcoal, sans-serif; font-weight: normal;
               text-transform: uppercase; letter-spacing: 1px; cursor: default}
#www         {position: absolute; left: 0; top: 128px; width: 230px; color: #E8E8E8; font-weight: bold; text-align: center}
#www a       {color: #E8E8E8; font-weight: bold; text-decoration: none}

#navi        {position: absolute; left: 230px; bottom: 0; width: 586px; height: 37px; list-style-type: none; padding: 0; margin: 0; overflow: hidden}
#navi li     {float: left; width: auto; height: 37px; margin: 0; padding: 0}
#navi li div {float: left; height: 37px}
#navi li.sel {background: url(img/val_tausta.png) top left repeat-x}
#navi li.sel div {background: url(img/val_vas.png) top left no-repeat}
#navi li.sel a   {background: url(img/val_oik.png) top right no-repeat}
#navi a      {color: #FFFFFF; display: block; line-height: 37px; height: 37px; float: left; padding: 0 8px; text-decoration: none}

#doku        {background: #D7D7D7 url(img/doku_tausta.png) top left repeat-x; position: relative; width: 817px; overflow: hidden}

#vasen       {background: transparent url(img/esim_tausta.png) top left repeat-y; min-height: 600px; padding: 20px 20px 20px 250px}

#sisalto     {width: 547px; overflow: visible}
#sisalto a   {border-bottom: 1px dotted #000000; text-decoration: none; color: #000000; font-weight: bold}
#sisalto a:hover {border-bottom: 1px solid #000000}
#animaatio   {width: 587px; position: relative; top: -20px; left: -20px; overflow: hidden}
.slideshow   {overflow: hidden}
.slideshow img {display: block}

#esim p      {float: left; width: 122px; text-align: center; margin: 0 12px 12px 0; padding: 0}
#esim a      {display: block; border: 0; padding-bottom: 2px}
#esim a:hover {border: 0; background: #EEEEEE}
#esim a:hover img {border: 1px solid #E8E8E8}
#esim a span {font-weight: normal}
#esim img    {border: 1px solid #666666}

#vasyla      {width: 230px; position: absolute; left: 0; top: 0; text-align: center; min-height: 600px; background: url(img/esim_yla.png) top left no-repeat}
#vasyla h2   {margin: 10px 0; padding: 0; font-size: 14px; font-weight: bold; color: #EEEEEE}
#vasyla p    {margin: 10px 0; padding: 0}
#vasyla a    {color: #FFFFFF; text-decoration: none; font-weight: bold}
#vasyla a:hover {text-decoration: underline}
#vasala      {width: 230px; position: absolute; left: 0; bottom: 0; background: url(img/esim_ala.png) bottom left no-repeat; color: #989898;
              padding: 0 20px; text-align: center; font-size: 120%}

#copy        {position: absolute; left: 50%; bottom: 0; width: 817px; margin-left: -408px; text-align: center; padding-bottom: 5px}
#copy a      {color: #989898; text-decoration: none}

.clear       {clear: both}

.autot       {width: 817px; border-spacing: 0; color: #000000; font-size: 100%}
.autot caption {padding: 1ex; font-size: 150%; text-align: left; font-weight: bold}
.autot tr    {background: #C1C1C1 url(img/auto_tausta.png) top left repeat-x}
.autot tr.hdr {background: #D5D5D5 url(img/auto_palkki.png) top left repeat-x}
.autot tr.last {background: transparent}
.autot th    {padding: 1ex; vertical-align: top; text-align: left}
.autot td    {padding: 1ex; vertical-align: top; text-align: left}
.autot h4    {font-size: 100%; margin: 0; padding: 0}
.autot p     {padding: 0; margin: 0.5ex 0; font-size: 11px; white-space: pre-line}
.autot p a   {border-bottom: 1px dotted #000000; text-decoration: none; color: #000000}
.autot p a:hover {border-bottom: 1px solid #000000}
.autot .first {padding-left: 1.5em}
.autot .last {padding-right: 1.5em; text-align: right}
a.img img    {border: 1px solid #666666}
a.img:hover img {border: 1px solid #E8E8E8}
.autot th a {border-bottom: 1px dotted #000000; text-decoration: none; color: #000000; font-weight: bold}
.autot th a:hover {border-bottom: 1px solid #000000}
.autot a.tieto {border-bottom: 1px dotted #000000; text-decoration: none; color: #000000; font-weight: bold}
.autot a.tieto:hover {border-bottom: 1px solid #000000}

.ukot        {float: left; width: 547px; border-spacing: 0; color: #000000; table-layout: fixed}
.ukot td     {text-align: center; vertical-align: top}
.ukot h2     {font-size: 100%; font-weight: bold; margin: 1em 0; padding: 0}
.ukot a      {border-bottom: 1px dotted #000000; text-decoration: none; color: #000000}
.ukot a:hover {border-bottom: 1px solid #000000}

/* IE-korjaukset */
/*\*/
* html #vasen {height: 620px}
* html #vasyla {height: 620px}
/**/