.rfg_wrapper {XXoverflow:hidden;}



.mixedwidthouter ul.photostyle {
	width: 110%;
	min-height:60px;	
}

.mixedwidthouter ul.photostyle li {
	margin: 0 0 5px 0px;
	position: relative;
	float:left;	
	padding: 0px;
	opacity:0;	
	transition: opacity 2s;
}

.mixedwidthouter ul.photostyle li.nextrow {
	margin-left: 0;
	position: relative;
	clear:left;	
	padding: 0px;
}

.mixedwidthouter ul.photostyle li a {
	display:block; margin: 0 0 0 0; overflow:hidden;
}

.mixedwidthouter .rfg_wrapper ul.photostyle li a img, .mixedwidthouter .rfg_wrapper ul.categories li a img {
	width: auto ! important; 
	max-width:6000px; /* gegen max-with aus dem Template */
	float:left;
}

.mixedwidthouter ul.rfg_loader {width:100%; min-height:200px; background: url(img/loading.gif) no-repeat center center}

.justifypicsspacer {width:100px; float: left; clear: left; background: rgba(200,200,200,0.3); }
.justifypicsspacer div {margin:2px 2px 0 5px;}

#showthisjustifypicscontainer {position:relative; clear: both; background:#444; margin-bottom: 20px; width:100%; z-index: 900; text-align:center;}
#showthisjustifypicscontainer img {max-width:100%; max-height:800px; border:none;}
#showthisjustifypicscontainer a.justifypicsclose {display:block; position:absolute; right:0; top:0; width:32px; height:32px; background: url(img/close.png) no-repeat center center; opacity:0.8; z-index:500;}
#showthisjustifypicscontainer .justifypicstitle {padding: 2px 0 5px 0; color:#fff; }

ul.photostyle #showthisjustifypicscontainer {width:90.8%;}


.videobox {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 30px;
   height: 0;
   overflow: hidden;
}

.videobox iframe,
 .videobox object,
 .videobox embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}


/* ================================================================================================= */
/* Smaller Screens */
@media screen and (max-width: 768px) {
	
	
	.mixedwidthouter .rfg_design ul li {width: auto ! important; }
	.mixedwidthouter  .rfg_design ul li a, .mixedwidthouter .rfg_design ul li a img   {width: auto ! important; }

}

/* Smaller Screens */
@media screen and (max-width: 500px) {

	.mixedwidthouter  .rfg_design ul li  {width: auto ! important; }
	.mixedwidthouter .rfg_design ul li a img  {width: auto ! important; }
	
	
	/*.justifypicsspacer, .mixedwidthouter .rfg_wrapper ul.photostyle li, .mixedwidthouter .rfg_wrapper ul.photostyle li a img  {height: 90px !important; }*/


}
