/*--------------------------------------------------------------  body*/
body {  }
a:link { color: #434242 ; text-decoration: none; outline-color: invert; outline-style: none; }
a:visited { color: #434242 ; text-decoration: none; outline: none medium; }
a:hover { color: #e1a022 ; text-decoration: none; outline: none medium; }
a:active { color: #a36b01 ; text-decoration: none; outline: none medium; }
a:focus { color: #9f6903 ; text-decoration: none; outline: none medium; }
#container { width: 99%; left: 5px; top: 5px; position: absolute; right: 0; bottom: 0; height: auto; z-index: 1; border-top: 1px solid #787676; border-right: 1px solid #787676; border-left: 1px solid #787676; }
#content { position: relative; z-index: 1; top: 35px; left: 25px; width: 920px; height: auto; padding-top: 20px; padding-right: 20px; padding-left: 20px; border: solid 1px #c3c1c1; }
.content { padding-top: 20px; position: relative; z-index: 1; top: 50px; left: 25px; width: 920px; height: auto; padding-right: 20px; padding-left: 20px; border: solid 1px #c3c1c1; }
#contentorte { position: relative; z-index: 1; top: 35px; left: 25px; width: 920px; height: auto; padding: 20px 20px 40px; border: solid 1px #c3c1c1; }
#contentbilder { position: relative; z-index: 100; width: 920px; height: auto; }
/*-------------------------------------------------------------- indexseite*/
.index-titel { position: relative; z-index: 4; top: -30px; left: 50px; width: 870px; height: 40px; color: #808080; font-size: 42px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 42px; text-align: center; }
.content-index-1 { position: relative; z-index: 1; top: 35px; left: 25px; width: 920px; height: auto; margin-bottom: 20px; padding-top: 20px; padding-right: 20px; padding-left: 20px; border: solid 1px #c3c1c1; }
.content-index-2 { margin-top: 20px; position: relative; z-index: 1; top: 35px; left: 25px; width: 920px; height: auto; margin-bottom: 20px; padding: 5px 20px 10px; border: solid 1px #c3c1c1; }
.content-index-3 { margin-top: 20px; margin-bottom: 20px; padding: 5px 20px 10px; position: relative; z-index: 1; top: 35px; left: 25px; width: 920px; height: auto; border: solid 1px #c3c1c1; }
.content-index-4 { margin-top: 20px; position: relative; z-index: 1; top: 35px; left: 25px; width: 920px; height: auto; margin-bottom: -10px; padding: 20px; border: solid 1px #c3c1c1; color: #808080; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; }
.content-index-5 { margin-top: 20px; position: relative; z-index: 1; top: 35px; left: 25px; width: 920px; height: auto; margin-bottom: -10px; padding: 20px; border: solid 1px #c3c1c1; color: #808080; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; }
#index-orte-liste { color: #808080; font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 35px; padding-bottom: 5px; }
#index-sparten-titel { color: #808080; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; padding-bottom: 5px; }
/*-------------------------------------------------------------- titel*/
.titel { color: #808080; font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 22px; }
.titelgross { color: #808080; font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 22px; text-transform: uppercase; }
.navlink { color: #808080; font-size: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 22px; text-align: center; vertical-align: bottom; padding-top: 3px; }
#titel { height: 50px; width: 960px; top: 20px; position: relative; left: 25px; z-index: 2; border: solid 1px #c3c1c1; }
#qlinks { background-color: #f2ecdf; text-align: center; vertical-align: bottom; position: relative; top: 10px; left: -10px; width: 30px; height: 30px; z-index: 3; border: solid 1px #c3c1c1; }
#schriftzug { position: relative; top: -18px; left: 50px; width: 870px; height: 40px; z-index: 4; overflow: hidden; border-color: #686868; }
#qrechts { background-color: #f2ecdf; text-align: center; vertical-align: bottom; position: relative; top: -65px; right: -938px; width: 30px; height: 30px; z-index: 5; border: solid 1px #c3c1c1; }
/*-------------------------------------------------------------- listen*/
.content-textliste { position: relative; z-index: 1; top: 70px; left: 25px; width: 920px; height: auto; padding-top: 20px; padding-right: 20px; padding-left: 20px; border: solid 1px #c3c1c1; }
#content-kunstliste { padding-top: 20px; padding-right: 20px; padding-left: 20px; position: relative; z-index: 1; top: 35px; left: 25px; width: 920px; height: auto; float: none; border: solid 1px #c3c1c1; }
#orteliste-text-bottom { position: relative; z-index: 1; top: 0; left: 0; width: 880px; height: auto; float: none; margin-bottom: 20px; padding: 20px; border: solid 1px #c3c1c1; }
.listen-jahreszahl { color: #808080; font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 26px; text-align: right; }
.titel-liste { color: #808080; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; padding-bottom: 5px; }
.text-vorschaubild { color: #808080; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; }
#liste-content { position: relative; top: 0; left: 0; z-index: 10; width: 917px; height: 120px; margin-bottom: 20px; border: solid 1px #c3c1c1; }
.liste-content { margin-bottom: 20px; position: relative; z-index: 10; left: 0; width: 917px; height: 120px; border-color: #c3c1c1; border-style: solid dashed; border-width: 1px 2px; }
.ltextiste-content { margin-bottom: 20px; position: relative; z-index: 10; top: -20px; left: 0; width: 917px; height: 120px; border: solid 1px #c3c1c1; }
#bild-liste { background-color: #f3efef; background-image: url(zbild/fragezeichen.jpg); position: absolute; z-index: 11; top: 10px; left: 10px; width: 100px; height: 100px; overflow: hidden; border: solid 1px #757171; }
.bild-liste { background-color: #f3efef; background-image: url(zbild/fragezeichen.jpg); position: absolute; z-index: 11; top: 9px; left: 10px; width: 100px; height: 100px; overflow: hidden; border: solid 1px #757171; }
#text-liste { position: absolute; top: 5px; z-index: 12; left: 129px; width: 771px; height: 85px; overflow: hidden; }
.text-liste { color: #808080; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; background-color: #fff; position: absolute; z-index: 12; top: 9px; left: 129px; width: 771px; height: 102px; overflow: hidden; }
.text-liste-plus { color: #808080; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; }
#link-liste { background-color: #f2ecdf; text-align: right; position: absolute; top: 98px; left: 129px; z-index: 13; width: 771px; height: 15px; }
.link-liste { color: #808080; font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; background-color: #f2ecdf; text-align: center; vertical-align: bottom; position: absolute; z-index: 13; top: 86px; left: 885px; width: 20px; height: 20px; padding-top: 1px; border: solid 1px #c3c1c1; }
.link-liste-text { color: #808080; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 10px; text-align: right; padding: 4px; margin-top: 30px; position: absolute; bottom: 10px; right: 10px; width: auto; height: 15px; background-color: #f2ecdf; border: solid 1px #c3c1c1; z-index: 13; }
/*-------------------------------------------------------------- karteikarte*/
.text { color: #808080; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; }
.textkursiv { color: gray; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; line-height: 14px; }
.textbold { color: gray; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px; }
.text-steckbrief { color: gray; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 13px; }
.mainlinks { color: #808080; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; text-transform: capitalize; }
.mainlinks-braun { color: #e1a022; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; text-transform: capitalize; }
/*-------------------------------------------------------------- steckbrief band */
.content_band_plus_links { padding: 20px 20px 40px; position: relative; z-index: 1; top: 35px; left: 25px; width: 920px; height: auto; border: solid 1px #c3c1c1; }
.band_links { background-color: #faf7ef; text-align: center; padding-top: 5px; position: relative; z-index: 20; width: 915px; height: 18px; border: solid 1px #c3c1c1; }
#bandlinks { color: #808080; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; text-transform: capitalize; }
.content_band { visibility: visible; margin-top: 30px; z-index: 18; width: 920px; height: auto; }
.steckbrief_band_container { position: relative; z-index: 11; width: 600px; height: auto; }
.steckbrief_band_bild { position: relative; z-index: 13; width: auto; height: auto; overflow: hidden; padding-bottom: 20px; }
.steckbrief_band_zeit_titel { color: gray; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 13px; text-align: right; position: relative; z-index: 13; margin-bottom: 2px; }
.steckbrief_band_zeit { color: gray; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 13px; margin-bottom: 20px; padding: 10px 20px; position: relative; z-index: 13; border: solid 1px #cac8c8; }
.steckbrief_band_lineup_titel { color: gray; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 13px; text-align: right; position: relative; z-index: 13; margin-bottom: 2px; }
.steckbrief_band_lineup { color: gray; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 13px; margin-bottom: 20px; padding: 10px 20px; position: relative; z-index: 13; border: solid 1px #cac8c8; }
.steckbrief_band_text_titel { color: gray; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 13px; text-align: right; position: relative; z-index: 13; margin-bottom: 2px; }
.steckbrief_band_text { color: gray; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 13px; position: relative; z-index: 13; overflow: hidden; padding: 10px 20px; border: solid 1px #cac8c8; }
#alphabet { color: #808080; font-size: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; padding-top: 20px; padding-right: 20px; padding-left: 20px; position: relative; z-index: 1; top: 35px; left: 25px; width: 920px; height: 45px; float: none; border: solid 1px #c3c1c1; }
/*-------------------------------------------------------------- discographie*/
.discographie-sub-content { position: relative; z-index: 10; width: 270px; height: auto; margin-bottom: 20px; margin-left: 10px; padding-right: 5px; padding-bottom: 20px; padding-left: 5px; border-style: solid dashed; border-width: 1px 2px; border-color: #c3c1c1; }
.discographie-sub-content-bild { position: relative; z-index: 11; top: 10px; left: 10px; width: 250px; height: auto; overflow: hidden; }
.discographie-sub-content-text { color: #808080; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; background-color: #fff; position: relative; z-index: 12; top: 10px; left: 10px; width: 250px; height: auto; overflow: hidden; }
.discographie-content { visibility: visible; z-index: 18; width: 920px; height: auto; margin-top: 30px; }
.container_liste_discographie { visibility: visible; z-index: 18; }
#bild-texte1-innen { background-color: #f3efef; z-index: 15; width: 300px; height: 200px; overflow: hidden; }
#bild-discographie1-innen { background-color: #f3efef; z-index: 15; width: 300px; height: 300px; overflow: hidden; }
#bild-texte2-innen { background-color: #f3efef; position: relative; z-index: 16; width: 300px; height: 200px; overflow: hidden; }
#bild-discographie2-innen { background-color: #f3efef; position: relative; z-index: 16; width: 300px; height: 300px; overflow: hidden; }
#bild-texte3-innen { background-color: #f3efef; position: relative; z-index: 17; width: 300px; height: 200px; overflow: hidden; }
#bild-discographie3-innen { background-color: #f3efef; position: relative; z-index: 17; width: 300px; height: 300px; overflow: hidden; }
#bild-discographie4-innen { background-color: #f3efef; position: relative; z-index: 17; width: 300px; height: 300px; overflow: hidden; }
/*-------------------------------------------------------------- stecikbrief kultur*/
#musikliste-introtext { padding-top: 20px; padding-right: 20px; padding-left: 20px; position: relative; z-index: 20; height: auto; float: none; border: solid 1px #c3c1c1; }
#bilder-kultur { position: relative; top: 0; z-index: 11; width: 917px; height: 400px; }
#bilder-bands { position: relative; z-index: 11; top: 30px; width: 917px; height: 260px; }
#bilder { position: relative; z-index: 11; top: 0; width: 917px; height: 200px; }
#bild1-innen { background-color: #f3efef; position: absolute; top: 0; left: 0; z-index: 12; width: 300px; height: 200px; overflow: hidden; }
#bild2-innen { background-color: #f3efef; position: absolute; top: 0; z-index: 13; left: 318px; width: 300px; height: 200px; overflow: hidden; }
#bild-kultur-innen { background-color: #f3efef; position: absolute; z-index: 13; top: 0; width: 400px; height: 400px; overflow: hidden; }
#bild-band-innen { background-color: #f3efef; position: relative; z-index: 13; top: 20px; width: 300px; height: 200px; overflow: hidden; }
#steckbrief-box { position: absolute; top: 0; z-index: 15; left: 635px; width: 260px; height: 190px; overflow: hidden; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border: solid 1px #c3c1c1; }
#steckbrief-kultur { padding-right: 10px; padding-bottom: 10px; padding-left: 10px; position: absolute; z-index: 15; left: 420px; width: 475px; height: 390px; overflow: hidden; border: solid 1px #c3c1c1; }
#steckbrief-band { padding-right: 10px; padding-bottom: 10px; padding-left: 10px; position: absolute; z-index: 15; left: 320px; width: 575px; height: 190px; overflow: hidden; border: solid 1px #c3c1c1; }
#orte-links { background-color: #f2ecdf; text-align: center; position: relative; top: 20px; z-index: 20; width: 915px; height: 18px; padding-top: 5px; border: solid 1px #c3c1c1; }
#texte-liste { position: relative; top: 40px; z-index: 19; width: 900px; height: auto; }
/*-------------------------------------------------------------- texte*/
.titel-texte { color: #808080; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 22px; margin-bottom: 20px; }
#texte { padding: 10px; z-index: 18; width: auto; height: auto; margin-bottom: 20px; border: solid 1px #c3c1c1; }
#listen-links { margin-bottom: 20px; padding: 10px; z-index: 18; width: auto; height: auto; border: solid 1px #c3c1c1; }
#impressum { z-index: 18; width: 920px; height: auto; margin-bottom: 25px; }
.texte-bildcontainer { position: relative; z-index: 18; width: 300px; height: auto; }
.texte-discocontainer { position: relative; z-index: 18; width: 420px; height: auto; }
.texte-container { position: relative; left: 20px; z-index: 18; width: 780px; height: auto; visibility: visible; }
.texte-container-rechts { visibility: visible; position: relative; z-index: 18; left: 20px; width: 600px; height: auto; }
#texte-container-innen { margin-bottom: 20px; padding: 10px; z-index: 18; width: 475px; height: auto; border: solid 1px #c3c1c1; }
/*-------------------------------------------------------------- bilder*/
#text-bilder { position: relative; z-index: 20; top: 35px; left: 25px; width: 920px; height: auto; margin-bottom: 20px; padding: 20px; border: solid 1px #c3c1c1; }
/*-------------------------------------------------------------- pdf-liste*/
.text-liste-bildlos { color: #808080; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; position: absolute; top: 7px; left: 15px; z-index: 11; width: 886px; height: 84px; overflow: hidden; }
.pdf-link { color: #808080; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; text-align: right; position: absolute; z-index: 13; top: 90px; left: 15px; width: 886px; height: 35px; }
/*-------------------------------------------------------------- fuss*/
#fuss { position: relative; top: 55px; z-index: 1; left: 25px; width: 960px; height: 50px; visibility: visible; float: none; border: solid 1px #c3c1c1; }
#fuss1 { visibility: visible; position: relative; z-index: 1; top: 70px; left: 25px; width: 960px; height: 50px; float: none; border: solid 1px #c3c1c1; }
#fuss-save { text-align: right; visibility: visible; position: relative; z-index: 1; top: 70px; left: 25px; width: 960px; height: 50px; float: none; border: solid 1px #c3c1c1; }
#muecke { text-align: right; visibility: visible; position: relative; z-index: 25; top: 55px; left: 25px; width: 95%; height: 50px; float: none; margin-top: 20px; border-color: #c3c1c1; }
#content-fuss { position: relative; z-index: 18; width: 900px; height: auto; padding: 18px; }
.bottomlinks { color: #808080; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 13px; text-transform: capitalize; }
#qbottom { background-color: #f2ecdf; text-align: center; position: relative; z-index: 3; width: 30px; height: 30px; vertical-align: bottom; top: -40px; left: 11px; float: right; border: solid 1px #c3c1c1; }
.rotate {

/* Safari */
-webkit-transform: rotate(90deg);

/* Firefox */
-moz-transform: rotate(90deg);

/* IE */
-ms-transform: rotate(90deg);

/* Opera */
-o-transform: rotate(90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

}
.muecke img { border: 0; }
img { border: 0;}

div.liste-content a {
 display: block;
 width: 100%;
 height: 100%;
}
/*-------------------------------------------------------------- animation*/
.titelanimation {
    -webkit-animation: color-change 2s infinite;
    -moz-animation: color-change 2s infinite;
    -o-animation: color-change 2s infinite;
    -ms-animation: color-change 2s infinite;
    animation: color-change 2s infinite;
}

@-webkit-keyframes color-change {
    0% { color: red; }
    50% { color: #808080; }
    100% { color: red; }
}
@-moz-keyframes color-change {
    0% { color: red; }
    50% { color: #808080; }
    100% { color: red; }
}
@-ms-keyframes color-change {
    0% { color: red; }
    50% { color: #808080; }
    100% { color: red; }
}
@-o-keyframes color-change {
    0% { color: red; }
    50% { color: #808080; }
    100% { color: red; }
}
@keyframes color-change {
    0% { color: red; }
    50% { color: #808080; }
    100% { color: red; }
}