body {background-image:url(img/hg.jpg); background-repeat:repeat-x; margin:0; padding:0; background-color:#000; color:#3a1515}
#maindiv {width: 977px;}
#header {width: 977px; height: 117px; background-image:url(img/header.jpg); padding-top:17px;}
#navigation {width: 977px; height:36px;}
#content {width:931px; background-color:#FFF; padding:23px 23px 0px 23px; background-image:url(img/content.jpg); list-style:inherit}
#content_bottom {height:11px; width:977px; background-image:url(img/content_bottom.jpg);}
#footer {width:977px; text-align:center;}
.foot_row {text-align:center; color:#FFF; margin-bottom:10px;}
.foot_row a  {text-align:center; color:#FFF;}
.copy {padding:5px; color:#FFF;}
.foot_abst {padding:5px; color:#FFF;}
.abstand {margin-left:10px; margin-right:10px;}
a {margin:0; padding:0;}
.foot_color {color:#FFF}
ul {margin:0; padding:0;}
#content li {margin-left:20px;}
#navigation li {list-style:none; margin:0; padding:0; float:left;}
h2 {font-size: 14px;}
.clear {clear:both}
.floater {float:left}
.info {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; margin-top:10px; color:#0C0; border:1px solid #0C0; background-color:#E5FFCB; width:290px;	text-align:center; padding:5px;}


/* ======= NAVIGATION UNTERTEILUNG ======= */
.navigation_main {height:36px; display:inline-block; cursor:pointer;}
.navigation_container {width:977px; height:36px;}
.navigation_home {width:76px; background-image:url(img/01_home_1.jpg);}
.navigation_home:hover, .navigation_home_hover {width:76px; background-image:url(img/01_home_2.jpg);}
.navigation_programm {width:101px; background-image:url(img/02_programm_1.jpg);}
.navigation_programm:hover, .navigation_programm_hover {width:101px; background-image:url(img/02_programm_2.jpg);}
.navigation_gallery {width:104px; background-image:url(img/03_partyfotos_1.jpg);}
.navigation_gallery:hover, .navigation_gallery_hover {width:104px; background-image:url(img/03_partyfotos_2.jpg);}
.navigation_anfahrt {width:85px; background-image:url(img/04_anfahrt_1.jpg);}
.navigation_anfahrt:hover, .navigation_anfahrt_hover {width:85px; background-image:url(img/04_anfahrt_2.jpg);}
.navigation_location {width:85px; background-image:url(img/05_location_1.jpg);}
.navigation_location:hover, .navigation_location_hover {width:85px; background-image:url(img/05_location_2.jpg);}
.navigation_sound {width:69px; background-image:url(img/06_sound_1.jpg);}
.navigation_sound:hover, .navigation_sound_hover {width:69px; background-image:url(img/06_sound_2.jpg);}
.navigation_aufsicht {width:159px; background-image:url(img/07_aufsicht_1.jpg);}
.navigation_aufsicht:hover, .navigation_aufsicht_hover {width:159px; background-image:url(img/07_aufsicht_2.jpg);}
.navigation_newsletter {width:108px; background-image:url(img/08_newsletter_1.jpg);}
.navigation_newsletter:hover, .navigation_newsletter_hover {width:108px; background-image:url(img/08_newsletter_2.jpg);}
.navigation_contact {width:83px; background-image:url(img/09_contact_1.jpg);}
.navigation_contact:hover, .navigation_contact_hover {width:83px; background-image:url(img/09_contact_2.jpg);}
.navigation_impressum {width:107px; background-image:url(img/10_impressum_1.jpg);}
.navigation_impressum:hover, .navigation_impressum_hover {width:107px; background-image:url(img/10_impressum_2.jpg);}

/* ======= CONTENT UNTERTEILUNG ======= */
.left {width:270px; margin-right:23px; float:left}
.middle {width:317px; margin-right:47px; float:left}
.right {width:270px; float:left}
.left_content {width:610px; margin-right:47px; float:left;}
.left_content_2 {width:610px; margin-right:24px; float:left;}

/* ======= BOXENAUFBAU kleine Boxen ======= */
.boxes_left {width:270px;}
.box_top {width:215px; height:24px; background-image:url(img/box_head.jpg); padding-left:55px; padding-top:8px; color:#FFF; font-size:12px; font-weight:bold; }
.box_cont {width:256px; background-image:url(img/box_content.jpg); padding:7px 7px 0 7px;}
.box_cont_2 {width:270px; background-image:url(img/box_content.jpg); padding:0;}
.box_bottom {width:270px; height:17px; background-image:url(img/box_bottom.jpg); margin-bottom:20px;}
.box_bottom_2 {width:270px; height:17px; background-image:url(img/box_bottom.jpg); margin-bottom:24px;}
.box_bottom_high {width:270px; height:36px; background-image:url(img/box_bottom_high.jpg); margin-bottom:20px;}

/* ======= BOXENAUFBAU gro§e Boxen ======= */
.boxes_left {width:317px;}
.box_big_top {width:262px; height:24px; background-image:url(img/box_big_head.jpg); padding-left:55px; padding-top:8px; color:#FFF; font-size:12px; font-weight:bold; }
.box_big_cont {width:303px; background-image:url(img/box_big_content.jpg); padding:7px 7px 0 7px;}
.box_big_bottom {width:317px; height:17px; background-image:url(img/box_big_bottom.jpg); margin-bottom:20px;}
.box_big_bottom_high {width:317px; height:36px; background-image:url(img/box_big_bottom_high.jpg); margin-bottom:20px;}

 /* ====== Breite Contentbox AUFBAU ================ */
.content_box_top {width:541px; height:24px; background-image:url(img/content_box_top.jpg); padding-left:55px; padding-top:8px; color:#FFF; font-size:12px; font-weight:bold;}
.content_box_middle {width:568px;  background-image:url(img/content_box_middle.jpg); padding:14px;}
.content_box_bottom {width:596px; height:25px; background-image:url(img/content_box_bottom.jpg); margin-bottom:23px;}

 /* ====== Breite Contentbox AUFBAU ================ */
.gallery_box_top {width:262px; height:24px; background-image:url(img/box_gal_top.jpg); padding-left:55px; padding-top:8px; color:#FFF; font-size:12px; font-weight:bold;}
.gallery_box_middle {width:303px; background-image:url(img/box_gal_middle.jpg); padding:7px 7px 0 7px;}
.gallery_box_bottom {width:317px; height:15px; background-image:url(img/box_gal_bottom.jpg); margin-bottom:23px;}

/* ====== NEWS AUFBAU ================ */
.news_cont {margin:0px;}
.news_top {width:568px; height:11px; background-image:url(img/news_top.jpg);}
.news_content {width:546px; padding:10px; border-left:1px solid #dddddd; border-right:1px solid #dddddd;}
.news_bottom {width:568px; height:11px; background-image:url(img/news_bottom.jpg); margin-bottom:11px;}
.news {font-size:11px; color:#370004; width:219px; padding:5px; border:1px solid #BBB;}
.news a {font-size:11px; color:#370004;}
.news_cont2 {overflow:auto; height:342px;}
 /* ====== PROGRAMM AUFBAU ================ */
.programm_cont {margin:0px; float:left; margin-right:6px;}
.programm_top {width:568px; height:11px; background-image:url(img/news_top.jpg);}
.programm_content {width:546px; padding:10px; border-left:1px solid #dddddd; border-right:1px solid #dddddd; }
.programm_bottom {width:568px; height:11px; background-image:url(img/news_bottom.jpg); margin-bottom:11px;}
.programm {font-size:11px; color:#370004; background-image:url(img/box_news.jpg); width:239px; height:100px; padding:5px;}
.programm a {font-size:11px; color:#370004;}

 /* ====== KONTAKT AUFBAU ================ */
.kontakt {width:268px; background-color:#900; height:18px; padding:5px; margin-right:5px; color:#FFF; font-size:12px;}
.kontakt_besch {width:100px; float:left}
.kontakt_form {width:440px; float:left}
.kontakt_form_style {width:450px; height:18px; padding:5px; margin-bottom:5px; border:0px; background-color:#DDD; font-size:12px;}
.kontakt_form_style_textarea {width:450px; height:100px; padding:5px; margin-bottom:5px; border:0px; background-color:#DDD; font-size:12px;}
.kontakt_absenden {width:300px; height:20px; text-align:center;}

 /* ====== GALLERY AUFBAU ================ */
.gallery_back {width:142px; height: 32px; background-image:url(img/gal_vor.jpg); float:left;}
.gallery_middle {width:315px; height: 24px; background-image:url(img/gal_mitte.jpg); float:left; padding-top:8px; color:#FFF; font-weight:bold;}
.gallery_vor {width:139px; height: 32px; background-image:url(img/gal_weiter.jpg); float:left}
.gallery_navi {width:596px; height:32px;}

 /* ====== LIGHTBOX AUFBAU ================ */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(include/templates/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(include/templates/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

 /* ====== NEWSLETTER AUFBAU ================ */
.newsletter_name {width:80px; display:inline-block}
.newsletter_feld {width:300px; display:inline-block}
.newsletter_beispiel {font-size:10px; color:#666; display:inline-block; width:180px;}
.newsletter_form {width:280px; height:18px; padding:3px; margin-bottom:5px; border:0; background-color:#CCC;}

 /* ====== STANDARDSUMMS AUFBAU ================ */
td {						font-family: 			Verdana; 
  							font-size: 				11px;
  							color: 					#000000;}

a {							font-family: 			Verdana, Helvetica, sans-serif, Default;
  							font-size: 				11px;
  							text-decoration: 		none;
  							color: 					#222222;
  							font-weight: 			normal;}

 a:link {					font-family: 			Verdana, Helvetica, sans-serif, Default;
  							font-size: 				11px;
  							text-decoration: 		none;
  							color: 					#222222;
  							font-weight: 			normal;}
 
a:visited {					font-family: 			Verdana, Helvetica, sans-serif, Default;
  							font-size: 				11px;
  							text-decoration: 		none;
  							color: 					#222222;
  							font-weight: 			normal;}
							
a:hover {				 	font-family: 			Verdana, Helvetica, sans-serif, Default;
  							font-size: 				11px;
  							text-decoration: 		underline;
  							color: 					#222222;
  							font-weight: 			normal;}

a.box{ 					  	color: 					#000000; 
  							font-family: 			Verdana, Helvetica, sans-serif, Default;
  							font-size: 				11px; }

a.box:hover {  				color: 					#d4000c;
  							text-decoration: 		none;  }
							
.Chead {  					background-color: 		#d4000c;
  							color: 					#FFFFFF;}


.Chead td, .Chead td strong, .Chead h4, .Chead td b{ color: #FFFFFF;}


.Callg {					color: 					#000000;
	  						font-family: 			Verdana, Helvetica, sans-serif, Default;
  							font-size: 				11px; }

.Callg td {  				color: 					#000000;
    						font-family: 			Verdana, Helvetica, sans-serif, Default;
  							font-size: 				11px; }

.Cnorm {  					background-color: 		#efefef;}

.Cmite {  					background-color: 		#efefef;}

.Cdark {				  	background-color: 		#efefef;}

#Ballg {					color: 					#000000;}

#Ballg td {					color: 					#000000;}

.Bhead {					color: 					#000000;}

.Bbody {					color: 					#000000;}

.Bbody2 {					color: 					#2B2B2B;}

.smalfont {     			font-size: 				11px;
							text-decoration: 		none;}

.border {     				background-color: 		#000000;}

hr {     					height: 				0px; 
							border-top-width: 		1px; }

input, textarea, select {	color: 					#000000;  
							font-family: 			Verdana, Helvetica, sans-serif, Default;
    						font-size: 				11px; 
    						border-color: 			#d4000c;
  							border-width: 			1px;
    						border-style: 			solid;  
    						text-decoration: 		none;}


#menu ul { 					padding-left: 			1px; 
							margin-left: 			6px; 
							margin-top: 			4px}
							
#smallmenu { 				}
#smallmenu li { 			font-size: 				11px; }
#smallmenu a { 				font-size: 				11px; }


/* ====== GALLERY SIDEBAR AUFBAU ================ */
a.gallery_flyer_norm,
a.gallery_flyer_selected {
	padding: 3px 3px 3px 3px;
	margin-left:5px;
	border:0;
}
a.gallery_flyer_selected {
	background-color:#8b1720;
	display:inline-block;
	width:126px;
	margin-bottom:5px;
	vertical-align:middle;
	border:0;
}
a.gallery_flyer_norm img,
a.gallery_flyer_selected img
{
	border: 0;
}

a.gallery_flyer_buttons img {border:0px; margin-left:6px; margin-bottom:3px;}

a.gallery_thumbs {
	margin: 0 2px 2px 0;
	
}
a.gallery_thumbs_active {
	padding: 0px;
	border:1px solid red;
	height:50px;
	width:50px;
	display:inline-block;
}
a.gallery_thumbs img,
a.gallery_thumbs_active img {
	border: 0;
}

/* ====== LAST GALLERY BOX STARTSEITE AUFBAU ================ */	
div#last_gallery_box {
 	width: 300px;
	background: #e3e3e3;
}
div#last_gallery_box_thumbs {
	float: right;
	padding: 7px 0 0 9px;
	width: 142px;
}
div#last_gallery_box_thumbs img {
	border: 0;
	margin: 0 2px 2px 0;
}
a#last_gallery_flyer {
	display: block;
	float: left;
}
a#last_gallery_flyer img {
	border: 0;
}