/**  BASICS **/

body {
  background-color: #F8F1E9;
  background-image: url(../i/body-bg.png);
  background-repeat: no-repeat;
  background-position: 860px 110px;
  font-family: "Helvetica-Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  padding: 0;
}
body.ie6 { background-color: #c8d0d4; }
a { outline: none; text-decoration: none; }
a img { border: none; }
p { margin: 0px 0px 16px; }
em { font-style: normal; }
p.vr span { display: block; }
.cufon { text-transform: uppercase; }
p.error, .cufon.error { color: #F00; }
.cufon a { color: #000; }

#wrapper { width: 960px; }

#lang {
  position: absolute;
  left: 860px;
  top: 17px;
}
#lang a { 
  color: #000; 
  letter-spacing: 0.1em;
  text-align: right;
}
#lang a.disabled { 
  opacity: .5;
}

/**  WELCOME-HOME **/

#welcome {
  background-color: transparent;
  background-image: url(../i/language-bg.png);
  background-position: left top;
  background-repeat: no-repeat;
  height: 748px;
  left: 80px;
  opacity: 0.95;
  position: fixed;
  top: -80px;
  width: 748px;
  z-index: 3;
}
#welcome img {
  left: 250px;
  position: absolute;
  top: 50px;
  z-index: 1;
}
#welcome h2 { height: 197px; position: absolute; width: 260px; }
#welcome h2 a {
  background-color: transparent;
  background-position: left 1000px;
  background-repeat: no-repeat;
  display: block;
  height: 1197px;
  margin-top: -1000px;
  width: 260px;
}
#welcome h2:hover { z-index: 4; }
#welcome h2:hover a { background-position: -280px 1000px; }
#welcome .german { left: 90px; top: 198px; z-index: 2; }
#welcome .english { left: 200px; top: 328px; z-index: 3; }
#welcome .german a { background-image: url(../i/language-german.png); }
#welcome .english a { background-image: url(../i/language-english.png); }

#logo {
  font-size: 12px;
  height: 182px;
  left: 0px;
  margin: 10px 0px 10px 10px;
  padding: 0px;
  position: absolute;
  top: 0px;
  width: 150px;
}


/**  MAIN CONTENT **/

#content {
  background-color: transparent;
  background-repeat: no-repeat;
  float: left;
  overflow: hidden;
  padding-bottom: 40px;
  padding-left: 65px;
  padding-top: 22px;
  margin: 53px 0 0 -40px;
  width: 745px;
}
#content.home { background-image: url(../i/bg-home.png); background-position: left 200px; }
#content.schedule {
  background-image: url(../i/bg-calendar.png);
  background-position: left top;
  background-repeat: repeat-y;
}

#content .main { float: left; width: 500px; margin: 0; }

#content.home .main h2, #content .main h1 {
  border-bottom: solid 1px;
  font-size: 24px;
  font-weight: normal;
  line-height: 28px;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  text-align: center;
  text-transform: uppercase;
}
#content .main h2 {
  font-size: 18px;
  font-weight: normal;
  line-height: 22px;
  margin-top: 0px;
  margin-bottom: 16px;
  text-transform: uppercase;
}

#content .main .caption { display: block; font-size: 10px; margin-bottom: 20px; }
#content .main h2.subtitle { 
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin-top: 0px;
  margin-bottom: 16px;
  text-transform: uppercase;
  text-align: center;
}

#content.home.news .main h2 {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin-top: 0px;
  margin-bottom: 16px;
  text-transform: uppercase;
  text-align: left;
}
#content.home.news .main div { margin-bottom: 40px; }
#content.home.news { background-image: none; }
#secondary.home li.selected a { color: #FF0; }
#content.home.news .main h2 em {
  color: #000;
  display: block;
  font-size: 12px;
  font-style: normal;
  line-height: 14px;
}

ul#news {
  clear: both;
  margin: -40px 0 40px 207px;
  overflow: hidden;
  padding: 0px;
  width: 745px;
}

ul#news li {
  background-color: transparent;
  background-position: left top;
  background-repeat: no-repeat;
  float: left;
  list-style-type: none;
  height: 308px;
  margin: 0 0 0 4px;
  overflow: hidden;
  padding: 0px;
  width: 240px;
}
ul#news li strong {
   background-position: 0px 50px;
   background-repeat: no-repeat;
   display: block;
   font-size: 18px;
   font-weight: normal;
   height: 183px;
   line-height: 22px;
   overflow: hidden;
   padding: 25px 5px 0px;
   width: 230px;
}
ul#news li em {
  display: block;
  font-size: 14px;
  font-style: normal;
  line-height: 16px;
  margin-top: 8px;
  height: 96px;
  overflow: hidden;
  padding: 0 5px 0;
}
ul#news li a { color: #000; display: block; }
ul#news li a:hover { background-color: #EDA; }


ul#box {
  float: right;
  margin: -380px -10px 0 0;
  overflow: hidden;
  padding: 0px;
  width: 240px;
}

ul#box li {
  background-color: transparent;
  background-image: url(../i/home-news.png);
  background-position: left top;
  background-repeat: no-repeat;
  float: left;
  list-style-type: none;
  height: 308px;
  margin: 0;
  overflow: hidden;
  padding: 0px;
  width: 240px;
}
ul#box li strong {
   background-position: 0px 50px;
   background-repeat: no-repeat;
   display: block;
   font-size: 18px;
   font-weight: normal;
   height: 183px;
   line-height: 22px;
   overflow: hidden;
   padding: 25px 5px 0px;
   width: 230px;
}
ul#box li em {
  display: block;
  font-size: 14px;
  font-style: normal;
  line-height: 16px;
  margin-top: 8px;
  height: 96px;
  overflow: hidden;
  padding: 0 5px 0;
}
ul#box li:hover { background-position: left bottom; }
ul#box li a { color: #000; display: block; }
ul#box li a:hover { color: #FFF; }


/** NEWS / PRESS **/

#content.home.news div {
  margin-bottom: 0;
  overflow: hidden;
  padding-bottom: 0;
}
#content.home.news div h2 {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 0.5em;
  overflow: hidden;
  padding: 0;
  text-align: left;
}
#content.home.news div em {
  display: block;
  font-size: 12px;
  line-height: 1.2em;
  margin-bottom: 0.5em;
}
#content.home.news div em { float: left; width: 100px; }
#content.home.news div span { float: right; width: 400px; }
#content.home.news div p {
  font-size: 12px;
  line-height: 1.2em;
}


/**  ADDITIONAL CONTENT **/

#content .additional {
  background-color: transparent;
  background-position: left bottom;
  background-repeat: no-repeat;
  color: #000;
  float: left;
  height: 246px;
  margin: -22px 0 0 0;
  padding: 20px 13px 40px 32px;
  width: 200px;
}

#content .additional h2 {
  border-bottom: solid 1px;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 3px 0;
  padding: 0 0 1px;
  text-transform: uppercase;
  width: 200px;
}

#content .additional h2.hidden span { display: none; }

#content .additional h3,
#content .additional h4,
#content .additional p,
#content .additional ul {
  font-size: 12px;
  font-weight: normal;
  line-height: 14px;
}
#content .additional ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#content .additional ul.event-calendar li.subtitle {
  margin-top: 5px;
}

#content .additional ul.sponsors li { margin: 15px 0; }


#content .additional h3, #content .additional h4 { margin: 0px; }
#content .additional h3 a span { display: inline; /* text-transform: uppercase; */ }
#content .additional h4 { margin-bottom: 10px; }

#content .additional p.ticketlink,
#content .additional p.soldout { margin-bottom: 14px; text-transform: uppercase; }
#content .additional p.soldout { text-decoration: line-through; }

#content .additional p { margin: 0px; }
#content .additional span { display: block; }
#content .additional span.time, #content span.fee {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  text-transform: uppercase;
}
#content .additional span.time { float: left; }
#content .additional span.fee { float: right; }
#content .additional span.location { clear: both; }

div#wrapper div#content .additional.upcoming.program {
  color: #000;
  background-image: none;
}
div#wrapper div#content .additional.upcoming.program h3,
div#wrapper div#content .additional.upcoming.program h4,
div#wrapper div#content .additional.upcoming.program h4 a {
  color: #000;
}
div#wrapper div#content .additional.upcoming.program h3 a {
  color: #00C;
}



div#wrapper div#content div.upcoming {
  background-color: transparent;
  background-image: url("../i/additional-home.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  color: #FFF;
  float: left;
  height: auto;
  margin: -22px 0 0 0;
  padding: 20px 25px 60px 45px;
  width: 175px;
}
div#wrapper div#content div.upcoming h2,
div#wrapper div#content div.upcoming h3,
div#wrapper div#content div.upcoming h4,
div#wrapper div#content div.upcoming p { font-weight: normal; margin: 0; }
div#wrapper div#content div.upcoming h2 {
  border-bottom: solid 1px;
  margin: 0 0 0 0;
  font-size: 12px;
  line-height: 1.2em;
  padding: 0 0 1px;
}
div#wrapper div#content div.upcoming h2 em {
  float: right;
}
div#wrapper div#content div.upcoming h3 {
  font-size: 16px;
  line-height: 1.2em;
}
div#wrapper div#content div.upcoming h3 a { color: #FF0; }
div#wrapper div#content div.upcoming h3 a:hover { color: #FFF; }
div#wrapper div#content div.upcoming h4 {
  font-size: 16px;
  line-height: 1.2em;
}
div#wrapper div#content div.upcoming h5 {}
div#wrapper div#content div.upcoming p {}
div#wrapper div#content div.upcoming h2 { font-weight: normal; margin-bottom: 3px; padding-bottom: 3px; }
div#wrapper div#content div.upcoming h3 a {}
div#wrapper div#content div.upcoming h4 a { color: #fff; }
div#wrapper div#content div.upcoming div { border-bottom: none; margin-bottom: 20px; }

div#wrapper div#content div.upcoming p { font-size: 12px; font-weight: normal; line-height: 14px; }
div#wrapper div#content div.upcoming h3, #content .additional h4 { margin: 0px; }
div#wrapper div#content div.upcoming h4 { margin-bottom: 0; }

div#wrapper div#content div.upcoming p.ticketlink,
div#wrapper div#content div.upcoming p.soldout { margin-bottom: 14px; text-transform: uppercase; }
div#wrapper div#content div.upcoming p.soldout { text-decoration: line-through; }

div#wrapper div#content div.upcoming p { margin: 0px; }
div#wrapper div#content div.upcoming span { display: block; }
div#wrapper div#content div.upcoming span.time, #content span.fee {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  text-transform: uppercase;
}
div#wrapper div#content div.upcoming span.time { float: left; }
div#wrapper div#content div.upcoming span.fee { float: right; }
div#wrapper div#content div.upcoming span.location { clear: both; }


/**  SCHEDULE **/

#content.schedule .main h1 { text-align: center; }

#content ul#navigation {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
#content ul#navigation li {
  background-color: transparent;
  background-image: url(../i/nav-next.png);
  background-position: left top;
  background-repeat: no-repeat;
  height: 21px;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 78px;
  width: 20px;
}
#content ul#navigation li#next { left: 695px; }
#content ul#navigation li#previous {
  background-image: url(../i/nav-previous.png);
  left: 215px;
}
#content ul#navigation li:hover { background-position: left bottom; }
#content ul#navigation li a {
  display: block;
  height: 1021px;
  margin-top: -1000px;
  width: 20px;
}


#content.schedule table { color: #FFF; width: 500px; }

#content.schedule table,
#content.schedule tr,
#content.schedule th,
#content.schedule td,
#content.schedule .tr,
#content.schedule .tr div {
  border-collapse: collapse;
  border: none;
  border-spacing: 0px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  display: block;
  margin: 0px;
  padding: 0px;
  text-align: left;
}
#content.schedule table thead,
#content.schedule table tfoot { display: none; }
#content.schedule .past { opacity: .7; }

#content.schedule table tbody tr,
#content.schedule .tr {
  border-bottom: solid 1px #FF6;
  margin-bottom: 10px;
  overflow: hidden;
  padding-bottom: 10px;
}

#content.schedule td, #content.schedule .tr div { width: 385px; }

#content.schedule #table .day,
#content.schedule #table .time,
#content.schedule #table .tickets,
#content.schedule #table .price { clear: left; float: left; width: 100px; }
#content.schedule #table .performance,
#content.schedule #table .company,
#content.schedule #table .location { clear: right; float: right; width: 385px; }
/* #content.schedule #table .company, */
#content.schedule #table .day { font-size: 16px; line-height: 18px; }
#content.schedule #table .performance { text-transform: uppercase; }
#content.schedule #table .performance a { display: block; }
#content.schedule #table .tickets a {
  background-color: transparent;
  background-image: url(../i/words-ticket.png);
  background-position: left 1005px;
  background-repeat: no-repeat;
  display: block;
  height: 1024px;
  margin-top: -1000px;
  overflow: hidden;
  width: 36px;
}
#content.schedule #table .tickets a:hover { background-position: right 1005px; }
#content.schedule .additional h3 { margin-bottom: 10px; }


/**  PROJECTS-Detail **/

#content.performance .main h1 em { display: block; }
#content.performance .main h1 em { color: #666; }
#content.performance .additional h2 { margin-top: 16px; }
#content .additional ul.gallery {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
#content .additional ul.gallery li {
  display: inline;
  margin: 0;
  padding: 0;
}


/**  CALENDAR RESULTSET **/

#content.schedule.resultset {
/*  background-image: url(../i/bg-calendar-2.png); */
  background-position: left -25px;
}
#content ul.events {
  margin: 0 0 40px 23px;
  overflow: hidden;
  padding: 0px;
}
#content ul.events li {
  background-color: transparent;
  background-image: url(../i/calendar-resultset.png);
  background-position: left top;
  background-repeat: no-repeat;
  float: left;
  list-style-type: none;
  height: 208px;
  margin: 0 3px 0 0;
  overflow: hidden;
  padding: 0px;
  width: 150px;
}
#content ul.events li:hover { background-position: left bottom; }
#content ul.events li.variant {
  background-image: url(../i/calendar-resultset-blue.png);
}
#content ul.events li.variant a { color: #FFF; }
#content ul.events li a {
  color: #000;
  display: block;
  height: 208px;
  width: 150px;
}
#content ul.events li a,
#content.schedule.resultset ul.events li a { color: #000; }
#content ul.events li.variant a,
#content.schedule.resultset ul.events li.variant a { color: #FFF; }
#content ul.events li strong {
   display: block;
   font-size: 12px;
   font-weight: normal;
   padding: 15px 5px 2px;
}
#content ul.events li em {
   display: block;
   font-size: 14px;
   font-style: normal;
   padding: 0 5px 5px;
   text-transform: uppercase;
}
#content ul.events li em.xl { font-size: 44px; line-height: 48px; }
#content ul.events li em.l { font-size: 34px; line-height: 38px; }
#content ul.events li em.m { font-size: 18px; line-height: 22px; }
#content ul.events li p.img { height: 110px; overflow: hidden; }
#content ul.events li img {
  border:-bottom: none;
  display: block;
  margin: 0;
}

#content ul.companies li { height: 175px; padding-top: 33px; }
#content ul.companies li strong {
  font-size: 14px;
  padding: 0 5px 5px;
  text-transform: uppercase;
}


/**  TICKETS **/

#content.tickets .select h3 {
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
  margin-bottom: 0px;
  margin-top: 0px;
}
#content.tickets .select ul {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 16px;
  margin-top: 0px;
  padding: 0px;
}
#content.tickets .select li { list-style-type: none; margin: 0px; padding: 0px; }

#content.tickets .select ul#ticket-date {
  background-color: transparent;
  background-image: url(../i/ticket-calendar-bg.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  font-size: 12px;
  height: 133px;
  left: 565px;
  line-height: 14px;
  margin-bottom: 0px;
  padding: 2px 6px 6px 11px;
  position: absolute;
  top: 185px;
  width: 133px;
}
#content.tickets .select ul#ticket-date li {
  background-color: #FFF;
  border-bottom: solid 1px #E50;
  border-right: solid 1px #E50;
  float: left;
  height: 14px;
  padding: 2px;
  text-align: right;
  width: 14px;
}
#content.tickets .select ul#ticket-date li.out { background-color: #EEE; color: #999; }
#content.tickets .select ul#ticket-date li em,
#content.tickets .select ul#ticket-date li a {
  display: block;
  padding: 2px;
  margin: -2px;
}
#content.tickets .select ul#ticket-date li em {
  background-color: #E50;
  color: #FFF;
  font-variant: normal;
  text-align: center;
}
#content.tickets .select ul#ticket-date li a {
  background-color: #FFCCAA;
  color: #000;
}
#content.tickets .select ul#ticket-date li a:hover { background-color: #EA8; }
#content.tickets .select ul#ticket-date li.out a { background-color: #BBB; color: #999; }
#content.tickets .select ul#ticket-date li.out a:hover { background-color: #AAA; }


/**  PRESS **/

#content.press .main h2,
#content.press .main h3 { margin: 0; padding: 0; }
#content.press .main h2 {
  font-size: 18px;
  line-height: 22px;
  text-transform: none;
}
#content.press .main h3 {
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
  margin-bottom: 30px;
}
#content.press ul.resultset {
  font-size: 12px;
  line-height: 14px;
  margin: 0px;
  overflow: hidden;
  padding: 0px;
  width: 500px;
}
#content.press ul.resultset li {
  float: left;
  list-style-type: none;
  height: 179px;
  margin: 0 2px 30px 0;
  overflow: hidden;
  padding: 2px;
  width: 160px;
}
#content.press ul.resultset li:hover { opacity: .5; }
#content.press ul.resultset li a { color: #000; }

#content.press ul.images {
  margin: 0px;
  overflow: hidden;
  padding: 0px;
  width: 500px;
}
#content.press ul.images li {
  float: left;
  list-style-type: none;
  height: 100px;
  margin: 0 10px 40px 0;
  width: 100px;
}
#content.press ul.images li:hover { opacity: .5; }
#content.press p.hint {
  clear: left;
  float: left;
  margin-right: 20px;
  width: 312px;
}
#content p.back {
  height: 17px;
  overflow: hidden;
  width: 168px;
}
#content p.back a {
  color: #000;
  display: block;
  height: 17px;
  width: 168px;
}
#content p.back:hover { color: #fff; }

#content.press p.get-all {
  background-color: transparent;
  background-image: url(../i/words-getall.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  float: right;
  height: 17px;
  overflow: hidden;
  width: 168px;
}
#content.press p.get-all a {
  display: block;
  height: 1017px;
  margin-top: -1000px;
  width: 168px;
}
#content p.get-all:hover { background-position: right bottom; }

#content.press { margin-left: 150px; }

#content.press div {
  border-bottom: solid 1px;
  margin-bottom: 1.2em;
}
#wrapper #content.press div h2 {
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 0.5em;
}
#wrapper #content.press div em {
  color: #000;
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.2em;
  margin-bottom: 0.5em;
}
#wrapper #content.press div p {
  font-size: 12px;
  line-height: 1.2em;
}

#wrapper #content.press div h1 {
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 0.5em;
  text-align: left;
  text-transform: none;
}
#wrapper #content.press div h1 em {
  color: #000;
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.2em;
  margin-bottom: 0.5em;
}


/**  HISTORY **/


ul.history { list-style: none; margin: 0; padding: 0px; }
ul.history li {
  background-repeat: no-repeat;
  border-bottom: solid 1px #052;
  margin: 0 0 20px 0; 
  padding: 0 0 10px 160px;
}
ul.history strong { display: block; text-transform: uppercase; margin-bottom: 5px; }
ul.history li a { display: block; }
ul.history li:hover { opacity: 0.5; }

/**  MENU **/

#primary {
  background: transparent url(../i/primary-bg.png) left top no-repeat;
  height: 55px;
  left: 180px;
  margin: 0px 0px 20px;
  padding: 0px;
  position: absolute;
  top: 0px;
  width: 640px;
}

.ie6 #primary { 
  background-image: none;
  position: relative;
}

#primary.home     { background-position: 0px  -75px; }
#primary.schedule { background-position: 0px -150px; }
#primary.tickets  { background-position: 0px -225px; }
#primary.hellerau { background-position: 0px -300px; }
#primary.press    { background-position: 0px -375px; }
#primary.service  { background-position: 0px -450px; }
#primary.contact  { background-position: 0px -525px; }

#primary li {
  float: left;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
ul#primary li a {
  background-color: transparent;
  background-image: url(../i/primary-font.png);
  background-repeat: no-repeat;
  display: block;
  font-size: 12px;
  height: 1055px;
  line-height: 14px;
  margin-top: -1000px;
}
.english ul#primary li a {
  background-image: url(../i/primary-en.png);
}

ul#primary li.home a      { background-position:    0px 1000px; width: 113px; }
ul#primary li.schedule a  { background-position: -113px 1000px; width: 100px; }
ul#primary li.tickets a   { background-position: -213px 1000px; width:  79px; }
ul#primary li.hellerau a  { background-position: -292px 1000px; width:  94px; }
ul#primary li.press a     { background-position: -386px 1000px; width:  78px; }
ul#primary li.service a   { background-position: -464px 1000px; width:  80px; }
ul#primary li.contact a   { background-position: -544px 1000px; width:  96px; }

ul#primary li.home a:hover     { background-position:    0px 925px; }
ul#primary li.schedule a:hover { background-position: -113px 925px; }
ul#primary li.tickets a:hover  { background-position: -213px 925px; }
ul#primary li.hellerau a:hover { background-position: -292px 925px; }
ul#primary li.press a:hover    { background-position: -386px 925px; }
ul#primary li.service a:hover  { background-position: -464px 925px; }
ul#primary li.contact a:hover  { background-position: -544px 925px; }

ul#primary li.home.selected a           { background-position:    0px  925px; }
ul#primary li.schedule.selected a       { background-position: -113px 1000px; }
ul#primary li.tickets.selected a        { background-position: -213px  925px; }
ul#primary li.hellerau.selected a       { background-position: -292px 1000px; }
ul#primary li.press.selected a          { background-position: -386px 1000px; }
ul#primary li.service.selected a        { background-position: -464px 1000px; }
ul#primary li.contact.selected a        { background-position: -544px 1000px; }

#secondary {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left bottom;
  float: left;
  margin: 205px 0 0 0;
  padding: 10px 15px 20px 35px;
  position: relative;
  width: 140px;
  z-index: 2;
}
#secondary li {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  list-style-type: none;
  margin-bottom: 8px;
  text-transform: uppercase;
}
#secondary li a { color: #000; display: block; }

/** JS Stuff **/

#dialog { border: none; margin: 0; padding: 0; }
#dialog .hd { 
  background-color: #fff; 
  border: none; 
  color: #555;
  font-weight: normal;
  padding: 10px;
  text-align: right;
}
#dialog .bd, #dialog .ft { padding: 20px; }
#dialog .ft div { overflow: hidden; }
#dialog .ft span { display: block; float: right; }
#dialog .ft span.caption { float: left; text-align: left; }
#dialog .bd img {
  display: block;
  margin: auto;
}

/**  FORMS **/
form#subscribe label {
  display: block;
  margin-top: .5em;
  width: 150px;
}

form#subscribe ol { list-style: none; margin: 0; padding: 0; }

/**  COLORS **/

/* +---------------------- C O L O R S ----------------------+ */
/* |                                                         | */
/* |  .home       255  51 255 #FF33FF     0   0   0 #000000  | */
/* |  .calerndar  255 255 102 #FFFF66    17  34 136 #112288  | */
/* |  .tickets     17 170 255 #11AAFF   238  85   0 #EE5500  | */
/* |  .hellerau   255 170 221 #FFAADD     0  85  34 #005522  | */
/* |  .press      187 238 153 #BBEE99    68  17  85 #441155  | */
/* |  .service    102 255 255 #66FFFF   153   0   0 #990000  | */
/* |  .contact    255 187  34 #FFBB22     0  68 221 #0044DD  | */
/* |                                                         | */
/* +---------------------------------------------------------+ */


/**  SOME BACKGROUND SETTINGS **/

/* #content.press { background-image: url(../i/bg-press.png); } */

#content.schedule .additional { background-image: url(../i/additional-calendar.png); }
#content.hellerau .additional { background-image: url(../i/additional-calendar.png); }
#content.performance .additional { background-image: url(../i/additional-calendar.png); }
#content.tickets .additional { background-image: url(../i/additional-tickets.png); }
#content.press .additional { background-image: url(../i/additional-press.png); }

#secondary.home { background-image: url(../i/secondary-home.png); }
#secondary.schedule { background-image: url(../i/secondary-calendar.png); }
#secondary.tickets { background-image: url(../i/secondary-tickets.png); }
#secondary.hellerau { background-image: url(../i/secondary-hellerau.png); }
#secondary.press { background-image: url(../i/secondary-press.png); }
#secondary.service { background-image: url(../i/secondary-service.png); }
#secondary.contact { background-image: url(../i/secondary-contact.png); }

/**  FONT-Replacement **/

#content.tickets .additional { color: #FFF; }

/*
#content .additional h2.today             { background-position: -420px   0px; }
#content .additional h2.tomorrow          { background-position: -420px -30px; }
#content.schedule .additional h2.today    { background-position:    0px   0px; }
#content.schedule .additional h2.tomorrow { background-position:    0px -30px; }
#content.press .additional h2.today       { background-position:    0px   0px; }
#content.press .additional h2.tomorrow    { background-position:    0px -30px; }
*/
#content .additional h2.images      { background-position:    0px  -90px; }
#content .additional h2.videos      { background-position:    0px -120px; }
#content .additional h2.release     { background-position:    0px -150px; }
#content .additional h2.next        { background-position:    0px -180px; }
#content .additional h2.production  { background-position:    0px -210px; }
#content .additional h2.website     { background-position:    0px -240px; }


/**  SOME COLOR SETTINGS **/

#content.home .main h2 { color: #F0F; }
#content.schedule .main h1, #content.schedule .main h2 { color: #FF6; }
#content.tickets  .main h1, #content.tickets  .main h2 { color: #1AF; }
#content.hellerau .main h1, #content.hellerau .main h2 { color: #052; }
#content.press    .main h1, #content.press    .main h2 { color: #415; }
#content.service  .main h1, #content.service  .main h2 { color: #900; }
#content.contact  .main h1, #content.contact  .main h2 { color: #04D; }

#content.schedule    .main a { color: #FF6; }
#content.tickets     .main a { color: #1AF; }
#content.hellerau    .main a { color: #052; }
#content.press       .main a { color: #415; }
#content.service     .main a { color: #900; }
#content.contact     .main a { color: #04D; }

#content.schedule    .main a:hover { color: #000; }
#content.tickets     .main a:hover { color: #000; }
#content.hellerau    .main a:hover { color: #000; }
#content.press       .main a:hover { color: #000; }
#content.service     .main a:hover { color: #000; }
#content.contact     .main a:hover { color: #000; }

#content.performance .additional a { color: #128; }
#content.performance .additional a:hover { color: #000; }

#content.hellerau .additional a { color: #128; }
#content.hellerau .additional a:hover { color: #000; }

#secondary.tickets  li a:hover, #secondary.tickets  li.selected a { color: #C72; }
#secondary.hellerau li a:hover, #secondary.hellerau li.selected a { color: #1A4; }
#secondary.press    li a:hover, #secondary.press    li.selected a { color: #82A; }
#secondary.service  li a:hover, #secondary.service  li.selected a { color: #B22; }
#secondary.contact  li a:hover, #secondary.contact  li.selected a { color: #04D; }
#secondary.schedule li a:hover, #secondary.schedule li.selected a { color: #AA0; }

#content.schedule .additional, #content.press .additional { color: #000; }
#content.schedule .additional a, #content.press .additional a { color: #000; }

#content .additional a { color: #FFF; }
#content .additional a:hover { color: #FFFF00; }
#content.schedule .additional a:hover { color: #33C; }

#secondary.home li a.selected, #secondary.home li a:hover { color: #FF0; }
#secondary.schedule li a.selected, #secondary.schedule li a:hover { color: #AA0; }