/* * Schrift: *	- Normal: #BBB *	- Überschrift: #EEE *	- Link: #EEE *	- Rotton: #A00 * */

/* Allgemeine Einstellungen für die Seite und deren Hintergrund */
body { 		
	height:100%;										/* Damit im FF der rechte Scrollbalken immer angezeigt wird */	
	background:#1E1E1E url(main_style_FILES/hb_mu.gif);	/* Pfad relativ zur *.css-Datei */	
	/*font-family:verdana,arial,helvetica;*/	
	font-family:arial;	
	font-size:12px;	text-align:center;					/* Zentrierung der Seite (IE) bzw. des Textes (FF) */	
	margin:0px;
}

/* Folgende Einstellungen sind nötig, damit sowohl im IE als auch im FF die Breite einer Box */
/* gleich berechnet wird. */
div {		
	-moz-box-sizing:border-box;	
	box-sizing:border-box;	
	margin:0px;	
	padding:0px;
}

/* Überschriften */
h1, h2, h3 {
	color:#EEE;
	margin-top:5px;	
	margin-left:5px;	
	margin-right:5px;
}
h1 { 
	font-size:22px; 
	margin-bottom:15px; 
	color:#6c996d
}
h2 { 
	font-size:16px; 
	margin-bottom:10px; 
	color:#6c996d
}
h3 { 
	font-size:14px; 
	margin-bottom:5px; 
	color:#6c996d
}

/* Normaler Inhaltstext */
.bodytext {	
	margin-top:6px;						/*  */
	/*	margin-left:5px;					/* Seitliche Einrückung des Textes */
	/*	margin-right:5px;					/*  */	
	margin-bottom:12px;					/* Abstand hinter einem Absatz */
}

p {	
	color:#BBB;
}

a {	
	color:#EEE;	
	font-weight:bold;	
	text-decoration:none;
}
a:hover {		
	text-decoration:underline;
}

div#main_wrap{	
	width:904px;						/* Gesamtbreite der Seite */	
	margin:10px auto;					/* Abstand vom Browserand, Zentrierung mittig */	
	text-align:left;					/* Zentrierung des Textes links */					
	border:2px solid #555;				/* Rahmen um die Seite */	
	background-color:#000;				/* Hintergrundfarbe schwarz */
}

div#left_wrap {	
	width:250px;						/* Breite des linken Bereichs */	
	float:left;							/* Ausrichtung des linken Bereichs */	
	min-height:660px;					/* Höhenangabe für normale Browser */	
	background-image:url(main_style_FILES/hb_di.png);	
	background-repeat:no-repeat;	
	background-position:20px 115px;
	background-color:#000;				/* Hintergrundfarbe schwarz */
	/*border-right:1px dashed #555;				/* temporärer Rahmen */
}

* html div#left_wrap {					
	/* Höhenangabe für IE */	
	height:660px;
}

div#content_wrap {	
	width:650px;						/* Breite des rechten Inhaltsbereichs */	
	float:right;						/* Ausrichtung des rechten Inhaltsbereichs */	
	padding-top:20px;	
	min-height:490px;	
	background:url(main_style_FILES/hb_jo.jpg);	
	background-repeat:repeat;	
	background-position:0px 50px;	
	background-color:#000;				/* Hintergrundfarbe schwarz */	
	/*border-left:1px dashed #555;				/* temporärer Rahmen */
}

* html div#content_wrap {				
	/* Höhenangabe für IE */	
	height:510px;	
	background-color:#000;				/* Hintergrundfarbe schwarz */
}

div#footer_wrap {	
	width:900px;	
	clear:both;	
	/*border-top:1px dashed #555;				/*  */	
	background-color:#000;				/* Hintergrundfarbe schwarz */
}

/* Logo links oben */
div#logo {		
	padding:5px;
}
/* Navigationsleiste */
#navigation { 			
	text-align:center;					/* Ausrichtung der Navigations-Buttons */	
	padding-top:15px;					/* Innerer Abstand der Navigationsleiste */	
	padding-bottom:8px;					/*  */
}
/* Linker Bereich (Termine, News) */
div#left {	
	padding-left:10px;					/* Innerer Abstand des Textes vom Rahmen */	
	padding-top:5px;					/*  */	
	padding-right:3px;					/*  */	
	padding-bottom:5px;					/*  */	
	/*border:1px solid #FFF;				/* temporärer Rahmen um den linken Bereich */
}
/* Inhalt der Seite */
div#content {		
	padding-left:20px;					/* Innerer Abstand des Inhalts vom Rahmen */	
	padding-top:25px;					/*  */	
	padding-right:20px;					/*  */	
	padding-bottom:5px;					/*  */	
	/*border:1px solid #FFF;				/* temporärer Rahmen um den Inhalt */
}
/* Fußzeile */
div#footer {	
	text-align:left;	
	font-size:14px;	
	padding-top:8px;	
	padding-left:340px;	
	padding-bottom:8px;
}

/* Die Hyperlinks im Menü */
div#navigation a { 	
	margin-top:8px;						/*  */	
	margin-left:4px;					/* Äußerer Abstand zwischen den Link-Buttons */	
	margin-right:4px;					/*  */	
	margin-bottom:8px;					/*  */	
	padding-top:2px;	
	padding-left:5px;					/* Innerer Abstand der Link-Buttons */	
	padding-right:5px;	
	padding-bottom:2px;	
	font-size:16px;	
	text-decoration:none;	
	font-weight:bold;	
	border-color:#555;	
	background-color:#EEE;	
	color:#333;
}

/* Die Klasse "active" wird auf der aktuellen Seite verwendet, sieh TS */
div#navigation a.active {	
	border-color:#AAA;	
	background-color:#ea8e28; /* */	
	/*background-color:#2D5782; /* */	
	color:#000;
}
div#navigation a:hover {	
	background-color:#AAA;	
	color:#000;
}
/* Text in der Fußzeile */
div#footer {	
	color:#BBB;
}
/* Links in der Fußzeile */
div#footer a.active  {	
	color:#ea8e28;
}
/* Listen */
ul li {	
	color:#BBB;
}
/* Anweisungen für das Buchungsformular */
div#content_wrap label {	
	color:#BBB;	
	display:block; 	
	padding-right:5px;	
	width:160px;	
	float:left;	
	text-align:right;	
	font-weight:bold;	
	/*border:0px;*/
}
.csc-mailform-submit {
	margin-left:200px;
}
.csc-mailform {
	padding:10px;
}
.csc-mailform-field {
	padding-top:2px;
}

/* Option "Seiteninhalt->Allgemein->Typ->Rahmen->Einrücken*/
div.csc-frame-indent {	
	padding-top:2px;	
	padding-left:30px;}
/* Abstand der Bilder zum vorhergehenden Inhalt */
div.csc-textpic {	
	padding-top:10px;
}
/* Farbe für Label (Login-Seite)*/
p.csc-form-label, p.csc-form-label-req {	
	color:#BBB;
}

div.youtube_video{	
	text-align:center;	
	margin-top:20px;	
	margin-bottom:10px;
}
/* Klassen für RTE-Formatierung */
.align-center {	
	text-align:center;	
}
.align-right {	
	text-align:right;
}
.align-left {	
	text-align:left;
}
.indent {
	padding-left:30px;
}

/* Gigs.Veranstaltung in grün*/
/*.cal_normal .cal_date_odd, .cal_title_even, .cal_location_odd, .cal_date_even, .cal_location_even {*/
.cal_normal .cal_title_even, .cal_title_odd {	
	color:#6c996d;
}