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

html{
	 height:100%;
}

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

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

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

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

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

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

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

#box {
	width: 960px;
}

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

#head{
	height: 213px;
	background: transparent url(/gfx/2006/headback.gif) top left no-repeat;
}

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

#navigation{
	position: absolute;
	top: 180px;
	left: 212px;
	width: 688px;
	height: 24px;
	background-color: #425342;
	z-index: 1000;
}

#nav {
	width: 688px; 
	height: 24px;
	background: transparent url(/gfx/2006/navmaster.gif) no-repeat;
	padding: 0;
}

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

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

#panel1b {left: 0px; width: 47px;}
#panel2b {left: 55px; width: 105px;}
#panel3b {left: 170px; width: 64px;}
#panel4b {left: 248px; width: 57px;}
#panel5b {left: 317px; width: 53px;}
#panel6b {left: 380px; width: 64px;}
#panel7b {left: 455px; width: 45px;}
#panel8b {left: 605px; width: 47px;}
#panel9b {left: 658px; width: 22px;}

#panel1b a:hover {background: transparent url(/gfx/2006/navmaster.gif) 0px -24px no-repeat;}
#panel2b a:hover {background: transparent url(/gfx/2006/navmaster.gif) -55px -24px no-repeat;}
#panel3b a:hover {background: transparent url(/gfx/2006/navmaster.gif) -170px -24px no-repeat;}
#panel4b a:hover {background: transparent url(/gfx/2006/navmaster.gif) -248px -24px no-repeat;}
#panel5b a:hover {background: transparent url(/gfx/2006/navmaster.gif) -317px -24px no-repeat;}
#panel6b a:hover {background: transparent url(/gfx/2006/navmaster.gif) -380px -24px no-repeat;}
#panel7b a:hover {background: transparent url(/gfx/2006/navmaster.gif) -455px -24px no-repeat;}
#panel8b a:hover {background: transparent url(/gfx/2006/navmaster.gif) -605px -24px no-repeat;}
#panel9b a:hover {background: transparent url(/gfx/2006/navmaster.gif) -658px -24px no-repeat;}

#panel1b a:active, #active1 {background: transparent url(/gfx/2006/navmaster.gif) 0px -48px no-repeat;}
#panel2b a:active, #active2 {background: transparent url(/gfx/2006/navmaster.gif) -55px -48px no-repeat;}
#panel3b a:active, #active3 {background: transparent url(/gfx/2006/navmaster.gif) -170px -48px no-repeat;}
#panel4b a:active, #active4 {background: transparent url(/gfx/2006/navmaster.gif) -248px -48px no-repeat;}
#panel5b a:active, #active5 {background: transparent url(/gfx/2006/navmaster.gif) -317px -48px no-repeat;}
#panel6b a:active, #active6 {background: transparent url(/gfx/2006/navmaster.gif) -380px -48px no-repeat;}
#panel7b a:active, #active7 {background: transparent url(/gfx/2006/navmaster.gif) -455px -48px no-repeat;}
#panel8b a:active, #active8 {background: transparent url(/gfx/2006/navmaster.gif) -605px -48px no-repeat;}
#panel9b a:active, #active9 {background: transparent url(/gfx/2006/navmaster.gif) -658px -48px no-repeat;}

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

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

#anfahrt_links {
	width: 181px; 
	height: 232px;
	background: transparent url(/gfx/2006/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/2006/os_grafik_loc_rechts2.gif) -38px -335px no-repeat;}
#link2b a:hover {background: transparent url(/gfx/2006/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: #fff;
}


#date {
	width: 210px;
	height: 115px;
	background: #fff url(/gfx/2006/os_date_links_oben.jpg) no-repeat top left;
}

#date h2{
	display: none;
}

/* --- forms --- */

#newsletter {
	font: 9px Helvetica, Arial, Sans-serif;
	text-transform: uppercase;
	color: #000;
	background-color: #9fc500;
	margin: 2px 0 0 0;
	padding-top: 7px;
	min-height:108px;
	height:auto !important;
	height:108px;
}

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

#newsletter p{
	margin: 0 22px 0 22px;
}

label {
	display: block;
}

input.inputtext {
	margin: 0 0 4px 0;
	width: 165px;
}

input.inputimage {
	float: left;
}


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

.comments_invite {
	color: #425342;
}

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


#sidedekor{
	height: 700px;
	background: #fff url(/gfx/2006/os_seite.gif) top left no-repeat;
}



/* -- main & content --- */
#main, #main_kontakt, #main_impressum {
	float: left;
	width: 505px;
	margin: 0 0 0 2px;
	background: #425342 url(/gfx/2006/dekor_mini_white.gif) 18px 30px no-repeat;
	min-height:232px;
	height:auto !important;
	height:232px;
}

#main_kontakt, #main_impressum {
	background: #425342 url(/gfx/2006/dekor_mini_blackonnavy.gif) 18px 30px no-repeat;
}

#main_programm06 {
	float: left;
	width: 505px;
	margin: 0 0 0 2px;
	background: #425342 url(/gfx/2006/dekor_mini_white.gif) 18px 30px no-repeat;
	min-height:462px;
	height:auto !important;
	height:462px;
}

#main_tickets, #main_presse, #main_links {
	float: left;
	width: 505px;
	margin: 0 0 0 2px;
	background: #d1d8c7 url(/gfx/2006/dekor_mini_blackonbeige.gif) 18px 30px no-repeat;
	min-height:349px;
	height:auto !important;
	height:349px;
}

#maincontent, #maincontent_programm06, #maincontent_kontakt, #maincontent_impressum {
	position: relative;
	margin: 50px 18px 0 18px;
	color: #fff;
}

#maincontent_kontakt {
	margin: 50px 18px 0 18px;
}

#maincontent_programm06 {
	height: 390px;
	background: transparent url(/gfx/2006/dekor_small_whiteonnavy.gif) left 370px no-repeat;
}

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

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

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

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

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

#content, #content_kontakt {
	float: left;
	margin: 20px 0 0 2px;
	padding-bottom: 50px;
	width: 505px;
}

#content_kontakt {
	margin: 20px 0 0 212px;
}

#content_programm06 {
	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, .entry_tickets, .entry_kontakt .entry_location_beige, .entry_comment{
	clear: both;
	position: relative;
	padding: 15px 18px 0 18px;
	background: transparent url(/gfx/2006/entryspacer.gif) 14px -4px no-repeat;
	color: #fff;
}

.entry_comment {
	color: #425342;
}

.entry_artist {
	padding: 15px 18px 0 18px;
	width: 652px;
	background: transparent url(/gfx/2006/entryspacer_artist.gif) 0 -4px no-repeat;
	min-height:116px;
	height:auto !important;
	height:116px;
}

.artist_first {
	border-top: 2px solid #fff;
}

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

.entry_location_beige{
	border-bottom: 2px solid #fff;
	padding: 26px 18px 10px 18px;
	background: #d1d8c7 url(/gfx/2006/entryspacer_location.gif) 14px 3px no-repeat;
	color: #425342;
}

#content_location .highlighted{
	background-color: #fff;
}

.entry_location li, .entry_location_beige li, .entry_tickets li{
	list-style-type: none;
	padding-left: 16px;
	background: url(/gfx/2006/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 {
	float: left;
	width: 181px;
	height: 200px;
	margin: 0 0 0 2px;
	background: #fff url(/gfx/2006/fla_r_locslide.jpg) top left no-repeat;
	min-height:232px;
	height:auto !important;
	height:232px;
}

#sidebar_right_tickets {
	background: #fff url(/gfx/2006/os_grafik_rechts_1.gif) top left no-repeat;
}

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

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

#sidebar_right_programm06 {
	float: left;
	width: 181px;
	height: 53px;
	margin: 0 0 0 2px;
	background: url(/gfx/2006/snow_on_navy.gif) top left no-repeat;
}

/* --- footer --- */


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


#footer2 {
       clear: both;
       margin-left: 212px;
	height: 45px;
	width: 688px;
	background: transparent url(/gfx/2006/footer_transp.gif);
       z-index: 10000;
}

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

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

h2,h3{
	font-size: 14px;
	line-height: 140%;
	margin-bottom: 12px;
}

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

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

.entry_artist h3{
	padding-left: 25px;
	width: 295px;
}

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

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

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


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

.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/2006/entryspacer_linklist.gif) no-repeat bottom center;
}

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

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

.navy {
	background-color: #425342;
}

.navyback{
	background-color: #425342;
	color: #fff;
}

.lightnavy{
	background-color: #687568;
}

.beige {
	background-color: #e1e3d8;
}
.green {
	color: #9fc500;
}

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

.white {
	color: #fff;
}

.whiteback {
	background-color: #fff;
}

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


/* --- Links --- */

.entry h3 a:link, .entry h3 a:visited {
	color: #425342;
	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;
}

/* --- 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;
}