@charset "utf-8";
/* CSS Document */

ul.concertYearTabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
/* 	border-bottom:0px solid #666;	 */
	text-decoration:none;
}

ul.concertYearTabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
	text-decoration:none;
/* 	border-bottom:1px solid #666;	 */
}

ul.concertYearTabs a { 
/* 	background: url(/multimedia/saalplan/res/pics/concertTabs_84x92.png) no-repeat; - old background */
	background-position: 0px 0; 
	width:80px;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
/*	width: 111px; */
	text-align:center;	
	text-decoration:none !important;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.concertYearTabs a:hover {
	text-decoration:none;
	font-weight: bold;
}

ul.concertYearTabs .current
{
/* 	background: url(/multimedia/saalplan/res/pics/concertTabs_84x92.png) no-repeat; - old background */
	background-position: 0px 0; 
	width:80px;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
/*	width: 111px; */
	text-align:center;	
	text-decoration:none !important;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
	cursor:default !important; 
	color:#860000 !important;
	background-color:#cccccc;
	border: 1px #860000 solid;
	font-size: 16px;
	font-weight: bold;
/* 	border-bottom:1px solid #666;	 */
}

ul.concertYearTabs .current, ul.concertYearTabs a.current, ul.concertYearTabs a.current:hover, ul.concertYearTabs li.current a 
{
	cursor:default !important; 
	color:#860000 !important;
	background-color:#cccccc;
	border: 1px #860000 solid;
	font-size: 16px;
	font-weight: bold;
/* 	border-bottom:1px solid #666;	 */
}

.concertList a{ text-decoration: none !important;}

ul.concertMonthTabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:0px solid #666;	
}

/* single tab */
ul.concertMonthTabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
/* 	border-bottom:1px solid #666;	 */
}


ul.concertMonthTabs a { 
/* 	background: url(/multimedia/saalplan/res/pics/concertTabs_84x92.png) no-repeat; - old background */
	background-position: 0px 0%; 
	width:78px;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	text-align:center;	
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.concertMonthTabs a:active { outline:none;}
ul.concertMonthTabs a:hover { font-weight: bold; }

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.concertMonthTabs .current
{
/* 	background: url(/multimedia/saalplan/res/pics/concertTabs_84x92.png) no-repeat; - old background */
	background-position: 0px 0%; 
	width:78px;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	text-align:center;	
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
	cursor:default !important; 
	color:#860000 !important;
	font-size:100%;
	background-color:#cccccc;
	border: 1px #860000 solid;
	font-weight: bold;
/* 	border-bottom:1px solid #666;	 */
}

ul.concertMonthTabs a.current, ul.concertMonthTabs a.current:hover, ul.concertMonthTabs li.current a {
	cursor:default !important; 
	color:#860000 !important;
	font-size:100%;
	background-color:#cccccc;
	border: 1px #860000 solid;
	font-weight: bold;
/* 	border-bottom:1px solid #666;	 */
}

/* initially all concertsList are hidden */ 
.concertsLists { display:none; }

/* CONCERT LIST */

.concert_list_header_year{
	margin-top:10px;
	color:#860000;
	font-family: "Verdana";
	font-size: 14px;
	font-weight: bold;
	}
.concert_list_header_month{
	margin-top:25px;
	color:#860000;
	font-family: "Verdana";
	font-size: 14px;
	font-weight: 100;
	}

.concertListRow_01, .concertListRow_02 {
	margin-top:8px;
	padding:4px 0 8px 4px;
	width:560px;
	position: relative;
	height: 29px;
}

.concertListRow_01 { background-color:#CCCCCC; }
.concertListRow_02 { background-color:#aaaaaa; }

.concertListRowImg {
	float:left;
	height:26px;
	width:26px;
}

.concert_list_dayname, .concert_list_date, .concert_list_hall, .concert_list_ticket {
	display:inline;
	position:absolute;
}

.concert_list_dayname { left:60px; }
.concert_list_date { left:150px; }
.concert_list_hall { left:60px; }
.concert_list_ticket { 
	right:0; top: 0; 
	height: 41px;
/*	width: 150px; */
}

.concert_list_ticket a.concert_list_book_ticket{
	color: #000 !important;
	line-height: 41px;
	height: 41px;
	display: block;
	float: right;
	overflow: hidden;
	width: 84px;
	text-align: center;
/* 	background: transparent url('/multimedia/saalplan/res/pics/button_getTickets_.jpg') no-repeat left bottom; */
/*	background: #FDFBF3 url('/multimedia/saalplan/res/pics/button_getTickets_list.png') no-repeat right bottom;*/
	background: #FDFBF3 url('/multimedia/saalplan/res/pics/Rollover-Button_Ticket_80x41px.gif') no-repeat right bottom;
	text-shadow: 0 1px 1px #FFFFFF;
	text-indent: -999em;
	margin-left: 2px;
}
.concert_list_ticket a.concert_list_book_ticket:hover{
	color: #860000 !important;
	margin-left: 2px;
/* 	background: transparent url('/multimedia/saalplan/res/pics/button_getTickets_hover.jpg') no-repeat left top; */
 	background: transparent url('/multimedia/saalplan/res/pics/Rollover-Button_Ticket_80x41px_s2.gif') no-repeat right bottom;
}
.concert_list_ticket .sb_concert_programm{
	line-height: 41px;
	display: block;
	float: left;
/* 	width: 62px; */
	height: 41px;
	overflow: hidden;
	padding-right: 8px;
}
.sb_concert_programm img{ 
	border: none !important; 
	margin-right: -10px;
	float: left;
}
.sb_concert_programm:hover{ text-decoration: underline !important;}
#main_content>strong>.sb_concert_programm img{
	margin-top: -9px;
	float: left;
}
/* Button für Sitzplatz-Buchung Auswahl */
/*
old version
.ticketBookSeatbutton {
	width:560px;
	padding:8px;
	border:1px #860000 solid;
	text-decoration:none;
	text-align:center;
	font-size: 14px; 
	font-weight: bold;
	color: #860000;
}
.ticketBookSeatbutton:hover {
	text-decoration:none;
	color: #fff;
	background-color:#860000;
}
*/

.ticketBookSeatbutton {
	border:0px #860000 solid;
	text-decoration:none;
	text-align:left;
	font-size: 14px; 
	font-weight: bold;
	color: #860000;
}
.ticketBookSeatbutton:hover {
	text-decoration:none;
}