/* --------Listenelemente der Bilder inder Galerie----------- */
img{
border:none;
}
.gray1{
color:#ff0000;
font-style:italic;
}
a{
color:#fff;
outline:none;
text-decoration:none;
}
a:hover{
color:#ff0000;
outline:none;
text-decoration:none;
}
ul,li{
list-style-type:none;
margin:0;
padding:0;
}
/*::::::::::::::::: PIROBOX RULES:::::::::::::::::::::*/
.bg_thumbs{
background:#000;/*::::: you can change overlay background-color here ::::::::*/
position:fixed!important;
position:absolute;
top:0;
left:0!important;
left:-17px;
width:100%;
margin:0;
padding:0;
visibility:hidden;
z-index:1001;
display:none;
}
.unloader, .img_box{
background:#000;/*::::: you can change img_box background-color here ::::::::*/
}
/*:::: YOU DON'T NEED TO CHANGE NOTHING ELSE IN THE CSS :::*/

/*:::: PREV/NEXT inside rules ::::*/
.box_next_in{
	position:absolute;
	top:0;
	height:90%;
	width:74px;
	right:0;
	overflow:hidden;
	z-index:1010;
	background:none;
	display:block; 
}
a.next_in{
	position:absolute;
	z-index:1011;
	height:100%;
	width:74px;
	right:-74px;
	text-indent:-999em;
	display:block;
	background:url(bilderbox/next_tt.gif) top right no-repeat;
}
a:hover.next_in{
	background:url(bilderbox/next_tt.gif) top right no-repeat!important;
	background:url(bilderbox/next_tt.gif) center right no-repeat;
}
.box_previous_in{
	position:absolute;
	top:0;
	z-index:100012;
	height:90%;
	left:0;
	width:74px;
	overflow:hidden;
	background:none;
	display:block;
	}
a.previous_in{
	position:absolute;
	z-index:100013;
	left:-74px;
	height:100%;
	width:74px;
	text-indent:-999em;
	display:block;
	background:url(bilderbox/prev_tt.gif) top left no-repeat;
	}

/*:::: PREV/NEXT outside rules ::::*/
.box_next{
	position:fixed!important;
	position:absolute;
	top:50%;
	margin-top:-9px;
	height:30px;
	width:81px;
	right:0px!important;
	right:16px;
	overflow:hidden;
	z-index:1006;
}
a.next{
	position:fixed!important;
	position:absolute;
	text-indent:-999em;
	display:block;
	height:30px;
	width:81px;
	right:-81px;
	z-index:1007;
	background:url(bilderbox/next_t_h.png) center right no-repeat;
}
a:hover.next{
	background:url(bilderbox/next_t.png) center right no-repeat;
}
.box_previous{
	position:fixed!important;
	position:absolute;
	top:50%;
	margin-top:-9px;
	left:0;
	height:30px;
	width:81px;
	overflow:hidden;
	z-index:1008;
}
a.previous{
	z-index:1009;
	position:fixed!important;
	position:absolute;
	width:81px;
	left:-81px;
	text-indent:-999em;
	display:block;
	height:30px;
	background:url(bilderbox/prev_t_h.png) center left no-repeat;
}
a:hover.previous{
	background:url(bilderbox/prev_t.png) center left no-repeat;
}
/*:::: END PREV/NEXT rules ::::*/


/*:::: IMG_BOX rules ::::*/
.img_box{
	position:fixed!important;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-18px;
	margin-left:-25px;
	width:50px;
	height:50px;
	border:solid 1px;
	padding:2px!important;
	padding:1px;
	z-index:1002;
	visibility:hidden; 
	overflow:hidden;
}
.img_box img{
	position:relative;
	top:0;
	left:0;
	border:none;
	padding:0;
	z-index:1003;
}
/*:::: END IMG_BOX rules ::::*/

/*:::: CLOSE, LOADING rules ::::*/
.thumbs_close{
	position:absolute;
	top:0;
	right:0;
	height:18px;
	width:81px;
	color:#fff;
	cursor:pointer;
	margin:5px 5px 0px 0px!important;
	margin:0 5px 3px 0;
	z-index:100014;
	background:url(bilderbox/close_t.gif) center right no-repeat!important;
	background:url(bilderbox/close_t.gif) center right no-repeat;
	visibility:hidden;
}
.loader{
	position:fixed!important;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-18px!important;
	margin-left:-22px!important;
	margin-top:-15px;
	margin-left:-20px;
	width:50px;
	height:50px;
	display:block;
	z-index:1007;
}
.loader img{
	border:none;
	padding:0!important;
	padding:0;
	background:none;
}
.unloader{
	visibility:visible;
}
.thumbs{
	visibility:hidden;
}
.caption{ 
	/*background:#000;*/
	position:absolute;
	bottom:0;
	left:0;
	margin:0 0 3px 3px!important;
	margin:0 0 1.5px 2px; 
/*	color:#fff;*/
	visibility:hidden;
	display:block; 
	padding:3px; 
	z-index:100013; 
/*	cursor:text;*/
}
.caption p{ 
	margin:0;
	padding:0; 
	margin-right:82px; 
}
.pre{
	visibility:hidden;
	display:none;
}
.end{
	display:none;
}
.begin{
	display:none;
}

/*___________ Einstellungen für die Bilder in der Galerie _____________________*/

.bilderboxklein{
	float:left;
	width:420px;
	height:100px;
	margin-left:30px;
}
.bilderboxklein ul{
	float:left;
	padding:0;
	margin:0!important;
	margin:0;
}
.bilderboxklein img{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:auto; /* höhe der Thumbnails*/
	width:auto;  /* breite der thumbnails*/
}
.bilderboxklein li{
	float:left;
	height:100px;
	width:100px;
	border:solid;
	border-width:1px;
	border-color:#999;
	margin-right:3px;
}
.bilderboxklein li a{
	float:left;
	height:100px;
	width:100px;
}
.bilderboxklein li a:hover{
	float:left;
	height:100px;
	width:100px;
}
/*___________ Einstellungen für die Bilder in der Galerie _____________________*/
/*.gallery{
	padding:0;
	margin:0px 0px 0px 0px;
	width:1200px;
	height:auto;
	padding:20px 0px 0px 20px;
}
.gallery ul{
	float:left;
	padding:0;
	margin:0!important;
	margin:0;
}
.gallery img{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:auto; 
	width:auto;  
}
.gallery li{
	float:left;
	height:120px;
	width:170px;
	margin:10px!important;
	margin:10px;
}
.gallery li a{
	float:left;
	height:120px;
	width:170px;
	border-top:2px solid #333333;
	border-bottom:2px solid #333333;
}
.gallery li a:hover{
	float:left;
	height:120px;
	width:170px;
	border-top:2px solid #cccccc;
	border-bottom:2px solid #cccccc;
}*/