/*-------- allgemeine -------*/


html {
	height: 101%;
	margin-bottom: 1px;
}
body {
	color: #000000;
   background: #A8B3CC url(../bilder/pattern.png); 
   font-family: arial, verdana, helvetica, sans-serif;
   font-size: 1.0em;
	line-height: 104%;
   margin: 0px;
	
}

p {
	padding: 0px;
   padding-bottom: 5px;
  }

h1 {
	font-size: 1.3em;
	line-height: 1.1em;
	
	color: #255099;
	padding: 2px 0px 15px 0px;
	
}

h1.homepage{
	font-size: 1.6em;
	margin-top: 0px;
	margin-bottom: -15px;
	padding-bottom: 0px;
}
	

h2 {
   margin-top: 10px;
	font-size: 105%;	
	color: #255099;
   padding: 0px;
}

h3 {
   font-size: 100%;
	padding-left: 0px;
	color: #255099;
	font-weight: normal;
   
}

hr {
   
   
   height: 1px;
   border-top: 1px solid #a6b5cf;
}


a img {
	border: 0 none;
}
blockquote {	
	
	padding: 22px;
	margin: 0px;
}



/*------- der Container zum Zentrieren ----------*/



#container {	
	background: url(../bilder/bg_container.jpg) #ffffff repeat-y center;
	padding: 0px;
   margin-top: 10px;	
   margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	border: 3px solid #A6B5CF;
	width: 925px;
}


/*--------- der Kopf/Banner --------*/

#header {
	
   background-color: #a8b3cc;
	
}

#header img {
   margin-top: px;
	
	
}

#navheader {
	text-align: right;
	padding: 10px 17px 0px 0px;
	
}

#navheader ul {
	font:  bold 0.9em arial, verdana, helvetica, sans-serif;
	list-style: none;
   display: inline;
	border-left: 1px solid #cacce3;
	padding-left: 2px;
	
}

#navheader ul li {
	border-right: 1px solid #cacce3;
   list-style: none;
   display: inline;
   padding-right: 5px;
	padding-left: 5px;
	
}

#navheader ul li a {
  
	text-decoration: none; 
}

#navheader ul li a:link, #navheader ul li a:visited {
   
	text-decoration: none;
	color: #cacce3;
	
}

#navheader ul li a:hover {
		text-decoration: none;
		color: #cacce3;
		text-decoration: none;
		color: #ccca30;
      
      
}

#navheader ul li a#current {
  	text-decoration: none; 	
	color: #ccca30;
}

/*-------- hauptnavigation -------*/

#colorscheme {
	margin-left: -30px;
	
}

#colorscheme ul {
		
	   font: 0.9em arial, verdana, helvetica, sans-serif;
}

#colorscheme li {
	list-style: none;
	display: inline;
	margin-right: 10px;
	}
	

.gast {
	
	background-color: #dedcf2;
	border:  1px solid #555555;
	padding: 10px;
	
	
	
}

.konzert {
	background-color: #ffeded;
	border:  1px solid #555555;
	padding: 5px;
	
	
}


.kantate {
	
	background-color: #f5f5ff;
	border:  1px solid #555555;
	padding: 5px;
	
}

.bgkantate {
	background: url(../bilder/bg_kantaten.jpg) center bottom no-repeat ;
}

.bggastspiel {
	background: url(../bilder/bg_gastspiel.jpg)  center bottom no-repeat;
	
}

.bgabo {
	background: url(../bilder/bg_abokonzert.jpg) center bottom no-repeat;
}

.bgorgel {
	background: url(../bilder/bg_orgelkonzert.jpg) center bottom no-repeat;
}

.bglieder {
	background: url(../bilder/bg_liederabend.jpg) center bottom no-repeat;
	
}

.bgsonderkonzert {
	background: url(../bilder/bg_sonderkonzert.jpg) center bottom no-repeat;
	margin-right: 200px;
}

.orgel {
	
	background-color: #e2f3d1;
	border:  1px solid #555555;
	padding: 5px;
	
	
}
#mainnav {
   
   margin: 0px;
   padding: 17px 0px 5px 0px;
	border-bottom: 1px solid #a8b3cc;
	border-top: 1px solid #cacce3;
   background: #dedef6 url(../bilder/bg_nav1.jpg);
	
   
}

#mainnav ul {
   padding-left: 0px;
   padding-bottom: 10px;
   margin: -3px;
	margin-left: 10px;
	margin-right: 10px;
	font:  bold 0.7em arial, verdana, helvetica, sans-serif;
	text-shadow: #c0c0c0 2px 2px 3px;
	text-transform: uppercase;
	letter-spacing: 0,6px 
}

#mainnav ul li {
	
   border-right: 1px dotted #255099;
   list-style: none;
   display: inline;
   padding: 4px;
}

#mainnav ul li a {
   padding: 15px 5px 13px 2px;
	text-decoration: none; 
}

#mainnav ul li a:link, #mainnav ul li a:visited {
   
	text-decoration: none;
	color: #255099;
	
}

#mainnav ul li a:hover {
		padding: 15px 5px 13px 2px;
		text-decoration: none;
		color: #e00049;
      
      
}

#mainnav ul li a#current {
  	text-decoration: none; 	
	color: #e00049;
}


/*------- subnavigation ------*/

#subnav {
	font: 11px arial, verdana, helvetica, sans-serif;
	margin-top: 40px;
	margin-left: 5px;
	float: left;
	width: 175px;
}

#subnav ul {
   margin-left: 8px;
	padding: 0px;
	list-style: none;
	border-bottom: 1px solid #A6B5CF;
	text-shadow: #c0c0c0 2px 2px 5px;
}

#subnav ul li {
   padding: 8px 0 8px 0px;
	border-top: 1px solid #A6B5CF;
}

#subnav ul li a {
   padding-left: 15px;
	width: auto;
}

#subnav ul li a:link, #subnav ul li a:visited {
	font-weight: bold;
	color: #255099;
	text-decoration: none;
}

#subnav ul li a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #e00049;
	backgrund-color: #c2a42c;
	background-image: url(../bilder/pfeil_red.jpg);
	background-position: left;
	background-repeat: no-repeat;	
}

#subnav ul li a#current {
   color: #e00049;
	background-image: url(../bilder/pfeil_red.jpg);
	background-position: left;
	background-repeat: no-repeat;
}

#subnav2 ul {
   margin-left: 3px;
	padding: 0px;
	list-style: none;
	border-bottom: 0px solid #A6B5CF;
}

#subnav2 ul li {
   padding: 7px 0 7px 0px;
	border-top: 1px dashed #A6B5CF;  
}

#subnav2 ul li a {
   padding-left: 15px;
	width: auto;
}

#subnav2 ul li a:link, #subnav2 ul li a:visited {
	font-weight: normal;
	color: #255099;
	text-decoration: none;
}

#subnav2 ul li a:hover {
	font-weight: normal;
	text-decoration: none;
	color: #255099;
	background-image: url(../bilder/pfeil_blue.jpg);
	background-position: left;
	background-repeat: no-repeat;	
}

#subnav2 ul li a#current {
   color: #255099;
	background-image: url(../bilder/pfeil_blue.jpg);
	background-position: left;
	background-repeat: no-repeat;
}

#news {
	margin-left: -5px;
	margin-right: -5px;
	padding-left: 8px;
	padding: 13px 0px 5px 8px;
	font-size: 112%;
	background-color: #dedef5;
	border-bottom: 1px solid #d8d7e7;
	border-top: 1px solid #d8d7e7;
}


/*---------- content --------*/

#content {
	
	font-size: 12px; 
	padding: 40px 20px;
   margin-right: 193px;
	margin-left: 185px;
	
}

#content img {
   float: right;
	margin-left: 10px;
   margin-bottom: 20px;
}

#content img.floatleft {
   float: left;
   margin-left: auto;
   
}

div#sitemap ul li {
	color: #255099;
	font-weight: normal;
	list-style: none;
	margin-bottom: 4px;
}

#sitemap ul li a {
	font-size: 0.9em;
	font-family: arial, verdana, sans-serif;
	background-image: url(../bilder/pfeil_link_blue.jpg);
   background-position: left;
	background-repeat: no-repeat;
	padding-left: 17px;
	
}

#sitemap ul li a.red {
   background-image: url(../bilder/pfeil_red_white.jpg);
   background-color: #efeeff;
	font-weight: bold;
	border: 1px solid #a6b5cf;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	
	}

#sitemap ul li a.red:hover {
	background-image: url(../bilder/pfeil_red_white.jpg);
}

#sitemap ul li a:link, #sitemap ul li a:visited {
	font-weight: normal;
	
}

#sitemap ul li a:hover {
	font-weight: normal;
	text-decoration: none;
	color: #e00049;
	background-image: url(../bilder/pfeil_link_blue.jpg);
	background-position: left;
	background-repeat: no-repeat;
	list-style-type: none;
	
}
#sitemap a.secondlevel {
	font-weight: normal;
	text-decoration: none;
	background-image: url(../bilder/circle_blue.jpg);
	background-position: left;
	background-repeat: no-repeat;
	list-style-type: none;
}

#sitemap a.secondlevel:hover {
	font-weight: normal;
	text-decoration: none;
	background-image: url(../bilder/circle_blue.jpg);
	background-position: left;
	background-repeat: no-repeat;
	list-style-type: none;
}

#headline {
	padding: 0px 12px 7px 12px;
   font-size: 160%;
	word-spacing: 5px;
	letter-spacing: 1px;
	text-align: center;
	color: #255099;
	
}


#content a {
   font-size: 95%;
   color: #4788c4;
   font-family:  verdana, sans-serif;
   font-weght: bold;
   text-decoration: none;
       
}


#content a:hover {
   font-weiht: bold;
   text-decoration: none;
   color: #e00049;
}

#content ul {
   list-style-type: square;
	color: #255099;
	 
}

#content ul li {
   padding-top: 4px;
   padding-bottom: 4px;
   
}

#content table {
   width: 99%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 5px;
  	margin-bottom: 9px;
   background-color: #f5f5ff;
   border: 1px solid #a6b5cf; -moz-border-radius:7px; -khtml-border-radius: 7px;
}

#content table tr td {
   
	margin: 0px;
	width: 50%;
   vertical-align: top;
   padding: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
}
 
#konzerte table {
	color: #000000;
   border: 1px solid #A6B5CF;
   background-color: #f5f5ff;
   width: 98%;
	padding: 7px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 5px;
	padding: 0px;
}

#konzerte h2 {
   color: #255099;
}

#konzerte table tr td a img {
   border: 0 none;
}


#konzerte table tr td {
   padding:10px;
	margin: 0px;
}

#konzerte table tr td#firstspan {
   text-align: right; 
   border-right: 1px dotted #A6B5CF;
	padding-right: 15px;
}

#konzerte table tr td#secondspan {
   padding-left: 10px;
	text-align: left;
	color: #000000;
	margin-right: -8px;
	 
}

#konzerte table tr td span {
   color: #255099;
}

#home_teasersmall {
	font-size: 1.0em;
	margin-bottom: 20px;
	margin-left: -145px;
	margin-right: 20px;
}

#home_teasersmall table {
	color: #ffffff;
	background-color: #ffffff;
   border: none;
   width: 98%;
	padding: 7px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 5px;
	padding: 0px;
}

#home_teasersmall h2 {
   color: #255099;
}

#home_teasersmall table tr td a img {
   border: 0 none;
}


#home_teasersmall table tr td {
   padding:opx;
	margin-bottom: 0px;
}

#home_teasersmall table tr td#firstspan {
   text-align: left; 
   padding-right: 0px;
}

#home_teasersmall table tr td#secondspan {
   padding-right: 10px;
	text-align: left;
	color: #000000;
	margin-left: -8px;
	 
}

#home_teasersmall table tr td span {
   color: #255099;
}


#home_teaser {
font-size: 1.0em;
	
	margin-left: -145px;
	margin-right: 20px;
}

#home_teaser table{
	background-color: #f5f5ff;
	border: none;
	width: 98%;
	margin-bottom: 0px;
	
  
}

#home_teaser table tr td#firstspan {
	
}

#home_teaser table tr td#secondspan {
	margin-right: -10px
}


#colorscheme {
	margin-left: -30px;
}
#colorscheme ul {
		
	   font: 0.9em arial, verdana, helvetica, sans-serif;
}
#colorscheme li {
	list-style: none;
	display: inline;
	margin-right: 10px;
	}
	

.gast {	
	background-color: #dedcf2;
	border:  1px solid #555555;
	padding: 10px;
}

.konzert {
	background-color: #ffeded;
	border:  1px solid #555555;
	padding: 5px;
	
	
}


.kantate {
	
	background-color: #f5f5ff;
	border:  1px solid #555555;
	padding: 5px;
	
}

.orgel {
	
	background-color: #e2f3d1;
	border:  1px solid #555555;
	padding: 5px;
	
	
}

#centerimg img {
   margin-top: 0px;
	float: none;
	text-align: center;
   
	
}

div#inlineimg {
   margin-bottom: 5px;
   margin-top: 5px;
   vertical-align: top;
   
}


div#inlineimg img {
   vertical-align: middle;
   padding-bottom: 2px;
   float: none;
   margin: 0px;
   margin-left: 15px;
   margin-top: 5px;
   margin-bottom: 0px;
}

div#inlineimg a{
   margin: 0px;
   vertical-align: middle;
}

 #links table tr td.erstespalte {
   float: left;
   width: 10%;
   height: auto;
   
  
}

#links table tr td.erstespalte img {
   float: left;
   margin: 0;
}

#links table tr td.zweitespalte {
   padding-left: 10px;
   width: auto;
   height: auto;
   border-left: 1px dotted #a6b5cf;
}

#reader img {
   
   margin: -7px;
   padding-left: 15px;
   float: none;
}

#zeitung {
	
	padding-top: 4px;
	
}

#pressestimmen {
	background-color: #f5f5ff;
	border: solid 1px #A6B5CF; -moz-border-radius:6px; -khtml-border-radius: 6px;
	width: 95%;
	padding: 7px;
	padding-left: 10px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 8px;
	margin-top: 5px;
		
}

#abo table {

	
   background-color: #f5f5ff;
   width: 99%;
	margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
   margin-bottom: 25px;
}

#abo table.fontsize09 {
	font-size: 0.9em;
	
	
}

#abo table tr td {

  width: auto;
}

#abo table tr td.first {
	border-top: 1px solid #A6B5CF;
  background-color: #dedef6;
  color: #255099;
  vertical-align: top;
  text-align: left;
  padding-left: 4x;
  
} 

#abo table tr td.topleft {
	-moz-border-radius-topleft:6px; -khtml-border-radius-topleft: 6px;
   background-color: #dedef6;
   widh: auto;
   color: #255099;
   font-weight: bold;
   text-align: left;
}

#abo table tr td.topright {
border-left: 1px solid #A6B5CF;
	-moz-border-radius-topright:6px; -khtml-border-radius-topright: 6px;
   background-color: #dedef6;
   widh: auto;
   color: #255099;
   font-weight: bold;
   text-align: center;
	padding-left: 23px;
}

#abo table tr td.bottomleft {
	border-top: 1px solid #A6B5CF;
	-moz-border-radius-bottomleft:6px; -khtml-border-radius-bottomleft: 6px;
	color: #255099;
  	vertical-align: top;
  	text-align: left;
  	padding-left: 4x;
	background-color: #dedef6;
}

#abo table tr td.bottomright {
	-moz-border-radius-bottomright:6px; -khtml-border-radius-bottomright: 6px;
	border-top: 1px solid #A6B5CF;
	border-left: 1px solid #A6B5CF;
   
	padding-left: 23px;
   vertical-align: middle;
   text-align: center;
}

#abo table tr td.topkat {
	border-left: 1px solid #A6B5CF;
   background-color: #dedef6;
  	color: #255099;
   font-weight: bold;
   text-align: center;
}
  
#abo table tr td.inhalt {
	border-top: 1px solid #A6B5CF;
	border-left: 1px solid #A6B5CF;
   padding: 10px;
   vertical-align: middle;
   text-align: center;
}

#links table tr td.zweitespalte {
   padding-left: 10px;
   float: left;
   vertical-align: middle;
   width: auto;
}

#danke {
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: center;
}

.form {
   border-right: 1px dotted #A6B5CF;
   font-weight: bold;
   color: #255099;
}
   
.form_bold {
   font-weight: bold;
   color: #255099;
}

#vorverkauf table {
	border: 1px solid #a6b5cf;
	-moz-border-radius:7px; -khtml-border-radius: 7px;
}


#vorverkauf table tr td {
   width: auto;
}

#vorverkauf table tr td.topleft {
	border-top: none;
   font-weight: bold;
   background-color: #dedef6;
	   
}

#vorverkauf table tr td.bottomleft {
	border-top: 1px solid #A6B5CF;
	font-weight: bold;
   background-color: #dedef6;
}

#vorverkauf table tr td.topright {
	color: #255099;
   font-weight: bold;
	text-align: left;
	border-top: none;
	background-color: #dedef6;
}


#vorverkauf table tr td.bottomright {
	text-align: left;
	background-color: #F5F5FF;
	border-top: 1px solid #A6B5CF;
}

div#impressum table {
	border: 1px solid #a6b5cf;
}

/*-------cd-verkauf--------*/
#cd table {
	color: #000000;
   border: 1px solid #A6B5CF;
   background-color: #f5f5ff;
   width: 98%;
	padding: 7px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 7px;
   margin-bottom: 10px;
}

#cd h2 {
   color: #255099;
  
}

#cd table tr td {
   
	padding: 8px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 15px;
}

#cd table tr td#firstspan {
   text-align: right; 
   border-right: 1px dotted #A6B5CF;
}

#cd table tr td#secondspan {
   text-align: left;
	color: #000000;   
}

#cd table tr td span {
   color: #255099;
}

/*--------- contextspalte -------*/

#context {
   font-size: 10px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 192px; 
}

div#facebook {
	text-decoration: none;
	float: left; 
	text-decoration: none;
	margin-left: 22px; 
	margin-top: 20px;
	margin-bottom: 10px;
}

div#facebook a:hover {
	text-decoration: none;
	background-color: #eeedef;
	border: 0px;
}

div#ticketsonline {
   f
   color: #e00049;
   padding-left: 8px;
   margin-top: 0px  auto;
   padding-top: 10px;
}

div#ticketsonline a {
   
   padding-left: 8px;
   display: block;
   margin-left:-8px;
    margin-bottom: 0px auto;
   font-size: 115%;
   
   background-color: #efeeff;
   padding-bottom: 6px;
	padding-top: 6px;    
}

div#ticketsonline a:hover {
   
   padding-left: 8px;
   display: block;
   margin-left:-8px;
   margin-bottom: 5px;
   font-size: 115%;
   background-color: #efeeff;
   padding-bottom: 6px;
	padding-top: 6px;
	border-bottom: 0px;
	border-top: 0px;    
   
}

#context h1 {
  
   brder-top: 1px solid #A6B5CF;
   border-botom: 1px solid #A6B5CF;   
	margin-top: 20px;
   margin-bottom: 10px;
	padding-left: 8px;
   padding-top: 10px;
	padding-bottom: 10px;
	font-size: 125%;
	font-weight: bold;
	color: #255099;	
}

#context a:link, #context a:visited {
   font-family: arial;
   font-weight: bold;
   font-size: 120%;
   color: #255099;
   text-decoration: none;
}
#context a:hover {
	font-family: arial;
	font-weight: bold;
	font-size: 120%;
	text-decoration: none;
	color: #255099;
   border-top: 1px solid #d8d7e7;
   border-bottom: 1px solid #d8d7e7;
	background-color: #96BEEA;
}

#context img a:hover {
	background-color: #efeeff;
}

#hinweis {
	padding-top: 13px;
	padding-left: 0px;
	padding-bottom: 14px;
	margin-bottom: 0px;
   borer-bottom: 1px solid #A6B5CF;
   
}

#hinweis a {
   padding-left: 8px;
   display: block;
   margin-left:0px;
	margin-bottom: 5px;
   font-size: 115%;
   border-bottom: 1px dotted #a8b3cc;
	border-top: 1px dotted #a8b3cc;
   background-color: #dedef5;
   padding-bottom: 2px;
	padding-top: 6px;    
}

#hinweis h1 {
   padding-left: 8px;
   display: block;
   margin-left:0px;
	margin-bottom: 5px;
   font-size: 125%;
	line-height: 1.3em;
   border-bottom: 1px solid #d8d7e7;
	border-top: 1px solid #d8d7e7;
   background-color: #96BEEA;
   padding-bottom: 4px;
	padding-top: 6px;    
}

#hinweistext {
	font-size: 11px;
	font-family: arial;
	color: #255099;
	padding-right: 5px;
   padding-top: 5px;
   margin-left: 4px;	
}

span.werk {
   color: #255099;
   font-weight: bold;   
}

#abonnement {
   padding-top: 13px;
	padding-left: 8px;
	padding-bottom: 14px;
	margin-bottom: 120px;
   border-bottom: 1px solid #A6B5CF;   
}

#abonnement a {
   padding-left: 4px;
   display: block;
   margin-bottom: 7px;
   font-size: 115%;
   color: #255099;
   border-left: 2px solid #e00049;  
}

#abonnement a:link, #abonnement a:visited {
   color: #255099;
   font-family: arial;
   font-weight: bold;
   font-size: 120%;
}

#abonnement a:hover {
	font-family: arial;
	font-weight: bold;
	font-size: 120%;
	text-decoration: none;
	color: #e00049;   
}

/*------
#hotline {
   font-size: 125%;
   font-weight: bold;
   color: #255099;
   padding-top: 12px;
	padding-left: 8px;
	padding-bottom: 14px;
   margin-bottom: 120px;
   border-bottom: 1px solid #A6B5CF;
}
---*/

/*------footernavigation übergeordnete navigation-----*/

#footernav {
	border-top: 1px solid #999999;
   clear: both;
   background: #dedef6 url(../bilder/bg_nav1.jpg);
   padding: 14px 0px 5px 0px;  
	margin: 0px;
	
}

#footernav ul {
   text-align: left;
   margin: 10px;
   margin-top: -1px;
   padding: 0px;
   font: bold 0.7em  helvetica, verdana, arial,  sans-serif;  
}

#footernav ul li {
	border-right: 1px dotted #255099;
   list-style: none;
   display: inline;
   margin: 0;  
   padding: 0px 2px 2px 2px;
}

#footernav ul li a {
   padding: 0px 2px;
   padding-bottom: 5px;
   margin: 0px;
   text-decoration: none; 
}

#footernav ul li a:link, #footernav ul li a:visited {
   color: #255099;
}

#footernav ul li a:hover {      
      color: #e00049; 
           
}

#footernav ul li a#current {
   
   }

/*---------footer--------*/

#footer {
   border-top: 3px solid #255099;
   background-color: #255099;
   color: #ffffff;
   text-align: center;
   padding-bottom: 30px;
   padding-top: 17px;
   margin-left: 0px;
   clear: both;
   font-family: arial, verdana, helvetica, sans-serif;
   font-size: 70%;   
}