/*-------------------------------------------------
 General
 -------------------------------------------------*/

html {
  min-height: 100%;
}

body {
  font-family: Arial, sans-serif;
  font-size: 85%;
  color: #333;
  margin: 0;
  background: #000 url(../images/water_with_paper.jpg) bottom left no-repeat scroll; 
}

/* Opera 9 */
html:first-child body {
  background-attachment: fixed;
}

a:link,
a:visited {
  color: #ef10cc;
}

a:active,
a:hover {
  color: #000;
  background: #ef10cc;
}


/*-------------------------------------------------
 Woyzeck General
 -------------------------------------------------*/

#content {
  margin: 0;
  padding: 0;
}

/*-------------------------------------------------
 Main (Logo & Text)
 -------------------------------------------------*/

#main {
  width: 900px;
  padding: 10px 10px 55px 35px;
}

#logo h1 {
  margin: 0;
  padding: 15px 100px 15px 15px;
  float: right;
  margin-right: 200px;
}

#logo h1 a {
	background: url(../images/logo.png) no-repeat top left;
  overflow: hidden;
  display: block;
  width: 131px;
  padding: 264px 0 0 0;
  height: 0px !important;
  height /**/:264px; /* for IE6/IE7/Win only */
}

#text {
  width: 550px; 
  margin-top: 60px;
  line-height: 1.25em;
}

/* IE7/Win */
*:first-child+html #text {
  position: relative;
  top: -270px;
  width: 460px;
  font-size: 85%;
}

/* IE7/Win */
*:first-child+html #text h1 {
  font-size: 150%;
}

p.tiny_print {
  margin-top: 40px;
  font-size: 85%;
}

/*-------------------------------------------------
 Navigation
 -------------------------------------------------*/

#navigation > ul {
  margin: 0;
  float: right;
  clear: right;  
  width: 245px; 
  margin-top: 80px;
  margin-right: 50px;
}

/* IE7/Win */
*:first-child+html #navigation > ul {
  margin-right: -20px;
}

#navigation li {
  margin: 0;
  float: right;
  clear: right; 
  padding-bottom: 13px;
  list-style: none;
  color: #fff;
}

#navigation #about > a {
  float: right;
	background: url(../images/about.png) no-repeat top left;
  overflow: hidden;
  display: block;
  width: 109px;
  padding: 26px 0 0 0;
  height: 0px !important;
  height /**/:26px; /* for IE6/IE7/Win only */
}

#navigation #about > a:hover,
#navigation #about.on > a {
  background-position: 0 -26px;
}

#navigation #installations {
  width: 228px;
}

#navigation #installations > a {
	background: url(../images/installations.png) no-repeat top left;
  overflow: hidden;
  display: block;
  width: 228px;
  padding: 25px 0 0 0;
  height: 0px !important;
  height /**/:25px; /* for IE6/IE7/Win only */
}

#navigation #installations > a:hover,
#navigation #installations.on > a {
  background-position: 0 -25px;
}

#navigation #scholarship a {
	background: url(../images/scholarship.png) no-repeat top left;
  overflow: hidden;
  display: block;
  width: 214px;
  padding: 26px 0 0 0;
  height: 0px !important;
  height /**/:26px; /* for IE6/IE7/Win only */
}

#navigation #scholarship a:hover,
#navigation #scholarship.on a {
  background-position: 0 -26px;
}

#navigation #technology a {
	background: url(../images/technology.png) no-repeat top left;
  overflow: hidden;
  display: block;
  width: 220px;
  padding: 27px 0 0 0;
  height: 0px !important;
  height /**/:27px; /* for IE6/IE7/Win only */
}

#navigation #technology a:hover,
#navigation #technology.on a {
  background-position: 0 -29px;
}

#navigation #credits > a {
  float: right;
	background: url(../images/credits.png) no-repeat top left;
  overflow: hidden;
  display: block;
  width: 124px;
  padding: 26px 0 0 0;
  height: 0px !important;
  height /**/:26px; /* for IE6/IE7/Win only */
}

#navigation #credits {
  width: 240px;
}

#navigation #credits > a:hover,
#navigation #credits.on > a {
  background-position: 0 -26px;
}

#navigation #credits_production a {
	background: url(../images/production.png) no-repeat top left;
  overflow: hidden;
  display: block;
  width: 148px;
  padding: 20px 0 0 0;
  height: 0px !important;
  height /**/:20px; /* for IE6/IE7/Win only */
}

#navigation #credits_production a:hover,
#navigation #credits_production.on a {
  background-position: 0 -20px;
}

#navigation #credits_dancers a {
	background: url(../images/dancers.png) no-repeat top left;
  overflow: hidden;
  display: block;
  width: 104px;
  padding: 20px 0 0 0;
  height: 0px !important;
  height /**/:20px; /* for IE6/IE7/Win only */
}

#navigation #credits_dancers a:hover,
#navigation #credits_dancers.on a {
  background-position: 0 -20px;
}

#navigation #credits_singers a {
	background: url(../images/singers.png) no-repeat top left;
  overflow: hidden;
  display: block;
  width: 93px;
  padding: 19px 0 0 0;
  height: 0px !important;
  height /**/:19px; /* for IE6/IE7/Win only */
}

#navigation #credits_singers a:hover,
#navigation #credits_singers.on a {
  background-position: 0 -19px;
}

#navigation #special_thanks a {
	background: url(../images/special_thanks.png) no-repeat top left;
  overflow: hidden;
  display: block;
  width: 186px;
  padding: 19px 0 0 0;
  height: 0px !important;
  height /**/:19px; /* for IE6/IE7/Win only */
}

#navigation #special_thanks a:hover,
#navigation #special_thanks.on a {
  background-position: 0 -19px;
}

#navigation #game a {
	background: url(../images/game.png) no-repeat top left;
  overflow: hidden;
  display: block;
  width: 104px;
  padding: 28px 0 0 0;
  height: 0px !important;
  height /**/:28px; /* for IE6/IE7/Win only */
}

#navigation #game a:hover,
#navigation #game.on a {
  background-position: 0 -28px;
}

#navigation #synopsis a {
	background: url(../images/synopsis.png) no-repeat top left;
  overflow: hidden;
  display: block;
  width: 107px;
  padding: 20px 0 0 0;
  height: 0px !important;
  height /**/:20px; /* for IE6/IE7/Win only */
}

#navigation #synopsis a:hover,
#navigation #synopsis.on a {
  background-position: 0 -20px;
}

#navigation #characters a {
	background: url(../images/characters.png) no-repeat top left;
  overflow: hidden;
  display: block;
  width: 146px;
  padding: 19px 0 0 0;
  height: 0px !important;
  height /**/:19px; /* for IE6/IE7/Win only */
}

#navigation #characters a:hover,
#navigation #characters.on a {
  background-position: 0 -19px;
}

#navigation #georg_buchner a {
	background: url(../images/georg_buchner.png) no-repeat top left;
  overflow: hidden;
  display: block;
  width: 192px;
  padding: 24px 0 0 0;
  height: 0px !important;
  height /**/:24px; /* for IE6/IE7/Win only */
}

#navigation #georg_buchner a:hover,
#navigation #georg_buchner.on a {
  background-position: 0 -24px;
}

#navigation #production_history a {
	background: url(../images/production_history.png) no-repeat top left;
  overflow: hidden;
  display: block;
  width: 146px;
  padding: 41px 0 0 0;
  height: 0px !important;
  height /**/:41px; /* for IE6/IE7/Win only */
}

#navigation #production_history a:hover,
#navigation #production_history.on a {
  background-position: 0 -41px;
}

#navigation #behind_the_scenes a {
	background: url(../images/behind_the_scenes.png) no-repeat top left;
  overflow: hidden;
  display: block;
  width: 130px;
  padding: 42px 0 0 0;
  height: 0px !important;
  height /**/:42px; /* for IE6/IE7/Win only */
}

#navigation #behind_the_scenes a:hover,
#navigation #behind_the_scenes.on a {
  background-position: 0 -42px;
}

#navigation #contact a {
	background: url(../images/contact.png) no-repeat top left;
  overflow: hidden;
  display: block;
  width: 108px;
  padding: 20px 0 0 0;
  height: 0px !important;
  height /**/:20px; /* for IE6/IE7/Win only */
}

#navigation #contact a:hover,
#navigation #contact.on a {
  background-position: 0 -20px;
}

#navigation #current a {
	background: url(../images/current.png) no-repeat top left;
  overflow: hidden;
  display: block;
  width: 103px;
  padding: 20px 0 0 0;
  height: 0px !important;
  height /**/:20px; /* for IE6/IE7/Win only */
}

#navigation #current a:hover,
#navigation #current.on a {
  background-position: 0 -20px;
}

#navigation #past a {
	background: url(../images/past.png) no-repeat top left;
  overflow: hidden;
  display: block;
  width: 57px;
  padding: 19px 0 0 0;
  height: 0px !important;
  height /**/:19px; /* for IE6/IE7/Win only */
}

#navigation #past a:hover,
#navigation #past.on a {
  background-position: 0 -19px;
}

#navigation #upcoming a {
	background: url(../images/upcoming.png) no-repeat top left;
  overflow: hidden;
  display: block;
  width: 131px;
  padding: 20px 0 0 0;
  height: 0px !important;
  height /**/:20px; /* for IE6/IE7/Win only */
}

#navigation #upcoming a:hover,
#navigation #upcoming.on a {
  background-position: 0 -20px;
}

#navigation #host_woyzeck a {
	background: url(../images/host_woyzeck.png) no-repeat top left;
  overflow: hidden;
  display: block;
  width: 186px;
  padding: 19px 0 0 0;
  height: 0px !important;
  height /**/:19px; /* for IE6/IE7/Win only */
}

#navigation #host_woyzeck a:hover,
#navigation #host_woyzeck.on a {
  background-position: 0 -19px;
}

#navigation #about.on,
#navigation #installations.on,
#navigation #credits.on {
  padding-bottom: 25px;
}

#navigation #about ul > li,
#navigation #installations ul > li,
#navigation #credits ul > li {
  padding-top: 10px;
  padding-bottom: 0;
}

#navigation #about.on {
  margin-top: -238px;
}

/*-------------------------------------------------
 Credits
 -------------------------------------------------*/

#credits_page h1 {
  margin: 10px 0 5px 0;
  padding: 0;
}

div.credits_section {
  margin-top: -190px;
  float: left;
  position: relative;
}

/* IE7/Win */
*:first-child+html div.credits_section {
  margin-top: 0;
}

#credits_page p.person {
  float: left;
  width: 140px; 
  min-height: 180px;
  margin: 0 15px 25px 0;
  background: #ccc;
  padding: 0;
}

/* IE7/Win */
*:first-child+html #credits_page p.person {
  margin-right: 10px;
}

#credits_page #production_team p.person {
  min-height: 250px;
}

#credits_page img {
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
}

#credits_page span.name {
  display: block;
  padding: 5px 5px 0 5px;
}

#credits_page span.credits {
  font-style: italic;
  display: block;
  padding: 5px;
}

#credits_page a img {
  border: none;
}

#credits_page a:hover img {
  border: 2px solid #ef10cc;
  margin: -2px -2px 3px -2px;
}

#credits_page a:hover {
  background: none;
}

/*-------------------------------------------------
 Scholarship: General
 -------------------------------------------------*/

span.block_quote {
  display: block;
  margin-left: 40px;
}

p.quote {
  font-style: italic;
}

pre.lyrics {
  font-family: Arial, sans-serif;
  margin-left: 40px;
  font-style: italic;
}

h4 {
  font-style: italic;
}

/*-------------------------------------------------
 Scholarship: Bibliography
 -------------------------------------------------*/

#bibliography span.underline {
  text-decoration: underline;
}

#bibliography ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

#bibliography ul li {
  margin-left: 0;
  padding-left: 0;
  padding-bottom: 15px;
}