.jquery-corner{ position:relative; }

/*
 * Teatterimukamas.com -tyylimäärittelyt
 * Viimeksi päivitetty 24.2.2009
 * 
 */  

/* ----------- Taustakuvan muotoiluja ----------- */

img {
  behavior: url(iepngfix.htc);
}

html,body,#bg,#bg table,#bg td,#cont{

  width: 100%;
  height: 100%;
  overflow: hidden;

}
body { 
  cursor:default;
  background:#ebebeb;
  font-size: 11px;
  font-family: Trebuchet Ms, Tahoma, Arial, sans-serif;
  color: #000;
  margin:0;
  /* Huom: taustakuva määritetty index.htm:ssä ja sitä vastaavilla CSS-määrittelyillä */
}
#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto;}
#cont{
	position:absolute;
	top:0;
	left:0;
	z-index:70;
	margin:0;
	overflow:auto;
	}


#spoondaddy{
  position:absolute;
  float:left;
  left:0%;
  bottom:0%;
  width:195px;
  height:422px;
  z-index:1;
}

/* ----------- Yleisiä muotoiluja ----------- */

.nykyinensivu,.hoverisivu{
padding-left:16px;
width:126px;
text-align:center;
}

img {
  border: 0;

}

b, strong {
  font-weight: bold;
}

i, em {
  font-style: italic;
}

h1 {
  font-weight: normal;
  font-size: 18px;
  padding:0px;
  margin:0px;
}
h2 {
  font-weight: normal;
  font-size: 14px;
  padding:0px;
  margin:0px;
}
p{
  font-size:12px;
  line-height:15px;
}

table {
  font-size: 12px;
}

/* iepngfix */

/* Linkit */

#content_default a{
  color: #333;
  text-decoration: underline;
}
#content_default a:hover{
  color: #666;
  text-decoration: underline;
}
a:link, a:visited {
  color: #000;
  text-decoration: none;
}


/* Tausta: vasemman reunan kukka, oikean reunan tähtikuvio */

div#header_flower {
  margin:auto;
  width: 1200px;
  height: 305px;
  z-index: 0;
  position: relative;
  overflow:hidden;
}
div#rest{

  position: absolute;
  right:120px;
  float:right;
  width:356px;
  height:180px;

}

/* Sisältöwrappi */

div#container {
  margin: 0 auto;
  margin-top: -305px;
  width: 903px;
  z-index: 2;
  position: relative;
  text-align:left;
  
  
}

/* Valikkopalkki */

div#menubar {
  width: 903px;
  height: 36px;
  background: url(../images/layout/menubar.gif) no-repeat;
  z-index: 1;
}
/* hattunavigointi */
div.hatut{
  list-style:none;
  display:inline;
  width:600px;
  height:36px;
  border:none;
  
}
div.hatut div{
  width:40px;
  height:36px;
  float:left;


}
a.hattulinkki{
 display:block;
 width:40px;
 height:36px; 
 float:left;
}
/*punaiset hatut*/
.ajankohtaista{
  background:url(../images/layout/ajankohtaista_red.jpg) no-repeat;
  background-position:center;
}
.teatterimukamas{
  background:url(../images/layout/teatterimukamas_red.jpg) no-repeat;
  background-position:center;
}
.ohjelmisto{
  background:url(../images/layout/ohjelmisto_red.jpg) no-repeat;
  background-position:center;
}
.henkilokunta{
  background:url(../images/layout/henkilokunta_red.jpg) no-repeat;
  background-position:center;
}
.viides_sisaltosivu{
  background:url(../images/layout/viides_sisaltosivu_red.jpg) no-repeat;
  background-position:center;
}
.festivaali{
  background:url(../images/layout/festivaali_red.jpg) no-repeat;
  background-position:center;
}
.media{
  background:url(../images/layout/media_red.jpg) no-repeat;
  background-position:center;
}
.yhteystiedot{
  background:url(../images/layout/yhteystiedot_red.jpg) no-repeat;
  background-position:center;
}

.blogi{
  background:url(../images/layout/blogi_red.jpg) no-repeat;
   background-position:center;
}
/* värilliset hatut */
.ajankohtaista :hover{
  background:url(../images/layout/ajankohtaista.jpg) no-repeat;
  
  background-position:center;
}
.teatterimukamas :hover{
  background:url(../images/layout/teatterimukamas.jpg) no-repeat;
  background-position:center;

}
.ohjelmisto :hover{
  background:url(../images/layout/ohjelmisto.jpg) no-repeat;
  background-position:center;

}
.henkilokunta :hover{
  background:url(../images/layout/henkilokunta.jpg) no-repeat;
  background-position:center;

}
.viides_sisaltosivu :hover{
  background:url(../images/layout/viides_sisaltosivu.jpg) no-repeat;
  background-position:center;

}
.festivaali :hover{
  background:url(../images/layout/festivaali.jpg) no-repeat;
  background-position:center;

}
.media :hover{
  background:url(../images/layout/media.jpg) no-repeat;
  background-position:center;

}
.yhteystiedot :hover{
  background:url(../images/layout/yhteystiedot.jpg) no-repeat;
  background-position:center;

}
.blogi :hover{
  background:url(../images/layout/blogi.jpg) no-repeat;
  background-position:center;

}



/* Logo */

div#logo {
  width: 135px;
  height: 84px;

  float: right;
  margin-top: -36px;
  margin-right: 10px;
  z-index: 2;
}

/* Linkin seliteteksti */

div#heading {
/*  width: 603px;*/
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
/*  padding-left: 23px;*/
  line-height: 30px;
  }
  
/* Alavalikko */

div#submenu {
  width: 900px;
  height: 185px;
  background: #799803;
  position: relative;
}


#wrappedcontent{
width:731px;
min-height:330px;
height:auto !important;
height:330px;
float:left;
position:absolute;
padding-left:12px;
z-index:2;
top:0px;
}
#wrapped_tm_content{
width:732px;
height:auto;
float:left;
position:relative;
padding-left:12px;
z-index:1;
}

/* vihreä alue, jossa alanavigointi */

#greenbox{
  width:900px;
  height:auto;
  position:absolute;
  top:45px;
  padding-bottom:10px;
  color:#fff;
  z-index:0;
}
#greenboxtop{
  width:900px;
  height:8px;
  float:left;
  background-image:url(../images/layout/greenboxtop.gif);
  background-position:bottom;
  background-repeat:no-repeat;
}
#greenboxarea{  
  width:900px;
  height:auto;
  float:left;
  background-image:url(../images/layout/greenbox.gif);
  background-repeat:repeat-y;
  font-size:12px;
  font-family: Trebuchet Ms, Tahoma, Arial, sans-serif;
}
#greenboxbottom{
  width:900px;
  height:9px;
  float:left;
  background-image:url(../images/layout/greenboxbottom.gif);
  background-repeat:no-repeat;
}
#greenbox a{
  color:#fff;
  text-decoration:none;
  font size:12px;
  font-family: Trebuchet Ms, Tahoma, Arial, sans-serif;
  line-height:12px;

}
#greenbox a:hover{
  color:#303030;
  font-size: 12px;
  font-family:Trebuchet Ms, Tahoma, Arial, sans-serif;
  line-height:12px;
  text-decoration:none;
  
  
}
#greenbox a.currentti{
  color:#303030;
  font-size:12px;
  font-family: Trebuchet Ms, Tahoma, Arial, sans-serif;
  line-height:12px;
  text-decoration:none;
  
}
.greenboxtext{
  padding-left:15px;
  color:#cecece;
  font-size:12px;
  font-family:Trebuchet Ms, Tahoma, Arial, sans-serif;
  line-height:12px;
  width:auto;
  height:auto;
}
.ohjelmisto_alasivu_painike_vasen{
  float:left; 
  bottom:0px; 
  position:relative; 
  left:0px;
  background:url(../images/layout/ohjelmisto_alasivu_painike.gif) no-repeat;
  width:99px;
  height:24px;
  text-align:center;
  z-index:10;
}
.ohjelmisto_alasivu_painike_textwrap{
  padding-top:5px;
}

.ohjelmisto_alasivu_painike_oikea{
  float:right; 
  bottom:0px; 
  position:relative; 
  right:2px;
  background:url(../images/layout/ohjelmisto_alasivu_painike.gif) no-repeat;
  width:99px;
  height:24px;
  text-align:center;
  z-index:10;
}
#slideup1{
  float:left;
  width:600px;
  height:435px;
  background:#ebebeb;
  position:relative; 
  bottom:0px;
  overflow:auto;
}
#slideup2{
  float:right;
  width:634px;
  height:435px;
  background:#ebebeb;
  position:relative; 
  bottom:0px; 
  right:2px;
}

hr.titleline{
  background-color:#c0c0c0;
  border:none;
  height:1px;

}
hr.naviline{
  background-color:#9dad62;
  border:none;
  height:1px;


}
/* sisältöalue */
div#content_wrapper{
  width:900px;
  height:auto;
  padding-top:0px;
  z-index:5;
  position:absolute;
}  
/* Sisältöalueen yläreunan palkki */

div#content_header {
  float:left;
  width: 740px;
  height: 20px;
  background: url(../images/layout/bg_content_header.gif) no-repeat;
  position:relative;
}
#content_header .currentpagination
{
  color:#ff0000;
}

/* Sisältöalue */

div#content_default {
  width:100%;
  /*width: 731px;
  _width: 732px;  IE */
  float:left;
  min-height: 330px; 
  height: auto !important;
  height:330px;
  background-color: #e7ddc3;
  border: 1px solid #e7e7e5;
  position:relative;
  
  font-size:12px;
  font-family:Trebuchet Ms, Tahoma, Arial, sans-serif;
}

/* Sisältöalueen alareunan palkki */

div#content_footer {
  float:left;
  width: 740px;
  height: 20px;
  position:relative;
  text-align:center;
  font-size:11px;
  background: url(../images/layout/bg_content_footer2.gif) no-repeat;
}

/* Tekstivalikko */

div#footer {
  width: 903px;
  float:left;
  height:auto;
  position:relative;
  margin-top: 20px;
  text-align:center;
  font-size:12px;
  color:#101010;
  font-family:Trebuchet MS, arial, tahoma, verdana;
}

  /* Valittu tekstivalikon linkki */
  a.activemenu {
    color: #ff0000;
  }
  a.bottomlink {
    color: #101010;
  } 
  a.bottomlink:visited{
    color: #101010;
  } 

/* Uutisen päiväys */

span.news_date {
  font-size: 10px;
  color: #ff0000;
}

/* ------------------------ TEMPLATE KOHTAISET CSS:SÄT ----------------------------------------- */

/* teatteri_mukamas.php */

#tm_content{
	margin-top:30px;
	margin-left:100px;
  width:372px;
  min-height:300px;
  height:auto !important;
  height:300px;
  float:left;
  position:relative;
  
  background-image:url(../images/layout/tm_content_bg.png);
}
#mediapage{
  float:left;
  width:219px;
  height:auto;
  padding-right:15px;
}
#mediawrapper{
  float:right;
  width:463px;
  height:320px;
  position:relative;
}
#mediaimage{
  float:left;
  width:463px;
  height:310px;
  overflow:hidden;
  clear:both;
  position:relative;
}

/* Kuvagalleria */
#galleriamenu{
  width:100%;
  min-height:500px;
  height:auto !important;
  height:500px;

  float:left;
}
.folder_bg{
  width:210px;
  padding:0px;
  height:300px;
  float:left;

}
.img_bg{
  width:210px;

  height:175px;
  float:left;
  padding:13px;

}
.kurvit{
  position:relative;

  width:210px;
  height:150px;
  float:left;
  overflow:hidden;
}
.kurvit img{
  margin:0;
}
.imgbg{
  width:210px;
  height:150px;
  float:left;
}

.images{
  padding:0px;
  width:75px;
  height:75px;
  overflow:hidden;
  float:left;
}
.images img{
  padding:0px;
}
.img_area{
  width:210x;
  height:150px;
  background-color:#f0f0f0;
  float:left;
  padding:0px;
  
}
/*
.image_area{
  width:210px;
  height:150px;
  overflow:hidden;
  float:left;
  position:relative;
    
}*/