/*
	 ----------------------- CONTENT OVERVIEW -------------------------
*/

.gallery-overview {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	font-family: tahoma, verdana, arial, sans-serif;
	}

	.gallery-overview li {
		position: relative;
		background: #fff;
		width:  83px;
		margin: 0 5px 10px 5px;
		border: 1px solid #878787;
		float: left;
		/* padding-bottom: 3px; */
		}
		.last {
			margin-right: 0;
			}
		.gallery-overview li a,
		.gallery-overview li img {
			border: none;
			display: block;
			}
		.gallery-overview img.galllery-details {
			/* margin: 0 0 9px 7px; */
			margin: 1px;
			padding: 0 !important;
			position: relative;
			/* top: 6px; */
			top: 0px;
			}

		.imgnav {
			margin: 3px 0 0 5px;
			}
			.imgnav a {
				float: left;
				display: inline;
				margin: 0 9px 5px 2px;
				}

			* html .imgnav a  {
				margin: 0 5px 5px 2px;
				}
		.gallery-overview h4 {
			margin: 2px 5px 0 5px;
			color: #646464;
			font-size: 9px;
			}
			.gallery-overview h4 a {
				color: #646464;
				text-decoration: none;
				}

	.gallery-tooltip {
		position: absolute;
		background: #fff;
		left: -1px;
		border: 1px solid #999;
		z-index: 999;
		opacity: .87;
		width: 400px;
		padding: 10px;
		}
		.gallery-tooltip dt {
			width: 120px;
			font-weight: bold;
			float: left;
			}
		.gallery-tooltip dd {
			margin-left: 10px;
			float: left;
			width: 260px;
			}
			* html .gallery-tooltip dd {
				width: 250px;
				}
		.gallery-tooltip .clearer {
			border-bottom: 1px dotted #ccc;
			margin: 5px 0 5px 0;
			}
		.gallery-tooltip dd ul {
			list-style: square !important;
			margin: 0 0 0 10px !important;
			padding: 0 !important;
			}
		.gallery-tooltip dd li {
			border: none !important;
			float: none !important;
			margin: 0 0 5px 0 !important;
			padding: 0
			}
/*
 	----------------------- DETAIL LAYER -----------------------
*/

/* navigation buttons */
a.lb_first, a.lb_last, a.lb_next, a.lb_previous, a.lb_close, a.lb_pause, a.lb_play {
	margin-top: 3px;
	position: relative;
	top: 3px;
	display: block;
	width: 12px;
	height: 20px;
	font-size: 1px;
	margin-right: 5px !important;
	overflow: hidden;
	}
a.lb_first span, a.lb_last span, a.lb_next span, a.lb_previous span, a.lb_close span, a.lb_pause span, a.lb_play span {
	display: block;
	width: 12px;
	height: 20px;
	overflow: hidden;
	}
a.lb_slideshow_stop,
a.lb_slideshow_start,
a.lb_slideshow_download {
	position: relative;
	top: -2px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	display: block;
	width: 120px;
	padding-left: 20px !important;
	background: url(/img/button_lightbox_stop_slideshow.gif)  0 5px no-repeat;
	}
a.lb_slideshow_start {
	background: url(/img/button_lightbox_start_slideshow.gif) 0 5px no-repeat;
	}
a.lb_slideshow_download {
	background: url(/img/button_lightbox_download_image.gif) 0 5px no-repeat;
	}
a.lb_slideshow_stop:hover,
a.lb_slideshow_start:hover,
a.lb_slideshow_download:hover {
	text-decoration: none;
	}

a.lb_first { background: url(/img/button_lightbox_first.gif) 0 1px no-repeat }
a.lb_last { background: url(/img/button_lightbox_last.gif) 0 1px no-repeat }
a.lb_next { background: url(/img/button_lightbox_next.gif) 0 1px no-repeat }
a.lb_previous { background: url(/img/button_lightbox_previous.gif) 0 1px no-repeat }
a.lb_close { background: url(/img/button_lightbox_close.gif) 0 1px no-repeat }
a.lb_pause { background: url(/img/button_lightbox_pause.gif) 0 1px no-repeat }
a.lb_play  { background: url(/img/button_lightbox_play.gif) 0 1px no-repeat }

/* container div for gallery details */
#imageholder {
	width: 774px;
	position: absolute;
	top: 125px;
	left: 20px;
	z-index: 900;
	}
	#imageholder * {
		margin: 0;
		padding:0;
		}
	/* head column (holds close button) */
	.headrow {
		color: #8da53c !important;
		background: #989898;
		height: 25px;
		overflow: hidden;
		margin-bottom: 1px !important;
		}
		.headrow a.lb_close {
			float: right;
			position: relative;
			top: 5px;
			right: 5px;
			}

	/* title row (contains number of images, title, forward & back navigation) */
	#titlerow {
		height: 25px;
		background: #e9e9e9;
		overflow: hidden;
		line-height: 25px;
		text-align: center;
		color: #8da53c !important;
		margin-bottom: 1px !important;
		}
		#titlerow * {
			list-style: none;
			}
		#titlerow .leftnav {
			position: absolute;
			left: 0;
			top: 20px;
			width: 120px;
			overflow: hidden;
			}
			* html #titlerow .leftnav {
				top: -5px;
				}
			#titlerow .leftnav * {
				float: left;
				}
			#titlerow .leftnav a {
				cursor: pointer;
				position: relative;
				margin: 8px 5px 0 10px !important;
				}

		#titlerow .rightnav {
			position: absolute;
			right: 0;
			top: 20px;
			width: 120px;
			overflow: hidden;
			}
			* html #titlerow .rightnav {
				top: -5px;
				}
			#titlerow .rightnav * {
				float: right;
				}
			#titlerow .rightnav a {
				cursor: pointer;
				position: relative;
				margin: 8px 10px 0 5px !important;
				}

		#titlerow h2 {
			font-weight: bold;
			font-size: 11px !important;
			margin: 0 !important;
			width: 774px;
			padding: 0 !important;
			}
		*+html #titlerow h2 {
			margin-left: 0;
			}
		#titlerow h2.sshow {
			width: auto;
			margin-left: 0;
			}

		#titlerow p {
			margin: 5px 10px 0 0;
			}

	/*
		contains contact form and / or image-detail
		and slideshow view.
		for slideshow display choose class = full
		for customer view choose class = half
	*/
	.full {
		background: #fff;
		width: 774px;
		height: 540px;
		overflow: hidden;
		}
		.full #imageinner {
			width: 764px;
			margin-top: 1px;
			margin: 5px;
			overflow: hidden;
			/* text-align: center; */
			float: none;
			height: 530px;
			display: table-cell;
			/* vertical-align: middle; */
			}

		/* IE zentrierung (unterstützt kein display: table-cell) */
		* html .iecenter {
			position: relative;
			height: 530px;
			width: 764px;
			overflow: hidden;
			}
		*+html .iecenter {
			position: relative;
			height: 530px;
			width: 764px;
			overflow: hidden;
			}
		* html .full #imagecrop {
			position: absolute;
			top: 0;
			}
		*+html .full #imagecrop {
			position: absolute;
			top: 0;
			}
		* html .full #imagecrop img {
			position: relative;
			top: 0;
			left: 0;
			}
		*+html .full #imagecrop img {
			position: relative;
			top: 0;
			left: 0;
			}

		/* image description */
		.full .imagedescription {
			background: #000;
			opacity: .70;
			filter: alpha(opacity=70);
			position: absolute;
			bottom: 21px;
			z-index: 1001;
			width: 774px;
			height: 50px;
			color: #fff;
			}
		.full .imagedescription .left {
			float: left;
			width: 400px;
			display: inline;
			margin: 5px 0 0 20px !important;
			}
		.full .imagedescription .right {
			float: right;
			width: 300px;
			display: inline;
			text-align: right;
			margin: 5px 20px 0 0 !important;
			}
		.full .imagedescription h3 {
			margin-bottom: 5px;
			font-size:11px;
			}

		/* contains slideshow controls  */
		#functionrow {
			height: 20px;
			overflow: hidden;
			background: #e9e9e9;
			margin-top: 1px !important;
			color: #e31c21 !important;
			line-height: 25px;
			}
			#functionrow * {
				color: #e31c21 !important;
				list-style: none;
				}
			#functionrow .leftnav {
				float: left;
				text-align: left;
				width: 120px;
				overflow: auto;
				}
				#functionrow .leftnav * {
					float: left;
					}
				#functionrow .leftnav a {
					cursor: pointer;
					margin: 0 5px 0 10px !important;
					}
			#functionrow a.lb_pause {
				float: right;
				display: block;
				text-align: right;
				}
			#functionrow .rightnav {
				float: right;
				width: 450px;
				overflow: hidden;
				}
				#functionrow .rightnav * {
					float: right;
					}
				#functionrow .rightnav a {
					cursor: pointer;
					position: relative;
					margin: 0 10px 0 5px !important;
					}