/**  BASICS **/
body {
  background-color: #f8f1e7;
  background-image: url(../i/bg.png);
  background-repeat: no-repeat;
  background-position: 740px 50px;
  font-family: "Helvetica-Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  padding: 0;
}
body.ie6 { background-color: #f8f1e7; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

a { outline: none; text-decoration: none; }
a:hover { color: #83807d; }
#stage a:hover { opacity: 1; }
a img { border: none; }
p { margin: 0px 0px 16px; }
em { font-style: normal; }
p.vr span { display: block; }
p.error, .cufon.error { color: #F00; }

.hr { border-bottom: solid 1px #000; }

.small {
  font-family: Verdana, sans-serif;
  font-size: 10px;
  font-weight: normal;
  line-height: 12px;
}
.small strong { font-style: italic; font-weight: normal; }
.additional.small p {
  font-family: Verdana, sans-serif;
  font-size: 10px;
  font-weight: normal;
  line-height: 12px;
}
#content .additional p em {
  font-style: italic;
  font-weight: normal;
  text-transform: none;
}
#content .additional p strong {
  font-style: normal;
  font-weight: bold;
  text-transform: none;
}

.small.em,
.small .em,
.regular.em,
.regular .em {
  text-transform: uppercase;
}
.small.de,
.small .de {
  text-transform: lowercase;
}

.regular, .regular > * {
  font-family: Verdana, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}
#content .x-regular {
  font-family: "Arial Narrow", "Helvetica Com", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
}
#content .xx-regular {
  font-family: "Arial Narrow", "Helvetica Com", "Arial", "Helvetica", sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}
#content .x-regular.more { text-align: right; }
#content .x-regular.more a {
  background: transparent url(../i/x-regular-more.png) center right no-repeat;
  color: #ada9a4;
  padding-right: 15px;
}

.large {
  font-family: "Arial Narrow", "Helvetica Com", "Arial", "Helvetica", sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 26px;
  text-transform: uppercase;
}
.large.back a {
  background: transparent url(../i/large-back.png) center left no-repeat;
  color: #ada9a4;
  padding-left: 20px;
}

.x-large {
  font-family: "Arial Narrow", "Helvetica Com", "Arial", "Helvetica", sans-serif;
  font-size: 26px;
  font-weight: bold;
  line-height: 24px;
  text-transform: uppercase;
}

#content a.tickets {
  background: transparent url(../i/tickets.png) center center no-repeat;
  display: block;
  font-family: "Arial Narrow", "Helvetica Com", "Arial", "Helvetica", sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-indent: -999px;
  text-transform: uppercase;
  width: 51px;
}

#wrapper {
  margin: 20px; 
  position: relative; 
  width: 960px; 
}

#primary {
  background: transparent url(../i/menu.png) 0px 0px no-repeat;
  height: 100px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 246px;
}
.english #primary {
  background-image: url(../i/menu-en.png);
}
#primary li {
  height: 20px;
  left: 120px;
  position: absolute;
  top: 0;
  width: 120px;
}
#primary a { display: block; text-indent: -500px; } 
#primary li#home     { left: 119px; top:  0px; }
#primary li#schedule { left: 127px; top: 20px; }
#primary li#tickets  { left: 130px; top: 40px; }
#primary li#tv       { left: 127px; top: 60px; }
#primary li#hellerau { left: 119px; top: 80px; }

#primary.home     { background-position: 0px -100px; }
#primary.schedule { background-position: 0px -200px; }
#primary.tickets  { background-position: 0px -300px; }
#primary.tv       { background-position: 0px -400px; }
#primary.hellerau { background-position: 0px -500px; }

#primary.home.selected     { background-position: -247px -100px; }
#primary.schedule.selected { background-position: -247px -200px; }
#primary.tickets.selected  { background-position: -247px -300px; }
#primary.tv.selected       { background-position: -247px -400px; }
#primary.hellerau.selected { background-position: -247px -500px; }

#secondary {
  line-height: 20px;
  list-style: none;
  left: 187px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 450px;
}
#secondary li { display: inline; padding-right: 20px; white-space: nowrap; }
.ie7 #secondary li { 
  display: block;
  float: left;
}
#secondary a { color: #83807d; padding: 7px 0; }
#secondary a:hover,
#secondary li.selected a {
  background: transparent url(../i/controls.png) -32px 0px no-repeat;
}

#secondary.home     { left: 187px; top:   1px; }
#secondary.schedule { left: 210px; top:  21px; }
#secondary.tickets  { left: 205px; top:  41px; }
#secondary.tv       { left: 215px; top:  61px; }
#secondary.hellerau { left: 205px; top:  81px; }

#tertiary {
  left: 638px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: left;
  top: 28px;
  width: 318px;
}
#tertiary li { float: left; margin: 0; padding: 0; width: 25%; }
.ie7 #tertiary li { width: 24.5%; }
#tertiary a { color: #000; padding-left: 7px; }
#tertiary li.selected a,
#tertiary a:hover { 
  background: transparent url(../i/right.png) center left no-repeat; 
}

#quaternary, #gallery {
  float: left;
  margin: 18pt 20px 0 0;
  padding: 0;
  width: 180px;
}
#quaternary h1 { margin: 0 0 2em 0; min-height: 3.5em; padding: 0; text-align: right; }
#quaternary a { 
  background: transparent url(../i/right.png) center right no-repeat; 
  color: #000; 
  line-height: 14pt;
  padding-right: 7px;
}
#quaternary ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#quaternary li {
  border-bottom: solid 1px #000;
}
#quaternary a { width: 100px; }

#gallery li { display: block; margin-bottom: 20px; }

#language {
  left: 669px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: left;
  top: 10px;
  width: 286px;
}
#language li { float: right; }
#language a {
  color: #83807d;
  background: transparent url(../i/right-light.png) center right no-repeat; 
  padding-right: 7px;
}

#logo {
  left: 645px;
  opacity: 0.3;
  position: absolute;
  top: 45px;
}
#logo-nav {
  background-color: transparent;
  height: 100px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100px;
}
#contentarea { margin-top: 70px; overflow: hidden; }
.ie7 #contentarea { padding-top: 70px; }
#contentarea.home { margin-top: 50px; }
#contentarea.press { margin-top: 30px; }

#headline {
  border-bottom: solid 1px #000;
  font-weight: bold; 
  text-transform: uppercase;
  padding-left: 200px;
}
#headline.x-large {
  color: #83807d;
  padding-bottom: 10px;
}
#headline a { color: #83807d; }

ul#headline {
  display: block;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
ul#headline li {
  display: block;
  float: left;
}
ul#headline.x-large { color: #000; height: 30px; line-height: 30px; }
ul#headline li.first  { width: 200px; }
ul#headline li.second { width: 500px; }
ul#headline li.third  { width: 200px; }

ul#headline li.second.indent { padding-left: 200px; }

ul#headline li.third { float: right; overflow: hidden; width: 140px; }
ul#headline .next,
ul#headline .prev {
  color: #83807d;
  cursor: pointer;
  display: block;
}

ul#headline .next,
ul#headline .prev {
  background: transparent url(../i/large-arrows.png) 0px -21px no-repeat;
  clear: none;
  display: block;
  float: left;
  height: 21px;
  margin-top: 2px;
  text-indent: -9999px;
  width: 20px;
}
ul#headline .next {
  background: transparent url(../i/large-arrows.png) -20px -21px no-repeat;
  text-indent: -9999px;
}
ul#headline.x-large .next,
ul#headline.x-large .prev {
  background: transparent url(../i/x-large-arrows.png) 0px -30px no-repeat;
  clear: none;
  display: block;
  float: left;
  height: 30px;
  margin-top: 0px;
  text-indent: -9999px;
  width: 30px;
}
ul#headline.x-large .next {
  background: transparent url(../i/x-large-arrows.png) -30px -30px no-repeat;
  text-indent: -9999px;
}

ul#headline .next.disabled { opacity: 0.25; }
ul#headline .prev.disabled { opacity: 0.25; }

ul#headline li.third span.year { 
  color: #ada9a4;
  display: block; 
  float: left; 
  text-align: center; 
  width: 80px; 
}


#content {
  float: left;
  margin: 12pt 0 0 0;
  overflow: hidden;
  width: 500px;
}
#content.no-col { margin-left: 200px; }

#content.standard em { 
  font-style: italic;
  font-weight: normal;
  text-transform: none;
}
#content.standard strong { 
  font-style: normal;
  font-weight: bold;
  text-transform: none;
}
#content.standard small { 
  font-size: 10px;
  font-weight: normal;
}
#content p { text-align: justify; }

#sidebar {
  float: left;
  margin: 12pt 0 0 20px;
  overflow: hidden;
  width: 240px;
}
#sidebar p em { font-weight: bold; }

#stage {
  background: transparent url(../i/stage-bg.png) top left repeat;
  float: left;
  height: 430px;
  overflow: hidden;
  width: 645px;
}
#stage a { 
  background-position: center center;
  background-repeat: no-repeat;
  display: block; 
  float: left;
  height: 430px;
  width: 645px;
}
#stage a.video { 
  background-position: center center;
  background-repeat: no-repeat;
}

#stage img, #stage video, #stage div#video { 
  display: block;
  margin: auto;
}
video { background-color: #000; }
#stage .carousel {
  width: 3225px;
}
#upcoming { float: right; }
#upcoming div.active { background-color: #E6DFD7; }
#upcoming div.inactive { color: #83807D; }
#upcoming div.inactive a { color: #83807D; }
#upcoming div.inactive h3  { border-color: #83807D; }
#upcoming div.inactive h2 a { background-image: url(../i/right-inline-light.png); }

#upcoming div { 
  margin: 0 0 6px 0; 
  overflow: hidden; 
  padding: 10px 0px 10px 10px;
  width: 305px;
}
.ie7 #upcoming div { margin-bottom: 15px; }
#upcoming a { color: #000; }
#upcoming .today { color: #bd0619; }
#upcoming h3 {
  border-bottom: solid 1px #000;
  float: left;
  margin: 0 0 4px 0;
  padding: 0 0 4px 0;
  width: 295px;
}
.ie7 #upcoming h3 { margin: 0; padding: 0; }
.ie7 #upcoming h3 span,
.ie7 #upcoming h3 a { 
  float: left; 
  display: block; 
  width: 147px;
}
#upcoming h3 span { float: right; text-align: right; }

#upcoming h4,
#upcoming h2 { 
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
  width: 295px;
}

#upcoming h2 a {
  background: transparent url(../i/right-inline.png) bottom right no-repeat; 
  padding-right: 7px;
}

#additional { 
  float: right;
  width: 225px; 
}

#news { 
  margin-top: 0px;
  overflow: hidden;
  width: 960px;
}

#news h3 {
  border-bottom: solid 1px #000;
  padding-bottom: 5px;
  width: 960px;
}

#news ul { 
  float: left;
  list-style: none; 
  margin: 0; 
  padding: 0; 
  overflow: hidden; 
}
#news a { color: #000; }
#news a.more {
  background: transparent url(../i/right-inline.png) bottom right no-repeat; 
  padding-right: 7px;
}
#news ul.images { width: 645px; }
#news ul.short { float: right; width: 295px; }

#news ul.images li { float: left; margin-right: 20px; width: 200px; }
#news ul.images li.end { float: left; margin-right: 0px; width: 200px; }
#news ul.images a.image { 
  display: block;
  height: 134px;
  margin: 0 0 10px 0;
  overflow: hidden;
  width: 201px;
}

#news ul.short li { margin-bottom: 20px; width: 295px; }


#related { 
  clear: both;
  float: left;
  padding: 30px 0; 
  overflow: hidden;
  width: 645px;
}

#related h3 {
  border-bottom: solid 1px #000;
  padding-bottom: 5px;
  width: 645px;
}

#related ul { list-style: none; margin: 0; padding: 0; overflow: hidden; width: 665px; }
#related li { float: left; margin-right: 15px; }

#related a.button {
  background: transparent url(../i/button.png) 0px 0px no-repeat;
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  height: 20px;
  text-align: center;
  width: 150px;
}
#related a.button:hover {
  background-position: 0 -21px;
}

#social { 
  float: right;
  padding-top: 30px; 
  overflow: hidden;
  width: 295px;
}

#social h3 {
  border-bottom: solid 1px #000;
  padding-bottom: 5px;
  width: 295px;
}
#social ul { list-style: none; margin: 0; padding: 0; overflow: hidden; width: 295px; }
#social li { float: left; margin-right: 5px; }
#social a {
  background: transparent url(../i/social-20.png) 0px 0px no-repeat;
  color: #fff;
  display: block;
  height: 20px;
  text-indent: -999px;
  width: 20px;
}
#social a.facebook { background-position:   0px   0px; }
#social a.twitter  { background-position: -30px   0px; }
#social a.vimeo    { background-position: -60px   0px; }

blockquote {
  background: transparent url(../i/quote-open.png) 3px 7px no-repeat;
  margin: 0;
  padding: 0 0 0 20px;
}
blockquote .end-quote {
  background: transparent url(../i/quote-close.png) top right no-repeat;
  padding: 0 5px;
  width: 1px;
}
cite { 
  color: #ada9a4; 
  display: block; 
  font-style: normal;
  margin: -1em 0 2em 20px; 
}

/** Newsletter Subscribe Form **/
#subscribe {
  background-color: #ada9a4;
  border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 20px;
  width: 260px;
}
#subscribe ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
#subscribe li { 
  line-height: 18px;
  margin-bottom: 5px; 
  overflow: hidden; 
}
#subscribe label { 
  color: #f8f1e7;
  display: block; 
  float: left; 
  font-weight: bold;
  line-height: 28px;
  width: 60px; 
}
#subscribe input { display: block; float: right; width: 184px; }
#subscribe input.button { 
  background: transparent url(../i/button.png) -150px 0px no-repeat;
  border: none;
  color: #fff;
  cursor: pointer;
  display: block; 
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  height: 20px;
  margin-top: 5px;
  width: 260px; 
}
#subscribe input.button:hover {
  background-position: -150px -20px;
}

/** Text Styles for Main Content Area (Markdown) **/
#content a, #sidebar a {
  color: #83807d; 
  padding-right: 7px;
  text-decoration: none;
}
#content a.anchor { background: none; visibility: hidden; }
#content a:hover, #sidebar a:hover {
  opacity: 0.6;
  text-decoration: none;
}
#content #stage a:hover { opacity: 1; }
#content h1 {
  font-family: "Arial Narrow", "Helvetica Com", "Arial", "Helvetica", sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 26px;
  margin-top: 0;
  text-transform: uppercase;
}
#content h2 {
  font-weight: bold;
  text-transform: uppercase;
}
#content em {
  font-weight: bold;
  text-transform: uppercase;
}
#contentarea.contact #content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#contentarea.contact #content li {
  margin-bottom: 1em;
}

/** Press **/
#content.press h2 { font-weight: normal; }

#content.press ul.resultset {
  border-top: solid 1px #000;
  list-style: none;
  margin: 0;
  padding: 0;
}
#content.press ul.resultset li {
  border-bottom: solid 1px #000;
  height: 60px;
  overflow: hidden;
  padding: 5px 0;
}
#content.press ul.resultset li a { background-image: none; }
#content.press ul.resultset li img { display: none; width: 75px; } /** ...until all images are fixed size... */
#content.press ul.resultset span.img {
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 60px;
  margin: 0 10px 0 0;
  padding: 0;
  width: 75px;
}

#content.press ul.resultset em, 
#content.press ul.resultset span {
  clear: right;
  float: right;
  width: 415px;
}

div.press-head span.img img { display: none; width: 75px; } /** ...until all images are fixed size... */
div.press-head span.img {
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 60px;
  margin: 0 10px 0 0;
  padding: 0;
  width: 75px;
}
div.press-head {
  overflow: hidden;
  width: 500px;
}
div.press-head h1,
div.press-head h2,
div.press-head h3 {
  float: right;
  margin: 0;
  padding: 0;
  width: 415px;
}

#content.press ul.images {
  list-style: none;
  margin: 20px 0 20px 0;
  overflow: hidden;
  padding: 0;
}

#content.press ul.images li {
  float: left;
  height: 70px;
  margin: 0 10px 10px 0;
  overflow: hidden;
  width: 110px;
}
#content.press ul.images li.break { margin-right: 0; }

#content.press ul.images li a {
  background: #83807d url(../i/no-image.png) center center no-repeat;
  display: block;
  height: 70px;
  margin: 0;
  padding: 0;
  width: 110px;
}

#content.press ul.images img { /** ...until all images are fixed size... */
  display: none;
  margin: auto;
}

/** History **/
#content.history {
  width: 640px;
}
#content ul.history {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 640px;
}
#content ul.history li a { background-image: none; }
#content ul.history li { margin-bottom: 1em; overflow: hidden; }
#content ul.history li img { float: left; margin-right: 10px; }
#content ul.history li em,
#content ul.history li span { float: right; width: 440px; }

/** Tickets **/
#content table.tickets { width: 500px; }
#content table.tickets th { display: none; }
#content table.tickets td { white-space: nowrap; }
#content table.tickets td.date { font-weight: bold; }
#content table.tickets td.price { text-align: right;  }
#content table.tickets td.link { font-weight: bold; text-align: right; text-transform: uppercase; }
#content table.tickets td.location { font-weight: bold; text-transform: uppercase; }

/** On Tour **/

#content.on-tour { width: 760px; }

#content table.on-tour { width: 760px; }
#content table.on-tour { border-collapse: collapse; }
#content table.on-tour th { display: none; }
#content table.on-tour td { white-space: nowrap; }
#content table.on-tour td.date { font-weight: bold; width: 100px; }
#content table.on-tour td.title { width: 300px; }
#content table.on-tour td.location { font-weight: bold; text-transform: uppercase; width: 360px; }

/** TV **/
#content.tv { 
  margin: 50px 0 0 0;
  width: 960px;
}

#content.tv ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#content.tv li {
  float: left;
  margin: 0 20px 20px 0;
  width: 110px;
}

#content.tv li a {
  background-repeat: no-repeat;
  background-position: top left;
  display: block;
  margin: 0;
  padding: 0;
  width: 110px;
}

#content.tv li a img { /** ...until all images are fixed size... */
  height: 70px;
  margin: auto;
  width: 110px;
}

/** Spielplan/Calendar**/
#headline.calendar { 
  border-top: solid 1px #000;
  margin: 0 80px 0 60px;
  padding: 10px 0;
  width: 720px;
}
#headline.calendar .month { text-align: center; width: 196px; }
#headline.calendar #filter { 
  display: none;
  float: right;
  margin: 0; 
  padding: 0; 
  text-align: right; 
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
#headline.calendar #filter li { 
  cursor: pointer;
  display: inline;
  line-height: 30px; 
  padding: 0px 10px 7px 0px;
}
#headline.calendar #filter li:hover,
#headline.calendar #filter li.active {
  background: transparent url(../i/controls.png) -32px 0px no-repeat;
}

#headline.calendar #filter li.disabled { 
  color: rgb(211,206,199);
  cursor: default; 
}
#headline.calendar #filter li.disabled:hover { background: none; }

#content.calendar {
  margin: 0 80px 0 60px;
  overflow: visible;
  width: 900px;
}

#content.calendar #resultset {
  float: left;
  width: 720px;
}

#past {
  border-bottom: solid 1px #000;
  display: none;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  font-weight: normal;
  line-height: 12px;
  overflow: hidden;
  padding: 10px 0;
  position: relative;
  width: 720px;
}
.ie7 #resultset-wrap { 
  overflow: hidden;
  position:relative;
}

#content.calendar .entry {
  border-bottom: solid 1px #000;
  padding: 10px 0;
  overflow: hidden;
  position: relative;
}
.ie7 #content.calendar .entry { height: 80px; }
#content.calendar .entry a { 
  background-image: none;
}
#content.calendar .entry .image {
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 80px;
  margin: 0 30px 0 0;
  width: 100px;
}
#content.calendar .entry .image a { display: block; height: 80px; width: 100px; }
#content.calendar .entry .image img { display: none; }
#content.calendar .entry .date { 
  float: left; 
  height: 80px;
  margin: 5px 10px 0 0;
  overflow: hidden;
  text-align: center; 
  width: 72px;
}
#content.calendar .entry .date em {
  background: transparent url(../i/numbers.png) 0px 0px no-repeat;
  display: block;
  font-family: "Arial Narrow", "Helvetica Com", "Arial", "Helvetica", sans-serif;
  font-size: 75px;
  font-weight: bold;
  height: 56px;
  line-height: 60px;
  margin-bottom: 3px;
  text-indent: -999px;
  width: 70px;
}
#content.calendar .entry.second .date { opacity: 0.5; }
#content.calendar .entry .date em.day-02 { background-position: 0px  -56px; }
#content.calendar .entry .date em.day-03 { background-position: 0px -112px; }
#content.calendar .entry .date em.day-04 { background-position: 0px -168px; }
#content.calendar .entry .date em.day-05 { background-position: 0px -224px; }
#content.calendar .entry .date em.day-06 { background-position: 0px -280px; }
#content.calendar .entry .date em.day-07 { background-position: 0px -336px; }
#content.calendar .entry .date em.day-08 { background-position: 0px -392px; }
#content.calendar .entry .date em.day-09 { background-position: 0px -448px; }
#content.calendar .entry .date em.day-10 { background-position: 0px -504px; }

#content.calendar .entry .date em.day-11 { background-position: -70px    0px; }
#content.calendar .entry .date em.day-12 { background-position: -70px  -56px; }
#content.calendar .entry .date em.day-13 { background-position: -70px -112px; }
#content.calendar .entry .date em.day-14 { background-position: -70px -168px; }
#content.calendar .entry .date em.day-15 { background-position: -70px -224px; }
#content.calendar .entry .date em.day-16 { background-position: -70px -280px; }
#content.calendar .entry .date em.day-17 { background-position: -70px -336px; }
#content.calendar .entry .date em.day-18 { background-position: -70px -392px; }
#content.calendar .entry .date em.day-19 { background-position: -70px -448px; }
#content.calendar .entry .date em.day-20 { background-position: -70px -504px; }

#content.calendar .entry .date em.day-21 { background-position: -140px    0px; }
#content.calendar .entry .date em.day-22 { background-position: -140px  -56px; }
#content.calendar .entry .date em.day-23 { background-position: -140px -112px; }
#content.calendar .entry .date em.day-24 { background-position: -140px -168px; }
#content.calendar .entry .date em.day-25 { background-position: -140px -224px; }
#content.calendar .entry .date em.day-26 { background-position: -140px -280px; }
#content.calendar .entry .date em.day-27 { background-position: -140px -336px; }
#content.calendar .entry .date em.day-28 { background-position: -140px -392px; }
#content.calendar .entry .date em.day-29 { background-position: -140px -448px; }
#content.calendar .entry .date em.day-30 { background-position: -140px -504px; }

#content.calendar .entry .date em.day-31 { background-position: -210px    0px; }

#content.calendar .entry .date span { display: block; }
#content.calendar .entry .time { 
  float: left; 
  font-family: "Arial Narrow", "Helvetica Com", "Arial", "Helvetica", sans-serif;
  font-size: 16px;
  font-weight: bold;
  height: 80px;
  line-height: 80px;
  margin: 0;
  text-align: center; 
  width: 100px;
}
#content.calendar .entry .time.range {
  height: 60px;
  line-height: 18px;
  padding: 10px 0;
}

#content.calendar .entry .category {
  float: left;
  overflow: hidden;
  width: 180px;
  white-space: nowrap;
}
#content.calendar .entry .category .notes {
  padding-left: 20px;
}
#content.calendar .entry .price-location {
  float: right;
  padding-left: 10px;
  text-align: right;
  white-space: nowrap;
  width: 200px;
}

#content.calendar .entry .title {
  clear: right;
  float: left;
  font-family: "Arial Narrow", "Helvetica Com", "Arial", "Helvetica", sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  text-transform: uppercase;
  width: 380px;
}
.ie7 #content.calendar .entry .title { float: none; }
#content.calendar .entry .title a { 
  display: block; 
  overflow: hidden;
}
#content.calendar .entry .title a span { 
  color: #000;
  display: block; 
  float: left;
  width: auto;
}
.ie7 #content.calendar .entry .title a span { display: inline; float: none; }
#content.calendar .entry .title a em {
  clear: left;
  color: #ada9a4; 
  display: block; 
  float: left;
  height: 40px;
}
.ie7 #content.calendar .entry .title a em { display: inline; float: none; }
#content.calendar .entry .subtitle {
  float: right;
  margin-right: 28px;
  width: 380px;
}
#content.calendar .entry .tickets { 
  height: 12px;
  left: 235px;
  position: absolute;
  top: 70px;
  width: 51px;
}
#content.calendar .entry .tickets.range { top: 80px; }
#content.calendar .entry .tickets a {
  background: transparent url(../i/tickets.png) center center no-repeat;
  display: block;
  font-family: "Arial Narrow", "Helvetica Com", "Arial", "Helvetica", sans-serif;
  font-size: 16px;
  font-weight: bold;
  height: 12px;
  text-indent: -999px;
  text-transform: uppercase;
  width: 51px;
}

#content.calendar #exhibitions {
  float: right;
  margin-top: -10px;
  width: 160px;
}

#content.calendar #exhibitions h3 {
  border-bottom: solid 1px #000;
  border-top: solid 1px #000;
  line-height: 25px;
  height: 25px;
}

#content.calendar #exhibitions ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#content.calendar #exhibitions .title a { 
  background-image: none;
  color: #83807d; 
  font-size: 18px;
  line-height: 20px;
}

#content.calendar #exhibitions .image {
  background: transparent url(../i/large-no-image.png) center center no-repeat;
  display: block;
  float: left;
  height: 106px;
  margin: 0 0 10px 0;
  width: 160px;
}
#content.calendar #exhibitions .image a { display: block; height: 106px; width: 160px; }
#content.calendar #exhibitions .image img { display: none; }
#content.calendar #exhibitions .price { margin-top: 10px; }
#content.calendar #exhibitions .day { display: block; }


#mini-calendar { 
  left: 480px;
  position: absolute;
  top: 0;
}
#mini-calendar ul {
  display: block;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-align: center;
}

#mini-calendar #calendar-navigation {
  border-top: solid 1px #83807d;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
  width: 140px;
}
#mini-calendar #calendar-month { width: 126px; }

#mini-calendar #calendar-previous,
#mini-calendar #calendar-next { width: 7px; }
#mini-calendar #calendar-previous a,
#mini-calendar #calendar-next a { 
  background: transparent url(../i/calendar-controls.png) 0px 0px no-repeat;
  display: block;
  height: 8px;
  margin-top: 3px;
  text-indent: -9999px;
  width: 7px;
}
#mini-calendar #calendar-next a { 
  background: transparent url(../i/calendar-controls.png) -7px 0px no-repeat;
  text-indent: -9999px;
}

#mini-calendar #calendar-previous a:hover {  }
#mini-calendar #calendar-next a:hover {  }

#mini-calendar li {
  border-bottom: solid 1px #83807d;
  float: left;
  line-height: 14px;
  height: 14px;
  margin: -1px -1px 0 0;
  width: 21px;
}

#mini-calendar li a {
  border: none;
  background: none;
  color: #000;
  display: block;
  padding: 0px;
  width: 100%;
}
#mini-calendar li.today.event a,
#mini-calendar li.today.exhibition a,
#mini-calendar li.today a      { background-color: #bc0619; color: #fff; }
#mini-calendar li.event a      { background-color: #83807d; }
#mini-calendar li.exhibition a { background-color: #d3cec7; }

#mini-calendar li.event a:hover,
#mini-calendar li.exhibition a:hover {
  background-color: #333;
  color: #d3cec7;
  opacity: 1;
}


/** Archive **/
#headline.archive #archive-mode { 
  display: none;
  margin: 0;
  padding: 0;
  width: 65px;
}
#headline.archive #archive-mode li,
#headline.archive #archive-mode ul { margin: 0; padding: 0; }
#headline.archive #archive-mode li { 
  background: transparent url(../i/mode.png) top left no-repeat;
  cursor: pointer;
  height: 20px;
  width: 31px;
}
#headline.archive #archive-mode li:hover,
#headline.archive #archive-mode li.selected { background-color: #aca9a3; }
#headline.archive #archive-mode li#text { 
  background-position: -31px 0;
  width: 30px; 
}
#headline.archive #archive-options { display: none; }
#headline.archive #archive-options li,
#headline.archive #archive-options ul { margin: 0; padding: 0; }
#headline.archive #archive-options li { 
  background: transparent url(../i/options.png) top left no-repeat;
  cursor: pointer;
  height: 20px;
  width: 31px;
}
#headline.archive #archive-options li:hover, 
#headline.archive #archive-options li.selected { background-color: #aca9a3; }
#headline.archive #archive-options li#archive-filter { 
  background-position: -31px 0;
  width: 30px; 
}
#headline.archive #archive-options li#archive-sort { 
  background-position: -61px 0;
  width: 30px; 
}
#headline.archive #archive-options li#archive-months { 
  background-position: -91px 0;
  width: 30px; 
}

#content.archive,
#content.archive #resultset {
  margin: 0;
  padding: 0;
  width: 960px;
}
#content.archive #resultset.images .category {
  border-bottom: solid 1px #000;
  overflow: hidden;
  padding: 20px 0;
  width: 960px;
}
#content.archive #resultset.images h2 {
  color: #aca9a3;
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 170px;
}

#content.archive #resultset.images ul {
  float: right;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 780px;
}
#content.archive #resultset.images ul li { 
  float: left; 
  height: 94px;
  margin: 0 20px 20px 0; 
  padding: 0;
  width: 110px;
}
#content.archive #resultset.images ul li.break { margin-right: 0; }
#content.archive #resultset.images ul li a { 
  background-image: none;
  display: block; 
  line-height: 12px;
  margin: 0;
  padding: 0;
  width: 110px;
}
#content.archive #resultset.images ul li a.image { 
  background: #83807d url(../i/no-image.png) center center no-repeat;
  display: block;
  height: 73px;
  width: 110px;
}
#content.archive #resultset.images ul li img { display: none; }
#content.archive #resultset.images ul li a.text { display: none; }

#content.archive #resultset.text .category {
  float: left;
  margin-right: 10px;
  width: 150px;
}
#content.archive #resultset.text h2 {
  color: #aca9a3;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}
#content.archive #resultset.text ul { 
  list-style: none;
  margin: 0;
  padding: 0;
  width: 150px;
}
#content.archive #resultset.text a.image { display: none; }
#content.archive #resultset.text img { display: none; }
#content.archive #resultset.text li a { 
  background: transparent url(../i/right.png) 3px 6px no-repeat;
  display: block;
  padding-left: 10px;
}
#content.archive #resultset.text li { 
  background-image: none;
  overflow: hidden;
  width: 150px;
}
#content.archive #resultset.text li span.small.em,
#content.archive #resultset.text li em { 
  font-weight: normal; 
  text-transform: none;
}

#content.archive #resultset.text ul li a.images { display: none; }

/** Archive Filter Bubbles **/
.bubble { position: absolute; width: 110px; }
.bubble.search { line-height: 30px; width: 210px; }
.bubble .content { background-color: #aca9a3; }
.bubble.search form div { 
  height: 20px;
  line-height: 10px; 
  overflow: hidden;
  padding: 5px; 
  width: 210px; 
}
.bubble.search form input { 
  display: block; 
  float: left;
  margin: 0;
}
.bubble.search form input[type=text] { 
  margin: 0 5px 0 0;
  width: 170px; 
}
.bubble .content ul {
  list-style: none;
  margin: 0;
  padding: 10px;
}
.bubble .content li.em { cursor: pointer; }
.bubble .content li.hr { 
  border-bottom: none;
  border-top: solid 1px #000;
  cursor: pointer;
  margin: 3px 0 0 0;
  padding: 3px 0 0 0;
}
.bubble.search .top { 
  background: transparent url(../i/search-bubble-top.png) top left no-repeat;
  width: 210px; 
}
.bubble .top {
  background: transparent url(../i/bubble-top.png) top left no-repeat;
  display: block;
  height: 10px;
  width: 110px;
}
.bubble.right .top {
  background: transparent url(../i/bubble-top-right.png) top left no-repeat;
  width: 220px;
}
.bubble.search .bottom { 
  background: transparent url(../i/search-bubble-bottom.png) top left no-repeat;
  width: 210px; 
}
.bubble .bottom {
  background: transparent url(../i/bubble-bottom.png) top left no-repeat;
  display: block;
  height: 3px;
  width: 110px;
}
.bubble.right .bottom {
  background: transparent url(../i/bubble-bottom-right.png) top left no-repeat;
  width: 220px;
}

#content.performance #resultset li { position: relative; }
#content.performance #resultset li:hover .bubble { display: block; }
#content.performance #resultset .bubble {
  display: none;
  left: -140px;
  padding: 10px;
  top: 70px;
  z-index: 10;
}
#content.performance #resultset .bubble .content { display: block; padding: 5px; width: 210px; }
#months,
#search,
#sort,
#filters { display: none; }
#months li.disabled { color: rgb(211,206,199); }

/** Performance Detail **/

#content.performance #stage {
  background: transparent url(../i/small-stage-bg.png) top left repeat;
  list-style: none;
  height: 333px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 500px;
}
#content.performance #stage li { 
  display: block; 
  margin: 0;
  overflow: hidden;
  position: absolute;
  padding: 0;
  width: 500px;
}
#content.performance #stage a { 
  display: block;
  width: 500px;
  height: 333px;
}
#content.performance #stage img { 
  display: block;
  height: 333px;
  margin: auto;
}
#content.performance #stage .video img {
  height: auto;
  width: 500px;
}

#content.performance #stage-nav {
  border-bottom: solid 1px #000; 
  display: none;
  height: 20px;
  line-height: 20px;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 10px 0;
  width: 500px;
}
#content.performance #stage-nav li { display: block; float: right; margin-left: 5px; }
#content.performance #stage-nav li.status { color: #83807d; }
#stage-nav .next,
#stage-nav .prev {
  background: transparent url(../i/large-arrows.png) 0px -21px no-repeat;
  clear: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 21px;
  text-indent: -9999px;
  width: 20px;
}
#stage-nav .prev {  } 
#stage-nav .next {
  background: transparent url(../i/large-arrows.png) -20px -21px no-repeat;
  text-indent: -9999px;
}


#content.performance h1,
#content.performance h2,
#content.performance h6 {
  margin: 0;
  padding: 0;
  width: 180px;
}
#content.performance h1 { color: #aca9a3; }
#content.performance h1 em { color: #000; display: block; }

#content.performance h2 { 
  color: #aca9a3; 
  padding: 1em 0; 
  font-weight: normal;
}
#content.performance h6 {
  border-bottom: solid 1px #000;
}

#content.performance #image-sidebar h3 { display: none; }
#content.performance #image-sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#content.performance #image-sidebar a { background-image: none; }

#content.performance { overflow: hidden; width: 960px; }
#content.performance .overview,
#content.performance .main,
#content.performance .additional { float: left; }

#content.performance .overview { width: 180px; }
#content.performance .overview h6 { margin-bottom: 3px; padding-bottom: 3px; }
#content.performance .overview p.dates { margin: 6px 0; }
#content.performance .main { margin-left: 20px; width: 500px; }
#content.performance .additional { float: right; width: 240px; }
#content.performance .additional p { text-align: left; }

#content.performance .events p { margin: 3px 0; text-align: left; }
#content.performance.exhibition .events { border-bottom: solid 1px #000; }
#content.performance ul.sponsors { 
  list-style: none;
  margin: 0;
  padding: 0;
}

#content.performance .description { 
  margin: 0; 
  padding: 20px 0 0 0; 
  text-align: justify;
}
#content.performance .description em { 
  font-style: italic;
  font-weight: normal;
  text-transform: none;
}
#content.performance .description strong { 
  font-weight: bold;
}
#content.performance .description small { 
  font-size: 10px;
  font-weight: normal;
}

#content.performance .events {
  margin-bottom: 30px;
  overflow: hidden;
}
#content.performance .events h2 {
  border-bottom: solid 1px #000;
  color: #000;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
}
#content.performance .events ul { 
  list-style: none; 
  margin: 0; 
  padding: 0;
}
#content.performance .events li { line-height: 20px; }
#content.performance .events a.tickets { float: right; }
#content.performance .events span { 
  display: block;
  float: left; 
  width: 100px;
  white-space: nowrap;
}
.week strong { 
  font-style: normal;
  display: block; 
  float: left; 
  width: 30px; 
}



#content.performance .events.extra {
}
#content.performance .events.extra li { margin-bottom: 10px; }
#content.performance .events.extra span { 
  display: block; 
  float: none;
  margin: 0;
  padding: 0;
  width: 180px;
  white-space: normal; 
}

#content.performance .events.extra em { 
  clear: both;
  display: block; 
  float: none; 
}

#content.performance .additional #resultset {
  margin: -10px 0 0 0;
  padding: 0;
}
#content.performance #resultset.images h3 a { color: #000; }
#content.performance .additional #resultset h3 { 
  border-top: solid 1px #000;
  clear: right;
  padding: 10px 0;
}


#content.performance #resultset {
  margin: 0;
  overflow: visible;
  padding: 0;
}

#content.performance #resultset ul {
  float: right;
  list-style: none;
  margin: 0;
  overflow: visible;
  padding: 0 0 30px 0;
}

#content.performance .additional #resultset ul { margin: 0 0 40px 0; width: 240px; }
#content.performance #resultset ul { margin: 0; padding: 0; width: 500px; }

#content.performance #resultset ul li { 
  float: left; 
  height: 94px;
  padding: 0;
  width: 110px;
}

#content.performance .additional #resultset ul li { margin: 0 10px 10px 0;  }
#content.performance #resultset ul li { margin: 0 20px 20px 0;  }

#content.performance #resultset ul li.break { margin-right: 0; }
#content.performance #resultset ul li a { 
  background-image: none;
  display: block; 
  line-height: 12px;
  margin: 0;
  padding: 0;
  width: 110px;
}
#content.performance #resultset ul li a.image { 
  background: #83807d url(../i/no-image.png) center center no-repeat;
  display: block;
  height: 70px;
  width: 110px;
}
#content.performance #resultset ul li img { display: none; }


/** News **/
#content.news.overview {
  width: 670px;
}
#content.news.overview img { 
  clear: both; 
  display: block;
  float: right; 
  margin-bottom: 40px; 
  width: 150px;
}

#content.news.overview h2,
#content.news.overview div {
  clear: left;
  float: left;
  width: 500px;
}
#content.news.overview div { 
  margin-bottom: 40px; 
  overflow: hidden;
}

#content.news a.video img { float: none; display: inline; }
#content.news a.video {
  clear: both;
  display: block;
  float: right;
  height: 150px;
  width: 150px;
}
#content.news.overview hr { display: none; }
.ie7 #content.news.overview hr { border: none; clear: both; display: block; visibility: hidden; }
/** Image Gallery **/
#mask {
  background-color: #000;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
#pop-stage {
  background-color: #f8f1e7;
  color: #666;
  overflow: hidden;
  border: solid 5px #f8f1e7;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  z-index: 11;
  -webkit-box-shadow: 5px 5px 3px rgba(30,30,30,0.7);
}
#pop-stage #caption { 
  clear: none; 
  display: block; 
  padding-bottom: .5em;
  text-align: center; 
}
#pop-stage img { 
  background-color: #ccc;
  clear: both; 
  display: block; 
  height: auto;
  margin: 0 auto 10px auto; 
  width: auto;
}
#pop-stage h2 {
  float: left;
  margin: 0 0 6px 0;
  width: 240px;
}
.ie7 #pop-stage h2 { margin: 0; }
#pop-stage #close,
#pop-stage #next,
#pop-stage #prev {
  color: #666;
  cursor: pointer;
  display: block;
  margin-bottom: 6px;
  width: 240px;
}
#pop-stage #prev { float: left; }

#pop-stage #next,
#pop-stage #prev {
  background: transparent url(../i/controls.png) -10px 0px no-repeat;
  display: block;
  height: 10px;
  text-indent: -9999px;
  width: 10px;
}
#pop-stage #next {
  background: transparent url(../i/controls.png) -20px 0px no-repeat;
  text-indent: -9999px;
}

#pop-stage #close {
  background: transparent url(../i/controls.png) 0px 0px no-repeat;
  display: block;
  height: 10px;
  position: absolute;
  right: 0;
  text-indent: 999px;
  width: 10px;
  z-index: 100;
}

#next:hover,
#prev:hover { background-position: left bottom; }

#pop-stage #next,
#pop-stage #close { float: right; }
#pop-stage #close { text-align: right; }

#pop-stage video { margin-top: 10px; } 
#pop-stage div#video { margin-top: 20px; } 

#content.wunderbar h6 {
  width: auto;
}
ul.wunderbar {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.wunderbar li { margin-bottom: 1em; }