/* und hier kommt die slideshow mit den fadings */


#slideshow {
    position:relative;
}

#slideshow DIV {
    position:relative;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	background: rgb(233,238,247);
    text-align:center;
    display:none;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
    display:block;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
	background: rgb(233,238,247);
	width:99%; 
    display: block;
    border: 0;
    margin-left:auto;
    margin-right:auto;
}

/* -------------------------------------------------- */

/* MiniBildParent ist wird zur flexbox, ist indes kein Child von irgendwas */

div.MiniBildParent
{
	display: flex;
	flex-flow: row;
	background: rgb(242,245,250);
/* bridge für unfähige browser */
	display: -webkit-flex;
	-webkit-flex-flow: row;
}


/* innerhalb der folgenden children gibts keine weiteren divs */

div.MiniBildChild
{
	flex: 1;
/* bridge für unfähige browser */
	-webkit-flex: 1;
/* infoboxchild wird nicht zur flexbox */

	background: rgb(242,245,250);
	margin: 0;
	border-top: 2px solid #ffffff;
	padding-left:5px;
}


div.BildwahlParent
{
	display: flex;
	order: 1;
	background: rgb(242,245,250);
/* bridge für unfähige browser */
	display: -webkit-flex;
}

div.BildwahlChild
{
	flex: 1;
/* bridge für unfähige browser */
	-webkit-flex: 1;
/* infoboxchild wird nicht zur flexbox */
}

div.BildwahlChild img 
{
	padding: 0px;
	width: 10%;
	border: 4px solid rgb(110,143,198);
	border-radius: 0.25em;
	box-shadow: 2px 2px 2px grey;

}