
/* Galerie-Übersicht */
div.gallery_header {
	border-bottom: 1px dashed #2A2A2A;
	margin-bottom: 30px;
	padding-bottom: 10px;
}

div.gallery {
	float: left;
	margin: 0 20px 30px 0;
	width: 200px;
}

div.gallery div.image_wrapper {
	height: 130px;
	overflow: hidden;
}

div.gallery h3 {
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: #2a2a2a;
	margin: 5px 0;
	font-weight: normal;
	line-height: 1;
}

div.gallery h3 a:hover {
	text-decoration: underline;
}

div.gallery div.image_count {
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: #2a2a2a;
	background: url(gfx/icon.cam.png) no-repeat left 50%;
	padding-left: 15px;
}

div.gallery_hr {
	clear: both;
	margin: 30px 0 !important;
}

div.gallery_first img {
	float: left;
	margin-right: 15px;
}

div.gallery_first div.fotograf {
	color: #666;
	font-size: 11px;
	background: url(gfx/icon.cam.png) no-repeat left 50%;
	padding-left: 15px;
	margin: 0 0 0 215px;
}

div.gallery_first div.author,
div.gallery_first div.author a {
	font-size: 11px;
	color: #666;
}

div.gallery_first div.info {
	color: #666;
	font-size: 11px;
}

div.gallery_first h2 {
	border: 0;
	margin: 10px 0 10px 0;
	color: #000;
	font-weight: normal;
	font-size: 16px;
}

div.gallery_first h2 a {
	text-decoration: underline;
}

div.gallery_first div.description {
	font-size: 13px;
	color: #333;
}


/* Bild-Einzelansicht */
#gallery_left {
	float: left;
	width: 520px;
}

h1.gallery {
	font-size: 20px;
	color: #333;
	border-bottom: 1px dashed #2A2A2A;
	line-height: 1;
	margin: 0 0 20px 0;
	padding-bottom: 5px;
	font-weight: normal;
}

h1.gallery a {
	color: #990000;
	font-size: 13px;
	float: right;
	line-height: 20px;
}

div.navi {
	font-size: 12px;
}

div.fotograf {
	font-size: 12px;
	margin-bottom: 20px;
}

span.position {
	margin-left: 60px;
}

div.pager {
	float: right;
	padding-bottom: 1px;
	border-bottom: 1px solid #851e4a;
}

a.pager {
	background-repeat: no-repeat;
	width: 17px;
	height: 19px;
	display: block;
	float: left;
	border-right: 1px solid #fff;
}

a.pager:last-child {
	border: 0;
}

a.first {
	background-image: url(gfx/gallery.pager.first.png);
}

a.prev {
	background-image: url(gfx/gallery.pager.prev.png);
}

a.next {
	background-image: url(gfx/gallery.pager.next.png);
}

a.last {
	background-image: url(gfx/gallery.pager.last.png);
}

div.image_wrapper {
	position: relative;
}

#gallery_left div.image_wrapper img {
	width: 100%;
}

div.ad_wrapper {
	margin: 0 auto;
	width: 350px;
}

div.image_title {
	background: #e8e8e8;
	font-size: 12px;
	font-family: Arial, sans-serif;
	padding: 3px;
}

div.toolbar {
	display: none;
	position: relative;
	height: 20px;
	padding: 5px 10px;
	width: 500px;
	opacity: 0.6;
	color: #fff;
	background: #000;
	text-align: right;
	margin-top: -30px;
}

div.image_wrapper:hover div.toolbar {
	display: block;
}

div.toolbar a {
	color: #fff;
}

#social {
	margin-bottom: 10px;
	padding: 20px 0;
}

#social div.social_button {
	float: left;
}

#gallery_left div.description {
	padding: 5px;
	color: #333;
	background: #DEDEDE;
	border: 1px solid #C7C7C7;
}

#social_info_button {
	margin-top: -23px;
}

/* Rechte Spalte */
#gallery_right {
	float: left;
	margin-left: 20px;
	width: 100px;
}

#gallery_right div.thumb {
	height: 75px;
	overflow: hidden;
	margin-bottom: 10px;
}

#gallery_right div.thumb img {
	width: 100px;
}

#scrollable_thumbs {
	position: relative;
	overflow: hidden;
	height: 500px;
	width: 100px;
}

#scrollable_thumbs .items {
	position: absolute;
	height: 20000em;
}

#gallery_right img.prev {
	cursor: pointer;
	margin: 0 0 10px 16px;
}

#gallery_right img.next {
	cursor: pointer;
	margin-bottom: 10px;
}

/* Galerie-Slider (Startseite) */
div.gallery_slider_wrapper {
	margin: 20px 0;
}

div.gallery_slider_wrapper img.button {
	float: left;
	margin: 0 10px 0 0;
	cursor: pointer;
}

div.gallery_slider_wrapper img.right {
	margin: 0 0 0 10px;
}

div.gallery_slider {
	position: relative;
	overflow: hidden;
	height: 85px;
	width: 558px;
	float: left;
}

div.gallery_slider .items {
	position: absolute;
	width: 20000em;
}

div.gallery_slider div.image {
	float: left;
	width: 132px;
	margin-right: 10px;
}

div.gallery_slider div.image img {
	width: 132px;
}
