/*

	 ----------------------- CONTENT OVERVIEW -------------------------

*/

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

	.gallery-overview li {
		position: relative;
		background: #fff;
		width:  77px;
		margin: 0 5px 15px 0;
		border: 1px solid #878787;
		float: left;
		}
	* html .gallery-overview li {
		overflow: hidden;
		}
	*+html .gallery-overview li {
		overflow: hidden;
		}
		.last {
			margin-right: 0;
			}
		.gallery-overview li a,
		.gallery-overview li img {
			border: none;
			}
		.gallery-overview img.details {
			margin: 5px 0 0 4px;
			}

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

	.gallery-tooltip {
		position: absolute;
		background: #fff;
		top: 119px;
		left: -1px;
		border: 1px solid #999;
		z-index: 999;
		opacity: .87;
 		filter: alpha(opacity = 80);
		width: 400px;
		color: #878787;
		padding: 10px;
		}
		.gallery-tooltip p {
			font-weight: bold;
			}
		.gallery-tooltip dt {
			width: 120px;
			font-weight: bold;
			float: left;
			}
		.gallery-tooltip dd {
			margin-left: 10px;
			float: left;
			width: 260px;
			}
		.gallery-tooltip .clearer {
			border-bottom: 1px dotted #ccc;
			margin: 5px 0 5px 0;
			width: auto !important;
			}
		.gallery-tooltip dd ul {
			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;
	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: 100px;
	left: 20px;
	}
	#imageholder * {
		margin: 0;
		padding:0;
		}
	/* head column (holds close button) */
	.headrow {
		color: #878787 !important;
		background: #989898;
		height: 25px;
		overflow: hidden;
		margin-bottom: 1px !important;
		}
		.headrow a.lb_close {
			float: right;
			position: relative;
			right: 1px;
			}




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


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


		#titlerow h2 {
			font-weight: bold;
			font-size: 11px !important;
			margin: 0 !important;
			width: 774px;
			padding: 0 !important;
			}

		#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
	*/
	.half {
		background: url(../img/bg_imagedetails.gif) repeat-y;
		}
	.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;
			}
		.half #imageinner {
			width: 400px;
			margin-top: 1px;
			margin: 5px;
			overflow: hidden;
			text-align: center;
			float: none;
			float: left;
			display: inline;
			}

		/* 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: 50%;
			}
		*+html .full #imagecrop {
			position: absolute;
			top: 50%;
			}
		* html .full #imagecrop img {
			position: relative;
			top: -50%;
			left: -50%;
			}
		*+html .full #imagecrop img {
			position: relative;
			top: -50%;
			left: -50%;
			}
*/


		/* 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;
			}



				#forminner {
					width: 350px;
					margin-left: 10px;
					float: left;
					}
				#forminner .products h3	{
					margin: 0 0 10px 10px;
					font-size: 10px;
					background: transparent;
					}
					* html 	#forminner .products h3 {
						padding-left: 10px;
						height: 1%;
						}
				.products img {
					float: left !important;
					margin: 0 0 0 10px !important;
					width: 90px !important;
					height: 90px;
					}
				#forminner ul {
					width: 200px;
					float: left;
					list-style-position: inside;
					margin-left: 10px;
					padding-left: 10px;
					}

	/* contact data formatting */
			#forminner img {
				display: inline;
				width: 196px;
				margin-top: 20px;
				float: right;
				}
			#forminner .vcard {
				display: inline;
				margin: 20px 10px 10px 20px;
				width: 120px;
				overflow: hidden;
				float: left;
				}
				#forminner .vcard * {
					font-size: 10px;
					}
				#forminner .vcard h3 {
					margin-bottom: 5px;
					}
				#forminner .vcard .hall {
					font-weight: bold;
					}
				#forminner .vcard abbr {
					border: none;
					}
				#forminner .vcard address {
					display: block;
					font-style: normal;
					margin: 5px 0 10px 0;
					}
				#forminner a {
					display: block;
					margin-top: 4px;
					color: #878787;
					}
				#forminner .products {
					clear: both;
					padding: 10px 10px 10px 5px;
					margin: 10px 0 10px 10px;
					font-size: 10px;
					background: #eee;
					}
				#forminner .products h3	{
					margin: 0 0 10px 10px;
					font-size: 10px;
					background: transparent;
					}
					* html 	#forminner .products h3 {
						padding-left: 10px;
						height: 1%;
						}
				.products img {
					float: left !important;
					margin: 0 0 0 10px !important;
					width: 90px !important;
					height: 90px;
					}
				#forminner ul {
					width: 200px;
					float: left;
					list-style-position: inside;
					margin-left: 10px;
					padding-left: 10px;
					}
			/* contact form formatting */
			#forminner fieldset {
				border: none;
				margin: 30px 0 30px 20px;
				}
				#forminner legend {
					font-weight: bold;
					font-size: 10px;
					display: block;
					padding-left: 0;
					margin: 0 0 15px 0;
					color: #343434;
					}
					* html #forminner legend {
						margin-left: -7px;
						}
				#forminner label {
					display: block;
					line-height: 16px;
					float: left;
					width: 91px;
					font-size: 10px;
					margin-bottom: 7px;
					}
					#forminner label abbr {
						border: none;
						font-size: 10px;
						}

				#forminner input {
					height: 16px;
					line-height: 16px;
					float: none;
					width: 170px;
					margin: 0 0 7px 0;
					background: #f6f6f6;
					border: 1px solid #a5acb2;
					}
				#forminner input.smt {
					height: 19px;
					float: none;
					width: 90px;
					clear: both;
					float: none;
					margin: 10px 0 0 91px;
					}
				#forminner textarea {
					height: 90px;
					width: 170px;
					margin: 0 0 7px 0px;
					background: #f6f6f6;
					border: 1px solid #a5acb2;
					}



		/* contains slideshow controls  */
		#functionrow {
			height: 20px;
			overflow: hidden;
			background: #e9e9e9;
			margin-top: 1px !important;
			color: #878787 !important;
			line-height: 25px;
			}
			#functionrow * {
				color: #878787 !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;
					}