html {
height:				100%;
}

body {
background:			#BDC5CA;
font-family:		Arial, sans-serif;
font-size:			10pt;
width:				100%;
height:				100%;
margin:				0;
padding:			0;
}

#wrapper {
max-width:			990px;
width:				auto;
position:			relative;
min-height:			100%; /* Mindesthöhe für moderne Browser */
height:				auto !important; /* Important Regel für moderne Browser */
height:				100%; /* Mindesthöhe für den IE */
overflow:			hidden !important; /* FF Scroll-leiste */
margin:				auto;
background:			white;
}

#clear_div {
clear:				both;
height:				70px;
}

#header_wrap {
width:				100%;
position:			relative;
}

#header_logo {
width:				30%;
float:				left;
}

#header_logo img {
display:			block;
margin:				10px 0 10px 25px;
max-width:			90%;
}

#header_navi_wrap {
width:				70%;
float:				right;
text-align:			right;
font-size:			11pt;
position:			relative;
}

#header_navi_wrap a {
text-decoration:	none;	
}

#header_navi {
position:			absolute;
right:				25px;
top:				30px;
}

#header_banderole img {
max-width:			100%;
}

#menu_icon {
display:			none;
}

#navigation {
margin:				0;
text-align:			right;
display:			block;
}

.navipunkt, .navipunkt_aktiv {
float:				left;
margin:				0 12px;
text-decoration:	none;
color:				black;
}

.navipunkt_aktiv, .navipunkt:hover {
color:				#08417C;
}

@media screen and (max-width:840px) {
	#header_banderole {
		display:			none;
	}
	#header_logo {
		width:				100%;
		float:				none;
		text-align:			center;
	}
	#header_logo img {
		display:			block;
		margin:				15px auto;
	}
	#header_navi_wrap {
		background:			#BDC5CA;
		width:				100%;
		text-align:			center;
		height:				auto;
		font-size:			12pt;
		position:			relative;
		margin:				0;
		padding:			8px 0;
	}
	#header_navi {
		position:			relative;
		top:				0;
		right:				0;
	}
	#menu_icon {
		display:			inline;
	}
	#navigation {
		display:			none;
	}
	.navipunkt, .navipunkt_aktiv {
		float:				none;
		color:				black;
		margin:				12px 0;
		width:				100%;
		text-align:			center;
	}
	.navipunkt_aktiv, .navipunkt:hover {
		color:				#08417C;
	}
}

@media screen and (min-width:841px) {
	#navigation {
		display:		block!important;
	}	
}

#content {
width:				90%;
margin:				0 auto;
margin-top:			30px;
margin-bottom:		60px;
text-align:			left;
}

#content img {
border:				1px solid #A8BACF;	
}

#content a {
color:				#0057a2;
text-decoration:	none;
}

#content a:hover {
text-decoration:	underline;
}

#content_links {
width:				75%;
margin-right:		3%;
float:				left;
}

#content_rechts {
width:				22%;
float:				right;
padding:			0 0 5px 0;
}

@media screen and (max-width:840px) {
	#content_links, #content_rechts {
		width:				100%;
		margin-right:		0;
		padding:			0;
		float:				none;
	}
}

#newsbox, #servicebox {
border:				1px solid #0057a2;
padding:			12px;
}

.textbild_nurtext {
width:				100%;
margin-bottom:		40px;	
}

.textbild_text {
width:				50%;
margin-right:		35px;
margin-bottom:		40px;
float:				left;
}

.textbild_bild {
text-align:			right;
margin-bottom:		40px;
}

@media screen and (max-width:800px) {
	.textbild_text, .textbild_bild {
		width:			100%;
		float:			none;
		margin-bottom:	20px;
	}
	.textbild_text {
		text-align:		left;
	}
	.textbild_bild {
		text-align:		center;
	}
	.textbild_bild img {
		max-width:		100%;
	}
}

#fbplugin_text {
width:				55%;
float:				left;
}

#fbplugin_box {

float:				right;
text-align:			left;
padding-left:		20px;
}

@media screen and (max-width:880px) {
	#fbplugin_text {
		width:				100%;
		margin-bottom:		30px;
	}
	#fbplugin_box {
		width:				100%;
		text-align:			center;
	}
}
@media screen and (max-width:840px) {
	#fbplugin_box {
		display:			none;
	}
}

#footer_wrap {
font-size:			9pt;
padding:			25px 0 10px 0;
width:				100%;
position:			absolute;
bottom:				0px !important;
margin:				0 auto;
clear:				both;
background:			white;
}

@media screen and (max-width:840px) {
	#footer_wrap {
		position:			relative;
		padding:			0 0 10px 0;
	}
}

#footer {
width:				90%;
margin:				0 auto;
}

#footer_text {
border-top:			1px solid #0057a2;
padding:			10px 0;
text-align:			center;
}

#footer_text a {
color:				#0057a2;
text-decoration:	none;
}

#footer_text a:hover {
text-decoration:	underline;
}

#footer_links {
float:				left;
width:				25%;
}

#footer_mitte {
float:				left;
width:				55%;
}

#footer_rechts {
float:				right;
width:				20%;
text-align:			right;
}

@media screen and (max-width:840px) {
	#footer_links, #footer_mitte, #footer_rechts {
		float:				none;
		width:				100%;
		text-align:			left;
	}
	#footer_links, #footer_mitte {
		margin-bottom:		15px;
	}
}

.galerie_wrap {
float: 				left;
padding:			10px 0;
margin:				0 2px 14px 0;
text-align:			center;
border:				0px solid black;
}

.galerie {
margin:				0 41px;
}

.galerie img {

border:				2px solid #0057a2;
padding:			5px;

	
}

.galerie_text {
margin-top:			5px;
}

.galerie_detail {
margin:				0 7px 8px 0;
}

.projekte_uebersicht {
text-align:			center;
padding-bottom:		10px;
}

.projekte_wrap {
display:			inline-block;
float:				none;
}

.projekte_logo {
color:				white;
font-weight:		bold;
border:				1px solid #0057a2;
background:			#0057a2;
padding:			0 5px;
width:				170px;
height:				100px;
float:				left;
margin-right:		13px;
margin-bottom:		16px;
position:			relative;
}

.projekte_logo img {
position:			absolute;
left:				0;
top:				0;
z-index:			20;
border:				none;
}

.projekte_logo:hover img {
display:			none;
}

.projekte_logo_textbox {
display:			table;
width:				100%;
height:				100%;
}

.projekte_logo_text {
display:			table-cell;
text-align:			center;
vertical-align:		middle;
}

.screenbox {
border-top:			1px solid #0057a2;
border-bottom:		1px solid #0057a2;
padding:			15px 0 3px 0;
margin-bottom:		25px;
text-align:			center;
}

.projekt_screen {
border:				1px solid #0057a2;
margin-right:		15px;
margin-bottom:		12px;
}

.newsuebersicht_titel {
margin-bottom:		8px;
}

.newsuebersicht_text {
margin-bottom:		13px;
padding-bottom:		13px;
border-bottom:		1px dashed #7F6035;
}

.news_titel {
font-weight:		bold;
margin:				0;
}

.news_text {
margin:				10px 0 25px 0;
}

.fett {
font-weight:		bold;
}

.fett_rot {
font-weight:		bold;
color:				#FF0000;
}

.legende {
font-size:			0.8em;
}

.table {
border:				1px solid #000000;
border-collapse:	collapse;
}

.formularfelder {
font-family:		Arial, sans-serif;
font-size:			0.9em;
}

.titel {
float:				left;
width:				100%;
margin-bottom:		30px;
}

.userangabe_titel {
font-weight:		bold;
font-size:			0.8em;
}

.userangabe {
font-size:			0.8em;
}

.seitentitel {
font-weight:		bold;
font-size:			12pt;
}

.news_paginator {
width:				100%;
margin-top:			20px;
}

.news_paginator a {
color:				black;
}

.news_paginator_legende {
width:				100%;
margin-bottom:		3px;
}

.news_paginator_zahl, .news_paginator_zahl_aktiv {
float:				left;
border:				1px solid black;
padding:			4px 8px;
margin:				0 8px 8px 0;
}

.news_paginator_zahl {
color:				black;
}

.news_paginator_zahl_aktiv {
color:				white;
background:			#003877;
}

.news_paginator_zahl:hover {
background:			#003877;
color:				white;
}

.youtube {
max-width:			100%;
}

.kontakt_bild {
float:				left;
margin-right:		20px;
display:			block;
}

@media screen and (max-width:450px) {
	.kontakt_bild, .kontakt_text {
		float:				none;
		margin-right:		0;
		display:			block;
		width:				100%;
	}
	.kontakt_bild {
		margin-bottom:		20px;
	}
}

.button_wrap {
position:			relative;
float:				left;
margin:				0 8px 8px 0;
max-width:			100%;
}

.button_text {
width:				208px;
position:			absolute;
left:				0;
right:				0;
bottom:				0;
z-index:			0;
padding:			7px 3px;
background:			black;
background-color:	rgba(0, 0, 0, 0.5);
text-align:			center;
font-weight:		bold;
color:				white;
}

.button {
border:				1px solid #003877;
display:			block;
}

.ansprechpartner_row {
width:				100%;
margin-bottom:		25px;
}

.ansprechpartner_bild {
float:				left;
margin-right:		15px;
}

@media screen and (max-width:590px) {
	.ansprechpartner_bild {
		float:				none;
		margin-right:		15px;
		margin-bottom:		8px;
	}
}

.fzliste_einleitung {
width:				100%;
margin-bottom:		10px;
}

.fzliste {
width:				100%;
}

.clear_both {
clear:				both;
}

h1 {
font-family:		Arial, sans-serif;
color:				#08417C;
font-size:			14pt;
font-weight:		normal;
}

ul {
margin-left:		20px;
}

* {
margin:				0;
padding:			0;
}

p {
margin:				15px 0;
}

td, th {
padding:			2px;
}