/*Default-CSS Imagegallery*/

/*
Kategorien
*/
.AlbumList {
	 position:relative;
	 width:47%;
	 height:73px;
	 margin:0 0 10px 0;
	}
.AlbumList a.Dark, .AlbumList a.Light {
	 color:#999;
	 display:block;
	 cursor:pointer;
	 height:71px;
	 position:relative;
	 text-decoration:none;
	 line-height:16px;
	 font-size:11px;
	 background:#2A2A2A;
	 border:0 solid #191E1A;
	 border-width:0 1px 0 1px;
	}
.AlbumList a.Light {background:#eee; color:#666; border-color:#b3b3b3;}
.AlbumList a:hover {
	 background:#353535;
	 text-decoration:none;
	}
.AlbumList a.Light:hover {background:#fafafa;}
	.AlbumList a span {
		 height:65px;
		 top:-1px;
		 padding:3px;
		 display:block;
		 position:absolute;
		 left:0;
		 right:0;
		 overflow:hidden;
		 font-weight:normal;
		 bottom:-1px;
		 border:0 solid #191E1A;
		 border-width:1px 0 1px 0;
		}
	.AlbumList a.Light span { border-color:#b3b3b3}
	.AlbumList a h2 {
		 margin:0;
		 font-size:15px;
		 width:60%;
		 height:17px;
		 overflow:hidden;
		 font-weight:normal;
		}
	.AlbumList a:hover h2 {color:#fff;}
	.AlbumList a.Light:hover h2 {color:#222;}
	.AlbumList a div {
		 float:right;
		 width:30%;
		 margin-left:10%;
		 display:block;
		 text-align:center;
		 height:65px;
		 width:65px;
		 overflow:hidden;
		}
	* html .AlbumList a div { margin:0;}
	/* Admin */
	.AlbumList .BtnEditSmall, .AlbumList .BtnDeleteSmall {
		 position:absolute;
		 right:4px;
		 top:4px;
		}
	.AlbumList .BtnDeleteSmall {top:24px;}
	
/* Album */
	
.ThumbnailImage {
	 position:relative;
	 display:block;
	 width:23%;
	 height:142px;
	 cursor:pointer;
	 margin:0 1.5% 15px 0;
	 float:left;
	}
	.ThumbnailImage a {text-decoration:none;}
	* html .ThumbnailImage {margin-right:1%;}
	.ThumbnailImage .Dark b, .ThumbnailImage .Light b {
		 color:#999;
		 display:block;
		 cursor:pointer;
		 height:126px;
		 width:126px; /* Image Width + padding + boarder (3px) */
		 position:relative;
		 background:#2A2A2A;
		 border:0 solid #191E1A;
		 border-width:0 1px;
	}
	.ThumbnailImage .Light b {background:#eee; border-color:#b3b3b3;}
	.ThumbnailImage .Dark:hover b {background:#353535 !important;}
	.ThumbnailImage .Light:hover b {background:#eee !important; border-color:#999 !important;}
	
	.ThumbnailImage .Dark b b, .ThumbnailImage .Light b b {
		 height:120px;
		 top:-1px;
		 padding:3px;
		 display:block;
		 position:relative;
		 left:0;
		 width:120px; /* Image Width */
		 right:0;
		 overflow:hidden;
		 bottom:-4px;
		 border:0 solid #191E1A;
		 border-width:1px 0;
		}
	.ThumbnailImage .Light b b	 {border-color:#b3b3b3;}
		
	.ThumbnailImage .Dark b b {
		 position:relative;
		 text-align:center;
		}
	.ThumbnailImage .Dark b b strong {
		 height:120px;
		 display:table-cell;
		 font-size:68px;
		 width:120px;
		 vertical-align:middle;
		}
	.ThumbnailImage a img { position:relative;}
	.ThumbnailImage a:hover {text-decoration:none;}

	/* Large View */ 
	
.ThumbnailImage.LargeView {
	 position:relative;
	 display:block;
	 width:48%;
	 height:142px;
	 margin:0 1.5% 15px 0;
	 float:left;
	}
	.ThumbnailImage.LargeView a {color:#999;}
	.ThumbnailImage.LargeView a h2 {
		margin:0 0 4px 0;
		float:left;
		display:block;
		width:49%;
		padding-bottom:4px;
		border-bottom:1px solid #666;
		}
	.ThumbnailImage.LargeView a.Light h2 {border-color:#999;}
	* html .ThumbnailImage.LargeView a h2 {width:45%;}
	.ThumbnailImage.LargeView a b {float:left; margin-right:10px;}
	.ThumbnailImage.LargeView a b b {margin:0;}
	
/* Paginate */

.Paginate {
	 text-align:center;
	 height:20px;
	 line-height:22px;
	 font-family:Arial, Verdana;
	 font-size:10px;
	 color:#fff;
	 white-space:nowrap;
	}
	.Paginate.Light {color:#000}
	.Paginate a {cursor:pointer; text-decoration:none;}
	.Paginate a:hover {text-decoration:none;}
	.Paginate a b{opacity:0.7; filter:alpha(opacity=70); text-deocration:underline;}
	.Paginate.Dark a b{color:#fff;}
	.Paginate.Light a b{color:#000;}
	.Paginate a:hover b{opacity:1; filter:alpha(opacity=100);}
	.Paginate b {
		 height:20px;
		 width:20px;
		 margin:0 2px;
		 line-height:20px;
		 background:url(../../images/imagegallery/paginate_dark.gif);
		 display:block;
		 float:left;
		}
	.Paginate.Light b {background:url(../../images/imagegallery/paginate_light.gif);}
	.Paginate b.BackSite {background-position:-21px 0;}
	.Paginate b.NextSite {background-position:-63px 0;}
	.Paginate b.LastSite {background-position:-84px 0;}
	.Paginate b.Page {background-position:-42px 0;}
	.Paginate a b.Page {background-position:-42px 0; text-decoration:underline;}

/* LightBox */
.lightboxdesc {font-weight:normal;}

/* ImageDetail */
#ImagePosition {
	 margin:0 auto;
	 position:relative;
	}
#SliderPosition {
	 display:block;
	 margin:0 auto;
	 padding:0 35px;
	 background:transparent; /* Fragt nicht mich, fragen den IE6 */ 
	 position:relative;
	}
.BoxImageSliderArrowLeft, .BoxImageSliderArrowRight {
	 display:block; 
	 height:19px;
	 background:url(../../images/imagegallery/StaticArrowsLight.gif);
	 width:28px;
	 position:absolute;
	 left:0;
	}
	.Dark .BoxImageSliderArrowLeft {background:url(../../images/imagegallery/StaticArrowsDark.gif);}
	.BoxImageSliderArrowLeft:hover {background:url(../../images/imagegallery/AniArrowsLight.gif);}
	.Dark .BoxImageSliderArrowLeft:hover {background:url(../../images/imagegallery/AniArrowsDark.gif);}
	
	.BoxImageSliderArrowRight {
		 right:0;
		 left:auto;
		 background-position:-31px 0;
		}
		.Dark .BoxImageSliderArrowRight {background:url(../../images/imagegallery/StaticArrowsDark.gif) -31px -0;}
		.BoxImageSliderArrowRight:hover {background:url(../../images/imagegallery/AniArrowsLight.gif) -31px -0;}
		.Dark .BoxImageSliderArrowRight:hover {background:url(../../images/imagegallery/AniArrowsDark.gif) -31px -0;}
#sliderborder {
		 height:68px;
		 position:relative;
		 background:#2A2A2A;
		 border:0 solid #191E1A;
		 border-width:0 1px;
		 background:#eee; border-color:#b3b3b3;
	}
	
	
#sliderborder div {
	 height:65px;
	 top:-1px;
	 padding:1px 2px 2px 2px;
	 display:block;
	 position:relative;
	 left:0;
	 right:0;
	 overflow:hidden;
	 bottom:-4px;
	 border:0 solid #191E1A;
	 border-width:1px 0;
	 background:#eee; border-color:#b3b3b3;
	}
	/* Dark */
	.Dark #sliderborder, .Dark #sliderborder div  {
		 background:#2A2A2A;
		 border-color:#191E1A;
		}
#sliderborder p {
	 margin:0 !important;
	}
	
#slider-handleimage {
	 cursor:e-resize;
	}

.imagenormal {
	 cursor:pointer;
	}
	
/* BigImage */ 
.BoxImageBorder {
		 position:relative;
		 background:#2A2A2A;
		 border:0 solid #191E1A;
		 border-width:0 1px 1px 1px;
		 background:#eee; border-color:#b3b3b3;
		 margin:0 auto;
		 vertical-align:center;
	}
.BoxImageBorder.Dark, .Dark .BoxImageBig {
	 background:#2A2A2A;
		 border-color:#191E1A;
	}
.BoxImageBig {
	 padding:0;
	 display:table-cell;
	 width:100%;
	 top:-1px;
	 bottom:-4px;
	 vertical-align:middle;
	 text-align:center;
	 position:relative;
	 left:0;
	 right:0;
	 padding:3px;
	 border:0 solid #191E1A;
	 border-width:1px 0 0 0;
	 background:#eee; border-color:#b3b3b3;
	}

.BoxImageBig img {
	vertical-align:middle;
	margin:auto;
	position:relative;
}	

#ImageDetails {
	 margin:15px auto;
	}
	#ImageDetails strong {
		 font-size:14px;
		}

		.LoadingDark, .LoadingLight {
			 background:url(../../images/imagegallery/loadingDark.gif) center no-repeat;
			 height:35px;
			}
		.LoadingLight {background-image:url(../../images/imagegallery/loadingLight.gif);}