/*
	-- Print CSS für volksoper
	-- © 2007 getdesigned.at

	# Abmessungen
	Breite Layout(fix)			680px 
	Breite für eine Spalte:		165px
	Abstand zwischen Spalten:	  5px
	Höhe Header:				200px
	Hauptnavigation Höhe:		 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
*/

/* -- 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: 11pt "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;}
/*grids.css body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.3em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;min-width:950px;}#doc3{margin:auto 10px;width:auto;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-g .yui-u,.yui-g .yui-g,.yui-gc .yui-u,.yui-gc .yui-g .yui-u,.yui-ge .yui-u,.yui-gf .yui-u{float:right;display:inline;}.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g{width:49.1%;}.yui-g .yui-g .yui-u,.yui-gc .yui-g .yui-u{width:48.1%;}.yui-gb .yui-u,.yui-gc .yui-u,.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge .yui-u{width:24%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-gf div.first{width:24%;}.yui-ge div.first{width:74.2%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}*/

body{background-color: transparent; color: #000;}
a{text-decoration: none;}
.invisible{visibility: visible;}

/* -- Verhindert den Seitenumbruch nach einer Überschrift -- */
h1, h2, h3, h4, h5, h6 {page-break-after: avoid;}

/* -- hängt nach einem Link die Adresse an, auf die er verweißt -- */
#content p a:link:after, #content p a:link:visited:after {background: transparent;  color: #666; content: " (Link auf <" attr(href) ">) "; font-size: 80%;}
#content p a[href^="_"]:link:after {content: " (Link auf <http:__www.volksoper.at" attr(href) ">) ";}

/* -- 2 Spalten für Inhalt und BTH Sidebar -- */
#container{margin: 0; padding: 0; width: 100%;}
#sidebar{display: none;}

/* -- Innerhalb des Containers für den Inhalt -- */
/* -- Innerhalb des Containers für den Inhalt -- */
.print_header{background-color: none; background-image: none;}
#header, #header *{margin: 0; color: #333; background-image: none; background-color: transparent; text-align: left; height: 30px; position: absolute: top: 0;}
	#header_box{color: #333; clear: both; width:100%; margin: 0;}
		#header_box h1{background-image: none; border-bottom: 1px dotted #9D0053; border-top: 5px solid #9D0053; color: #333; display: block; font-size: 32px; font-weight: bold; height: 30px; padding: 6px 12px; width: 100%;}
		#header_box h2{display: none;}
		#header_box p, #header_box h2{display: none;}
		#header_box a, #header_content .more a{display: none;}
			/* -- VOP Logo in den Genre Farben -- */
			#header .ballett h1, #header .oper h1, #header .operette h1, #header .musical h1, #header .spezial h1{background-image: none;}
			#header .ballett p, #header .ballett h2{background-image: none;}
			#header .ballett a, a.ballett{background-image: none; color: #53A7D1; padding-left: 8px;}

#mainnavigation, #subnavigation{display: none;}
/*
#mainnavigation{float: left; background-color: #D4A5B3; padding: 5px 0 5px 5px;}
		#mainnavigation a, #subnavigation a{display: none; float: left; }
		#mainnavigation a.current, #subnavigation a.current{background-color: #D4A5B3; background-image: none; color: #FFF; display: block; float: left; padding: 0; text-align: left;}

#subnavigation, #subnavigation *{background-color: #D4A5B3; float: right; padding: 0 5px 5px 5px;}
*/




#content{clear: both; position: absolute; top: 58pt; width: 100%}
	.column{float: left; padding: 3pt;} /* eine Spalte ist immer class="column" und je nach gewünschter Breite wird die Klasse für die Breite ergänzt z.B. class="column two" */
	.row{clear: both; border-bottom: 2pt solid #DDD; width: 100%; overflow: hidden;} /* umschließt 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{clear: right; float: right; margin-left: 10px; margin-bottom: 5px;}
	.further_dates .ticket{background-image: none; padding: 0;}
	


	/* -- 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: 15pt;}
	#content p+p{margin-top: -15pt; text-indent: 25pt;}
		#content p.add2calendar a{display: none; }
	#content strong{font-weight: bold;}
	#content em{font-style: italic;}
	/* -- Schrift Farbe für die einzelnen Events -- */
	#content .ballett, #content .ballet 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: #F4C800; padding: 0;}
	#content .grey{color: #9CA6A7;}
		#content h4.grey{margin: 5px 0 2px 0;}
	#content a{color: #000;}
	#content p a{padding-left: 8px;}
		#content a.print, a.video, a.audio{background-image: none; padding-left: 0;}
	#content .cast{list-style: none;} 
		#content .cast strong, strong.block{display: block; float: left; font-weight: bold; width: 120px;}
		#content .cast a{color: #333;}f
			#content .cast a:hover{color: #000; text-decoration: underline;}

	/* -- wird zur Komplementierung der Micorformats verwendet, aber nicht angezeigt -- */
	#content .location{display: none;}

	/*  -- Styles für 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;}




	/* -- Box für Ankündigungen oben | wird für eine Art Breacrumb Anzeige verwendet -- */
	#header_content{border-left: none; background-color: transparent; height: 0; padding: 0; margin:0; position: absolute; top: 43pt;}
	#header_content *{margin: 0; padding: 0;}
		.single, .double{width: 100%;}
		#header_content h2{background-color: #D4A5B3; font: 10pt "Lucida Sans Unicode", sans-serif; font-weight: bold; height: 4pt; margin: 0; padding: 5pt;}
		#header_content h3, #header_content p{display: none;}
		#header_content ul{display: none;}
		#header_content em{font-style: normal; font-weight: bold; padding-left: 10px; display: inline;}
		#header_content em:before{content: " > ";}
		#header_content .show{margin-top: 0; display: none;}
	
/* -- Table für die Spielplanliste -- */
	#events{border-collapse: collapse;}
	#events tr.weekend, #events tr.weekend td{background-color: #EAEAEA;} /* -- td für 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: #333; 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.gif) bottom center no-repeat;}
	#events td.summary{font-size: 200%; width: 225px;}
	#events td.description{color: #333; padding: 0; width: 275px;}
		
	
		/* -- Spielplansortierung nach Monaten für die Saisonvorschau -- */
	.spielplannavigation, #spielplansort{display: none; padding: 0;}
		
 
		#content p.links a, #content p.more a, a.more{background-image: none; color: #333; margin: 0; padding-left: 8px;}
			#content p.links a:hover, #content p.more a:hover, a.more:hover{background-image: none; color: #666; padding-left: 8px;}
	#content p.more{text-align: right;}

	/* -- Box mit größerer Überschrift links unten -- */
	#promobox{height: 100%; padding: 10px 20px; width: 290px;}
		#promobox h3{font-size: 140%;}
		#promobox h4{font-size: 280%;}
		/* -- Genre-Farben im Hintergrund -- */
	 	.bg_ballett{background-image: none;}
		.bg_oper{background-image: none;}
		.bg_operette{background-image: none;}
		.bg_musical{background-image: none;}
		.bg_spezial{background-image: none;}
		/* -- auch der mehr Links muss weiß sein -- */
		#content .bg_ballett p.more a, #content .bg_oper p.more a, #content .bg_operette p.more a, #content .bg_musical p.more a, #content .bg_spezial p.more a, #header_box a:hover, #header_content .more a{background-image: none; color: #FFF;}

		

		/* -- auch der mehr Links muss weiß sein -- */
		#content .bg_ballett p.more a, #content .bg_oper p.more a, #content .bg_operette p.more a, #content .bg_musical p.more a, #content .bg_spezial p.more a, #header_box a:hover, #header_content .more a{background-image: none; color: #FFF;}