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

	Bar jeder Vernunft (v1.6.5)
	Start: 12.09.2007

	FARBEN
	#7a480f		Textfarbe (body)
	#dc241f		Rot (Links, Textfeldrahmen:focus)
	#e7ce8f		dunkles Blau (HG-Farbe, Trennlinien)
	#7a480f		helles Blau (footer)
	#9cf		helles Blau (1. Absatz jeder Seite)
	#e3c781		Tabellen:hover
	#cb9f57		dunkles Hellblau (Tabellenkopftrennlinien, .bar-Trennlinie)
	#f2e4c3		Tabellentrennlinien
	#545366		Textfeld: Text, deaktiviert
	#f3f2ff		Textfeld: Hintergrund, deaktiviert
	#fff		Textfeld: Hintergrund, aktiviert (:focus)
	#2c446a		Guestbook HG-Farbe
	

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////// GENERAL ////////////////////////////////////// */

body { color: #7a480f; font-family: Geneva, Arial, Helvetica, sans-serif; background: #e7ce8f url(content-bg.jpg) repeat-y; }

h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; line-height: 1em; font-weight: normal; margin-bottom: .5em; }
h1, h2, h3 { color: #784903; }
h2, h3 { font-style: italic; }
h1 { font-size: 3.6em; letter-spacing: -.025em; text-transform: uppercase; }
h1 a { color: #784903; }
h1, h4 { }
h2 { font-size: 2.6em; }
h2 em { font-size: .8em; line-height: 1em; }
h3 { font-size: 1.8em; margin-bottom: .5em; }
h4 { font-size: 1.5em; }

p a, li a, td a, tbody th a { color: #fff; background-color: #cb9f57; }
p a:hover, li a:hover, td a:hover, tbody th a:hover { background-color: #bc873c; }
th a { color: #7a480f; }
th a:hover { color: #7a480f; }
/*a[href^="http://"]:not([href*="bar-jeder-vernunft.de"])::after { content: "\2197"; } /* externe Links bekommen einen Pfeil (von links unten nach rechts oben) */
span a, span a:hover, span a img, span a:hover img { background: none !important; padding: 0 !important; border: 0 !important; }

strong { font-weight: bold; }
em { font-style: italic; }

abbr { border-bottom: 1px dotted; cursor: help; }

thead { font-weight: normal; }
thead em { font-size: .8em; font-style: normal; }
/*thead h4, thead th h4 { color: #0f0; } /* Bitte besser lösen */
thead th { font-size: 1.4em; }
tr:hover td, tr:hover th { background-color: #e3c781; }
thead tr:hover td, thead tr:hover th { background-color: transparent; }
td, th { padding: .3em 0; border-bottom: 1px solid #f2e4c3; }


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////// LAYOUT ////////////////////////////////////// */

#head { width: 775px; height: 182px; position: relative; background: url(head-bg.png) no-repeat 5px bottom; overflow: hidden; }

#logo { position: absolute; left: 14px; top: 23px; }
#logo h1 { width: 144px; height: 96px; background: url(logo.png) no-repeat; text-indent: -999em; cursor: pointer; }

#key { width: 610px; height: 47px; background: url(collage.jpg) no-repeat; position: absolute; top: 0; left: 170px; }

#navi { width: 610px; height: 130px; position: absolute; top: 52px; left: 170px; }
#navi li { font-family: Georgia, "Times New Roman", Times, serif; float: left; text-align: left; }
#navi a { display: block; background: transparent; }

#navi .meta { width: 610px; height: 12px; line-height: 12px; }
#navi .meta li { font-size: 1.2em; padding-right: 4px; border-right: 1px solid #ae7020; margin-right: 5px; }
#navi .meta a { color: #ae7020; }
#navi .meta a:hover { color: #a05804; }

#navi .main { width: 610px; height: 75px; position: absolute; top: 25px; left: 0; }
#navi .main ul { margin: 5px; }
#navi .main li { text-transform: uppercase; margin-right: 5px; margin-bottom: 5px; }
#navi .main a { font-size: 2.2em; color: #fff; background-color: #dc241f; padding: .014em .228em; }
#navi .main a:hover { background-color: #a05804; }

#navi a.xmas { background-image: url(xmas-bg.png); background-position: right center; background-repeat: no-repeat; padding-right: 1.6em; }
* html #navi a.xmas { background-image: none; padding: .014em .228em; } /* IE6 */

#footer { color: #7a480f; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; background: url(footer-bg.png) no-repeat 50% 100%; height: 4.7em; line-height: 4.7em; margin: 0 auto; }
#footer a { color: #7a480f; background-color: transparent; border-bottom: 0; }
#footer a:hover { color: #dc241f; border-bottom: 1px dotted #dc241f; }

* html #imprint { background: none !important; }

/* ---------------------------------------------------------------------------------------------------- */
/* ///////////////////////////////////////////// TABLES /////////////////////////////////////////////// */
/* ---------------------------------------------------------------------------------------------------- */

tr.smallprint td { font-size: .8em; }

.guestbook thead { border-bottom: 1px solid #bc873c; }
.guestbook thead em { color: #bc873c; font-size: .8em; font-style: normal; padding-left: 1.5em; background: url(ico-clock.gif) no-repeat 0 50%; }
.guestbook td { border: none; }
.guestbook td, table.guestbook tr:hover td { padding: .5em; background: #e0c281; }

.navi { font-size: 1.1em; color: #bc873c; text-align: center; line-height: 1.6em; height: 1.6em; background: #e0c281; margin-bottom: 1em; overflow: hidden; }
.navi a { padding: 0 .5em; }
.navi strong { font-weight: bold; font-size: 1.1em; color: #fff; padding: .5em; background: #dc241f; }

.press td { padding: .25em .5em .25em 0; }
.press thead em { color: #b38b4d; }
table.press img { border-width: .3em !important; margin: .2em 1em 1em 0 !important; } /* berschreibt die Standard-Image-Formatierung */

.schedule td, .ticket td { padding-right: .3em !important; }
.schedule th, .ticket th { font-size: 1.4em; }
.schedule td a, .ticket td a { color: #7a480f; background-color: transparent; }
.schedule td a:hover, .ticket td a:hover { color: #dc241f; }

.advance-sale { color: #ad7934; font-style: italic; }

.special a { color: #fff !important; background-color: #dc241f !important; }
.special a:hover { background-color: #dc241f !important; }

.ticketlink { color: #fff7e5 !important; background-color: #cb9f57 !important; font-weight: bold; }
.ticketlink:hover { color: #fff !important; background-color: #dc241f !important; }

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////// CONTENT ////////////////////////////////////// */

#content { padding: 2em 1em; text-align: left; }
* html #content { padding: 2em 3em 5em 1em; }
#content p, #content ul, #content ol, #content table { font-size: 1.4em; line-height: 1.3em; margin-bottom: 1.5em; }
#content ol li { list-style: outside decimal; margin-left: 1.5em; }
#content img { background-color: #fff; padding: 9px; border: 1px solid #e0c281; border-bottom-color: #c7ac73; margin: .4em 0 .75em 1.5em; float: right; }

table.sponsor { line-height: .5em; }
.sponsor td { padding-bottom: 10px; border: 0; width: 50%; text-align: center; vertical-align: middle; }
.sponsor tr:hover td { background: none; }
.sponsor a, .sponsor a:hover, .sponsor a:visited { background: none; padding: 0; border: none; margin: 0; }
#content .sponsor img { background: none; padding: 0; border: 0; margin: 0; float: none; }
.sponsor .smallprint { font-size: .8em; }

.gallery { text-align: center; color: #BC873C; float: left; margin-right: 10px; width: 48%; }
#content div.gallery img { margin: 0; }


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////// METANAVI ///////////////////////////////////// */

#metanavi { font-size: 1em; text-transform: uppercase; margin: 2em 0; }
#metanavi ul { font-size: 1.2em; list-style: none; }
#metanavi li { line-height: 1.6em; height: 1.6em; border-bottom: 1px solid #f2e4c3; }

#metanavi a { color: #fff7e5; background: #cb9f57 url(ico_listDown.gif) no-repeat 1% 50%; padding-right: .5em; padding-left: 1.75em; display: block; }
#metanavi a:hover { background-color: #dc241f; }

* html #metanavi li { /* IE6 */ height: 1px; }


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////// TEAM /////////////////////////////////////// */

#team li { float: left; width: 48%; height: 8.5em; margin-right: .5em; }
#team a { color: #b37e36; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; background-color: transparent; padding: 0; }
#team em { font-style: normal; font-size: .8em; line-height: 1.2em; display: block; }
#team br { float: left; }
#team img { padding: 5px; margin: 0 6px 1em 0; width: 126px; height: 95px; float: left; }
#team a:hover img { border-color: #bc873c; }
#team .fake { color: #b37e36; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; }


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////// PROGRAMM ///////////////////////////////////// */
	
.program { background-color: #ecd8a5; padding: 1.5em; padding-bottom: .01em; margin-bottom: 2em; }
* html .program { width: 94.5%; } /* IE6 */
.program + .bar { margin: -2em auto 2em auto; }

.program h2, .program h2 a, .program h3, .program h3 a { color: #7a480f; }
.program h2 em, .program h2 a em, .program h3 em, .program h3 a em { color: #bc873c; }

.genre { color: #bc873c; font-style: italic; margin-bottom: .5em !important; }
.kurztext { padding-bottom: 6px; padding-top: 10px; }
.preis { font-size: 1.6em; }
.termin { margin-bottom: 0 !important; }
.premiere {
	font-size: 1.2em;
	color: #fff;
	text-transform: uppercase;
	background-color: #dc241f;
	display: inline;
	font-weight: bold;
	padding: 1px 3px 0 3px;
}

.tickets { font-weight: bold; background: url(ico_link-extern2.gif) no-repeat .2em 50%; padding-left: 1.2em; }
.tickets a { padding: .125em .25em; }

.info a, .program li a { color: #dc241f; background: url(ico_pfeil-rechts.gif) no-repeat .2em 50%; padding-right: .2em; padding-left: 1.2em; }
.info a:hover, .program li a:hover { color: #fff; background-color: #dc241f; }

.videosample.program  h2, .audiosample.program  h2 { margin-bottom: .5em; }


/*	///////////////////////////////////////////////////////////////////////////////////// */
/*	/////////////////////////////////////// PRESS /////////////////////////////////////// */

#press td { margin-right: .25em; }
#press tr:hover td { background-color: #e3c781; }
#press tr:hover th { background-color: transparent; }
#press img { border: 5px solid #fff; margin-bottom: .5em; margin-right: .5em; }


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////// SPECIALS ///////////////////////////////////// */
	
#specials { background-color: #ecd8a5; padding: 15px; }
#specials img { border: 6px solid #fff; margin: 12px 0 4px 10px; float: right; }


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////// PREISE ////////////////////////////////////// */

.preise thead { text-align: left; }
.preise th { width: 6em; text-align: right; border-bottom: 1px solid #fff; vertical-align: bottom; padding: .25em 0; }
.preise tr { padding-bottom: 1em; }
.preise td { border-bottom-style: dotted; padding: .25em 0; }
.preise h2 { font-size: 1.8em; }
.preise h3 { font-size: 1.4em; }
.preise h4 { font-size: 1.2em; font-weight: normal; }
.preise em { color: #a67532; font-weight: normal; }
.preise #top { border: none; }

.reduction { font-size: .86em; }


/* ---------------------------------------------------------------------------------------------------- */
/* ///////////////////////////////////////////// FORM ///////////////////////////////////////////////// */
/* ---------------------------------------------------------------------------------------------------- */

#form th { width: 8em; }

input, textarea, select { color: #545366; font-family: Geneva, Arial, Helvetica, sans-serif; background: #f3f2ff; padding: 0; border: 1px solid #cb9f57; margin: 0; }
input, textarea { padding: .2em; }
textarea { overflow: auto; overflow-x: hidden; height: 8em; }
input:focus, textarea:focus { color: #0a2b5b; background: #fff; border: 1px solid #dc241f; }

input[type=text], textarea { width: 20em; }
input[type=hidden] { display: none; }
input[type=radio] { vertical-align: middle; background: none; border: none; }

input[type=submit] { color: #fff; background: #cb9f57; border: none; width: 6em; }
input[type=submit]:hover { background: #dc241f; }

#contact { font-size: 1.4em; height: 1.6em; line-height: 1.6em; margin-bottom: 1em; }
#contact li { float: left; margin-right: .5em; padding-right: .5em; border-right: 1px solid #cb9f57; }


/* ---------------------------------------------------------------------------------------------------- */
/* ///////////////////////////////////////////// FREITEXT ///////////////////////////////////////////// */
/* ---------------------------------------------------------------------------------------------------- */

#freitext { font-size: 1.4em; margin-bottom: 1.5em; } /* unbedingt rausnehmen. ist noch irgendwo in der programmierung versteckt */

.freitext .klein { font-size: 1em; }
.freitext .gross { font-size: 1.5em; }


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////// MISC /////////////////////////////////////// */

#imprint { padding: 1em; background: url(../logo-vivomedia.png) no-repeat 98% 50%; height: 4em; border: 1px dotted #fff; }

table + .bar { margin: 0; margin-top: -2.1em; margin-bottom: 2em; }
.bar { font-size: 1em; color: #69c; border-top: 1px solid #cb9f57; margin: 2em 0; height: 1.4em; line-height: 1.4em; clear: both; }
.bar a { color: #fff; background-color: #cb9f57; padding-right: .25em; padding-left: 1.5em; }
.bar a:hover { background-color: #dc241f; }

.top, .top:hover,
.forward, .forward:hover
{ float: right; }

.back, .back:hover,
.print, .print:hover,
.close, .close:hover
{ float: left; }

.top { background-image: url(ico-top.gif); }
.top:hover { background-image: url(ico-top-o.gif); }

.back { background-image: url(ico-back.gif); }
.back:hover { background-image: url(ico-back-o.gif); }

.forward { background-image: url(ico-forward.gif); }
.forward:hover { background-image: url(ico-forward-o.gif); }

.print { background-image: url(ico-print.gif); }
.print:hover { background-image: url(ico-print-o.gif); }

.close { background-image: url(../ico-close-o.gif); }
/*.close:hover { background-image: url(../ico-close-o.gif); }*/

.folder { background-image: url(ico-folder-closed.gif); padding-left: 1.5em; }
.folder:hover { background-image: url(ico-folder-closed.gif); }

.pdf { background-image: url(ico-pdf.gif); }
.pdf:hover { background-image: url(ico-pdf-o.gif) }

.top, .top:hover,
.pdf, .pdf:hover,
.back, .back:hover,
.forward, .forward:hover,
.print, .print:hover,
.close, .close:hover,
.folder, .folder:hover
{ background-repeat: no-repeat; background-position: 2% 50%; }

p a.back { padding-right: .25em; padding-left: 1em; }

td.download { background-position: 0 .5em !important; padding-right: .25em; padding-left: 1.25em; width: 11em; }
td.download a:hover { background-color: #dc241f; }

.download { padding-right: .25em; padding-left: 1.25em; }
.download em { font-family: "Courier New", Courier, mono; font-size: .8em; }
.download { background-image: url(ico-download.gif); background-repeat: no-repeat; background-position: .2em 50%; }
.download:hover { }

.clear { clear: both; }
.center { text-align: center; } 
.error { color: #fff; background: #dc241f; padding: .25em; }
.highlight { color: #fff; font-weight: bold; background: #dc241f; padding: 0 .25em; }
.lucent { background: none; }
.no-border { border: 0; }
.obligate { font-weight: bold; }
.shout { text-transform: uppercase; }
.smallprint { font-size: 1em; }
.nowrap { white-space: nowrap; }

#content img.center { float: none; display: block; margin: auto; }
#content img.no-border { border: 0; }
#content img.lucent { background: none; }

#extra { top: 10px; right: 10px; }

.promo { background-color: #ffe49e; text-align: left; /*padding: 1.5em 1.5em .25em 1.5em;*/ margin: 2em 0; position: relative; overflow: hidden; }
.promo .deco { float: right; margin-left: 1em; margin-bottom: 1em; position: absolute; top: 0; right: 0; }
.promo img { background: none !important; padding: 0 !important; border: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
.promo .copy h1, .promo .copy h2, .promo .copy h3, .promo .copy h4 { padding: 1em 1em 0 1em; }
.promo .copy p, .promo .copy ul, .promo .copy ol { padding: 0 1em; }
.promo .smallprint { font-size: 1.1em; }
.promo .copy li { padding: .5em 0; border-bottom: 1px dotted #7A480F; }

.adbutton { position: absolute; }
.adbutton img { background: none !important; padding: 0 !important; border: 0 !important; margin: 0 !important; }

#content p a.pdf, #content li a.pdf, #content td a.pdf { padding-right: 1em; background-position: right 60%; }

.foo { list-style: circle; padding-left: 1em; }

/* MEDIA
----------------------------------------------------------------------------------------------------  */
.mediaspace { margin: 0 1px 3em 20px; float: right; }
.mediaspace img { padding-bottom: 15px; margin: 0 !important; float: none !important; }

.mediaspace .credit { color: #bf934c; font-size: .9em; margin-top: .2em; text-align: right; }

/* BUTTON
----------------------------------------------------------------------------------------------------  */
.button { color: #fff !important; margin-top: .25em; margin-right: .5em; height: 22px; line-height: 22px; font-weight: bold; }
.button:hover { color: #fff !important; }
.button, a[target=_blank].button { background-image: url(button.png) !important; background-position: right 0 !important; padding-right: 14px; display: block; float: left; }
* html .button { background-image: url(button.png) !important; background-position: right 0 !important; padding-right: 14px; display: block; float: left; } /* doppelt wg IE6 */
.button span { background: transparent url(button.png) no-repeat left 0; display: block; line-height: 22px; padding-left: 14px; } /*sliding doors padding */
.button:hover, a[target=_blank].button:hover { background-position: right -22px !important; }
* html .button:hover { background-position: right -22px !important; } /* doppelt wg IE6 */
.button:hover span { background-position: left -22px; }
.button, .button:hover, .button span, .button:hover span { border: 0 !important; } /* overwrites general a:hover rule */

.disabled, .disabled:hover { color: #7a480f !important; background-color: transparent; background-position: right -44px !important; }
* html span.disabled { background-position: right -44px !important; } /* IE6 */
.disabled span, .disabled:hover span { background-position: left -44px !important; }

.program .buy { line-height: 2.2em !important; height: 1em; white-space: normal; }
.program .buy strong { }