/******************* copyright 2006 matti riikari ******************************/
body {
  padding:0;margin:0;
  font-size:14px;font-family:sans-serif;}

hr { 
  height:0;border-bottom:1px black solid;}

a { 
  color:blue;
  cursor:pointer; }

p.small { 
  font-size:12px; }

/******************* menu *******************************************************/

div.menu {
  position:absolute;left:10px;top:50px;
  width:180px;height:300px;overflow:hidden;
  font-weight:bold;color:#8e8e8e;
  cursor:pointer;
  z-index:2;} 

div.menu a {
  position:relative;
  width:180px;
  font-weight:bold;color:#8e8e8e;
  cursor:pointer; }
 
div.menu div { 
  position:relative;
  height:16px;width:180px;
  line-height:16px;}	

div.closed { 
  overflow:hidden;
  z-index:2; }

div.closed:hover {
  background:#fff;
  z-index:3;}

div.menu a:hover {
  background:#fff; }

div.open div.closed, div.open div.open { 
  border-left:1px #4f4f4f solid;
  margin-left:24px;padding-left:5px;
  cursor:pointer; }

div.menu div.open {
  height:16px;overflow:visible;
  color:#4f4f4f;
  z-index:3; }

div.open:first-child { 
  height:16px;
  line-height:16px;
  border-bottom:1px #4f4f4f solid;}

div.menu div.open:hover, div.menu div.section:hover { 
  background:transparent; }

div.item, div.subitem {
  margin-left:24px;padding-left:5px;
  height:18px;overflow:hidden;
  border-bottom:1px transparent solid;
  border-left:1px #4f4f4f solid;
  color:#8e8e8e;
  background:#e1ecf3;
  z-index:2;
  cursor:pointer; }

div.currentitem, div.currentsubitem  {
  margin-left:24px;padding-left:5px;
  height:18px;overflow:hidden;
  border-left:1px #4f4f4f solid;
  border-bottom:1px #4f4f4f solid;
  color:#4f4f4f;
  background:#e1ecf3;
  z-index:2;
  cursor:pointer; }

#back, #back:hover { 
  margin-top:150px;
  width:30px;overflow:visible;
  background:transparent;}

#back div { 
  float:right;
  height:3px;width:100%;
  background:#fff;
  border-bottom:1px #000 solid; }

/********************************************************************************/

div.background {
  position:absolute;top:0;left:0;
  width:100%;height:100%;
  background:url(/pics/riikari.jpg) 0 0 no-repeat fixed;
  z-index:0; }

#fi_bg {
  background:url(/pics/riikari.jpg) 0 0 no-repeat fixed;}

#en_bg {
  background:url(/pics/en_bg.jpg) 0 0 no-repeat fixed;}

#pagebg {
  position:absolute;top:0;left:0;
  width:100%;height:100%;
  background:url(/pics/content.jpg) 0 0 no-repeat fixed;
  z-index:1;
  visibility:hidden; }

#wrap, #src {
  position:absolute;left:210px;top:54px;
  width:685px;height:590px;overflow:hidden;}

#content {
  position:absolute;
  width:685px;height:570px;overflow:auto;
  padding:10px;
  background:#fff;
  z-index:2;}


div.hidden {
  visibility:hidden;}	

div.footer { 
  position:absolute;top:95%;left:20px;
  width:600px;height:25px;
  vertical-align:bottom;
  background:url(/pics/z-booster.jpg) 0 0  no-repeat;
  z-index:3; }

div.footer img {
  border:0;}

#webmaster {
  position:relative;top:10px;
  width:300px;margin-left:230px;overflow:hidden;
  font-size:10px;font-weight:bold;}

div.leftimg, div.rightimg {
  clear:both;
  position:relative;width:100%;padding-bottom:10px;}

span.caption {
  font-size:12px;font-style:italic;}