a {
  text-decoration: none;
  color: #CC9900;
  }

@font-face {
    font-family: Typewriter;
    src: url(font/typewriter.ttf);
    text-decoration: none;
}

@font-face {
    font-family: Brush;
    src: url(font/brush.otf);
    text-decoration: none;
}

@font-face {
    font-family: Headlines;
    src: url(font/headlines.otf);
    text-decoration: none;
}

body {
        font: 62.5% Verdana, Sans-Serif;
        color: #FFF;
        background:#000;
        margin: auto; padding:0 0 0 0;
        background-image: url(gfx/main-bg.jpg);
        background-attachment: fixed;
}

.bgdesign {
        top: 50%;
        left: 50%;
        margin-top: -300px;
        margin-left: -400px;
        width: 800px;
        height: 600px;
        position: fixed;
        background-image: url(gfx/bgdesign.png);
        z-index: -1;
}

.infotext {
        float:left;
        letter-spacing:0px;
        width:800px;
        padding-top:0px;
        padding-bottom:5px;
        margin-top: 0px;
        font-family: 'Pathway Gothic One', sans-serif;
        font-size:20px;
        color:#FFF;
        text-align: justify;
}

.infotext_1 {
        float:left;
        letter-spacing:0px;
        width:800px;
        padding-top:0px;
        padding-bottom:5px;
        margin-top: 0px;
        font-family: 'Pathway Gothic One', sans-serif;
        font-size:17px;
        color:#CC9900;
        text-align: center;
}

.titel {
        float:left;
        letter-spacing:0px;
        width:800px;
        padding-top:40px;
        padding-bottom:5px;
        margin-bottom:15px;
        border-bottom:1px solid #FFF;
        font-family: 'Headlines', sans-serif;
        font-size:34px;
        color:#CC9900;
}

.subline {
        float:left;
        letter-spacing:0px;
        width:800px;
        padding-top:5px;
        padding-bottom:5px;
        margin-top:10px;
        margin-bottom:10px;
        border-bottom:1px solid #2a2a2a;
        border-top:1px solid #2a2a2a;
        font-family: 'Typewriter', sans-serif;
        font-size:34px;
        color:#CC9900;
        text-align: center;
}





a.top-nav {
 -o-transition:.3s;
 -ms-transition:.3s;
 -moz-transition:.3s;
 -webkit-transition:.3s;
 transition:.3s;
 float:right;
 display:inline-block;
 margin-bottom:2px;
 height:35px;
 width:90px;
 font-family: 'Pathway Gothic One', sans-serif;
 padding-top:10px;
 padding-right:4px;
 padding-left:4px;
 font-size:20px;
 letter-spacing:0px;
 text-decoration:none;
 text-align:center;
 background-image: url(gfx/30perc-black.png);
  }
a.top-nav:link, a.top-nav:visited
{
 color:#FFF;
}
a.top-nav:active, a.top-nav:hover
{
 background:#000;
 color:#CC9900;
}

a.anchorLink {
 -o-transition:.3s;
 -ms-transition:.3s;
 -moz-transition:.3s;
 -webkit-transition:.3s;
 transition:.3s;
 float:right;
 display:inline-block;
 border-right:1px solid #CC9900;
 margin-bottom:5px;
 height:35px;
 width:160px;
 font-family: 'Pathway Gothic One', sans-serif;
 padding-top:6px;
 padding-right:25px;
 padding-left:25px;
 font-size:24px;
 letter-spacing:0px;
 text-decoration:none;
 text-align:right;
 background-image: url(gfx/30perc-black.png);
  }
a.anchorLink:link, a.anchorLink:visited
{
 color:#FFF;
}
a.anchorLink:active, a.anchorLink:hover
{
 background:#000;
 color:#CC9900;
}

.city            { color:#CC9900; font-weight:bold;}
.vvk-zeile       { width:592px; padding:3px; margin:0px; float:left; }
.vvk-zeile-black { width:592px; padding:3px; margin:0px; float:left; background-image: url('gfx/20perc-black.png'); }
.vvk-name        { width:125px; padding:0px; margin:0px; float:left; }
.vvk-adresse     { width:190px; padding:0px; margin:0px; float:left; }
.vvk-kontakt     { width:90px; padding:0px; margin:0px; float:left; color:#73AFB5; letter-spacing:-1px; }
.vvk-tage        { width:85px; padding:0px; margin:0px; float:left; color:#73AFB5; text-align:right; margin-right:5px;}
.vvk-zeiten      { width:95px; padding:0px; margin:0px; float:left; color:#73AFB5; font-weight:bold;}

a.artist-link { text-decoration: none; padding:1px; padding-top:4px; margin:0px; }
a.artist-link:link, a.artist-link:visited { color:#CC9900; }
a.artist-link:active, a.artist-link:hover { color:#FFF;  }

.lineupartist  { font-family:Arial Black; font-size:1.9em; padding:0px; }
.lineupagentur { font-family:Arial;font-size:10px; color:#B2B4B5; }

.artist-mainitem {
    cursor: pointer;
    margin-bottom: 10px;
    float:left;
    width:254px;
    padding:5px;
    font-size:20px;
    font-family: 'Pathway Gothic One', sans-serif;
    background-image: url(gfx/50perc-black.png);
}

.artist-mainitem a:hover {
    background: url(gfx/30perc-black.png);
    color:#CC9900;
}

.artist-image {
    float:left;
    width:254px;
}
.artist-label {
    padding:10px;
    background-image: url(gfx/80perc-black.png);
    font-size:24px;
    color:#FFF;
    font-family: 'Pathway Gothic One', sans-serif;
}
.artist-subitem {
    display: none;
    width:254px;
    float:left; font-family:verdana,sans-serif;
    color:#d0d0d0;
    border-top:1px solid #CC9900;
    background-image: url(gfx/arrow-down1.png);
    background-repeat:no-repeat;
    text-align: justify;
}
.artist-video {
    padding-top:5px;
    padding-bottom:10px;
}
.loaded {
        }





a.totop {
 margin-top:3px;
 padding-bottom:4px;
 padding-left:9px;
 padding-right:9px;
 text-decoration:none;
 background-image: url(gfx/30perc-black.png);
 color:#FFF;
  }
a.totop:link, a.totop:visited { }
a.totop:active, a.totop:hover {
color:#CC9900;
background:#000; }



#site {
    width:800px;
        margin:auto;

}

.lu-floor        { color:#CC9900;text-transform: uppercase; margin-bottom:5px;}
.lu-artist       {  color:#FFF; text-transform: uppercase; margin-bottom:-3px;}
.lu-label        {  color:#16828A; text-transform: lowercase; padding:0px; font-size:0.9em;}

.runningbox      { width:130px; float:left; border-top: 1px solid #0D5257; background-image: url('gfx/30perc-black.png'); margin-bottom:4px;}

.scrollup{
    width:50%;
    height:400px;
    position:fixed;
    z-index:-1;
    right:550px;
    top:80px;
    text-align:left;
    display:none;
}

.scrollup_2{
    width:50%;
    height:400px;
    position:fixed;
    z-index:-1;
    right: -460px;
    top:80px;
    text-align:left;
    display:none;
}

.pictureframe { float:left; padding:3px; background-image: url(gfx/80perc-black.png); margin-right:4px; margin-bottom:4px; }
