/*my_slider.css

Werte bei Bedarf einfach abändern

*/

.screen-outer {
    position: relative;
    clear: both;
}
.screen_inner {
    position: relative;
    z-index: 1;
}
#gallery_wrapper {
    height: 100%;
    margin-top: -1px;
    padding: 0;
}
#gallery_container {
    max-width: 100%;
    overflow: hidden;
}
#gallery_container .slider {
    height: 100%;
    position: absolute;
    width: 100%;
}
#gallery_container .slider-frame {
    height: 100%;
    position: absolute;
    width: 100%;
}
#gallery_container .slider-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}
#gallery_wrapper .nav_links {
    bottom: 50px;
    position: absolute;
    right: 100px;
    text-align: right;
}
#gallery_wrapper .nav_links .slider_links {
    display: inline-block;
}
#gallery_wrapper .nav_links .gallery_link {
    background: transparent none repeat scroll 0 0 padding-box;
    border: 2px solid white;
    border-radius: 200px;
    cursor: pointer;
    float: left;
    height: 20px;
    margin: 0 12px;
    width: 20px;
}
#gallery_wrapper .nav_links .gallery_link:hover, #gallery_wrapper .nav_links .gallery_link.active {
    background: rgb(164,31,53) none repeat scroll 0 0;
}
#gallery_wrapper .left-arrow, #gallery_wrapper .right-arrow {
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 100px;
}
#gallery_wrapper .left-arrow {
    background-image: url("../img/parts/arrow-left.png");
    left: 0;
}
#gallery_wrapper .right-arrow {
    background-image: url("../img/parts/arrow-right.png");
    right: 0;
}

@media screen and (max-width: 400px) {
#gallery_wrapper .left-arrow, #gallery_wrapper .right-arrow {
    width: 50px;
}
#gallery_wrapper .nav_links {
    bottom: 10px;
    right: 10px;
    display: none;
}
}

/*SLIDER2*/

#gallery_wrapper1 {
    height: 100%;
    margin-top: -1px;
    padding: 0;
}
#gallery_container1 {
    max-width: 100%;
    overflow: hidden;
}
#gallery_container1 .slider1 {
    height: 100%;
    position: absolute;
    width: 100%;
}
#gallery_container1 .slider-frame1 {
    height: 100%;
    position: absolute;
    width: 100%;
}
#gallery_container1 .slider-img1 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}
#gallery_wrapper1 .nav_links1 {
    bottom: 50px;
    position: absolute;
    right: 100px;
    text-align: right;
}
#gallery_wrapper1 .nav_links1 .slider_links1 {
    display: inline-block;
}
#gallery_wrapper1 .nav_links1 .gallery_link1 {
    background: transparent none repeat scroll 0 0 padding-box;
    border: 2px solid white;
    border-radius: 200px;
    cursor: pointer;
    float: left;
    height: 20px;
    margin: 0 12px;
    width: 20px;
}
#gallery_wrapper1 .nav_links1 .gallery_link1:hover, #gallery_wrapper1 .nav_links1 .gallery_link1.active {
    background: rgb(164,31,53) none repeat scroll 0 0;
}
#gallery_wrapper1 .left-arrow1, #gallery_wrapper1 .right-arrow1 {
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 100px;
}
#gallery_wrapper1 .left-arrow1 {
    background-image: url("../img/parts/arrow-left.png");
    left: 0;
}
#gallery_wrapper1 .right-arrow1 {
    background-image: url("../img/parts/arrow-right.png");
    right: 0;
}

@media screen and (max-width: 400px) {
#gallery_wrapper1 .left-arrow1, #gallery_wrapper1 .right-arrow1 {
    width: 50px;
}
#gallery_wrapper1 .nav_links1 {
    bottom: 10px;
    right: 10px;
    display:none;
}
}



/*SLIDER3*/

#gallery_wrapper2 {
    height: 100%;
    margin-top: -1px;
    padding: 0;
}
#gallery_container2 {
    max-width: 100%;
    overflow: hidden;
}
#gallery_container2 .slider2 {
    height: 100%;
    position: absolute;
    width: 100%;
}
#gallery_container2 .slider-frame2 {
    height: 100%;
    position: absolute;
    width: 100%;
}
#gallery_container2 .slider-img2 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}
#gallery_wrapper2 .nav_links2 {
    bottom: 50px;
    position: absolute;
    right: 100px;
    text-align: right;
}
#gallery_wrapper2 .nav_links2 .slider_links2 {
    display: inline-block;
}
#gallery_wrapper2 .nav_links2 .gallery_link2 {
    background: transparent none repeat scroll 0 0 padding-box;
    border: 2px solid white;
    border-radius: 200px;
    cursor: pointer;
    float: left;
    height: 20px;
    margin: 0 12px;
    width: 20px;
}
#gallery_wrapper2 .nav_links2 .gallery_link2:hover, #gallery_wrapper2 .nav_links2 .gallery_link2.active {
    background: rgb(164,31,53) none repeat scroll 0 0;
}
#gallery_wrapper2 .left-arrow2, #gallery_wrapper2 .right-arrow2 {
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 100px;
}
#gallery_wrapper2 .left-arrow2 {
    background-image: url("../img/parts/arrow-left.png");
    left: 0;
}
#gallery_wrapper2 .right-arrow2 {
    background-image: url("../img/parts/arrow-right.png");
    right: 0;
}

@media screen and (max-width: 400px) {
#gallery_wrapper2 .left-arrow2, #gallery_wrapper2 .right-arrow2 {
    width: 50px;
}
#gallery_wrapper2 .nav_links2 {
    bottom: 10px;
    right: 10px;
    display:none;
}
}