/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

/* Hintergrund Farbe border-color muss den gleichen wert erhalten */
.lbBgColor {
    background-color: #fff;
    border-color: #fff;
    /* ist der rahmen um das bild und unten um den text*/
    border-width: 1em;
}

/* Äußere Rahmen Farbe */
.lbOuterBorder {
    /*border:2px solid #000;*/
}

#lbCenter, #lbBottomContainer {
    font-size: 1em;
    /* Schrieft Farbe algemein nicht für Next, Prev und Close */
    color: #000;
	position: absolute;
	z-index: 9999;
	overflow: hidden;
}

/* Schrieft Farbe für Next, Prev und Close */
#lbCenter a, #lbBottomContainer a {
    color: #000;
    text-decoration:none;
}

#lbBottomContainer {
    border-top:none;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border-style: solid;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink, #lbPrevLink div {
    text-align:right;
    left: 0;
}

#lbNextLink, #lbNextLink div {
    text-align:left;
    right: 0;
}

#lbPrevLink div, #lbNextLink div {
    display:block;
    position: absolute;
    top:15%;
    width: 4em;
    height: 3.4em;
    /* line-height solte wie height sein */
    line-height: 3.4em;
    visibility:hidden;
}

#lbPrevLink:hover div, #lbNextLink:hover div {
    visibility:visible;
}

/*1=oben, 2=rechts, 3=unten, 4=links*/
#lbPrevLink img, #lbNextLink img {
    /* margin unten + oben + height = #lbPrevLink div, #lbNextLink div height */
    margin:.7em .7em;
    width: 2em;
    height: 2em;
}

#lbPrevLink span, #lbNextLink span {
    font-weight: bold;
    font-size:1.2em;
    margin:0 .4em;
}

#lbBottom {
    border-style: solid;
	border-top-style: none;
}

#lbCloseLink {
    position:absolute;
    right:0;
    bottom:0;
	display: block;
    border-style: solid;
    border-top-style: none;
    border-left-style: none;
	outline: none;
}

#lbCloseLink img {
    height: 1.4em;
}

#lbCloseLink span {
    font-weight: bold;
    /* line-height solte den gleichen wert wie #lbCloseLink img height haben */
    font-size:1.4em;
    line-height: 1.4em;
}

#lbCaption, #lbNumber {
    /* der line-height bewirkt bei #lbNumber das der #lbCloseLink sichtbar ist wens kein Text in #lbCaption und #lbNumber gibt solte deshalb den wert von #lbCloseLink img height haben */
    line-height: 1.4em;
    text-align: left;
	margin-right: 7em;
}

#lbCaption {
	font-weight: bold;
}

.lbLoading {
    background-image: url(loading.gif);
    background-repeat:no-repeat;
    background-position:center;
}

.lbCornerTop, .lbCornerLeft {
    -moz-border-radius-topleft: .6em;
    -webkit-border-top-left-radius: .6em;
    -khtml-border-top-left-radius: .6em;
    border-top-left-radius: .6em;
}

.lbCornerTop, .lbCornerRight {
    -moz-border-radius-topright: .6em;
    -webkit-border-top-right-radius: .6em;
    -khtml-border-top-right-radius: .6em;
    border-top-right-radius: .6em;
}

.lbCornerBottom, .lbCornerLeft {
    -moz-border-radius-bottomleft: .6em;
    -webkit-border-bottom-left-radius: .6em;
    -khtml-border-bottom-left-radius: .6em;
    border-bottom-left-radius: .6em;
}

.lbCornerBottom, .lbCornerRight {
    -moz-border-radius-bottomright: .6em;
    -webkit-border-bottom-right-radius: .6em;
    -khtml-border-bottom-right-radius: .6em;
    border-bottom-right-radius: .6em;
}