@charset "windows-1252";

BODY, TABLE, INPUT, TEXTAREA, SELECT {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

BODY {

	background-color:#262626;
	background-image:url('isotausta5.jpg');
	background-position: center top;
	background-repeat: no-repeat; 
	background-attachment:fixed;
		
}

/* Otsikko n?ytet??n, jos kuvat ei n?y */
.otsikko {
	display: none;	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color:#262626;
	
}

/* Otsikoiden muotoilut */
.otsikot {
	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color:#262626;
}

h4.otsikot {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color:#262626;
}	

h4 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color:#262626;
}	

h3.otsikot {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color:#262626;
}

h3 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color:#262626;
}	

h2.otsikot {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color:#262626;
}	

h1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color:#262626;
}


.divPage {
	margin-top:0px;
	padding-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:auto;
	text-align:left; 
	position:relative;
	overflow:hidden;
	background-color:#ffffff;
	
}

.divPageheader {
	background-color: #262626;
	height: 120px;
	
}

/* Teatterin oma logo */
.divPageheaderLeft {
	background-image: url('left_logo2.gif');
	margin-left:70px;
	height: 120px;
	background-repeat: no-repeat;
	background-color:#ffffff;
}

/* Teatterin 90-vuotis logo */
.divPageheaderRight {
	background-image: url('teatteri2.jpg');
	height: 120px;
	background-repeat: no-repeat;
	background-position: top right;
} 


/* MAIN-VALIKKO */

.divMainmenu {
	float:left;
	height: 30px;
	width: 950px;
	padding-top:0px;
	padding-bottom: 3px;
	background-color: #5C5C5C;
	border:0;
	padding-left:0;
	padding-right:0;

}

.ulMainmenu {
	margin: 0px;
	padding: 0px;
	list-style:block;
}


/* MAIN-VALIKKO LOPPUU */


.divMainarea_etusivu {
	position:relative;
	float:left;
	height:auto;
	width:900px;
	background-color:#3E3E3E;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom:0px;
	padding-right: 10px;
	background-image: url('varjobg2.jpg');
	background-repeat: repeat-x;
	
		
}
.divMainarea {
	float: left;
	height: auto;
	width: 730px;
	background-color: #ffffff;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 0px;	

}
.divKoriste {
	float: left;
	width: 646px;
	height: 389px;
	padding-left: 25px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 20px;
	margin-top: -10px;
	
}
.divYlakuva {
    position:relative;
    float:left;
	width:520px;
	height:400px;
	padding-left:10px;
	background-repeat:no-repeat;	
}

.divPostituslista {
	position:relative;
    float:right;
	width:350px;
	height:50px;
	padding-right:10px;
	text-align:left;
	color:#ffffff;
	margin-top: 14px;
}

.divOikeaPalsta {
	position:relative;
    float:right;
	width:350px;
	/*height:350px; Kun divVideoBlogi ei käytössä etusivulla  */
	height:266px;
	padding-right:0px;
	text-align:left;
	color:#ffffff;
	margin-top: 5px;
}

.divOikeaPalsta  h3{
	color:#ffffff;
}

.divVideoBlogi {
	position: relative;
    float: right;
	width: 350px;
	height: 100px;
}

.divAlakuva {
    position:relative;
	float:left;
	left:30px; 
	width:900px;
	height:auto;
	text-align:center;
}

.tdAlakuva {
	min-width:200px;
	max-width:200px;
	height:300px;	
}

/*LIPPULINKKI LIPPU.FI*/
a.lippulinkki span {
	color: #ffffff;
	background-color:#ffffff;			
}

a.lippulinkki:hover span {
color: #ffffff;
text-decoration: underline;
}


/* henkiloiden email */
a.mail span {

	color: #F09B1C;
	text-decoration: underline;
			
}

a.mail:hover span {
	color: #808080;
	text-decoration: underline;
}


/*LIPPUVARAUS JA HINNASTO LINKIT*/

a.linkki {
	color: #7ebad1;
	text-decoration: none;
	
}

.koriste_vasen {
	margin-top: 0px;
	margin-left:-30px;
	position: absolute;
	background-color: #fff2d3;
}

.koriste_oikea {
	margin-top: 0px;
	margin-left: 727px;
	position: absolute;
	background-color: #fff2d3;
}

.divAlalinkit {
	float: left;
	width: 900px;
	padding-bottom: 8px;
	text-align: center;
	background-color: #3E3E3E;
	background-image: url("varjobg1.jpg");
	background-repeat: no-repeat;
}

/* Muiden sivujen asettelut */

.divRightside {
	width: 130px;
	margin-top: 0px;
	float: right;
	height: auto;
	background-color: #ffffff;
}

.divFooterindex {
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom:10px;
	height: 25px;
	width: 900px;
	background-color:#5C5C5C;
	font-size: 10px;
	text-align: center;
	color: #FFFFFF;
	border:0;
}

/* N?YT?S-MENU */

.ulNaytosmenu {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
	font-weight: bold;
}

.liNaytosmenu {
	margin-top: -4px;
	float: left;
	width: 680px;
}

.liNaytosmenu a:link {
	color: #FFA33F;
	text-decoration: none;
	border-right: solid 1px #808080;
	padding-right: 5px;
}

.liNaytosmenu a:link .liNaytosmenu a:visited {
	color: #FFA33F;
	text-decoration: none;
	border-right: solid 1px #808080;
	padding-right: 5px;
}

.liNaytosmenu a:link, .liNaytosmenu a:active {
	color: #808080;
	text-decoration: none;
	border-right: solid 1px #808080;
	padding-right: 5px;
}

.liNaytosmenu a:hover, .liNaytosmenu a:visited {
	color: #FFA33F;
	text-decoration: none;
	border-right: solid 1px #808080;
	padding-right: 5px;
}

.liNaytosmenu a:hover, .liNaytosmenu a:active {
	color: #808080;
	text-decoration: none;
	border-right: solid 1px #808080;
	padding-right: 5px;
}

/* NAYT?S-MENU LOPPUU */

/* OHJELMA KOHTAISIA TYYLEJ? */


.divNaytoskuva {
	float: left;
	width: 432px;
	height: 288px;
}

.divNaytostiedot {
	float: right;
	width: 200px;
	color:#000000;	
	padding-right: 40px;

}

.divTeksti {
	float: left;
	height: auto;
	width: 565px;
	color:#000000;
}

.divTekstiNaytos {
	float: left;
	height: auto;
	width: 433px;
	color:#000000;
	
	text-align: justify;
}

.divNaytos {
	margin-top: 15px;
	float: right;
	margin-right: 0px;
	width: 128px;
}

.hrNaytos {
	color: #000000;
	width: 130px;
	margin-left: 0px;
}


.divVideot{
	float: left;
	width: 555px;
}


.divLeft {
	float:left;
	width: 680px;
}

.napit {
	/*background-color: #7EBAD1;*/
	background-color: #ffa33f;
	color: #000000;
	border: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.palaute_lahetys {
	margin: 15px;
}


/*Linkkien v?rit*/

.divLinkki a:link {
	
	color:#F09B1C;
	text-decoration: none;
}

.divLinkki a:link .divLinkki a:visited, .divLinkki a:active {
	color:#F09B1C;
	text-decoration: none;
}

.divLinkki a:hover, .divLinkki a:visited, .divLinkki a:active {
	color:#F09B1C;
	text-decoration: none;
}

.divLinkki_musta a:link {
	color: #000000;
}

.divLinkki_musta a:link .divLinkki_musta a:visited, .divLinkki_musta a:active {
	color: #000000;
}

.divLinkki_musta a:hover, .divLinkki_musta a:visited, .divLinkki_musta a:active {
	color: #000000;
}

.divLinkki_oranssi a:link {
	color: #FFA33F;
	text-decoration: none;
}

.divLinkki_oranssi a:link .divLinkki_oranssi a:visited, .divLinkki_oranssi a:active {
	color: #FFA33F;
	text-decoration: none;
}

.divLinkki_oranssi a:hover, .divLinkki_oranssi a:visited, .divLinkki_oranssi a:active {
	color: #F09B1C;
	text-decoration: none;
}




/* Otsikko kuva-asetukset */

.divPalaute {
	background-image: url('palaute.gif');
	background-repeat: no-repeat;
	padding-top: 67px;
}

.divHenkilot {
	background-image: url('henkilokunta.gif');
	background-repeat: no-repeat;
	padding-top: 68px;
}



.divNayttelijat {
	background-image: url('nayttelijat.jpg');
	background-repeat: no-repeat;
	padding-top: 68px;
}

.divHallinto {
	background-image: url('hallinto.gif');
	background-repeat: no-repeat;
	padding-top: 68px;
}

.divHallinnollinen {
	background-image: url('hallinnollinen.jpg');
	background-repeat: no-repeat;
	padding-top: 68px;
}

.divTekninen {
	background-image: url('tekninen.jpg');
	background-repeat: no-repeat;
	padding-top: 68px;
}

.divYhteystiedot {
	background-image: url('yhteystiedot.gif');
	background-repeat: no-repeat;
	padding-top: 70px;
}

.divOhjelmistossa {
	background-image: url('ohjelmisto.gif');
	background-repeat: no-repeat;
	padding-top: 67px;
}

.divVideot {
	background-image: url('videot.gif');
	background-repeat: no-repeat;
	padding-top: 67px;
}

.divNaytokset {
	background-image: url('kalenteri.gif');
	background-repeat: no-repeat;
	padding-top: 68px;
}

.divLahjakortit {
	background-image: url('lahja.gif');
	background-repeat: no-repeat;
	padding-top: 68px;
}

.divKayvieraissa {
	background-image: url('vieraissa.gif');
	background-repeat: no-repeat;
	padding-top: 68px;
}

.divBlogi {
	background-image: url('blogi.gif');
	background-repeat: no-repeat;
	padding-top: 68px;
}

.divHistoria {
	background-image: url('historia.gif');
	background-repeat: no-repeat;
	padding-top: 68px;
	padding-right: 20px;
}
.divEsittelyt{
	background-image: url('teatteri.gif');
	background-repeat: no-repeat;
	padding-top: 68px;
	padding-right: 20px;
}

.divNayttamot {
	background-image: url('nayttamot.gif');
	background-repeat: no-repeat;
	padding-top: 68px;
	color:#000000;
}

.divTeatterilla_tapahtuu {
	background-image: url('teatterilla_tapahtuu.gif');
	background-repeat: no-repeat;
	padding-top: 68px;
	margin: 10px;
}

.divKalenteri {
	background-image: url('kalenteri.jpg');
	background-repeat: no-repeat;
	padding-top: 68px;
	margin: 10px;
}
.divLiput {
	background-image: url('liput.gif');
	background-repeat: no-repeat;
	padding-top: 68px;
	margin: 10px;
}
.divLippuvaraus {
	background-image: url('lippuvaraus.gif');
	background-repeat: no-repeat;
	padding-top: 68px;
	margin: 10px;
}

.divHinnasto{
	background-image: url('hinnasto.gif');
	background-repeat: no-repeat;
	padding-top: 68px;
	margin: 10px;
}
.divKesateatteri{
	background-image: url('kesateatteri.gif');
	background-repeat: no-repeat;
	padding-top: 68px;
	margin: 10px;
}
.divHallinto{
	background-image: url('hallinto.gif');
	background-repeat: no-repeat;
	padding-top: 68px;
	padding-right: 20px;
}
.divSalikartat{
	background-image: url('salikartat.gif');
	background-repeat: no-repeat;
	padding-top: 68px;
	margin: 10px;
}





.img {
	color:#ffffff;
	border:0;	
	text-decoration:none;
	
	
}
.img2 {
	color:none;
	border:0;	
	text-decoration:none;
	
	
}
.kuva {
min-height:150px;

}



