* {
 margin: 0;
 padding: 0;
}
body, html {
  height: 100%;
  font-family: "Andale Mono", sans-serif;
}

.hervorgehoben {
 color: #fa0000; /* oder einen hexadezimalwert */
}
.grau {
 color: #999;
}
body {
   min-height: 700px;
   min-width: 910px;
   padding-bottom: 40px;
   background-image: url(/de/bilder/hintergrund.gif);
}



#kopf {
  height: 22px;
   background: url(/de/bilder/rand_re_oben.gif) right top no-repeat;
   width: 100%;
   position: fixed; 
   top: 0; 
   right: 0;
   z-index: 101;
}
* html #kopf {
  background: transparent;	
}
#wrapper { 
 /* background: url(/de/bilder/rand_li_wdh.gif) top left repeat-y fixed;*/
  position: relative;
  border: 1px solid transparent;
}
* html #wrapper {
	border: none;
}
.zentriert #wrapper {
  min-height: 100%;
}
* html #wrapper {
	/*background: url(rand_li_wdh.gif) top left no-repeat;*/
	height: 100%;
}


#hauptteil {
  padding-bottom: 40px;
}
#fuss {
  background: url(/de/bilder/rand_li_unten.gif) bottom left no-repeat;
  height: 40px;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1001;
}
* html #fuss {
	display: none;
}

#innererfuss {
 background: url(/de/bilder/rand_re_unten_kurz.gif) bottom right no-repeat;
 height: 40px;
 width: 100%;
  z-index: 1002;
  }

#identification {
   height: 80px;
   background: url(/de/bilder/rand_li_oben.gif) top left no-repeat ;
   width:400px;;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 2;
}
* html #identification {
	position: absolute;
	background: transparent;
	top: 2px;
}

#identification table {
	position: absolute;
	top: 19px;
	left: 17px;
	border-collapse: collapse;
	background-color: white;
}
#identification td {
  border: 1px solid #000;
  padding: 3px;
  vertical-align: top;
  padding-left: 10px;
  padding-bottom: 2px;
}


#buehne {
  width: 838px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px; /* Defaultwert, falls JavaScript deaktiviert */
  position: relative;
  z-index: 0;
}


.zentriert  #buehne {
  position: absolute;
   top: 50%;
   left: 50%;
margin-top: -290px !important;
margin-left: -419px;
 height: 580px; /* nur bei der zentrierten Bühne darf eine Höhe angegeben werden */
}
#projektseite #innen {
  width: 578px;
  margin-left: 130px;
  margin-top: 0px;
  position: relative;
}

/*#innen {
  width: 649px;
  height: 486px;
  background-image: url(buehne.jpg);
  position: absolute;
  z-index: 2;
  top: 90px;
  left: 145px;
}*/

h1 {
  font-size: 14px;
  text-transform: uppercase;
  color: #fd191a;
}
h2  {
  font-size: 12px;
   color: #fd191a;
}
h3, p {
  font-size: 10px;
}


#projektinfo {
 position: absolute;
 top: 95px;
 left: 119px;
}


.projektname {
  font-weight: normal;
  border: 1px solid black;
  width: 368px;
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 11px;
  background-color: #fff;
}
#presse {
	position: absolute;
	top: 0px;
	left: 424px;
	width: 85px;
	height: 24px;
	background: url(projekte/bilder/button_presse.gif) no-repeat;
	text-indent: -999em;
	visibility: default;
}
#presse:hover, #presse:active, #presse:focus {
 background-position: bottom left;
}
#pdf1 {
	position: absolute;
	top: 4px;
	left: 530px;
	width: 70px;
	height: 15px;
	background: url(projekte/bilder/button_pdf.gif) no-repeat;
	text-indent: -999em;
	cursor: pointer;
	visibility: default;
}
#pdf1:hover, #pdf1:active, #pdf1:focus {
 background-position: bottom left;
}


#details {
  width: 598px;
 
  background-color: transparent;
  margin-top: 55px;
  margin-left: 29px;
  padding-bottom: 40px;
  padding-top: 10px;
  
}
#uebersicht {
   border: 1px solid black;
}

#beschreibung {
  padding-top: 5px;
  font-size: 11px;
  line-height: 16px;
}
#beschreibung dt {
  color: #fd191a;
  width: 130px;
  float: left;
  text-align: right;
}
#beschreibung dd {
  float: right; 
  width: 436px;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix { 
  height: 1%; 
} /* IE6 */
*:first-child+html .clearfix {
  min-height: 1%; 
} /* IE7 */
#bildnavi {
  position: absolute;
  left: 700px;
  top: 60px;
  width: 100px;
}
#bildzaehlung {
   position: absolute;
  left: 757px;
  top: 159px;
  width: 45px;
  height: 15px;
  z-index: 2;
  border: 1px solid #000;
  background: url(../../bilder/zaehler_bild.gif) no-repeat; /*fmpruef*/
  font-size: 11px;
  line-height:15px;
  text-align: center;
}
#bildbeschriftung {
  background: url(projekte/bilder/bu_zier.gif) no-repeat left center; /*fmpruef*/
  width: 650px;
  font-size: 10px;
  position: absolute;
  top: 565px;
  left: 93px;
  padding-left: 26px;
  padding-right: 26px;
}
#bildbeschriftung span {
	border: 1px solid black;
	padding: 6px;
	display: block;
	width: 588px;
	background-color: white;
}
#bildbeschriftung em {
  font-weight: normal;
  font-style: normal;
  display: block;
  width: 23px;
  float: left;
}
#bildbeschriftung strong  {
  font-weight: normal;
  margin-left: 23px;
  display: block;
}


.zentriert {
 /* background-color: orange;*/
}
/******************* Image Replacement ***********************************/
#identification h1 a span, #identification h2, #identification h3, #copy, #blatt {
  text-indent: -9999em;
  height: 11px;
  background-repeat: no-repeat;
}
#identification h1  a{
   width: 151px;
   height: 11px;
  background-image: url(/de/bilder/johannadombois.gif);
  background-repeat: no-repeat;
  display: block;
}
#index #identification h1 {
	 width: 151px;
   height: 11px;
  background-image: url(/de/bilder/johannadombois.gif);
 
}
#identification h1  {
  text-indent: -999em; 
  overflow: hidden;
}
#identification #benennung {
   width: 49px;
   background-image: url(/de/bilder/benennung.gif);
   padding-bottom: 3px;
}

#identification #werkstoff {
  width: 49px;
  background-image: url(/de/bilder/werkstoff.gif);
  padding-bottom: 6px;
}
#identification #regie {
  width: 238px;
  height: 9px;
  background-image: url(/de/bilder/theatermedientexte.gif);
  padding-right: 9px;
}
#identification #datumaenderung {
  width: 141px;
  padding-right: 17px;
  background-image: url(/de/bilder/datumaenderung.gif);
  padding-bottom: 4px;
}
#identification #datumansicht {
  width: 70px;
  background-image: url(/de/bilder/datumansicht.gif);
  padding-bottom: 4px;
}
#identification #blatt {
  width: 28px;
  background-image: url(/de/bilder/blatt.gif);
  padding-bottom: 3px;
}
#identification #copy{
  width: 11px;
  background-image: url(/de/bilder/copyright.gif);
  padding-bottom: 3px;
}
#identification p {
  margin-bottom: -2px;
}
/************** Ende Image Replacement ****************/

/************** Formatierung Jahreszahlenleiste ***********/
#jahreszahlen {
  width: 89px;
  position: absolute;
  top: 166px;
  left: 0;
}
#jahreszahlen ul {
  list-style-type: none;
}
#jahreszahlen a {
  text-indent: -999em;
  /*background-image: url(2009.gif) no-repeat;*/
  display: block;
  height: 21px;
  width: 89px;
}
#jahreszahlen a:hover, #jahreszahlen a:active, #jahreszahlen a:focus{
 background-position: 0 21px;
 }
#jahreszahlen #j2015:link, #jahreszahlen #j2015:visited{
  background-image: url(/de/bilder/2015.gif);
}
#jahreszahlen #j2014:link, #jahreszahlen #j2014:visited{
  background-image: url(/de/bilder/2014.gif);
}
#jahreszahlen #j2013:link, #jahreszahlen #j2013:visited{
  background-image: url(/de/bilder/2013.gif);
}
#jahreszahlen #j2012:link, #jahreszahlen #j2012:visited{
  background-image: url(/de/bilder/2012.gif);
}
#jahreszahlen #j2011:link, #jahreszahlen #j2011:visited{
  background-image: url(/de/bilder/2011.gif);
}
#jahreszahlen #j2010:link, #jahreszahlen #j2010:visited{
  background-image: url(/de/bilder/2010.gif);
}
#jahreszahlen #j2009:link, #jahreszahlen #j2009:visited{
  background-image: url(/de/bilder/2009.gif);
}

#jahreszahlen #j2008:link, #jahreszahlen #j2008:visited{
  background-image: url(/de/bilder/2008.gif);
}

#jahreszahlen #j2007:link, #jahreszahlen #j2007:visited{
  background-image: url(/de/bilder/2007.gif);
}
#jahreszahlen #j2006:link, #jahreszahlen #j2006:visited{
  background-image: url(/de/bilder/2006.gif);
}
#jahreszahlen #j2005:link, #jahreszahlen #j2005:visited{
  background-image: url(/de/bilder/2005.gif);
}
#jahreszahlen #j2004:link, #jahreszahlen #j2004:visited{
  background-image: url(/de/bilder/2004.gif);
}
#jahreszahlen #j2003:link, #jahreszahlen #j2003:visited{
  background-image: url(/de/bilder/2003.gif);
}
#jahreszahlen #j2002:link, #jahreszahlen #j2002:visited{
  background-image: url(/de/bilder/2002.gif);
}
#jahreszahlen #j2001:link, #jahreszahlen #j2001:visited{
  background-image: url(/de/bilder/2001.gif);
}
#jahreszahlen #j2000:link, #jahreszahlen #j2000:visited{
  background-image: url(/de/bilder/2000.gif);
}
#jahreszahlen .platzhalter:link, #jahreszahlen .platzhalter:visited{
  background-image: url(/de/bilder/0000.gif);
  cursor: default;
}
#jahreszahlen .platzhalter:hover, #jahreszahlen .platzhalter:active, #jahreszahlen .platzhalter:focus{
  background-position: 0 0;
  cursor: default;
}
#jahreszahlen a.ende:link, #jahreszahlen a.ende:visited, #jahreszahlen a.ende:hover, #jahreszahlen a.ende:focus, 
#jahreszahlen a.ende:active {
	 background-image: url(/de/bilder/0000_ende.gif);
	 background-repeat: no-repeat;
}
#erdung {
	width: 89px;
	height: 23px;
	background: url(/de/bilder/erdung.gif) no-repeat 22px 0px;
}
#wetter {
  position: absolute;
  top:56px;
  left: 0;
  padding-bottom: 62px;
  background: url(/de/bilder/data_in.gif) no-repeat bottom left
}
#leistungsschalter {
  height: 11px;
  width: 46px;
  background-image: url(/de/bilder/leistungsschalter.gif);
  background-repeat: no-repeat;
 /*background-position: 4px 0;*/
 position: absolute;
 top: 117px;
 left: 88px;
}

#hauptnavi {
   width: 838px;
   height: 92px;
}
#aktuell {
   position: absolute;
   left: 427px; /* eins weniger */
   top: 3px;
}
#sprachen {
   left: 712px; /* eins weniger */
   position: absolute;
   top: 0;
}
#cvkontakt {
   left: 548px; 
   position: absolute;
   top: 2px;
}
a#englisch:link, a#englisch:visited {
  background: url(/de/bilder/daten.gif) no-repeat;
  width: 121px;
  height: 20px;
  text-indent: -999em;
  display: block;
  border-right: 1px solid black;

}
a#englisch:hover, a#englisch:active, a#englisch:focus {
 background-position: bottom left;
}
a#franzoesisch:link, a#franzoesisch:visited {
  background: url(/de/bilder/schutz.gif) no-repeat;
  width: 121px;
  height: 20px;
  text-indent: -999em;
  display: block;
 
}
a#franzoesisch:hover, a#franzoesisch:active, a#franzoesisch:focus {
 background-position: bottom left;
}
#sprachen img {
  margin-left: -6px;
}
a img {
  border: none;
}
#rahmenrechts {
  width: 20px;
  height: 100%;
  position: fixed;
  z-index: 100;
  top:0;
  right: 0;
 background: url(/de/bilder/rand_re_oben.gif) top right fixed;
}
* html #rahmenrechts {
	/*background: url(gibtsnicht.gif);
	position: absolute;
	top: 40px;*/
	display: none;
	
}
#rahmenlinks {
  width: 20px;
  height: 100%;
  position: fixed;
  z-index: 100;
  top:0;
  left: 0;
 background: url(/de/bilder/rand_li_wdh.gif) repeat-y fixed 0px -10px;
}
* html #rahmenlinks {
	background: transparent;
	position: absolute;
	display: none;
}


#inhalt {
	/*margin-left: 150px;
  margin-top: 10px;*/
  padding: 23px;
	font: 11px/15px "Andale Mono", sans-serif;
	border: 1px solid black;
	width: 550px; /* 544 + 2`* 23 + 2*1 = 592 */
	position: absolute;
	left: 138px;
	top: 108px;
	background-color: white;
	background-image: url(../bilder/00_linien_2004.gif);
}
#inhalt dt {
  text-transform: uppercase;
  color: #fa0000;
  width: 110px;
  float: left;
}

#inhalt dd {
	color: #000;
	width: 418px;
	margin-left: 128px;
	margin-bottom: 9px;
}
#inhalt h2 {
  font-size: 11px;
  margin-bottom: 15px;
  color: #fa0000;
  font-weight: normal;
}
#inhalt.kontakt {
  left: 188px;
}
#inhalt p {
  margin-bottom: 15px;
  font-size: 11px;
}
#inhalt.kontakt dt {
  width: 108px;
}
#inhalt.kontakt dd {
  width: 420px;
}
#inhalt.kontakt  h2{
  color: #000;
  font-weight: normal;
}
#inhalt.cv h2 {
	color: #fa0000;
}
#inhalt.cv li {
	margin-left: 20px;
	list-style-image: url(bilder/forward.png);
}
#inhalt.kontakt  .kontaktinfos dd{
  margin-bottom: 6px;
}
#inhalt.kontakt  dl{
  margin-bottom: 30px;
}
#inhalt.kontakt  a{
  text-decoration: none;
  color: black;
}
#inhalt.kontakt dt span {
  position: relative;
  top: -3px;
  left: 0;
  font-size: 7px;
}
#inhalt.kontakt dl.website {
  margin-bottom: 0px;	
}

.aktuell #inhalt {
   left: 184px;
}
.projekt #jahreszahlen, .projekt #wettercontainer {
 display: none;
}
.projekt #hauptnavi {
  display: none;
}
.projekt #leistungsschalter {
  display: none;
}
.projekt #inhalt {
   width: 550px; /* 550 + 2`* 23 + 2*1 = 600 */
}

#presse h3{
  font-weight: normal;
  margin-bottom: 0;
   color: #fa0000;
   font-size: 11px;
  
}

#bildcontainer img {
	float: left;
	margin-left: 3px;
	border: 1px solid #000;
	margin-top: 3px;
}
#bildcontainer {
  margin-bottom: 28px;
  margin-right: -10px;
  margin-left: -3px;
  margin-top: -10px;
}



#inhalt.projektbeschreibung  {
  width: 552px;
  position: absolute;
  top: 143px;
  left: 119px;
}
#inhalt.projektbeschreibung dt {
  width: 108px;
}
#inhalt.projektbeschreibung dd {
  width: 429px;
  margin-bottom: 6px;
}

#pdf #inhalt dt {
   width: 30px;	
}
#pdf #inhalt dd {
  margin-left: 30px;
  width: 490px;	
}

#index #buehne #innen img {
  position: absolute;
  top: 90px; /*132px;*/
  left: 133px;
}
#index #verbindung, #verbindung {
  position: absolute;
  top: 125px;
  left: 88px;
  height: 410px;
  width: 1px;
  background-color: black;
}

a {
  color: black;
  text-decoration: none;
}

.bild #inhalt {
  padding: 0;
  width: 598px;
  border: none;
  background: transparent;
}
.bild #inhalt img {
  border: 1px solid #000;	
}
.projekt #linien{
  background: url(projekte/bilder/linien_proj_beschr.gif)  no-repeat;
 height: 90px;
  width: 688px; 
  position: absolute;
  top: 104px;
  left: 93px;
}
.pr #linien{
  background: url(projekte/bilder/linien_proj_presse.gif)  no-repeat;
 height: 125px;
  width: 688px; 
  position: absolute;
  top: 104px;
  left: 93px;
}
#pdf #linien {
	 background: url(projekte/bilder/linien_proj_presse.gif)  no-repeat;
}
.pr h3 {
  font-size: 11px;
  color:   #fd191a;
  font-weight: normal;
}


.bild #linien{
  background: url(projekte/bilder/linien_proj_bilder.gif)  no-repeat;
 height: 125px;
  width: 688px; 
  position: absolute;
  top: 104px;
  left: 93px;
}
#exit {
  position: absolute;
  top: 2px;
  left: 652px;
  background: url(projekte/bilder/button_exit.gif) no-repeat;
  width: 20px;
  height: 20px;
  text-indent: -999em;
}
#exit:hover, #exit:active, #exit:focus {
  background-position: bottom left;	
}
#forward {
  background: url(projekte/bilder/button_forward.gif) no-repeat;
  text-indent: -999em;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 39px;
    left: 652px;
}
#forward:hover, #forward:active, #forward:focus {
 background-position: bottom left;
}
#back{
  background: url(projekte/bilder/button_back.gif) no-repeat;
  text-indent: -999em;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 86px;
    left: 652px;
}
#back:hover, #back:active, #back:focus {
 background-position: bottom left;
}
#projektuebersicht {
   background: url(projekte/bilder/button_back_info.gif) no-repeat;
  text-indent: -999em;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 123px;
  left: 652px;
}
#projektuebersicht:hover, #projektuebersicht:active, #projektuebersicht:focus {
 background-position: bottom left;
}
#pruebersicht .jahr2000 a#j2000 {
  background-position: left bottom;
}
#pruebersicht .jahr2001 a#j2001 {
  background-position: left bottom;
}
#pruebersicht .jahr2002 a#j2002 {
  background-position: left bottom;
}
#pruebersicht .jahr2003 a#j2003 {
  background-position: left bottom;
}
#pruebersicht .jahr2004 a#j2004 {
  background-position: left bottom;
}
#pruebersicht .jahr2005 a#j2005 {
  background-position: left bottom;
}
#pruebersicht .jahr2006 a#j2006 {
  background-position: left bottom;
}
#pruebersicht .jahr2007 a#j2007 {
  background-position: left bottom;
}
#pruebersicht .jahr2008 a#j2008 {
  background-position: left bottom;
}
#pruebersicht .jahr2009 a#j2009 {
  background-position: left bottom;
}
#pruebersicht .jahr2010 a#j2010 {
  background-position: left bottom;
}
#pruebersicht .jahr2011 a#j2011 {
  background-position: left bottom;
}
#pruebersicht .jahr2012 a#j2012 {
  background-position: left bottom;
}
#pruebersicht .jahr2013 a#j2013 {
  background-position: left bottom;
}
#pruebersicht .jahr2014 a#j2014 {
  background-position: left bottom;
}

#cvbild, #cvbild2,#kontaktbild , #cvbildaktuell, #kontaktbild2, #kontaktbildaktuell{
  text-indent: -999em;
 height: 20px;
 display: block;
}
#kontaktbild, #kontaktbild2, #kontaktbildaktuell {
  width: 62px;
  background-image: url(/de/bilder/kontakt.gif);
  position: absolute; 
  top: 0;
  left: 80px;
}
#kontaktbild:hover, #kontaktbild:focus, #kontaktbild:active,#kontaktbild2:hover, #kontaktbild2:focus, #kontaktbild2:active, #kontaktbildaktuell  {
  background-position: bottom left;
}
#cvbild, #cvbildaktuell, #cvbild2{
  width: 80px;
  background-image: url(/de/bilder/cv.gif);
    position: absolute; 
  top: 0;
  left:0px;
}
#cvbild:hover, #cvbild:focus, #cvbild:active, #cvbildaktuell, #cvbild2:hover, #cvbild2:active, #cvbild3:focus {
  background-position: bottom left;
}
#cvani {
  position: absolute;
  top:20px;
  left: 0px;
}

#drehmomentcontainer {
  top: 115px;
  left: 133px;
  position: absolute;
}
#pruebersicht #leistungsschalter {
  background-position: left bottom;
}

a span {
	 color: #fa0000;
}
li a span {
   color: #000;	
}
.versteckt {
 display: none;	
}
#liniencv {
  background-image: url(/de/bilder/linien_cv.gif);
  width: 656px;
  height: 44px;
  position: absolute;
  top: 92px;
  left: 157px;
}
#aktuellseite #leistungsschalter {
  background-position: bottom left;
}
#cvtextseite #leistungsschalter {
  background-position: bottom left;
}
#cvbildseite #leistungsschalter {
  background-position: bottom left;
}
#kontaktseite #leistungsschalter {
  background-position: bottom left;
}

.abschluss {
  margin-bottom: 0px !important;	
}
#leseprobe #inhalt {
  background-color: white;
  border: 1px solid black;
  padding: 23px;
  width: 552px;  
}
#leseprobe #bildzaehlung {
  position: absolute;
left: 637px;
top: 15px;
}
.fussnote {
  font-size: 9px;
 position: relative;
 bottom: 4px;
}
#leseprobe h3 {
	font-size: 11px;
	font-weight: normal;
}
#leseprobe #inhalt .anmerkungen p {
  font-size: 9px;	
}
/* Bestellicon einrichten */
a#bestellen {
  width: 64px;
  height: 70px;
  background-image: url(/de/projekte/bilder/bestellen.gif);
  text-indent: -999em;
  background-position: top left;
  display: block;
  float: left;
  margin-left: 20px; /* Abstand zu anderem Icon, bei Bedarf verringern */
  
}
a#bestellen:hover, a#bestellen:active, a#bestellen:focus {
  background-position: bottom left;
}
/* Flash bei Klick auf aktive Jahreszahl auf der Startseite */
#index #leistungsschalter {
  background-image: url(/de/bilder/leistungsschalter_flash.gif);	
  height: 43px;
  left: 89px;
  top: 102px;
}
#nachoben a {
	background-image: url(/de/bilder/button_up.gif);
	background-repeat: no-repeat;
	width:  73px;
	height: 20px;
	text-indent: -999em;
	position: absolute;
	bottom: 40px;
	left: 598px;
}
#nachoben a:hover, #nachoben a:active, #nachoben a:focus {
background-position: bottom left;
}
#leseprobe #inhalt {
 position: relative;
}
a {
  outline: none;
}
html .warenkorbinhalt #linien{
background: url(/de/projekte/bilder/linien_proj_presse.gif) no-repeat;
}
#fliege {
  background-color: transparent;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 1200px;
  left: 15px;
}
.mittig {
  text-align: center;
}