/* ------------------------------------------------------------------------
    This you can edit.
------------------------------------------------------------------------- */
    div.light_rounded .pp_top .pp_left { background: url(/ugm_2/deu/img/navi/prettyPhoto/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(/ugm_2/deu/img/navi/prettyPhoto/sprite.png) -110px -53px no-repeat; } /* Top right corner */
    
    div.light_rounded .pp_content .ppt { color: #000; }
    div.light_rounded .pp_content_container .pp_left,
    div.light_rounded .pp_content_container .pp_right { background: #fff; }
    div.light_rounded .pp_content { background-color: #fff; } /* Content background */
    div.light_rounded .pp_next:hover { background: url() center right  no-repeat; cursor: pointer; } /* Next button */
    div.light_rounded .pp_previous:hover { background: url(/ugm_2/deu/img/navi/prettyPhoto/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
    div.light_rounded .pp_expand { background: url(/ugm_2/deu/img/navi/prettyPhoto/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
    div.light_rounded .pp_expand:hover { background: url(/ugm_2/deu/img/navi/prettyPhoto/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
    div.light_rounded .pp_contract { background: url(/ugm_2/deu/img/navi/prettyPhoto/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
    div.light_rounded .pp_contract:hover { background: url(/ugm_2/deu/img/navi/prettyPhoto/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
    div.light_rounded .pp_close { width: 75px; height: 22px; background: url(/ugm_2/deu/img/navi/prettyPhoto/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
    div.light_rounded #pp_full_res .pp_inline { color: #000; } 
    div.light_rounded .pp_arrow_previous { background: url(/ugm_2/deu/img/navi/prettyPhoto/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
        div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
    div.light_rounded .pp_arrow_next { background: url(/ugm_2/deu/img/navi/prettyPhoto/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
        div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
    div.light_rounded .pp_bottom .pp_left { background: url(/ugm_2/deu/img/navi/prettyPhoto/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(/ugm_2/deu/img/navi/prettyPhoto/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
    div.light_rounded .pp_loaderIcon { background: url(/ugm_2/deu/img/navi/prettyPhoto/loader.gif) center center no-repeat; } /* Loader icon */
    

/* ------------------------------------------------------------------------
    DO NOT CHANGE
------------------------------------------------------------------------- */
    div.pp_pic_holder a:focus { outline:none; }
    div.pp_overlay {
        background: #000;
        display: none;
        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; }
        
        .pp_content .ppt {
            left: auto;
            margin-bottom: 5px;
            position: relative;
            top: auto;
        }
        
        .pp_fade { display: none; }
        
        .pp_content_container {
            position: relative;
            text-align: left;
            width: 100%;
        }
        
            .pp_content_container .pp_left { padding-left: 20px; }
            .pp_content_container .pp_right { padding-right: 20px; }
        
            .pp_content_container .pp_details {
                margin: 10px 0 2px 0;
            }
                .pp_description {
                    display: none;
                    margin: 0 0 5px 0;
                }
                
                .pp_nav {
                    clear: left;
                    float: left;
                    margin: 3px 0 0 0;
                }
                
                    .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: 15px;
                        margin-top: 3px;
                        overflow: hidden;
                        text-indent: -10000px;
                        width: 14px;
                    }
        
        .pp_hoverContainer {
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 2000;
        }
        
        a.pp_next {
            background: url() 10000px 10000px no-repeat;
            display: block;
            float: right;
            height: 100%;
            text-indent: -10000px;
            width: 49%;
        }
            
        a.pp_previous {
            background: url) 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: block;
            height: 24px;
            left: 50%;
            margin: -12px 0 0 -12px;
            position: absolute;
            top: 50%;
            width: 24px;
        }
        
        #pp_full_res {
            line-height: 1 !important;
        }
        
            #pp_full_res .pp_inline {
                text-align: left;
            }
            
                #pp_full_res .pp_inline p { margin: 0 0 15px 0; }
    
        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 */