td.leiste {
    width: 3em;
    background-image: url(Zierleiste.gif);
    background-position: top right;
    background-repeat: repeat-y;
}

td.overlap {
    /* This width is too small, it is only a hint to the browser to not
       expand the table to fill the screen. The browser should expand
       the table as far as neccessary according to other row's
       contents. */
    width: 30em;

    padding-top: .5ex; 
    padding-bottom: .5ex;
    padding-left: .5em; 
    padding-right: .5em; 

    text-align: justify;

    -ms-hyphens: auto; 
    -moz-hyphens: auto; 
    -webkit-hyphens: auto; 
    hyphens: auto; 
}

td.overlap a {
    text-decoration: none; 
    font-weight: normal;
    color:#af0066;
}
td.overlap a[href]:hover {
    text-decoration: underline; 
}
td.overlap a[target=_blank]:not(.pink) {
    color:black;
}
td.overlap a[target=_blank] {
    border-bottom: dashed gray 1px;
}
td.overlap a[target=_blank]:hover {
    border-bottom: solid gray 1px;
    text-decoration: none;
}
td.overlap a.visible {
    color:#af0066;
}
/* list of links above headings */
div.pointers, div.smallpointers {
    margin-top: .75ex;
    -ms-hyphens: none; 
    -moz-hyphens: none; 
    -webkit-hyphens: none; 
    hyphens: none;
    text-align: left;
}

div.pointers a, div.smallpointers a {
    color: #d5971b;
    text-decoration: underline;
    font-weight: bold;
}

table.cd th.see a {
    color: #d5971b;
    text-decoration: underline;
}

div.pointers abbr, div.smallpointers abbr, table.cd th.see abbr {
    padding-left: .75em;
    padding-right: .75em;
    background-image: url(downarrow.gif);
    background-position: left center;
    background-repeat: no-repeat;
    white-space: nowrap;
}

div.pointers abbr.up, div.smallpointers abbr.up, table.cd th.see abbr.up {
    background-image: url(uparrow.gif);
}

div.pointers abbr.right, div.smallpointers abbr.right, table.cd th.see abbr.right {
    background-image: url(rightarrow.gif);
}

div.pointers a:hover, div.smallpointers a:hover {
    color: #af0066;
}
/* list of smaller links above lesser headings */

div.smallpointers abbr {
    font-size: 80%;
}

td.overlap h1 { 
    margin: .5ex 0em 0ex 0em; 
}

td.overlap dfn { 
    display: block;
    margin: 0ex 0em 1ex 0em; 
    font-weight: bold;
    font-style: normal;
}

td.overlap h3 + dfn { 
    font-weight: normal;
}

td.overlap h2, td.overlap h3 { 
    margin-bottom: .5ex; 
    margin-top: .5ex; 
}

table.complaints {
    width:100%;
}
table.complaints td{
    vertical-align:text-top;
}
table.complaints td div {
    border:1px outset black;
    margin:.5ex 0px;
    padding:0px .5ex;
}
table.complaints h3 {
    margin: 1ex 0px 0px 0ex;
}
table.complaints dfn {
    font-size:80%;
}
table.complaints p {
    margin-bottom:1ex;
    margin-top:1ex;
}
table.complaints ul p, table.complaints ol p {
    margin-bottom:.75ex;
    margin-top:.75ex;
}

div.piece {
    display: inline;
}

div.piece table.facts td {
    vertical-align: top;
}
div.piece table.facts th {
    vertical-align: top;
    font-weight: normal;
    text-align: right;
    padding-right: .5em;
    -ms-hyphens: none; 
    -moz-hyphens: none; 
    -webkit-hyphens: none; 
    hyphens: none;
}

div.fan, table.fan { 
    line-height:120%;
    margin-left: 9em;
    margin-right: 9em; 
    margin-bottom: 2ex;
    padding: .5ex .5em 0ex .5em;
    background-image:url(paperg.gif);
    border: outset 1px #84919b;
}
div.fan.one, table.fan.one { 
    background-image:url(palt.jpg);
}
div.fan.two, table.fan.two { 
    background-image:url(pliniert.jpg);
}
div.fan.three, table.fan.three { 
    background-image:url(pkaro.jpg);
}

table.fan td {
    padding: .5ex .5em 0ex .5em;
}
div.fan code, table.fan code {
    text-align: right; 
    font-weight: bold;
    display: block; 
}


/*
Column of images sticking out by half their width

Set width of images (div.fd[lr]pics table img: width, e.g. 20em)

Set ammount of stick-out: (sum of *.overlap: padding-right (e.g. .5em)
and div.fdrpics: width (e.g. 9.5em))

For images sticking out on the left: (sum of *.overlap: padding-left
(e.g. .5em) and div.fdlpics: width (e.g. 9.5em), and set
img->left to img-width / 2 + *.fdcontent->padding-left)

div.fd[lr]pics needs its height setting. Compute it and set it.
*/

/* Halfway out on the right */
div.fdrpics {
    float: right; 
    width: 8.5em; 
    margin-left: 1em; 
    position: relative;
    white-space:normal;
}
div.fdrpics table {
    position: absolute; 
    width: 18em;
    border: none; 
}

div.fdrpics table td {
    text-align: center;
}

div.fdrpics table th {
    text-align: right;
    padding-bottom: .4ex;
    -ms-hyphens: none; 
    -moz-hyphens: none; 
    -webkit-hyphens: none; 
    hyphens: none; 
}

div.fdrpics table th.copyright {
    font-size:80%;
}

div.fdrpics table img {
    position: static;
    width: 18em;
    border-style: none;
}

div.fdrpics table img.upright {
    height: 18em;
    width: auto;
}


/* CD-Shop: pics stick out half on the right */
div.cdpicsr {
    float: right; 
    width: 5.5em; 
    height: 12em; 
    margin-left: 1em; 
    position: relative;
    white-space:normal;
}
div.cdpicsr table {
    position: absolute; 
    width: 12em;
    border: none; 
}

div.cdpicsr table td {
    text-align: center;
}

div.cdpicsr table th {
    text-align: right;
    padding-bottom: .4ex;
    -ms-hyphens: none; 
    -moz-hyphens: none; 
    -webkit-hyphens: none; 
    hyphens: none; 
}

div.cdpicsr table img {
    position: static;
    width: 12em;
    border-style: none;
}

div.shop span.venue { 
    font-weight:normal;
    font-size:85%;
}


/* Two columns at the right border, one all out, the other all in */
div.guestpics {
    float: right; 
    width: 8.5em; 
    margin-left: 1em; 
    position: relative;
    white-space:normal;
}
div.guestpics.three {
    width: 18.25em;
} 

table.t {
    position: absolute; 
    width: 18em;
    border: none; 
}
div.guestpics.three table.t {
    width: 28em;
}

table.t.s {
    position: static; 
    width: 10.5em;
    margin: 2em auto;
}

table.t td {
    text-align: right;
    vertical-align: top;
}
table.t td.l {
    text-align: left;
}

table.t th {
    text-align: center;
    font-size: 80%;
    padding-bottom: .4ex;
    -ms-hyphens: none; 
    -moz-hyphens: none; 
    -webkit-hyphens: none; 
    hyphens: none; 
}
table.t div.guestdiv {
    width: 8.5em;
    position: static;
}
table.t.s div.guestdiv {
    width: 4.25em;
}
table.t td div.guestdiv {
    margin-left: .75em;
}
table.t td.l div.guestdiv {
    margin-left: 0em;
}
table.t *.guestimg, table.t *.guestimgdiv {
    position: relative;
}
table.t *.guestimg img {
    width: 8.5em;
    border-style: none;
}
table.t div.guestimg, table.t div.guestimgdiv {
    width: 8.5em;
    height: 8.5em;
    border-style: none;
}
table.t.s div.guestimg, table.t.s div.guestimgdiv, div.shop div.guestimg {
    width: 4.25em;
    height: 4.25em;
    border-style: none;
}
table.guestimg {
    z-index: 5;
}
table.guestimg td.caption {
    text-align: center;
    font-size: 80%;
    font-weight: bold;
}
div.guestimg {
    z-index: 4;
}

/* CD pics sticking out on the left */
div.cdpicsl {
    float: left; 
    width: 5.5em; 
    height: 12em; 
    position: relative;
    white-space:normal;
    padding-right:1em;
}
div.cdpicsl table {
    position: absolute; 
    width: 12em;
    border: none; 
    left:-6.5em;
}
div.cdpicsl table th {
    text-align: left;
    padding-bottom: 0ex;
}

div.cdpicsl table img {
    position: static; 
    width: 12em;
    border-style: none; 
}


/* Halfway out on the left */
div.fdlpics {
    float: left; 
    width: 2.5em; 
    margin-right: 1em; 
    position: relative;
    white-space:normal;
}
div.fdlpics table {
    position: absolute; 
    width: 6em;
    border: none; 
    left:-3.5em;
}
div.fdlpics table th {
    text-align: left;
    padding-bottom: 0ex;
}

div.fdlpics table td {
    text-align: center;
}

div.fdlpics table img {
    position: static; 
    width: 6em;
    border-style: none; 
}

div.fdlpics table img.upright {
    height: 6em;
    width: auto;
}


/* Sticking out on the left just as far as those above, but wider to
the right */
div.fdlpicsw {
    float: left; 
    width: 5.5em; 
    margin-right: 1em; 
    position: relative;
    white-space:normal;
}
div.fdlpicsw table {
    position: absolute; 
    width: 9em;
    border: none; 
    left:-3.5em;
}
div.fdlpicsw table th {
    text-align: left;
    padding-bottom: 0ex;
}

div.fdlpicsw table img {
    position: static; 
    width: 9em;
    border-style: none; 
}

div.fdlpicsw table img.upright {
    height: 9em;
    width: auto;
}




/* Sticking out on the left just as far as those above, but EVEN wider
to the right */
div.fdlpicsww {
    float: left; 
    width: 10em; 
    margin-right: 1em; 
    position: relative;
    white-space:normal;
}
div.fdlpicsww table {
    position: absolute; 
    width: 13.5em;
    border: none; 
    left:-3.5em;
}
div.fdlpicsww table th {
    text-align: left;
    padding-bottom: 0ex;
}

div.fdlpicsww table img {
    position: static; 
    width: 13.5em;
    border-style: none; 
}

div.fdlpicsww table img.upright {
    height: 13.5em;
    width: auto;
    position: relative;
    left: 2.25em;
}



table.dates {
    border-width: 1px;
    border-color: black;
    border-style: solid;
    text-align: left;
}

table.dates tr {
    border-width: 1px;
    border-color: black;
    border-style: solid;
}

table.dates td, table.dates th {
    border-width: 1px;
    border-color:#84919b;
    border-style: solid;
    padding: .2ex .5em;
}

table.dates th.month { 
    background-color:#84919b;
    font-size: 120%;
    padding-top: .5em; 
    padding-bottom: .1em;
    text-align: center;
    border-color: black;
}

table.dates td.date, table.dates td.phone { 
    text-align: center;
}

table.dates td.venue { 
    white-space: nowrap;
}

table.dates a.prog {
    text-decoration: underline;
    color:#d5971b;
    font-weight: bold;
}

table.dates a.prog:hover {
    color:#af0066;
}

table.dates span.day {
    font-size: 150%;
}

table.dates span.date {
}

table.dates span.time {
    font-size: 120%;
}

table.dates td.phone abbr {
    font-size: 80%;
}
table.dates td.phone abbr.extra {
    color:#af0066;
}


*.playbutton img, img.playbutton {
    height:1.5ex;
    padding:.25ex .5em .25ex .5em
}

*.mrplayer img.play, *.mrplayer img.pause { 
    height:1.75ex;
}

*.mrplayer img.fback, *.mrplayer img.fforward { 
    height:1.25ex;
}

*.mrplayer img.play, *.mrplayer img.pause, *.mrplayer img.fforward { 
    padding-right:1em;
}

*.mrplayer img.fback { 
    padding-right:.5em;
}

*.mrplayer span.time, *.mrplayer span.duration { 
    font-family:monospace; 
}

div.mrplayer {
    border-width:1pt; 
    border-color:#DABC73; 
    border-style:inset;
    border-radius: 3pt; 

    padding:.125ex .5em .125ex .5em;
    background-color:#DABC73;
    width:15em; 

    text-align:center; 
    margin: 0px auto;
}


audio {
    margin-top:1.25ex;
}

table.cd {
    border-width: 2px;
    border-color:#84919b;
    border-style: ridge;
    border-collapse: separate;
}
table.cd.lp {
    margin: 0px auto;
}

table.cd td, table.cd th {
    background-color:#eacc83;
    vertical-align: middle;
    text-align: center;

    border-width: 2px;
    border-color:#84919b;
    border-style: ridge;
}
table.cd a {
    color: black;
}
table.cd th {
    font-size: 120%;
}
table.cd td {
}
table.cd img {
    vertical-align: middle;
    border-width: 0px;
}

table.cd th.see {
    font-weight: normal;
    text-align:left;
    padding: .75ex 1.5em;
    border: none;
    background: none;
}

div.lyrics {white-space: pre;}
/*
div.lyrics h2 {color:black; font-size:150%; margin-bottom: 0pt; margin-top: 3ex; white-space:normal;}
div.lyrics h3 {color:black; font-size:90%; margin-bottom: .75ex; margin-top: 0pt; white-space:normal;}
*/
div.lyrics code {
    margin-top: 1.5ex; 
    display: block; 
    white-space: normal;
}

td.overlap a.foreign {
    color: black; 
    font-weight: normal; 
    font-size: 10pt;
}


/* Newsletter */
*.formcoat input {
    width:99%;
    border:0;
    border-bottom:1px solid black;
    background:none;
    margin:1ex 0em;
}
*.formcoat input.invi {
    border-bottom:1px none black;
}
*.formcoat table table th, *.formcoat table table td {
    width:22em;
    padding-bottom:1ex;
    padding-left:1em;
    padding-right:1em;
}
*.formcoat def {
    font-size:75%;
    display:block;
    width:100%;
}
td.tabgrid {
    height:100%; 
    border-style:solid; 
    border-width:2px; 
}
td.tabgrid.on {
    background:#e0ffe0; 
}
td.tabgrid.off {
    background:#ffe0e0; 
}

div.filelink {text-align:right;}

div.photolist {text-align:center;margin-bottom:2ex;}
div.photolist table {display:inline;}
div.photolist th {text-align:center; padding-bottom:1ex;}
div.photolist th a {font-weight:bold; text-decoration:underline;}


div.shop {
/*    background-image:url(paper.gif);*/
    padding: 1ex 0px;
}

div.shop div.left {
    float: left; 
    width:45%; 
    padding-right:1em;
    border-right: solid 4px #af0066;
    margin-right: 1em;
}

div.shop div.right {
    float: right; 
    width:50%; 
}

/* table.rec td.tech {vertical-align:bottom;}*/
div.shop table.data {border-style:ridge; border-width:3px; border-color:#edd3e4;}

div.shop table.data input {width:3em; text-align:center; font-size:110%; }
div.shop table.data th {text-align:right; font-size:110%; }
div.shop table.data td {font-size:110%; }
div.shop table.data td input[type=button] {font-size:70%; }

div.shop div.rule {
    height:4px;
    background-color:#d5971b;
    margin: 3ex 1ex 1ex 1ex;
}

table.cart {font-size:120%;}

table.cart td {white-space: nowrap; }

table.cart td.num {text-align:right; }

table.cart td.pics {padding-left: 1em; }

table.cart td.pics img {
    height:2.5ex; 
    margin:0ex .25em; 
    border-style:solid; 
    border-color:gray; 
    border-width:1px; 
}
table.cart tr.sum td {border-top: 2px solid black; font-weight:bold; }

table.paychoose {border: none; }

table.pay {
    background-image:url(paper.gif); 
    border: 3px ridge #af0066; 
    width:100%; 
    margin-bottom:2.5ex;
}

table.thanklayout td {
    vertical-align: top;
}

table.thanks {
    background-image:url(paper.gif); 
    border: 3px ridge #af0066; 
    margin-bottom:2.5ex;
    width:100%;
}

table.pay th {
    text-align:left; 
    font-size:150%; 
    padding-left:3em;
    background-color:#af0066; 
    border: 1px solid black;
    color:white;
}

table.thanks th {
    text-align:left; 
    font-size:120%; 
    padding-left:3em;
    background-color:#af0066; 
    border: 1px solid black;
    color:white;
}

table.addr input { width:30em;}
table.addr th {
    text-align:right; 
    font-size:100%; 
    padding-left:0em;
    background-color:transparent; 
    border: none;
    color:black;
}

table.transfer th {
    text-align:right; 
    padding-left:0em;
    padding-right:1em;
    background-color:transparent; 
    border: none;
    color:black;
}
form.cds button {
    font-size:150%; 
    background-color:#edd3e4; 
    border-style:ridge; 
    border-width:5px; 
    border-color:#af0066; 
    width:20em;
}

div.message {  
    font-size:12pt; 
    color:red; 
    background-color:yellow;
    padding-bottom:.5ex;
    padding-left:1em;
    padding-right:1em;
    padding-top:0px;
    border: 2px solid red;
}

form.cds button.blind_default {
    overflow: visible; 
    height: 0; 
    width: 0; 
    margin: 0; 
    border: 0; 
    padding: 0; 
    display: block;
}

div.index p {
    font-size:110%; 
    line-height:135%;
    margin-top:0px;
}

div.index em { 
/*    font-size:110%; */
    font-style:normal; 
    font-weight:bold;
    -ms-hyphens: none; 
    -moz-hyphens: none; 
    -webkit-hyphens: none; 
    hyphens: none;
}

span.oldgigs {
    font-size:90%;
}

table.address {
    margin:2em auto; 
    font-size:110%;
    text-align:left;
}
table.address b {
    font-size:90%;
}

div.radio {
    margin-bottom:4ex;
}
div.radio a {
    color:black;
    text-decoration:underline;
}
div.radio abbr {
    font-size:90%;
}
div.radio h3 {
    font-weight:normal;
    font-size:100%;
    margin-bottom:0ex;
}


div.a5 { margin:0px auto; padding:3pt; background-image:url(paperg.gif); width:148mm; height:210mm; }
div.a6 { margin:0px 0px; padding:3pt; background-image:url(paper.gif); height:105mm; }
div.a5 p {margin-bottom:0pt; margin-top:0pt;padding-bottom:0pt;padding-top:3pt;}

div.a5 h3 {
    text-align: center; 
    font-size:14pt; 
    padding-top:6pt;
    padding-bottom:1.5cm;
}
div.a5 h4 {
    text-align: center; 
    font-size:14pt; 
    padding-top:0pt;
    padding-bottom:6pt;
}

img.bigpic {width:80mm; float:left; margin-left:10pt; margin-bottom:10pt; margin-top:1cm; }

img.stamp {float:right; height:2cm; margin-top:10pt; margin-right:10pt;}

div.addrbox {margin-right:10pt; width:50mm; margin-left:auto; font-size:14pt; text-align:left;}

div.addr {margin-top:30pt; border-top-style:solid; border-top-width:1px; border-top-color:black;}

div.a5 textarea { height:193pt; width:141mm; }
div.a5 input, div.a5 select {display:inline; }
div.a5 button {margin-top:6pt;}
div.writ {position:relative; height:0px; margin-left:3pt; margin-right:10pt; top:-15pt; }
div.a5 th {
    font-weight: normal; 
    text-align:right;
}

img.filmstrip {
    width:52em;
    display:block;
    margin:0px auto .5ex 0px;
}

/*
 * Fake date entries spanning a whole row in dates table
 */

th.allday {
    font-weight:normal;
    padding-top:.5em; 
    padding-bottom:.5em;
    text-align:center;
}
*.allday > div { 
    font-size:110%; 
    padding:1em 100px;
    margin: 1.5ex 3em;
} 

td.overlap *.allday a {
    font-weight:bold;
}

*.allday div.fut {
    background-image:url(futflute2.jpg);
    background-position:.5em center;
    background-repeat:no-repeat;
}
*.allday div.punk {
    background-image:url(punkhair2.jpg);
    background-position:0em center;
    background-repeat:no-repeat;
    background-size:15em;
    padding:1em 3em 1em 18em;
}
*.allday div.hop {
    background-image:url(hopglaeser.jpg);
    background-position:0em center;
    background-repeat:no-repeat;
    background-size:15em;
    padding:1em 3em 1em 18em;
}
*.allday div.dd {
    background-image:url('DurchDichPortrait_4_sweb.gif'),url('DurchDichPortrait_8_sweb.gif');
    background-position:left center, right center;
    background-repeat:no-repeat;
    background-size:4em;
    padding:.5em 5em;
}
*.allday div.woy {
    background-image:url('Buechner_1835.png'),url('Woyzeck_sketch.png');
    background-position:left center, right center;
    background-repeat:no-repeat;
    background-size:4em;
    padding:.5em 5em;
}
*.allday div.ali {
    background-image:url('edith.jpg'),url('markpriv000.jpg');
    background-position:left center, right center;
    background-repeat:no-repeat;
    background-size:4em;
    padding:.5em 5em;
}
*.allday div.ali div, *.allday div.dd div {
    padding:1em;
    background-color:#c0c8d0;
    box-shadow: 1px 2px 7px;
}

audio { background-color:black; }

/*
 * Sub-content unblurring out of nowhere on super-content:hover
 */
/* Parent: hover me to show child */
*.apparitor {z-index:100}

/* invisible child: hover my parent to show me */
span.apparition { 
    padding-left:2em; 
    font-size:90%; 
    color:red;
    position:relative; 
    z-index:400; 

    filter:opacity(0%) blur(10px); 
    -webkit-filter:opacity(0%) blur(10px); 

    transition:left 1.2s, top 1.2s, filter 1.2s, -webkit-filter 1.2s, color 1s;
    -webkit-transition:left 1.2s, top 1.2s, filter 1.2s, -webkit-filter 1.2s, color 1s;
}

*.apparitor span.apparition img {
    width:8em;
}

/* Child moves in from slight off-position */
span.apparition.nw { left:-3em; top:-2.5ex; }
span.apparition.sw { left:-3em; top:2ex; }
span.apparition.ne { left:2em; top:-2.5ex; }
span.apparition.se { left:2.5em; top:3ex; }

/* visible child */
*.apparitor:hover span.apparition { 
    color:green; 
    left:0em; 
    top:0ex; 
    filter:none; 
    -webkit-filter:none; 
    z-index:600; 

    /* transition back has different settings */
    transition:left .65s, top .4s, filter .8s, -webkit-filter .8s, color 1s;
    -webkit-transition:left .65s, top .4s, filter .8s, -webkit-filter .8s, color 1s;
}

*.apparitor:hover span.apparition img { 
    border:solid gray 2px; 
}

/* In menus we have an absolute div round the apparition */
div.apparition_div {
    position:absolute;
}

/* These menu-apparitions are placed individually */

*.menu th.button1.c1 div.apparition_div {
    left:22em;
}
*.menu th.button1.c2 div.apparition_div {
    left:22em;
}
*.menu th.button1.c3 div.apparition_div {
    left:12em;
}
*.menu th.button1.c5 div.apparition_div {
    left:-8.5em;
}

/* These menu-apparition pics have individual sizes */

*.menu th.button1.c2 span.apparition img {
    width:6.5em;
}
*.menu th.button1.c5 span.apparition img {
    width:6.5em;
}

/* Shadows on margin pictures, menus and menu pictures */
div.fdrpics table img, div.fdlpics table img, div.fdlpicsw table img, div.fdlpicsww table img {
    box-shadow: 0px 0px 18px black;
}
img.sh {
    box-shadow: 0px 0px 18px black;
}

/* Shadows on margin picture captions */
div.fdrpics table, div.fdlpics table, div.fdlpicsw table, div.fdlpicsww table {
    text-shadow: 0px 0px 4px white;
}

/* No shadows on certain pictures with transparency */
div.fdrpics table img.noshadow, div.fdlpics table img.noshadow, div.fdlpicsw table img.noshadow, div.fdlpicsww table img.noshadow {
    box-shadow: none;
}

.menu td.button2 {
    box-shadow: 4px 3px 6px #909090;
    _box-shadow: 1px 1px 18px black;
}

.menu td.button3 {
    box-shadow: 4px 3px 6px #909090;
    _box-shadow: 1px 1px 18px black;
}

*.nobutton img {
    box-shadow: 6px 3px 6px #909090;
    _box-shadow: 1px 1px 18px black;
}
h4 {
    margin-bottom:0px;
}
*.legal p {
    margin-top:0px;
}
div.legal {
    max-height:40ex;
    width:40em;
    overflow:auto;
    transition-property:max-height, width;
    transition-duration:2.5s;
}
div.legal.open {
    max-height:1600ex;
    width:50em;
    overflow:hidden;
}

/* Search results */
td.overlap h2.searchresults {
    margin-bottom: 0px;
}

td.overlap h2.searchresults + dfn {
    font-size:90%;
    margin-bottom:0px;
    color:#b78217;
}

td.overlap h2.searchresults + dfn + p {
    color:#444444;
    margin-right:6em;
    margin-top:.9ex;
    line-height:120%;
    font-size:80%;
}

td.overlap h2.searchresults + dfn + p b {
    /* color:#5a5a5a; */
}

div.warning {  
    font-size:13pt; 
    font-weight:bold; 
    color:red; 
    background-color:yellow;
    padding:0px 1em .5ex 1em;
    border: 2px solid red;
    border-radius:.5em;
    width:50%;
    margin:0px auto;
    text-align:center;
}

/* Invisible large image ready for user clicking on a preview */
div.fdlpics table img.blowup,
div.fdlpicsw table img.blowup,
div.fdlpicsww table img.blowup {
    position:absolute;
    left:0em;
    top:0px;
    border:ridge gray 6px;
    z-index:1;
    background-color:white;

    width:0px;
    opacity:0;
    transition-property:width opacity left top;
    transition-duration:1s;
}

div.fdlpics table img.blowup.visible,
div.fdlpicsw table img.blowup.visible,
div.fdlpicsww table img.blowup.visible {
    left:7em;
    top:-125px;
    width:400px;
    opacity:1;
}

td.overlap form.cds h2 {
    display:block; 
    background-color:initial;
    margin-top:3ex;
}

div.ticketpopup {
    margin:1ex auto;
    background-color:#e090d0;
    border:1px solid #c020a0;
    border-radius:2em;
    padding:1em;
    box-shadow:4px 2px 15px black;
}

div.ticketpopup.uc {
    background-color:#609040;
    border-color:darkgreen;
}

div.ticketpopup td {
    padding-right:.5em;
    vertical-align:top;
}

div.flyerpopup {
    position:relative;
    float:right;
    width:45%;
}

div.flyerpopup > div {
    position:absolute;
    height:18ex;
    overflow:hidden;
    transition-property:height;
    transition-duration:.75s;
}

div.flyerpopup > div img {
    position: relative;
    width:20em;
    top: 0ex;
    box-shadow:4px 2px 12px black; 
    margin:1ex 0em;
    transition-property:width top;
    transition-duration:.75s;
}

div.flyerpopup.big > div {
    height:180ex;
}

div.flyerpopup.big > div img {
    width:50em;
}

div.flyerpopup > div b {
    transition-property: opacity;
    transition-duration:.75s;
}

div.flyerpopup.big > div b {
    opacity:0;
}

div.paperquote {
    margin: 1.5ex 4em;
    display:table;
}

div.paperquote div {
    padding: .5ex .5em;
    background-color: #d0d0d0;
    border:1px black outset;
}

/* Link to video */
td.overlap a.youtube {
    display: block;
    border: none;
}
td.overlap a.youtube:hover {
    border: none;
}
/* video thumbnail and playbutton-table */
table.youtube, img.youtube {
    width:560px;
    margin:0 auto;
    display:block;
}
table.youtube.smaller, img.youtube.smaller {
    width:285px;
    margin:0 auto;
    display:block;
}
table.youtube.left, img.youtube.left {
    margin:0;
}
table.youtube {
    margin-bottom:2ex;
    text-align: left;
}
/* play button */
table.youtube img {
    height:3ex;
    vertical-align:middle;
    padding:1ex 2ex;
    border-radius:1ex;
    box-shadow: 0px 0px 2px gray;
}
table.youtube img:hover {
    _background-color:#d5971b;
    background-color:#eacb8b;
}