/* FALLBACK */

@import url('https://fonts.googleapis.com/css?family=Antic|Frijole');

	html,body{
		font-family: Calibri,sans-serif;
		font-size:15px;
		line-height:1.5
	}

/* ----------------------------------------- MAIN HTML ELEMENTS --------------------------------------------- */		
	
	body {
		background-color: RGB(230,231,232);
		}
		
	h1 {
		font-size: 1.4em;	
		}
	h2 {
		font-size: 1.2em;	
		}
	h3 {
		font-size: 1.2em;
		font-family: 'Frijole';
	}

	
	/* stop ugly */
	a {
		text-decoration: none;
		}
	/* unvisited link */
	a:link {
		color: RGB(24,96,95);
		}
	/* visited link */
	a:visited {
		color: RGB(24,96,95);
		}
	/* mouse over link */
	a:hover {
		text-decoration: underline;
		color: RGB(219,69,49);
		}
	/* selected link */
	a:active {
		text-decoration: underline;
		color: RGB(219,69,49);
		}		
	table, tr, td {
    border: none;
	}	
	th, td {
		padding-left: 15px;
		text-align: left;
	}
.talebody {
	font-family: 'Antic', sans-serif;
	font-size: 1.0em;
	color: RGB(40,40,40);
	}	
	
.imgCaption {
	font-size: 0.9em;
	text-align: center;
	color: RGB(50,50,50);
}		

.flex-container {
    display: -webkit-flex;
    display: flex; 
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap; <!-- flow = flex-direction (row, column) UND flex-wrap (nowrap[def], wrap): [flow:row,wrap] meint zeilenweise ausrichtung und Umbruch wenn nötig-->
	-ms-flex-pack: justify;
    justify-content: space-between;
}


.flex-container > * {
    padding: 10px;
    flex: 1 100%;
}


.flex-bilderkiste {
    display: -webkit-flex;
    display: flex; 
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap; 
	    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    <!-- font-weight: bold; -->
    <!-- text-align: center; -->
}

.flex-bilderkiste > * {
    padding: 10px;
    <!-- flex: 1 100%; -->
}

.bildItem {
	<!-- flex-bilditems -->
	flex: 1 0px;
	height:200px;
}

.main {
    text-align: left;
	background: white;
}

.header {
	background: white;
	}

.footer {
    display: -webkit-flex;
    display: flex; 
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap; 
	-ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
	border-top: 1px solid #888;
	}
.footerItem {
	padding-left:8px;
}
.sidemenu {
	text-align:left;
	<!-- background: moccasin; -->
	}
.sidemenu1 {
	font-size: 1.2em;
}
	
.sidemenu2 {
	padding-left:20px;
}
	
@media all and (min-width: 760px) {
	.main  { flex: 3 0px; }
    .aside { flex: 1 0px; }
}