* {margin: 0;}

@font-face { font-family: 'REDENSEK';
            local: REDENSEK;
            src: url('fonts/REDENSEK.ttf');  format('truetype'),}

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

#wrapper  {width: 1200px; height: auto;
          margin: auto;}





/* Main Navigation */
#nav {  position:fixed;
        width:1200px;
        height: 80px;
        margin: 0;
        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: 0;
    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;}


#ueber1          {background-color: #000000; height: 60px; width: 1200px;
                  margin-left: 0px ; margin-right: 0px; color:#FFFF00 ; font-size: 40px; text-align:center; font-style:italic;
                  font-weight: bold ; position: relative; float:left; padding-top:135px; border-bottom: solid 2px #FFFF00; }

.text1           {font-size:12px; color:#FFFF00; display: table; padding-top: 40px;letter-spacing: 3px;  }
.text1 th        {}
.text1           {position: relative; background-color: rgba(0,0,0,1.00);}
.text1 tr .SI    {padding-left: 210px;}
.text1 tr .LVS   {padding-left: 190px;}
.text1 tr .CIP   {padding-left: 190px;}



#screenbox       {background-color: #000000; height: auto; width: 1160px; text-align:center; margin-top:20px;
                 margin-left: 20px; margin-right: 20px;  position:relative; float: left; position:relative;
                 color: #FFFFFF; font-size: 18px; line-height:2;}

#screenbox img   {height: ;width: 90%;}

#uebersmall      {background-color: #000000; height: 40px; width: 1160px;
                 margin-left: 20px ; margin-right: 20px; color:#FFFF00 ; font-size: 30px; text-align:left; font-style:italic;
                 font-weight: bold ;position: relative; float:left; padding-top:135px; border-bottom: solid 1px #FFFF00;}

#usmall1        {background-color: #000000; height: 40px; width: 1160px;
                 margin-left: 20px ; margin-right: 20px; color:#FFFF00 ; font-size: 30px; text-align:left; font-style:italic;
                 font-weight: bold ;position: relative; float:left; padding-top:135px; border-bottom: solid 1px #FFFF00;}

#usmall2        {background-color: #000000; height: 40px; width: 1160px;
                 margin-left: 20px ; margin-right: 20px; color:#FFFF00 ; font-size: 30px; text-align:left; font-style:italic;
                 font-weight: bold ;position: relative; float:left; padding-top:135px; border-bottom: solid 1px #FFFF00;}


#usmall3        {background-color: #000000; height: 40px; width: 1160px;
                 margin-left: 20px ; margin-right: 20px; color:#FFFF00 ; font-size: 30px; text-align:left; font-style:italic;
                 font-weight: bold ;position: relative; float:left; padding-top:135px; border-bottom: solid 1px #FFFF00;}

#tickerred1      { background-color: rgba(100,0,0,1.00);
                 position: absolute; top: 299px; left:60px; z-index: 20;}


#alert1 img      {position: absolute; top:241px; left:110px; z-index: 20;}

#zweispalten     {background-color: #000000; height: auto; width:1160px; position: relative; float: left ;
                 margin-top: 20px; margin-left: 20px ; margin-right: 5px; color:#FFFFFF ;text-align:center;
                 color: #FFFFFF; font-size: 18px; line-height:2; border: 0px solid #FFFF00; }

.sp2-left        {background-color: #000000; height: 400px ; width:400px; position: relative; float: left ; padding:20px;}
.sp2-left img    {background-color: #000000; height: 390px; width:390px;position: relative; float: left ; border: 3px solid #FFFF00; border-radius:10px;}

.sp2-right       {background-color:#000000; height: 380px; width:660px; position: relative; float: left ;
                 text-align:left; margin-left:20px;margin-right:20px; margin-top:0px; padding:10px; }


#boxbig         {left: 25px;background-color: #000000; height: auto; width:360px; position: relative; float: left ;
                 margin-top: 20px; margin-left: 15px ; margin-right: 15px; color:#FFFFFF ;text-align:left; position: relative; float:left;}

.boxleft        {background-color: #000000; height: 90px; width:360px; position: relative; float: left ; margin-bottom:15px;
                 margin-left: 10px; margin-right: 10px; padding-left:10px; padding-top:10px; padding-bottom:0px; border: solid 1px #FFFF00;border-radius:10px;}

.iconpic-bbx    {background-color: #000000; height: 90px; width:80px; margin-left: px; margin-right: 5px; margin-top: 0px: margin-bottom: 0px;
                 position: relative; float: left;}


.iconfield-bbx  {background-color: #000000; height: 65px; width:250px; margin-left: 0px; margin-right: 0px; margin-top: 0px: margin-bottom: 0px;
                 position: relative; float: left; padding: 5px; padding-left:15px;
                 color: #FFFFFF; font-size: 18px; line-height:1.3;}

#iconbox-em     {background-color: #000000; height: auto; width:1160px; position: relative; float: left ;
                 margin-top: 40px; margin-left: 20px ; margin-right: 20px; color:#FFFFFF ;text-align:center;
                 color: #FFFFFF; font-size: 18px; line-height:2; border: 0px solid #FFFF00; }

#iconfield1     {background-color: #000000; height: 120px; width:180px; position: relative; float: left ; margin-bottom:20px;
                 margin-left: 20px; margin-right: 5px; padding-left:10px; padding-right: 10px;padding-top:10px; padding-bottom:0px; border: solid 2px #FFFF00;
                 border-radius:10px;}


.enemyicon        {width: 100%; height: 50%; text-align:center;}

#slideshowHolder  {top: 80px; left: 80px; position:absolute; z-index:20;}


.sp2-left1        {background-color: #000000; height: 400px ; width:400px; position: relative; float: left ; padding:20px;}
.sp2-left1 img    {background-color: #000000; height: 360px; width:390px;position: relative; float: left ; border: 3px solid #FFFF00; border-radius:10px;}

.sp2-right1       {background-color:#000000; height: 380px; width:660px; position: relative; float: left ;
                  text-align:left; margin-left:20px;margin-right:20px; margin-top:80px; padding:10px; }

#abstandbox       {background-color: ##000000; width: 1200px; height:250px; position: relative; float: left; }

#iris           {position:absolute; float: left; height:100px;width:320px;
                 left: 420px;top: 138px}