@charset "ISO-8859-1";

body {
    font: normal 100% Franklin Gothic Medium, Calibri, sans-serif;
    color: #000000;
    background:url(images/bg.png);
    background-attachment:fixed;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: left;
}

div#Seite {
    margin: 0 auto;
    height: auto;
    width: 900px;
    border: 0px solid black;
    position: relative;
    top: 30px;
    z-index: 1;
    overflow: auto;
}

div#Menuebg {
    width: 100%;
    height: 33px;
    border: 0px solid black;
    background-color: #FFFFFF;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index:19;
}

div#Menueschatten {
    width: 100%;
    height:1px;
    border: 0px solid black;
    background-color: #000000;
    opacity: 0.2;
    position: fixed;
    top: 33px;
    left: 0px;
    z-index: 19;
}

div#Menue {
    margin: 0 auto;
    width: 900px;
    height:33px;
    text-align:center;
    border: 0px solid black;
    background-color: ;
    position: fixed;
    top: -12px;
    z-index:20;
}

ul#Navigation a, ul#Navigation span {
    display: block;
    width: 120px;
    height: 30px;
    border: 0px solid black;
    text-decoration: none;
    font-weight: bold;
    color: #000000;
}

ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border: 0px solid black;
    height: 30px;
    width: 120px;
    border-left-color: black; border-top-color: black;
    color: #CC0000; background-color: ; opacity: 1;
}

li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    border: 0px solid black;
    height: 30px;
    width: 120px;
    opacity: 1;
    color: #CC0000; background-color: ;
}

ul#Navigation li {
    list-style: none;
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
}

div#JR_Schrift {
    border: 0px solid black;
    background-color: ;
    width:600px;
    height:81px;
    margin: 0 auto;
    opacity: 1;
    position: relative;
    top: 10px;
    z-index:1;
}

div#Logo {
    margin: 0 auto;
    width: 200px;
    height: 200px;
    opacity: 0.8;
    border: 0px solid black;
    background-color: ;
    position:relative;
    top: -65px;
    left: 350px;
    z-index: 9;
}

div#BoxBG {
    margin: 0 auto;
    border: 0px solid black;
    background-color: #000000;
    opacity: 0.6;
    position: absolute;
    top: 100px;
    left: 40px;
    width:810px;
    z-index:0;
    height:auto;
    overflow: auto;
}

div#BoxNews {
    border: 0px solid white;
    color: #FFFFFF;
    background-color: ;
    opacity: 1;
    position: absolute;
    top: 100px;
    left: 70px;
    width: 450px;
    z-index:1;
    overflow:hidden;
}

div#BoxNewsScroll {
    border: 0px solid white;
    color: #FFFFFF;
    background-color: ;
    opacity: 1;
    position: absolute;
    top: 100px;
    left: 70px;
    width: 450px;
    z-index:1;
    overflow:auto;
}

div#BoxNewsVideo {
    border: 0px solid white;
    color: #FFFFFF;
    background-color: ;
    opacity: 1;
    position: absolute;
    top: 100px;
    left: 70px;
    width: 60%;
    z-index:1;
    overflow:hidden;
}

div#BoxNewsAltBand {
    border: 0px solid white;
    color: #FFFFFF;
    background-color: ;
    opacity: 1;
    position: absolute;
    top: 100px;
    left: 70px;
    width: 300px;
    z-index:1;
}

div#BoxNewsAlt {
    border: 0px solid white;
    color: #FFFFFF;
    background-color: ;
    opacity: 1;
    text-align: justify;
    position: absolute;
    top: 100px;
    left: 70px;
    width: 750px;
    z-index:1;
}

div#BoxNewsAltPics {
    border: 0px solid white;
    color: #FFFFFF;
    background-color: ;
    opacity: 1;
    position: absolute;
    top: 120px;
    left: 70px;
    width: 690px;
    z-index:1;
}

div#BoxNextGig {
    border: 0px solid white;
    color: #FFFFFF;
    background-color:;
    opacity: 1;
    position: absolute;
    top: 100px;
    left: 540px;
    height: 800px;
    width: 290px;
    z-index:1;
}


div#BoxNextGigAltBand {
    border: 0px solid white;
    color: #FFFFFF;
    background-color: ;
    opacity: 1;
    text-align: justify;
    position: absolute;
    top: 100px;
    left: 400px;
    height: 600px;
    width: 400px;
    z-index:1;
}

div#BoxPlayer {
    border: 0px solid white;
    color: #FFFFFF;
    background-color: ;
    opacity: 1;
    position: absolute;
    top: 100px;
    left: 440px;
    height: 800px;
    width: 290px;
    z-index:1;
}

div#Fu {
    margin: 0px auto;
    text-align: center;
    border: 0px solid white;
    color: #FFFFFF;
    background-color: ;
    opacity: 1;
    position: absolute;
    bottom: 5px;
    height: 50px;
    width: 900px;
    z-index:1;
}

div#Fu2 {
    margin: 0px auto;
    text-align: center;
    border: 0px solid white;
    color: #FFFFFF;
    background-color: ;
    opacity: 1;
    position: absolute;
    bottom: 5px;
    height: 50px;
    width: 750px;
    z-index:1;
}

div#hrw {
    width: 720px;
    height: 6px;
    background-color: #FFFFFF;
}

div#hrr {
    width: 720px;
    height: 2px;
    background-color: #CC0000;
}

div#hrr2 {
    width: 90%;
    height: 2px;
    background-color: #CC0000;
    margin-left: auto;
    margin-right: auto;
}

#Data {
    width: auto;
    height: 1450px;
    overflow: hidden!important;
}

#Data2 {
    width: auto;
    height: 1450px;
    overflow:auto;
}

#Data a {
    color: white;
}

#Lyrics {
    color: white;
    height: 70%;
    width: 60%;
    margin-top: 10%;
    margin-left: 15px;
    overflow: auto;
}

#datesscroll {
    overflow: auto;
    height: 50%;
}

#datesscroll2 {
    overflow: auto;
    <!--
height: 50%;
    -->
}

#PressIMG {
    float: left;
    width: 40%;
    height: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:15%;
}

#PressTXT {
    float: right;
    width: 40%;
    height: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15%;
}

#PressDOWNLOAD {
    width: 40%;
    height: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60%;
    margin-left: auto;
    margin-right: auto;
}

#BoxBGPRESS {
    margin: 0 auto;
    opacity: 1;
    position: absolute;
    top: 100px;
    left: 40px;
    width:810px;
    z-index:1;
    height:auto;
    overflow: auto;
}

a{cursor:pointer;}

/*Gallery Container*/
.image-gallery{
    position:relative;
    margin:0 auto;
    margin-top: -15%;
    width:600px;
    border-radius:0px;
}
/*Sets Big Image style*/
.image-gallery .big-image{
    width:600px;
    height:360px;
    margin:0 auto;
    margin-top: -15%;
    position:relative;
}
.image-gallery .big-image img{
    opacity:0;position:absolute;left:0px;top:0px; width:600px;
    margin:0 auto;
    transition: opacity 350ms;
    box-shadow:0 1px 20px 1px rgba(0,0,0,0.7);
}

/*Selected image display*/
.image-gallery .big-image img:target{opacity:1;}
/*on select image display none the default image*/
.image-gallery .big-image img:target ~ img#default{opacity:0;}

/*Show Default Image in first load*/
.image-gallery .big-image img#default{opacity:1;}


/***Button***/
.image-gallery .button{
    font-weight:bold;
    font-size:30px;
    display:inline-block;
    transform:scale(1,2);
    background-color:black;
    color: #CC0000;
    padding:0 10px;
}
.image-gallery .prev{position:absolute; left:0; top:378px;}
.image-gallery .next{position:absolute; right:0; top:378px;}

/***move thumbs on click on buttons***/
.image-gallery .prev:active ~ .thumbs  ul{
    transform:translateX(0%);
    transition:3s all;
}
.image-gallery  .next:active ~ .thumbs  ul{
    transform:translateX(-90%);
    transition:3s all;
}

/***thumbs***/
.image-gallery .thumbs{
    overflow:hidden; white-space:nowrap; margin:0 45px;
}
.image-gallery .thumbs ul{
    float:left; transition:999999s all; transform:translateX(0);
}
.image-gallery .thumbs li{display:inline-block; margin-right:3px;}
.image-gallery .thumbs li a:hover{opacity:1;}
.image-gallery .thumbs li a{opacity:0.85;}
.image-gallery .thumbs li a:focus{opacity:1;}
.image-gallery .thumbs li img{width:128px;}


::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}

.cc_container .cc_btn {
    background-color: #CC0000 !important; /* Farbe des Buttons */
    color: #000 !important; /* Textfarbe des Buttons */
}

.cc_container {
    background: black !important; /* Hintergrundfarbe des gesamten Bereichs */
    color: white !important; /* Schriftfarbe des gesamten Bereichs */
}

.cc_container a {
    color: #CC0000 !important; /* Textlink-Farbe "Mehr Infos" */
}