/**************************************************************************
ALLGEMEIN
**************************************************************************/
/* Überschrift in Kategorie-Liste und der Kategorie-Info in Bilderliste */
h2.toolsGallery {
		
}
	h2.toolsGallery a {
		
	}
/**************************************************************************
KATEGORIE-ÜBERSICHT
**************************************************************************/

/* Holder pro Kategorie */
div.toolsGalleryCatItem {
	float: left;
	width:145px;
	height:220px;
	margin-right:40px;
	overflow:hidden;
}
/* Thumbnail */
p.toolsGalleryCatImage {
margin:0;
padding:0 0 5px 0;
}
/* Beschreibung */
p.toolsGalleryCatText {
margin:0;
padding:0 0 5px 0;
}
/* Link "zur Galerie" */
a.toolsGalleryCatMehr {
}
/* clearing-div nach liste */
div#toolsGalleryCatClearer {
	clear: left;
}
/**************************************************************************
SUCHE
**************************************************************************/

/* Formular */
form#toolsGallerySearch {
}
/* Einleitungstext Suche */
form#toolsGallerySearch p {

}
/* Labels */
form#toolsGallerySearch label {
	float: left;
	display: block;
	width: 100px;
	font-weight: bold;
	margin: 5px 0;
}
/* select-Boxen */
form#toolsGallerySearch select {
	margin: 5px 0;
}
	/* Kategorie-Auswahl */
	select#toolsGalleryCat {
		
	}
	/* Tag-Auswahl */
	select#toolsGallerySd_D, select#toolsGalleryEd_D {
		
	}
	/* Monats-Auswahl */
	select#toolsGallerySd_M, select#toolsGalleryEd_M {
		
	}

/* Breaks nach labels und selects */
form#toolsGallerySearch br {
	clear: left;
}
/* Button "suchen" */
input#toolsGalleryButtonSuchen {
	
}

/**************************************************************************
BILDERLISTE
**************************************************************************/

/* Kategorie-Info */
p#toolsGalleryCatinfo {
	
}
/* Holder pro Bild */
div.toolsGalleryImgItem {
	float: left;
	width:145px;
	height:180px;
	margin-right:40px;
	overflow:hidden;
}
/* Bildtitel + e-Card-Link Holder */
div.toolsGalleryImgItem p {
	margin:0;
	padding:5px 0 0 0;
}
	/* Bildtitel */
	div.toolsGalleryImgItem p span {
	margin:0;
	padding:0;
		
	}
	/* e-Card-Link */
	div.toolsGalleryImgItem p a {
		
	}

/* clearing-div nach liste */
div#toolsGalleryImgClearer {
	clear: left;
}

/**************************************************************************
LIGHTBOX
**************************************************************************/
/* Holder */
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 1010;
	text-align: center;
	line-height: 0;
}
/* alle Buttons */
#lightbox a img {
	border: none;
}
/* Rahmen um Bild in Startgröße */
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
/* Bild-Holder */
#imageContainer {
	padding: 10px;
}
/* loading-Bild */
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

/* Holder um Zeile unterhalb des Bilds */
#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: hidden;
}
/* HZeile unterhalb des Bilds */
#imageData {
	padding:0 10px; color: #394D59;
}
/* Bildtitel und "Bild X von XX" */
#imageData #imageDetails {
	width: 44%;
	float: left;
	text-align: left;
}
/* Bild-Titel */
#imageData #caption {
	font-weight: bold;
}
/* Bild X von XX */
#imageData #numberDisplay {
	display: block; clear: left; padding-bottom: 1.0em;
}
/* Holder für nächstes- und vorheriges-Buttons */
#imageData #bottomJump {
	width: 12%;
	float: left;
	text-align: center;
}
	/* vorheriges */
	#imageData #bottomJump a#prevLink {
		float:left;
	}
	/* nächstes */
	#imageData #bottomJump a#nextLink {
		float:right;
	}
/* Holder für e-Card- und schließen-Button */
#imageData #bottomNav {
	width: 44%;
	float: left;
	text-align: right;
}
	/* e-Card-Button */
	#imageData #bottomNav #bottomNavEcard {	
		margin-right: 1em;
	}
/* Abdunklung der Seite */		
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 500px;
	background-color: #000;
}
