/* -------------------------------------
	Allgemeine Styles
   ------------------------------------- */
   
html,body {
	margin: 0px;
	padding:0px;
}

html { 

}

body {
	font-family: Verdana;
	font-size: 12px;
	color: #D8D8D8;
	background-color: #42424D;
}


img{
	border: none;
}

h1 {
	font-size: 18px;
    font-weight: bold;
	/*color: #735649;*/
	margin: 0px 0px 36px 0px;
	color: #FFFFFF;
	text-transform: uppercase;
}

h1.withSubHeadline {
	margin-bottom: 12px;	
}

h2 {
	font-size: 12px;
	margin: 0 0 36px 0;
	padding: 0px;
	font-weight: bold;
	color: #D2D3D8;
	text-transform: uppercase;
	letter-spacing: 1px;
}

h3 {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	font-varianbt: normal;
	color: #FFFFFF;
	padding: 0;
	margin: 48px 0px 12px 0px;
	text-transform: uppercase;	
}

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

a:hover{
    text-decoration:underline;
}

ul, ol {
	margin: 6px 0px;
	padding: 0px 0px 0px 24px;	
}

li {
		
}

#navigation ul, 
#navigation li,
#footer ul,
#footer li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}


table{

}

tr{

}

td{
	padding-bottom: 22px;
	vertical-align: bottom;
	color: #000000;
}

p, .paragraph {
	line-height: 152%;
	margin: 0px 0px 16px 0px;
}

b, strong {
	color: #FFFFFF;
}

.firstHeading {
	margin-top: 0px;	
}
/* -------------------------------------
	Layout-Container
   ------------------------------------- */

#container {
	width: 996px;
	background-color: #24242d;
	margin: 0px auto;

}

#header{
	height: 156px;
	position: relative;
}

#headerBadge {
	position: absolute;
	top: 64px;
	left: 16px;
	width: 125px;
	height: 125px;
	overflow: hidden;
	background-image: url('/img/badge_header.png');
	background-repeat: no-repeat;
	background-position: top left;
}

#contentContainer, 
#tinymce {
	/* background-image: url('/img/contentbg.gif');*/
} 

#threeColContainer, #twoColContainer, #oneColContainer{
	margin: 8px 52px;
	margin: 32px 52px 64px 52px;
}

#threeColContainer{
	background-image: url('../img/threeColBg.gif');
	background-repeat: repeat-y;
}

#twoColContainer{
	background-image: url('../img/twoColBg.gif');
	background-repeat: repeat-y;
}

#leftCol, 
#centerCol, 
#rightCol, 
#leftColDouble, 
#leftColTripl{
	padding: 8px 0px 44px 0px;
	width:275px;
    min-height:400px;
}

#leftCol{
	float: left;
	padding-right: 16px;
	margin-right: 16px;
}

#centerCol{
	float: left;
	padding-right: 16px;
	margin-right: 16px;
}

#rightCol{
	float: left;
    
}

#rightCol h4 {
	margin-top: 0px;
}

#leftColDouble{
	float: left;
	width: 583px;
	padding-right: 16px;
	margin-right: 16px;

}

#leftColTripl{
	float: left;
	width: 100%;
	padding-right: 16px;
	margin-right: 16px;
    padding: 8px 0px 8px 0px;
}

#footer{
	height: 32px;
	background-image: url('../img/footerbg.gif');
}


/* -------------------------------------
	Navigation
   ------------------------------------- */

#navigation{
	background-image: url('../img/navImg/navbg.gif');
	height: 45px;
}

#navigationContainer{
	padding-top: 14px;
	margin: 0px auto;
	width: 690px;
}

#navigationContainer ul{

}

#navigationContainer ul li{
	float: left;
	/*height: 17px;*/
}

#navigationContainer ul li a, #footerNavigationContainer ul li a{
	background-position:center 0;
	background-repeat:no-repeat;
	display:block;
	height:32px;
	overflow:hidden;
	text-indent:-9999px;
}

#navigationContainer ul li.selected a{
	background-position: 0 -50px !important;
}

#navigationContainer ul li.separator{
	margin: 0px 14px;
}

#navigationContainer ul li.program a, 
#navigationContainer ul li.tickets a,
#navigationContainer ul li.gala a,
#navigationContainer ul li.gastro a,
#navigationContainer ul li.press a,
#navigationContainer ul li.about a
{
	height: 34px;
	background-position: 0 0;
}

#navigationContainer ul li.program a, div.program{
	width: 69px;
	background-image: url('../img/navImg/navProgram.png');
}

#navigationContainer ul li.tickets a, div.tickets{
	width: 84px;
	background-image: url('../img/navImg/navTickets.png');
}

#navigationContainer ul li.gastro a, div.gastro{
	width: 83px;
	background-image: url('../img/navImg/navGastro.png');
}


#navigationContainer ul li.gala a, div.gala{
	width: 80px;
	background-image: url('../img/navImg/navGala.png');
}

#navigationContainer ul li.press a, div.press{
	width: 75px;
	background-image: url('../img/navImg/navPress.png');
}

#navigationContainer ul li.about a, div.about{
	width: 100px;
	background-image: url('../img/navImg/navAbout.png');
}

#navigationContainer ul li.program a:hover, 
#navigationContainer ul li.tickets a:hover,
#navigationContainer ul li.gastro a:hover,
#navigationContainer ul li.gala a:hover,
#navigationContainer ul li.press a:hover,
#navigationContainer ul li.about a:hover
{
	background-position: 0px -50px;
}

li.navigationSeparateLine {
    border-bottom: 1px solid #2E333C;
    height: 5px;
    overflow: hidden;
    margin-bottom: 12px;
    display: block;
}

li.navigationSeparateLine:hover {
    background: transparent !important;
}



/* -------------------------------------
	DropDown-Navigation
   ------------------------------------- */

#navigation ul, 
#navigation li {
	padding: 0;
	margin: 0;
	list-style: none;
}

/*XXXXXXXXXXXX Primary top nav rules XXXXXXXXXXX*/

.headerNavigationLinkLevel1Container {
	float: left;
	font-size: 13px;
	/*border: 1px solid #C2C2B7;
	border-width: 0px 1px 0px 0px;*/
}

.headerNavigationLinkLevel1Container:hover a.headerNavigationLinkLevel1 {
    background-position: 0 -50px !important;
} 

.headerNavigationLinkLevel1ContainerSelected {
	background-color: #FFFFFF;
	background-image:url('../img/nav_sel_bg.gif');
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

.headerNavigationLinkLevel1ContainerSelected a.headerNavigationLinkLevel1 {
	color: #c71400 !important;
}

.headerNavigationDropdownContainer {
	position: relative;
}
/* this headerNavigationParent div does not provide "sticky hovering", but instead fixes a 
strange bug in Op7. When an element serves as a hovered popup "headerNavigationParent" element, 
that element must not also be floated or all heck breaks loose in Opera 7. 
To prevent this, we have floated the top level list items, while nesting 
hoverable headerNavigationParent divs inside that are then hovered to generate the dropdowns. 
Thus the ugly (but interesting) Op7 bug is defeated. */
	
.floatfix {margin-right: -3px;}
/* this fixes the IE 3px bug that is common in this type of float arrangement */ 

/*XXXXXXXXXXXX Primary dropdown/flyout rules XXXXXXXXXXX*/

.headerNavigationDropdownInnerContainer { /* rules for dropdown div */
	width: 205px;
	position: absolute;		
	left: -3000px;
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */	
/*	background: url('/css/iebgfix.gif'); */
	z-index: 800;
	background-image: url('/img/navImg/bg_navigation_dropdown.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	 padding: 0px 0px 3px 0px; 
	margin-top: 3px;
	
}

/* The margins on the UL's replace the div paddings to create "sticky hovering"
zones,  and the margins should "fill" the divs, making the IE BG fix unnecessary.
Unfortunately the BG fix is still needed, altho this method does eliminate
possible box model problems */
	
.headerNavigationDropdownInnerContainer ul { 
	width: 176px; /* tweaked so that dropdowns appear to "line up" with top links */
	width: 196px;
	border: 1px solid #363C46;
	border-width: 0px 0px 1px 1px;
	padding: 0px 0px 5x 2px !important;
	margin: 0px 5px 4px 1px;
	/*margin: 0 30px 30px 30px;*/ /* creates "sticky hovering" zones for dropdowns */
	/*border: 1px solid #d5d5d5;
	border-width: 0px 1px 1px 1px; 
	padding: 2px 0px 10px 0px !important;
	background-color: #52555b;*/
	
} /* borders sides and top of the dropdowns and flyouts; links provide the bottom border */

a.headerNavigationLinkLevel2 {
	width: 183px !important;
	padding: 0px 5px;
}

.headerNavigationDropdownInnerContainer div ul {
	margin: 30px 30px 30px 0;
} /* creates "sticky hovering" zones for flyouts */

#headerNavigationInnerContainer ul {
	padding: 4px 0 0 3px;
}
	
#headerNavigationInnerContainer li {
	text-align: left;
}

/* Formatierungen für die horizontale Menüleister der obersten Hierarchie */
div#headerNavigationInnerContainer {
	_overflow: hidden; /* ie6-Fix */
}

/*
.headerNavigationLinkLevel1Container {
	padding: 0px 0px 8px 0px;
}
*/
/* #headerNavigationInnerContainer  a */
a.headerNavigationLinkLevel1 {
	display: block;
	color: #333333;
	text-decoration: none;
	line-height: 32px;
	/*height: 32px; */
	overflow: hidden;
	width: 104px;
	text-align: center;
}

a.headerNavigationLinkLevel1:hover {
	/*background: #FFFFFF;
	background-image:url('../img/nav_sel_bg.gif');
	background-repeat: repeat-x;
	background-position: 0px 0px;*/

}

a.headerNavigationLinkLevel2 {
	color: #ffffff !important;
	display: block;
	/*line-height: 170%;*/
	font-weight: normal !important;
	text-decoration: none;
	text-indent: 0px !important;
	background-image: none !important;
	height: 20px !important;
	line-height: 20px;
	/*width: 167px !important; */
}

a.headerNavigationLinkLevel2:hover {
	/*color: #FFFFFF !important;*/
	text-decoration: none;
}

a.headerNavigationLinkLevel2Selected {
	/*background-color: #52555b; */
	font-weight: bold !important;
}

a.headerNavigationLinkLevel2Selected:hover {
	text-decoration: none;
}

.headerNavigationDropdownInnerContainer li {
	margin: 0px 2px 2px 2px;
	position: relative; 
	vertical-align: bottom; /* IE5/win bugfix */
	float: none !important;
}
				
.headerNavigationDropdownContainer:hover {
	background-image: url('/css/iebgfix.gif');
	background-position: 0px -50px;
} 
/* this hover calls a transheaderNavigationParent GIF only to defeat the IE failed hover bug. Any 
background change on hovering div.headerNavigationDropdownContainer will make IE obey and display the dropdown.
While the call itself will fix the bug, make sure you actually call a real image 
file so that your site error logs will not fill with failed image calls. */
				
.headerNavigationDropdownContainer:hover div.headerNavigationDropdownInnerContainer {
	top: 28px;
	left: -1px;		/* Wg. 1px Rahmen rechts */
	_left: 0px /* ie6-Fix */
}
/* hover rule for dropdowns */ 
/* extra pixel makes dropdowns "line up" with top links */ 

.headerNavigationDropdownContainer:hover {

}

.headerNavigationDropdownInnerContainer li:hover {
	background-color: #52555b;
	color: #FFFFFF;
} /* hover color effect on dropdown links */

.headerNavigationDropdownInnerContainer li:hover a.headerNavigationLinkLevel2 {
	color: #FFFFFF !important;
}

/* -------------------------------------
	Fußnavigation
   ------------------------------------- */

#footerNavigationContainer{
	padding: 11px 52px;
	height: 13px;
}

#footerNavigationContainer ul{

}

#footerNavigationContainer ul li{
	float: left;
	height: 13px;
}

#footerNavigationContainer ul li.separator{
	margin: 0px 5px;
}

#footerNavigationContainer ul li.impressum a, 
#footerNavigationContainer ul li.contact a,
#footerNavigationContainer ul li.newsletter a
{
	height: 13px;
	background-position: 0 0;
}

#footerNavigationContainer ul li.impressum a{
	width: 73px;
	background-image: url('../img/navImg/navImpressum.png');
}

#footerNavigationContainer ul li.contact a{
	width: 51px;
	background-image: url('../img/navImg/navContact.png');
}

#footerNavigationContainer ul li.newsletter a{
	width: 69px;
	background-image: url('../img/navImg/navNewsletter.png');
}

#footerNavigationContainer ul li a.facebookLink {
	text-indent: 0px;
	margin-top: -1px;
}
/* -------------------------------------
	Seitenstyles
   ------------------------------------- */   
   
.text{
	
}


.spacer{
	height: 20px;
	overflow: hidden;
}

.alternatingRow {
	border: 1px solid #60646A;
	border-width: 0px 0px 1px 0px;
	padding: 5px 8px;
	position: relative;
}
 
.alternatingRow1 {
	background-color: #3D3F43;
}

.alternatingRow:hover {
	background-color: #3194F9
}

.alternatingRowDateContent{
	float:left;
}
/* -------------------------------------
	Kn�pfe
   ------------------------------------- */  
.buttonOrderTicket {
	float: right;	
}
.button,
.button span,
.button a {
	line-height: 23px;
	background: url('/img/bg_button.png');
    position: relative;
    padding: 0;
    margin: 0;
    border: 0;
}

.button {
	background-position: top left;
	background-repeat: no-repeat;
}

.button a {
	background-position: top right;
	background-repeat: no-repeat;
    margin: 0 -10px 0 10px;
    padding: 4px 18px 6px 8px;

}


/* -------------------------------------
	sonstige Styles
   ------------------------------------- */
   
.clear{
	clear: both;
	height: 1px;
	overflow: hidden;
}

.clearfix:after {
    content:     ".";
    display:     block;
    height:     0;
    clear:         both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}





/* Abbas */
.ticketsEventImage{
    width:200px;
	float:right;
	margin:0 0 100px 20px;
}

.ticketsEventImage .eventImage{
width:100%;
}

#ticketEventDetailContainer .detailsContent{
    width:350px;
}

#ticketEventDetailContainer .detailsDatesList{
    margin: 36px 0px 0px 0px;
}

#ticketEventDetailContainer .datesList{
	width: 360px;
	padding: 0px;
}

#ticketBuyIframeContainer{
    width:100%;
    background-color: #24242D;
    height:100%;
    background-image: url('/img/bg_loading_spinner.gif');
    background-position: center center;
    background-repeat: no-repeat;
}

.datesList {
	margin: 0px 0px 16px 0px;
	list-style-type: none;
}

.dateListWeekday {
	width: 32px;
	display: block;
	float: left;
	overflow: hidden;
	margin: 0px 8px 0px 0px;
}

.dateListDate {
	font-weight: bold;
	color: #FFFFFF;
}

/* ----------------------------
	Seite: Presse
   ---------------------------- */

.pressDownloadContainer {
	margin:0 0 16px 0;
}

.pressElementsContainer {
	margin: 0px 0px 36px 0px;	
}

.pressImageIconContainer {
	/*height: 90px;
	iverlofw: hidden */
	width: 120px;
	float: left;
}

.pressDocumentIconContainer {
	height: 48px;
	width: 48px;
	float: left;
}

.pressImageContainer img {

}

.pressTitle {
	font-weight: bold;
	font-size: 12px;
	font-variant: none;
	margin: 0;
	padding: 0;
	text-transform: none;
}

.pressDocumentDetailsContainer{
	float: left;
	margin: 0px 0px 0px 16px;
	width: 510px;
}

.pressImageDetailsContainer {
	float: left;
	margin: 0px 0px 0px 16px;
	width: 440px;
}

.pressImageDetailsContainer p,
.pressDocumentDetailsContainer p {
	margin: 0;	
}

.pressDescriptionContainer {
	clear:both;
}

.pressDownloadLink{
	text-align: right;
}

/* -------------------------------------
	Widget Styles
   ------------------------------------- */
.sidebarWidgetBlock {
	border-bottom: 1px solid #2e333c;
	padding: 0px 0px 12px 0px;
	margin: 0px 0px 12px 0px;
	color: #ccc;
}
.sidebarWidgetBlock h2{
	margin-bottom:10px;
	color:#fff;
}

.sidebarWidgetBlock b{
	color:#fff;
}
   
.widgetContainer {
	padding: 0px 0px 24px 0px;
}

.widgetContainer h4 {
	margin-top: 0px;	
}

.widget_buy_tickets img{
    width:25px;
    height:25px;
    margin:5px 10px 5px 0;
    vertical-align:middle;
}

.widget_buy_tickets a{
    display:block;
    text-decoration:none;
}

/* -------------------------------------
	Objekt Vorlagen Styles
   ------------------------------------- */

.textAndImageContent{
    width:100%;
    clear:both;
}

.right_image_container{
    float:right;
    width:200px;
    text-align:right;
}

.text_left_col{
    float:left;
    width:330px;
}

.horizontalSeparateLine{
    border-bottom:1px solid #2E333C;
    margin:20px 0 20px 0;
}

.horizontalSeparateLineLight{
    border-bottom:1px solid #444;
    margin:10px 0 10px 0;
}



#bookingOptions a{
	background-image:url('/img/booking_button.png');
	background-repeat:no-repeat;
	padding:2px 0 5px 30px;
	margin-bottom:3px;
}

#bookingOptions a:hover{
	background-image:url('/img/booking_button_over.png');
}

#eventDetailOptionsTitle{
	font-weight:bold;
	font-size:13px;
	margin:35px 0 0 0;
}

#eventDetailOptions{
	text-align:left;
	padding: 6px 0 0 0;
	list-style-type: none;
}

#eventDetailOptions a {
background-image:url('/img/booking_button.png');
	background-repeat:no-repeat;
	padding:2px 0 5px 30px;
	margin-bottom:3px;
	
}

#eventDetailOptions a:hover{
	color: #FFFFFF;
	background-image:url('/img/booking_button_over.png');
	text-decoration: none;
}

#eventDetailOptions li{
	padding: 8px 0 0 0;
}

/* -------------------------------------
	Objekt Vorlagen Styles
   ------------------------------------- */

#tinymce {
	background-color: #24242d;
	padding: 12px 16px;
}

/* -------------------------------------
	Modalfenster: allgemein
   ------------------------------------- */
.modalContentContainer {
	margin: 16px 0px 0px 0px;
}

.modalContentContainer h4 {
	margin: 0px 0px 0px 0px !important;
}

.modalImageContainer {
	margin: 0px 0px 12px 0px;
	text-align: center;	
}

.modalImage {
	margin: 0px;
	display: block;
}

/* -------------------------------------
	Modalfenster: Künstler
   ------------------------------------- */
.artistContainer {
	
}

.artistImageContainer {
	margin: 0px auto 36px auto;
	text-align: center;
}

/* -------------------------------------
	Modalfenster: Menüs
   ------------------------------------- */
.menuContainer {
	margin: 16px 0px 0px 0px;
}
   
   
/* -------------------------------------
	Modalfenster: Videos
   ------------------------------------- */
.videoContainer,
.videoCaption {
	width: 640px;
	margin: 0px auto 12px auto;
}

.videoCaption {
	margin-bottom: 0px;
}


.contentVideoContainer{
	border-top: 0px solid #2E333C;
	border-bottom: 0px solid #2E333C;
	width: 583px;
	margin: 15px auto;
	xpadding:20px 0;
}

#videoThumbnailContainer{
margin-top:0;
padding:0;

}

#videoThumbnailContainer img{
	width:275px;
}


#videoThumbnailContainer .playVideo {
	position: relative;
	left: 100px;
	bottom: 130px;
	background-image: url('../img/icon_play_video.png');
	display: block;
	width: 59px;
	height: 41px;
	background-repeat: no-repeat;
	z-index: 99;
}

/* -------------------------------------
	News
   ------------------------------------- */
.newsContainer {
	margin: 0px 0px 16px 0px;
	padding: 0px 0px 8px 0px;
	border-bottom: 1px solid #2E333C;
}

.newsDate {
	color: #FFFFFF;
	margin: 0px 0px 6px 0px;
}

.newsImageContainer {
	margin: 0px 0px 24px 0px;	
}

.newsService {
	margin: 0px;
}

/* -------------------------------------
	Preiskategorien
   ------------------------------------- */
.priceCategory1 {
	color: #FAE604;
	font-weight: bold;
}

.priceCategory2 {
	color: #DF4024;
	font-weight: bold;
}

.priceCategory3 {
	color: #04C5F7;
	font-weight: bold;
}

.priceCategory4 {
	color: #88C350;
	font-weight: bold;
}

.showMapRow{
	margin-bottom:20px;
}

.showMapRow a{
	font-weight:bold;
}

.showMapRow p{
	margin:0;
	padding:0;
}



/* 	Google Map  */

.googlemap_container{
height:470px;
z-index: 999;
	color:#24242d;
	border:1px solid #2e333a;
}

.googlemap_container b{
	color:#000;
}



/* -------------------------------------
	Gutscheine
   ------------------------------------- */

#giftsform {

}


#giftsform h2 {
	margin:10px 0 0 0;
	padding:0;
}

.formColLeft{
	float: left;
	width: 48%;
	clear: left;
}

.formColRight{
	float: right;
	width: 48%;
}

label{
	margin: 0px 0px 3px 0px;
	display: block;
}

#giftsform input[type="text"],
#giftsform input[type="password"],
#giftsform select {
	width: 272px;
	padding: 2px 3px;
	display: block;
	margin: 0px 0px 12px 0px;
}

/*
#giftsform .fieldgroupxx{
	margin:0 0 10px 0;
	width: 500px;
	padding-bottom:20px;
	padding-top:10px;
	border-bottom :0px solid #2E3C33;
}
*/



fieldset{
	margin: 10px 0;
	padding: 12px 0px 24px 0px;
	border: 1px solid #8E98A5;
	border-width: 1px 0px 0px 0px;
}

legend {
	color: #8E98A5;
	font-weight: bold;
	padding: 0px 8px 0px 0px;
}

#giftsform .required,
.messageErrorContainer{
	color:#D41E10;
}

#giftsform .successedMessage{
	color:#00aa00;
}