body {
	text-align: center;
	background-color: #1b1b1b;
}
h1 {
	display: inline;
}
h1 a span {
	display: none;
}
h1 a {
	display: block;
	width: 300px;
	height: 100px;
	left: 20px;
	top: 0;
	position: absolute;
	z-index: 50;
}

h1 a.logo_club {
	background: url(/img/logo_club.gif) 0 0 no-repeat;
}
h1 a.logo_label {
	background: url(/img/logo_label.gif) 0 0 no-repeat;
}
h1 a.logo_booking {
	background: url(/img/logo_booking.gif) 0 0 no-repeat;
}


.c {
	clear: both;
}
.hidden {
	display: none;
}

.wrapper {
	margin: 50px auto 30px auto;
	text-align: left;
	width: 980px;
	background: url(/img/bg_wrapper.png) 0 0 repeat-y;
	position: relative;
}

.header {
	min-height: 200px;
	background: url(/img/bg_header_left.png) 0 0 no-repeat;
	padding-left: 20px;
	padding-top: 104px;
	position: relative;
	z-index: 101;
}
.navi_level3 {
	right: 0;
	bottom: 0;
	position: absolute;
	z-index: 200;
	background: #2a2a2a url(/img/bg_klammer.png) -660px -275px no-repeat;
	height: 30px;
	width: 320px;
}

.headline {
	left: 20px;
	bottom: 0;
	position: absolute;
	z-index: 200;
	background: #2a2a2a;
	height: 40px;
	min-width: 100px;
	max-width: 620px;
	padding-right: 70px;
}
.headline h2, 
.headline h3 {
	left: 30px;
	bottom: -20px;
	position: relative;
}

.special_headline {
	left: 20px;
	bottom: 0;
	position: absolute;
	z-index: 200;
	min-width: 100px;
	max-width: 600px;
	padding-right: 180px;
	background: url(/img/bg_special_headline.gif) bottom right no-repeat;
	height: 69px;
}

.special_headline h2, 
.special_headline h3 {
	font-size: 17px;
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
	background: #3f3f3f;
	color: #fff;
	line-height: 43px;
}
.special_headline h2 {
	text-transform: uppercase;
}
.special_headline h3 {
	font-size: 12px;
	line-height: 40px;
	margin-top: -14px;
}
.special_headline h3 a {
	color: #fff;
}



.navi_level3 div.over {
	display: none;
	left: 0;
	top: 20px;
	z-index: 200;
	position: absolute;
	height: 100px;
	width: 200px;
}

.navi_level3 a.active {
	color: #fff;
}

.navi_level3_forum {
	background-position: -420px -275px;
	width: 560px;
}

.navi_level3_flyer {
	background-position: -680px -255px;
	width: 300px;
	height: 50px;
}

.navi_level3_program_detail {
	background-position: -680px -255px !important;
	width: 300px;
}



.navi_level3 .expandlist {
	margin: 20px 20px 0 20px;
	position: relative;
}
.navi_level3 .expandlist ul {
	position: absolute;
	background:#1b1b1b url(/img/bg_expandlist.gif) top right no-repeat;
	display:block;
	min-width:120px;
	top:1px;
}
.navi_level3 .expandlist ul li {
	height: 29px;
	line-height: 29px;
	border-bottom: 1px solid #222;
	padding-left: 10px;	
}
.navi_level3 .expandlist ul li.selected {
	display: block !important;
}
.navi_level3 .expandlist ul li a {
	display: block;
}

.navi_level3_events {
	background-position:-600px -255px !important;
	width:380px;
}

.navi_level3_events .expandlist {
	left:120px;
	margin:0;
	position:absolute;
	top:10px;
}


.klammer {
	height: 305px;
	width: 980px;
	left: 0px;
	top: 0;
	position: absolute;
	z-index: 30;
	background: url(/img/bg_klammer.png) 0 0 no-repeat;
}

.body {
	position: relative;
	z-index: 100;
	top: 0;
	left: 0px;
	width: 980px;
	background: url(/img/bg_klammer.png) 0 -305px no-repeat;
	padding-bottom: 100px;
	min-height: 251px;
}

.footer {
	width: 930px;
	position: absolute;
	bottom: 0;
	left: 0px;
	z-index: 100;
	background: #1b1b1b url(/img/bg_footer.png) top left no-repeat;
	height: 100px;
}
.foo_box {
	border-right: 1px solid #2b2b2b;
	float: left;
	padding-right: 15px;
	margin-right: 15px;
	font-size: 11px;
	line-height: 16px;
	color: #3e3e3e;
	min-height: 50px;
}
.foo_box a {
	color: #3e3e3e;
}

.foo_box:last-child {
	border: 0;
}	
.foo_box:first-child {
	color: #666666;
}
.foo_box:first-child a {
	color: #249f89;
}	

.body .content {
	padding:  30px 50px;
}

.footer .content {
	padding:  20px 50px;
}

.footer a.facebook_icon {
	background: url(/img/facebook.gif) 0 14px no-repeat;
	padding: 0 20px 20px 0;
}


/* NAVI *************************************************************/
.navi {
	position: absolute;
	top: 45px;
	z-index: 200;
}
.navi li {
	display: inline;
}
.navi li a span {
	display: none;
}

.navi li a {
	float: left;
}

.navi_level1 li a {
	height: 24px;
	background: url(/img/navi_level1.gif) 0 0 no-repeat;
}

.navi_level2 li a {
	height: 22px;
}


.navi_level1 {
	left: 687px;
	width: 250px;

}

.navi_level1 li.active {
	position: absolute;
	left: -139px;
	text-align: right;
	width: 110px;
}

.navi_level1 li.active a {
	float: right;
}

.navi_level2 {
	top: 70px;
	right: 322px;

}

.navi_level2 li a {

}

/*level1*/
#n_club		{ width: 44px; background-position: 5px 0; }
#n_booking	{ width: 68px; background-position: -41px 0; }
#n_label	{ width: 53px; background-position: -109px 0; }
#n_shop		{ width: 46px; background-position: -162px 0; }

#n_club:hover		{ background-position: 5px -24px; }
#n_booking:hover	{ background-position: -41px -24px; }
#n_label:hover		{ background-position: -109px -24px; }
#n_shop:hover		{ background-position: -162px -24px; }

li.active #n_club		{ background-position: 5px -48px; }
li.active #n_booking	{ background-position: -41px -48px; }
li.active #n_label		{ background-position: -109px -48px; }
li.active #n_shop		{ background-position: -162px -48px; }

/*level2_club*/
#navi_level2_club li a {
	height: 22px;
	width: 50px;
	background: url(/img/navi_level2_club.gif) 0 0 no-repeat;
}

#navi_level2_club li #n_forum 	{ width: 51px; background-position: -108px 0; }
#navi_level2_club li #n_flyer 	{ width: 48px; background-position: -60px 0; }
#navi_level2_club li #n_program { width: 60px; background-position: 0 0; }
#navi_level2_club li #n_contact { width: 62px; background-position: -158px 0; }


#navi_level2_club li.active #n_forum, #navi_level2_club li #n_forum:hover 	{ background-position: -108px -22px; }
#navi_level2_club li.active #n_flyer, #navi_level2_club li #n_flyer:hover 	{ background-position: -60px -22px; }
#navi_level2_club li.active #n_program, #navi_level2_club li #n_program:hover { background-position: 0 -22px; }
#navi_level2_club li.active #n_contact, #navi_level2_club li #n_contact:hover { background-position: -158px -22px; }


/*level2_booking*/
#navi_level2_booking li a {
	height: 22px;
	width: 50px;
	background: url(/img/navi_level2_booking.gif) 0 0 no-repeat;
}

#navi_level2_booking li #n_contact 	{ width: 51px; background-position: -110px 0; }
#navi_level2_booking li #n_dates 	{ width: 48px; background-position: -62px 0; }
#navi_level2_booking li #n_artists	{ width: 60px; background-position: -2px 0; }

#navi_level2_booking li.active #n_contact, #navi_level2_booking li #n_contact:hover 	{ background-position: -110px -22px; }
#navi_level2_booking li.active #n_dates, #navi_level2_booking li #n_dates:hover 		{ background-position: -62px -22px; }
#navi_level2_booking li.active #n_artists, #navi_level2_booking li #n_artists:hover 	{ background-position: -2px -22px; }



/*level2_label*/
#navi_level2_label li a {
	height: 22px;
	width: 50px;
	background: url(/img/navi_level2_label.gif) 0 0 no-repeat;
}

#navi_level2_label li #n_contact 	{ width: 60px; background-position: -112px 0; }
#navi_level2_label li #n_album 		{ width: 44px; background-position: -4px 0; }
#navi_level2_label li #n_mix		{ width: 34px; background-position: -46px 0; }
#navi_level2_label li #n_12inch		{ width: 32px; background-position: -79px 0; }
#navi_level2_label li #n_unterton	{ width: 51px; background-position: -172px 0; }
#navi_level2_label li #n_ltd		{ width: 37px; background-position: -222px 0; }


#navi_level2_label li.active #n_contact, #navi_level2_label li #n_contact:hover 	{ background-position: -112px -22px; }
#navi_level2_label li.active #n_album, #navi_level2_label li #n_album:hover 		{ background-position: -4px -22px; }
#navi_level2_label li.active #n_mix, #navi_level2_label li #n_mix:hover 			{ background-position: -46px -22px; }
#navi_level2_label li.active #n_12inch, #navi_level2_label li #n_12inch:hover 		{ background-position: -79px -22px; }
#navi_level2_label li.active #n_unterton, #navi_level2_label li #n_unterton:hover 		{ background-position: -172px -22px; }
#navi_level2_label li.active #n_ltd, #navi_level2_label li #n_ltd:hover 		{ background-position: -222px -22px; }



/* TYPO ************************************************************/
body,
table {
	color: #999;
	line-height: 22px;
	font-size: 12px;
	font-family: arial, din, helvetica, san-serif;
}

p {
	margin-bottom: 15px;
}
h2, h3, h4 {
	font-size: 15px;
}
h3, h4 {
	margin-bottom: 10px;
}

a {
	color: #249f89;
	text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration: none;
}

h2.type_dancefloor,
h4.type_dancefloor {
	background: url(/img/bg_colorcodes_ext.gif) 0 -195px no-repeat;
	padding-left: 20px;
}
.special_headline h3.type_dancefloor {
	background: #3F3F3F url(/img/bg_colorcodes_ext.gif) 30px -186px no-repeat;
	padding-left: 48px;
}

h2.type_stage,
h4.type_stage {
	background: url(/img/bg_colorcodes_ext.gif) 0 -295px no-repeat;
	padding-left: 20px;
}
.special_headline h3.type_stage {
	background: #3F3F3F url(/img/bg_colorcodes_ext.gif) 30px -286px no-repeat;
	padding-left: 48px;
}
h4.type_default {
	background: url(/img/bg_colorcodes_ext.gif) 0 5px no-repeat;
	padding-left: 20px;
}





span.type_stage_color, h4.type_stage_color { color: #21a6c7; }
span.type_dancefloor_color, h4.type_dancefloor_color { color: #f29915; }
p.type_stage_color b { color: #21a6c7; }
p.type_dancefloor_color b { color: #f29915; }

p.artist_teaser { color: #fff; }
p.artist_teaser a { color: #fff; }
p.artist_teaser a:hover { color: #249f89; }


.home_col span.date  {
	min-width: 100px; 
	float: left;
}

.headline h2 {
	text-transform: uppercase;
	color: #fff;
}
.headline h2 span.gray {
	color: #666;
}


.navi_level3 a.type_default {
	background: url(/img/bg_colorcodes_ext.gif) 0 5px no-repeat;
}
.navi_level3 a.type_dancefloor {
	background: url(/img/bg_colorcodes_ext.gif) 0 -195px no-repeat;
}
.navi_level3 a.type_stage {
	background: url(/img/bg_colorcodes_ext.gif) 0 -295px no-repeat;
}
.navi_level3 div.default a,
.navi_level3 div.default label {
	padding-left: 18px;
	margin-left: 20px;
	margin-top: 14px;
	float: left;
}
.navi_level3 div.default label {
	padding-left: 0;
}



/*level3 in content*/
.navi_level3_extra a.type_default {
	background: url(/img/bg_colorcodes_ext.gif) 0 5px no-repeat;
}
.navi_level3_extra a.type_dancefloor {
	background: url(/img/bg_colorcodes_ext.gif) 0 -195px no-repeat;
}
.navi_level3_extra a.type_stage {
	background: url(/img/bg_colorcodes_ext.gif) 0 -295px no-repeat;
}
.navi_level3_extra a {
	float:left;
	margin: 0 20px 15px 0;
	padding-left:18px;
}


/*TABLES **************************************/

.contentTable {
	width: 100%;
	border-collapse:collapse; 
	margin: 10px 0 20px 0;
	clear: both;
} 	
.contentTable thead tr {
	color: gray;
	background-color: #262626;
	border-top:1px solid #3f3f3f;
	color: #fff;
	font-weight: bold;
} 	
.contentTable tbody td {
	/*background-color: #fff;*/
}
.contentTable th,
.contentTable td {
	padding: 3px 0;
} 	

.contentTable tr {
	border-bottom:1px solid #3f3f3f;
}
.contentTable tr th:last-child,
.contentTable tr td:last-child {
	text-align: right;
	min-width: 65px;
	padding-right: 1px;
}
.contentTable tr th:first-child,
.contentTable tr td:first-child {
	padding-right:10px;
	width:150px;
	padding-left: 1px;
}
.contentTable tr th:nth-child(2),
.contentTable tr td:nth-child(2){
	padding-right:10px;
	min-width:200px;
}
.contentTable tr:hover td {
	background-color: #262626;
}
















/* FORMS *************************************************************/

form.defaultForm .input {
	padding-bottom: 10px;
}
form.defaultForm .input label,
form.defaultForm .input input[type=text],
form.defaultForm .input input[type=password],
form.defaultForm .input textarea {
	display: block;
	width: 540px;
	height: 20px;
	color: #999;
	line-height: 22px;
	font-size: 12px;
	font-family: arial, din, helvetica, san-serif;
	border-left: 0;
}

form.defaultForm .input input,
form.defaultForm .input textarea {
	background: #222222;
	border: 2px solid #2a2a2a;
	border-left: 0;
	padding: 3px;
}
form.defaultForm .input textarea {
	height: 80px;
}

.message {
	color: #343434;
	background: silver;
	padding: 10px 15px;
	font-size: 15px;
	border: 15px solid #2A2A2A;
	border-left: 0;
	margin-bottom: 15px;
}
.message_success {
	background: #2af24f;
}

.defaultForm input.checkbox {
	float:left;
	margin: 3px 10px 0 0;
	width:auto !important;
}
.defaultForm label.checkbox {
	float:left;
	margin: 3px 10px 0 0;
	width:auto !important;
}


/* CONTENT ********************************************************/

.marker p {
	/*background-color: #2a2a2a;
	padding: 2px 10px 2px 0;*/
}
.marker h4 span {
	/*background-color: #2a2a2a;
	padding: 5px 15px 5px 0;*/
}
.x3cols {
	float: left;
	width: 870px;
	margin-right: -30px;
}

.x3cols .col {
	float: left;
	width: 260px;
	margin-right: 30px;
	padding: 20px 0;
	min-height: 190px;
	background: url(/img/dotline.gif) 0 0 repeat-x;
}

.x3cols h4 {
	overflow: hidden;
}
.x3cols div.col_teaser_dates {
	min-height: 100px;
}

.col_flyer {
	min-height: 120px !important;
}

.col_flyer a {
	background-color: #2a2a2a;
	float:left;
	margin:-4px 8px 2px 0;
	padding:2px 2px 2px 0;
}

.col_record a img {
	float: left;
	margin: 5px 15px 13px 0;
	height: 70px;
	width: 70px;
}


.col_teaser {
	min-height: 120px;
}

.col_teaser p {
	margin-bottom: 0;
}


.x2cols {
	float: left;
	width: 870px;
	margin-right: -30px;
}

.x2cols .col_content {
	float: left;
	width: 550px;
	padding: 20px 0;
	background: url(/img/dotline.gif) 0 0 repeat-x;
}

.x2cols .col_context {
	float: right;
	width: 260px;
	margin-right: 30px;
	padding: 20px 0;
	/*
	background: #2a2a2a url(/img/dotline.gif) 0 0 repeat-x;*/
	background: url(/img/dotline.gif) 0 0 repeat-x;
	
}

.x2cols .col_context h4 {
	font-size:12px;
	font-weight:bold;
	 margin-bottom:5px;
}

ul.running_order {
	margin-bottom: 10px;
	float: left;
}
ul.running_order li {
	float: left;
	width: 260px
}
ul.running_order li span.running_order_time {
	float: left;
	width: 100px;
}
ul.running_order li span.running_order_name {
	float: left;
	width: 130px;
}




/* FORUM ********************************************************/

.message_row {
	float: left;
	width: 870px;
}
.message_row_user {
	float: left;
	width: 260px;
	padding: 15px 0;
	background: url(/img/dotline.gif) 0 0 repeat-x;
}
.message_row_text {
	float: left;
	width: 550px;
	padding: 15px 0;
	margin: 0 0 0 20px;
	background: url(/img/dotline.gif) 0 0 repeat-x;
}
.message_row_text p {
	margin: 0;
}
.account_thumb {
	margin-right: 15px;
	float: left
}
.user_info {
	position: relative;
	padding: 5px 0 5px 10px;
	background: #222;
	border: 2px solid #2a2a2a;
	border-left: 0;
	margin-bottom: 10px;
}

.user_info .button_close {
	width: 17px;
	height: 17px;
	background: #000;
	display: block;
	top: 10px;
	right: 10px;
	position: absolute;
	z-index: 100;
	background: url(/img/bg_button_close.gif) 0 -17px repeat-x;
}
.user_info .button_close:hover {
	background-position: 0 0;
}

.user_info b.value {
	position: absolute; 
	left: 55px;
}


/* HOME */
.content_home {
	width: 780px;
	float: left;
}
.home_col {
	width: 300px;
	margin: 10px 40px 0 0;
	float: left;
	padding-bottom: 15px;
	background: url(/img/dotline.gif) bottom left repeat-x;
	min-height: 145px;
}

.home_col h2 {
	text-transform: uppercase;
	background: url(/img/dotline.gif) bottom left repeat-x;
	color: #fff;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.home_col h2 span.gray {
	color: #666;
}
.home_col p {
	padding: 0;
	margin: 0;
	line-height: 20px;
}

.record_row a img {
	float: left;
	height: 70px;
	margin: 5px 15px 13px 0;
}


.col_record p {
	line-height: 20px;
	margin-bottom: 0;
}

.col_record {
	min-height: 80px !important;
}

.content_home_label {
	background: url(/img/dotline.gif) top left repeat-x;
	width: 680px;
	margin-right: -40px;
	padding-top: 10px;
}

.content_home_label .home_col {
	min-height: 100px;
}


/* Contact */
.contact_form {
	height: 230px;
}
.contact_map {
	background:transparent url(/img/dotline.gif) repeat-x scroll 0 0;
	margin:10px 0 0;
	padding:20px 0 0;
	width:840px;
}

.map_box {
	width: 840px;
	height: 330px;
	overflow: hidden;
	position: relative;
}

/* form error message*/
.error-message {
	color: red !important;
}