/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #C5CF1C;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 3px; }
#lightbox-loading {
	display:block;
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 15px;
	left: 0;
	height: 90%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #C5CF1C;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	height:50px;
	padding: 0 3px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
	position: absolute;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav {
	height:35px;
	position:absolute;
	left:-2px;
	margin-left:0;
	right:0;
	z-index:1000;
}

* html #lightbox-container-image-data {
	position: relative;
	overflow: visible;
}

*+html #lightbox-container-image-data {
	position: relative;
	overflow: visible;
}

*+html div#lightbox-container-image-data-box div#lightbox-secNav {
	display: block;
}

* html div#lightbox-container-image-data-box div#lightbox-secNav {
	display: block;
}

#lightbox-secNav-btnClose {
	background:transparent url(../../images/gallery/close-btn.png) no-repeat scroll right top;
	cursor:pointer;
	font-size:31px;
	position:absolute;
	right:-15px;
	top:-15px;
}

#lightbox-container-image-data .closehover {
	margin-top:-1px;
	background:transparent url(../../images/gallery/close-btn.png) no-repeat scroll right bottom;
	cursor:pointer;
	font-size:31px;
	position:absolute;
	right:-15px;
	top:-15px;
}

#lightbox-secNav-btnClose img{
	border:medium none;
	height:36px;
	width:36px;
}

#lightbox-secNav-sendecard {
	background:transparent url(/fileadmin/girlscup_2010/images/gallery/btn_ecard_senden.png) no-repeat scroll right top;
	cursor:pointer;
	font-size:31px;
	padding-bottom:0.7em;
	position:absolute;
	width:139px;
	height: 43px;
	right:0px;
}

*+html #lightbox-secNav-sendecard {
	right:4px;}

#lightbox-container-image-data .sendhover{
	background:transparent url(/fileadmin/girlscup_2010/images/gallery/btn_ecard_senden_hover.png) no-repeat scroll right top;
	cursor:pointer;
	font-size:31px;
	padding-bottom:0.7em;
	position:absolute;
	width:139px;
	height: 43px;
	right:0px;
}

*+html #lightbox-container-image-data .sendhover{
	right:4px;}

/***
 * Gallery
 **/
/* the large image. we use a gray border around it */
#anzag_gallery #img {
	border:3px solid #c5cf1c;
}

/* "next image" and "prev image" links */
#anzag_gallery .next, #anzag_gallery .prev {
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;
	border:1px solid #666;
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:12px;
	font-weight: bold;
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#anzag_gallery .prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

#anzag_gallery .next {
	right:-6px;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;
}

#anzag_gallery .next:hover, #anzag_gallery .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
#anzag_gallery .disabled {
	visibility:hidden;
}

/* the "information box" */
#anzag_gallery .info {
	position:absolute;
	bottom:0;
	left:0;
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

#anzag_gallery .info strong {
	display:block;
}

/* progress indicator (animated gif). should be initially hidden */
#anzag_gallery .progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
#anzag_gallery .next,
#anzag_gallery .prev,
#anzag_gallery .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;
}

/* the overlayed element */
.simple_overlay {
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:10000;
	/* styling */
	background-color:#333;
	width:675px;
	min-height:200px;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 45px 3px #333;
	-webkit-box-shadow: 0 0 90px #000;
}


/* close button positioned on upper right corner */
#anzag_gallery .close {
	background:url(../../images/gallery/close-btn.png) no-repeat left top;
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#anzag_gallery div.close:hover {
	background-position: left bottom;
}

/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
div.scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 660px;
    height:90px;
    float: left;
}

div.scrollable a img {
	display: block;
}

div.scrollable a.lightboximages {
	background-color: transparent;
	cursor:pointer;
	float:left;
	height:75px;

	display: inline;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
div.scrollable div.items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/*
    a single item. must be floated in horizontal scrolling.
    typically, this element is the one that *you* will style
    the most.
*/
div.scrollable div.items div {
    float:left;
}

/* you may want to setup some decorations to active the item */
div.items div.active {
    border:1px inset #ccc;
    background-color:#fff;
}

div.uniqueiddiv {
	margin: auto;
}

a.browse {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/fileadmin/girlscup_2010/images/gallery/pfeil-links-no.png) no-repeat scroll 0 0;
	cursor:pointer;
	display:block;
	height:30px;
	width:24px;

}

div.prevPageDiv {
	float:left;
	font-size:1px;
	height:24px;
	width:24px;
	margin-top: 30px;
	margin-right: 12px;
}

a.left {
	background:transparent url(/fileadmin/girlscup_2010/images/gallery/pfeil-links-no.png) no-repeat scroll 0 0;
}

a.left:hover {
	background:transparent url(/fileadmin/girlscup_2010/images/gallery/pfeil-links-hover.png) no-repeat scroll 0 0;
}

a.right {
	background:transparent url(/fileadmin/girlscup_2010/images/gallery/pfeil-rechts-no.png) no-repeat scroll 0 0;

}

a.right:hover{
	background:transparent url(/fileadmin/girlscup_2010/images/gallery/pfeil-rechts-hover.png) no-repeat scroll 0 0;
}

div.prevPageDiv .disabled {
	background:transparent url(/fileadmin/girlscup_2010/images/gallery/pfeil-links-deaktiviert.png) no-repeat scroll 0 0;
}

div.nextPageDiv .disabled {
	background:transparent url(/fileadmin/girlscup_2010/images/gallery/pfeil-rechts-deaktiviert.png) no-repeat scroll 0 0;
}

div.nextPageDiv {
	float:left;
	font-size:1px;
	height:30px;
	width:24px;
	margin-top: 30px;
	margin-left: 10px;
}

div.tx-dkdgallery-pi1 {
	overflow:hidden;
}