/*TEXTDARSTELLUNG*/

/*headers*/

h1 { font-size: 18px; font-weight: bold; }

h2 { font-size: 18px; font-weight: bold; }

h3 { font-size: 15px; font-weight: bold; margin-bottom: 1em;}
h3.kursheader { margin-bottom: 0 !important;}

h4 { font-size: 15px; font-weight: bold; margin-bottom: 1em;}


/*varia*/
.welcome{
font-size:17px;
}
.welcome-small-italic{
font-size:13px;
font-style:italic;
}

/*Ps und SPANs*/
P, BLOCKQUOTE, LI, OL, UL {text-align:left; font-size: 15px; line-height: 18px; }
P.kopf {text-align: left; margin-top:0;}
P.textfeld {text-align: left}
P.textfeldproduktioneinzel {text-align: left;}
P.photo {text-align: right}
P.datum, SPAN.datum  {color: #333;text-decoration: none;	}
#produktionphotooben, #personphotooben {padding-bottom: 15px;}

SPAN.normal {font-size: 100% }
SPAN.titlebold{font-weight: bold }
STRONG {  font-weight: bold; color: #000}

PRE, TT, CODE {  
font-family: Courier, monospace;
font-size:9px;
}

/*zum hervorheben*/
.hi{
color:#f00;
font-style: italic;
font-weight:bold;
}

/*linie dazwischen*/
hr{ 
	background-color: #fff;
	color: #fff;
	border-top: 0 none;
	border-left: 0 none;
	border-right: 0 none;
	border-bottom: 1px dashed #666;
}


/*links*/
A:link {
	color:#000000;
	text-decoration: none;
	border-bottom: 1px solid blue;
}

A:link:hover { 
	color: #333333; 
	text-decoration: none;
	border-bottom: 1px solid blue;
}  

A:visited, 
#rechtespalte A:visited, 
#rechtespalte A:link, 
#rechtespalte A:hover, 
#rechtespalte A:visited {	
	color: #000000; 
	text-decoration: none;
	border-bottom: 1px solid pink;
	 } 

a.noborder:visited{border-bottom:none;}
A:active {
	color: #000000; 
	text-decoration: none;
	border-bottom: 1px solid blue;
} 
A:visited:hover { 
	color: #000000; 
	text-decoration: none;
	border-bottom: 1px solid red;
} 

.suchresultat
{
	font-size: 15px;
	width:auto;
}

/*boxen zur textgleiderung im inhaltsbereich*/

P.textfeldkalender
{
	text-align: left; 
	border: 1px solid #fff;
	margin-left: -5px;
	padding: 5px;
	width: 490px;
}
P.textfeldkalender:hover
{
	text-align: left; 
	border: 1px solid #ddd;
	padding: 5px;
	background-color:#fff;
}

#textfeldproduktion {
	text-align: left; 
	border: 1px solid #fff;
	padding: 5px;
	margin-left:-5px; 
	width: 490px;;
	margin-top:20px;
}

#textfeldproduktion:hover{
	text-align: left; 
	border: 1px solid #ddd;
	padding: 5px;
	background-color:#fff;
}


/*theater-thumbs ohne border*/
#werbung a, #werbung a:visited, #werbung a:link, a.noborder, a.noborder:hover { 
border:none;
}

/*logo ohne border*/

a.noborder, a.noborder img,
a.noborder:focus, a.noborder:focus img,
a.noborder:hover, a.noborder:hover img,
a.noborder:active, a.noborder:active img {border: 0px solid #ffffff;}

/*aufführungsdaten  - tabelle mit arial*/
table.produktionsdaten {
	font-family: Arial,Helvetica,sans-serif;
	padding: 0px;
	margin-left: -1px; /*kerning manuell nachkorrigiert*/
	clear:both; 
	font-size:11px;
	width:100%;
	height:10px;
	color: #333;
	}

tr.produktionsdatenmonat {
	height: 25px;
	font-weight:bold;
	vertical-align:bottom;
}

tr.produktionsdatentag, .produktionsdatentag a{
	text-align: left;
	font-size:11px;
	line-height: 12px;
}

td.wochentag {
	width: 20px;
}
td.tagmonat {
	text-align:right;
	width: 40px;
}
td.stundeminute{
	width: 40px;
	padding-left: 9px;
}
td.ort{
	width: auto;
}


/*SEITENLAYOUT*/

body{
 	font-family: Georgia, "Times New Roman", Times, serif;
 	background-color: #fff;
	margin: 0px;
  	padding: 0px;
  	text-align: center;
  }

/*der zentrierungs-wrapper*/
#container {
    position: relative;
  	margin: 0px auto 0; 
	width: 1024px; 
}


/*die wichtigsten blöcke*/
#inhalt {
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	position: absolute; 
	left: 240px; 
	top: 0px; 
	width:520px; 
	overflow:visible; 
	background-color: #fff; 
	text-align: left; 
	font-size: 15px;
  line-height: 18px;
  	font-family: Georgia, "Times New Roman", Times, serif;

}

#linkespalte { 
	position: absolute; 
	top: 6px;
	left:20px;   
	width: 215px; 
	height: 570px; 
	padding-left: 5px ; 
	padding-right: 5px;  
	padding-bottom: 5px;
	background-color: #fff;
    }

#rechtespalte {
	font-size: 14px;
	line-height: 19px;
	text-align:right;
	position: absolute; 
	top: 0px; 
	left: 760px; 
	width:160px; 
	height: 100%;
	padding-top: 10px;
	padding-right: 0px;
	text-align:right;
}

#bauchkalender { 
	background-color: #fff; 
	padding-left: 15px; 
	padding-right: 10px;
	padding-top: 2px;
	margin-top: 0px; 
	overflow: visible;
	width:490px;
	} 

#bauchkalender #kopf {
padding-top:15px;
}

#kalenderkopf {
	font-size:17px; 
	padding: 15px; 
	background-color: #fff; 
	width: 480px;
}

/*gestrichelte linie oben*/
#dekolinie {
	position:absolute;
	border-top:dashed 1px #ccc;
	top:70px;
	left: 25px;
	width:800px;
	height:1px;
}

/*theater-thumbnails*/
#werbung{
	position: absolute; 
	left: 20px;
	margin-top: 10px;
	width: 140px;
}

/*ads*/
#google{
	position:absolute;
	padding:5px;
	left: 940px;
	top: 5px;
	border: 1px dashed  #ccc;
}


/*AGENDAMENU LINKS*/

#navi {
	position: relative; 
	left: 0px;
	top: 7px;
	width: 216px;
	border-bottom: #aaa solid 1px;
	text-align:left;
}

/*innerhalb navi unter-separator*/
#navi div.separator{
border-top: 1px dashed #ffffff;
color: #e0e0e0;
background-color: #e0e0e0;
margin: 0.3em 0.3em 0.3em 0;
}

/*agenda-bezeichnung, hat nichts mit menu zu tun*/
#box-header-agenda {
	border-bottom:1px solid #aaa;;
	font-weight:bold;
	font-size: 17px;
	padding-top:9px;
	padding-left: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	border-top:none;
	border-right:none;
	border-left:none;
	height:20px;
	position:relative;
	background-color: #fff;
	color:#333;
	text-align:center;
	background-image:url(http://www.theater.ch/logos/marker_agenda.gif)

}



/*underlines in navi weg*/
#navi a:link, #navi a:hover, #navi a:visited, #navi a:active {
	border-bottom:none;
	color: #000000;
}

/*boxenformat innen*/
#box-schnellsuche, #box-datumsuche, #box-volltextsuche, #box-listensuche {
	position:relative;
	border-top:1px dashed #ccc;
	border-right:none;
	border-left:none;
	border-bottom:none;
	background-color:#e0e0e0;
	padding: 5px;
}

/*spezialformat listensuche*/
#box-listensuche {
	padding-top: 7px;
	padding-left: 10px;
	padding-bottom: 10px;
}
#box-listensuche a:link, #box-listensuche a:hover, #box-listensuche a:visited, #box-listensuche a:active {
	line-height: 18px;
	border-bottom: none;
}


/*wegen fifo-dropdowns*/
/*#box-schnellsuche form select {
size: 1;
}*/


/*format der boxheader, wenn geschlossen*/
#box-header-schnellsuche a:link, #box-header-schnellsuche a:visited, #box-header-schnellsuche a:active, #box-header-kurssuche a:link, #box-header-kurssuche a:visited, #box-header-kurssuche a:active, #box-header-datumsuche a:link, #box-header-datumsuche a:visited, #box-header-datumsuche a:active,#box-header-volltextsuche a:link, #box-header-volltextsuche a:visited, #box-header-volltextsuche a:active,#box-header-listensuche a:link, #box-header-listensuche a:visited, #box-header-listensuche a:active {
	padding: 5px; 
	height:20px; 
	position:relative; 
	background-color: #f0f0f0; 
display:block;
	width:100%;
}

/*boxheader geöffnet*/
#box-header-schnellsuche.open, #box-header-kurssuche.open, #box-header-datumsuche.open, #box-header-volltextsuche.open, #box-header-listensuche.open{
	padding: 5px;
	background-color: #f0f0f0; 
}

/*untere boxheader geöffnet unterteilung*/
#box-header-datumsuche.open,  #box-header-kurssuche.open, #box-header-volltextsuche.open, #box-header-listensuche.open{
	border-top:1px solid #ccc;
}


/*rollover-effekt auf allen (geschlossenen) boxheadern*/
#box-header-schnellsuche a:hover,  #box-header-kurssuche a:hover, #box-header-datumsuche a:hover, #box-header-volltextsuche a:hover,#box-header-listensuche a:hover{
	background-color:#f0f0f0 !important;
}

/*alles andere als hover in den geschlossenen boxheadern, noch nichts*/
#box-header-schnellsuche a:visited, #box-header-datumsuche a:visited, #box-header-volltextsuche a:visited,#box-header-listensuche a:visited, #box-header-schnellsuche a:link, #box-header-datumsuche a:link, #box-header-volltextsuche a:link,#box-header-listensuche a:link, #box-header-schnellsuche a:active, #box-header-datumsuche a:active, #box-header-volltextsuche a:active,#box-header-listensuche a:active, #box-header-kurssuche a:link, #box-header-kurssuche a:visited, #box-header-kurssuche a:active {
	width:205px;
	background-color: #f0f0f0;
}

/*unterteilungen zwischen menuitems*/
#box-header-datumsuche a:link, #box-header-datumsuche a:hover, #box-header-datumsuche a:visited, #box-header-datumsuche a:active,#box-header-volltextsuche a:link, #box-header-volltextsuche a:hover, #box-header-volltextsuche a:visited, #box-header-volltextsuche a:active,#box-header-listensuche a:link, #box-header-listensuche a:hover, #box-header-listensuche a:visited, #box-header-listensuche a:active, #box-header-kurssuche a:link, #box-header-kurssuche a:visited, #box-header-kurssuche a:active{
	border-top:1px solid #ccc;
	border-right:none;
	border-left:none;
	border-bottom:none;
}

/*volltextsuche-höhe, für ie nötig*/
#box-volltextsuche  {
height: 22px;
vertical-align:middle;
}

/*datumsuche*/

table.monatskalender {
	width: 100%;
	margin-top:10px;
	margin-bottom: 10px;

}
.monatskalender thead{

}
.monatskalender tbody {
	background-color:#fbfbfb;
}

.monatskalender tbody td{
	width: 14%;
	background-color:#fbfbfb;
	padding-right: 1px;
	padding-bottom:4px;
	text-align:center;
	text-decoration:none;
	border: 1px solid #fbfbfb;
}

.monatskalender tbody td.navigation a{
	border-bottom: none;
}

.monatskalender tbody td.navigation:hover {
background-color: #fff;
border: 1px solid #333;
}


/*SUCHFORMULAR*/
SELECT { font-size: 11px; width: 190px;}
OPTION { font-size: 11px; }
INPUT, TEXTAREA { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }



/*ALLES, WAS MIT PHOTOS ZU TUN HAT*/

/*verlinkte bilder ohne rand!*/
A img {border: none; 
}

/*thumbnails im content*/
#produktionphotorechts{
	float:right; 
	width:141px; 
	padding-left:15px;
	border: none;
}
/*ohne rand!*/
#produktionphotorechts a{
	border: none;
}

/*grosses bild, braucht keine angaben*/
#produktionphotooben img {
}

/*bildunterschrift beim grossen Bild*/
.photograph {
/*	float: right;*/ /*momentan draussen, weil mit kleinbildern nicht passte*/
	font-size:9px;
}

/*bildunterschrift bei thumbs in werbung*/
.bildunterschrift {
	font-size: 11px;
	line-height: 14px;
	width: 140px;
	margin-top: -7px;
	font-variant:normal;
}

/*bei thumbs in content keine bezeichnung des photographen anzeigen*/
.photographrechts {
	visibility: hidden;
	display:none;
}

/*photo-mosaik auf der Startseite*/

table.photostart {
margin:0;
padding:0;
border-spacing:0;
}

table.photostart {
padding: 0;
margin:0px
}
table.photostart a, table.photostart a:hover, table.photostart a:link, table.photostart a:visited, table.photostart a:active {
border: none;
}
table.photostart a img{
border: none;
width: 80px;
height: 53px;
}

/*BACKSTAGE*/

#box-header-backstage{ 
	font-weight:bold;
	font-size: 17px;
	color:#222;
	padding-top:5px;
	padding-left: 0px;
	padding-right: 20px;
	padding-bottom: 6px;
	border-top:none;
	border-right:none;
	border-left:none;
	height:20px;
	position:relative;
	background-color: #fff;
	text-align:center;
	background-image:url(http://www.theater.ch/logos/marker_backstage.gif)
}
#backstagemenu  {

	margin-top:8px;
/*
	font-size:11px;
*/
}
#backstagemenu  ul{
/*	border-top:1px solid #aaa;*/
	border-bottom:1px solid #aaa;
	list-style: none;
	margin: 0;
	padding: 0;
}
#backstagemenu  ul li { /*oberbegriffe*/
	background-color:#f0f0f0;
	padding-left: 3px;
	padding-top:5px;
	padding-bottom:6px;
	border-top:1px solid #ccc;
}

#backstagemenu  ul ul { /*behälter mit den menueinträgen*/
	padding-top: 3px;
	padding-bottom: 4px;
	border-top:1px dashed #ccc;
	border-bottom: none;
	background-color:#e0e0e0;
}

#backstagemenu  ul ul li { /*menueinträge*/
	left: 0px;
	padding-left: 9px;
	padding-bottom: 0.2em;
	background-color:#e0e0e0;
	position:relative;
	line-height:15px;
	border-top: none;
}

#backstagemenu  a { /*keine borders*/
	border-bottom:none;
}

#dekolinie_backstage {
	position:absolute;
	border-top:dashed 1px #ccc;
	top:70px;
	left: 5px;
	width:800px;
	height:1px;
}

#backstage #kalenderkopf .suchresultat{
font-size:17px;
font-family: Georgia, "Times New Roman", Times, serif;
}

/*infobox für google-suche in volltextsuche.php*/

.infobox {
display: block;
width: 40%;
float: right;
margin-top: 5px;
border: 1px solid #aaa;
background-color: #fafafa;
}

.infobox_content
{
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
padding: 10px;
}

/*Ein- und ausblendbarer Infotext (Bio etc)*/

#infotext_rest, #textfeld_zusatz,  .textfeld_hidden {
display: none;
}

#infotext_weiter,#textfeld_zusatz_weiter {
font-style: normal;
font-size: 90%;
border-top: 1px solid #ccc;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-left: 1px solid #ccc;
background-color: #fafafa;
padding: 0px 5px 2px 4px;
}
#infotext_weiter:hover, #textfeld_zusatz_weiter {
border-top: 1px solid #aaa;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #aaa;
}

/*Ein- und ausblendbarer Infotext (Bio etc)*/

/*STYLES fuer ein und ausblendbarer Text in Textfeld */
/*
#textfeld_zusatz {
display: inline;
color: green;
}
*/

/*Message (z.Zt. für mobile-detection)*/
#message.cellphone {font-size: 120%}
#message.smartphone {width: 100%;  padding: 0.5em; margin-bottom: 20px; font-size: 4em; border: 1px solid #000; background-color: #ccc;}
#message a {border-bottom: 2px solid #0000ff;} 


/*STYLES FÃœR BACKSTAGE*/

#backstage #inhalt{
	padding-top:0px;
}
#backstage #bauchkalender {
	padding-top:0px;
	margin-top:0px;
}

#backstage textarea {
font-family: Georgia, "Times New Roman", Times, serif;
color: #000; 
font-size: 13px !important;
}

#backstage h3{
font-size: 15px;
font-weight: bold;
}
#backstage h4{
font-size: 13px;
font-weight: bold;
}

/*mindesthöhen*/

#backstage #bauchkalender { min-height: 1000px } /* moderne Browser */
 * html #backstage #bauchkalender { height: 1000px; } /* IE 5.x + 6.0 */


/*DRUCKELEMENTE AUSBLENDEN*/
#printlogo {
display:none;
height:57px;
width:220px;
}

/*Listensuche -> Berufe*/

.berufebox {
   width: 500px;
	border: 1px solid #ddd;
	margin-bottom: 5px;
	background-color:#fff;
}

.berufebox_content {
	padding: 5px;
}

/*schnellsuche neu mit radiobuttons*/

#box-schnellsuche label{
font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;
}

#box-schnellsuche #genres {
padding: 0 0 7px 0;
}

#box-schnellsuche #altersbox{
padding: 3px 0 0 5px;
}

#box-schnellsuche #altersbox select{
width: 6em !important;
}

/*neue navi mit einführung theater.ch/texte*/
/*ub, 11.1.10*/

/*fixe bestandteile*/


#box-header-triple {
	background-color: #fff;
  padding-bottom: 10px;
}

#bh_agenda {
float:left;
text-align: center;
width: 60px;
border-right: 1px solid #999;
display: block;
padding: 10px 2px 10px 2px;
border-bottom: 1px solid #999;
background-color: #fff;
}


#bh_agenda a:hover, #bh_backstage a:hover, #bh_texte a:hover  {
border-bottom: 1px solid #000;
}

#bh_backstage {
float:left;
text-align: center;
width: 80px;
padding: 10px 2px 10px 5px;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
background-color: #fff;
}



#bh_texte {
float:left;
padding: 10px 2px 10px 5px;
width: 55px;
text-align: center;
border-bottom: 1px solid #999;
background-color: #fff;
}



#box-header-schnellsuche {
clear:both;
}

/*28.1.10 urs*/
.pagebrowser{
background-color:#f0f0f0;
border-bottom:medium none;
color:#000000;
padding:0.3em 0 0.3em 0.3em;
margin: 1em 0 0 0;
width: 100%;
text-decoration:none;
}

/*Pagebrowser für mehr als 200 Suchresultate*/

.pagebrowser a {
border-bottom: none;
}

.pagebrowser a:focus, .pagebrowser a:hover, .pagebrowser a:active {

}

/*überarbeitete Stücksuche*/
.datum-vorstellung {
	font-family: Arial,Helvetica,sans-serif;
	padding: 5px 10px 5px 10px;
	clear:both; 
	font-size:12px;
	color: #333;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #e0e0e0;
	display:block;

}


a.vorstellung-link {
	text-align: left; 
	padding: 5px 10px 5px 10px;
	/*damit floatobjekt die box stretcht*/
	/*http://www.quirksmode.org/css/clearing.html*/
    overflow: hidden;
    display: block;

}

a.vorstellung-link{
	border: 1px solid #e0e0e0;
	border-top: 1px dashed #e0e0e0;

}

a.vorstellung-link:focus,
a.vorstellung-link:hover,
a.vorstellung-link:active {

	background-color: #f0f0f0;
	border: 1px solid #000;
}


a.vorstellung-link .more {
    color: #000;
    border-bottom: 1px solid #000;
}

a.vorstellung-link:focus .more,
a.vorstellung-link:hover .more,
a.vorstellung-link:active .more {
    border-bottom: 1px solid blue;
}

div.vorstellung, div.vorstellung-repeat {
    margin: 12px 0 12px 0;

}
div.vorstellung:hover{

}


div.vorstellung img.vorstellung-bild, a.vorstellung img.vorstellung-bild  {
    float: left;
    margin: 5px 15px 0 0;
}

div.vorstellung .prodtitel {
    font-weight: bold;
}


/*wiederholte Einträge*/
/*brauchen wir mal nicht gesondert zu behandeln*/
/*könnte aber wieder mit jquery auf hover aktiviert werden*/

div.vorstellung-repeat .prodtitel {
    font-weight: bold;
}

div.vorstellung-repeat .prodline,
div.vorstellung-repeat img {
    /*display: none;*/
}

div.vorstellung-repeat img {
    float: left;
    margin: 5px 15px 0 0;
}

/*hover-show initial verstecken*/

span.hover-show {
    display: none;
}

/*demo*/
.green {
    color: #339900;
}
.blue {
    color: #0000ff;
}

/*SMS-Aktion*/

div#sms-aktion-l {
    width: 140px;
    float: right;
}

div#sms-aktion-bild, div#sms-aktion-text {
   
    font-size: 11px;
    line-height: 14px;
    padding-top: 10px;
    text-decoration: none;
}

div#sms-aktion-r div#sms-aktion-bild, div#sms-aktion-r div#sms-aktion-text{
    text-align: left;
}

div#sms-aktion-l div#sms-aktion-bild, div#sms-aktion-l div#sms-aktion-text {
    text-align: right;
    padding: 30px 20px 0 0;
}

div#sms-aktion-bild a {
    border: none;
}


div#sms-aktion-text a,  div#sms-aktion-text a:visited, div#sms-aktion-text a:link {
    color: #5C3A86;
    border-bottom: 1px solid #fff;
}

div#sms-aktion-text a:hover {
    border-bottom: 1px solid #5C3A86;
}

/*Kurse*/

div#anmeldung {
	margin: 1em 0 0 0;
}

div#anmeldung .label {
	font-weight: bold;
}

p.kurs-listenansicht {
	margin: 0.3em 0 1em 0;
}



span.label {
width: 200px; 
display: block; 
float: left;
}