/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
/***********************************************************************************/
   /*Mit dem folgenden Code könnt Ihr die meisten Styles der Colorbox verändern.*/
/***********************************************************************************/

#cboxOverlay{ /* Overlayfarbe */
    background: rgba(0, 0, 0, 0.5);
}


#cboxWrapper { /* Colorboxstyle */
    background:white; /* Hintergrundfarbe der Colorbox */
    padding:3px; /* Rahmenbreite */
    border-radius: 5px; /* Boxstyle (abgerundet oder kantig)  */ 
    box-shadow: 0px 0px 11px 2px rgba(0, 0, 0, 0.4); /* Schattierung der Colorbox */ 
}

        #cboxLoadedContent{
            background: white; /*Farbe der abgerundeten Ecken*/
        }

        .cboxPhoto {
            border-radius: 5px; /*Abgerundete Kanten des Bildes*/
        }

        #cboxPrevious{ /*Positionierung des Previous-Button*/
            bottom:1px; /*Positionierung des Previous-Button*/
            left:6px; /*Positionierung des Previous-Button*/
            height:23px; /*Größe des Klickbarenbereichs*/
            width:23px; /*Größe des Klickbarenbereichs*/
        }

        #cboxPrevious:before { /*Style des Previous-Buttons*/
            content: '<'; /*Buttoninhalt*/
            color: #949494; /*Buttoninhaltsfarbe*/
            font-size: 12px; /*Gößenbestimmung des Buttoninhalts*/
            font-weight: bold; /*Style des Buttoninhalts*/
            font-family: arial; /*Schriftart des Buttoninhalts*/
            border:1px solid #ccc; /*Border des Buttons*/
            /*box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);*/ /* Möglicher Schatten */
            border-radius:50%; /*Abgerundete Kanten des Buttons*/
            height: 19px;
            line-height: 19px;
            width: 19px; /*größe des Buttons*/
        }

        #cboxPrevious:hover:before { /*Hover des Next-Buttons*/
            background: #949494; /*Hover Hintergrundfarbe*/
            color: white; /*Hover Inhaltsfarbe*/
        }

        #cboxNext{/*Positionierung des Next-Button*/
            bottom:1px; /*Positionierung des Next-Button*/
            left:31px; /*Positionierung des Next-Button*/
            height:23px; /*Größe des Klickbarenbereichs*/
            width:23px; /*Größe des Klickbarenbereichs*/
        }

        #cboxNext:before { /*Style des Next-Buttons*/
            content: '>'; /*Buttoninhalt*/
            color: #949494; /*Buttoninhaltsfarbe*/
            font-size: 12px; /*Gößenbestimmung des Buttoninhalts*/
            font-weight: bold; /*Style des Buttoninhalts*/
            font-family: arial; /*Schriftart des Buttoninhalts*/
            border:1px solid #ccc; /*Border des Buttons*/
            /*box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);*/ /* Möglicher Schatten */
            border-radius:50%; /*Abgerundete Kanten des Buttons*/
            height: 19px;
            line-height: 19px;
            width: 19px;     /*Größe des Buttons*/
        }

        #cboxNext:hover:before { /*Hover des Next-Buttons*/
            background: #949494; /*Hover Hintergrundfarbe*/
            color: white; /*Hover Inhaltsfarbe*/
        }
        #cboxClose { /*Style des Close-Buttons*/
            top: 0px; /*Positionierungs des Close-Buttons*/
            right: 0px; /*Positionierungs des Close-Buttons*/
            width: 20px; /*Größe des Close-Buttons*/
            height: 20px; /*Größe des Close-Buttons*/
            background: white; /*Hintergrundfarbe des Close-Buttons*/
            border-radius:0px 0px 0px 5px; /*Ecken des Close-Buttons*/
        }

        #cboxClose:hover { /*Hover des Close-Buttons*/
            background: #949494; /*Hintergrundfarbe des Close-Buttons*/
            border-radius:0px 0px 0px 5px; /*Ecken des Close-Buttons*/
        }

        #cboxClose:before { /*Style des Close-Buttons*/
            content: 'X'; /*Buttoninhalt*/
            color: #949494; /*Buttoninhaltsfarbe*/
            font-size: 12px; /*Gößenbestimmung des Buttoninhalts*/
            font-weight: bold; /*Style des Buttoninhalts*/
            font-family: arial; /*Schriftart des Buttoninhalts*/
            top: 1px; /*Positionierung des Inhalts*/
            left: 8px; /*Positionierung des Inhalts*/
        }

        #cboxClose:hover:before { /*Hover des Close-Buttoninhalts*/
            color: white;
        }

         #cboxCurrent{ /*Style des Bildermengentext*/
            bottom:3px; /*Positionierung des Textes*/
            left:68px; /*Positionierung des Textes*/
            color:#949494; /*Schriftfarbe des Textes*/
            font-family: arial; /*Schriftart des Buttoninhalts*/
            font-size: 12px; /*Schriftgröße des Textes*/
        }

        #cboxTitle{
            color: #949494;/*Schriftfarbe des Title*/
            font-family: arial;/*Schriftart des Title*/
            font-size: 12px;/*Schriftgröße des Title*/
            background: white;/*Hintergrundfarbe des Title Feldes*/    
        }

        #cboxSlideshow { /*Slideshowtext*/
            color:#949494; /*Schriftfarbe*/
            font-size: 12px; /*Gößenbestimmung des Buttoninhalts*/
            font-weight: bold; /*Style des Buttoninhalts*/
            font-family: arial; /*Schriftart des Buttoninhalts*/
        }

        #cboxSlideshow:hover { /*Hover des Slideshowtext*/
            color:#ddd; /*Schriftfarbe*/
            font-size: 12px; /*Schriftgröße*/
            font-weight: bold; /*Schriftstyle*/
            font-family: arial; /*Schriftart*/
        }


/*****************************************************/
    /*Fester CSS Code !!!Bitte nicht anpassen!!!*/
/*****************************************************/

#colorbox:after, #colorbox *:after {content:""!important;}
#colorbox,#cboxOverlay,{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}
#colorbox{z-index:1100}
#cboxOverlay{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.7);z-index: 1000;}
#cboxMiddleLeft,#cboxBottomLeft{clear:left}
#cboxContent{position:relative;background:#fff;overflow:hidden}
#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch;margin-bottom:28px}
#cboxTitle{position:absolute;bottom:0;left:0;text-align:center;width:100%;height:22px;padding-top:6px;margin:0}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}
.cboxPhoto{float:left;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic;margin:auto}
.cboxIframe{width:100%;height:100%;display:block;border:0;background:#fff}
#colorbox *{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;}
#cboxError{border:1px solid #ccc;padding:50px}
#cboxCurrent{position:absolute}
#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center}
#cboxSlideshow{position:absolute;bottom:4px;right:30px;border:0;overflow:visible;width:auto;background:none;-webkit-transition:500ms;-moz-transition:500ms;-ms-transition:500ms;-o-transition:500ms;margin:0;padding:0}
#cboxClose:before{position:absolute;text-indent:0;-webkit-transition:500ms;-moz-transition:500ms;-ms-transition:500ms;-o-transition:500ms}
#cboxClose{position:absolute;text-indent:-9999px;border:0;overflow:visible;-webkit-transition:500ms;-moz-transition:500ms;-ms-transition:500ms;-o-transition:500ms;margin:0;padding:0}
.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)}
#colorbox,#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}
#cboxPrevious,#cboxNext{position:absolute;text-indent:-9999px;border:0;overflow:visible;background:none;margin:0;padding:0}
#cboxPrevious:before,#cboxNext:before{position:absolute;text-indent:0;-webkit-transition:500ms;-moz-transition:500ms;-ms-transition:500ms;-o-transition:500ms;top:0;left:0}