* {
    margin: 0;

}

body          {font-family: 'Exo', sans-serif;
                width: 100%; height: 100%; margin: 0px;
                 background-color: rgba(0,0,0,1.00);
                 cursor: crosshair;}

#wrapper  {max-width: auto; height: auto;
          margin: auto;}





/* Main Navigation */
#nav {
        position:fixed;
        width:1200px ;
        height: 80px;
        margin: auto;
        margin-top:0px;
        border-bottom: solid thin #7F0000;


        z-index: 100;
        padding:px;
        background-color: rgba(0,0,0,1.00);

}

#navigation li img {width: 120px; font-size: 0px;}

ul#navigation {
        margin:auto;


        position: relative;
        float:left;
        border-left:0px solid #c4dbe7;
        border-right:0px solid #c4dbe7;
}

ul#navigation li {
        display:inline;
        font-size:15px;
        width: 190px;
        font-weight:; margin-top: 25px;
        margin-left:21px; margin-right: 21px;

        float:left;
        position:relative;
        border-top:0px solid #c4dbe7;
        border-bottom:0px solid #c4dbe7;
}

ul#navigation li a {
        padding:10px 10px;
        color: #FFFF00;
        text-shadow:0px 0px 60px #FB7D00;
        text-decoration:none;
        display:inline-block;
        border-right:0px solid #fff;
        border-left:0px solid #C2C2C2;
        border-top:0px solid #fff;
        background-color: rgba(0,0,0,1.00);

        -webkit-transition:color 0.1s linear, background 0.1s linear;
        -moz-transition:color 0.1s linear, background 0.1s linear;
        -o-transition:color 0.1s linear, background 0.1s linear;
        transition:color 0.1s linear, background 0.1s linear;
}

ul#navigation li a:hover {
        background-color:rgba(0,0,0,0.8);
        color:#FFFF00;
}

ul#navigation li a.first {
        border-left: thin solid;
}

ul#navigation li a.last {
        border-right:thin solid;
}

ul#navigation li:hover > a {
        background:#A02000; opacity: 0.9; /** farbe des #FFA500n navibalken **/
}



/* Drop-Down Navigation */
ul#navigation li:hover > ul
{
/*these 2 styles are very impor#D2B48Ct,
being the ones which make the drop-down to appear on hover */
        visibility:visible;
        opacity:1;
}

ul#navigation ul, ul#navigation ul li ul {
        list-style: none;
    margin: 0px;
    padding: 0;
/*the next 2 styles are very impor#D2B48Ct,
being the ones which make the drop-down to stay hidden */
    visibility:hidden;
    opacity:0;
    position: absolute;
    z-index: 99999;
        width:245px;
        background-color: rgba(0,0,0,0.80); /* Hintergrund des aufgeklappten menüs */
        box-shadow:0px 0px 0px #ccc;
/* css3 transitions for smooth hover effect */
        -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
        -moz-transition:opacity 0.2s linear, visibility 0.2s linear;
        -o-transition:opacity 0.2s linear, visibility 0.2s linear;
        transition:opacity 0.2s linear, visibility 0.2s linear;
}

ul#navigation ul {
    top: 40px;
    left: 0px;
}

ul#navigation ul li ul {
    top: 0px;
    left: 150px; /* strong related to width:180px; from above */
}

ul#navigation ul li {
        clear:both;
        width:80%;
        border:0 none; padding-left: 0px;
        border-bottom:0px solid #FB7D00;
        border-left:0px solid #FB7D00;
}

ul#navigation ul li a {
        background:none;
        padding:9px 1px;
        color:#FFFF00;
        text-shadow:0px 0px 60px #FB7D00;
        text-decoration:none;
        display:inline-block;
        border:0px solid;
        float:left;
        clear:both;
        width:200px;
}

/* Main Navigation  ENDE */


#content    {background-color: rgba(00,00,0,1.00);

              padding-top:110px;
              height: 0px; width: 1200px;


            }


/* #zoffbig    {background-color:#000000  ; height: 0px; width: auto; text-align: center; z-index:-30; position:relative;} */








#sflogo     {background-color: #000000 ; height: 0px; width: auto; text-align: center; margin-top: 255px;z-index:-1; position: absolut;}

/* .sftrans                 { position:relative; height: ; width:150%;  float: left; z-index:-10;}

.sftrans bild2          {left: 1500px;}

.sftrans img              { position:absolute; top:0px; margin: auto; height: ; padding-top:210px;

                          -webkit-transition: opacity 2.0s linear;
                          -moz-transition: opacity 2.0s linear;
                          transition: opacity 2.0s linear; }

.sftrans:hover .bild1       {opacity:0 ;  }   */





#sevrinabig    {background-color:  ; height: 10px; width: 100%; text-align: right; padding-left:90px; margin-top: 80px;
                 position: relative; z-index:20;

                -webkit-animation: sevrmove 10s ;
                animation: sevrmove 10s ;
                animation-iteration-count:500;
                 animation-direction: alternate;
                }

/* #sevrinabig:hover {
                  -webkit-animation-play-state: paused;  /* Chrome, Safari, Opera
                  animation-play-state: paused;} */


@-webkit-keyframes sevrmove {
    from {right: 100px;}
    to {right: 900px;}

}


@keyframes sevrmove {
    from {right: 100px;}
    to {right: 900px;}
}




p         {background-color: #0020FF ;margin-top:220px; font-family: 'Exo 2', sans-serif; font-weight:900;
            padding-bottom:0px;letter-spacing: 10px; line-height:1.5; position: relative;
            font-size: 45px; text-align: center;
            height: 0px; width: 1200px;
            color: #7F7F7F; z-index:1;
            }


.music  {background-color: #000000 ;height: 50px; width: 1200px; position:relative; text-align:left; padding-top:150px;float:left;
         border-bottom: solid thin #7F0000;}

.fb-share-button   {position:absolute; top:180px; left: 1100px;z-index:10;}