/* flexthumb gallery ==========================================*/
.galbox a[id^='x'] img {margin-bottom:5px;width:100%;}
/* default: 1 thumbs in einer zeile - der kleinste DEFAULT immer zuerst! */
.galbox div.cell { 
		float: 		left; 
		width: 		90%; 	  
		padding: 	.5%; 
		margin: 	0 1% 1% 0; 
		border: 	1px solid #aaa;  
		background: transparent; 
		text-align: left; 
		color: 		#aaa; 
		overflow:	hidden;
}
.shadow { box-shadow: 3px 10px 30px black;  /* box-shadow:none */ }
.galbox { margin: 10px 4% 10px 6%; min-height:200px;}
@media (max-width: 640px) { .galbox { margin: 10px 3% 10px 9%; } }
@media (max-width: 360px) { .galbox { margin: 10px 1% 10px 12%; } }
.textb   { border:0px solid red;margin:0;white-space: nowrap;}
.galbox div.noframe { border:0; margin:0;}
.polaroid {height:200px;}
.shadgal    {height:200px;}
.shadgal p.textb {margin-top:-10px;padding-left:5px;}
.shadgal4    {height:200px;}
.shadgal4 p.textb {margin-top:-10px;padding-left:5px;}
.shadgal5    {height:200px;}
.shadgal5 p.textb {margin-top:-5px;padding-left:5px;text-align:center;}

@media (min-width: 370px) { .galbox div.cell { width:45%; }}  		/* 2 thumbs in einer zeile */
@media (min-width: 750px) { .galbox div.cell { width:30%; }}  		/* 3 thumbs in einer zeile */
/*@media (min-width:1050px) { .galbox div.cell { width:22.7%; }}  */	
@media (min-width:1290px) { .galbox div.cell { width:22.7%; }}		/* 4 thumbs in einer zeile ==> IE8 kann keine Kommawerte, deshalb IE8_hack.css */
@media (min-width:1900px) { .galbox div.cell { width:17%; }}  		/* 5 thumbs in einer zeile */
@media (min-width:2400px) { .galbox div.cell { width:14%; }}	 	/* 6 thumbs in einer zeile */

.galbox div.quer { width:100%;font-size:	14px;}
.quer a[id^='x'] img {margin-bottom:5px;float:right;width:30%;margin-left:15px;}
.galbox div.flat { 
	clear:both;
	overflow:hidden;
	border: 2px solid #aaa;
	background-color: #eee;
	border-radius: 5px;
	font-size:	14px;
}

.shine a {
	position: relative;
	display: block;
}

.shine span {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 97%;
    max-width: 0;
    background: #fff;
    opacity: 0.4;
    transition: none;
}

.shine a:hover span {
    max-width: 100%;
    background: #fff;
    opacity: 0;
    transition: all 0.6s ease-out;
}

.date {
	position:relative;
	background-color:#ccc;
	border:0;
	text-align:center;
	font-weight:bold;
	margin-bottom:5px;
	padding:2px;
}


/* rot langsam einblendend bei hover */
.red a {
	position: relative;
	display: block;
}

.red span {
    content: "";
    position: absolute;
	color:transparent;
	font-weight:normal;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 97%;
    max-width: 0;
	background: transparent;
	opacity: 0;
	transition: background 0.9s ease-in;
}

.red a:hover span {
	content: "";
	color: white;
    max-width: 100%;
    background: red;
    opacity: 0.7;
}

.fb_text { white-space:normal;text-align:justify;margin-bottom:10px; }
.fb_text_link {text-decoration:none;float:right;}
.fb_like1 {margin-top:10px;}