/* Standardteil */
html{height:100%}
body{position:relative;height:100%;margin:0;background:#BFD46B;font-family:Arial;color:#676767;font-size:16px;line-height:1.4;-ms-text-size-adjust: none;text-size-adjust: none;

}
a{text-decoration:none; color:#676767!important}
.absatz a{text-decoration:underline}
.fl{float:left}
.fr{float:right}
.lClear,.lClearSP{clear:both; overflow:hidden; font-size:0px}
.spacer{overflow:hidden; font-size:0px}
.dNone{display:none}
.dBlock{display:block}
.spacer1{height:1px}
.spacer2{height:2px}
.spacer4{height:4px}
.spacer5{height:5px}
.spacer6{height:6px}
.spacer10{height:10px}
.spacer15{height:15px}
.spacer20{height:20px}
.spacer30{height:30px}
.spacer50{height:50px}
img{border:0}
.dN{display:none}
.rel{position:relative}
p{margin:1px 0}
.contenttext p{margin:10px 0 !important}
.lClearSP{display:none}

.thumbMobile{
	display:none !important
}

.blockRow{
	margin-bottom:0 !important
}

.imgResponsive{
	display:block;
	width:100%;
	height:auto
}

#thumbInfo{
	background-color:rgba(255,255,255,.3);
	font-size:12px;
	padding:10px 20px;
	border-radius:8px;
	text-align:center;
	display:inline-block;
	margin:0 0 15px 0
	
}

.paddedContent{
	padding-left:10px;
	padding-right:10px;
	max-width:1400px;
	margin:0 auto;
	
}

.rel{
	position:relative
}

#swipebox-container #swipebox-top-bar{
	top:0 !important
}


/*** Header ***/
/*********************************/
.top{
	background:#FFF;
	padding:15px 0 18px;
	box-shadow:2px 5px 5px #999
}

#langs{
	font-size:14px;
	padding-bottom:10px
}

	#langs a.active{
		color:#000 !Important
	}
	
	#back2FK{
		display:inline-block;
		padding:5px 5px 5px 45px;
		background:url(../img/reply.png) left center no-repeat;
		font-size:15px;
	}
	
	#numbFotos{
		display:inline-block;
		padding:5px 5px 5px 45px;
		background:url(../img/image_star_small.png) left center no-repeat;
		text-align:center;
		font-size:15px;
	}
	
	#numbFotos .info{
		font-size:13px;
	}
	
	#numbFotos #numb{
		color:#000;
		font-size:15px;
		font-weight:900;
		
	}


/*********************************/
/*** Folders ***/
/*********************************/

#folders .image{
		display:block;
	}
		
	#folders .linkname{
		display:block;		
	}
	
#folders .col{
	margin-bottom:20px;
	padding-left:20px;
	padding-right:20px;
}

	
#folders .folder{
	margin-bottom:20px;
	background:#FFF;
	display:inline-block;
	width:100%;
	padding:20px 0 30px;
	transition:all .8s;
	border-radius:5px;
}
	#folders .folder span{
		display:block;
		width:100%;
		padding:8px 15px;
		text-align:center;
		font-size:17px;
	}
	
	#folders .folder:hover{
		box-shadow:2px 5px 5px #999
	}


/*********************************/
/*** Files ***/
/*********************************/

#filesMenu{
	padding:0 0 10px;
}

	#filesMenu .fr{
		position:relative;
		display:none;	
	}

	#search{
		background:rgba(255,255,255,.2);
		border:0;
		width:260px;	
		padding-left:35px		
	}
	
		#filesMenu .fr img{
			position:absolute;
			left:5px;
			top:13px;
			opacity:.4;
			width:20px;
			height:20px;
		}
		
	#filesMenu .fl a,
	#filesMenu .fl span{
		display:inline-block;
		padding:13px 15px;
		background:#FFF;
		box-shadow:2px 5px 5px #999
	}
	
	#filesMenu .fl span{
		margin-left:10px;
		padding-left:50px;
		background:url(../img/folder_small.png) 15px center no-repeat #FFF
	}
	
	
	#thumbs .imgCol{
		padding-left:2px;
		padding-right:2px;
		margin:2px 0 0 0;
		overflow:hidden;
	}
	
	#thumbs .imgCol img{
		display:block;
		width:100%;
		height:auto;
	}
	
	#thumbs .infoOverlay{
		position:absolute;
		left:2px;
		top:0;
		width:calc(100% - 4px);
		height:100%;
		background:rgba(255,255,255,.8);
		padding:10px 5px;
		text-align:center;
		display:none;
		font-size:14px;
		z-index:2;
	}
	
	#thumbs .imgCol:hover .infoOverlay{
		display:block
	}
	
	#thumbs .fileName{
		font-size:13px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:elipsis;
		margin-bottom:10px;
	}
	
	#swipebox-slider .button,
	#thumbs .button{
		display:inline-block;
		background-color:#BFD46B;
		color:#FFF;
		padding:6px 10px;
		border-radius:5px;
		margin-top:8px;
	}
	
	#swipebox-slider .btnNotMarked,
	#thumbs .btnNotMarked{
		background-color:#FF8800
	}
	
	#swipebox-slider .btnMarked,
	#thumbs .btnMarked{
		background-color:#006633 !important
	}
	
	#swipebox-slider .button label,
	#thumbs .button label{
		color:#FFF;
	}
	
	#swipebox-slider .button [type="checkbox"] + label::before,
	#thumbs .button [type="checkbox"] + label::before{
		border-color:#FFF;
		height:18px;
		margin-top:0;
	}
	
	.infoImageMarked{
		position:absolute;
		right:5px;
		bottom:5px;
		z-index:3;
		width:28px;
		height:26px;
		padding:4px;
		border-radius:4px;
		background:url(../img/ok-like-hand-sign.png) center center no-repeat rgba(255,255,255,.6);
		display:none;
	}
	
	.hasMarkedImages .infoImageMarked{
		display:block
	}
	
	
	#swipebox-slider [type="checkbox"] + label,
	#thumbs [type="checkbox"] + label{
		height:18px;
		line-height:18px
	}

	#swipebox-slider .button [type="checkbox"]:checked + label::before,
	#thumbs .button [type="checkbox"]:checked + label::before{
		border-color:transparent #FFF #FFF transparent
	}
	
	#swipebox-slider .slide{
		position:relative
	}
	#swipebox-slider .btnBar{
		position:absolute;
		z-index:100;
		right:40px;
		bottom:70px		
	}	
	
	.pagingtop{
		margin-bottom:10px
	}
	.pagingbottom{
		margin-top:10px
	}
	.paging a{
		display:inline-block;			
		padding:5px 8px;
		background:#FFF;
		box-shadow:2px 4px 4px #999;
		font-size:12px;
		margin:5px 4px
	}
	
	.paging a.active,
	.paging a:hover{
		background-color:#CCC;
		color:#FFF
	}

/*********************************/
/*** Merkliste  ***/
/*********************************/
#merklist{
	background:rgba(255,255,255,.9);
	padding:20px;
	border-radius:6px
}

	#merklist .tit{
		font-size:20px;
		padding:0 0 6px 0;
		margin:0 0 20px 0;
		border-bottom:1px solid #CCC		
	}
	
	#merklist .e1 .folder{
		font-size:20px;
		margin-bottom:5px;
		margin-top:5px
	}
	
	#merklist .e2 li{
		padding-left:20px;
		line-height:1.6		
	}
	
		#merklist .e2 li a{
			font-size:17px !important
		}
		
			#merklist .e2 li a span{
				display:block;
				margin:4px
			}

#center{
	padding-top:30px;
	padding-bottom:30px;
	color:#333
}

#move2Top {
	position:fixed;
	right:10px;
	bottom:10px;
	z-index:3;
	display:none;
	overflow:hidden;
	height:57px;
	opacity:.6;
	transition:all .8s
}

#move2Top:hover{
	opacity:1
}