/*  style="align-items: flex-start | flex-end | center | baseline | stretch;"
		style="justify-content: flex-start | flex-end | center | space-between | space-around;"
		style="flex-direction: row | row-reverse | column | column-reverse;"
	*/

	.fxrow {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
				flex-direction: row;
		outline: 0px solid OrangeRed;
	}		
	.fxcol {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
				flex-direction: column;
		outline: 0px solid LightBlue;
	}
	.fxwrap {
		-webkit-flex-wrap: wrap;	/* Safari 6.1+ */
				flex-wrap: wrap;	/* Breite behalten und Zeile automatisch umbrechen */
	}		
	.boxx {
		justify-content: space-between; 
		align-items: stretch;
		/* background: rgba(220, 20, 60, 0.1); */
		margin: 0em;
	}
	.boxy {
		justify-content: space-between;
		margin: 0em;
		padding: .125em;
	}
	.topinfo { 
		text-align: center;
		margin: .125em;
	}
	#main .promo { 
		background: rgba(196, 196, 196, 0.3);
		border: 1px solid #d8d8d8;
		border-radius: 5px 5px 5px 5px;
	border-radius: 0px 0px 0px 0px;
	border: 1px solid #999;
	background: White;	
	box-shadow: inset -2px -2px 10px #ccc;
		text-align: center;
		margin: .0025em;		
		width: 31%;
		font-weight: normal;
	}
	#main .promo a { 
		display: block;
		color: DimGray;
		text-decoration: none;
		padding: 1em .5em;
	}
	#main .promo a:hover { 
		background: rgba(196, 196, 196, 0.5);
		color: Black;
	}
	#main .promo img {
		width: 135px;
		max-width: 100%;
	}
	.leftframe {
		width: 20%;
	}
	.rightframe {
		width: 74%;
	}
	#main .infoframe {
		background: rgba(196, 196, 196, 0.3);
		border: 1px solid #d8d8d8;
		border-radius: 5px 5px 5px 5px;
	border-radius: 0px 0px 0px 0px;
	border: 1px solid #999;
	background: White;	
	box-shadow: inset -2px -2px 10px #ccc;
	/*	max-width: 48%;
		min-width: 30%;
	*/	text-align: center;
		margin: .5em 0em 0;
	}
	#main .infoframe a {
		display: block;
		height: 100%;
		color: DimGray;
		text-decoration: none;
		margin-bottom: .5em;
		padding: 0 .25em;
	}
	#main .infoframe a:hover { 
		background: rgba(196, 196, 196, 0.5);
		color: Black;
	}
	#main .infoframe img {
		max-width: 100%;
		max-height: 75px;
		margin: 1em auto;
	}
	.middle {
		align-items: center;
	}
	


	@media only screen and (max-width: 600px) {
		#main .promo, .infoframe { 
			font-size: .875em;
			font-weight: normal;
		}
	}