* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #09618f;
	background-color: #FFFFFF;
}
.navigation {
	padding-left: 0px;
	font-size: 13px;
}
.navigationaktiv {
	padding-left: 10px;
	font-size: 13px;
	background-color: #09618f;
}
.logo {
	font-size: 20px;
}


a:link {
	color: #09618f;
}
a:visited {
	color: #09618f;
}
a:hover {
	color: #09618f;
}
a:active {
	color: #09618f;
}	

a.linkliste:link {
	color: #09618f;
	text-decoration: none;
}
a.linkliste:visited {
	color: #09618f;
	text-decoration: none;
}
a.linkliste:hover {
	color: #09618f;
	text-decoration: none;
}
a.linkliste:active {
	color: #09618f;
	text-decoration: none;
}


a.nav:link {
	color: #09618f;
	text-decoration: none;
}
a.nav:visited {
	color: #09618f;
	text-decoration: none;
}
a.nav:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #09618f;
}
a.nav:active {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #09618f;
}


a.navaktiv:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.navaktiv:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.navaktiv:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a.navaktiv:active {
	color: #FFFFFF;
	text-decoration: none;
}
.fliesstext {
	font-size: 13px;
	color: #09618f;
}
.fliess11 {
	font-size: 11px;
}
.fliess_ueberschrift{
	font-size: 13px;
	color: #09618f;
	line-height: 25px;
	font-weight: bold;
}


.page-wrapper {
	
	display: flex;
	min-width: 220px;
	flex-wrap: nowrap;
}
/* Responsive layout - makes a one column layout (100%) instead of a two-column layout (50%) */
@media (max-width: 800px) {
  .page-wrapper > .menu {
    
  }
}
.page-wrapper > .menu {
 width: 188px;
 padding: 12px;
}
.page-wrapper .article {

}
/** responsive article layout for web and mobil applications **/
.article {
	max-width: 850px;
	min-width:  220px;
}
.article > *:first-child {
	padding: 5px;
}
/** Flex style for responsive (img) layout **/
.media_container  {
	/* width: 100%; */
	display: flex;
	flex-wrap: wrap;
	/* flex-direction: row; */
	/* justify-content: normal; */
}
/* by default each child will flex, so we do not need to define behavior in most cases */
.media_container > * {
	border: 0px solid #FF0000;
	flex: 1 1 180px;
	padding: 5px;
	/* min-height: 100px; */
}
.media_container > *:first-child {
	flex: 1 1 auto;
	min-width: 100px;
}
.media_container > * > img {
    width: 100%;
}