body { margin: 0; padding: 0; background: #edf5f2; font-family: arial, verdana; }

p { font-size: 12px; }
li { font-size: 12px; }
a:link, a:visited, a:active { color: #5e1b5d; text-decoration: none; }
a:hover { text-decoration: underline; }

#header { height: 106px; width: 100%; background: url(images/header_bg.jpg) repeat-x; }
#header_yhttiedot { height: 80px; position: absolute; top: 10px; left: 580px; font-size: 12px; font-weight: bold; line-height: 17px; margin: 0;}

#navigation { height: 62px; width: 100%; background: url(images/tausta1.jpg  ) repeat-x; }
#navigation #container { height: 62px; width: 862px; background: url(images/navitausta.jpg) no-repeat; margin: 0 0 0 40px; position: relative;}
#navigation .navibutton { float: left; margin: 0 0px 0 2px; padding: 19px 0px 0px 0px; text-align: center; cursor: pointer; color: white;}
#navigation .slider { height: 5px; position: absolute; top: 3px; left: 55px; margin: 2px 0 0 0; width: 10px; text-align: center; cursor: pointer;}
#navigation .slider #ylanuoli { position: absolute; top: 0px; }
#navigation .slider #alanuoli { position: absolute; top: 43px; }

#contents { display: block; width: 858px; min-height: 400px; *height: 400px; border: 1px solid #d3dad8; background: white; margin: 0 0 0 44px; position: relative; z-index: 10; }
#contents td { vertical-align: top; }
#contents_shadow { width: 829px; background: #d3dad8; z-index: 5; position: relative; left: 58px; top: -10px; }

#side_navigation { width: 190px; margin: 20px 0 0 20px; position: relative; }
.navi_title { font-size: 12px; font-weight: bold; }
.sidenavi { list-style: none; padding: 0; margin: 0; }
.sidenavi li { width: 190px; margin: 0 0 3px; 0; background: #e6e6e6;}
.sidenavi li a:link, .sidenavi a:visited, .sidenavi a:active { display: block; width: 100%; height: 100%; padding: 3px 0px 3px 0px; font-size: 12px; text-decoration: none; color: black; } 
.sidenavi li a:hover { background: #cccccc; }


#page_contents { width: 620px; margin: 20px 0 0 10px; }
#etusivu td { }