body#all {position:absolute; background-color: white;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin:0 auto; text-align:center;
	padding:0;scrolling="yes";height:100%;width:100%;
    	
  }

div#page {margin:1.5em; padding:0.2em;}

*html div#page { margin:1.2em; padding-bottom:0em;}

div#header 
	{margin-bottom:0.8em; margin-top:1em; padding:0;text-align:center;
}


.navi {margin-top:0.8em; padding:0; text-align:center; border-top:0.2em black solid; 
}


ul#Navigation {margin-left:0.2em; margin-right:0.2em; margin-top:0.2em; margin-bottom:0.2em; padding:0;
    font-size:0.8em; font-weight:bold;
	 font-familiy:Verdana, Helvetica, Arial, sans-serif;
	text-align="center";
    
  }


ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position:relative; font-familiy:Verdana, Helvetica, Arial, sans-serif;
	margin-top:0.4em; padding-bottom:0.2em; text-align:center; width:9em;
	background-color:white;
	}

ul#Navigation li ul {
    margin-top:0; padding:0;
    position: absolute;
	  display: none;  /* Unternavigation ausblenden */
	border-top:0.1em #DD0000 solid;
	background-color:white;
	
  }

ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }

ul#Navigation li ul li {
    display: block;
   }

ul#Navigation a, ul#Navigation span {
    display: block;
    width:9em; /* Breite den in li enthaltenen Elementen zuweisen */
    padding:0;
    text-decoration: none; 
   }



* html ul#Navigation li {/* Korrektur fuer IE 5.x */
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;font-familiy:Verdana, Helvetica, Arial, sans-serif;
	margin-top:0.4em; padding-bottom:0.2em; text-align:center; width:9em;
	}

* html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -3.3em;
    lef\t: -3.3em;
	margin-top:1.4em;
	border-top:0.1em #DD0000 solid;
  }

*:first-child+html ul#Navigation li ul{  
  /* CSS-Hack für IE7 */  
  margin-top:1.3em;
left:-3.3em;   
 } 

td {padding:0.4em}

ul#Navigation a:link{color:black;}
ul#Navigation a:visited{color:black;}
ul#Navigation a:hover{color:red;text-decoration:underline;}
ul#Navigation li a:hover{color:#DD0000;}
ul#Navigation a:active{color:#DD0000;}






.right {clear:both; text-align:right;font-weight:bold;margin-right:18em;}




div#container {margin:0.2em; padding:0.5em; width:100%; height:100%; font-family: Helvetica,Arial,sans-serif;} 


div#haupt {margin:1em 12em 1em 12em;} 


div#inhalt { float:left; width:76%; margin-bottom:3em; padding-top:1em; border:none; text-align:left;font-weigth:normal; font-size:0.9em; letter-spacing:0.1em; word-spacing:0.1em; font-family:Verdana, Helvetica, Arial, sans-serif;line-height:1.2em;}


*html div#inhalt { float:left; width=78%; margin-bottom:2em; padding-top:0.8em; text-align:center;border:none; text-align:left;font-weigth:normal; font-size:0.9em; letter-spacing:0.1em; word-spacing:0.1em; font-family:Verdana, Helvetica, Arial, sans-serif;line-height:1.1em;}


div#container div#inhalt ul {list-style: none; width:80%;}

div#container div#inhalt li {list-style: none; width:79%; margin-left:-2em;}


div#box {float:right;text-align:left; width:18%; background-color:white; margin-top:1em;padding-left:1em;padding-right:1.2em; border-left:0.1em black solid;font-size:0.7em; font-weight:bold; font-family:Verdana, Helvetica, Arial, sans-serif;letter-spacing:0.1em; word-spacing:0.1em;}

*html div#box {float:right;text-align:left; width:16%; background-color:white; margin-top:0.8em; padding-left:0.8em; padding-right:1em; border-left:0.1em black solid;font-size:0.7em; font-weight:bold; font-family:Verdana, Helvetica, Arial, sans-serif;letter-spacing:0.1em; word-spacing:0.1em;}



div#footer {clear:both;position:relative; text-align:left; margin-left:6em ;margin-bottom:2em; padding:0; font-family:Verdana, Helvetica, Arial, sans-serif;letter-spacing:0.1em; word-spacing:0.1em;font-size:0.8em;font-weight:bold;}

*html div#footer {clear:both;position:relative; text-align:left; margin-left:5.6em ;margin-bottom:1.6em; font-family:Verdana, Helvetica, Arial, sans-serif;letter-spacing:0.1em; word-spacing:0.1em;font-size:0.8em;font-weight:bold;}


h1, h2, h3, h4, h5, h6 {font-weight:normal;color:black;}
h1 {font-size:1.8em;font-weight:bold;}
h2 {font-size:1.6em;font-weight:bold;}
h3 {font-size:1.4em;line-height:1;font-weight:bold;}
h4 {font-size:1.2em;line-height:1.25;font-weight:bold;}
h5 {font-size:1em;font-weight:bold;}
h6 {font-size:0.8em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}


a img {border:none;}

.bild {margin:0.5em;}



table a:link {color:black; text-decoration:none}
table a:visited {color:black; text-decoration:none}
table a:active {color:red; text-decoration:none}
table a:hover {color:red; text-decoration:underline}


a:link {color:black; text-decoration:none}
a:visited {color:black; text-decoration:none}
a:active {color:#DD0000; text-decoration:none}
a:hover {color:#DD0000; text-decoration:underline}

span a:link {color:black; text-decoration:none}
span a:visited {color:black; text-decoration:none}
span a:active {color:#DD0000; text-decoration:none}
span a:hover {color:#DD0000; text-decoration:underline}

div a:link {color:black; text-decoration:none}
div a:visited {color:black; text-decoration:none}
div a:active {color:#DD0000; text-decoration:none}
div a:hover {color:#DD0000; text-decoration:underline}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.theaterkapelle.de/assets/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.theaterkapelle.de/assets/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }