body {
	position: absolute;
	background-color:#e7e7e7;
	font-family:  Helvetica, Arial, Verdana , sans-serif;
	font-size:  12px;
	align: left;
	line-height: 155%;
	color: #030303;
}

html, body {
 
top:0px;   left:0px;
height:100%;
margin: 0px;
padding: 0px;
width: 100%;

}

 
/* container_a: linkes oberes rechteck mit logo */ 
 
#content_container_a {
	z-index: 7;
	left:0px;
	top:0px;
	width: 196px;
	height: 158px;
	background-color:#000000;
	position:absolute;
	border-bottom-width:1px;
	border-bottom-style: solid;
	border-color:#000000;
}

#content_a {
z-index: 1;	
	overflow:hidden;
}

/* container_a: rechtes oberes rechteck mit querbild */ 

#content_container_b {
z-index: 8;
	 left:196px;
	 top:0px;
	 height: 158px; 
	 width: 597px;
	 position:absolute;

	 
	 border-right-width:1px; 
	border-left-width:1px;
	border-bottom-width:1px;
 	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color:#000000;
	
	background-color:#e7e7e7;
}

#content_b {
z-index: 8;	
	
	overflow:hidden; 
}

 

/* container_c: linke untere rechteck mit menue */ 

#content_container_c {
z-index:6;
	  background-image: url(../medien/menue_links_bg.gif);
	  background-repeat:no-repeat;
	  background-color:#e7e7e7;
		 
	left: 0px;
	top: 160px;
	width: 196px;	
	height:353px;
	margin:0px;
	padding:0px;
	position:absolute;
	 
}


#content_c {
	z-index:6;
	overflow:hidden;
	padding-top: 40px;  
	padding-left: 15px;
	line-height: 130%; 
	overflow:hidden; 
}

/* container_c2: linkes untere rechteck bei index.html */

#content_container_c2 {
z-index:6;
	  
	left: 0px;
	top: 160px;	 
	width: 196px;	
	height:353px;
	margin:0px;
	padding:0px;
	position:absolute;
	 
}



/* container_d: rechtes untere rechteck mit content container_d wiederholt die angaben f??r content_d allerdings wichtig f??r mozilla-firefox */

#content_container_d {
z-index:4;
	  
top: 0px;
left: 196px;
position: fixed;
 
	bottom: 0px;
    overflow:visible;

	border-right-width: 1px;
 	border-right-style: solid;

	border-left-width: 1px;
 	border-left-style: solid; 
	
	border-color: #000000; 
 	 
 	background-color: #FFFFFF;
	
	width: 597px;
 
	 
}

/* star hack fuer ie browser */

 * html #content_container_d {
  	position:absolute;
	
	top: 159px;
	border-right-width: 0px;
  
	border-left-width: 0px;
 
	 
 }


 


#content_d {
	z-index: 6;
	top: 158px;
	left: 196px;
	position: absolute;
	height:100%;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-color:#000000;
	padding-top: 50px;
	padding-left: 70px;
	padding-right: 170px;
	width: 599px;
	wid\th: 357px;
	overflow: visible;
	 
}


#content_d2 {
	z-index: 6;
	top: 158px;
	left: 196px;
	position: absolute;
	height:100%;
	overflow:visible;
	/* bottom: 0px; */
font-size:  12px;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-color: #000000;
	background-color: #FFFFFF;
	padding-top: 50px;
	padding-left: 70px;
	padding-right: 10px;
	width: 599px;
	wid\th: 517px;
 
}

  /* content_d3 f??r die breitere version beim gaestebuch, wie d2 nur weniger padding */
  
  
#content_d3{
z-index: 7;
	 
top: 250px;
left: 196px;  

position: absolute;
  height:100%;  
    
   overflow: visible;
   
	 
  
	padding-left: 20px; /* 70 */

	padding-right: 20px;
	width: 599px;
	
	wid\th: 557px; /* 	wid\th: 517px; */
 
}

/* container_e: rechtes mittlere grosses rechteck  bei index.html */

#content_container_e {
	z-index:4;
	top: 0px;
	height:100%;
	left: 196px;
	width: 597px;
	position:absolute;
	overflow:hidden;
	border-right-width:1px;
	border-right-style: solid;
	border-left-width:1px;
	border-left-style: solid;
	border-color:#000000;
	background-color:#FFFFFF;
	
}


#content_e {
	z-index: 1;
	overflow:hidden;
}

/* z.b. konzerte vergangene/aktuelle */

span.hauptmenue {
	color: #000000;
	font-size: 12px; 
	  line-height: 140%;  
}

span.formdata {
	color: #666666;
	font-size: 11px; 
}

span.headline {
font-size: 12px;
}

/* hier kommen die roten links   */

a:link   {
	text-decoration:none;
}
a:visited  { color:#AB3638; text-decoration:none; }
/* a:visited  {  color:#C27879; text-decoration:none; } */
a:hover {color:#333333;  text-decoration:none; }
a:active   {color:#000000;  text-decoration:none; }

a:link.menue1 {
	color:#AB3638;
	text-decoration:none;
}
a:visited.menue1 { color:#AB3638; text-decoration:none; }
a:hover.menue1 { color:#333333; text-decoration: }
a:active.menue1 { color:#000000; text-decoration: }
