/* 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/home.gif) no-repeat;left:0px;top:0px;}
#menu .nav02 {width: 87px;height: 28px;background: url(images3/performers.gif) no-repeat;left:87px;top:0px;}
#menu .nav03 {width: 84px;height: 28px;background: url(images3/program.gif) no-repeat;left:174px;top:0px;}
#menu .nav04 {width: 77px;height: 28px;background: url(images3/press.gif) no-repeat;left:258px;top:0px;} 
#menu .nav05 {width: 68px;height: 28px;background: url(images3/photos.gif) no-repeat;left:335px;top:0px;}
#menu .nav06 {width: 82px;height: 28px;background: url(images3/history.gif) no-repeat;left:403px;top:0px;}
#menu .nav07 {width: 60px;height: 28px;background: url(images3/info2.gif) no-repeat;left:485px;top:0px;}
#menu .nav08 {width: 140px;height: 28px;background: url(images3/partners.gif) no-repeat;left:545px;top:0px;}
#menu .nav09 {width: 185px;height: 28px;background: url(images3/suomeksi2.gif) no-repeat;left:685px;top:0px;}
#menu .nav10 {width: 34px;height: 28px;background: url(images3/inenglish2.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;
line-height: 14pt;
padding: 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;
      }