/* CSS für Bildergalerie */

#auktionsinfos_liste_und_bild {
	margin-top: 1.5em;
	overflow: hidden;
}
#bild_neben_liste {
	position: relative;
	float: left;
	width: 31.2em;
	padding-bottom: 1.5em;
	margin-right: 3em;
}

/* Bildereinstellung Breitbild */
.smallpic {
	width: 7em; 
	height: 5.25em; 
	border: 0.1em solid #cccccc;
	background-color: #fff;
	padding: 0.2em;
}
.smallpic.active{
	border: 1px solid #000;	
	
}
#bildgross{ /* wird im javascript ergaenzt */
	
}
.fullpic {
	width: 30em; 	
	padding: 0.5em;
	border: 0.1em solid #cccccc;
	border-right-color: #555;
	border-bottom-color: #555;	
}
#bildgross_link #bildgross_nummerierung{
	 font-weight: bold; 
	 font-size: 10px;   
	 color: black; 
	 border-bottom-left-radius: 40px; 
	 height: 40px;
	 width: 40px;
	 position: absolute; 
	 right: 2px; 
	 top:1px; 
	 background-color: #F2F2F2; 
}
#bildgross_link #bildgross_nummerierung #bildgross_nr{
	width: 20px;
	text-align: center;
	position: absolute;
	top: 2px;
	left: 3px;
}
#bildgross_link #bildgross_nummerierung #bildgross_nr_trenner{
	position: absolute; 
	top: 9px; 
	left: 18px; 
	transform: rotate(25deg);
}
#bildgross_link #bildgross_nummerierung #bildgross_anz{
	width: 20px;
	text-align: center;
	position: absolute; 
	top: 18px; 
	right: 3px;
}
#galerie_rahmen{
	background-color: #eee;
	padding: 0.5em 0;
	overflow: hidden;
}
#galerie_rahmen.galerie a{
	text-decoration: none;	
	background-color: #eee;
}
.navleft, .navright{
	float:left;
	display: inline-block;
	width: 1.5em;
	padding: 0.1em 0.2em 0.4em 0.1em;
	margin: 2em 0.3em 0 0.3em;
	border-radius: 1em;
	text-align: center;
}
#galerie_rahmen.galerie a.navleft, #galerie_rahmen.galerie a.navright{		
	background-color: #fff;	
}
#galerie_rahmen.galerie a.navleft:hover, #galerie_rahmen.galerie a.navright:hover{		
	background-color: #bbb;
	color: #fff;
}

.button-holder-right, .button-holder-left{
	float: left;
	width: 2.1em;
	margin: 0 0.7em;
	overflow: hidden;	
}
.thumbs-button{
	width: 30em;
	height: 1em;
	position: relative;
	left: 0em;	
}
.slider-holder{
	float: left;
	width: 23.9em;
	overflow: hidden;	
	background-color: #eee;
}
.image-holder{
	width: 100em;
	height: 6em;
	position: relative;
	background-color: #eee;
}
.image-holder a{
	margin-right: 0.38em;
}
#slider-image-1, #slider-image-2, #slider-image-3, #slider-image-4,
#slider-image-5, #slider-image-6, #slider-image-7, #slider-image-8,
#slider-image-9, #slider-image-10, #slider-image-11, #slider-image-12{
	 display:none;
}

#slider-image-1:target ~ .slider-holder .image-holder			{left: 0;}
#slider-image-1:target ~ .button-holder-left>.thumbs-button		{left: 0;}
#slider-image-1:target ~ .button-holder-right>.thumbs-button	{left: 0;}
#slider-image-2:target ~ .slider-holder .image-holder			{left: calc(-1*7.9em);}
#slider-image-2:target ~ .button-holder-left>.thumbs-button		{left: calc(-1*2.4em);}
#slider-image-2:target ~ .button-holder-right>.thumbs-button	{left: calc(-1*2.4em);}
#slider-image-3:target ~ .slider-holder .image-holder			{left: calc(-2*7.9em);}
#slider-image-3:target ~ .button-holder-left>.thumbs-button		{left: calc(-2*2.4em);}
#slider-image-3:target ~ .button-holder-right>.thumbs-button	{left: calc(-2*2.4em);}
#slider-image-4:target ~ .slider-holder .image-holder			{left: calc(-3*7.9em);}
#slider-image-4:target ~ .button-holder-left>.thumbs-button		{left: calc(-3*2.4em);}
#slider-image-4:target ~ .button-holder-right>.thumbs-button	{left: calc(-3*2.4em);}
#slider-image-5:target ~ .slider-holder .image-holder			{left: calc(-4*7.9em);}
#slider-image-5:target ~ .button-holder-left>.thumbs-button		{left: calc(-4*2.4em);}
#slider-image-5:target ~ .button-holder-right>.thumbs-button	{left: calc(-4*2.4em);}
#slider-image-6:target ~ .slider-holder .image-holder			{left: calc(-5*7.9em);}
#slider-image-6:target ~ .button-holder-left>.thumbs-button		{left: calc(-5*2.4em);}
#slider-image-6:target ~ .button-holder-right>.thumbs-button	{left: calc(-5*2.4em);}
#slider-image-7:target ~ .slider-holder .image-holder			{left: calc(-6*7.9em);}
#slider-image-7:target ~ .button-holder-left>.thumbs-button		{left: calc(-6*2.4em);}
#slider-image-7:target ~ .button-holder-right>.thumbs-button	{left: calc(-6*2.4em);}
#slider-image-8:target ~ .slider-holder .image-holder			{left: calc(-7*7.9em);}
#slider-image-8:target ~ .button-holder-left>.thumbs-button		{left: calc(-7*2.4em);}
#slider-image-8:target ~ .button-holder-right>.thumbs-button	{left: calc(-7*2.4em);}
#slider-image-9:target ~ .slider-holder .image-holder			{left: calc(-8*7.9em);}
#slider-image-9:target ~ .button-holder-left>.thumbs-button		{left: calc(-8*2.4em);}
#slider-image-9:target ~ .button-holder-right>.thumbs-button	{left: calc(-8*2.4em);}
#slider-image-10:target ~ .slider-holder .image-holder			{left: calc(-9*7.9em);}
#slider-image-10:target ~ .button-holder-left>.thumbs-button	{left: calc(-9*2.4em);}
#slider-image-10:target ~ .button-holder-right>.thumbs-button	{left: calc(-9*2.4em);}

.galerie_klick{
	text-decoration: none !important;
	position: absolute;
	background-color: white !important;
	opacity: 0.4;
	padding: 0;
	padding-left: 1em;
	margin: 0;
	width: 2.5em;
	height: 3em;
	top: 10em;
}
.galerie_klick:hover{
	background-color: #eee !important;
	opacity: 1;	
}
.galerie_klick.disabled, .galerie_klick.disabled:hover{
	opacity: 0;
}

.galerie_klick span{
	font-size: 2em;
	
	
}
#scroll_left{	
	left: 0.1em;
	border-radius: 0px 5px 5px 0px;	
}
#scroll_right{
	left: 27.35em;
	border-radius: 5px 0px 0px 5px;		
	width: 2.7em;
}


/* Ende der Bildereinstellung Breitbild */