body {
    background: none;
    background-color: #DAD9DA;
}

/*
 * Photo Player
 *
 * Player-Background: FFFFFF
 * Border color: A8A8A9
 * Green text: 5B9823
 * Image copyright text color: 8B8B8C
 * ---------------------------------------------------------------------------- 
 * Color list: FFFFFF, A8A8A9, 5B9823, 8B8B8C
 */
.photoplayer_wrapper {
    overflow: auto;
    
    background-color: #FFFFFF;
    padding: 11px;

    width: 1035px; /* 1057 - (2 * 11) = 1035 */
}

/*
 * ----------------------------------------------------------------------------
 * Stage
 * ----------------------------------------------------------------------------
 */
.photoplayer_stagewrapper {
    float: left;
}
.photoplayer_stage {
    position: relative;
}
.photoplayer_fullscreenicon {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 5;
}
.photoplayer_bigimagewrapper {
    overflow: hidden;
    
    border-bottom: solid 2px #A8A8A9;
    text-align: center;
    
    height: 480px;
    width: 720px;
}
.photoplayer_bigimagewrapper img {
}
.photoplayer_imagetextwrapper {
    margin-top: 10px;
    
    width: 720px;
}
.photoplayer_imagetextwrapper p {
    font-weight: bold;
}
.photoplayer_imagetextwrapper p.cshiptitle {
    float: left;
    
    margin-right: 12pt;
    margin-top: 4px;
}
.photoplayer_imagetextwrapper p.eventtitle {
    float: left;
    margin-right: 20pt;
    margin-top: 4px;
    color: #5B9823;
}
.photoplayer_imagetextwrapper p.facebooklike {
    float: left;
    width: 90px;
    height: 20px;
}
.photoplayer_imagetextwrapper p.googleplusone {
    float: left;
    height: 20px;
    display: none;
}
.photoplayer_imagetextwrapper p.imagetext {
    clear: both;
    overflow: hidden;
    margin-top: 10px;
    
    height: 30px;
}
.photoplayer_imagetextwrapper p.copyright {
    color: #8B8B8C;
    font-size: 10px;
    font-weight: normal;
    margin-top: 2px;
}
.photoplayer_imagetextwrapper span.copyright {
    color: #8B8B8C;
    font-size: 10px;
    font-weight: normal;
    margin-top: 2px;
}

/*
 * ----------------------------------------------------------------------------
 * Right
 * ----------------------------------------------------------------------------
 */
.photoplayer_rightwrapper {
    float: right;
    overflow: hidden;
    
    border: solid 2px #A8A8A9;

    width: 300px;
    height: 648px;  /* 537 */
}


/*
 * searchrow
 * ----------------------------------------------------------------------------
 */
.photoplayer_searchrow {
    background: url(Images/photoplayer/searchfieldbackground.jpg) no-repeat right top;
    border-bottom: solid 2px #A8A8A9;
    
    height: 33px;
}
.photoplayer_searchrow div.photostext {
    float: left;
    
    background: url(Images/photoplayer/photostext.jpg) no-repeat left top;
    
    width: 80px;
    height: 33px;
}
.photoplayer_searchfieldwrapper {
    float: right;
    
    margin-top: 10px;
    
    width: 130px;
    height: 23px; /* 33 - 10 = 23 */
}
.photoplayer_searchfield {
    background-color: Transparent;
    border: none;
    color: #5B9823;

    width: 97px;
}
.photoplayer_searchbutton {
    background-color: Transparent;
    border: none;
    cursor: pointer;

    width: 20px;
}


/*
 * search results
 * ----------------------------------------------------------------------------
 */
#photoplayer_photos {
    position: relative;    
}
.photoplayer_photoscontainer {
    width: 284px;
    height: 533px;
}
#photoplayer_scroller {
    position: absolute;
    overflow: hidden;
    
    width: 284px;
    height: 533px;
}
.Scroller-Container {
    position: absolute;
    top: 0px;
    left: 0px;
}
.photoplayer_innerpanel {
    clear: both;
    
    background: #FFFFFF url(Images/photoplayer/resultbackground.jpg) repeat-x left bottom;
    padding-bottom: 4px;
    padding-left: 2px;
    padding-top: 3px;
    
    width: 282px; /* 284 - 2 = 282 */
    height: 51px; /* 58 - 3 - 4 = 51 */
}
.photoplayer_innerpanel a {
    float: left;
}
.photoplayer_innerpanel img {
    float: left;
    
    border: 0;
    cursor: pointer;
    margin-right: 10px;
    
    width: 78px;
    height: 52px;
}
.photoplayer_photoresulttext {
    float: right;
    width: 194px;
}
.photoplayer_photoresulttext p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    white-space: nowrap;
    
    height: 12px;
}
.photoplayer_photoresulttext p.highlight {
    float: left;
    
    color: #5B9823;
    cursor: pointer;
    margin-right:15px;
}
.photoplayer_photoresulttext p.documentation {
    color: #606060;
    cursor: pointer;
}

.Scrollbar-Track {
    position: absolute;
    top: 0px;
    right: 0px;
    
    background-image: url("Images/photoplayer/scrollbar-track.jpg");
    
    width: 15px;
    height: 533px;
}
.Scrollbar-Handle {
    position: absolute;
    
    background-image: url("Images/photoplayer/scrollbar-handle.jpg");
    margin-left: 1px;
    
    width: 13px;
    height: 30px;
}




/*
 * thumbnail slider
 * ----------------------------------------------------------------------------
 */
.photoplayer_slider_overviewcontrol {
    width: 720px;   /* Gesamtbreite */
    height: 56px;
    margin-top: 6px;
    margin-bottom: 6px;
    background-image: url("/issf_images/photogallery/background.jpg");
    background-repeat:  repeat-x;
    border: solid 1px #888888;
}
.photoplayer_slider_buttonleft {
    float: left;
    
    background-image: url("/issf_images/photogallery/arrow-left.jpg") ;
    cursor: pointer;

    width: 24px;
    height: 56px;
}
.photoplayer_slider_buttonright {
    float: right;
    
    background-image: url("/issf_images/photogallery/arrow-right.jpg");
    cursor: pointer;
    
    width: 24px;
    height: 56px;
}
.photoplayer_slider_wrapper {
    width: 672px;   /* 720-2x24 von den Buttons*/
    height: 56px;
    float: left;
    overflow: hidden;
}
.photoplayer_slider_imagediv {
    height: 56px;
    margin-left: -20px;
    white-space: nowrap;
}
.photoplayer_slider_overviewimg {
    float: left;

    cursor: pointer;
    margin: 5px 2px 5px 2px;
    
    height: 46px;
}



/*
 * controls
 * ----------------------------------------------------------------------------
 */
/*.photoplayer_wrapper {
    background-color: White;
    
    width: 720px;
    height: 330px;
}
.photoplayer_stage {
    --border: solid 1px #606060;
}
.photoplayer_stage img {
    width: 458px;
    height: 272px;
}*/
.photoplayer_controls {
    background-color: Black;
    height: 24px;
    width: 720px;
}
.photoplayer_controls img {
    float: left;
    padding-top: 1px;
    padding-left: 1px;
}
.photoplayer_controls img.hand {
    cursor: pointer;
}
.photoplayer_text {
}
.photoplayer_text p {
    padding: 2px;
}