@charset "UTF-8";
/* CSS Document */

   /*
  /////////////////////////////////////////////////////////
 // INITIALISIERUNG //////////////////////////////////////
/////////////////////////////////////////////////////////
*/

#gallery * {
	padding:0;
	margin:0 auto;
	border:0;
}

#gallery * a:active {
	outline:none;
}

#gallery * a:focus {
	-moz-outline-style: none;
}

#gallery * img {
	border:0px;
}

   /*
  /////////////////////////////////////////////////////////
 // GALLERY by Axel Schwarz //////////////////////////////
/////////////////////////////////////////////////////////
*/

/*
// CONTAINER
*/

#gallery {
	width:510px; 
	height:510px; 
	display:block;
	overflow:visible;
	z-index:2000;
	/* border:dashed thin #FFFFFF;  Rahmen zum debuggen */
	/* Positionierung als eigenstaendiges, zentriertes Element.
	position:absolute;
	top:50%;
	margin-top:-255px;
	left:50%;
	margin-left:-255px; */
	/* Positionierung als eingebettetes Element */
	position:absolute;
	top:0;
	left:0;
	margin:0 auto;
}

/*
// CONTROLLS
*/

#controlls {
	padding:0;
	margin:0;
	text-align:center;
	display:block;
	width:250px;
	height:60px;
	position:absolute;
	top:325px;
	left:130px;
	float:left;
	text-indent:-9999px;
	visibility: hidden;
	z-index:2015;
}

#controllsBackground {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:250px;
	height:60px;
	behavior: url(supplements/iepngfix1.htc);
	background-image:url(images/galleryControlls_aquaPlate.png);
	background-repeat:no-repeat;
}

#buttons {
	display:block;
	width:250px;
	height:60px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2020;
}

#previous {
	display:block;
	width:50px;
	height:60px;
	float:left;
}

#previous a {
	display:block;
	width:50px;
	height:60px;
	behavior: url(supplements/iepngfix1.htc);
	background-image:url(images/galleryControlls_previous.png);
	background-repeat:no-repeat;
	background-position:0px 0px;	
}

#previous a:hover {
	background-position:0px -60px;
}

#next {
	display:block;
	width:48px;
	height:60px;
	float:left;
}

#next a {
	display:block;
	width:48px;
	height:60px;
	behavior: url(supplements/iepngfix1.htc);
	background-image:url(images/galleryControlls_next.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#next a:hover {
	background-position:0px -60px;
}

#bullets {
 	display:block;
	width:100px;
 	height:60px;
	list-style-type:none;
	float:left;
}

#bullets li {
	display:inline;
	width:20px;
	height:60px;
	float:left;
}

#bullets a {
	display:block;
	width:20px;
	height:60px;
	behavior: url(supplements/iepngfix1.htc);
	background-image:url(images/galleryControlls_bullet.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
}

#bullets a:hover {
	background-position:0px -60px;
}

#close {
	display:block;
	width:52px;
	height:60px;
	float:left;
}

#close a {
	display:block;
	width:52px;
	height:60px;
	behavior: url(supplements/iepngfix1.htc);
	background-image:url(images/galleryControlls_close.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#close a:hover {
	background-position:0px -60px;
}

#indicator {
	display:block;
	position:absolute;
	left:98px;
	top:0;
	width:20px;
	height:60px;
	z-index:2025;
}

#indicator b {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:20px;
	height:60px;
	color:#990000;
	background-image:url(images/galleryControlls_indicator.gif);
	background-repeat:no-repeat;
}

/*
// MINIMAL CONTROLLS - Close Button only!
*/

#controlls_min {
	padding:0;
	margin:0;
	text-align:center;
	display:block;
	width:52px;
	height:60px;
	position:absolute;
	top:325px;
	left:229px;
	float:left;
	text-indent:-9999px;
	visibility: hidden;
	z-index:2015;
}

#controllsBackground_min {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:52px;
	height:60px;
	behavior: url(supplements/iepngfix1.htc);
	background-image:url(images/galleryControlls_aquaPlate_closeOnly.png);
	background-repeat:no-repeat;
}

#buttons_min {
	display:block;
	width:52px;
	height:60px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2020;
}

#close_min {
	display:block;
	width:52px;
	height:60px;
	position:absolute;
	top:0px;
	left:0px;
}

#close_min a {
	display:block;
	width:52px;
	height:60px;
	behavior: url(supplements/iepngfix1.htc);
	background-image:url(images/galleryControlls_close.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#close_min a:hover {
	background-position:0px -60px;
}

/*
// IMAGES
*/

#images {
	padding:0; 
	margin:0 auto;
	display:block;
	list-style-type:none; 
	position:absolute;
	top:0;
	left:0;
	width:510px;
	height:510px;
	z-index:2005;
}

#images img {
	position:absolute;
	top:0;
	left:0;
	visibility:hidden;
	border:15px solid #FFFFFF;
	z-index:2007;
}

#hideControlls a {
	display:block;
	width:530px;
	height:530px;
	/* border:thin dotted #990000; Debugging - danach entfernen */
	position:absolute;
	top:-10px;
	left:-10px;
	text-indent:-9999px;
	z-index:2006;
}

   /*
  /////////////////////////////////////////////////////////
 // LEUCHTKASTEN /////////////////////////////////////////
/////////////////////////////////////////////////////////
*/

#dimmer_images {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.80;
    opacity:.80;
    filter: alpha(opacity=80);
}

#lightbox_images {
    display: none;
    position: fixed;
    top: 25%;
    left: 50%;
	margin-top: -105px;
	margin-left:-255px;
    width: 510px;
    height: 510px;
    /*padding: 15px;
    border: 15px solid white;*/
    /*background-color: white;*/
    z-index:1002;
    overflow: visible;
}