body{
margin-right:10px;
margin-top:0px;
font-family: arial, helvetica, sans-seriv;
background-color:#000000;
color:#ffffff;
font-size:12px;
line-height: 150%;
}
/* ##farbe aktiver text: #660033 ######################## */

/* ###################################################### */
/* ####################### Zentrierter Bereich  ############## */
/* ###################################################### */
#zentriert{
position:relative;
width:994px;
height: 610px;
margin: 2px auto auto auto;
text-align:left;
border:solid 1px #999999;
	background-image: url(../img/hp/bgVerlaufGrau.gif);
	background-color: #ffffff;
}


/* ###################################################### */
/* ################### seitenaufteilung t1 ############## */
/* ###################################################### */


#t1left{
width:500px;
float:left;
position:relative;
margin:0 10px 0 35px;
}

#t1left img{
border: solid 1px #dadada;
}


#t1middle, #t3middle, #t7middle{
position:relative;
width:390px;
height:480px;
float:left;
padding:0px;
margin:0px 0px 0px 0px;
}

#t1middle{
width:412px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
overflow:auto;

}

#right{
position:relative;
width:150px;
float:left;
}








/* ###################################################### */
/* ################### seitenaufteilung t2 ############## */
/* ###################################################### */
#t1left {margin-top:19px;}

#t1middle,#right, #t3middle, #t7middle {margin-top:16px;}

#t2left{
width:760px;
margin:15px 50px 0px 0px;
float:left;
position:relative;
}




/* ###################################################### */
/* ####################### Abb. Vorschau  ############## */
/* ###################################################### */
#vorschau {
margin:4px 0 0 0;
padding:0;
height:370px;

text-align:left;
}

#vorschau a,
#vorschau a:link,
#vorschau a:active,
#vorschau a:visited{
margin:0;
padding:0;
border:none;
}

#vorschau img {
margin:0 10px 10px 0;
padding:0;
border: solid 1px #dadada;
filter:alpha(opacity=100);
moz-opacity: 1;
opacity: 1;
}

#vorschau img.last{
margin:0 0px 10px 0;
}

#vorschau img.active, #vorschau img:hover{
filter:alpha(opacity=50);
moz-opacity: 0.50;
opacity: 0.50;
}

#vorschau img.offline{
border:dotted 1px #CC0000;
}








/* ###################################################### */
/* ####################### Seitenkopf  ############## */
/* ###################################################### */
#top{
position:relative;
margin:0;
padding:0;
}


#titel{
position:relative;

text-align:left;
margin:32px 0 0 32px;
padding:0px;

}
#titel img{
border:none;
}



/* ###################################################### */
/* ####################### oberer Navigationsbereich  ############## */
/* ###################################################### */

#navi{
position:relative;
display:inline-block;
width:924px;
text-align:left;
margin:15px 0px 0 35px;
padding:2px 0 6px 0;
background-color:#3d3d3d;
}


#mainNavi{
position:relative;
float:left;
text-align:left;
margin:0px 0px 0 40px;
padding:0;
width: 595px;
}


#mainNavi a,
#mainNavi a:link,
#mainNavi a:active,
#mainNavi a:visited{
margin:0 35px 0 0px;
padding:0;
display:inline-block;
text-decoration:none;
font-size:14px;
}

#metaNavi a,
#metaNavi a:link,
#metaNavi a:active,
#metaNavi a:visited {
margin:0 0px 0 0px;
padding:0;
display:inline-block;
text-decoration:none;
font-size:12px;
}

#mainNavi a.active,
#mainNavi a:hover,
#metaNavi a.active,
#metaNavi a:hover {
color:#ffffff;
}


/* ###################################################### */
/* ####################### Metanavigation ############## */
/* ###################################################### */
#metaNavi{
text-align:right;
float:left;
margin:0;
padding:0;
width:285px;
}




/* ###################################################### */
/* ####################### NAVIGATION Unterseiten ############## */
/* ###################################################### */

/* oooooooooooooooooooooooooooooooooooo Level 1 ooooooooooooooooooooooooooooo*/
/* Level 1, umgebender Tag, nicht aktiv */


#subNavi {
position:relative;
margin:0 0 10px 0px;
padding:0px 0;
}
#subNavi ul {
margin:0 0 0 0px;
padding:5px 0;
display: block;
}

#subNavi ul li {
margin:0 0 0 0px;
padding:6px 0;
list-style-type: none;
display:inline;
border:none;
border-bottom: solid 1px #ffffff;
}



#subNavi ul li.active {
		border: solid 1px #ffffff;
	border-bottom: none;
}

#subNavi ul li a,
#subNavi ul li a:link,
#subNavi ul li a:active,
#subNavi ul li a:visited{
margin:0 0px 0 0px;
padding:0px 7px;
display:inline-block;
text-decoration:none;
color: #9e9e9e;
font-size: 14px;
text-transform:uppercase;
}

#subNavi ul li a.l {
margin:0 0px 0 0px;
padding:0px 6px;
}

#subNavi ul li.active a.active {
font-weight: bold;
}





/* Level 1, Link, mouseover oder aktiv */
#subNavi ul li a:hover,
#subNavi ul li a.active {
color:#ffffff;
}

/*--Anpassung IE 7 --*/

*+ html #subNavi ul li {
padding-top: 1px;
} 

/* oooooooooooooooooooooooooooooooooooo Ende Level 1 ooooooooooooooooooooooooooooo*/



/* ###################################################### */
/* ####################### tabelle Repertoire ############'#### */
/* ###################################################### */


#repertoire th{
	padding:5px 20px 10px 0;
	color:#dadada;
	text-align:left;
	}
#repertoire td{
	padding:1px 20px 2px 0;
	vertical-align: top;
	}


/* ###################################################### */
/* ####################### tabelle Termine ############'#### */
/* ###################################################### */

.termintabelle td {
	padding:0 20px 0 0;
	vertical-align: top;
}



/* ###################################################### */
/* ####################### container ############'#### */
/* ###################################################### */


.container{
	position:relative;
}


.audioContainer{
position:relative;
margin:0 0 30px 0;
padding:0;
}

.audioContainer .bez{
font-weight: bold;
color:#dadada;
}


.audioContainer .play{
position:absolute;
display:block;
bottom:-18px;
left:0px;
width:50px;
z-index:1;
}

/*
.audioContainer .play a,
.audioContainer .play  a:link,
.audioContainer .play  a:active,
.audioContainer .play  a:visited{
display:inline-block;
text-decoration:none;
margin:0px 10px 0px 0px;
padding:0px;
background-repeat:no-repeat;
background-position:left;
border: none;
width:33px;
height:34px;
background:url(../img/hp/play.jpeg);
}

.audioContainer .play a.active,
.audioContainer .play  a:hover{
background:url(../img/hp/play1.jpeg);
}
*/


/* ###################################################### */
/* ####################### Runde Ecken ############'#### */
/* ###################################################### */
/*
.ctl, .cbl, .ctr, .cbr {
position:absolute;
width:2px;
height:2px;
overflow:hidden;
font-style:normal;
z-index:1;
display:inline-block;
}

.ctl {
top:-1px; left:-1px;
    background-image: url(../img/hp/eckeLiO.png);
    background-repeat:no-repeat;
}
.cbl {
bottom:-1px; left:-1px;
    background-image: url(../img/hp/eckeLiU.png);
    background-repeat:no-repeat;
}
.ctr {
top:-1px; right:-1px;
    background-image: url(../img/hp/eckeReO.png);
    background-repeat:no-repeat;
}
.cbr {
bottom:-1px; right:-1px;
    background-image: url(../img/hp/eckeReU.png);
    background-repeat:no-repeat;
}
*/
/* ###################################################### */
/* ####################### kontaktformular ############## */
/* ###################################################### */
#kontaktformular {
margin:0;
}

#kontaktformular .bez{
font-size:12px;
}

#kontaktformular input, #kontaktformular textarea{
width:250px;
margin:0 0 5px 0;
font-size:12px;
}

#kontaktformular textarea{
height:100px;
margin:0 0 10px 0;
}

#kontaktformular button{
font-size:10px;
padding: 1px 10px 1px 10px;
}

.mailErr{
color:black;
background-color:#e7e7e7;
border:solid 1px red;
position:absolute;
left:0px;
top:0px;
width:310px;
z-index:25;
}




/* ###################################################### */
/* ####################### Krümelnavi  ############## */
/* ###################################################### */

#kn {
margin:30px 0 20px 40px;
}
#kn A:link, #kn A:active, #kn A:visited{
text-decoration:underline;
}



form {
margin:0;
padding:0;
}

h1,h2,h3,h4{
color:#ffffff;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
}
h1{font-size:16px}
h2{font-size:16px}
h3{font-size:14px}
h4{font-size:14px}

p {
margin:0 0 10px 0;
padding:0;
}

A,A:link,A:active,A:visited{
padding:0;
margin:0;
color:#999999;
}




input, textarea, select{
border:solid 1px silver;
font-family: arial,  helvetica, sans-seriv;
background:white;
}

input .borderRed, textarea .borderRed, select.borderRed{
border:solid 1px #CC0000;
}

input .borderGreen, textarea .borderGreen, select.borderGreen{
border:solid 1px #F56D6D;
}



button {
border:solid 1px silver;
font-size:10px;
padding:2px 10px 2px 10px;
background-color:white;
-moz-border-radius:4px;
-webkit-border-radius: 4px;
cursor:pointer;
}

.rundeEcke {
-moz-border-radius:4px;
-webkit-border-radius: 4px;
}

.back {
clear:both;
margin: 0;
padding:0;
position:absolute;
bottom:0px;
right:0px;
}


.randGrau{
border:solid 1px silver;
}
.randGruen{
border:solid 1px green;
}
.randOrange{
border:solid 1px #ff9900;
}

.opacity60 {
filter:alpha(opacity=60);
moz-opacity: 0.60;
opacity: 0.60;
}

.opacity80 {
filter:alpha(opacity=80);
moz-opacity: 0.80;
opacity: 0.80;
}
.opacity40 {
filter:alpha(opacity=40);
moz-opacity: 0.40;
opacity: 0.40;
}
.textGrau{
color:#535353;
}