/* CSS Document */

body  {

  font-family:Trebuchet, Helvetica, sans-serif;

  }



#kokosivu {

  width: 1150px;

  margin:0 auto;

}



#wrap { 

  width:950px; 

  height:100%;

  background: #fff url(images3/tausta_keskipalsta.gif) no-repeat top center;

  margin:0 auto; 

  position: relative;

  top:-8px;

  #top:-15px;

  float:left;

} 





#flashanimaatio {

  width:900px;

  height:172px;

  margin-left:26px;

  margin-top:0px;

}







.navigaatio {

	width: 904px;

	height:28px;

	position: relative;

	text-align:left;

	margin-left:18px;

	margin-top:-170px;

	_margin-top:-165px;

 }







 #menu {

  list-style: none;

  padding: 0;

  margin-left: 6px;

  margin-top:172px;

  width: 904px;

  height: 28px;

  position:relative;

  }

  

#menu span {display: none;}



#menu a {

  display: block;

  text-indent: -9999px;

  position: absolute;

  outline: none;

}



#menu a:hover {background-position: left bottom; _background-position: left top;}

   

#menu a:hover span {display: block;}  



#menu .nav01 {width: 87px;height: 28px;background: url(images3/etusivu.gif) no-repeat;left:0px;top:0px;}

#menu .nav02 {width: 87px;height: 28px;background: url(images3/esiintyjat.gif) no-repeat;left:87px;top:0px;}

#menu .nav03 {width: 84px;height: 28px;background: url(images3/ohjelma.gif) no-repeat;left:174px;top:0px;}

#menu .nav04 {width: 77px;height: 28px;background: url(images3/pressi.gif) no-repeat;left:258px;top:0px;} 

#menu .nav05 {width: 68px;height: 28px;background: url(images3/kuvia.gif) no-repeat;left:335px;top:0px;}

#menu .nav06 {width: 82px;height: 28px;background: url(images3/historia.gif) no-repeat;left:403px;top:0px;}

#menu .nav07 {width: 60px;height: 28px;background: url(images3/info.gif) no-repeat;left:485px;top:0px;}

#menu .nav08 {width: 140px;height: 28px;background: url(images3/yhteistyokumppanit.gif) no-repeat;left:545px;top:0px;}

#menu .nav09 {width: 185px;height: 28px;background: url(images3/suomeksi.gif) no-repeat;left:685px;top:0px;}

#menu .nav10 {width: 34px;height: 28px;background: url(images3/inenglish.gif) no-repeat;left:870px;top:0px;}



#menu .nav01 span {width:87px;height:28px;left:0px;top-:28px;}

#menu .nav02 span {width:87px;height:28px;left:87px;top:-28px;}

#menu .nav03 span {width:84px;height:28px;left:174px;top:-28px;}

#menu .nav04 span {width:77px;height:28px;left:258px;top:-28px;}

#menu .nav05 span {width:68px;height:28px;left:335px;top:-28px;}

#menu .nav06 span {width:82px;height:28px;left:403px;top:-28px;}

#menu .nav07 span {width:60px;height:28px;left:485px;top:-28px;}

#menu .nav08 span {width:140px;height:28px;left:545px;top:-28px;}

#menu .nav09 span {width:185px;height:28px;left:685px;top:-28px;}

#menu .nav10 span {width:34px;height:28px;left:870px;top:-28px;}





#vasen {

  width:494px;

  padding-left: 1%; padding-right:1%;

  float:left;

  margin-left:35px;

  _margin-left:25px;

  margin-top: 40px;

  #margin-top: 200px;

  _margin-top: -130px;

  z-index:8;



}



#oikea {

  width:350px;

  padding-left: 1%; padding-right:1%;

  float:right;

  margin-right:10px;

  margin-top: 70px;

  #margin-top: 210px;

  _margin-top: -100px;

}



.keski {

  width:870px;

  background-color:#fff;

  padding-left: 1%; padding-right:1%;

  float:left;

  margin-left:32px;

  _margin-left:12px;

  margin-top: 9px;

  #margin-top: 180px;

  _margin-top: -130px;

}

  

#footer {

  clear: both;

	width: 909px;

	float:left;

	height: 161px;

  color:#cbcbcb;

	font-size:10pt;

	text-align:center;

	padding:0;

	margin-left:25px;

      _margin-left:15px;

	background: url(images3/footer-bg.gif) no-repeat top center;

}



#footer #copyright,

#footer #versions {

	padding:5px;

}



#footer #copyright {

	padding-top:75px;

}



#footer a {

	color:#e50051;

	padding:0.2em;	

}



#footer a:hover {

	text-decoration:none;	

	background:#e0dfdd;

}







.mainokset  {

    width: 150px;

    height: 100%;

    margin-top:0px;

    margin-right:0px;

    float:left;

    

} 

   

p {

color:#845838;

font-size:13px;
padding-left: 15px; 

}







a[href $='.pdf'] { 

   padding: 40px;

   background: transparent url(images2/ikonit/icon_pdf.gif) no-repeat center right;

   color:#404041;

}



a[href $='.doc'] { 

   padding: 40px;

   background: transparent url(images2/ikonit/icon_doc.gif) no-repeat center right;

   color:#404041;

}



a:link  {

	color: #e50051;

	font-size: 10pt;

	text-decoration: none;

       }



a:visited  {

	color: #e50051;

	font-size: 10pt;

	text-decoration: none;

      }



a:active  {

	color: #e50051;

	font-size: 10pt;

	text-decoration: none;

      }