/*
	-- CSS fr volksoper
	--  2007 getdesigned.at

	# Abmessungen
	Breite Layout(fix)			680px 
	Breite fr eine Spalte:		165px
	Abstand zwischen Spalten:	  5px
	Hhe Header:				200px
	Hauptnavigation Hhe:		 16px
	Hauptnavigation Item Breite: 80px

	# Farben
	operette:				#9D0053
		operette hell:		#D4A5B3
	oper:					#9CA6A7
		oper hell:			#CBD6D7
	musical:				#86A10B
		musical hell:		#D0E95D
	ballett:				#005782
		ballett hell:		#53A7D1
	spezial:				#F4C800
		spezial hell:		#FFE052
	spezial neu:			#462b10
*/

/* -- Styles von YUI -- */
/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font: 14px "Times New Roman", serif; *font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

body{font-size: 14px; background-color: #FFF; color: #333;}
a{text-decoration: none;}
.invisible{visibility: hidden;}
.clear{clear: both;}

/* -- 2 Spalten fr Inhalt und BTH Sidebar -- */
#container{margin: 5px; width: 675px;}
#sidebar{background-color:#fff; height: 1000px; left: 685px; position: absolute; top: 5px; width: 165px; z-index: 100;}

/* -- Styles fr Teaser-Startseite -- */
#body_teaser{background: transparent url(/Content.Node2/images/layout/teaser_bg.gif) top left repeat-y;}
#teaser{color: #FFF; width: 675px;}
#teaser h1{left: 147px; position: absolute; top: 210px;}
	#teaser h1 a{background: transparent url(/Content.Node2/images/layout/teaser_logo.gif) top left no-repeat; display: block; height: 200px; width: 410px;}
#teaser_head p{font-size: 200%; padding: 3px 0; position: relative; top: 87px; left: 0; text-align: center; width: 100%;}
#teaser_head div{height: 127px; position: absolute; top: 0; width: 169px;}
	.teaser_operette{background: transparent top left no-repeat; left: 0;}
	.teaser_oper{background: transparent top left no-repeat; left: 169px; width: 168px;}
	.teaser_musical{background: transparent top left no-repeat; left: 338px;}
	.teaser_ballett{background: transparent top left no-repeat; left: 507px; width: 168px;}

	.teaser_operette p{background: transparent url(/Content.Node2/images/layout/vop_logo_operette_bg.png);}
	.teaser_oper p{background: transparent url(/Content.Node2/images/layout/vop_logo_oper_bg.png);}
	.teaser_musical p{background: transparent url(/Content.Node2/images/layout/vop_logo_musical_bg.png);}
	.teaser_ballett p{background: transparent url(/Content.Node2/images/layout/vop_logo_ballett_bg.png);}
	
#languages{position: absolute; top: 180px; left: 0; padding-left: 5px; z-index: 10; width: 170px;}
	#languages em a{clear: both; color: #D4A5B3; display: block; float: left; font-weight: bold; padding-right: 10px; text-align: right; width: 70px;}
		#languages em a:hover{color: #FFF;}
	#languages a{color: #FFF;}
		
.address {position:absolute; left: 495px; top:600px; color: #FFF; text-align: right; width: 169px;}	
.address a{color: #53A7D1;}
	.address a:hover{color: #FFF;}
#random_facts{color: #53A7D1; left: 507px; position: absolute; text-align: right; top: 390px; width: 168px;}
#random_facts ul{margin-right: 10px;}
#random_facts em{color: #FFF; font-weight: bold;}

.shoutbox{background: transparent url(/Content.Node2/images/layout/vop_dark_bg.png); color: #FFF; padding: 10px; position: absolute; width: 149px;}
.shoutbox h2{font-weight: bold; margin-bottom: 1em;}
	.shoutbox a{font-weight: bold;}
		.shoutbox a:hover{color: #DDD;}
		
.shoutbox.links{left: 0; padding: 10px; top: 350px;}
.shoutbox.mitte{left: 169px; padding: 10px; top: 390px; width: 148px;}
.shoutbox.rechts{left: 337px; padding: 10px; top: 430px; width: 150px;}

/* -- Innerhalb des Containers fr den Inhalt -- */
#header{background: transparent top left no-repeat; height: 200px;}
	#header_box{color: #FFF; float: right; margin: 5px; text-align: right; width: 190px;}
		#header_box h1{height: 82px;}
		#header_box h2{font-size: 200%; line-height: 100%;}
		#header_box p, #header_box h2{padding: 5px;}
		#header_box a {padding-left: 8px;}
			/* -- VOP Logo in den Genre Farben -- */
			#header .ballett h1{background: transparent url(/Content.Node2/images/layout/vop_ballett.gif) top left no-repeat;}
			#header #header_box.ballett{background: transparent url(/Content.Node2/images/layout/vop_logo_ballett_bg.png);}
			#header .ballett a, a.ballett{background: transparent url(/Content.Node2/images/layout/header_ballett_bullet.gif) bottom left no-repeat; color: #53A7D1; padding-left: 8px;}

			#header .oper h1{background: transparent url(/Content.Node2/images/layout/vop_oper.gif) top left no-repeat;}
			#header #header_box.oper{background: transparent url(/Content.Node2/images/layout/vop_logo_oper_bg.png);}
			#header .oper a, a.oper{background: transparent url(/Content.Node2/images/layout/header_oper_bullet.gif) bottom left no-repeat; color: #CBD6D7; padding-left: 8px;}

			#header .operette h1{background: transparent url(/Content.Node2/images/layout/vop_operette.gif) top left no-repeat;}
			#header #header_box.operette{background: transparent url(/Content.Node2/images/layout/vop_logo_operette_bg.png);}
			#header .operette a, a.operette{background: transparent url(/Content.Node2/images/layout/header_operette_bullet.gif) bottom left no-repeat; color: #D4A5B3; padding-left: 8px;}

			#header .musical h1{background: transparent url(/Content.Node2/images/layout/vop_musical.gif) top left no-repeat;}
			#header #header_box.musical{background: transparent url(/Content.Node2/images/layout/vop_logo_musical_bg.png);} /* ernst nderungen */
			#header .musical a, a.musical{background: transparent url(/Content.Node2/images/layout/header_musical_bullet.gif) bottom left no-repeat; color: #D0E95D; padding-left: 8px;}

			#header .spezial h1{background: transparent url(/Content.Node2/images/layout/vop_spezial.gif) top left no-repeat;}
				#header #header_box.spezial{background: transparent url(/Content.Node2/images/layout/vop_logo_spezial_bg.png);}
			#header .spezial a, a.spezial{background: transparent url(/Content.Node2/images/layout/header_spezial_bullet.gif) bottom left no-repeat; color: #FFE052; padding-left: 8px;}
		

#mainnavigation{margin-top: 5px; margin-bottom:10px;}
	#mainnavigation ul{float: left; list-style: none;}
		#mainnavigation li{float: left; margin-right: 5px;}
		#mainnavigation li.last{margin: 0;}
			#mainnavigation a{background-color: #D4A5B3; color: #F6DDE6; display: block; height: 16px; padding-bottom: 1px; text-align: center; width: 80px;}
				#mainnavigation a:hover{color: #FFF;}
			#mainnavigation a.current{background-color: #9D0053; color: #FFF;}

 #mainnavigation div { height:1px; clear:both; display:none;}

#mainnavigation ul:after {clear:both; content:'.';display:block;visibility:hidden;height:10px;}

#subnavigation{clear: left;  }
#subnavigation ul{list-style: none; margin-top: 0px; text-align: center; width: 100%;}
#subnavigation li{display: inline; margin-right: 5px;}
#subnavigation a{background: #FFF url(/Content.Node2/images/layout/subnav_bullet.gif) bottom left no-repeat; border: 1px solid #FFF; color: #D4A5B3; padding-left: 8px;}
	#subnavigation a:hover, #subnavigation a.current{background-image: url(/Content.Node2/images/layout/subnav_current_bullet.gif); color: #9D0053;}			
			

#content{border-top: 2px solid #DDD; clear: both; margin-top: 10px;}
	.column{float: left; padding: 5px;} /* eine Spalte ist immer class="column" und je nach gewnschter Breite wird die Klasse fr die Breite ergnzt z.B. class="column two" */
	.row{clear: both; border-bottom: 2px solid #DDD; width: 100%; overflow: hidden;} /* umschliet jeweils beliebig viele Spalten */
			.one{width: 155px;}
			.two{width: 325px;}
			.three{padding-left: 20px; width: 475px;}
			.complete{margin: 0; width: 665px;}
			.right{text-align: right;}
			.no_border{border: none;}

	#content .two img, #content .three img{clear: right; float: right; margin-left: 10px; margin-bottom: 5px;}
	


	/* -- normale Inhalts Elemente -- */
	#content h2, #header_content h2{font-size: 210%;}
	#content h3, #header_content h3{font-size: 150%;}
	#content h4{font-size: 100%; font-weight: bold; line-height: 140%;}
	#content h2 a{padding: 0;}
	#content p{margin-bottom: 15px;}
		#content p.error{color: #F80;}
			#content p.newsletter label{width: 60px; font-weight: bold; margin: 0 10px 0 0;}
		#content p.add2calendar a{background: transparent url(/Content.Node2/images/layout/hcalendar.png) top left no-repeat; color: #999; padding: 0 0 10px 35px;}
			#content p.add2calendar a:hover{color: #666;}
	#content strong{font-weight: bold;}
	#content em{font-style: italic;}
	/* -- Schrift Farbe fr die einzelnen Events -- */
	#content .ballett, #content .ballett a{color: #005782; padding: 0;} 
		#content .ballett a:hover, #content .spezial a:hover, #content .musical a:hover, #content .operette a:hover, #content .oper a:hover{color: #333;}
	#content .oper, #content .oper a{color: #9CA6A7; padding: 0;}
	#content .operette, #content .operette a{color: #9D0053; padding: 0;}
	#content .musical, #content .musical a{color: #86A10B; padding: 0;}
	#content .spezial, #content .spezial a{color: #462b10; padding: 0;}
	#content .grey{color: #9CA6A7;}
		#content h4.grey{margin: 5px 0 2px 0;}
	#content a{color: #000;}
		#content p a{color: #9D0053;}
		#content p a:hover{color: #333;}
		#content .no_icon{padding-left: 0; background-image: none;}
		#content a.print{background: transparent url(/Content.Node2/images/layout/print.gif) bottom left no-repeat; color: #000; padding-left: 15px; display:none;}
		#content a.pdf{background: transparent url(/Content.Node2/images/layout/print.gif) bottom left no-repeat; color: #000; padding-left: 15px;}
		#content a.video{background: transparent url(/Content.Node2/images/layout/video.gif) bottom left no-repeat; color: #000; padding-left: 15px;}
		#content a.audio{background: transparent url(/Content.Node2/images/layout/audio.gif) bottom left no-repeat; color: #000; padding-left: 15px;}
	#content .cast{list-style: none;} 
		#content .cast strong{display: block; float: left; font-weight: bold; width: 150px;}
		#content .cast li{clear: left;}
		#content .cast a{color: #333;}
			#content .cast a:hover{color: #000; text-decoration: underline;}
			
	/* -- Styles fr Formulare -- */
	#content .formular input, #content .formular textarea{font: 14px "Times New Roman", serif; color: #333; background-color: #FFF; border: 1px solid #CCC; padding: 2px; width: 120px;}
	#content .formular textarea{width: 300px;}
	#content .formular .submit{background-color: #CCC; color: #FFF; font-weight: bold;}
	#content .formular .small{border: none; width: 10px;}
	
	.no_checkbox_border input{border: none;}

	/* -- wird zur Komplementierung der Micorformats verwendet, aber nicht angezeigt -- */
	#content .location{display: none;}

	/*  -- Styles fr die Galerie eines Events -- */
	.gallery_detail{float: left; margin: 0 3px 3px 0;}
		.gallery_detail a img{padding: 2px; width: 155px;}
		.gallery_detail a:hover img{background-color: #CCC;}
		
	/* -- Tabelle fr die weiteren Termine auf der Spielplan-Detailseite -- */
	.further_dates th{font-size: 110%; font-weight: bold; padding: 12px 0 8px 0;}
		.further_dates .day{width: 15px;}
		.further_dates .weekday{width: 70px;}
		.further_dates .starttime{width: 80px;}
		.further_dates .ticket{background: #FFF url(/Content.Node2/images/layout/tickets.gif) bottom left no-repeat; width: 70px;}
			.further_dates .ticket a{margin-left: 15px;}
		.further_dates .cast{width: 70px;}
		
	/* -- persnliches Zentrum -- */
	#user_center .edit{background: transparent url(/Content.Node2/images/layout/edit.gif) bottom left no-repeat; color: #9D0053; padding-left: 15px;}
	#user_center .delete{background: transparent url(/Content.Node2/images/layout/delete.gif) bottom left no-repeat; color: #9D0053; padding-left: 15px;}
	#user_center .comment{background: transparent url(/Content.Node2/images/layout/comment.gif) bottom left no-repeat; color: #9D0053; padding-left: 15px;}
	#user_center .info{background: transparent url(/Content.Node2/images/layout/info.gif) bottom left no-repeat; color: #9D0053; padding-left: 15px;}
	#user_center .new{background: transparent url(/Content.Node2/images/layout/new.gif) bottom left no-repeat; color: #9D0053; padding-left: 15px;}
	
	#user_center .operette{background-image: none;}
	#user_center a:hover{color: #333;}
	#user_center label{font-weight: bold; display: block; margin: 10px 0 2px 0;}
	
	#user_center li.info{list-style-image: url(/Content.Node2/images/layout/edit.gif);}
	#user_center li.comment{list-style-image: url(/Content.Node2/images/layout/comment.gif);}
	
	/* -- Styles fr den Kalender im persnlichen Zentrum -- */
	#calendar{}
	#calendar table, #calendar select{border: 1px solid #666; background-color: #FFF; font: 11px "Lucida Sans Unicode", Arial, sans-serif;  width: 100%;}
		#calendar th{text-align: center; font-weight: bold; padding: 3px 0 5px 0;}
			#calendar th a:hover{color: #D4A5B3;}
		#calendar tr.weekdays td{background-color: #666; padding: 2px 0; color: #FFF;}
		#calendar td{border-color: transparent; font-size: 10px; padding: 4px 3px;}
		#calendar td{border-color: transparent; font-size: 10px; padding: 4px 3px;}
		#calendar .notthismonth{color: #AAA;}
		#calendar #today{background-color: #DDD; font-weight: bold;}
		#calendar #filled{color: #9D0053; font-weight: bold;}
			#calendar #filled:hover{color: #D4A5B3;}
			#calendar #today a:hover{color: #333;}
			#calendar a:hover{color: #9D0053;}
		
	
/* -- Table fr die Spielplanliste -- */
	#events{border-collapse: collapse;}
	#events tr.weekend, #events tr.weekend td{background-color: #EAEAEA;} /* -- td fr ie 6- --*/
	#events tr.saturday td, #events tr.saturday th{border-bottom: 1px solid #FFF;}
	#events td, #events th{border-bottom: 2px solid #DDD; color: #9CA6A7; padding: 2px 2px 0 2px;}
	#events th{text-align: right; width: 80px}
		#events th strong{color: #333;}
	#events td.day{font-size: 500%; text-align: center; width: 80px}
		#events td.eventart_operette{background: transparent url(/Content.Node2/images/layout/eventart_operette.gif) bottom center no-repeat;}
		#events td.eventart_oper{background: transparent url(/Content.Node2/images/layout/eventart_oper.gif) bottom center no-repeat;}
		#events td.eventart_musical{background: transparent url(/Content.Node2/images/layout/eventart_musical.gif) bottom center no-repeat;}
		#events td.eventart_ballett{background: transparent url(/Content.Node2/images/layout/eventart_ballett.gif) bottom center no-repeat;}
		#events td.eventart_spezial{background: transparent url(/Content.Node2/images/layout/eventart_spezial_neu.gif) bottom center no-repeat;}
		#events td.eventart_kein{background: transparent bottom center no-repeat;}
	#events td.summary{font-size: 200%; width: 225px;}
		#events td.kein{font-size: 130%;}
		#events div.untertitel{font-size: 65%;}
	#events td.description{color: #333; padding: 0; width: 275px;}


	/* -- Spielplansortierung nach Monaten fr die Saisonvorschau -- */
	.spielplannavigation{background-color: #DDD; font-size: 90%; padding: 5px 10px;}
		.spielplannavigation strong{color: #666;}
		#content .spielplannavigation a{color: #999; padding: 10px 12px;}
		#content .spielplannavigation a:hover{background-color: #EEE; color: #666;}
		.spielplannavigation ul{text-align: center; width: 100%;}
			.spielplannavigation li{display: inline;}
		#spielplansort li{display: inline; padding: 0 10px;}
	

		
	

	/* -- Startseite -- */
	/* -- Box fr Ankndigungen oben -- */
	#header_content{border-left: 5px solid #FFF; height: 160px; float: right; padding: 20px; overflow: hidden; }
		.single{width: 125px;}
		.double{width: 295px;}
		#header_content h2{font-size: 260%;}
		#header_content h3{margin-top: 3em;}
		#header_content ul{float: left;}
			#header_content ul.sort_eventart{margin-right: 40px;}
				#header_content ul.sort_eventart li{float: left; width: 60px;}
			#header_content ul a{color: #FFF; font-weight: bold;}
		#header_content em{display: block; font-style: italic;}
		#header_content .show{margin-top: 0.8em;}
		

		#conten p.links{bottom: 0; position: absolute;} /* TODO: unten ausgerichtet */     
		#content p.links a, #content p.more a, #content a.more, ul.links a{background: transparent url(/Content.Node2/images/layout/more_bullet.gif) top left no-repeat; color: #333; margin: 0; padding-left: 8px;}
			#content p.links a:hover, #content p.more a:hover, a.more:hover{background: #FFF url(/Content.Node2/images/layout/more_hover_bullet.gif) top left no-repeat; color: #666; padding-left: 8px;}
			#content ul.links{list-style: none; text-align: right;}
	#content p.more{text-align: right;}

	/* -- Box mit grerer berschrift links unten -- */
	#promobox{height: 100%; padding: 10px 20px; width: 290px;}
		#promobox h3{font-size: 160%;}
		#promobox h4{font-size: 320%;}
		/* -- Genre-Farben im Hintergrund -- */
	 	.bg_ballett{background: #005782 url(/Content.Node2/images/layout/important_ballett.jpg) top left no-repeat; color : #FFF;}
		.bg_ballett_farbe{background-color: #005782; color: #FFF;}
		
		.bg_oper{background: #9CA6A7 url(/Content.Node2/images/layout/important_oper.jpg) top left no-repeat; color : #FFF;}
		.bg_oper_farbe{background-color: #9CA6A7; color: #FFF;}

		.bg_operette{background: #9D0053 url(/Content.Node2/images/layout/important_operette.jpg) top left no-repeat; color : #FFF;}
		.bg_operette_farbe{background-color: #9D0053; color: #FFF; }
		
		.bg_musical{background: #86A10B url(/Content.Node2/images/layout/important_musical.jpg) top left no-repeat; color : #FFF;}
		.bg_musical_farbe{background-color: #86A10B; color: #FFF;}
		
		.bg_spezial{background: #462b10 url(/Content.Node2/images/layout/important_spezial_neu.jpg) top left no-repeat; color : #FFF;}
		.bg_spezial_farbe{background-color: #462b10; color: #FFF;}
		
		.bg_ballett .ballett, .bg_oper .oper, .bg_operette .operette, .bg_musical .musical, .bg_spezial .spezial{color: #FFF;}		
		
		/* -- auch der mehr Links muss wei sein -- */
		#promobox.bg_ballett a.more, #promobox .bg_oper a.more ,  #promobox .bg_operette a.more,  #promobox.bg_musical  a.more, 
		#promobox.bg_spezial a.more , #header_box a:hover, #header_content a.more 
		{background:  transparent url(/Content.Node2/images/layout/white_more_bullet.gif) bottom left no-repeat; color: #FFF; padding-left:8px;}

		
#sidebar{color: #000; font: 9px "Verdana", "Arial", "Helvetica", sans-serif; width: 156px; }
	#sidebar a{color: #000;}
	#sidebar a:hover{color: #F33;}
	#sidebar ul{margin: 5px 10px; padding: 5px 0;} /*edited by em */
	#sidebar ul#holding { margin: 5px 0; padding: 5px 0; }
	#sidebar li{list-style-image: url(/Content.Node2/images/layout/sidebar_border_left.gif); margin: 0 0 8px 12px; }
		#sidebar li.schnelle_spielplansuche{list-style-image: url(/Content.Node2/images/layout/schnelle_spielplansuche.gif);}
		#sidebar li.erweiterte_spielpansuche{list-style-image: url(/Content.Node2/images/layout/schnelle_spielplansuche.gif);}
		#sidebar li.adresse_anfahrt{list-style-image: url(/Content.Node2/images/layout/adresse_anfahrt.gif);}
		#sidebar li.kartenverkauf{list-style-image: url(/Content.Node2/images/layout/kartenverkauf.gif);}
		#sidebar li.internet_kartenverkauf{list-style-image: url(/Content.Node2/images/layout/internet_kartenverkauf.gif);}
		#sidebar li.bundestheater_card{list-style-image: url(/Content.Node2/images/layout/bundestheater_card.gif);}
		#sidebar h2 a{background: #FFF url() top left no-repeat; display: block; height: 30px; width: 156px;}

		#sidebar h4.newsletter{background: transparent url(/Content.Node2/images/layout/newsletter.gif) bottom left no-repeat; padding-left: 20px;} /* edit by em: von 15 auf 20 px gendert */
		#sidebar h4.calendar{background: transparent url(/Content.Node2/images/layout/personal_calendar.gif) bottom left no-repeat; padding-left: 20px;}
		#sidebar li.pressezentrum{list-style-image: url(/Content.Node2/images/layout/newsletter.gif); }
		#sidebar li.kontakt{list-style-image: url(/Content.Node2/images/layout/kontakt.gif);}
	#sidebar h4{font-weight: bold; padding: 3px 0;}
	/* #sidebar hr{background-color: #DDD; border: 1px solid #DDD; height: 0; width:156px; margin:0; padding:0;offset:0;} */
	#sidebar hr { color:#DDD; background-color: #DDD; height:1px; border:0; }
	
#sidebar #languageswitch li{margin-bottom: 2px;}
	
	
#sidebar #personal_services{border: 1px solid #DDD; padding: 3px; padding-top: 0;}
/* #sidebar #personal_services li{margin-left: 20px;} */
#sidebar #personal_services ul{padding-bottom: 0; margin-left:5px;}
#sidebar #personal_services h3{border-bottom: 1px solid #DDD; font-weight: bold; margin: 0 -3px; padding: 4px;}

/* start em */
#sidebar #personal_services p { line-height:14px; }	 /* em */
 #sidebar #personal_services li { padding-left:0px;vertical-align:middle; } /* override by em */

/* end em */
#sidebar #holding {border-left: 1px solid #DDD; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; padding-top: 0;}
#sidebar #holding .bth{margin-left: 0;}
#sidebar #holding .bth a{border-bottom: 1px solid #DDD; display: block; font-weight: bold; color: #900; padding: 3px 4px;}
	#sidebar #holding .bth a:hover{color: #000;}
#sidebar #holding li{list-style-image: none; margin-left: 17px; margin-bottom: 3px;}
#sidebar #holding a{color: #CCC; font-weight: bold;}
	#sidebar #holding a:hover{color: #999;}

#sidebar #sponsor h3{margin-top:10px; margin-bottom:5px;}

/* everything below is by em */
#sidebar #search form input[type=submit] { background-color:white; font-weight:bold; border:0; font-weight:bold;}

	#sidebar #search_field { margin-top:5px;width:100px; border:#000000 rgb(204, 204, 204) rgb(204, 204, 204) rgb(0, 0, 0) solid 1px;}
		
	  #paging { width: 675px;margin:0px;padding:0;  }
 #paging a , #paging p { display: block; float: left; margin: 0; padding: 0; text-align:center; }
 #paging a {   }
 #paging p { width: 275px; text-align: center;  }
 #paging .prev { width:100px; text-align:center;}
 #paging .next { width:100px; text-align:center;}
 #paging .first { text-align:left; width:100px;}
 #paging .last { text-align:right; width:100px;}
 #events { clear:both; }
 #spielplansuche #datum1, #spielplansuche #datum2 { width:100px; }
 #spielplansuche input[type=submit] { background-color:white; border:0; float:right; }	

/* -- Thickbox fr Fotos und Galerien -- */
#TB_navi { padding:5px 0 10px 25px; }
#TB_closeWindowButton { padding-right:20px; background: transparent url(/Content.Node2/images/layout/close_small.gif) top right no-repeat; }
#TB_closeWindowButton:hover { background:transparent url(/Content.Node2/images/layout/close_small.gif) bottom right no-repeat;}
#TB_window { /* Times new Roman __ ernst */
  font: 12px "Verdana", "Georgia", serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#888;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
 
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_window a:link, #TB_trenner{color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover, #TB_trenner:hover {color: #000;}
#TB_window a:active, #TB_trenner:active {color: #666666;}
#TB_window a:focus,, #TB_trenner:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
  height:100%;
  width:100%;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight _ 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  /* margin: 15px 0 0 15px; */
  margin:10px auto;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  
}

#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height_2 0 0 -width_2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight _ 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

/* Newsletter */
.textweiss strong {
	font-weight:bold;
}
.textweiss em {
	font-style:italic;
}
.textweiss p {
	margin-bottom:15px;
}
.bth_logo{
  background-image:url(/Content.Node2/images/layout/holding_logo.gif);
  background-position:left top;
  background-repeat:no-repeat;
  width:156px;
  height:30px;
  margin-bottom:65px;
}
.bth_logo span{
  display:none;
}
