/* 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: 		25.0%; 	  

		background: transparent; 
		text-align: left; 
		color: 		#aaa; 
		overflow:	hidden;
}
.shadow { box-shadow: 3px 10px 30px black;  /* box-shadow:none */ }




.textb   { 
	border:0px solid red;
	margin:0;
	white-space: nowrap; 
	top: -5.2vmax;
	color:white;
	font-weight:bold;
	position:relative;
	text-align:center;
	font-size:135%;
	padding-bottom: 1vmax;
	padding-top: 2vmax;

				 
				 	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	
}

@media (max-width: 1400px)  {.textb { 	top: -6.2vmax; }}
@media (max-width: 1080px)  {.textb { top: -6.5vmax; font-size:120%;  }}
@media (max-width: 1024px) and (orientation: portrait)  {.textb {top: -5.5vmax; font-size:120%;  }}
@media (max-width: 900px)  {.textb {font-size:100%;  }}
@media (max-width: 834px) and (orientation: portrait)  {.textb {top: -5.5vmax; font-size:100%;  }}
@media (max-width: 800px)  {.textb {top: -7vmax; font-size:100%;  }}
@media (max-width: 800px) and (orientation: portrait)  {.textb {top: -6vmax; font-size:100%;  }}
@media (max-width: 768px) and (orientation: portrait)  {.textb {top: -5.5vmax; font-size:100%;  }}
@media (max-width: 755px)  { .textb {top: -7.5vmax;}}
@media (max-width: 755px) and (orientation: portrait)  {.textb {top: -6.2vmax;}}
@media (max-width: 740px)  { .textb {top: -6.5vmax;}}
@media (max-width: 690px)  {.textb {top: -6.5vmax; font-size:90%;  font-weight:normal;}}
@media (max-width: 690px) and (orientation: landscape)  {.textb {top: -7.7vmax; font-size:90%;  font-weight:bold;}}
@media (max-width: 560px)  {.textb {top: -6.2vmax; font-size:80%;  font-weight:normal;}}
@media (max-width: 560px) and (orientation: portrait) {.textb {top: -5.9vmax; font-size:80%;  font-weight:normal;}}
@media (max-width: 480px)  {.textb {font-size:70%;  font-weight:normal;}}
@media (max-width: 390px)  {.textb {top: -6vmax;font-size:60%;  font-weight:normal;}}
@media (max-width: 390px)and (orientation: portrait)  {.textb {top: -5vmax;font-size:60%;  font-weight:normal;}}
@media (max-width: 360px)  {.textb {font-size:55%; font-weight:bold;}}
.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;}


#dd_xstart_pic_5, #dd_xstart_pic_6, #dd_xstart_pic_7, #dd_xstart_pic_8 {
	position:relative; 
	top: -5.5vmax;
	height: 12vmax;
}
@media (max-width: 1400px)  {
	#dd_xstart_pic_5, #dd_xstart_pic_6, #dd_xstart_pic_7, #dd_xstart_pic_8 { top: -6.5vmax;}
}
@media (max-width: 800px)  {
	#dd_xstart_pic_5, #dd_xstart_pic_6, #dd_xstart_pic_7, #dd_xstart_pic_8 { top: -7vmax;}
}
@media (max-width: 800px) and (orientation: portrait)  {
	#dd_xstart_pic_5, #dd_xstart_pic_6, #dd_xstart_pic_7, #dd_xstart_pic_8 { top: -7vmax;}
}
@media (max-width: 768px) and (orientation: portrait)  {
	#dd_xstart_pic_5, #dd_xstart_pic_6, #dd_xstart_pic_7, #dd_xstart_pic_8 { top: -5.5vmax;}
}
@media (max-width: 755px)  {
	#dd_xstart_pic_5, #dd_xstart_pic_6, #dd_xstart_pic_7, #dd_xstart_pic_8 { top: -7.5vmax;}
}
@media (max-width: 690px) and (orientation: landscape)  {
	#dd_xstart_pic_5, #dd_xstart_pic_6, #dd_xstart_pic_7, #dd_xstart_pic_8 { top: -8vmax;}
}
@media (max-width: 414px) and (orientation: portrait)  {
	#dd_xstart_pic_5, #dd_xstart_pic_6, #dd_xstart_pic_7, #dd_xstart_pic_8 { top: -6.2vmax;}
}
@media (max-width: 375px) and (orientation: portrait)  {
	#dd_xstart_pic_5, #dd_xstart_pic_6, #dd_xstart_pic_7, #dd_xstart_pic_8 { top: -6vmax;}
}
@media (max-width: 360px)  {
	#dd_xstart_pic_5, #dd_xstart_pic_6, #dd_xstart_pic_7, #dd_xstart_pic_8 { top: -6vmax;}
}






.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: 95%;
    max-width: 0;
	background: transparent;
	opacity: 0;
	transition: background 0.9s ease-in;
}

@media (max-width:  700px)  { .red span { height: 60%; } }
@media (max-width:  400px)  { .red span { height: 55%; } }

.red a:hover span {
	content: "";
	color: white;
    max-width: 100%;
    background: #943b2f;
    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;}