html {
height:				100%;
}

body {
background:			url(./images/background.png);
font-family:		Arial, sans-serif;
font-size:			10pt;
width:				100%;
height:				100%;
margin:				0;
padding:			0;
}

@media screen and (max-width:770px) {
	body {
		background:			#FBF1C2;
	}
}

#wrapper {
max-width:			1024px;
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;
text-align:			center;
}

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

#header {
max-width:			98%;
margin:				0 auto;
margin-top:			20px;
position:			relative;
}

.logo {
position:			absolute;
top:				20px;
left:				20px;
}

.banderole {
border:				2px solid #7F6035;
max-width:			100%;
}

@media screen and (max-width:770px) {
	#header {
		margin-bottom:		15px;
	}
	.banderole {
		display:			none;
	}
	.logo {
		position:			relative;
		top:				0;
		left:				0;
	}
}

#header_logo {
width:				100%;
text-align:			center;
padding:			25px 0;
background:			white;
}

#header_logo img {
width:				75%;
max-width:			276px;
}

#header_navi {
width:				90%;
border-top:			1px solid #0A62A1;
border-bottom:		1px solid #0A62A1;
margin:				0 auto;
padding:			8px 0;
font-size:			12pt;
text-align:			center;
background:			white;
}

#menu_icon {
display:			none;
}

@media screen and (max-width:770px) {
	#menu_icon {
		display:		inline;
	}
	#navigation {
		display:		none;
		padding-top:	10px;
	}
}

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

#space_navi_content {
width:				100%;
height:				30px;
background:			white;
}

#content {
width:				93%;
margin:				0 auto;
margin-top:			25px;
margin-bottom:		20px;
text-align:			left;
position:			relative;
}

#content_navi {
width:				141px;
padding:			20px;
margin-right:		25px;
float:				left;
background:			#FBF1C2;
border:				2px solid #7F6035;
font-size:			12pt;
font-weight:		bold;
}

.navipunkt, .navipunkt_aktiv {
margin-bottom:		13px;
}

.navipunkt a {
color:				#7F6035;
text-decoration:	none;
}

.navipunkt_aktiv a {
color:				#086708;
text-decoration:	none;
}

.navi_hinweis, .navi_hinweis2 {
border-top:			1px solid #7F6035;
margin-top:			30px;
padding-top:		5px;
text-align:			center;
}

.navi_hinweis a, .navi_hinweis2 a {
font-size:			7pt;
font-weight:		normal;
text-decoration:	none;
color:				#7F6035;
}

@media screen and (max-width:770px) {
	#content_navi {
		width:				100%;
		padding:			8px 0;
		margin:				0;
		margin-bottom:		20px;
		float:				none;
		border:				none;
		font-size:			12pt;
		font-weight:		normal;
		text-align:			center;
		background:			#7F6035;
	}
	.navipunkt a {
		color:				white;
	}
	.navipunkt_aktiv a {
		color:				#FBF1C2;
	}
	.navi_hinweis {
		display:			none;
	}
	.navi_hinweis2 {
		display:			block;
		margin:				0 auto;
		width:				90%;
	}
}

@media screen and (min-width:771px) {
	.navi_hinweis2 {
		display:			none;
	}
}

#content_text {
padding:			20px 25px;
min-height:			400px;
background:			#FBF1C2;
border:				2px solid #7F6035;
margin-left:		206px;
overflow:			auto;
}

#content_text2 {
padding:			20px 25px;
margin-left:		206px;
margin-right:		272px;
min-height:			400px;
background:			#FBF1C2;
border:				2px solid #7F6035;
}

@media screen and (max-width:770px) {
	#content_text {
		padding:			20px 15px;
		margin:				0;
		background:			#FBF1C2;
		border:				none;
	}
	#content_text2 {
		padding:			20px 15px 0 15px;
		margin:				0;
		background:			#FBF1C2;
		border:				none;
	}
}

#content_text a, #content_text2 a, #content_news a {
color:				#7F6035;
text-decoration:	none;
}

#content_text a:hover, #content_text2 a:hover, #content_news a:hover {
text-decoration:	underline;
}

#content_news {
width:				207px;
padding:			20px;
margin-left:		25px;
float:				right;
background:			#FBF1C2;
border:				2px solid #7F6035;
position:			absolute;
top:				0;
right:				0;
}

@media screen and (max-width:770px) {
	#content_news {
		width:				90%;
		padding:			20px 15px 25px 15px;
		margin:				0;
		background:			#FBF1C2;
		border:				none;
		float:				none;
		background:			#FBF1C2;
		border:				none;
		position:			relative;
	}
	#newsbox {
		border:				2px solid #7F6035;
		padding:			8%;
	}
}

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

.textbild_text {
width:				35%;
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:770px) {
	#fbplugin_box {
		display:			none;
	}
}

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

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

#footer_text {
border-top:			1px solid #0A62A1;
padding:			10px 0;
}

#footer_text a {
color:				#0A62A1;
text-decoration:	none;
}

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

.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 #0A62A1;
padding:			5px;
}

.galerie_text {
margin-top:			5px;
}

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

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

.projekt_screen {
border:				1px solid #0A62A1;
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;
}

.newsbild {
margin-bottom:		5px;
}

.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;
}

.ansprechpartner_einleitung {
margin-bottom:		20px;
}

.ansprechpartner_row {
margin-bottom:		8px;
}

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

.ansprechpartner_bild img {
border:				1px solid #7F6035;
}

.ansprechpartner_kontakt {

}

.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:420px) {
	.kontakt_bild, .kontakt_daten {
		float:				none;
		margin:				0;
		display:			block;
	}
	.kontakt_bild {
		margin-bottom:		20px;
	}
}

.clear_both {
clear:				both;
}

h1, h2 {
font-weight:		bold;
font-size:			12pt;
}

ul {
margin-left:		20px;
}

* {
margin:				0;
padding:			0;
}

p {
margin:				15px 0;
}

td, th {
padding:			2px;
}