/* galerie */

.galerie-02 {
	padding-top: 0px;			/* #### Modul-Abstände */
	padding-left: 0px;
	padding-bottom: 0px;
/*	background-image: url(../../img/desktop/modulImage.png);	/* #### "modulbild" mit alpha-wert (.png24-datei) */
/*	background: rgba(255, 0, 0, 0.5);				/* #### "background-farbe" mit alpha-wert */
}






/* textteil */					
.galerie-02 div.contentColumn {
	width: 510px;				/* #### Breite für Contentbereich "Textteil mit Textscrollbalken" hier einstellen (bewegt den Bildbereich entsprechend mit) */
	float: left;
	margin-right: 14px;			/* #### Abstand "Textteil zu Bildbereich" */
}

/* kasten für textscrollbalken */
.galerie-02 div.bodyTextScroller {
	width: 510px;				/* #### Breite "Kastenbereich Textteil mit Textscrollbalken" */
	height: 365px;				/* #### Höhe   "Kastenbereich Textteil mit Textscrollbalken" */
	font-size: 13px;
/*	overflow: auto; */ 			/* #### Aktivierung der Textscrollbalken (wenn diese "nicht ausdokumentiert" sind) */
}

/* abstandslöschungen uninteressant */
.galerie-02 div.bodyTextScroller p {
	margin-top: 0;
	padding-top: 0;
}

/* abstand text zu textscrollbalken */
.galerie-02 div.bodyText {
	width: 506px;				/* #### Breite "Textteil" (ohne Textscrollbalken) */
	float: left;
}






/* bereich hauptbild inkl tumbnails */
.galerie-02 div.photosColumn {
	width: 1024px;
	/* float: left; */
	margin-left: auto;
	margin-right: auto;
}

/* kastenbereich für hauptbild nach unten orientiert */
.galerie-02 .bigImageContainer {
/*	height: 318px;				/* #### Höhe Kastenbereich "Hauptbild" (bewegt den Thumbnailbereich entsprechend mit) */
	position: relative;
}

/* hauptbild nach unten orientiert */
.galerie-02 .bigImage {
	border: 0px solid #000000;	/* #### Umrandung und Randfarbe "Hauptbild" */
	/*
	position: absolute;
	top: 0;
	right: 0;
	*/
	display: block;
	margin-left: auto;
	margin-right: auto;
	/* width: 100%; */
}

.galerie-02 .bigImageDesc {
	position: absolute;			/* #### Texteinblendung über dem "Hauptbild" hier einstellen */
	z-index: 100;
	font-size: 26px;
	font-weight: normal;
	color: #eeeeee;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	bottom: 4%;
	width: 100%;
	text-align: center;
}





/* kastenbereich scrollbalken tumbnails */
.galerie-02 div.thumbsScroller {
	display: none;				/* #### "display: none" deaktiviert den "Thumbnailbereich" */
	margin-top: 14px;			/* #### Abstand "Hauptbild zu Thumbnailkastenbereich" nach unten */
	height: 10px;
	width: 397px;
}

/* kastenbereich um die tumbnails */
.galerie-02 div.thumbs {
	width: 100%;				/* #### Breite Kastenbereich um die "Thumbnails mit Textscrollbalken" */
/*	min-height: 120px;	*/		/* #### Mindest-Höhe   Kastenbereich um die "Thumbnails mit Textscrollbalken" */
	float: left;
/*	overflow: auto; */ 			/* #### Aktivierung der Thumbnailscrollbalken (wenn diese "nicht ausdokumentiert" sind) */
}

/* abstandslöschung uninteressant */
.galerie-02 table.thumbsTable td {
	padding: 0;
}

/* tumbnails inaktiv abstände zwischeneinander und umrandung  */
.galerie-02 img.thumb {
	cursor: pointer;
	border: 6px solid #000000;	/* #### Umrandung und Randfarbe "Thumbnail" inaktiv */
	opacity: 0.5;
	margin-right: 8px;			/* #### Abstand nach rechts zwischen den "Thumbnails" (immer 3x eintragen, siehe unten) */
	margin-bottom: 6px;			/* #### Abstand nach  unten zwischen den "Thumbnails" (immer 3x eintragen, siehe unten) */
}

/* tumbnails hover abstände zwischeneinander und umrandung  */
.galerie-02 img.thumb:hover {
	border: 6px solid #000000;	/* #### Umrandung und Randfarbe "Thumbnail" hover */
	opacity: 1;
}

/* tumbnails aktiv abstände zwischeneinander und umrandung  */
.galerie-02 img.activeThumb {
	cursor: pointer;
	border: 6px solid #000000;	/* #### Umrandung und Randfarbe "Thumbnail" aktiv */
	opacity: 1;
	margin-right: 8px;
	margin-bottom: 6px;
}