/*
16 10 24  
*/

.gallery .img {
    //height: 120px;
    //width: 120px;   
    float: left;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.gallery .img a {
    display: table-cell;
    vertical-align: middle;
    width: 160px;
    height: 160px;
    border: none;
    border-radius: 10px;
}

.gallery .img a:hover {
    background-color: hsl(0,0%,97%);
    border: none;
}

.gallery img {
    border: none;
    padding: 0px;
}

.gallery .pagenavigation {
    //height: 50px;
    position: absolute;
    bottom: 0px;
}

.gallery .prevpage a,
.gallery .prevpage em {
    display: block;
    float: left;
    margin: 0 6px;
    line-height: 1.5em;
    font-size: 1em;
}

.gallery .nextpage a,
.gallery .nextpage em {
    display: block;
    float: left;
    margin: 0 6px;
    line-height: 1.5em;
    font-size: 1em;
}

.gallery .parentlink a {
    display: block;
    width: 50px;
    height: 39px;
    float: left;
    text-indent: -1000px;
    background: url(../../images/uppage.png) transparent no-repeat 0 0;
}

.gallery .pagenavigation a:hover {
    background-position: 0 -40px;
}

.gallery .prevpage em,
.gallery .nextpage em {
    color: #bbb;
    font-style: normal;
}

.gallery .pagelinks {
    margin-left: 300px;
    border-right: 2px solid #bbb;
}

.gallery .prevpage,
.gallery .nextpage,
.gallery .pagelinks {
    display: inline;
}

.gallery .pagelinks a,
.gallery .pagelinks em {
    margin-top: 6px;
    padding: 0 6px;
    border-left: 2px solid #bbb;
    text-align: center;
    font: bold 11px verdana;
    color: #000;
}

.gallery .pagelinks em {
    color: #bbb;
}

.galleryclear {
    clear: both;
}

.thumbdetails {
    visibility: hidden;
}


/* THICKBOX */


/* ----------------------------------------------------------------------------------------------------------------*/


/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------*/

* {
    padding: 0;
    margin: 0;
}


/* ----------------------------------------------------------------------------------------------------------------*/


/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------*/

#TB_window {
    font: 12px Arial, Helvetica, sans-serif;
    color: #333333;
}

#TB_secondLine {
    font: 10px Arial, Helvetica, sans-serif;
    color: #666666;
}

#TB_window a:link {
    color: #666666;
}

#TB_window a:visited {
    color: #666666;
}

#TB_window a:hover {
    color: #000;
}

#TB_window a:active {
    color: #666666;
}

#TB_window a:focus {
    color: #666666;
}


/* ----------------------------------------------------------------------------------------------------------------*/


/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------*/

#TB_overlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.TB_overlayMacFFBGHack {
    background: url(modules/Gallery/templates/thickbox/macFFBgHack.png) repeat;
}

.TB_overlayBG {
    background-color: transparent;
}

* html #TB_overlay {
    /* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight: document.body.offsetHeight + 'px');
}

#TB_window {
    position: absolute;
    background: transparent;
    z-index: 102;
    left: 50%;
    top: 50%; // Anfangspunkt in Feldmitte,Script rechn. Versatz aus
}

* html #TB_window {
    /* ie6 hack */
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin=document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
    border: none;
}

#TB_imginfonav {
    position: absolute;
    bottom: 0px;
    z-index: 110;
    line-height: 1.5em;
}

#bilddetails {
    height: 100px;
}

#TB_caption {
    height: 25px;
    padding: 7px 30px 10px 25px;
    float: left;
}

#TB_closeWindow {
    height: 25px;
    padding: 11px 25px 10px 0;
    float: right;
}

#TB_closeAjaxWindow {
    padding: 7px 10px 5px 0;
    margin-bottom: 1px;
    text-align: right;
    float: right;
}

#TB_ajaxWindowTitle {
    float: left;
    padding: 7px 0 5px 10px;
    margin-bottom: 1px;
}

#TB_title {
    background-color: #e8e8e8;
    height: 27px;
}

#TB_ajaxContent {
    clear: both;
    padding: 2px 15px 15px 15px;
    overflow: auto;
    text-align: left;
    line-height: 1.4em;
}

#TB_ajaxContent.TB_modal {
    padding: 15px;
}

#TB_ajaxContent p {
    padding: 5px 0px 5px 0px;
}

#TB_load {
    position: fixed;
    display: none;
    height: 13px;
    width: 208px;
    z-index: 103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px;
    /* -height/2 0 0 -width/2 */
}

* html #TB_load {
    /* ie6 hack */
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin=document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect {
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    border: none;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
}

* html #TB_HideSelect {
    /* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight: document.body.offsetHeight + 'px');
}

#TB_iframeContent {
    clear: both;
    border: none;
    margin-bottom: -1px;
    margin-top: 1px;
    _margin-bottom: 1px;
}