*{outline:none; padding:0px; margin:0px; font-family:arial,helvetica,sans-serif;}
body {font-size: 1em; text-rendering: optimizeLegibility;}
a:link, a:active, a:visited {color: #003a79;} 
h1 {font-size: 1.8em; font-weight: bold; margin-left: 8px; margin-bottom: 20px;}
h2 {font-size: 1.5em; font-weight: bold; margin-bottom: 15px;}
h3 {font-size: 1.2em; font-weight: bold; margin-bottom: 12px;}
p {margin-bottom: 12px;}
div {padding: 8px;}
div .padding_bottom {padding: 0; padding-bottom: 24px;}
.clearer {clear: both;}
/*Für zweispaltige 50/50-Darstellung:*/
.col_left {float: left; box-sizing: border-box; position: relative; width: 50%;}
.col_left img {max-width: 100%}
.col_right {float: left; box-sizing: border-box; position: relative; width: 50%;}
.col_right img {max-width: 100%}
/*Für zweispaltige 30/70-Darstellung (reserviert für Content mit Menü in der linken Spalte):*/
.col_left_30 {float: left; box-sizing: border-box; position: relative; width: 30%;}
.col_left_30 img {max-width: 100%}
.col_right_70 {float: left; box-sizing: border-box; position: relative; width: 70%;}
.col_right_70 img {max-width: 100%}
/*Menüs*/
.menu_headline {font-size: 1.2em; font-weight: bold; margin-top: 0; margin-bottom: 8px; display: block;}
.menu a:link, .menu a:active, .menu a:visited {color:#003a79; text-decoration:none; font-weight: bold;}
.menu {border-bottom: 1px solid #c0c0c0;}
.menu_act a:link, .menu_act a:active, .menu_act a:visited {color:#003a79; text-decoration:none; font-weight: bold;}
.menu_act {border-bottom: 2px solid #003a79;}
.menu_inline a:link, .menu_inline a:active, .menu_inline a:visited {display: inline-block; color:white; text-decoration:none; font-weight:bold; margin-right: 2em; margin-top: 4px; margin-bottom: 4px; font-weight: bold;}
.ul_menu {list-style-type: none;}
.ul_menu li {margin-bottom: 8px;}
/*Bilder im Text*/
.left_intext{float: left; margin-right:20px;}
.right_intext{float: right; margin-left:20px;}
/*Basislayout*/
#header_headline {min-height: 93px;}
#header_logos {float: right; position: relative;}
#header_logos img {
    display: block;
    max-width: 100%;
    height: auto;
    width: auto;
	margin-left: 10px;
	margin-right: 10px;
    float: right;
}
#header_menu {background-color: #81857d;}
#clearer {clear: both; padding: 0;}
#content_main {max-width: 1060px; margin: auto;}
#left_menu {width: 300px; float: left; box-sizing: border-box;}
#content {float: left; position: relative; box-sizing: border-box; width: 100%} /*rausgenommen: max-width: 728px; */
#content_flex {display: flex; padding: 0;}
#content ul {margin-left: 16px;}
#content .ul_menu {margin-left: 0;}
#footer {max-width: 1060px; margin: auto; clear: both;}
#footer_menu {float: right; position: relative; padding-top: 0;}
#footer_menu .menu, #footer_menu .menu_act {border-bottom: 0;}
/*mobile Darstellung bis 768px Breite*/
@media (max-width: 768px){
	#content_flex {flex-direction: column;}
	/*Bildpositionierung aufheben*/
	.left_intext {clear: both;}
	.right_intext {clear: both;}
	/*Zweispaltigkeit aufheben*/
	.col_left, .col_right, .col_left_30, .col_right_70 {width: 100%; clear: both; position: static;}
	/*Vertauschen von 30er und 70er Spalte (reserviert für Content mit Menü)*/
	.col_right_70 {order: 1;}
	.col_left_30 {order: 2;}
	#left_menu {width: 100%; clear: both;}
	#content img {width: 100%;}
}