/* FreeMonoBoldOblique.otf FreeMonoBold.otf FreeMonoOblique.otf FreeMono.otf FreeSansBoldOblique.otf FreeSansBold.otf FreeSansOblique.otf FreeSans.otf FreeSerifBoldItalic.otf FreeSerifBold.otf FreeSerifItalic.otf FreeSerif.otf */ @font-face { font-family: FreeMono; font-style: normal ; font-weight: normal ; src: url('FreeMono.otf') format("opentype"); } @font-face { font-family: FreeMono; font-style: oblique ; font-weight: normal ; src: url('FreeMonoOblique.otf') format("opentype"); } @font-face { font-family: FreeMono; font-style: normal ; font-weight: bold ; src: url('FreeMonoBold.otf') format("opentype"); } @font-face { font-family: FreeMono; font-style: oblique ; font-weight: bold ; src: url('FreeMonoBoldOblique.otf') format("opentype"); } @font-face { font-family: FreeSerif; font-style: normal ; font-weight: normal ; src: url('FreeSerif.otf') format("opentype"); } @font-face { font-family: FreeSerif; font-style: italic ; font-weight: normal ; src: url('FreeSerifItalic.otf') format("opentype"); } @font-face { font-family: FreeSerif; font-style: normal ; font-weight: bold ; src: url('FreeSerifBold.otf') format("opentype"); } @font-face { font-family: FreeSerif; font-style: italic ; font-weight: bold ; src: url('FreeSerifBoldItalic.otf') format("opentype"); } @font-face { font-family: FreeSans; font-style: normal ; font-weight: normal ; src: url('FreeSans.otf') format("opentype"); } @font-face { font-family: FreeSans; font-style: oblique ; font-weight: normal ; src: url('FreeSansOblique.otf') format("opentype"); } @font-face { font-family: FreeSans; font-style: normal ; font-weight: bold ; src: url('FreeSansBold.otf') format("opentype"); } @font-face { font-family: FreeSans; font-style: oblique ; font-weight: bold ; src: url('FreeSansBoldOblique.otf') format("opentype"); } /* * Here are the styles for the background and tables. */ body { margin: 0px; padding: 0px 0px 40px 0px; color:#ffffff; background: #222260 url(jazz_bg_small.png) repeat-y top left ; font-family: FreeSans,"Free Sans",Arial,Georgia,Helvetica,"Sans Serif"} p.h { margin: 0px; padding: 0px ; background-color:#222260 ; display:block } p.h a { margin: 0px; padding: 0px } p.h a img { margin: 0px; padding: 0px } p.h img { margin: 0px; padding: 0px } div.n { position: absolute; top: 90px; left: 0px; width: 150px ; margin: 0px 0px 0px 0px; border: 0px ; padding: 0px 0px 0px 0px } div.n p.mi { font-family: FreeSans, "Free Serif", "FreeSerif", Arial, Georgia, Helvetica, sans-serif ; font-size: 12pt; font-weight: bold; font-style: normal; letter-spacing: 2.0px; line-height: 15pt; color: #ffdd00; background-color: #5050a0; border: 0px; margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px; width:150px; height: 28px} div.n p.mi a { margin: 0px 0px 0px 0px; padding: 2px 9px 2px 9px; width:150px; ; display: block; font-family: FreeSans, "Free Serif", "FreeSerif", Arial, Georgia, Helvetica, sans-serif ; font-size: 10pt; font-weight: bold; font-style: normal; letter-spacing: 1.0px; } div.n p.mi a span { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.n table { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:150px; height: 30px} div.n p.as { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:150px; height: 22px; background-color:#5050a0} div.n select { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:150px; height: 25px} div.n p.mi#menu_item_selected, div.n p.mi a:hover { background-color: #222260} /* * Here the styles for forground tags are presented. * Span is used because li didn't takes over the p styles. * p.h1-p.h3 are used to describe the program. * h1-h3 are used within the Konzept-page. */ .firstChild { background-image:url('o.gif'); background-repeat:no-repeat ; min-height: 21px } .lastChild { background-image:url('u.gif'); background-repeat:no-repeat; background-position:left bottom ; padding-bottom: 10px !important ; min-height: 21px } div.t { background-image:url('hb.gif'); background-repeat: repeat-x } div.t div { background-image:url('h.gif'); background-repeat: no-repeat; background-position:left top } h1,h2,h4 { font-family: "Free Serif","FreeSerif",Georgia,Helvetica,"Sans Serif" } h3 { font-family: "Free Sans", "FreeSans", Arial,Georgia,Helvetica,"Sans Serif" } p, li, td, span.text, span.cite { font-family: "Free Sans", "FreeSans", Arial,Helvetica,"Sans Serif" } h1 { font-size: 17pt; font-style: italic ; color:#ffdd00; letter-spacing:2.0px; line-height: 19pt } h1.e { background-color: #404080} h2 { font-size: 12pt; font-style: italic ; color:#ffdd00; letter-spacing:2.0px } h3 { font-size: 10pt; font-style: normal; font-weight: normal ; color:#ffffff; letter-spacing:1.0px } h4 { font-size: 10pt; font-style: italic; color:#ffdd00; letter-spacing:1.0px; line-height: 14pt } p { font-size: 10pt; color:#ffffff; letter-spacing:1.0px; line-height: 14pt } li { font-size: 10pt; color:#ffffff; letter-spacing:1.0px; line-height: 14pt } td { font-size: 10pt; color:#ffffff; letter-spacing:1.0px; line-height: 14pt } span.text { font-size: 10pt; color:#ffffff; letter-spacing: 1px; line-height: 14pt } span.cite { font-size: 10pt; color:#ffeebb; letter-spacing: 1px; line-height: 14pt } span.share{ font-family: 'Free Sans', FreeSans, Arial,'Sans Serif';font-size: 12pt; font-style: normal; font-weight: normal } li.spons { font-size: 12pt; color:#ffffff; letter-spacing: 1px; line-height:25pt } p.sponsor { font-size: 10pt; letter-spacing:2.5px } span.eventType { font-size: 12pt; color:#ffffff; letter-spacing:2.0px } span.eventType { border: 1px solid green ; line-height: 25px } #lightbox #imageDataContainer { font-family: FreeSerif, "Free Serif", "FreeSerif", Arial, Georgia, Helvetica, sans-serif ; font-size: 10pt; font-weight: bold; font-style: normal; letter-spacing: 2.0px } p.floatRight { float: right; width:270px; padding: 18px 18px 0px 10px !important ; margin: 0px 0px 0px 0px } p.floatRight { background-image:url('icon_plus.gif'); background-repeat:no-repeat; background-position: 5px 18px } p.floatRight a img:hover { cursor:nw-resize } span.filler { clear:right; color: #404080 ; height: 3px ; padding:0px;margin:0px } img { border-width:0px; border-color:#ffd000 } div.b { margin: 0px 0px 0px 190px; padding: 0px 0px 0px 0px; background-color: #5050a0} div.b h1 { margin: 0px 0px 0px 0px; padding: 5px 15px 5px 13px; background-color: #5050a0} div.b h1.e { margin: 0px 0px 0px 0px; padding: 5px 15px 5px 13px; background-color: #5050a0} div.b h2 { margin: 0px 0px 0px 0px; padding: 5px 15px 5px 13px; background-color: #5050a0} div.b h3 { margin: 0px 0px 0px 0px; padding: 5px 15px 5px 13px; background-color: #5050a0} div.b h4 { margin: 0px 0px 0px 0px; padding: 5px 15px 5px 13px; background-color: #5050a0} div.b h5 { margin: 0px 0px 0px 0px; padding: 5px 15px 5px 13px; background-color: #5050a0} div.b h6 { margin: 0px 0px 0px 0px; padding: 5px 15px 5px 13px; background-color: #5050a0} div.b p { margin: 0px 0px 0px 0px; padding: 5px 15px 5px 13px; background-color: #5050a0} div.b p.f { margin: 0px 0px 0px 0px; padding: 5px 15px 5px 13px; background-color: #5050a0} div.b table.x { margin: 0px 0px 0px 0px; padding: 5px 15px 5px 13px; background-color: #5050a0; table-layout: fixed; display: block} div.b table.d { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #5050a0} div.b ul { margin: 0px 0px 0px 0px; padding: 5px 15px 5px 30px; background-color: #5050a0} div.b p.d { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #5050a0; float: none} div.a { margin: 0px 0px 0px 190px; padding: 0px 0px 0px 0px; background-color: transparent; border: 1px solid #222260 } div.a div { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #404080 ; border: 1px solid #222260 } div.a div div { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: transparent; border: 0px solid #222260 } div.a div div div { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: transparent; border: 0px solid #222260 } div.a h1 { margin: 0px 0px 0px 0px; padding: 5px 15px 5px 13px; background-color: #5050a0} div.t h1 { margin: 0px 0px 0px 0px; padding: 5px 15px 5px 13px; background-color: #5050a0} div.a h1.e { margin: 0px 0px 0px 0px; padding:15px 15px 8px 13px; background-color: #404080} div.a h2 { margin: 0px 0px 0px 0px; padding: 5px 15px 5px 13px; background-color: transparent} div.a h3 { margin: 0px 0px 0px 0px; padding: 5px 15px 5px 13px; background-color: #404080} div.a h4 { margin: 0px 0px 0px 0px; padding: 5px 15px 5px 13px; background-color: #404080} div.a h5 { margin: 0px 0px 0px 0px; padding: 5px 15px 5px 13px; background-color: #404080} div.a h6 { margin: 0px 0px 0px 0px; padding: 5px 15px 5px 13px; background-color: #404080} div.a p { margin: 0px 0px 0px 0px; padding: 3px 15px 3px 13px; background-color: transparent} div.a p.f { margin: 0px 0px 0px 0px; padding: 5px 15px 5px 13px; background-color: #5050a0} div.a table.x { margin: 0px 0px 0px 0px; padding: 5px 15px 5px 13px; background-color: #5050a0; table-layout: fixed; display: block} div.a table.d { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #5050a0} div.a ul { margin: 0px 0px 0px 0px; padding: 5px 15px 5px 30px; background-color: #404080} div.a p.d { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #5050a0; float: none} h1 { margin: 0px 00px 0px 190px; padding: 5px 15px 5px 13px; background-color: #5050a0} h1.e { margin: 0px 00px 0px 190px; padding: 5px 15px 5px 13px; background-color: #404080} h2 { margin: 0px 00px 0px 190px; padding: 5px 15px 5px 13px; background-color: transparent } h3 { margin: 0px 00px 0px 190px; padding: 5px 15px 5px 13px; background-color: #404080} h4 { margin: 0px 00px 0px 190px; padding: 5px 15px 5px 13px; background-color: #404080} p { margin: 0px 00px 0px 190px; padding: 5px 15px 5px 13px; background-color: #404080} table.x { margin: 0px 00px 0px 190px; padding: 5px 15px 5px 13px; background-color: #5050a0; table-layout: fixed; display: block} table.d { margin: 0px 00px 0px 190px; padding: 0px 0px 0px 0px; background-color: #5050a0} ul { margin: 0px 00px 0px 190px; padding: 5px 15px 5px 30px; background-color: #404080} p.d { margin: 0px 00px 0px 190px; padding: 0px 0px 0px 0px; background-color: #5050a0; float: none} p.i { margin: 0px 0px 0px 150px; padding: 0px 0px 0px 0px; background-color: #222260; height: 95%} div.t { margin: 10px 00px 30px 170px; padding: 0px 0px 0px 0px; background-color: transparent } div.t div { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: transparent } div.t div h1 { margin: 0px 0px 0px 0px; padding: 8px 12px 12px 23px; background-color: transparent !important } iframe { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block ; width: 100%; border: 0px; height:700px} .iframe { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block ; width: 100%; border: 0px; height:700px} hr { margin: 10px 00px 10px 190px; padding: 0px 0px 0px 0px} form { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block } div.a p.f { background-color: #5050a0 } div.a p.f form table { background-color: #5050a0 } div.a a { margin: 0px 5px 0px 5px } h2.f { background-color: #5050a0 } table.d { table-layout: fixed; display: block } table.d tr { margin: 0px; padding: 0px } table.d tr td.l { margin: 0px; padding: 0px; vertical-align: top; text-align: left ; letter-spacing: 1px ; width: 130px } table.d tr td.l div.x { margin: 0px; padding: 5px 15px 5px 15px ; width: 127px } table.d tr td.l div.x div.l { margin: 0px; padding: 0px } table.d tr td.l div.x div.l span.date { } table.d tr td.l div.x div.l span.time { } table.d tr td.l div.x div.l span.type { font-weight: bold ; font-variant: small-caps } table.d tr td.r { margin: 0px; padding: 0px; vertical-align: top ; width: 100% } table.d tr td.r div.x { margin: 0px; padding: 5px 0px 5px 0px } table.d tr td.r div.x div.t { margin: 0px; padding: 0px; } table.d tr td.r div.x div.t h1 { margin: 0px; padding-left: 5px; color: white } table.d tr td.r div.x div.t h2 { margin: 0px; padding-left: 5px; color: white } table.d tr td.r div.x div.r { float: right ; padding: 0px 15px 0px 15px } table.d tr td.r div.x div.r p { margin: 0px; padding: 0px ; text-align: right; letter-spacing: 1px ; line-height: 18px } table.d tr td.r div.x div.r p img { margin-top: 10px; padding: 0px 0px 0px 0px } table.k { margin: 0px 0px 0px 0px ; text-align: left; padding: 5px 15px 5px 13px; display:block } table.k tr { margin: 0px } table.k tr td { margin: 0px } table.k tr td h1 { margin: 0px } table.k tr td h2 { margin: 0px } table.k tr td h3 { margin: 0px } table.k tr td h4 { margin: 0px } table.k tr td ul { margin: 0px } table.k tr td p { margin: 0px } table.k tr td ul { margin: 0px } hr { border-top: 0px solid white ; border-right: 0px solid white ; border-bottom: 0px solid white ; border-left: 0px solid white ; color: #222266 ; display: block ; height: 2px; clear: both } a:link, a:active { color:#ffd700;font-size: 11pt; font-family:FreeSerif,Arial; font-weight: normal; font-style: normal; text-decoration:none ; letter-spacing: 1.0px} a:visited { color:#ffd700;font-size: 11pt; font-family:FreeSerif,Arial; font-weight: normal; font-style: normal; text-decoration:none } p a:hover {text-decoration: underline } ul.img { list-style-type: none ; text-align:center } ul.img li { display: inline } ul.img li table { display: inline } ul.img li table tr td { vertical-align: top; width: 200px ; } ul.bilder li, p.bilder { font-size:120% ; line-height: 130% ; list-style-type: disc; } span.gigend { display:inherit; clear:both; height:0px; } input.nix { display:none; } /* a:link, a:active { color:#ffd700;font-weight:bold;text-decoration:none } a:visited { color:#ffd700;font-weight:bold;text-decoration:none;font-style:italic } body { background-color:#222260 ; margin:0px; color:#ffffff ; padding:0px } */ table.musiker { border-width:0px; display:block ; margin: 5px 0px 5px 190px ; background-color:#404080 } table.musiker td.tcontent { padding:0px; height:10px } /* start a box */ table.musiker td.letter { background-color:#404080; padding:3px; vertical-align:middle ; background-image:none } table.musiker td.lletter { background-color:#404080; padding:3px; vertical-align:middle ; background-image:none } table.musiker td.rletter { background-color:#404080; padding:3px; vertical-align:middle ; background-image:none } table.musiker td.lletter p { background-image:none } table.musiker td.rletter p { background-image:none } table.musiker td.name { background-color:#404080; padding:3px; vertical-align:top; text-align:right } table.musiker td.surname { background-color:#404080; padding:3px; vertical-align:top; text-align:left } table.musiker td.musikerdate { background-color:#404080; vertical-align:top; text-align:left ; width: 60% } table.musiker tr { height:20px } table.musiker p { font: 13px Arial,Helvetica,"Sans Serif"; color:#ffffff;letter-spacing:0.6px;line-height:18px ; padding: 0px; margin: 0px } table.musiker p.lletter { font: 26px Arial,Helvetica,"Sans Serif"; color:#ffffff;letter-spacing:1px; line-height:18px } a[rel=lightbox] { background-image: url('image/lupe.png'); background-repeat: no-repeat ; background-position: top left } a.iconEvent { margin:0px 0px 0px 0px ; border:0px ; padding:0px ; vertical-align: 0px} a.iconEvent > img.iconEvent { margin:5px 1px 0px 1px ; border:0px ; padding:0px } /* ------------ TOOLTP ------------ */ a.tooltip { position: relative; top: 0px; left: 0px } a.tooltip span { display: none; position: absolute; z-index: 99 ; font-size: 10px; font-weight: normal; font-family: "FreeSans", "Free Sans", Arial,Helvetica,"Sans Serif" ; letter-spacing: 1px; color: #ffd700; } a.tooltip:hover span { display: block } a.tooltip span.reservieren { xwidth: 170px ; top: 2em; left: 0px } a.tooltip span.eintragen { xwidth: 330px ; top: 2em; left: 0px } a.tooltip span.mitteilen { xwidth: 200px ; top: 2em; left: 0px } a.tooltip span.nextEvent { xwidth: 180px ; top: 2em; left: 0px } a.tooltip span.zeigen { xwidth: 170px ; top: 1em; left: 0px } a.tooltip img.iconEvent { margin-top:5px } a.tooltip span.tooltipT { text-align: left; padding: 1px 5px 0px 5px; border-top: 0px solid #ffdd00; border-right: 0px solid #ffdd00; border-bottom: 0px solid #ffdd00; border-left: 1px solid #ffdd00; } a.tooltip span.tooltipR { text-align: left; padding: 1px 5px 0px 5px; border-top: 0px solid #ffdd00; border-right: 0px solid #ffdd00; border-bottom: 0px solid #ffdd00; border-left: 1px solid #ffdd00; } a.tooltip span.tooltipL { text-align: right; padding: 1px 5px 1px 5px; border-top: 0px solid #ffdd00; border-right: 1px solid #ffdd00; border-bottom: 0px solid #ffdd00; border-left: 0px solid #ffdd00; } /* a.tooltip span.mitteilen:before { content: '' ; } a.tooltip span.eintragen:before { content: '' ; } a.tooltip span.reservieren:before { content: '' ; } a.tooltip span.nextEvent:before { content: '' ; } a.tooltip span.zeigen:before { content: '' ; } */