@charset "utf-8";
@media screen, projection {
html {
height: 100%;
font-size: 100%;
overflow-y: scroll;
background: url(/img/html.png) left top #fff;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
width: 960px;
min-height: 100%;
margin: 0 auto;
padding: 0;
color: #222;
font: 81.25%/1.54 'Lucida Grande','Lucida Sans','Trebuchet MS', sans-serif;
background: url(/img/bg.jpg) no-repeat right 250px #fff;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
box-shadow: 0 0 10px rgba(0,0,0,.4);
}
input, textarea, select {
color: #222;
font-size: 100%;
font-family: inherit;
}
h1 {
margin: -.2em 0 2em 0;
color: #903;
font-size: 154%;
line-height: 1; /* 15 / 15 */
}
h2 {
color: #903;
margin: 0 0 .77em 0;
padding: 0 0 .7em 0;
font-size: 100%;
border-bottom: 1px dotted #ec409e;
}
h3,h4,h5,h6 {
margin: 0;
font-size: 100%;
}
p, ul, ol, dl {
margin: 0 0 1.54em 0;
}
ul {
list-style: square;
}
hr {
display: block;
height: 1px;
margin: 1.54em 0;
padding: 0;
border: 0;
border-bottom: 1px solid #f5dfed;
}
a {
color: #903;
text-decoration: none;
}
a:active, a:focus {
outline: none;
}
#content a {
border-bottom : 1px solid #903;
-webkit-transition : all .4s;
-moz-transition : all .4s;
transition : all .4s;
}
#content a:hover {
color : #603;
border-bottom-color : #f5dfed;
}
a img {
border: 0;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
}
.hidden, .hide {
position: absolute;
top: -1000em;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
audio, canvas, video {
display: inline-block;
*display: inline; *zoom: 1;
}
 blockquote {
margin : 0 0 1.54em 0;
padding : 9px;
font-family : georgia, serif;
background : #fcfcfc;
border:1px dotted #f5dfed;
}
blockquote:before {
content : '';
float: left;
position:relative;
z-index: 99;
width : 40px;
height: 40px;
margin-top: -10px;
margin-left: -66px;
background: url(/img/quote.png) no-repeat;
}

/* layout */

#container {
position: relative;
height: 100%;
margin: 0;
padding: 265px 0 0 150px;
}
nav {
position: absolute;
top: 0;
left: 0;
width: 960px;
height: 250px;
background-image: url(/media/header/liebesmueh.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}
#content {
float: left;
width: 540px;
margin: 0 15px;
padding-bottom: 60px;
text-shadow: 1px 1px 1px #fff;
-webkit-font-smoothing: antialiased;
}
.ie6 #content {
margin: 0 7.5px; /* double float margin bug */
}
.home #content, .wide #content {
width: 795px;
margin-right: 0;
}
#right {
float: left;
width: 240px;
}
#clear, .clear {
clear: both;
visibility: hidden;
}
footer {
margin: 0 0 0 15px;
font-size: 84.6%;
line-height: 2.7272; /* 11/29(+1) */
border-top: 1px solid #ddd;
}
/* header + dropdowns */

#menu, #menu li, #menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu {
height: 200px;
margin-top: 15px;
overflow: hidden;
text-transform: lowercase;
}
#menu li {
float: left;
width: 200px;
margin-right: 15px;
}

#menu a,#menu em {
padding: 0 0 0 15px;
font-size: 115%; /* 15px */
line-height: 2;
font-style: normal;
display: block;
color: #fff;
text-decoration: none;
}
#menu li.current a {
color: #ccc;
}
li#home {
width: 150px;
margin-top: -15px;
background: url(/img/bsc.png) no-repeat left top transparent;
}
li#home a {
text-indent: -100em;
height: 140px;
padding: 0;
}
#menu li#spielplan a,#menu li#spielplan ul {
background: #903;
}
#menu li#company a, #menu li#company ul {
background: #B31E00; /*#F03*/
}
#menu li#news a,#menu li#news ul {
background: #C63;
}
#fb {
position: absolute;
top: 560px;
left: 12px;
width: 135px;
}

/* second level*/

#menu li ul {
height: 300px;	/* long enough */
float: none;
display: none;
}
#menu li:hover ul {
display: block;
}
#menu li li {
margin: 0;
padding: 0 15px;
width: 165px;
float: none;
}
#menu li li a, #menu li li em {
display: block;
height: auto;
width: 100%;
padding: 0;
font-size: 96%;
line-height: 2.4;
border-top: 1px dotted #fbfbef;
border-top: 1px dotted rgba(255,255,255,.5);
}
#menu li li a:hover {
text-decoration: underline;
}

/* submenu */

#submenu {
position: absolute;
top: 250px;
margin: 0;
padding: 0;
width: 150px;
list-style: none;
line-height: 2.231; /* 13 / 29(+1) */
text-transform: lowercase;
background: #fff;
}
#submenu a {
display: block;
padding: 0 15px;
color: #903;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted #903;
}
.ie6 #submenu a {
width: 120px;
}
#submenu a:hover,#submenu li.current a {
color: #fff;
background: #903;
border-bottom-color: #fff;
}
#submenu li img {
vertical-align: text-bottom;
}
#submenu dfn {
display: block;
font-size: 88%;
margin-top: -1em;
}
ul#submenu i {
display: block;
margin-bottom: -.5em;
text-transform: none;
font-size: 88%;
}

/* sidebar */

#right img {
display: block;
max-width: 100%;
}
.img {
position: relative;
margin-bottom: 1.54em;
padding: 0;
background: #f5f5f5;
background: rgba(0,0,0,.05);
}
.plus {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
padding: 0 0 3px 3px;
font-size: 154%;
line-height: 1;
color: #fff;
font-weight: bold;
text-shadow: none;
background: #808080;
background: rgba(255,255,255,.4);
}

/* --- div --- */

dl.news dt, dl.topnews dt {
}
dl.topnews dt {
margin-bottom: 1.54em;
padding-right: 30px;
color: #ec409e;
font-weight: bold;
background: url(/img/more.png) no-repeat 99% 90%;
}
dl.topnews dt em {
display: block;
color: #903;
font-style: normal;
font-weight: normal;
}
dl.topnews dt.selected {
background: none;
}
dl.topnews dd {
margin: .77em 0 1.54em 0;
}
dl.news p, dl.topnews p {
margin: 0;
}
dl.news .readon {
margin: 0 0 9px 0;
padding: 0 0 9px 0;
text-align: right;
border-bottom: 1px dotted #ec409e;
}
#content .readon a  {
padding-right: 16px;
background: url(/img/more.png) no-repeat right 40%;
border:0;
}

/* --- --- */

#program {
width: 100%;
margin: 0 0 20px 0;
border-collapse: collapse;
empty-cells: show;
}

#program th, #program td {
text-align: left;
vertical-align: top;
padding: 5px 5px 5px 0;
}
#program th {
text-transform: uppercase;
color: #903;
background: #f5dfed;
}
#program tbody tr {
height: 39px;
border-bottom: 1px dotted #ec409e;
}
#programm td {
}
#program #col-date {
width: 12%;
}
#program #col-title {
width: 55%;
}
#program #col-location {
width: 23%
}
#program #col-tickets {
width: 10%
}
.date {
color: #903;
}
.date strong {}
.event_location {}
.summary {}
.tickets {}

/* --- --- */

#productions {
margin: 0;
padding: 0;
list-style: none;
}
#productions li {
margin: 0 0 1.54em 0;
padding: 0;
}
#productions li strong {
text-transform: uppercase;
}

/* --- --- */

.play h1 {
margin-bottom: .7em;
}

/* --- --- */

.ensemble h2 {
}
#ensemble, #ensemble li {
margin: 0;
padding: 0;
list-style: none;
}
#ensemble li {
float: left;
width: 170px;
margin: 0 15px 20px 0;
padding: 0 0 5px 0;
background: #f5f5f5;
background: rgba(0,0,0,.05);
}
#ensemble li:nth-child(3n) {
margin-right: 0;
}
#ensemble div {
height: 120px;
margin: 0 0 5px 0;
overflow: hidden;
}
#ensemble img {
max-width: 100%;
}
.ie6 #ensemble img {
width: 100%;
}
#ensemble a {
text-decoration: none;
}

/* --- --- */

#intro {
position: relative;
padding-right: 265px;
}
.home blockquote {
position: absolute;
top: -30px;
right: 0;
width: 240px;
margin: 0;
padding: 0;
color: #c63;
font: normal normal 115%/30px Monaco,monospace,monospace;
background : none;
border: 0;
}
.home blockquote:before {
display: none;
}

/* --- --- */

.people {
margin: 0 0 1.54em 0;
padding: 0;
list-style: none;
}
.people li {
margin: 0 0 5px 0;
padding: 0;
}
.people li a {
}
.people em {
display: block;
}

/* --- --- */

.location {
clear: both;
overflow:hidden;
padding: 10px 0 0 0;
border-top : 1px dotted #ec409e;
}
#content a.venue {
display : block;
float: left;
width: 300px;
border:0;
}
#content a.venue p {
text-decoration: underline;
}
.location .directions {
float: left;
width : 480px;
}
.venue h2 {
margin-bottom : 0;
padding-bottom : 0;
font-size: 115%;
line-height: 1.34;
border : 0;
}
.directions h3 {
color : #903;
}

/* --- --- */

p#order-errors {
color : #903;
}
#order, #order fieldset {
margin : 0;
padding : 0;
}
#order {
width : 100%;
}
#order fieldset {
margin-bottom : 1.54em;
border-bottom : 1px dotted #903;
}
#order .field {
width : 316px;
border : 1px solid #903;
}
#order .field:focus {
border-color : #903;
}
#order .field.short {
width : 55px;
}
#order .field.medium {
width : 254px;
}
#order .field.tiny {
width : 20px;
}
#order .highlighted {
background-color : #f5f4df;
border-color : #903;
}
#order p {
position : relative;
padding-left : 12em;
}
#order label, #order span.label {
display : block;
left : 0;
width : 11em;
position : absolute;
color : #333;
text-align : right;
}
.ie6 #order label, .ie6 #order span.label {
left : -12em;
}
#order strong.event-title {
text-transform : uppercase;
}
#order strong.event-date {
text-transform : uppercase;
}
#order strong.event-date span {
}
#order strong.event-location {
font-weight : normal;
}
p#send_order {
padding-right: 60px;
text-align : right;
}

/* --- --- */

.album {
float: left;
width: 240px;
margin: 0 25px 25px 0;
}
.album a {
overflow: hidden;
display: block;
width: 240px;
height: 180px;
}
.album p {
overflow: hidden;
}
.album img {
display: block;
margin: 0 0 .5em 0;
max-width: 100%;
-webkit-box-shadow: 5px 5px 0 #fff;
}

/* --- ColorBox --- */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}

}	/* end media screen,projection */
 
@media print {
* { background: transparent !important; color: #000 !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
body {font:9pt/1.5 'Helvetica Neue',sans-serif;}
a, a:visited { text-decoration: underline; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
hr {border: 0;border-bottom: 1px solid #666;}
nav,#right, #submenu, .hidden {display:none;}
#home {display:block !important;}
}