/* CSS Lightbox,
Seite der in der Box geladenen Bilder */

#boxoverlay {
z-index:190;
position:absolute;
top:0;
left:0;
width:100%;
height:auto;
background-color:#ffffff;
}

#boxlightbox {
z-index:200;
position:absolute;
top:20px;
left:0;
width:100%;
text-align:center;
color:#808080;
line-height:0;
}

#boxlightbox td {
vertical-align:top;
}

#boxlightbox a img {border:none;}

#boxouterImageContainer{
width:auto;
height:auto;
margin:0 auto;
position:relative;
}

#boxlightboxImage {
width:100%;
height:100%;
}

#boximageContainerMain {
margin:0 auto;
overflow:visible;
position:relative;
font-size:0;
}

#boximageContainer {
width:10px;
height:10px;
margin:0 auto;
overflow:hidden;
background-color:#ffffff;
position:relative;
font-size:0;
}

#boxloading {
z-index:1;
position:absolute;
top:40%;
left:0%;
height:25%;
width:100%;
text-align:center;
font-size:10px;
}

#boxloadingLink {
display:block;
margin:0 auto;
padding:0;
width:32px;
height:32px;
background:url(loading.gif) center center no-repeat;
}

#boxhoverNav{
z-index:10;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
}

#boximageContainer>#hoverNav {left:0;}

#boxprevLinkImg, #boxnextLinkImg {
z-index:20;
top:0;
width:48px;
height:100%;
position:absolute;
outline-style:none;
display:block;
background:none;
}

#boxprevLinkImg {left: 0;}

#boxnextLinkImg {right: 0;}

#boxprevLinkImg:hover, #boxprevLinkImg.hover, #boxprevLinkImg:visited:hover {
background:url(prev.png) 5% center no-repeat;
}

#boxnextLinkImg:hover, #boxnextLinkImg.hover, #boxnextLinkImg:visited:hover {
background:url(next.png) 97% center no-repeat;
}

#boximageDataContainer {
font:10px Verdana,Arial,Helvetica,sans-serif;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
color:#808080;
background-color:#ffffff;
width:100%;
}

#boximageData {
overflow:hidden;
width:100%;
}

#boximageDetails {width:70%; float:left; text-align:left; padding:10px 10px 0 0;}
#boxcaption {font-weight:bold; display:block;}
#boxnumberDisplay {display:block; float:left; padding:3px 10px 0 0;}
#boxdetailsNav {display:block; float:left; padding:0;}
#boxprevLinkDetails, #boxnextLinkDetails, #boxslideShowControl {background-repeat:no-repeat; outline-style:none; display:block; float:left;}
#boxprevLinkDetails {margin:3px; margin-top:0px; width:24px;height:24px; background:url(prevlabel.gif) left center;}
#boxnextLinkDetails {margin:3px; margin-top:0px; width:24px;height:24px; background:url(nextlabel.gif) right center;}

#boxslideShowControl.started {
background-image:url(pause.gif);
}

#boxslideShowControl {
display:block;
width:24px;
height:24px;
float:left;
background:url(start.gif);
background-position:center center;
background-repeat:no-repeat;
}

#boxclose{
padding:20px 0 0;
float:right;
}

#boxcloseLink {
display:block;
outline-style:none;
margin:0;
padding:0;
text-decoration:none;
width:32px;
height:32px;
background:url(close.gif) no-repeat;
}

.clearfix:after {
content:".";
display:block;
height:0; clear:both;
visibility:hidden;
}

* html>body .clearfix {
display:inline-block;
width:100%;}

* html .clearfix {
height:1%;
}

#boxouterImageFrame {
border:1px solid red;
height:100%;
width:100%;
position:absolute;
}

#boxouterImageContainer {
overflow:visible;
}

#boxouterImageContainer td {
text-align:center;
padding:0;
}

#boxlightboxFrameBody {
background-color:#ffffff;
border:solid 1px #ffffff;
}

#boxouterImageContainer td, #boxouterImageContainer tr {
font-size:0;
border:0 none;
}

#boxouterImageContainer td.tl, #boxouterImageContainer td.br {
height:38px;
width:38px;
}

.box{display:none;}

#boxouterImageContainer td.tl {
background-image:url(borderTopLeft.png);
}

#boxouterImageContainer td.tc {
background-image:url(borderTopCenter.png);
}

#boxouterImageContainer td.tr {
background-image:url(borderTopRight.png);
}

#boxouterImageContainer td.ml {
background-image:url(borderMiddleLeft.png);
}

#boxouterImageContainer td.mr {
background-image:url(borderMiddleRight.png);
}

#boxouterImageContainer td.bl {
background-image:url(borderBottomLeft.png);
}

#boxouterImageContainer td.bc {
background-image:url(borderBottomCenter.png);
}

#boxouterImageContainer td.br {
background-image:url(borderBottomRight.png);
}


/* Schluss */