/* F A R B E N:

orange:#fac073

*/

 img, div { behavior: url(iepngfix.htc) }

   a:focus {
  outline: none;
  }

*{
border:none;
margin:0;
padding:0;
behavior: url(iepngfix.htc);
	}
	
	html{
background-color:#FFAB5B;	
	}

	body
	{
		font: normal, georgia, arial, hevetica, sans-serif;
		text-align: left;
		color: #505367;
		background-color:#FFAB5B;
	background-image: url(bg.gif);
		background-repeat: repeat-x;
		background-position:0px 11px;
	margin-top:-3px;	}

	#container
	{
		height:100%;
		width: 738px;
		text-align: left;
		background-repeat: no-repeat;
		background-position:0px 11px;
	}

		
	#logo
	{
	margin-left:30px;
width:460px;
height:61px;
border:none;
			}
			
				
	#content {
		width:450px;
		background-color:#FFF;
		margin: 25px 0 0 30px;
		padding:12px 20px 20px 20px;		
	}
	
	#impressum{
		position:absolute;
		top: 380px;
		left:598px;
			}
	
	#impressum a{
		text-decoration:none;
		color: #000;
	}
		
	
	#footer	
	{
		clear: both;
		height: 20px;
	}
	
	hr{
		clear:both;
		visibility:hidden;
	}
	
	
/* T Y P E */

h1 {
	clear:both;
	font:normal normal 20px/24px Georgia, serif;
	padding-bottom: 10px;
	margin-bottom: 5px;
	border-bottom: 1px dashed #000;
}

h2 {
	font: normal normal 16px/21px Georgia, serif;
	padding-top:5px;
}

p{	
	font: italic normal 12px/16px Georgia, serif;
	padding:10px 0;
	border-bottom: 1px dashed #000;	
	z-index:1;
}

#link{
	position: relative;
	width: 160px;
	left: 160px;
margin-top:8px;	
}

#link a{
	color:#666;
	border:none;
	text-decoration:none;
	font-size: 16px;
}

#impressum a{
	color:#FFF;
}

strong{
font: normal bold 12px/16px Georgia, sans-serif;	
}
#navigation{
width:150px;
font: normal normal 22px/28px Clarendon, serif;
text-decoration:none;
}



/* B I L D E R */

.flLeft{
	float:left;
	margin-right:10px;
z-index:10000;
}


.jaosg_thumbnail{
	float:left;
	border: none;
	margin: 5px;
		width:70px;
height:54px;

}

.jaosg_thumbnail img{
	padding:0;
	border:none;
}
	



/* ================================================================ 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_horizontal.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements.
=================================================================== */
/* common styling */
#navcontainer {
	width:695px; 
	margin-left:30px; 
	padding:0;
	margin-top:50px;
	}
	
.menu {
	font-family: Clarendon, serif;
	font-size: 16px; 
	width:131px; 
	height:170px; 
	position:relative; 
	margin:0;
	}
	
.menu ul.nav1st li a, .menu ul.nav1st li a:visited {
	display:block; 
	text-decoration:none; 
	width:700px; 
	height:27px; 
	padding-left:10px;
	}
	
.menu ul.nav1st{
	padding:0; 
	margin:0;
	list-style-type: none;
	}
	
.menu ul.nav1st li {
	margin-top:5px;
	float:left; 
	position:relative;
	}
	
.menu ul.nav1st li ul.nav2nd {
	
	font-size:1px !important;
	display: none;
	}
/* specific to non IE browsers */
.menu ul.nav1st li:hover a {
	color:#fff; 
	}
	
.menu ul.nav1st li:hover ul.nav2nd {
	display:block; 
	position:absolute; 
	top:0; 
	left:110px; 
	width:700px; 
	}
	
.menu ul.nav1st #link2:hover ul.nav2nd {
	left:74px;
}

	
.menu ul.nav1st #link3:hover ul.nav2nd {
	left:104px;
}

	
.menu ul.nav1st li:hover ul.nav2nd li {
	margin-top:0;
	float:left;
	}
	
.menu ul.nav1st li:hover ul.nav2nd li a {
	display:block; 
	float:left;
	 }


#content ul.secondnav{
	width:520px;
	border-bottom: 1px dashed #000;
	height:27px;	
padding-bottom:10px;}

#content ul li{
	float:left;
text-decoration:none;
color: #555;
list-style-type:none;

}
	
#content ul li a{
float:left;
	color:#000;
	text-decoration:none;
	padding: 0	5px;
	border:none;
}


	 
/* I M A G E  R E P L A C E M E N T */
	 
.menu #link1{
	background-image: url(navi/ueber_uns.png);
	background-repeat: no-repeat;
	width:150px;
	height:27px;
	text-indent:-1000em;
}

.menu #link1 a:hover, .menu #link1 .active, .menu ul.nav1st #link1:hover, #content #link1 a.hide {
	background-image: url(navi/ueber_uns.png);
	background-repeat: no-repeat;
	background-position: 0px -27px;
}


.menu #link2{
	background-image: url(navi/musik.png);
	background-repeat: no-repeat;
	background-color: transparent;
	width:150px;
	height:27px;
	text-indent:-1000em;
}

.menu #link2 a:hover, .menu #link2 a.current, .menu ul.nav1st #link2:hover {
	background-image: url(navi/musik.png); 
	background-repeat: no-repeat;
	background-position: 0px -27px;
	text-indent:-1000em;
}

.menu #link3{
	background-image: url(navi/ensemble.png);
	background-repeat: no-repeat;
	background-color: transparent;
	width:150px;
	height:27px;
	text-indent:-1000em;

}

.menu #link3 a:hover, .menu #link3 a.current, .menu ul.nav1st #link3:hover{
	background-image: url(navi/ensemble.png);
	background-repeat: no-repeat;
	background-position: 0px -27px;

}

.menu #link4{
	background-image: url(navi/gaestebuch.png);
	background-repeat: no-repeat;
	background-color: transparent;
	width:150px;
	height:27px;
	text-indent:-1000em;

}

.menu #link4 a:hover,.menu ul.nav1st #link4:hover {
	background-image: url(navi/gaestebuch.png);
	background-repeat: no-repeat;
	background-position: 0px -27px;

}


.menu #link5{
	background-image: url(navi/kontakt.png);
	background-repeat: no-repeat;
	background-color: transparent;
	width:150px;
	height:27px;
	text-indent:-1000em;

}

.menu #link5 a:hover, #link5 a.current{
	background-image: url(navi/kontakt.png);
	background-repeat: no-repeat;
	background-position: 0px -27px;
}

.menu #link27{
	background-image: url(navi/cd.png);
	background-repeat: no-repeat;
	background-color: transparent;
	width:150px;
	height:27px;
	text-indent:-1000em;

}

.menu #link27 a:hover, #link27 a.current{
	background-image: url(navi/cd.png);
	background-repeat: no-repeat;
	background-position: 0px -27px;
}


.menu #link6, .menu #link6  a{
	background-image: url(navi/andere_ueber.gif);
	background-repeat: no-repeat;
	width:179px;
	height:27px;
	text-indent:-1000em;
}

 .menu #link6  a:hover, .menu #link6 a.current{
	background-image: url(navi/andere_ueber.gif);
	width:179px;
	background-repeat: no-repeat;
	background-position: 0px -27px;
}

.menu #link7, .menu #link7  a{
	background-image: url(navi/bilderbuch.gif);
	background-repeat: no-repeat;
	width:123px;
	height:27px;
	text-indent:-1000em;
	overflow: hidden;
}

.menu #link7  a:hover, .menu #link7 a.current{
	background-image: url(navi/bilderbuch.gif);
	background-repeat: no-repeat;
	background-position: 0px -27px;
}


.menu #link8, .menu #link8  a{
	background-image: url(navi/pressestimmen.png);
	background-repeat: no-repeat;
	width:155px;
	height:27px;
	text-indent:-1000em;
	overflow: hidden;
}

.menu #link8  a:hover, .menu #link8 a.current{
	background-image: url(navi/pressestimmen.png);
	background-repeat: no-repeat;
	background-position: 0px -27px;
}

.menu #link23, .menu #link23  a{
	background-image: url(navi/aktuell.png);
	background-repeat: no-repeat;
	width:84px;
	height:27px;
	text-indent:-1000em;
	overflow: hidden;
}

.menu #link23  a:hover, .menu #link23 a.current{
	background-image: url(navi/aktuell.png);
	background-repeat: no-repeat;
	background-position: 0px -27px;
}



.menu #link9, .menu #link9  a,  #content #link9, #content #link9  a  {
	background-image: url(navi/konzerte.png);
	background-repeat: no-repeat;
	width:104px;
	height:27px;
	text-indent:-1000em;
	overflow: hidden;
}

.menu #link9  a:hover, .menu #link9 a.current{
	background-image: url(navi/konzerte.png);
	background-repeat: no-repeat;
background-position: 0px -27px;

}

.menu #link10, .menu #link10  a,  #content #link10, #content #link10  a {
	background-image: url(navi/veroeffentlichungen.gif);
	background-repeat: no-repeat;
	width:206px;
	height:27px;
	text-indent:-1000em;
	overflow: hidden;
}

.menu #link10  a:hover, .menu #link10 a.current{
	background-image: url(navi/veroeffentlichungen.gif);
	background-repeat: no-repeat;
	background-position: 0px -27px;
}


.menu #link11, #content #link11, .menu #link11  a{
	background-image: url(navi/agnes.gif);
	background-repeat: no-repeat;
	height:27px;
	text-indent:-1000em;
	background-position: 0 -27px;
	overflow: hidden;
width:78px;
}

.menu #link11  a:hover, .menu #link11 a.current{
	background-image: url(navi/agnes.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;


}

.menu #link12, .menu #link12  a {
	background-image: url(navi/maria.gif);
	background-repeat: no-repeat;
	background-position: 0 -27px;
	width:73px;
	height:27px;
	text-indent:-1000em;
	overflow: hidden;
}

.menu #link12  a:hover, .menu #link12 a.current{
	background-image: url(navi/maria.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.menu #link13, .menu #link13  a{
	background-image: url(navi/franziska.gif);
	background-repeat: no-repeat;
	width:114px;
	height:27px;
	text-indent:-1000em;
	overflow: hidden;
	background-position: 0 -27px;
}

.menu #link13  a:hover, .menu #link13 a.current{
	background-image: url(navi/franziska.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.menu #link14, .menu #link14 a{
	background-image: url(navi/monika.gif);
	background-repeat: no-repeat;
	background-position: 0 -27px;
	width:90px;
	height:27px;
	text-indent:-1000em;
	overflow: hidden;
	
}

.menu #link14  a:hover, .menu #link14 a.current{
	background-image: url(navi/monika.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.menu #link15, .menu #link15  a{
	background-image: url(navi/cordula.gif);
	background-repeat: no-repeat;
	background-position: 0 -27px;
	width:94px;
	height:27px;
	text-indent:-1000em;
	overflow: hidden;
}

.menu #link15  a:hover, .menu #link15 a.current{
	background-image: url(navi/cordula.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/*image replacement content*/


/*#content #link1 a:hover, .menu #link1 a.current, .menu ul.nav1st #link1:hover, #content #link1 a.hide {
	background-image: url(navi/ensemble.png);
	background-repeat: no-repeat;
	background-position: 0px -27px;
	text-indent: -1000em;
	width:110px;
	height:27px;

}	

#content #link1, #content #link1  a  {
	background-image: url(navi/ensemble.png);
	background-repeat: no-repeat;
	text-indent:-1000em;
	background-position: 0px -27px;
}


#content li .link3, #content .link3 a{
	background-image: url(navi/ensemble.png);
	background-repeat: no-repeat;
	background-position: 0px -27px;
	height:27px;
	width:100px;
	text-indent:-1000em


;

}

#content .link3 a:hover, .menu .link3 a.current{
	background-image: url(navi/ensemble.png);
	background-repeat: no-repeat;
		text-indent: -1000em;
	width:100px;
	height:27px;

}	
*/

 .ueber_link1, #content .ueber_link1 a  {
	background-image: url(navi/ueber_uns2.gif);
	background-repeat: no-repeat;
	width:80px;
	height:27px;
	margin-top:2px;
	text-indent:-1000em;
	background-position: 0px 0px;
}

 .ueber_link1 a:hover, #content .ueber_link1 a.current{
	background-image: url(navi/ueber_uns2.gif);
	height:27px;

	background-repeat: no-repeat;
	background-position: 0 -27px;
}

.ueber_link2, #content .ueber_link2 a  {
	background-image: url(navi/andere_ueber_uns2.gif);
	background-repeat: no-repeat;
	width:130px;
	margin-top:2px;
	height:27px;
	text-indent:-1000em;

}

.ueber_link2 a:hover, #content .ueber_link2 a.current{
	background-image: url(navi/andere_ueber_uns.gif);
	background-repeat: no-repeat;
	background-position: 0 -27px;
}

 .ueber_link3 ,  .ueber_link3 a  {
	background-image: url(navi/bilderbuch2.gif);
	background-repeat: no-repeat;
	width:98px;
	height:27px;
	margin-top:2px;
	text-indent:-1000em;
	background-position: 0 0;
}

.ueber_link3 a:hover, .ueber_link3 a.current{
	background-image: url(navi/bilderbuch2.gif);
	background-repeat: no-repeat;
	background-position: 0 -27px;
}


 .ueber_link4 ,  .ueber_link4 a  {
	background-image: url(navi/presseinfos2.gif);
	background-repeat: no-repeat;
	width:98px;
	height:27px;
	margin-top:2px;
	text-indent:-1000em;
	background-position: 0 0;
}

.ueber_link4 a:hover, .ueber_link4 a.current{
	background-image: url(navi/presseinfos2.gif);
width:98px;
	background-repeat: no-repeat;
	background-position: 0 -27px;
}


#content .link11, #content .link11  a {
	background-image: url(navi/agnes2.gif);
	background-repeat: no-repeat;
	height:27px;
	text-indent:-1000em;
	background-position: 0 0px;
	overflow: hidden;
margin-top:1px;
width:63px;
}


#content .link11  a:hover, #content .link11 a.current{
	background-image: url(navi/agnes2.gif);
	background-repeat: no-repeat;
	background-position: 0 -27px;
width:63px;
margin-top:1px;
}

#content .link12, #content .link12  a {
	background-image: url(navi/maria2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width:63px;
	height:27px;
	text-indent:-1000em;
	overflow: hidden;
margin-top:1px;
}

#content .link12  a:hover, #content .link12 a.current{
	background-image: url(navi/maria2.gif);
	background-repeat: no-repeat;
	background-position: 0px -27px;
margin-top:1px;
}

#content .link13, #content .link13  a {
	background-image: url(navi/franziska2.gif);
	background-repeat: no-repeat;
	width:91px;
	height:27px;
	text-indent:-1000em;
	overflow: hidden;
	background-position: 0 0;
margin-top:1px;
}

#content .link13  a:hover, #content .link13 a.current{
	background-image: url(navi/franziska2.gif);
	background-repeat: no-repeat;
	background-position: 0px -27px;
margin-top:1px;
}

#content .link14, #content .link14 a {
	background-image: url(navi/monika2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width:75px;
	height:27px;
	text-indent:-1000em;
	overflow: hidden;
margin-top:1px;
	
}

#content .link14  a:hover, #content .link14 a.current{
	background-image: url(navi/monika2.gif);
	background-repeat: no-repeat;
	background-position: 0px -27px;
margin-top:1px;
}

#content .link15, #content .link15  a{
	background-image: url(navi/cordula2.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
	width:77px;
	height:27px;
	text-indent:-1000em;
	overflow: hidden;
margin-top:1px;
}

#content .link15  a:hover, #content .link15 a.current{
	background-image: url(navi/cordula2.gif);
	background-repeat: no-repeat;
	background-position: 0px -27px;
margin-top:1px;
}

/* D R E I S P A L T E R */

.dreispalter {
	clear:both;
  width: 480px;
  border-bottom: 1px dashed #000;
}

.dreispalter p{
	border: none;
}
.dreispalter_1 {
  width: 180px;
}

.dreispalter_1 p{
  padding-bottom:0;
}
.dreispalter_1 a{
  text-decoration:none;
  font: italic normal 12px/16px Georgia, serif;
  color:#8f4a3a;
  display:inline;
}
.dreispalter_2 {
  width: 90px;
  margin-left: 5px;
}
.dreispalter_3 {
  width: 180px;
  margin-left: 5px;
}
.dreispalter_1, 
.dreispalter_2, 
.dreispalter_3 {
  float: left;
}
.clboth {  
 clear: both;
 display: block;
 line-height: 0;
 font-size: 0;
}