html { height: 101%; } /* erzwingt Scrollbar im Firefox *//* Abstände entfernen */
*{
	padding:0; 
	margin:0;
	}
body  {
	font-family: "Comic Sans MS";
	background-image:url(bilder/hinter.gif);
	background-repeat: repeat-x;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #cccccc;
	background-color: #cccccc;
	font-size: medium;
    }
.twoColElsLt #containerhinten {
vertical-align:top;
	width: 1024px; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 0px solid #000000;
	background-image:url(bilder/hintermann.png);
	background-repeat: repeat-x;
	background-position:top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	z-index:-200;
    }
    .twoColElsLt #container	div.indexbild{
	vertical-align:top;
	text-align:left;
	width:270px;
	height:450px;
	margin-top:0px;
	margin-left:150px;
	z-index:1;
	}


div.hide{
visibility:hidden;
height:0px;

	}

div.indexbildbreit{
	background:transparent;
	vertical-align:top;
	text-align:left;
	width:400px;
	min-height:400px;
	height:100%;
	margin-top:0px;
	margin-left:150px;
	padding:50px 0 0 0;
			z-index:1;
	}
	div.indexbildbreitgal{
	background:transparent;
	vertical-align:top;
	text-align:left;
	width:430px;
	min-height:400px;
	height:100%;
	margin-top:0px;
	margin-left:150px;
	padding:50px 0 0 0;
			z-index:1;
	}
div.indexbildbreit table.band{
width:400px;
border:0;
padding:3px;
margin:0 0 0 0;

}
div.indexbildbreit table.band td{
vertical-align:top;
	background-color:;
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;

}	
ul.list1 {
	font-size: 12pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	list-style-position: outside;
	margin-top:0.1cm;
	margin-left: 1cm;
	margin-right: 0.5cm;
	margin-bottom:0.1cm;
}
ul.list1 li{
	margin-top:0;
	margin-left: 0.5cm;
	margin-right: 0.5cm;
	margin-bottom:0;
	padding-left:0.02cm;
	padding-top: 0.1cm;
	padding-bottom:0.1cm;
	color:#ffffff;
}


div.indexbildbreit table.band h2.klar{
background-color:transparent;

}
div.galerie{
	background-color:#ff6600;
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

p.mehr a{
	font-size:16px;
	font-weight:bold;
	color:#cccccc;
	padding:0;
	border:0px;
position:relative;}

p.rela{
	color:#FFFFFF;
}

p.mehr{
	margin:0px;
	margin-left:10px;
	background-color:;
	color:#FFFFFF;
	filter:alpha(opacity=55);
	-moz-opacity: 0.55;
	opacity: 0.55;
text-align:left;}

div.indexbildbreit table.biografie{
width:400px;
padding:3px;
margin:0 0 0 0;
}

div.indexbildbreit table.biografie td{
border-bottom:0px solid #cccccc;
vertical-align:top;
	background-color:;
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
div.indexbildbreit table.biografie h2{
	background-color:#ff6633;
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
color:#000000;
font-size:14px;
font-variant:normal;
font-style:normal;
margin:0;
padding:0;

}	
div.indexbildbreit table.termine{
width:400px;
padding:3px;
margin:0 0 0 0;
}	
div.indexbildbreit table.termine td{
border-bottom:0px solid #ff6633;
vertical-align:top;
	background-color:;
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
div.indexbildbreit table.termine h2{
	background-color:#ff6633;
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
color:#000000;
font-size:14px;
font-variant:normal;
font-style:normal;
margin:0;
padding:0;

}	

div.indexbildbreit table.termine p{
font-size:14px;
color:#cccccc;
font-weight:bold;
}
div.indexbildbreit table.biografie h1{
background-color:transparent;

}

div.indexbildbreit table.biografie h3{
background-color:transparent;
color:#cc0000;
font-size:14px;
font-variant:normal;
font-style:normal;


}
div.indexbildbreit table.biografie p{
font-size:14px;
color:#cccccc;
font-weight:bold;
}

div.indexbildbreit table.repertoire{
width:400px;
padding:3px;
margin:0 0 0 0;
}

div.indexbildbreit table.repertoire td{
border-bottom:1px solid #cccccc;
vertical-align:top;
	background-color:;
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}	

div.indexbildbreit table.repertoire h1{
background-color:transparent;

}

div.indexbildbreit table.repertoire h2{
background-color:transparent;
color:#cccccc;

}
div.indexbildbreit table.repertoire p{
font-size:14px;
color:#cccccc;
font-weight:bold;
}



	.twoColElsLt #containerhinten #titel{
	width: 800px; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 0px solid #000000;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position:relative;
	z-index:1;

    }
	
    .twoColElsLt #container {
	width: 600px; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 0px solid #999999;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	background-image: url(bilder/container_hintergrund.png);*/
	background-repeat: repeat-y;
	margin-top: -40px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	z-index:-1;
    }
    /* Tipps für sidebar1:
    1. Wenn Sie für dieses div eine Schriftgröße festlegen, wird die Gesamtbreite des div entsprechend angepasst.
    2. Da wir mit Gevierten (ems) arbeiten, ist es empfehlenswert, für die Randleiste selbst keine Auffüllung zu verwenden. Sie wird bei standardgerechten Browsern der Breite hinzugefügt, und dies wiederum führt zu einer unbekannten tatsächlichen Breite.
    3. Zwischen der Kante des div und den darin liegenden Elementen kann ein Abstand eingefügt werden, indem Sie diesen Elementen wie in ".twoColElsLt #sidebar1 p" demonstriert einen linken und rechten Rand zuweisen.
    */
    .twoColElsLt #sidebar1 {
	float: right;
	margin:40px 0px 0px 20px;
	width: 140px;
	padding: 0px;
	overflow: visible;
	height: auto;
	right: auto;
    }
.twoColElsLt #mainContent {
     	margin: 0px 10px 10px 10px;
 }
#mainContent {
	margin: 10px 10px10px 10px; /* Der rechte Rand kann in Gevierten (ems) oder Pixel angegeben werden. Durch ihn entsteht der Abstand am rechten Seitenrand. */
	
    }
    /* Verschiedene wieder verwertbare Klassen */
    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
.twoColElsLt #sidebar1 div.termine{
	border-top-color:#ffffff;
	border-bottom-color:#ffffff;
	border-left-color:#ffffff;
	overflow: visible;
	height: 220px;
	width:130px;
	visibility: visible;
	background-attachment: scroll;
	background-color: transparent;
	scrollbar-track-color:#333333;
	margin: 1px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #FFFFFF;	
	z-index:2000;	
	/* Transparenz für PNG Bild Ende */
}	

a {
	text-decoration:underline;
	color:#cccccc;
	border:0px;

}

a:link {
	color:#ffffff;
	padding:0;
	margin:0;
	border:0px;
}

a:hover {
	color:#ffffff;
	text-decoration:none;
		border:0px;	
}
.twoColElsLt #mainContent h1 {
	text-align:center;
	font-size:18px;
	color:#cc0000;
	padding:0;
	margin:10px 0 10px 5px;
	border:0px;
	background-image: url(bilder/h2index.png);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -2000px;
}


.twoColElsLt #mainContent h2 {
	font-size:16px;
	color:#cc0000;
	padding:0;
	margin:10px 0 10px 5px;
	border:0px;
}
.twoColElsLt #mainContent p {
	font-size:12px;
	text-decoration:none;
	color:#cccccc;
	padding:0;
	margin:10px 0 10px 5px;
	border:0px;
}
.twoColElsLt #sidebar1 p {
	font-size:12px;
	text-decoration:none;
	color:#cccccc;
	padding:0;
	margin:10px 0 10px 5px;
	border:0px;
}
.twoColElsLt #mainContent h3 {
	font-size:14px;
	text-decoration:underline;
	color:#cccccc;
	padding:0;
	margin:5px 0 0 5px;
	border:0px;
}
.twoColElsLt #sidebar1 h2 {
	font-size:16px;
	color:#cc0000;
	padding:0;
	margin:10px 0 10px 5px;
	border:0px;
	font-weight: bolder;
}

.twoColElsLt #sidebar1 h3 {
	font-size:14px;
	text-decoration:underline;
	color:#cccccc;
	padding:0;
	margin:5px 0 0 5px;
	border:0px;
}
.twoColElsLt #sidebar1 h3 a{
	font-size:14px;
	text-decoration:underline;
	color:#cccccc;
	padding:0;
	margin:0;
	border:0px;
}
.twoColElsLt #sidebar1 h3 a:link {
	color:#cccccc;

}

.twoColElsLt #sidebar1 h3 a:hover {
	color:#CC0000;
}

.twoColElsLt #sidebar1 h4 {
	text-align:left;
	font-size:12px;
	color:#cc0000;
	padding-top:10px;
	margin:5px 0 0 0;
	border: 0px;
}

.twoColElsLt #container #sidebar1 h3 {
	color: #cc0000;
}


 h1 {
	text-align:center;
	font-size:18px;
	color:#cc0000;
	padding:0;
	margin:10px 0 10px 5px;
	border:0px;
	background-repeat: no-repeat;
	text-indent: -2000px;
	height: 30px;
}


h2 {
	font-size:16px;
	color:#cc0000;
	padding:0;
	margin: 10px 0 10px 5px;
	border:0px;
}
 p {
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#cccccc;
	padding:0;
	margin: 10px 0 10px 5px;
	border:0px;
}
.twoColElsLt #sidebar1 div.termine p.terminp{
	margin:0;
	font-size:13px;
	color:#ffffff;
	font-weight: bold;
	padding: 0px;
}
h3 {
	font-size:14px;
	color:#cccccc;
	padding:0;
margin: 10px 0 10px 5px;
	border:0px;
}

.twoColElsLt #sidebar1 div.termine h3.terminh3 {
	padding: 0px;
	margin: 0px;
	color:#000000;
	font-weight: bold;
	font-size: 14px;

}
img.ohne{
border:0px;
filter:alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1.00;

}

.twoColElsLt #container #sidebar1 .termine .termineh3 {
	margin:0px;
	font-weight: bolder;
	font-variant: small-caps;
	color: #cc0000;
}
.twoColElsLt #container #sidebar1 .termine .aktuellh2{
	font-size: 18px;
	font-variant: small-caps;
	color: #cc0000;
}
.twoColElsLt #container #sidebar1 .termineh3.terminh2 a:link {
	font-size: 16px;
	font-variant: small-caps;
	color: #000000;
}
img.ohne{
border:0;}

img.mitte{
text-align:center;
border:0;
}
img.zaehler{
border:0;
}

.twoColElsLt #containerhinten #footer{
	width: 600px; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 0px solid #000000;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height:200px;
	background-image:url(bilder/footerhinter.png);
	background-repeat:no-repeat;
	z-index:1;
}

table.footertable{
vertical-align:bottom;
height:150px;
}

#footer  a{
	font-size:14px;
	text-decoration:underline;
	color:#ff6633;
	padding:20px 0px 0px 0px;
	margin:3px;
	border:0px;}
	
#footer  p{
	font-weight:bold;
	font-size:14px;
	color:#ff6633;
	padding:20px 0px 0px 0px;
	margin:3px;
	border:0px;}
	
#flashcontent{
z-index:1000;

}
a.rel{
text-decoration:underline;
position: relative;
border:0px;
}


/* Navigation ----------------------------------------------------------------------------------*/
#nav{
padding:0;
margin:0;
	float:left;
}
#navcontainer{
padding:0;
margin:40px 0 0 0;
	width:150px;
	height:300px;
	float:left;
	z-index:100;
}

#nav, #nav ul { /* all lists */
	padding: 0px 0 0 0px;
	margin: 0px 0px 0 0px;
	list-style: none;
	line-height: 20px;
	z-index:1;
}

#nav a {
color:#cc0000;	
padding:0;
margin:0;
color: #FF6600;
	font-size:16px;
	border:0;
	text-decoration:none;
	font-weight:bold;
	display: block;
	text-align:center;
	height:30px;
width:120px;
background-image:url(bilder/button.png);
background-repeat:no-repeat;
}

#nav li a:{ /* all list items */
padding:0px;
margin:0;
color: #FF6600;
	font-size:16px;
text-align:left;
width:87px;
background-image:url(bilder/button.png);
background-repeat:no-repeat;
height:30px;
width:120px;
}
#nav li a:hover{ /* all list items */
padding:0;
margin:0;
color:#cc0000;	
cursor: pointer;
background-image:url(bilder/button.png);
background-repeat:no-repeat;
height:30px;
width:120px;
}
#nav li { /* all list items */

color:#cc0000;	
padding:5px;
margin:0px;
}
#nav li ul {
margin:0px 0px 0px 0px;
padding:0;
}
img{padding:0;
margin:0;
}
#nav li ul li {
padding:0;
margin:0;
}
#nav li ul li a:hover{ /* all list items */
background: transparent;
color:#ff0000;	
	border:0;
	padding:0;
margin:0;
cursor: pointer;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: transparent;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav #aktiveseite a {
	color:#cc0000;
	text-align:center;
	cursor: pointer;

	}
	#nav #aktiveseite a:hover {
	color:#cc0000;
	text-align:center;
	cursor: pointer;
	}

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




/* kontaktformular----------------------------------------------------------------------------------*/



input, textarea, object, button{
position:relative;}


/* Multibox----------------------------------------------------------------------------------*/

.lightbox {
	background: url(multibox/images/nav-lightbox.gif) no-repeat top left;
	width: 500px;
	height: 22px;
	text-indent: -9999px;
}

.multibox {
	background: url(multibox/images/nav-multibox.gif) no-repeat top left;
	width: 500px;
	height: 22px;
	text-indent: -9999px;
	position:relative;
}

.slideshow {
	background: url(multibox/images/nav-slideshow.gif) no-repeat top left;
	width: 500px;
	height: 22px;
	text-indent: -9999px;
}

.sortabletable {
	background: url(multibox/images/nav-sortabletable.gif) no-repeat top left;
	width: 500px;
	height: 22px;
	text-indent: -9999px;
}

.slider {
	background: url(multibox/images/nav-slider.gif) no-repeat top left;
	width: 500px;
	height: 22px;
	text-indent: -9999px;
}

.roundedcorners {
	background: url(multibox/images//nav-roundedcorners.gif) no-repeat top left;
	width: 500px;
	height: 22px;
	text-indent: -9999px;
}

.pageloader {
	background: url(multibox/images/nav-pageloader.gif) no-repeat top left;
	width: 500px;
	height: 22px;
	text-indent: -9999px;
}