/* jssor slider arrow navigator skin 05 css */
            /*
            .jssora05l                  (normal)
            .jssora05r                  (normal)
            .jssora05l:hover            (normal mouseover)
            .jssora05r:hover            (normal mouseover)
            .jssora05l.jssora05ldn      (mousedown)
            .jssora05r.jssora05rdn      (mousedown)
            */
            .jssora05l, .jssora05r {
                display: block;
                position: absolute;
                /* size of arrow element */
                width: 40px;
                height: 40px;
                cursor: pointer;
                background: url(../img/a17.png) no-repeat;
                overflow: hidden;
            }
            .jssora05l { background-position: -10px -40px; }
            .jssora05r { background-position: -70px -40px; }
            .jssora05l:hover { background-position: -130px -40px; }
            .jssora05r:hover { background-position: -190px -40px; }
            .jssora05l.jssora05ldn { background-position: -250px -40px; }
            .jssora05r.jssora05rdn { background-position: -310px -40px; }



             /* jssor slider thumbnail navigator skin 01 css */
            /*
            .jssort01 .p            (normal)
            .jssort01 .p:hover      (normal mouseover)
            .jssort01 .p.pav        (active)
            .jssort01 .p.pdn        (mousedown)
            */

            .jssort01 {
                position: absolute;
                /* size of thumbnail navigator container */
                width: 1100px;
                height: 50px;
            }

                .jssort01 .p {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 112px;
                    height: 72px;
                }

                .jssort01 .t {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    border: none;
                }

                .jssort01 .w {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                }

                .jssort01 .c {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 108px;
                    height: 68px;
                    border: #000 2px solid;
                    box-sizing: content-box;
                    background: url(../img/t01.png) -800px -800px no-repeat;
                    _background: none;
                }

                .jssort01 .pav .c {
                    top: 2px;
                    _top: 0px;
                    left: 2px;
                    _left: 0px;
                    width: 108px;
                    height: 68px;
                    border: #000 0px solid;
                    _border: #fff 2px solid;
                    background-position: 50% 50%;
                }

                .jssort01 .p:hover .c {
                    top: 0px;
                    left: 0px;
                    width: 110px;
                    height: 70px;
                    border: #fff 1px solid;
                    background-position: 50% 50%;
                }

                .jssort01 .p.pdn .c {
                    background-position: 50% 50%;
                    width: 108px;
                    height: 68px;
                    border: #000 2px solid;
                }

                * html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
                    /* ie quirks mode adjust */
                    width /**/: 112px;
                    height /**/: 72px;
                }




/*SliderContent*/


.bgueberschrift {position: absolute; width: 100%;height:30px; top: 15px; left: 1px; padding: 5px;text-align: left;background:#fff;display:block;filter:alpha(opacity=70);opacity:0.70;}

.bgtext {position: absolute; width: 40%;height:400px; top: 80px; left: 75px; padding: 5px;text-align: left;background:#000;display:block;filter:alpha(opacity=90);opacity:0.90;}

div.test1
   {
    content: '';
    position: absolute;
    top: 10px;
    left: 1040px;
    width: 1300px;
    height: 880px;
    background: #000;
    filter:alpha(opacity=50);opacity:0.50;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);


/*
div.test2
   {
    height: 200px;
    background: #d15e00;
    position: relative;
    overflow: hidden;
    filter:alpha(opacity=40);opacity:0.40;
   }
  div.test2:before
   {
    content: '';
    position: absolute;
    top: 1-40px;
    left: -440px;
    width: 1500px;
    height: 880px;
    background: #000;
    transform: rotate(80deg);
   }
*/




#ueberschrift {position: absolute; width: 100%; height: 120px; top: 3px; left: 30px; padding: 5px;text-align: left; line-height: 50px; text-transform: uppercase; font-size: 30px;color: #000;}

#text {position: absolute; width: 99%; top: 100px; left: 1px; padding: 5px;text-align: left; font-size: 15px;color: #fff;display:block;line-height: 20px;text-transform: uppercase;}

#text2 {position: absolute; width: 99%; top: 340px; left: 1px; padding: 5px;text-align: center; font-size: 20px;color: #fff;display:block;line-height:20px;}