#product_details_bilderbox {
    position:relative;
    border:1px solid #CCC;
}
#product_details_subbilderbox_ins {
    border-top:1px solid #CCC;
    padding:3px 0 0 3px;
    text-align:left;
}
#product_details_subbilderbox img {
    border:1px solid #CDCDCD;
    cursor:pointer;
    margin-bottom:3px;
    margin-right:4px;
}
#weitereBilderMainPic, #weitereBilderPic1, #weitereBilderPic2, #weitereBilderPic3,
#weitereBilderPic4, #weitereBilderPic5, #weitereBilderPic6,
#weitereBilderPic7, #weitereBilderPic8, #weitereBilderPic9,
#weitereBilderPic10, #weitereBilderPic11, #weitereBilderPic12 {
    position:absolute;
    right:8px;
    top:3px;
}
/* ------------------------------------------------------------------------
    This you can edit.
------------------------------------------------------------------------- */
    div.light_rounded .pp_top .pp_left { background: url('images/light_rounded_sprite.png') -88px -53px no-repeat; } /* Top left corner */
    div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
    div.light_rounded .pp_top .pp_right { background: url('images/light_rounded_sprite.png') -110px -53px no-repeat; } /* Top right corner */
    div.light_rounded .pp_content { background-color: #fff; } /* Content background */
    div.light_rounded .pp_next:hover { /*background: url('images/light_rounded_btnNext.png') center right  no-repeat;*/ cursor: pointer; } /* Next button */
    div.light_rounded .pp_previous:hover { /*background: url('images/light_rounded_btnPrevious.png') center left no-repeat;*/ cursor: pointer; } /* Previous button */
    div.light_rounded .pp_expand { background: url('images/light_rounded_sprite.png') -31px -26px no-repeat; cursor: pointer; } /* Expand button */
    div.light_rounded .pp_expand:hover { background: url('images/light_rounded_sprite.png') -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
    div.light_rounded .pp_contract { background: url('images/light_rounded_sprite.png') 0 -26px no-repeat; cursor: pointer; } /* Contract button */
    div.light_rounded .pp_contract:hover { background: url('images/light_rounded_sprite.png') 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
    div.light_rounded .pp_close { width:23px; height:23px; background: url('images/light_rounded_sprite.png') -56px -27px no-repeat; cursor:pointer; position:absolute; top:7px; right:7px; z-index:9999999; } /* Close button */
    div.light_rounded .pp_arrow_previous { background: url('images/light_rounded_sprite.png') 0 -44px no-repeat; } /* The previous arrow in the bottom nav */
        div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -71px; cursor: default; }
    div.light_rounded .pp_arrow_next { background: url('images/light_rounded_sprite.png') -25px -44px no-repeat; } /* The next arrow in the bottom nav */
        div.light_rounded .pp_arrow_next.disabled { background-position: -25px -71px; cursor: default; }
    div.light_rounded .currentTextHolder { color: #000; padding-top:4px; }
    div.light_rounded .pp_bottom .pp_left { background: url('images/light_rounded_sprite.png') -88px -80px no-repeat; } /* Bottom left corner */
    div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
    div.light_rounded .pp_bottom .pp_right { background: url('images/light_rounded_sprite.png') -110px -80px no-repeat; } /* Bottom right corner */
    div.light_rounded .pp_loaderIcon { background: url('images/light_rounded_loader.gif') center center no-repeat; } /* Loader icon */
    /* ----------------------------------
        Dark Rounded Theme
    ----------------------------------- */
    div.dark_rounded .pp_top .pp_left { background: url(dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
    div.dark_rounded .pp_top .pp_middle { background: url(dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
    div.dark_rounded .pp_top .pp_right { background: url(dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
    div.dark_rounded .pp_content { background: url(dark_rounded/contentPattern.png) top left repeat; } /* Content background */
    div.dark_rounded .pp_next:hover { background: url(dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
    div.dark_rounded .pp_previous:hover { background: url(dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
    div.dark_rounded .pp_expand { background: url(dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
    div.dark_rounded .pp_expand:hover { background: url(dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
    div.dark_rounded .pp_contract { background: url(dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
    div.dark_rounded .pp_contract:hover { background: url(dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
    div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
    div.dark_rounded .currentTextHolder { color: #c4c4c4; }
    div.dark_rounded .pp_description { color: #fff; }
    div.dark_rounded .pp_arrow_previous { background: url(dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
        div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
    div.dark_rounded .pp_arrow_next { background: url(dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
        div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
    div.dark_rounded .pp_bottom .pp_left { background: url(dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
    div.dark_rounded .pp_bottom .pp_middle { background: url(dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
    div.dark_rounded .pp_bottom .pp_right { background: url(dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
    div.dark_rounded .pp_loaderIcon { background: url(dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
    /* ----------------------------------
        Dark Square Theme
    ----------------------------------- */
    div.dark_square .pp_left ,
    div.dark_square .pp_middle,
    div.dark_square .pp_right,
    div.dark_square .pp_content { background: url('images/dark_square_contentPattern.png') top left repeat; }
    div.dark_square .currentTextHolder { color: #c4c4c4; }
    div.dark_square .pp_description { color: #fff; }
    div.dark_square .pp_loaderIcon { background: url('images/dark_square_loader.gif') center center no-repeat; } /* Loader icon */
    div.dark_square .pp_expand { background: url('images/dark_square_sprite.png') -31px -26px no-repeat; cursor: pointer; } /* Expand button */
    div.dark_square .pp_expand:hover { background: url('images/dark_square_sprite.png') -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
    div.dark_square .pp_contract { background: url('images/dark_square_sprite.png') 0 -26px no-repeat; cursor: pointer; } /* Contract button */
    div.dark_square .pp_contract:hover { background: url('images/dark_square_sprite.png') 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
    div.dark_square .pp_close { width: 75px; height: 22px; background: url('images/dark_square_sprite.png') -1px -1px no-repeat; cursor: pointer; } /* Close button */
    div.dark_square .pp_arrow_previous { background: url('images/dark_square_sprite.png') 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
        div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
    div.dark_square .pp_arrow_next { background: url('images/dark_square_sprite.png') -22px -71px no-repeat; } /* The next arrow in the bottom nav */
        div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
    div.dark_square .pp_next:hover { background: url('images/dark_square_btnNext.png') center right  no-repeat; cursor: pointer; } /* Next button */
    div.dark_square .pp_previous:hover { background: url('images/dark_square_btnPrevious.png') center left no-repeat; cursor: pointer; } /* Previous button */
    /* ----------------------------------
        Light Square Theme
    ----------------------------------- */
    div.light_square .pp_left ,
    div.light_square .pp_middle,
    div.light_square .pp_right,
    div.light_square .pp_content { background: #fff; }
    div.light_square .pp_expand { background: url('images/light_square_sprite.png') -31px -26px no-repeat; cursor: pointer; } /* Expand button */
    div.light_square .pp_expand:hover { background: url('images/light_square_sprite.png') -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
    div.light_square .pp_contract { background: url('images/light_square_sprite.png') 0 -26px no-repeat; cursor: pointer; } /* Contract button */
    div.light_square .pp_contract:hover { background: url('images/light_square_sprite.png') 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
    div.light_square .pp_close { width: 75px; height: 22px; background: url('images/light_square_sprite.png') -1px -1px no-repeat; cursor: pointer; position:absolute; right:4px; bottom:0; } /* Close button */
    div.light_square .pp_arrow_previous { background: url('images/light_square_sprite.png') 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
        div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
    div.light_square .pp_arrow_next { background: url('images/light_square_sprite.png') -22px -71px no-repeat; } /* The next arrow in the bottom nav */
        div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
    div.light_square .pp_next:hover { background: url('images/light_square_btnNext.png') center right  no-repeat; cursor: pointer; } /* Next button */
    div.light_square .pp_previous:hover { background: url('images/light_square_btnPrevious.png') center left no-repeat; cursor: pointer; } /* Previous button */
/* ------------------------------------------------------------------------
    DO NOT CHANGE
------------------------------------------------------------------------- */
    div.pp_pic_holder a:focus { outline:none; }
    div.pp_pic_holder a { outline:none !important; }
    div.pp_overlay {
        background: #000;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 9500;
    }
    div.pp_pic_holder {
        display: none;
        position: absolute;
        width: 100px;
        z-index: 10000;
    }
        .pp_top {
            height: 20px;
            position: relative;
        }
            * html .pp_top { padding: 0 20px; }
            .pp_top .pp_left {
                height: 20px;
                left: 0;
                position: absolute;
                width: 20px;
            }
            .pp_top .pp_middle {
                height: 20px;
                left: 20px;
                position: absolute;
                right: 20px;
            }
                * html .pp_top .pp_middle {
                    left: 0;
                    position: static;
                }
            .pp_top .pp_right {
                height: 20px;
                left: auto;
                position: absolute;
                right: 0;
                top: 0;
                width: 20px;
            }
        .pp_content {
            height: 40px;
            position: relative;
            text-align: left;
            width: 100%;
        }
            .pp_content .pp_details {
                display: none;
                margin: 10px 15px 2px 20px;
            }
                .pp_description {
                    display: none;
                    /*float: left;*/
                    margin: 0;
                }
                .pp_nav {
                    float:right;
                    margin:0 0 0 3px;
                }
                    .pp_nav p {
                        float: left;
                        margin: 2px 4px;
                    }
                    .pp_nav a.pp_arrow_previous,
                    .pp_nav a.pp_arrow_next {
                        display: block;
                        float: left;
                        height:23px;
                        margin-top: 3px;
                        overflow: hidden;
                        text-indent: -10000px;
                        width:23px;
                    }
        .pp_hoverContainer {
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 2000;
        }
        a.pp_next {
            background: url('images/light_rounded_btnNext.png') 10000px 10000px no-repeat;
            display: block;
            float: right;
            height: 100%;
            text-indent: -10000px;
            width: 49%;
        }
        a.pp_previous {
            background: url('images/light_rounded_btnNext.png') 10000px 10000px no-repeat;
            display: block;
            float: left;
            height: 100%;
            text-indent: -10000px;
            width: 49%;
        }
        a.pp_expand,
        a.pp_contract {
            cursor: pointer;
            display: none;
            height: 20px;    
            position: absolute;
            right: 30px;
            text-indent: -10000px;
            top: 10px;
            width: 20px;
            z-index: 20000;
        }
        a.pp_close {
            display: block;
            float: right;
            text-indent: -10000px;
        }
        .pp_bottom {
            height: 20px;
            position: relative;
        }
            * html .pp_bottom { padding: 0 20px; }
            .pp_bottom .pp_left {
                height: 20px;
                left: 0;
                position: absolute;
                width: 20px;
            }
            .pp_bottom .pp_middle {
                height: 20px;
                left: 20px;
                position: absolute;
                right: 20px;
            }
                * html .pp_bottom .pp_middle {
                    left: 0;
                    position: static;
                }
            .pp_bottom .pp_right {
                height: 20px;
                left: auto;
                position: absolute;
                right: 0;
                top: 0;
                width: 20px;
            }
        .pp_loaderIcon {
            display: none;
            height: 24px;
            left: 50%;
            margin: -12px 0 0 -12px;
            position: absolute;
            top: 50%;
            width: 24px;
        }
        #pp_full_res {
            display: none;
            line-height: 1 !important;
            margin: 0 auto;
            text-align: center;
            width: 100%;
        }
        div.ppt {
            color: #fff;
            display: none;
            font-size: 17px;
            left: 0;
            position: absolute;
            top: 0;
            z-index: 9999;
        }
/* ------------------------------------------------------------------------
    Miscellaneous
------------------------------------------------------------------------- */
    .clearfix:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }
    .clearfix {display: inline-block;}
    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */