/**
 * @copyright		(c) 2009, Viktor Steinke. All rights reserved.
 * @author			Viktor Steinke <steinke@brainworxx.de>
 *
 *
 * @group			Stadthalle / VW-Halle / Stadion Brausnchweig
 * @section			Layout
 **/

/* @@group Global
---------------------------------------------------------------------------------------------------*/
#flbg:focus,#flbgID:focus, object:focus,
#flbg,#flbgID, object{overflow: hidden;}
*{margin:0; padding:0;}
.calendar{z-index:99999999!important;}
html, body{
	width: 100%; height: 100%; margin:0; padding:0;
}

body{
	height: 100%; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #7a8191;
}

img{ border: 0px; }
img.spacer-gif{background:#fff;}

#banner_rotation_xx div#flbg, #banner_rotation_xx script{ display: none; }

#allContainer{
	width: 847px;
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */ 
	padding: 20px 0px 0px 20px;
	position: relative;
}

#page{
	height: 100%;
	min-height: 100%;
	width: 847px;
	background: #fff;
}

.ticketHotline{
	position: absolute;
	z-index: 9845645659;
	color: #777777;
	top: 330px;
	left: 710px;
	font-size: 11px;
}.ticketHotline span{ font-weight: bold; }


/* --------------------------------------------------------------------------------
	SEITENKOPF
 -------------------------------------------------------------------------------- */

#kopf{
	width: 100%;
	height: 229px;
	position: relative;
	background-position: 20px 62px;
	background-repeat: no-repeat;
}

.t3kopfbild{
	width: 807px; height: 167px;
}.t3kopfbild{ position: absolute; top:0; margin: 62px 0px 0px 20px;}

#kopf .logo{
/*	float: left;*/
/*	display: inline;*/
/*	margin-left: 41px; */
	padding-left: 20px;
	position: relative;
}
#kopf .logo a{position:relative; z-index:99999;}
	.logo .logoHome{
		width: 167px; height: 62px; background: url(../../../clear.gif);
		position: absolute; left: 20px; top: 0px; z-index: 232;
	}.logo .logoHome a, .logo .logoHome a span{display: block; width: 167px; height: 62px;}
	
	.logo .logoBS{
		width: 120px; height: 62px;
		position: absolute; right: 20px; top: 0px; z-index: 232; background: url(../../../clear.gif);
	}.logo .logoBS a, .logo .logoBS a span{display: block; width: 120px; height: 62px;}

       .logo .logoFacebook{
		width: 23px; height: 23px;
		position: absolute; right: 120px; top: 20px; z-index: 232; background: url(../../facebook_logo.jpg);
	}.logo .logoFacebook a, .logo .logoFacebook a span{display: block; width: 23px; height: 23px;}


/*  --------------------------------------------------------------------------------
	Suche, Ticker, Klickpfad
 -------------------------------------------------------------------------------- */
#ticker{
	width: 807px; height: 38px;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 0px 20px;
}

	/* TOOLBAR ----------------------------------------*/
	.toolbar{
/*		float: left;*/
		background: green;
		margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; 
	}
		.toolbar ul{
			margin: 0px; padding:0;
		}
			.toolbar ul li{
				float: left;
				list-style: none;
				margin: 0px 0px 0px 0px; padding: 11px 0px 0px 0px;
			}
			
				.toolbar ul li a{
					font-weight: bold;
					text-decoration: none;
					padding: 0px 12px 2px 1px;
					color: #fff;
				}

	/* SUCHBOX ----------------------------------------*/
	.suche{ 
		float: right;
		margin: 0px 10px 0px 0px; padding: 5px 0px 0px 0px;
	}

		.suche form{margin: 0px;padding: 0px;}
		.suche input{
			width: 170px!important; height: 21px;
			font-size: 11px; float: left;
			padding: 6px 0px 0px 3px;
			border: none!important; border: 0!important;
		}
		.suche button{
			width: 68px; height: 27px;
			float: left;
			margin: 0px 0px 0px 7px; 
			background: none;
			border: none; cursor: pointer;
		}		



#area{
	width: 807px; height: 24px;
	border-bottom: 1px  solid #eaeaea;
	margin: 0px 0px 0px 20px; 	padding: 0px 0px 0px 0px;
}

	#area .ticker{
	}
		.tickerlabel{
			float: left; font-weight: bold;
			color: #6f6f6f;
			padding: 6px 0px 0px 11px;
		}
		
		.tx-mjnewsticker-pi1{
			float: left;
			color: #7d7d7d;
			padding: 3px 0px 0px 0px;
		}
		.tx-mjnewsticker-pi1 table{ width: 630px; }
		.tx-mjnewsticker-pi1 table marquee{ color: #7d7d7d!important; }
	
		.lang{
			float: right;
			margin: 0px 10px 0px 0px; padding: 5px 0px 0px 0px;
		}




.ticker ul{
	margin:0;
	padding: 6px 0px 0px 11px;
}
.ticker ul li{
	float: left;
	list-style: none;
}
.ticker ul li a{
	text-decoration: none;
	color: #535353;
	padding: 0px 12px 2px 1px;
	background: url(../bilder/klickpfad_trenner.gif) no-repeat  right;
}
.ticker ul li a.cur{
	background-image: none;
	font-weight: bold;
}

.page_follow .lang{
	padding: 0px 0px 0px 0px;
	margin-top: -1px;
}


.ausverkauf{
	padding: 8px 0px 8px 0px;
	border-bottom: 1px solid #eaeaea;
}
	.ausverkaufTitile{
		color: #626262;
	}
	
	.ausverkaufDate{
		color: #ff3714;
		color: #626262;		
/*		font-weight: bold;*/
	}	

/*  --------------------------------------------------------------------------------
	CONTENT
 -------------------------------------------------------------------------------- */

.page_follow #menu{
	float: left;
}

#content{
	width: 615px;
	float: left;
	margin: 0px 0px 0px 0px; padding: 20px 0px 0px 20px;
}
.page_follow #content{
	width: 390px;
}

#content h1{
	font-size: 16px;
	color: #535353;
	margin: 0px 0px 0px 0px;
}
#content h2, #content .csc-subheader{
	color: #535353;
	font-weight : bold;
	font-size: 12px;
	line-height: 16px;
	margin-top: 12px;
	margin-bottom: 0px;
	clear: both;
	border-bottom: 1px solid #535353;
}
#content h3{
	font-weight : bold;
	font-size: 12px;
	margin-bottom: 0px;
}
#content h4{
	font-weight : bold;
	font-size: 11px;
	margin: 0px;
}

#content p{
	margin: 12px 0px;
}

#content a{
	color: #535353;
}

#content ul{
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 0px 40px;
}

.csc-textpic-caption{
	color: #aaa;
}
.csc-frame-rulerBefore{
	border-top: 1px solid #eee;
}

.csc-textpic-above{
	margin-top: 12px;
}

.csc-textpic-intext-left .csc-textpic-text{
	float: left;
/*	width: 300px;*/
}
.csc-textpic-intext-left  .csc-textpic-image{
	padding-bottom: 20px;
}

.csc-textpic-intext-left .csc-textpic-text h3{
	margin: 0px;
}

.csc-textpic-intext-left{
	clear: both;
	margin-top: 14px;
}

.csc-textpic-imagecolumn{
	padding-right: 10px;
}

/* CONTENT-Tabellen ----------------------------------------*/

.contenttable{
        width: 390px!important;
	margin-top: 12px;
}
.contenttable th{
	text-align : left;
	background-color: #E6E2CF;
}
.contenttable td{
	padding: 3px 10px;
	background-color: #eee;
}

.contenttable ul{
	margin-left: 5px;
	padding-left: 5px;
}

/* Mailforms -----------------------------------------------------*/
.mailform .error{
	color: #990000;
}
.mailform .contenttable th{
	width: 100px;
	padding-left: 10px;
}
.mailform-input, .mailform-input-plz, .mailform-input-ort, .mailform-textarea{
	border: 1px solid #ccc;
	width: 250px;
	font-size : 11px;
	float: left;
	margin-right: 5px;
}
.mailform-input-ort{
	width: 183px;
}
.mailform-input-plz{
	width: 60px;
}
.mailform .mailform-submit{
	font-size: 11px;
	border: 1px solid #ccc;
}

/* --------------------------------------------------------------------------------
	MPA
 -------------------------------------------------------------------------------- */
.mpaTS{
	height: 170px!important;
	margin:0; padding:0;
	position: relative;
}
#mpa{
	width: 177px;
	float: right;
	margin: 68px 20px 0px 0px;

}
#mpa .clear{
	width: 120px;
	height: 20px;
	background: #fff;
}
#mpa img{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#mpa div.csc-textpic img{
	margin: 0px 0px -5px 0px;
	padding: 0px 0px 0px 0px;	
}
#mpa h1{
	text-align: right;
	font-size: 11px;
	color: #535353;
	text-transform: uppercase;
	padding: 10px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
	background: #fff;
}


div.mpavw{
	width: 177px; height: 38px;
	background: url(../../bilder/vwhalle/2009/MPA_VW.png) no-repeat left top;	
}div.mpavw img{ width: 177px; height: 38px; }
	
div.mpavw_active{
	width: 177px; height: 38px;
	background: url(../../bilder/vwhalle/2009/MPA_VW_act.png) no-repeat left top;
}

div.mpastadion{
	width: 177px; height: 38px;
	background: url(../../bilder/stadion/2009/MPA_Stadion.png) no-repeat left top;	
}div.mpastadion img{ width: 177px; height: 38px; }
	
div.mpastadion_active{
	width: 177px; height: 38px;
	background: url(../../bilder/stadion/2009/MPA_Stadion_act.png) no-repeat left top;
}

div.mpastadthalle{
	width: 177px; height: 38px;
	background: url(../../bilder/stadthalle/2009/MPA_stadthalle.png) no-repeat left top;	
}div.mpastadthalle img{ width: 177px; height: 38px; }

div.mpastadthalle_active{
	width: 177px; height: 38px;
	background: url(../../bilder/stadthalle/2009/MPA_stadthalle_act.png) no-repeat left top;
}

div.mpastadthalleblue{
	width: 177px; height: 38px;
	background: url(../../bilder/stadthalle/2009/MPA_stadthalle.png) no-repeat left top;	
}div.mpastadthalleblue img{ width: 177px; height: 38px; }

div.mpastadthalleblue_active{
	width: 177px; height: 38px;
	background: url(../../bilder/stadthalle/2009/MPA_stadthalle_blue_act.png) no-repeat left top;
}

div.mpavwblue{
	width: 177px; height: 38px;
	background: url(../../bilder/vwhalle/2009/MPA_VW.png) no-repeat left top;	
}div.mpavwblue img{ width: 177px; height: 38px; }
	
div.mpavwblue_active{
	width: 177px; height: 38px;
	background: url(../../bilder/vwhalle/2009/MPA_VW_blue_act.png) no-repeat left top;
}

#test-accordion{position:relative;}

div.accordion {
	position: relative; /* required for bounding */
}

div.accordion-toggle{
    position: relative; /* required for effect */
    z-index: 10;		/* required for effect */
    cursor: pointer;
	text-indent: -999em;
}


div.accordion-content{
    overflow: hidden;	/* required for effect */
	position: relative;
}


/*#mpa .banner, #mpa .tx-mininews-pi1{
	background-color: #eee;
	padding: 5px 0px 5px 0px;
}
#mpa .banner h4, #mpa .tx-mininews-pi1 h4{
	padding-left: 10px;
	padding-right: 5px;
}
#mpa .banner h4, #mpa .banner h4 a, #mpa .tx-mininews-pi1 h4, #mpa .tx-mininews-pi1 a{
	font-size: 11px;
	margin: 10px 0px 0px 0px;
	text-decoration: none;
	color: #333;
}
#mpa .banner h4 a, #mpa .tx-mininews-pi1 a{
	color: #666;
	display: block;
	padding-left: 16px;
	text-decoration: none;
	background: #eee url(../bilder/li.gif) no-repeat 0px 2px;
}

#mpa .banner p, #mpa .tx-mininews-pi1 p{
	font-size: 11px;
	margin: 0px;
	color: #666;
	padding-left: 10px;
}
#mpa .banner img, #mpa .tx-mininews-pi1 img{
	margin: 0px 0px 3px 0px;
	display: block;
}*/

#mpa p{margin:0!important;padding:8px 0px 0px 0px!important;}
#mpa .hallenlinks{
	margin: 0px auto;
	background-color: #eee;
	list-style: none;
	padding: 5px;
}

#mpa .hallenlinks a{
	color: #666;
	display: block;
	padding-left: 16px;
	text-decoration: none;
	font-weight: bold;
	background: #eee url(../bilder/li.gif) no-repeat 0px 2px;
}
/*#mpa .hallenlinks a{
	color: #333;
	font-weight: bold;
	display: block;
	padding-left: 5px;
	text-decoration: none;
	margin-bottom: 5px;
}*/
#mpa a:hover, #mpa .banner h4 a:hover{
	color: #000;
}

#mpa .mpaContent p.bodytext{
	padding: 5px 0px 5px 6px;
	margin: 0px 0px 0px 0px;
	color: #666;
}
#mpa .mpaContent h1 a{text-decoration:none;color:#535353!important;}


/*  --------------------------------------------------------------------------------
	HAUPTMEN�
 -------------------------------------------------------------------------------- */

#menu{
	width: 210px;
	padding: 0px 5px 20px 0px;
	margin: 38px 0px 0px 0px;
	border-right: 1px solid #E7E7E7;
	float: left;
}
#menu ul{
	padding-left: 0px;
	margin: 0px 0px 0px 20px;
}
#menu ul li{
	list-style: none;
	line-height: 14px;
}
#menu ul li a{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 20px;
	color: #535353;
	border-bottom: 1px solid #E7E7E7;
}
#menu ul li a.menuitemact{
	color: #000;
}
#menu ul li a:hover{
	color: #000;
}

#menu ul li ul{
	margin: 0px;
	padding: 8px 0px; 
	background-color: #F8F8F8;
}
#menu ul li ul li{
	line-height: 16px;
	padding-left: 15px;
}
#menu ul li ul li a{
	border-bottom: 0px;
	padding: 0px 20px;
	font-weight: normal;
	border-bottom: 1px solid #f8f8f8;
}
#menu ul li ul li a.menuitemact{
	border-bottom: 1px solid #ccc;
}

#menu ul li ul li ul{
	padding: 4px 0px;
}

#menu ul li ul li ul li a.menuitemact4{
	border-bottom: 1px solid #f8f8f8;
}

/*  --------------------------------------------------------------------------------
	SITEMAP
 -------------------------------------------------------------------------------- */
.csc-sitemap {
	margin: 20px 0px 0px 0px;
}
 .csc-sitemap ul{
	margin: 0px;
	padding: 0px;
}

#content .csc-sitemap .menu1 a, 
#content .csc-sitemap .menu2 a{
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 15px;
	line-height: 24px;
}
 .csc-sitemap ul li{
 	margin-right: 10px;
	float: left;
	width: 200px;
	list-style: none;
	padding: 2px 0px;
}
 .csc-sitemap ul li a{
 	display: block;
	text-decoration: none;
	font-size : 12px;
 }
 .csc-sitemap ul li ul li{
	float: none;
	width: auto;
	font-weight: bold;
	padding-left: 15px;
}
 .csc-sitemap ul li ul li ul li{
	font-weight: normal;
}

/*
----------------------------------------------------------------------------------------
  NEWS
----------------------------------------------------------------------------------------
*/
.news-list-item{
}
.news-list-item h3 a{
	font-size: 12px;
	text-decoration : underline;
}

.news-list-date{
	display: none;
}

.news-list-item img{
	float: left;
	margin: 15px 15px 15px 0px;
}
.news-single-imgcaption{
	color: #666;
	width: 180px;
}

#content .news-single-item h2{
	margin: 0px;
	padding: 1em 0em 0em 0em;
	margin-bottom: 1em;
}
.news-single-img{
		float: left;
		margin-right: 10px;
}

.news-list-morelink a{
	text-decoration: none;
	display: block;
}
.news-list-morelink a span{
	display: block;
	padding-right:5px;
	float: left;
}
.news-list-morelink a img{
	float: left;
	margin:0;padding:0;
	margin-top: -2px;	
}



.news-latest-item{
	 width: 177px; 
	 margin: 0px 0px 3px 0px!important; padding: 1px 0px 0px 0px;
	 border-bottom: 1px solid #eaeaea;
}
.news-latest-item a{
	width: 177px; height: 42px; 
	text-decoration: none; 
	display: block;
	margin:0!important; padding:0!important;
}

.news-latest-item-title{
	color: #626262;
	display: block;
}


.news-latest-item-body{ float:left; width: 120px; display: block; padding: 1px 0px 0px 0px;}
.news-latest-item-image{ 
	width: 45px; height: 38px;
	float:right; display: block;
}




/*
----------------------------------------------------------------------------------------
Veranstaltungskalender
----------------------------------------------------------------------------------------
*/

.EventsSingleNextLink, .EventsListNextLink{
	float: right;
}
.EventsSinglePrevLink, .EventsListPrevLink{
	float: left;
}
.EventsSingleBackLink{
	float: none;
	clear: both;
}
.EventsSingleTitle{
	font-weight: bold;
}

.EventsSingle .singleViewImages{
	float: left;
	margin-right: 10px;
}
.EventsSingle .singleViewImages img{
	display: block;
	float: none;
	margin-bottom: 12px;
}
.EventsListTable img{
	margin-top: 12px;
}
.EventsListTable .soldout{
	font-weight: bold;
	color: #cc0000;
}
.EventsListTable .organizer{
	margin-top: 12px;
}

.EventsSearchForm{
	margin-top: 12px;
}
.EventsSearchForm input{
	font-size: 11px;
	border: 1px solid #ccc;
}
.EventsListEventLinks{
	display: none;
}
/*
----------------------------------------------------------------------------------------
 Contentboxen auf der Startseite
----------------------------------------------------------------------------------------
*/
#content .startboxLinks, #content .startboxRechts{
	width: 300px;
	float: left;
	margin:0; padding:0;
}
#content .startbox p{
	padding-left: 16px;
	padding-right: 16px;
}

ul.csc-menu-def li a span, ul.csc-menu-def li a{ display: block; text-decoration: none;}
ul.csc-menu-def li a span.HomeMPAButton,
ul.csc-menu-def ul li a span.HomeMPAButton img{
	width: 26px; height: 26px;
	float: left;
}
ul.csc-menu-def li a span.HomeMPABody{
	float: left;
}

#content .startbox  ul.csc-menu{
	margin: 0px;
	padding: 0px;
}
#content .startbox  ul.csc-menu li{
	list-style: none;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #eaeaea;
}#content .startbox  ul.csc-menu li.last{ border: none; }

#content .startbox ul li a{
	cursor: pointer;
	padding: 7px 0px 4px 2px;
}

*+html #content .startbox ul.csc-menu li {
padding: 0px 0px 21px 0px!important;
display: block;
height: 15px!important;
}

#content .startbox ul li a span.HomeMPABody{ padding: 7px 0px 0px 8px; }

#content .startbox ul li span.subtitle{
	display: block; color: #b5b5b5;
}

#content .startbox .csc-textpic-image{
	padding: 0px 0px 0px 0px; margin: -7px 0px 0px 0px;
}

#content .startbox h1{
	color: #fff;
/*	padding: 8px 0px 2px 16px;*/
	height: 24px;
}
#content .startbox{
	padding: 10px 0px 0px 0px;
}

#content .startboxLinks  h1{
	background-color: #ccc;
}
#content  .startboxRechts  h1{
	background-color: #eee;
}

#content .startboxRechts{
	margin-left: 15px;
}

#footer{
	margin: 0px;
	color: #b5b5b5;
	padding: 20px 20px 20px 20px;
}
	.copyright{
		float: left;
	}
	
	.madeby{
		float: right;
	}.madeby a{ text-decoration: none; color:#b5b5b5; } .madeby a:hover{ text-decoration: underline; }
	
	


#banner_rotation_xx{
	padding-left: 25px;
}


.startbox h5{margin:0; padding:0; width: 300px; height: 38px; border: none;}
.startbox h5 a {
	width: 300px; height: 38px; display: block; text-decoration: none!important; border: none;
	text-indent: -999em;
}

.startbox div.csc-textpic div{ margin-top:-4px;}


.mpaTS .news-latest-item-title, .mpaTS .news-latest-item-date{ font-size: 11px!important; }
.EventsListTable tr.EventsListRow td{padding: 10px 0px 10px 0px!important;}
.EventsListTable tr td h3{padding: 10px 0px 0px 0px!important;}


.tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }		
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }		
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }		
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }		
.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }		
.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }		
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }		
.tx-indexedsearch-redMarkup { color:red; }		
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }		
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }		
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }		
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }		
.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }		
.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }		

/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */		
.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }		
.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }		
.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }		
.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }		
.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }