* {
    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;


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

}

#navigation li img {width: 100px; font-size: 9px;}

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 */


#music  {background-color: rgba(0,0,0,0.80) ;height: 25px; width: 1200px;float:left; position:fixed;
          top:80px;
           text-align:right; padding-top:10px; z-index:50;
           border-top: solid thin #7F0000;}


.content    {background-color: rgba(0,0,0,1.00);
              padding-top:125px;

            }



#titel      {color: #FFFF00; background-color: rgba(0,0,0,1.00);
            font-size: 100px; font-weight: bold; font-style:italic; letter-spacing: 7px;
             text-align: center;  text-shadow:2px 10px 10px #FB7D00;

            padding-top: 160px; padding-bottom: 10px; height: 50px; width:auto;
            border-top: 0.0px solid; border-color: #FFFFFF;
            border-bottom: 0.0px solid; border-color: #FFFFFF;
            }


.titeltext  {color: rgba(255,255,0,0.80);
            background-color: rgba(0,0,0,1.00); margin-top:180px;
            padding-bottom:180px;
            font-size: 17px; text-align: center; line-height: 28px;}

.titeltext p {margin-top:10px;
            padding-bottom:10px;letter-spacing: 10px;
            font-size: 35px; text-align: center;}







#zoff5          {background-color:  ; height: 220px; width: auto; text-align: center;}

#ctbackground   {background-color: #000000 ; height: 480px; width: 100%;
                 margin: 0px; float: left; position:relative;
                 margin-bottom: 100px; padding-top:100px;
                 }

h1             {background-color:  ; height: 50px; width: auto;
                 margin: 10px ; margin-bottom:20px; color:#FFFF00 ; font-size: 40px;text-align: center; font-style:italic; font-weight: bold;
                 position:relative; border-bottom: 2px solid #FFFF00;}

#links          {background-color: #000000 ; height: 250px; width: 720px; text-align:justify;
                 margin-left: 30px;  position:relative; float: left; position:relative;
                 color: #FFFFFF; font-size: 18px; line-height:2;
                  }

#rechts         {background-color: #000000 ; height: 200px; width: 400px;
                 margin: 0px; float: left; position:relative;
                 color: #FFFFFF; font-size: 18px; line-height:2;  }

#rechts img      {border-radius:10px;}

figure           {background: ;padding-left:50px;
                  padding-top: 0px; width: 300px; float: left;}

figcaption       {text-align: center;  }


#ctaim          {background-color: #000000 ; height: 500px; width: auto; text-align:center;
                 padding: 0px; position:relative;float:left; margin-bottom: 150px;padding-top:100px;
                 }

#aim             {background-color: #000000 ; height: 50px; width:1180px;
                 margin: 10px ; margin-bottom:20px; color:#FFFF00 ; font-size: 40px; text-align:center; font-style:italic;
                 font-weight: bold;position: relative;
                 border-bottom: 2px solid #FFFF00;

                  }


#ctfoes          {background-color: #000000; height: 1250px; width: auto; text-align:center;
                 margin: 0px; position:relative;float:left; margin-bottom: 20px; padding-top:100px;

                }


#blueframe       {background-color: ; height:145px; width:100%; text-align: left; float:left; position:relative;
                  padding: 10px; border: 0px solid #3F3F3F; margin-right:40px; }


#enemylinks      {background-color: #000000 ;


                  height: 200px; width: 360px;
                 margin: 10px; float: left; position:relative;
                 color: #FFFFFF; font-size: 18px; line-height:; }

#enemylinks img  {border-radius:10px;}

#enemyrechts        {background-color: #000000
                    background: linear-gradient(top, #000000 0%, #12163b 0%, #000000 100%);
background: -moz-linear-gradient(top, #000000 0%, #12163b 0%, #000000 100%);
background: -webkit-linear-gradient(top, #000000 0%, #12163b 0%, #000000 100%);
background: -ms-linear-gradient(top, #000000 0%, #12163b 0%, #000000 100%);
background: -o-linear-gradient(top, #000000 0%, #12163b 0%, #000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000,GradientType=1);

                 ; height: 200px; width: 740px; text-align:left;
                 margin-top: 28px;  position:relative; float: left; position:relative;
                 color: #FFFFFF; font-size: 18px; line-height:2; }

figure img      {text-align: center; margin-top: 18px;}



#ctfoes2          {background-color:#000000 ;
                 /*background: linear-gradient(left, #000000 0%, #590219 22%, #000000 100%);
                 background: -moz-linear-gradient(left, #000000 0%, #590219 22%, #000000 100%);
                 background: -webkit-linear-gradient(left, #000000 0%, #590219 22%, #000000 100%);
                 background: -ms-linear-gradient(left, #000000 0%, #590219 22%, #000000 100%);
                 background: -o-linear-gradient(left, #000000 0%, #590219 22%, #000000 100%);
                 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000,GradientType=1);*/
                 height: auto; width: 1200px; text-align:center;
                 margin: 10px; position:relative;float:left; margin-bottom: 30px;


                }

#aim2             {background-color: #000000 ; height: 50px; width:1180px;
                 margin: 10px ; color:#FFFF00 ; font-size: 40px; text-align:center; font-style:italic;
                 font-weight: bold;position: relative;
                 border-bottom: 2px solid #FFFF00; }

#aimzw             {background-color:#000000; height: 20px; width:560px;
                 margin: 0px ; color:#FFFF00 ; font-size: 22px; position:relative; text-align:center; font-style:italic;
                 font-weight:bold  ;position: relative;  padding-top:80px; border-bottom: 0px solid #FFFF00;
                  }


table            {background-color:; height:40px; margin-top:2px; padding-top: 20px;  color:#C0C0C0;
                  }

table td img     {width:130px;height:75px; border-color:#5F5F5F; background-color:; border-radius:10px;}



#leftfoes        {background-color: #000000; height: auto; width:560px; position: relative; float:left; margin:10px; padding-left:10px;}

#rightfoes        {background-color:#000000 ; height: auto; width:560px; position: relative; float:left; margin:10px; padding-left:0px;}

#ctweapons       {background-color: #000000; height: auto; width:560px; position: relative; float:left; margin:10px; padding-left:0px;}


#ctobjects       {background-color:#000000 ; height: auto; width:560px; position: relative; float:left; margin:10px; padding-left:10px;  }


table          {border: 3px solid #7F0000; border-radius: 10px;text-align:center;}


/*-----------------zoom hover -----------------------*/

 img.zoom      {
                   transition: transform 1s;
                   -moz-transition: transform 1s;
                   -webkit-transition: transform 1s;
                   -o-transition: transform 1s;
                   -ms-transition: transform 1s;
                  }

img.zoom:hover {

                      cursor: zoom-in;
                      cursor: -moz-zoom-in;
                      cursor: -webkit-zoom-in;
                      transform: scale(2.0, 2.0);
                      -moz-transform: scale(2.0, 2.0);
                      -webkit-transform: scale(2.0, 2.0);
                      -o-transform: scale(2.0, 2.0);
                      -ms-transform: scale(2.0, 2.0);
                     }

 /*-----------------zoom hover ----------------------- */