/* --- initial reset --- */
* {
	margin: 0;
	padding: 0;
}

html{
	 height:100%;
}

body {
	font: normal normal normal 12px helvetica, arial, sans-serif;
}

/* --- different background patterns --- */

body.light{
	background: transparent url(/gfx/2009/back_pattern.gif) repeat-y;
}

body.navy{
	background: transparent url(/gfx/2009/back_pattern.gif) repeat-y;
}

body.beige{
	background: transparent url(/gfx/2009/back_pattern_beige.gif) repeat-y;
}

body.navyback{
	background: transparent url(/gfx/2009/back_pattern_navy.gif) repeat-y;
}

/* --- box that holds the content --- */

#box {
	width: 900px;
	background-color: transparent;
}

/* --- head, masthead and navigation --- */

#head{
	/*height: 208px;*/
	height: 195px;
	background: transparent url(/gfx/2009/headback.gif) top left no-repeat;
}

/*#masthead {
	float: left;
	width: 900px;
	height: 180px;
	background: #dde5e0 url(/gfx/2009/masthead_static.gif) top left no-repeat;*/
}

/*----------------TO BE DELETED, WHEN FLASHY-------*/

#head {

	width: 900px;
	/*height: 180px;*/
}

#head img {
	margin-top: -12px;
	border: none;
}

/*----------------END OF: TO BE DELETED, WHEN FLASHY-------*/

#masthead_gap {
/*position: absolute;
left: 0px;
top: 177px;
width: 212px;
height: 31px;
background-color: #dde5e0;
background: #dde5e0 url(/gfx/2009/masthead_gap.gif) top left no-repeat;*/

}


#navigation{
	position: absolute;
	top: 180px;
	left: 5px;
	width: 688px;
	height: 28px;
	background-color: #dde5e0;
	z-index: 99;
}

#nav {
	width: 895px; 
	height: 28px;
	background: #dde5e0 url(/gfx/2009/navmaster.gif) no-repeat;
	padding: 0;
}

#nav li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 
	top: 0;
}

#nav li, #nav a {
	height: 28px; 
	display: block;
}

#panel1b {left: 0px; width: 67px;}
#panel2b {left: 67px; width: 146px;}
#panel3b {left: 213px; width: 99px;}
#panel4b {left: 312px; width: 88px;}
#panel5b {left: 400px; width: 83px;}
#panel6b {left: 483px; width: 96px;}
#panel7b {left: 579px; width: 68px;}
#panel8b {left: 769px; width: 84px;}
#panel9b {left: 853px; width: 38px;}

#panel1b a:hover {background: transparent url(/gfx/2009/navmaster.gif) 0px -28px no-repeat;}
#panel2b a:hover {background: transparent url(/gfx/2009/navmaster.gif) -67px -28px no-repeat;}
#panel3b a:hover {background: transparent url(/gfx/2009/navmaster.gif) -213px -28px no-repeat;}
#panel4b a:hover {background: transparent url(/gfx/2009/navmaster.gif) -312px -28px no-repeat;}
#panel5b a:hover {background: transparent url(/gfx/2009/navmaster.gif) -400px -28px no-repeat;}
#panel6b a:hover {background: transparent url(/gfx/2009/navmaster.gif) -483px -28px no-repeat;}
#panel7b a:hover {background: transparent url(/gfx/2009/navmaster.gif) -579px -28px no-repeat;}
#panel8b a:hover {background: transparent url(/gfx/2009/navmaster.gif) -769px -28px no-repeat;}
#panel9b a:hover {background: transparent url(/gfx/2009/navmaster.gif) -853px -28px no-repeat;}

#panel1b a:active, #active1 {background: transparent url(/gfx/2009/navmaster.gif) 0px -56px no-repeat;}
#panel2b a:active, #active2 {background: transparent url(/gfx/2009/navmaster.gif) -67px -56px no-repeat;}
#panel3b a:active, #active3 {background: transparent url(/gfx/2009/navmaster.gif) -213px -56px no-repeat;}
#panel4b a:active, #active4 {background: transparent url(/gfx/2009/navmaster.gif) -312px -56px no-repeat;}
#panel5b a:active, #active5 {background: transparent url(/gfx/2009/navmaster.gif) -400px -56px no-repeat;}
#panel6b a:active, #active6 {background: transparent url(/gfx/2009/navmaster.gif) -483px -56px no-repeat;}
#panel7b a:active, #active7 {background: transparent url(/gfx/2009/navmaster.gif) -579px -56px no-repeat;}
#panel8b a:active, #active8 {background: transparent url(/gfx/2009/navmaster.gif) -769px -56px no-repeat;}
#panel9b a:active, #active9 {background: transparent url(/gfx/2009/navmaster.gif) -853px -56px no-repeat;}

/* --- imagemap navigation for "Anfahrt" --- */

#anfahrt {
	position: relative;
	width: 181px;
	height: 24px;
	background-color: #4a4a4a;
	z-index: 1000;
}

#anfahrt_links {
	width: 181px; 
	height: 232px;
	background: transparent url(/gfx/2009/os_grafik_loc_rechts2.gif) no-repeat;
	padding: 0;
}

#anfahrt_links li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 

}


#anfahrt_links li, #anfahrt_links a {
	height: 18px; 
	display: block;
}


#link1b {left: 38px; top: 103px; width: 108px;}
#link2b {left: 38px; top: 150px; width: 116px;}


#link1b a:hover {background: transparent url(/gfx/2009/os_grafik_loc_rechts2.gif) -38px -335px no-repeat;}
#link2b a:hover {background: transparent url(/gfx/2009/os_grafik_loc_rechts2.gif) -38px -382px no-repeat;}

/* --- left sidebar --- */

#sidebar_left {
	float: left;
	width: 210px;
	min-height:232px;
	height:auto !important;
	height:232px;
	background-color: #dde5e0;
}


#date {
	width: 210px;
	height: 329px;
	background: #dde5e0 url(/gfx/2009/os_date_links_oben.gif) no-repeat top left;
}

#date h2{
	display: none;
}

/* --- forms --- */

#newsletter {
	font: 9px Helvetica, Arial, Sans-serif;
	text-transform: uppercase;
	color: #000;
	background: #dde5e0 url(/gfx/2009/os_newsletter.gif) no-repeat top left;
	padding-top: 7px;
	height:246px;
}

form {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
}

#newsletter p{
	margin: 8px 22px 0 22px;
	visibility: hidden;
}

#newsletter p input {
	visibility: visible;
}

input.inputtext {
	margin: 0 0 -2px 0;
	width: 165px;
	background-color: black;
	border: none;
	color: white;
}

input.inputimage {
	float: left;
}


#txpCommentInputForm input {
	margin: 0 0 8px 0;
	width: 203px;
}

.comments_invite {
	color: #4a4a4a;
}

/* --- dekor, "line-up"-flashfilm --- */


/*#sidedekor{
	height: 700px;
	background: #fff url(/gfx/2009/os_fla_links_lineup.jpg) top left no-repeat;
}*/

img#sectionImage {
	position: absolute;
	top: 208px;
	left: 212px;
	z-index: -1;
}


/* -- main & content --- */
#main, #main_kontakt, #main_impressum {
	float: left;
	width: 505px;
	margin: 0 0 0 2px;
	background: #fff url(/gfx/2009/bg_maincontent.gif) top left no-repeat;
	
	/* new */
	
	min-height:218px;
	height:auto !important;
	height:218px;
	/*z-index: 200;*/
	margin-top: 116px;
}
/*
#main_location {
 	background: #4a4a4a url(/gfx/2009/dekor_mini_white.gif) 18px 30px no-repeat; 
}

#main_kontakt, #main_impressum {
	background: #4a4a4a url(/gfx/2009/dekor_mini_blackonnavy.gif) 18px 30px no-repeat;
}
*/

/*#main_location {
 	background-color: #4a4a4a; 
}*/

#main_kontakt, #main_impressum {
	background-color: #000;
}

#main_programm, #main_location {
	float: left;
	width: 505px;
	margin: 0 0 0 2px;
	background: #fff url(/gfx/2009/bg_maincontent.gif) top left no-repeat;
/*	background-color: #f0f1f1;
	min-height:322px; 
	height:auto !important;
	height:322px;
	*/
	
	margin-top: 116px;
	
}

#main_tickets, #main_presse, #main_links {
	float: left;
	width: 505px;
	margin: 0 0 0 2px;
	background: #000 url(/gfx/2009/bg_maincontent.gif) top left no-repeat;
/*	background-color: #f0f1f1;
	min-height:349px;
	height:auto !important;
	height:349px;
	*/
	margin-top: 116px;
	
}

#maincontent, #maincontent_programm, #maincontent_kontakt, #maincontent_impressum, #maincontent_location {
	position: relative;
	margin: 15px 18px 0 18px;
	color: #fff;
}



#slider {
	color: #4a4a4a;
}

/*#maincontent_location {
	color: #fff;
}*/

#maincontent_kontakt {
	color: #fff;
	margin: 15px 18px 0 18px;
}

#maincontent_programm {
	/* height: 390px;	*/
 background: transparent url(/gfx/2008/dekor_small_blackonbeige.gif) left 250px no-repeat;
}

#maincontent_tickets, #maincontent_presse, #maincontent_links_col1, #maincontent_links_col2 {
	position: relative;
	margin: 15px 18px 0 18px;
	color: white;
	/*background: transparent url(/gfx/2009/dekor_small_blackonbeige.gif) 275px left no-repeat;*/
}

#maincontent_links_col1 {
	margin: 10px 0 0 18px;
	width: 216px;
	float:left;
	background: transparent;
}

#maincontent_links_col2 {
	margin: 10px 18px 0 0;
	width: 216px;
	float: right;
	background: transparent;
}

#maincontent_presse {
	padding-bottom: 60px;
	background: transparent url(/gfx/2009/entryspacer_onbeige.gif) bottom left no-repeat;
}

#maincontent_impressum {
	padding-bottom: 60px;
/*	background: transparent url(/gfx/2009/entryspacer_on_navy.gif) bottom left no-repeat; */
}

#content {
	float: left;
	margin: 0 0 0 2px;
	padding-bottom: 50px;
	width: 505px;
	background-color: #fff;
}

#content_kontakt {
	float: left;
	margin: 0 0 0 2px;
	padding-bottom: 50px;
	width: 505px;
	background-color: #000;
}

#content_kontakt {
	margin: 0 0 0 2px;
}

#content_programm {
	float: left;
	margin: 0 0 0 2px;
	padding-bottom: 50px;
	width: 505px;
}

#content_location {
	float: left;
	margin: 2px 0 0 2px;
	padding-bottom: 50px;
	width: 505px;
}

.entry, .entry_artist, .entry_location_beige, .entry_comment{
	clear: both;
	position: relative;
	padding: 25px 18px 10px 18px;
	background: white url(/gfx/2009/entryspacer.gif) top left no-repeat;
	color: white;
}

.entry_tickets, .entry_location {
	clear: both;
	position: relative;
	padding: 25px 18px 10px 18px;
	background: white url(/gfx/2009/entryspacer.gif) top left no-repeat;
	color: black;
}

.entry_kontakt {
	clear: both;
	position: relative;
	padding: 25px 18px 10px 18px;
	color: white;
}

.entry_comment {
	color: #4a4a4a;
}

.entry_artist {
	padding: 25px 18px 10px 18px;
	width: 652px;
	background: #dde5e0 url(/gfx/2009/entryspacer_artist.gif) 0 0 no-repeat;
	min-height:116px;
	height:auto !important;
	height:116px;
	color: #4a4a4a;
}

.artist_first {
	width: 470px;
	background: #f0f1f1 url(/gfx/2009/bg_rainbowow.jpg) 0 0 repeat-y;
}

.artist_first h3, .entry_location_beige h3, .entry_location_beige p {
	display: inline;
	background-color: black;
	color: white;
	padding: 2px 2px 0 2px;
}

.artist_first p {
	display: inline;
	background-color: black;
	color: white;
	padding: 2px 2px 0 2px;
}

/*.entry_location, .entry_tickets, .entry_kontakt {
	border-bottom: 2px solid #fff;
	padding: 20px 18px 10px 18px;
	background: #fff url(/gfx/2009/entryspacer.gif) 14px 3px no-repeat;
	color: #4a4a4a;
}*/

.entry_location_beige{
	border-bottom: 2px solid #fff;
	padding: 26px 18px 10px 18px;
	background: #d1d8c7 url(/gfx/2009/bg_rainbowow.jpg) repeat-y;
	color: #4a4a4a;
}

.entry_location li, .entry_location_beige li, .entry_tickets li{
	list-style-type: none;
	padding-left: 16px;
	background: url(/gfx/2009/bullet_navy.gif) no-repeat 0 50%;
}

.entry_location ul {
	padding: 12px 0;
}

.entry_tickets li{
	padding: 6px 0 6px 16px;
}

/* --- right sidebar --- */

#sidebar_right, #sidebar_right_tickets, #sidebar_right_presse, #sidebar_right_kontakt, #sidebar_right_links {
	float: left;
	width: 181px;
	height: 200px;
	margin: 0 0 0 2px;
	background: #fff url(/gfx/2009/fla_r_locslide.jpg) top left no-repeat;
	min-height:232px;
	height:auto !important;
	height:232px;
}

#sidebar_right_tickets {
	background: #fff url(/gfx/2009/tickets2007.jpg) top left no-repeat;
}

#sidebar_right_presse {
	background: transparent url(/gfx/2009/presse2007.jpg) top left no-repeat;
}

#sidebar_right_kontakt {
	background: transparent url(/gfx/2009/kontakt2007.jpg) top left no-repeat;
}

#sidebar_right_links {
	background: transparent url(/gfx/2009/links2007.jpg) top left no-repeat;
}


#sidebar_right_2_location, #sidebar_right_2_tickets {
	position: absolute;
	top: 447px;
	left: 719px;
	background: #fff url(/gfx/2009/os_grafik_loc_rechts2.gif) top left no-repeat;
	height:232px;
}

#sidebar_right_2_tickets {
	height:115px;
	width: 181px;
	background: #fff url(/gfx/2009/os_grafik_rechts_2.gif) top left no-repeat;
}

#sidebar_right_programm {
	float: left;
	width: 181px;
	height: 53px;
	margin: 0 0 0 2px;
}

/* --- footer --- */


#footer {
	position: fixed;
	left: 212px;
	width: 688px;
	height: 45px;
	background: transparent url(/gfx/2009/footer_transp.gif);
	visibility: hidden;
    z-index: 10000;
}


#footer2 {
	clear: both;
	margin: 0 0 0 30px;
	padding-top: 60px;
	height: 90px;
	width: 845px;
	background: transparent url(/gfx/2009/footer_transp.gif);
	z-index: 10000;
	text-align: center;
}

/* --- headings and typography --- */

h1,h2,h3 {
	text-transform: uppercase;
}

h2,h3{
	font: normal normal bold 14px helvetica, arial, sans-serif;
	line-height: 140%;
	margin-bottom: 20px;
}


h4{
	font-weight: normal;
	margin-bottom: 4px;
}

.entry h3{
	color: black;
	line-height: 160%;
	margin-bottom: 4px;
}

.entry_artist h3{
	padding-left: 30px;
	width: 350px;
}

.entry_artist h3:first-child {
	padding-left: 0;
}

h3.artist_green{
	background: transparent url(/gfx/2009/artist_green.gif) no-repeat 0 50%;
}

h3.artist_grey{
	background: transparent url(/gfx/2009/artist_grey.gif) no-repeat 0 50%;
}

h3.artist_blue{
	background: transparent url(/gfx/2009/artist_blue.gif) no-repeat 0 50%;
}


p {
	line-height: 140%;
	margin-bottom: 12px;
}

#maincontent_location p {
	color: black;
}

#maincontent_kontakt p {
	color: white;
}

.entry_artist p{
	margin-bottom: 0px;
	width: 469px;
}

span.highlighted {
	padding: 2px 0;
	line-height: 160%;
}

ul.linklist {
	padding-bottom: 40px;
/*	background: transparent url(/gfx/2009/entryspacer_linklist.gif) no-repeat bottom center; */
}

.linklist li{
	padding: 0 0 5px 0;
	list-style-type: none;
}

/* --- some colors, mostly used with spans --- */

.headline_1 {
	color: #fff;
	padding: 2px 0;
	line-height: 160%;
}

.headline_2 {
	color: #18b5fa;
	padding: 2px 0;
	line-height: 160%;
}

.headline_3 {
	color: #dde5e0;
	padding: 2px 0;
	line-height: 160%;
}

.headline_4 {
	color: #9fc500;
	padding: 2px 0;
	line-height: 160%;
}

.headline_5 {
	color: black;
	/*background-color: #000;*/
	padding: 1px 0;
}




.navy {
	color: #000;
	background-color: #dde5e0;
}

.navyback{
	background-color: #4a4a4a;
	color: #fff;
}

.lightnavy{
	background-color: #6e6e6e;
}

.beige {
	color: black;
}
.green {
	color: #9fc500;
}
.blue {
	color: #18b5fa;
}

.greenback {
	background-color: #9fc500;
	color: #fff;
}

.white {
	color: #fff;
}

.whiteback {
	background-color: #fff;
}

.blackback {
	background-color: #000;
}

a#sliderlink {
	padding: 2px;
	color: white;
	background-color: black;
}

/*a:hover#sliderlink {
	background-color: #9fc500;
}*/

/* --- Misc --- */
.hidden{
	display: none;
}


/* --- Links --- */

.entry h3 a:link, .entry h3 a:visited {
	color: black;
	text-decoration: none;
}

a:link, a:visited {
	color: #18b5fa;
	text-decoration: none;
}

a:hover, a:active {
	color: #9fc500;
	text-decoration: none;
}

#footer2 a img{
border: none;
}

#ticketlink {
	position: absolute;
	left: 75px;
	top: 530px;
	width: 70px;
	height: 70px;
}


/* --- Images --- */

img {
float: left;
margin-right: 8px;
}

img.artistimage {
	float: right;
	margin: 21px -18px 0 0;
}

img.map{
	border-bottom: 2px solid #fff;
}

#main_kontakt img{
	border-left: 2px solid #fff;
	float: right;
	margin: 0;
}

#footer img, #footer2 img{
padding: 4px 0 0 4px;
}