body {
  margin:		0px;
  padding:		0px;
  background:		#050505 url(../img/Body_BG.gif);
  font-size:		12px;
  font-family:		Arial, Helvetica, sans-serif;
  color:		#ffffff;
  text-align:		center;
}


#Outer {
  position:		absolute;
  left:			50%;
  width:		801px;
  margin:		11px auto 20px -400px;
  padding:		0px 22px 0px 0px;
  text-align:		left;
/*background:		url(../img/shadow.gif) bottom right repeat-y;*/
}
#FooterShadow {
  height:		22px;
  background:		url(../img/footershadow.gif) top left repeat-x;
}
#Inner {
  width:		779px;
  padding:		9px 11px 9px 11px;
  border:		1px solid #ffffff;
  background:		#000204;
}

#Header {
  height:		134px;
  border:		1px solid #ffffff;
  background:		url(../img/Header_BG.jpg) top right no-repeat;
}

#Header h1 {
  margin:		0px;
  padding:		0px;
}

#Header h1 a {
  display:		block;
  width:		243;
  height:		134px;
  background:		url(../img/Logo.gif) top left no-repeat;
  text-indent:		-2000px;
}

#Menu {
  height:		72px;
  margin:		11px 0px 11px 0px;
  background:		url(../img/Menu_BG.gif) top left no-repeat;
}
#Menu ul {
  height:		56px;
  margin:		0px 0px 0px 18px;
  padding:		0px 0px 0px 0px;;
  list-style:		none;
}
#Menu li {
  margin:		0px;
  padding:		0px;
  float:		left;
}
#Menu li a {
  /*
  color:		#000000;
  font-size:		16px;
  font-weight:		bold;
  text-decoration:	none;
  background:		#ffffff;
  padding:		2px 4px 2px 4px;
  */
  text-indent:		-2000px;
  height:		56px;
  margin:		0px 12px 0px 0px;
}

#Menu a#Programm {
  margin-right:		11px;
  display:		block;
  width:		123px;
  background:		url(../img/Men_Programm_norm.gif) top left no-repeat;
}
#Menu a#Gallery {
  margin-right:		12px;
  display:		block;
  width:		83px;
  background:		url(../img/Men_Gallery_norm.gif) top left no-repeat;
}
#Menu a#Booking {
  margin-right:		10px;
  display:		block;
  width:		98px;
  background:		url(../img/Men_Booking_norm.gif) top left no-repeat;
}
#Menu a#Contact {
  display:		block;
  width:		98px;
  background:		url(../img/Men_Contact_norm.gif) top left no-repeat;
}
#Menu a#Links {
  display:		block;
  width:		98px;
  background:		url(../img/Men_Links_norm.gif) top left no-repeat;
}

#Menu a#Astra {
  display:		block;
  width: 115px		;
  background:		url(../img/Men_Astra_norm.gif) top left no-repeat;
}

#Menu a#Programm:hover {
  width:		123px;
  background:		url(../img/Men_Programm_hover.gif) top left no-repeat;
}
#Menu a#Gallery:hover {
  width:		83px;
  background:		url(../img/Men_Gallery_hover.gif) top left no-repeat;
}
#Menu a#Booking:hover {
  width:		98px;
  background:		url(../img/Men_Booking_hover.gif) top left no-repeat;
}
#Menu a#Contact:hover {
  width:		98px;
  background:		url(../img/Men_Contact_hover.gif) top left no-repeat;
}
#Menu a#Links:hover {
  width:		98px;
  background:		url(../img/Men_Links_hover.gif) top left no-repeat;
}

#Menu a#Astra:hover {
  width: 115px		;
  background:		url(../img/Men_Astra_hover.gif) top left no-repeat;
}

#Imprint {
  height:		18px;
  float:		left;
  font-size:		11px;
}
#Imprint a {
  display:		block;
  width:		55px;
  height:		16px;
  background:		url(../img/Impressum.gif) top left no-repeat;
  text-indent:		-2000px;
}

#LostFound {
  position:		absolute;
  left:			740px;
  top:			132px;
}
#LostFound a {
  display:		block;
  width:		56px;
  height:		54px;
  background:		url(../img/LostFound.gif) top left no-repeat;
  text-indent:		-2000px;
}
#LostFound a:hover {
  background:		url(../img/LostFound.gif) top left no-repeat;
  background-position:	0px -54px;
}

#Newsletter {
  position:		absolute;
  left:			680px;
  top:			148px;
}
#Newsletter a {
  display:		block;
  width:		61px;
  height:		54px;
  background:		url(../img/Newsletter.gif) top left no-repeat;
  text-indent:		-2000px;
  
}
#Newsletter a:hover {
  background:		url(../img/Newsletter.gif) top left no-repeat;
  background-position:	0px -54px;
}
#Myspace {
  position:		absolute;
  left: 586px			;
  top: 132px			;
}
#Myspace a {
  display:		block;
  width: 63px		;
  height: 61px		;
  background:		url(../img/myspace.gif) top left no-repeat;
  text-indent:		-2000px;
  
}
#Myspace a:hover {
  background:		url(../img/myspace.gif)  top left no-repeat;
  background-position: 0px -61px;
}

#ContentLeft {
  width:		244px;
  float:		left;
}

#ContentRight {
  width:		516px;
  padding:		5px;
  float:		right;
  border:		1px solid #ffffff;
}
#ContentText {
  padding:		6px 0px 0px 0px;
  background:		url("../img/Heading_BG.gif") top left repeat-x;
}

.clear {
  clear:		both;
  height:		1px;
  overflow:		hidden;
}


/*
###########################################
# Textformatierung
###########################################
*/

p {
  margin:		0px 0px 12px 0px;
  line-height:		17px;
}

a {
  color:		#ff0000;
  text-decoration:	none;
}
a:hover {
  color:		#ffffff;
}

a img {
  border:		none;
  text-decoration:	none;
}
a:hover img {
  border:		none;
  text-decoration:	none;
}

td {
  font-size:		12px;
}

small,
.small {
  font-size:		11px;
}

#ContentLeft td {
  font-size:		11px;
}

/*
###########################################
# ModuleTable
###########################################
*/

table.moduletable {
  width:		100%;
  margin:		0px 0px 10px 0px;
  padding:		5px;
  border:		1px solid #ffffff;
}
table.moduletable th {
  height:		34px;
  padding-top:		6px;
  text-align:		left;
  font-weight:		normal;
  background:		url("../img/Heading_BG.gif") top left repeat-x;
}
table.moduletable td {
}
table.moduletable a {
  color:		#000000;
}

table.blog {
  margin:		0px;
  padding:		0px;
  border:		none;
}
table.blog tr {
  margin:		0px;
  padding:		0px;
  border:		none;
}
table.blog td {
  margin:		0px;
  padding:		0px;
  border:		none;
}

.ModuleHeader {
  display:		inline;
  clear:		both;
  margin:		0px 0px 15px 5px;
  padding:		1px 3px 1px 20px;
  font-size:		12px;
  font-weight:		bold;
  color:		#ff0000;
  background:		#000000 url("../img/dot_red.gif") top left no-repeat;
  background-position:	5px 4px;
  text-transform:	uppercase;
}
table.ticketbanner { margin: -12px 0 0; padding: 0; border-width: 0; }

.componentheading,
td.contentheading div {
  display:		inline;
  margin:		0px 0px 0px 5px;
  padding:		1px 3px 1px 20px;
  font-size:		12px;
  font-weight:		bold;
  color:		#ff0000;
  background:		#000000 url("../img/dot_red.gif") top left no-repeat;
  background-position:	5px 4px;
  text-transform:	uppercase;
}

table.contentpane {
  margin:		15px 0px 0px 0px;
}

table.contentpaneopen {
  margin:		0px 0px 0px 0px;
}

td.contentheading {
  vertical-align:	top;
  height:		26px;
}

td.buttonheading {
  display:		none;
}

.sectiontableentry1 {
  background:		#ce8682;
}
.sectiontableentry2 {
  background:		#bc5a54;
}

.sectiontableentry1 td,
.sectiontableentry2 td {
  padding: 6px		;
  color: #262626		;
  vertical-align:	top;
}
.sectiontableentry1 a,
.sectiontableentry2 a {
  color: #262626		;
}
.sectiontableentry1 a:hover,
.sectiontableentry2 a:hover
{
  font-weight: bold;
  color: #404040 		;
}

.pagenav,
.pagenav a {
  color:		#ffffff;
}

/*
###########################################
# Gallery
###########################################
*/
#news a { color: #f00; }
#news a:hover { color: #fff; }

/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #FFFF00;
	padding: 4px;
}

#eventtable { line-height: 17px; margin-top: 12px; padding: 15px; }.eventtitel { line-height: 24px; margin-top: 18px; margin-bottom: 9px; font-size: 22px; text-transform: uppercase; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold;}
.eventbild { margin-bottom: 8px; margin-top: 2px; float: left; padding-right: 10px; width: 250px; }
.eventdate { margin-top: -5px; margin-bottom: 12px; font-size: 18px; font-weight: bold; }
.eventdate2 { padding-bottom: 2px; padding-top: 2px; margin: 0px; padding-right: 4px; padding-left: 4px; background-color: white; color: black; }
.eventcategory { margin-top: -32px; float: right; text-align: right; text-transform: uppercase; font-size: 10px; font-weight: bold; padding-right: 3px; padding-left: 3px; background-color: white; color: black; }
.eventspacer { clear: both; margin-bottom: 8px; margin-top: 8px; border-bottom-color: white; border-bottom-width: 1px; border-bottom-style: solid; }
.eventpresent { text-transform: uppercase; font-size: 10px; }
.eventtext { font-size: 12px; line-height: 17px; }
.eventbeginn { padding-right: 3px; padding-left: 3px; background-color: white; color: black; font-weight: bold; font-size: 12px; }
#eventlinks a { line-height: 14px; font-size: 10px; }
#eventlinks { margin-left: 0px; margin-top: 5px; }
.eventvvkinfo { font-size: 9px; }
.eventprice { padding-right: 3px; padding-left: 3px; background-color: white; color: black; font-size: 12px; }
#eventtablemain { }
/*
.eventfriend a { color: #8d8d8d; background-color: #1a1a1a; font-weight: bold; text-transform: uppercase; padding-right: 4px; padding-left: 4px; font-size: 10px; float: right; }
.eventfriend a:hover { color: #d2d2d2; background-color: #1a1a1a; font-weight: bold; text-transform: uppercase; padding-right: 4px; padding-left: 4px; font-size: 10px; float: right; }
*/
.progdate { font-weight: bold; }
.progevent1 { text-align: left; font-weight: bold; }
.progcategory { text-transform: uppercase; font-weight: normal; font-size: 10px; font-style: normal; margin-left: 5px; }
.progcategory-upcoming { text-transform: uppercase; font-weight: normal; font-size: 10px; font-style: normal; margin-left: 0px; }
#prognavi { line-height: 18px; text-align: center; }

/* Paging */
div.paging {
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {

}
div.paging span a {
}


form div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}

form div.required {
	font-weight: bold;
}

label {
	display: block;
	padding-right: 20px;
}

div.message {
	clear: both;
	color: #900;
	font-size: 110%;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}

#eventsponsor { }
.eventsponsorlogo { padding: 5px; float: right; }

.eventhead { line-height: 22px; margin-top: 3px; font-size: 18px; }

###########################################
# 18.04.08
###########################################
*/
.headerhome { height: 30px; background-repeat: repeat-x; background-position: left top; background-image: url(../img/Heading_BG.gif); }

.headerhottest { padding-bottom: 5px; height: 30px; background-repeat: repeat-x; background-position: left top; background-image: url(../img/Header_BG_white.gif); }

#componentheading1 {
  position: absolute;
  color: black;
  margin-left: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
  margin-top: 6px;
  display: inline;
  padding-left: 20px;
  padding-bottom: 1px;
  padding-right: 3px;
  padding-top: 1px;
  font-size:		12px;
  font-weight:		bold;
  background:		white url(../img/dot_black.gif) 5px 4px no-repeat;
  text-transform:	uppercase;
}
.componentheading2 {
  position: absolute;
  margin-left: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
  margin-top: 6px;
  display: inline;
  padding-left: 20px;
  padding-bottom: 1px;
  padding-right: 3px;
  padding-top: 1px;
  font-size:		12px;
  font-weight:		bold;
  color:		#ff0000;
  background:		#000000 url("../img/dot_red.gif") top left no-repeat;
  background-position:	5px 4px;
  text-transform:	uppercase;
}
.hottesttableentry1 {
  background:		white;
}

.hottesttableentry2 {
  background:		black;
}
.hottesttableentry1 td,
.hottesttableentry2 td {
  padding: 3px		;
  color: #262626		;
  vertical-align:	top;
}
.hottesttableentry2 a {
  color: white		;
}
.hottesttableentry2 a:hover
{
  font-weight: bold;
  color: #262626 		;
}
.hottesttableentry1 a {
  color: black		;
}
.hottesttableentry1 a:hover
{
  font-weight: bold;
  color: #cdcdcd 		;
}
.hottestdate1 { color: black; font-weight: bold; }
.hottestdate2 { color: white; font-weight: bold; }
.progcategory2 { color: white; text-transform: uppercase; font-weight: normal; font-size: 10px; font-style: normal; margin-left: 5px; }

table p 
{
	font-style: normal;
	font-weight: normal;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 17px;
	font-size: 12px;
	margin: 5px;
}

table.moduletablenews 
{	
  font-weight: bold;	
  font-size: 11px;
  width:		100%;
  margin:		0px 0px 10px 0px;
  padding:		5px;
  border:		1px dashed white;
}
table.moduletablenews th 
{
  height:		34px;
  padding-top:		6px;
  text-align:		left;
  font-weight:		normal;
  background:		url("../img/Heading_BG.gif") top left repeat-x;
}

table.moduletablenews td 
{
vertical-align: top;
}

table.moduletablenews a {
}

.prognew {
	float: right;
}

.homep {
	padding-left: 8px;
	padding-bottom: 4px;
	padding-right: 8px;
	padding-top: 4px;
}
.eventnext {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 5px;
	margin-top: 0px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-right: 5px;
	padding-top: 0px;
	background-color: black;
	display: inline;
	float: right;
}
.componentheading-float {
  display:		inline;
  margin:		0px 0px 0px 5px;
  padding:		1px 3px 1px 20px;
  font-size:		12px;
  font-weight:		bold;
  color:		#ff0000;
  background:		#000000 url("../img/dot_red.gif") top left no-repeat;
  background-position:	5px 4px;
  text-transform:	uppercase;
  float: left;
}
td.newbild {
	margin: 0px;
	padding: 5px;
	width: 32px;
}

#suggestions {
	margin-bottom: 5px;
	padding: 5px;
	float: right;
	width: 516px;
	border-color: white;
	border-width: 1px;
	border-style: solid;
}

#fb-root {
    clear: both;
    margin-top: 15px;
}