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



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

            }



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

            padding-top: 150px; padding-bottom: 20px; height: 100px; 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:120px;
            padding-bottom:230px;
            font-size: 19px; text-align: center; line-height: 30px;}


/* wechselbild ohne Transition

.teampiccy a   {  background-size: 100%;background-repeat: no-repeat;

                  height: 150px; width: 150px;
                  margin: 25px; margin-top:120px;float:left;
                  background-color: rgba(0,0,0,1.00);}



               [href="syylk"]           {background-image: url("../img/sylk64.png");}
               [href="syylk"]:hover     {background-image: url("../img/sylk_image_speccy.png");  border-radius:90px;}
               [href="sevrina"]         {background-image: url("../img/sevrina64.png");}
               [href="sevrina"]:hover   {background-image: url("../img/sevrina_image_speccy.png");border-radius:30px;}
               [href="manto"]           {background-image: url("../img/manto64.png");}
               [href="manto"]:hover     {background-image: url("../img/manto_image_speccy.png");border-radius:90px;}
               [href="maul"]         {background-image: url("../img/maul64.png");}
               [href="maul"]:hover   {background-image: url("../img/maul_image_speccy.png");border-radius:90px;}
               [href="zark"]           {background-image: url("../img/zark64.png");}
               [href="zark"]:hover     {background-image: url("../img/zark_image_speccy.png");border-radius:90px;}
               [href="torik"]         {background-image: url("../img/torik64.png");}
               [href="torik"]:hover   {background-image: url("../img/torik_images_speccy.png");border-radius:90px;}


 wechselbild ohne Transition  */




 /* ANFANG Wechselbild mit Transition  */

.sylk                    { position:relative; height:150px; float: left; z-index: 20; }
.sylk img                { position:absolute; top:0px; left:20px; height: 150px;
                          -webkit-transition: opacity 2.0s linear;
                          -moz-transition: opacity 2.0s linear;
                          transition: opacity 2.0s linear; }
.sylk:hover .bild2       {opacity:0;  }

.sevrina                  { position:relative; height:150px; float: left; z-index: 20;}
.sevrina img              { position:absolute; top:0; left:220px; height: 150px;
                          -webkit-transition: opacity 2.0s linear;
                          transition: opacity 2.0s linear; }
.sevrina:hover .bild2       {opacity:0;}


.manto                    { position:relative; height:150px; float: left;z-index: 20;}
.manto img                { position:absolute; top:0; left:420px; height: 150px;
                          -webkit-transition: opacity 2.0s linear;
                          transition: opacity 2.0s linear; }
.manto:hover .bild2       {opacity:0;}

.maul                    { position:relative; height:150px; float: left;z-index: 20;}
.maul img                { position:absolute; top:0; left:620px; height: 150px;
                          -webkit-transition: opacity 2.0s linear;
                          transition: opacity 2.0s linear; }
.maul:hover .bild2       {opacity:0;}

.zark                    { position:relative; height:150px; float: left;z-index: 20;}
.zark img                { position:absolute; top:0; left:820px; height: 150px;
                          -webkit-transition: opacity 2.0s linear;
                          transition: opacity 2.0s linear; }
.zark:hover .bild2       {opacity:0;}


.torik                    { position:relative; height:150px; float: left;z-index: 20;}
.torik img                { position:absolute; top:0; left:1020px; height: 150px;
                          -webkit-transition: opacity 2.0s linear;
                          transition: opacity 2.0s linear;  }
.torik:hover .bild2       {opacity:0; }

 /* ENDE Wechselbild mit Transition  */









.namen           {font-size:12px; color:#ffffff; display: table; padding-top: 190px;letter-spacing: 3px;  }
.namen th        {}
.namen           {position: relative; background-color: rgba(0,0,0,1.00);}
.namen tr .syy   {padding-left: 70px;}
.namen tr .sev   {padding-left: 140px;}
.namen tr .man      {padding-left: 140px;}
.namen tr .mau      {padding-left: 145px;}
.namen tr .zar      {padding-left: 155px;}
.namen tr .tor      {padding-left: 150px;}






#sylkct      {background-color: #000000 ; margin-top: 0px; width: 1200px; height: 920px; margin: 0px; margin:0; padding-top: 100px;}



#obensyylk          {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);    */

                 border-top: solid 0px #3F0000 ;
                 border-bottom: solid 2px #FFDF00;
                 height:180px; width:1200px;
                 color: #FFFFFF ; font-size: 16px; }

#syylktitel  {   background-color:#00C0FF;
                 font-size: 100px;margin-top:0px ; padding-top:0px; font-weight: bold; font-style:italic; letter-spacing: 10px;
             color: #FFFF00;  background-color: rgba(0,0,0,0.00);float:left; padding-left:10px;
             /* text-shadow:0px 0px 60px #FB7D00; */
              background: -webkit-linear-gradient(#FF7F00 25%, #FFFF00 90%, #800000  );
                         -webkit-text-fill-color: transparent;
                         -webkit-background-clip: text;
            }

#syylktitel span {font-size: 150px; }


#image     {border-top: solid 0px #FFFFFF;
            border-left: solid 0px #FFFFFF;
            border-right: solid 0px #5F0000;
            border-bottom: solid 0px #7F0000;
            margin-top:10px; float:right; margin-right:0px;}


#mitte      { /* 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);*/
               background: linear-gradient(top, #000000 0%, #520202 0%, #000000 100%);
         background: -moz-linear-gradient(top, #000000 0%, #520202 0%, #000000 100%);
         background: -webkit-linear-gradient(top, #000000 0%, #520202 0%, #000000 100%);
         background: -ms-linear-gradient(top, #000000 0%, #520202 0%, #000000 100%);
         background: -o-linear-gradient(top, #000000 0%, #520202 0%, #000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000,GradientType=1);

             width: 1160px; height: 300px;
              font-size: 16px;  text-align:justify;
             padding:20px;  float: left;
            color:#FFFFFF; line-height:1.5;
             border-top: solid 0px #5F0000; border-left: solid 0px #5F0000; border-right: solid 0px #5F0000;border-bottom: solid 0px #5F0000;
             border-radius: 10px;}



.comment       {color:#FFFF00;background-color: rgba(255,255,255,0.10); text-align: right; margin-left:80px;margin-top:35px; font-style:italic;
                 line-height: 2; font-size: 14px; position:relative;
                 width: 140px; height: 240px; float: left; padding: 7px;border-right: 2px solid #BF0000;padding-right:10px;}


.imagereal  { background-color: ; margin:auto; padding-left: 0px; padding-top:0px; float: right; position: relative; z-index:5; }




#sylkbalken  {    background-image: url(../img/states.png); background-repeat:no-repeat;background-position: left;
                 background-color: #000000; width: 700px; height: 250px; float:left;
                 left:0px; top: 0px; position: relative;  }



#sevrct      {background-color: #000000 ; margin-top:0px; width: 1200px; height: 900px; margin: 0px; margin:0; padding-top: 90px;}

#sevrbalken {    background-image: url(../img/states.png); background-repeat:no-repeat;background-position: left;
                 background-color: #000000; width: 700px; height: 250px;  float:left;
                 left:0px; top: 0px; position: relative; }



#obensevrina     { background-color:#000000;
                 /* background: linear-gradient(left, #000000 0%, #1402b5 22%, #000000 100%);
                 background: -moz-linear-gradient(left, #000000 0%, #1402b5 22%, #000000 100%);
                 background: -webkit-linear-gradient(left, #000000 0%, #1402b5 22%, #000000 100%);
                 background: -ms-linear-gradient(left, #000000 0%, #1402b5 22%, #000000 100%);
                 background: -o-linear-gradient(left, #000000 0%, #1402b5 22%, #000000 100%);
                 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000,GradientType=1);    */

                 border-top: solid 0px #00005F ;
                 border-bottom: solid 2px #FFDF00;
                 height:180px; width:1200px;
                 color: #FFFFFF ; font-size: 16px;
                 }



#sevrinatitel  {   background-color:#000000;
                 font-size: 100px;margin-top:0px ; padding-top:0px; font-weight: bold; font-style:italic; letter-spacing: 5px;
             color: #FFFF00;  background-color: rgba(0,0,0,0.00);float:left; padding-left:10px;
             /* text-shadow:0px 0px 60px #FB7D00; */
              background: -webkit-linear-gradient(#FF7F00 25%, #FFFF00 90%, #800000  );
                         -webkit-text-fill-color: transparent;
                         -webkit-background-clip: text;

            }

#sevrinatitel span {font-size: 150px; }

#sevrinaimage     {border-top: solid 0px #EFEFEF;
            border-left: solid 0px #00E0FF;
            border-right: solid 0px #00009F;
            border-bottom: solid 0px #00009F;
            margin-top:22px; float:right; margin-right:30px;}

#sevrinamitte      { background: linear-gradient(top, #000000 0%, #091159 0%, #000000 100%);
background: -moz-linear-gradient(top, #000000 0%, #091159 0%, #000000 100%);
background: -webkit-linear-gradient(top, #000000 0%, #091159 0%, #000000 100%);
background: -ms-linear-gradient(top, #000000 0%, #091159 0%, #000000 100%);
background: -o-linear-gradient(top, #000000 0%, #091159 0%, #000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000,GradientType=1);
             width: 1160px; height: 400px;
              font-size: 15.5px; text-align:justify;
             padding:20px;  float: left;
            color:#FFFFFF; line-height:1.5;
             border-top: solid 0px #00009F; border-left: solid 0px #00009F; border-right: solid 0px #00009F;border-bottom: solid 0px #00009F;border-radius: 10px;}

.sevrinacomment       {color:#FFFF00;background-color: rgba(255,255,255,0.10); text-align: right; margin-left:40px;margin-top:25px; font-style:italic; line-height: 2; font-size: 14px; position:relative;
                 width: 160px; height: 180px; float: left; padding: 0px;  border-right: 2px solid #00E0FF; padding:10px;}

.sevrinaimagereal {margin:auto;  padding-left: 0px; padding-top:0px; background-color:; float:right; position: relative; z-index:10; }


#mantoct      {background-color: #000000 ; margin-top:12px; width: 1200px; height: 750px; margin: 0px; margin:0; padding-top: 120px;}

#mantobalken {    background-image: url(../img/states.png); background-repeat:no-repeat;background-position: left;
                 background-color: #000000; width: 700px; height: 250px;
                 left:0px; top: 0px; position: relative; float:left; }



#obenmanto     { background-color:#000000;
                /* background: linear-gradient(left, #000000 0%, #5e5e5e 30%, #080000 100%);
                 background: -moz-linear-gradient(left, #000000 0%, #5e5e5e 30%, #080000 100%);
                 background: -webkit-linear-gradient(left, #000000 0%, #5e5e5e 30%, #080000 100%);
                 background: -ms-linear-gradient(left, #000000 0%, #5e5e5e 30%, #080000 100%);
                 background: -o-linear-gradient(left, #000000 0%, #5e5e5e 30%, #080000 100%);
                 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#080000,GradientType=1);  */

                 border-top: solid 0px #3F0000 ;
                 border-bottom: solid 2px #FFDF00;
                 height:180px; width:1200px;
                 color: #FFFFFF ; font-size: 16px;
                }



#mantotitel  {   background-color:#00C0FF;
                 font-size: 100px;margin-top:0px ; padding-top:10px; font-weight: bold; font-style:italic; letter-spacing: 5px;
             color: #FFFF00;  background-color: rgba(0,0,0,0.00);float:left; padding:10px;
             /* text-shadow:0px 0px 60px #FB7D00; */
              background: -webkit-linear-gradient(#FF7F00 25%, #FFFF00 90%, #800000  );
                         -webkit-text-fill-color: transparent;
                         -webkit-background-clip: text;
            }

#mantotitel span {font-size: 150px; }

#mantoimage     {border-top: solid 0px #EFEFEF;
            border-left: solid 0px #AFAFAF;
            border-right: solid 0px #3F3F3F;
            border-bottom: solid 0px #3F3F3F;
            margin-top:10px; float:right; margin-right:0px;
            height: 100px;                                 }

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

             width: 1160px; height: 200px;
              font-size: 16px;
             padding:20px;  float: left;
            color:#FFFFFF; line-height:1.5;
             border-top: 0px solid  #3F3F3F; border-left: solid 0px #3F3F3F; border-right:   #3F3F3F;border-bottom:  #3F3F3F;border-radius: 10px;}

.mantocomment       {color:#FFFF00;background-color: rgba(255,255,255,0.10); text-align: right; margin-left:60px;margin-top:35px; font-style:italic; line-height: 2; font-size: 14px; position:relative;
                 width: 160px; height: 220px; float: left; padding: 7px;  border-right: 2px solid #8F8F8F; padding-right:10px;}

.mantoimagereal {margin-top:0px ; padding-left: 5px; background-color:; float:left; }



#maulct      {background-color: #000000 ; margin-top:12px; width: 1200px; height: 900px; margin: 0px; margin:0; padding-top: 120px;}

#maulbalken {    background-image: url(../img/states.png); background-repeat:no-repeat;background-position: left;
                 background-color: #000000; width: 700px; height: 250px;
                 left:0px; top: 0px; position: relative; float:left; }



#obenmaul     { background: linear-gradient(left, #000000 0%, #044f02 30%, #080000 100%);
                /* background: -moz-linear-gradient(left, #000000 0%, #044f02 30%, #080000 100%);
                 background: -webkit-linear-gradient(left, #000000 0%, #044f02 30%, #080000 100%);
                 background: -ms-linear-gradient(left, #000000 0%, #044f02 30%, #080000 100%);
                 background: -o-linear-gradient(left, #000000 0%, #044f02 30%, #080000 100%);
                 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#080000,GradientType=1);  */


                 border-top: solid 0px #3F0000 ;
                 border-bottom: solid 2px #FFDF00;
                 height:180px; width:1200px;
                 color: #FFFFFF ; font-size: 16px;
                }



#maultitel  {   background-color:#00C0FF;
                 font-size: 100px;margin-top:0px ; padding-top:10px; font-weight: bold; font-style:italic; letter-spacing: 5px;
             color: #FFFF00;  background-color: rgba(0,0,0,0.00);float:left; padding-left:10px;
             /* text-shadow:0px 0px 60px #FB7D00; */
              background: -webkit-linear-gradient(#FF7F00 25%, #FFFF00 90%, #800000  );
                         -webkit-text-fill-color: transparent;
                         -webkit-background-clip: text;
            }

#maultitel span {font-size: 150px; }

#maulimage     {border-top: solid 0px #FFFFFF;
            border-left: solid 0px #00E090;
            border-right: solid 0px #003F00;
            border-bottom: solid 0px #003030;
            margin-top: 10px; float:right; margin-right:0px;
            height: 153px;                                 }

#maulmitte  { background: linear-gradient(top, #000000 0%, #104005 0%, #000000 100%);
background: -moz-linear-gradient(top, #000000 0%, #104005 0%, #000000 100%);
background: -webkit-linear-gradient(top, #000000 0%, #104005 0%, #000000 100%);
background: -ms-linear-gradient(top, #000000 0%, #104005 0%, #000000 100%);
background: -o-linear-gradient(top, #000000 0%, #104005 0%, #000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000,GradientType=1);
             width: 1160px; height: 250px;
              font-size: 16px;
             padding:20px;  float: left;
            color:#FFFFFF; line-height:1.5;
             border-top:  #003F00; border-left:  #003F00; border-right:   #003F00;border-bottom:  #003F00;border-radius: 10px;}

.maulcomment       {color:#FFFF00;background-color: rgba(255,255,255,0.10); text-align: right; margin-left:60px;margin-top:40px; font-style:italic; line-height: 2; font-size: 14px; position:relative;
                 width: 150px; height: 180px; float: left; padding: 7px; border-right: 2px solid #009F00;padding-right:10px;}

.maulimagereal {margin-top:20px ; padding-left: 5px; background-color:; float:left; }


#zarkct      {background-color: #000000 ; margin-top:12px; width: 1200px; height: 1020px; margin: 0px; margin:0; padding-top: 80px;}

#zarkbalken {    background-image: url(../img/states.png); background-repeat:no-repeat;background-position: left;
                 background-color: #000000; width: 700px; height: 250px;
                 left:0px; top: 0px; position: relative; float:left; }



#obenzark     { background: linear-gradient(left, #000000 0%, #573502 30%, #080000 100%);
               /*  background: -moz-linear-gradient(left, #000000 0%, #573502 30%, #080000 100%);
                 background: -webkit-linear-gradient(left, #000000 0%, #573502 30%, #080000 100%);
                 background: -ms-linear-gradient(left, #000000 0%, #573502 30%, #080000 100%);
                 background: -o-linear-gradient(left, #000000 0%, #573502 30%, #080000 100%);
                 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#080000,GradientType=1); */


                 border-top: solid 0px #3F0000 ;
                 border-bottom: solid 2px #FFDF00;
                 height:180px; width:1200px;
                 color: #FFFFFF ; font-size: 16px;
                }



#zarktitel  {   background-color:#00C0FF;
                 font-size: 100px;margin-top:0px ; padding-top:10px; font-weight: bold; font-style:italic; letter-spacing: 5px;
             color: #FFFF00;  background-color: rgba(0,0,0,0.00);float:left; padding-left:10px;
            /* text-shadow:0px 0px 60px #FB7D00; */
              background: -webkit-linear-gradient(#FF7F00 25%, #FFFF00 90%, #800000  );
                         -webkit-text-fill-color: transparent;
                         -webkit-background-clip: text;
            }

#zarktitel span {font-size: 150px; }

#zarkimage     {border-top: solid 0px #FFFFFF;
            border-left: solid 0px #FF0000;
            border-right: solid 0px #800000;
            border-bottom: solid 0px #1F0000;
            margin-top: 10px; float:right; margin-right:0px;
            height: 153px;                                 }

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

             width: 1160px; height: 300px; font-size: 16px;  text-align:justify;
             padding-left:20px; padding-right: 20px; padding-top: 20px;  float: left;
            color:#FFFFFF; line-height:1.5;
             border-top:  #800000; border-left:  #800000; border-right:  #800000;border-bottom:  #800000;border-radius: 10px;}

.zarkcomment       {color:#FFFF00;background-color: rgba(255,255,255,0.10); text-align: right; margin-left:60px;margin-top:25px; font-style:italic; line-height: 2; font-size: 14px; position:relative;
                 width: 140px; height: 220px; float: left; padding: 7px; border-right: 2px solid #FFFF00; padding-right:10px;}

.zarkimagereal  {margin:auto;  padding-left: 0px; padding-top:0px; background-color:; float:right; position: relative; z-index:10; }




#torikct      {background-color: #000000 ; margin-top:12px; width: 1200px; height: 1000px; margin: 0px; margin:0; padding-top: 80px;}

#torikbalken {    background-image: url(../img/states.png); background-repeat:no-repeat;background-position: left;
                 background-color: #000000; width: 700px; height: 250px;
                 left:0px; top: 0px; position: relative; float:left; }



#obentorik     { background: linear-gradient(left, #000000 0%, #560070 30%, #080000 100%);
                /* background: -moz-linear-gradient(left, #000000 0%, #560070 30%, #080000 100%);
                 background: -webkit-linear-gradient(left, #000000 0%, #560070 30%, #080000 100%);
                 background: -ms-linear-gradient(left, #000000 0%, #560070 30%, #080000 100%);
                 background: -o-linear-gradient(left, #000000 0%, #560070 30%, #080000 100%);
                 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#080000,GradientType=1); */


                 border-top: solid 0px #3F0000 ;
                 border-bottom: solid 2px #FFDF00;
                 height:180px; width:1200px;
                 color: #FFFFFF ; font-size: 16px;
                }



#toriktitel  {   background-color:#00C0FF;
                 font-size: 100px;margin-top:0px ; padding-top:10px; font-weight: bold; font-style:italic; letter-spacing: 5px;
             float:left; paddinmg-left:10px; color: #FFFF00;  background-color: rgba(0,0,0,0.00);
             /* text-shadow:0px 0px 0px #FB7D00; */
             background: -webkit-linear-gradient(#FF7F00 25%, #FFFF00 90%, #800000  );
                         -webkit-text-fill-color: transparent;
                         -webkit-background-clip: text;




            }

#toriktitel span {font-size: 150px;





                 }

#torikimage     {border-top: solid ßpx #FFFFFF;
            border-left: solid 0px #FF7F00;
            border-right: solid 0px #800000;
            border-bottom: solid 0px #1F0000;
            margin-top: 13px; float:right; margin-right:0px;
            height: 120px;    border-outline:0px;                             }

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

             width: 1160px; height: 300px;
              font-size: 16px; text-align:justify;
             padding:20px;  float: left;
            color:#FFFFFF; line-height:1.5;
             border-top:  #300080; border-left:  #300080; border-right:  #300080;border-bottom:  #300080;border-radius: 10px;}

.torikcomment       {color:#FFFF00;background-color: rgba(255,255,255,0.10); text-align: right; margin-left:60px;margin-top:25px; font-style:italic; line-height: 2; font-size: 14px; position:relative;
                 width: 140px; height: 220px; float: left; padding: 7px;  border-right: 2px solid #9F00FF; padding-right:10px;}

.torikimagereal  {margin:auto;  padding-left: 0px; padding-top:0px; background-color:; float:right; position: relative; z-index:10; }


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