/* Allgemeines */
html, body, #multiWrapper {
    min-height: 100%;
	width: 100%;
	height: 100%;
}

html>body, html>body #multiWrapper {
	height: auto;
}

body {
    background: #621124 url(../img/global_bg.jpg) no-repeat 0 17px;
    color: #fff;
    font: 100% arial,helvetica,sans-serif;
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

form {
    margin: 0;
    padding: 0;
}

hr {
    float: none;
    clear: both;
    height: 1px;
    color: #666666;
    background-color: #666666;
    border: 0;
}

p {
    padding-left: 1px;
}

a:link,
a:visited {
    text-decoration: underline;
    color: #fff;
}

a:focus,
a:hover,
a:active {
    text-decoration: underline;
}

/* Allgemeine Klassen    * * * * * * * * * * * * * * * * * * * */
.pfad {
     display: none;
}

.kleiner {
    font-size: 90%;
}

.rechtsbuendig {
    text-align: right;
}

.unsichtbar {
    position: absolute;
    left: -6000px;
    top: -6000px;
    width: 0px;
    height: 0px;
    overflow: hidden;
    display: inline;
}

.floatAus {
    float: none;
    clear: both;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    font-size: 0px;
    line-height: 0px;
}

.floatright {
    float: right;
}

.registered {
    font-size: 60%;
    vertical-align: top;
    line-height: 1px;
}

html>body .registered {
    vertical-align: super;
}

/* Backtotop Target */
a#oben { display: none; }


/* Bilder    * * * * * * * * * * * * * * * * * * * * * */
img.multiBildLinks90px {
    float: left;
    /* width: 90px; */
    width: 5.625em;
    height: 5.625em;
    margin: 4px 10px 4px 0;
}

img.multiBildLinks110px {
    float: left;
    /* width: 110px; */
    width: 6.875em;
    height: 6.875em;
    margin: 4px 15px 4px 0;
}

img.multiBildLinks200px {
    float: left;
    /* width: 200px; */
    width: 12.5em;
    height: 12.5em;
    margin: 4px 15px 4px 0;
}

#multiWrapper {
	position: absolute;
	top: 0;
    left: 0;
}


/* HomeBuehne    * * * * * * * * * * * * * * * * * * * * */
#HomeBuehne {
    padding: 8.5em 0 0 1.5em;
}

#HomeBuehne h3 {
    font-weight: normal;
    font: 140% 'Times New Roman',Times,serif;
    margin: 0 0 0.5em 0;
    padding-top: 1em;
    position: relative;
    z-index: 2;
}


/* multiLinklisteExtended    * * * * * * * * * * * * * * * * * * * * */
#HomeBuehne dl.multiLinklisteExtended {
    position: relative;
    z-index: 5;
    width: 27em;
}

#HomeBuehne dl.multiLinklisteExtended dt {
    float: left;
    font-size: 75%;
    font-weight: bold;
    width: 15em;
    padding: 5px 5px 5px 0;
}

#HomeBuehne dl.multiLinklisteExtended dd {
    font-size: 75%;
    padding: 5px 5px 5px 0;
}

#HomeBuehne dl.multiLinklisteExtended a:link,
#HomeBuehne dl.multiLinklisteExtended a:visited {
    text-decoration: none;
}

#HomeBuehne dl.multiLinklisteExtended a:focus,
#HomeBuehne dl.multiLinklisteExtended a:hover,
#HomeBuehne dl.multiLinklisteExtended a:active {
    text-decoration: underline;
}

/* Bereichsvisual    * * * * * * * * * * * * * * * * * * * * */
#multiBereichsVisual {
    position: absolute;
    top: 9em;
    left: 0;
/*    height: 30.5em;*/
    z-index: 1;
    overflow: hidden;
    background: url(../img/home_subbg_verlauf.jpg) repeat-x 100% 100%;
	width: 100%;
}

#multiBereichsVisual img {
/*    width: 64.5em;
    height: 30.5em;*/
}

/* multiTeaserLinks    * * * * * * * * * * * * * * * * * * * * */
.multiTeaserLinks { z-index: 5; position: relative; }

/* IE */
* html .multiTeaserLinks {
    height: 1%;
}

.multiTeaserLinks .bild {
    float: left;
    clear: both;
    width: 110px;
}

.multiTeaserLinks .text {
    float: left;
    width: 290px;
    /*width: 18.125em;*/
}

.multiTeaserLinks p {
    font-size: 75%;
    line-height: 130%;
    margin: 0;
    padding: 0px 0 8px 1px;
}

hr.multiTeaserLinks {                         /* fuer IEs */
    width: 290px;
    margin: 2px 0 2px 110px;
}

html>/**/body hr.multiTeaserLinks {                 /* fuer Mozillas und Netscape */
    margin: 10px 0 10px 110px;
}


#multiPkBuehneLinks.schmal hr.multiTeaserLinks {
    width: 270px;
}


/* multiStage    * * * * * * * * * * * * * * * * * * * * */
#multiStage {
    width: 62.5em;
}

/* multiBuehneSH    * * * * * * * * * * * * * * * * * * * * */
#multiBuehneSH {
    padding: 5em 0 0 0;
    width: 48.3em;
	margin-bottom: 123px;
	height: auto;
    float: right;
}

#multiBuehneSH h1 {
    font: 130%/110% 'Times New Roman',Times,serif;
    margin: 0 0 0.6em 0;
}

#multiBuehneSH p {
    font: 70%/140% arial,helvetica,sans-serif;
    margin: 0.8em 0 0.8em 0;
}


/* multiFunktionsbuttons * * * * * * * * * * * * * * * * * * */
#multiFunktionsbuttons {
    margin: 9.5em 0 0 10px;
    float: left;
}

#multiFunktionsbuttons h4 {
    font-size: 64%;
    margin: 0;
    padding: 2em 0 0.5em 0;
    font-weight: normal;
    text-transform: uppercase;
}

#multiFunktionsbuttons ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#multiFunktionsbuttons li {
    list-style: none;
    text-align: left;
    margin: 0 0 0 0;
    padding: 0;
    font-size: 65%;
    line-height: 1.3em;
}

#multiFunktionsbuttons #multiMail { background: url(../img/img_funkt_mail.gif) 0 50% no-repeat; font-size: 65%;}
#multiFunktionsbuttons #multiVersenden { background: url(../img/img_funkt_versenden.gif) 0 50% no-repeat; font-size: 70%;}
#multiFunktionsbuttons #multiDownload { background: none; font-size: 65%;}
#multiFunktionsbuttons #multiArrow { background: url(../img/img_funkt_arrow.gif) 0 50% no-repeat; font-size: 70%;}
#multiFunktionsbuttons #multiMusik { background: url(../img/img_funkt_musik.gif) 0 50% no-repeat; font-size: 70%;}
#multiFunktionsbuttons #multiVideo { background: url(../img/img_funkt_video.gif) 0 50% no-repeat; font-size: 70%;}

#multiFunktionsbuttons a:link,
#multiFunktionsbuttons a:visited {
    padding-left: 18px;
    text-decoration: none;
}

#multiFunktionsbuttons #multiMail a:link,
#multiFunktionsbuttons #multiMail a:visited {
    text-decoration: underline;
}

#multiFunktionsbuttons #multiDownload a:link,
#multiFunktionsbuttons #multiDownload a:visited {
    padding-left: 0;
    text-decoration: underline;
}

#multiFunktionsbuttons #multiDrucken {
    margin-top: 1.5em;
}

#multiFunktionsbuttons #multiDrucken p {
    background: url(../img/img_funkt_print.gif) 0 50% no-repeat;
    font-size: 70%;
}

/* multiTextFormat * * * * * * * * * * * * * * * * * * */
#multiTextFormat {
    padding: 0;
    margin: 0;
    width: 28.75em;
    float: left;
}

#multiTextFormat p {
    margin: 0.8em 0 0.8em 0;
    font: 75%/140% arial,helvetica,sans-serif;
}

/* Listenformatierung formatMultiText */
#multiTextFormat ul {
	margin: 0.5em 0 1em 0;
	padding: 0;
    list-style: none;
}

#multiTextFormat li {
    background-position: 0 0.8em;    /* background-position nur fuer ie 5 und 5.5 */
    background-repeat: no-repeat;
    margin: 0.4em 0 0 0;
    padding: 0 0 0 12px;
    font-size: 70%;
    line-height: 140%;
    list-style: none;
    voice-family: "\"}\"";                                         /* start tantek-hack - um andere background-position fuer ie > 5.5 und andere moderne browser anzugeben */
    voice-family: inherit;
    background-position: 0 0.5em;
}

#multiTextFormat li li {
    font-size: 100%;
    line-height: 140%;
}

#multiTextFormat h1 {
    font-weight: normal;
    font: 125% 'Times New Roman',Times,serif;
    padding: 0;
    margin: 0 0 0.6em 0;
}

#multiTextFormat img {
    float: left;
    margin-top: 0.2em;
    margin-right: 1em;
}

#multiTextFormat .rechtsbuendig img {
    float: none;
}
#multiTextFormat ul p {
    font-size: 100%;
}

.jazzZeitLogo {
    background: url(../img/img_logo_jazzzeit.gif) no-repeat 98% 1.5em;
}

.jazzZeitLogo h1 {
    width: 80%;
}

#multiBuehneSH .jazzZeitLogo #multiTextFormat {
    margin-top: 0.6em;
}

/* multiTeaserGross    * * * * * * * * * * * * * * * * * * * * */
#multiTeaserGross {
    float: right;
    width: 13.125em;
    background-color: #990066;
    padding: 0 0 8px 0;
}

#multiTeaserGross img.bild {
    vertical-align: bottom;
    width: 13.125em;
    height: 12.25em;
}

#multiTeaserGross h1 {
    color: #FFFFFF;
    font: 120%/110% 'Times New Roman',Times,serif;
    margin: 0;
    padding: 16px 22px 0 20px;
}

#multiTeaserGross h1 sup {
    font-size: 70%;
}

#multiTeaserGross p {
    color: #FFFFFF;
    font-size: 70%;
    line-height: 130%;
    margin: 0;
    padding: 0.8em 10px 1em 20px;
}


/* terminNavigation    * * * * * * * * * * * * * * * * * */
#multiIntroText {
    width: 28.75em;
    float: left;
}

#multiIntroText .terminNavigation p { margin: 0; }

#multiIntroText #multiTextFormat {
    margin-top: 0.7em;
}

#multiIntroText #multiTextFormat img { margin-top: 0.75em; }


.terminNavigation {
    height: 2em;
    position: relative;
}

.terminNavigation .multiZurueckLink {
    position: absolute;
    top: 0;
}
.terminNavigation .multiZurueckLinkOff {
    position: absolute;
    top: 0;
    color: #999999
}
.terminNavigation .multiZurueckLinkOff p {
    display: block;
    color: #bea0a3;
    height: 1em;
    margin: 0 0 0 0;
    padding: 0 0 1em 14px;
    background: url(../img/img_multiarrow_grau_l.gif);
    background-position: 0em 0.3em;
    background-repeat: no-repeat;
}

.terminNavigation .weiterLink {
    position: absolute;
    right: 0;
}

.terminNavigation .weiterLinkOff {
    position: absolute;
    right: 0;
    color: #999999
}
.terminNavigation .weiterLinkOff p {
    display: block;
    color: #bea0a3;
    height: 1em;
    width: 12em;
    background-image: url(../img/img_multiarrow_grau_r.gif);
    background-position: 10.3em 0.3em;
    background-repeat: no-repeat;
}

.terminNavigation .weiterLink a:link,
.terminNavigation .weiterLink a:visited {
    display: block;
    height: 1em;
    width: 12em;
    background-image: url(../img/img_teaser_arrow_white.gif);
    background-position: 10.3em 0.3em;
    background-repeat: no-repeat;
	text-decoration: none;
}

.terminNavigation .weiterLink a:focus,
.terminNavigation .weiterLink a:hover,
.terminNavigation .weiterLink a:active {
    /* background-image: url(../img/img_multiarrow_lila_weiss.gif); */
}


/* multiZurueckLink    * * * * * * * * * * * * * * * * * * * * */
.multiZurueckLink p {
    font-size: 70%;
    margin: 0 0 0 0;
    padding: 0 0 1em 1px;
}

.multiZurueckLink a:link,
.multiZurueckLink a:visited {
    height: 1em;                                /* damit IE 5 die paddings darstellt */
    color: #fff;
    background: url(../img/img_teaser_arrow_white_left.gif) 0 50% no-repeat;
    padding-left: 14px;
	text-decoration: none;
}


/* multiContentErweiterungRechts * * * * * * * * * * * * * * */
#multiContentErweiterungRechts {
    float: right;
    width: 14.875em;
    height: 21.5em;
    padding-bottom: 1em;
    background: #f0f0f0 url(../img/img_veranstaltungskalender_bg.jpg) no-repeat bottom;
}

html>body #multiContentErweiterungRechts {
    height: auto;
    min-height: 21.5em;
}

#multiContentErweiterungRechts h1 {
    color: #FFFFFF;
    font: 120%/1em 'Times New Roman',Times,serif;
    margin: 0;
    padding: 5px 10px 6px 14px;
    background-color: #990066;
}


/* Darstellungsform Terminliste */
#multiContentErweiterungRechts ul,
#multiContentErweiterungRechts li {
    padding: 4px 0 0 0;
    margin: 0;
    list-style: none;
}

body #multiContentErweiterungRechts li h2 {
    margin: 0;
    padding: 0.6em 14px 0 14px;
    color: #333;
}

#multiContentErweiterungRechts li.on h2 {
    color: #f00;
}

#multiContentErweiterungRechts li p {
    font-size: 65%;
    line-height: 120%;
    margin: 0;
    padding: 0.2em 14px 0.1em 14px;
}

#multiContentErweiterungRechts li a:link,
#multiContentErweiterungRechts li a:visited {
    color: #666;
}

#multiContentErweiterungRechts li a:focus,
#multiContentErweiterungRechts li a:hover,
#multiContentErweiterungRechts li a:active {
    color: #f00;
}

#multiContentErweiterungRechts .multiDownloadInfo {
    padding: 0.8em 0 20px 0;
}

#multiContentErweiterungRechts .multiDownloadInfo p {
    font-size: 70%;
    line-height: 130%;
    margin: 0;
    padding: 0.5em 2px 0 14px;
}


/* Darstellungsform Kontakte */
body #multiContentErweiterungRechts h2 {
    font-size: 70%;
    line-height: 130%;
    margin: 0;
    padding: 1.4em 10px 0 14px;
}

#multiContentErweiterungRechts .kontakt {
    padding-top: 0.7em;
}

#multiContentErweiterungRechts .links {
    float: left;
    margin: 0 10px 0 0;
}

#multiContentErweiterungRechts .links img {
    padding-left: 2px;
}

#multiContentErweiterungRechts .rechts {
    float: left;
    width: 135px;
}

body #multiContentErweiterungRechts .kontakt h3 {
    font-size: 70%;
    line-height: 130%;
    margin: 0 0 0 0;
    padding: 10px 14px 0 1px;
}

#multiContentErweiterungRechts .kontakt p {
    font-size: 65%;
    line-height: 120%;
    margin: 0;
    padding: 0 14px 0 1px;
}


/* multiFormular * * * * * * * * * * * * * * * * * * * * * * */
.multiFormular {
    width: 27.75em;
    float: left;
}

.multiFormular p {
    font-size: 75%;
}

.multiFormular fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

.multiFormular h2 {
    background-color: #f2f2f2;
    font: bold 75% arial,verdana,sans-serif;
    margin: 0 0 0.8em 0;
    padding: 2px 8px 2px 8px;
    color: #333;
}

.multiFormular table {
    width: 100%;
    margin-bottom: 1em;
    border: none;
}

.multiFormular table tr.top{
    vertical-align: top;
}

.multiFormular td {
    font-size: 75%;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    border: none;
}

.multiFormular td.rechts {
    width: 52%;
    border: none;
    vertical-align: bottom;
    padding: 0 0 2px 0;
}

.multiFormular td.links {
    width: 40%;
    padding-left: 0;
    border: none;
    vertical-align:top;
}

.multiFormular td.multiHinweis {
    font: 70% arial,verdana,sans-serif;
    padding-bottom: 0.6em;
    padding-top: 0.6em;
}

.multiFormular input,
.multiFormular select {
    font-size: 90%;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

.multiFormular table, .multiFormular td {
    border: none;
}

/* Formulare ohne Tabellen */
.multiFormular .spalteLinks {
    float: left;
    width: 44%;
    font-size: 75%;
    padding: 0.2em 0 0.2em 0.7em;
    border: none;
}

.multiFormular .spalteRechts {
    font-size: 75%;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    border: none;
}

.multiFormular .multiHinweis {
    font: 75% arial,verdana,sans-serif;
    padding: 0.4em 0 0.4em 0;
}

/*****/
#multiBuehneSH .multiFormular p.multiPflichtfeldhinweis {
    font: 70% arial,verdana,sans-serif;
    padding: 1em 0 0.5em 1px;
}

.textfeld100Prozent,
.textfeld50Prozent,
.textfeld75Prozent,
.textfeld35Prozent,
.textfeld30Prozent,
.textfeld25Prozent,
.textfeld20Prozent,
.textfeld10Prozent,
.selectboxLang,
.selectbox100Prozent,
.selectbox30Prozent {
    border-top: #4E4E4E 1px solid;
    border-right: #EAEAEA 1px solid;
    border-bottom: #EAEAEA 1px solid;
    border-left: #4E4E4E 1px solid;
}

.textfeld100Prozent { width: 94%; }
.textfeld50Prozent { width: 46%; }
.textfeld75Prozent { width: 70%; }
.textfeld35Prozent { width: 32%; }
.textfeld30Prozent { width: 28%; }
.textfeld25Prozent { width: 22%; }
.textfeld20Prozent { width: 21%; }
.textfeld10Prozent { width: 11%; }

.selectboxLang { width: 96%; }
.selectbox100Prozent { width: 93%; }
.selectbox30Prozent { width: 30%; }

.multiFormular input.abschickenButton {
  font-size: 80%;
  margin: 0 0.8em 1em 0;
  padding: 0 2px;
  background-color: #fff;
  color: #333;
  font-weight: bold;
  font-family: arial,verdana,sans-serif;
  overflow: visible;
}

/* Farbe des Sternchens fuer die Pflichtfeldkennzeichnung in Formularen */

.sternchen {
  background-color: #f00;
}

p.multiPflichtfeldhinweis .sternchen,
label .sternchen {
    background: none;
}


/* multiFooter * * * * * * * * * * * * * * * * * * */
#multiFooter {
	position: absolute;
	bottom: 0;
	background: url(../img/stage_footer_verlauf.jpg) repeat-x;
	overflow: hidden;
	width: 100%;
}