.albbox, .picbox, .vidbox, .nulalbbox, .nulpicbox, .nulvidbox {
	font-size:1rem;
	position: relative;
	display: inline-block;
	margin:4px 2px;
}

.picfrm img.disab {
	background-color:#f77;
	opacity:0.5;
}
.picfrm img.alloff {
	background-color:#f77;
	opacity:0.5;
}
.nulpicbox img.thumb {
	box-shadow: 0px 0px 10px 5px rgba(133,164,255,0.8);
}
.nulalbbox img.thumb {
	box-shadow: 0px 0px 10px 5px rgba(255,219,127,0.8);
}
.picfrm img.neu {
	position:absolute;
	top:4px;
	left:4px;
}
.picfrm img.bau {
	position:absolute;
	top:66%;
	right:0px;
	max-width:var(--nowsize);
}
.picfrm img.off {
	position:absolute;
	top:40%;
	left:40%;
	max-width:var(--nowsize);
}
.pichead,
.picfoot {
	width: 100%;
	font-size:.9rem;
	font-family: Tahoma;
	text-align:center;
}
.picbox .pichead,
.picbox .picfoot {
	color:white;
}
.picfoot div {
	overflow:hidden;
}
.pichead .frgt,
.picfoot .foota {
	opacity: .7;
}
.picfoot .footb {
	font-weight: bold;
}
.picfoot .namevrt:before {
	content: "*";
}
.picfoot .namevrt,
.picfoot .nameraw {
	color: #777;
}
.picfoot .nameraw:before {
	content: " r";
}
.picfoot .nametime:before {
	content: " ";
}
.picfoot .nametime {
	color: yellow;
}

.flft { float:left; margin-left:1.5em;}
.lft { float:left; margin-left:.5em;}
.rgt { float:right; margin-right:.5em; }
.frgt { float:right; margin-right:1.5em; }
.bld { font-weight:bold; }
.ende {
	clear:both;
}
.cdiv { background-color:#ffeeff; width:400px; }
.blk  { background-color:#eeffee; float:left; margin:10px; width:40%; overflow:hidden;}

@media (min-width:1100px) {
:root {
	--nowsize:var(--tsize);
}
.albbox, .picbox, .vidbox, .nulalbbox, .nulpicbox, .nulvidbox {
	width:calc( var(--nowsize) + var(--tmarg) + var(--tmarg) );
	margin:4px;
	border-radius: 3%;
}
.picfrm {
	width: var(--nowsize);
	height: var(--nowsize);
	margin-left: var(--tmarg);
}
.picfrm .thumb {
	max-width: var(--nowsize);
	max-height: var(--nowsize);
}
.pichead {
	margin-top:.2em;
	margin-bottom:2.2em;
}
.picfoot {
	margin-top:.3em;
	margin-bottom:.2em;
}
.fixwHD .thumb { margin:21.875% 0; }
.fixw23 .thumb { margin:16.67% 0; }
.fixw43 .thumb { margin:12.50% 0; }
.fixhHD .thumb { margin:0 21.875%; }
.fixh23 .thumb { margin:0 16.67%; }
.fixh43 .thumb { margin:0 12.50%; }
.albbox {
/*	background: linear-gradient(to right, rgba(255,242,209,.8) 0%, rgba(255,222,140,.9) 39%, rgba(255,219,127,.9) 61%, rgba(255,234,181,.8) 100%);*/
	background: linear-gradient(to right, rgba(255,219,127,.8) 0%, rgba(255,242,209,.9) 40%, rgba(255,242,209,.9) 60%, rgba(255,219,127,.8) 100%);
	box-shadow: 0px 0px 6px 2px rgba(255,230,209,0.6);
}
.picbox {
/*	background: linear-gradient(to right, rgba( 64, 64, 64,.8) 0%, rgba( 96, 96, 96,1) 40%, rgba(128,128,128,1) 60%, rgba( 64, 64, 64,.8) 100%);*/
	background: linear-gradient(to right, rgba(133,164,255,.8) 0%, rgba(199,213,255,.9) 40%, rgba(199,213,255,.9) 60%, rgba(133,164,255,.8) 100%);
/*	background: linear-gradient(to right, rgba(199,213,255,.8) 0%, rgba(133,164,255,.9) 40%, rgba(133,164,255,.9) 60%, rgba(199,213,255,.8) 100%);*/
	box-shadow: 0px 0px 6px 2px rgba( 64, 64, 64,0.6);
}
.vidbox {
	background: linear-gradient(to right, rgba(200,100,200,.8) 0%, rgba(200,150,200,.9) 40%, rgba(200,150,200,.9) 60%, rgba(200,100,200,.8) 100%);
	box-shadow: 0px 0px 6px 2px rgba( 64, 64, 64,0.6);
}
.picfrm .thumb {
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6);
}
.pichead,
.picfoot {
	display: block;
}
}
@media (min-width:1500px) {
:root {
	--nowsize:var(--txsize);
}
.picbox {
}
.picfrm {
	width: var(--nowsize);
	height: var(--nowsize);
	margin-left: var(--tmarg);
}
.picfrm .thumb {
	max-width: var(--nowsize);
	max-height: var(--nowsize);
}
.rot1 { transform:rotate(5deg); }
.rot2 { transform:rotate(-5deg); }
.rot3 { transform:rotate(4deg); }
.rot4 { transform:rotate(-4deg); }
.rot5 { transform:rotate(3deg); }
.rot6 { transform:rotate(-3deg); }
.rot7 { transform:rotate(2deg); }
.rot8 { transform:rotate(-2deg); }
.rot9 { transform:rotate(1deg); }
.rot10 { transform:rotate(-1deg); }
.rot11 { transform:rotate(0deg); }

.picbox img.rotback:hover {
	transform:rotate(0deg);
}
.picbox img.rot:hover {
	transform:rotate(6deg);
	box-shadow: 0px 0px 10px 5px rgba(240,240,0,0.6);
	border-radius:5%;
	transition: .250s;
}
.albbox, .picbox, .vidbox, .nulalbbox, .nulpicbox, .nulvidbox {
	border-radius: 5%;
}

}

@media (max-width:1099px) {
:root {
	--nowsize:var(--tsize);
}
.albbox, .picbox, .vidbox, .nulalbbox, .nulpicbox, .nulvidbox {
	width:var(--nowsize);
	height:var(--nowsize);
	margin:2px;
}
.vidbox .pichead,
.vidbox .picfoot {
	background-color:rgb(200,100,200,.8);
}
.albbox .pichead,
.albbox .picfoot {
	color:yellow;
}
.flft { float:left; margin-left:.5em;}
.frgt { float:right; margin-right:.5em; }
.picfrm {
	width: var(--nowsize);
	height: var(--nowsize);
	margin: 0;
}
.picfrm .thumb {
	width:100%;
	object-fit: cover;
	height: var(--nowsize);
	position:absolute;
	top:0;
	left:0;
}
.pichead {
	z-index:999;
	position:absolute;
	top:0px;
}

.picfoot {
	position:absolute;
	bottom:0px;
}
.pichead,
.picfoot {
	background-color:#77777777;
}
#all { 
    background: #77777799;
}
body { margin: 0; }
}
@media (max-width:639px) {
:root {
	--nowsize:var(--tssize);
}
.albbox, .picbox, .vidbox, .nulalbbox, .nulpicbox, .nulvidbox {
	width:var(--nowsize);
	height:var(--nowsize);
	margin:1px;
}
.picfrm .thumb {
	width:100%;
	object-fit: cover;
	height: var(--nowsize);
	position:absolute;
	top:0;
	left:0;
}
.pichead {
	font-size:.7rem;
}
.picfoot {
	font-size:.7rem;
}
}