.flex-container {
    display: -webkit-flex;
    display: flex;  
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    text-align: center;
	margin-left:325px;
	width:900px;
}

.flex-container > * {
    flex: 1 100%;
}
.main {
    text-align: left;
	min-height:500px;
}

.header {text-align: left;}
.kopf {text-align: left;padding:4px; margin-bottom:20px;}
.footer {
  background-color: #B2D2EB; 
  text-align: right; 
  color:#000000; 
  padding:4px; 
  border:1px solid #66a; 
  border-top-width: 0px; 
  border-left-width: 0px;
}
.aside1 {text-align: left; margin-left:2cm;}
.aside2 {}

@media all and (min-width: 600px) {
    .aside { flex: 1 auto; }
}

@media all and (min-width: 800px) {
    .main    { flex: 3 0px; }
    .aside1 { order: 1; } 
    .main    { order: 2; }
    .aside2 { order: 3; }
    .footer  { order: 4; }
}
.fbtitle {
	background-color: #DFEDF7;
	border-top:1px solid #66a;
	border-left:1px solid #66a;
	height:25px;
	padding:4px;
    font-size: 130%;
    font-weight: bold;
}
.fbblue {
	background-color: #368ACA;
	border-right:1px solid #368ACA;
	height:20px;
	padding:4px;
    margin-top: 4px;
	margin-bottom:20px;	
}
div.fbbackskizze {position:absolute; z-index:-1; text-align:left; margin-left: -15px; }
div.fbdatum {text-align: right; font-weight: bold;vertical-align: baseline;padding:4px;}
div.fblogo { text-align: right;padding:10px;}