@charset "UTF-8";
/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 23.8.07
**  File     : myOwnStyles.css
**  Function : This file is not part of the YAML-CSS-Framework.
**             It was included to give the user the possibility to quickly apply tests, changes or
**             whatever with no need to change the YAML-files and mess up anything.
**             Hmmm. Does this make sense? Anyway, use it or just leave it empty. It will do no harm.
**             This is the last stylesheet beeing imported. So, everything can be overwritten here.
**             Be careful what you put in here and don't hold us responsible for anything that goes wrong...
*/
@media all
{
/* Your styles here */
#lightbox{
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
        }

#lightbox a img{ border: none; }

#outerImageContainer{
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
        }

#imageContainer{
        padding: 10px;
        }

#loading{
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
        }
#hoverNav{
        position: absolute;
        top: 0px;
        left: 0;
        height: 10px;
        width: 100%;
        z-index: 10;
        }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none; height:25px;}

#prevLink, #nextLink{
        margin-top:0px;
        width: 49%;
        height: 100%;
        background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
        display: block;
        border:0px solid #000;

        }

#prevLink { left: 0; float: left; height:25px; z-index:90;}
#nextLink { right: 0; float: right; height:25px; z-index:90;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; z-index:90;}
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; z-index:90;}


#imageDataContainer{
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        overflow: auto;
        width: 100%
        border:1px solid #000;
        }

#imageData{        padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; display:none;}
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: none; clear: left; padding-bottom: 1.0em;        }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0em; z-index:150;}

#overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #fff;
        }

.tx-pksrfeimagegallery-pi1 {margin-left:10px; font-color:#000;}


/* Content element "table" */
table.contenttable { font-size:0.7em; width:98%; border-collapse:collapse; empty-cells:show; border:solid 1px #580202; margin-top:3px; margin:5px;}
table.contenttable caption {display:none; line-height:1.0em; padding:7px 4px 5px 7px; text-align:left; font-weight:bold; color:#fff;  font-size:1.1em; background:#580202; margin:0px; border:solid 0px #580202;}
table.contenttable tr.tr-odd {background: #ddd; border-bottom:solid 1px #580202;}
table.contenttable .td-0 {font-size:1.2em; font-weight:bold; color:#580202; height:1.0em; background: #ccc; border-bottom: 1px solid #580202;}
table.contenttable tr.tr-even {background:#eee; border-bottom:solid 1px #580202;}
table.contenttable td {height:3.0em; padding:2px 7px 0px 7px; border-left:solid 1px #580202; text-align:left; font-weight:normal}
table.contenttable th {height:3.0em; text-align:left; background:#580202; color:white; padding:2px 4px 2px 7px; border-left:solid 1px #580202; border-right:solid 1px #580202; border-top:solid 1px #580202; border-bottom:solid 1px #580202; margin:0px;}
table.contenttable th.td-0 {background:#580202; color:#fff;}

.tx-sfslideshow-pi1 {
border:0px solid #000;
height:277px;
margin-left:5px;
}


}