html {
height:				100%;
}

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

#wrapper {
max-width:			1024px;
width:				auto;
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 */
position:			relative;
overflow:			hidden !important; /* FF Scroll-leiste */
margin:				auto;
background:			black;
}

#header_logo {
width:				100%;
height:				90px;
background:			black;
position:			relative;
}

@media screen and (max-width:770px) {
	#header_logo {
		height:			auto;
		text-align:		right;
		overflow:		hidden;
		padding:		0 5%;
	}
}

#header_logo img {
display:			block;
}

#header_logo_links {
position:			absolute;
top:				0;
left:				30px;
}

#header_logo_rechts {
position:			absolute;
top:				0;
right:				0;
}

@media screen and (max-width:770px) {
	#header_logo_links {
		position:			relative;
		float:				none;
		left:				0;
		padding-right:		50px;
	}
	#header_logo_links img {
		float:				right;
	}
	#header_logo_rechts {
		display:			none;
	}	
}

@media screen and (max-width:560px) {
	#header_logo_links {
		padding-right:		35px;
	}
	#header_logo_links img {
		margin-top:			12px;
		height:				45px;
	}
}

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

@media screen and (max-width:770px) {
	#header_banderole {
		display:			none;
	}	
}

#menu_icon {
display:			none;
}

@media screen and (max-width:770px) {
	#menu_icon {
		display:			block;
		float:				left;
		margin:				20px 0 20px 0;
	}
}

.space_div {
width:				100%;
height:				30px;
background:			white;
}

#content_wrap {
padding:			20px 25px;
}

@media screen and (max-width:770px) {
	#content_wrap {
		padding:			0;
	}	
}

#content_wrap a {
color:				#de6900;
text-decoration:	none;
}

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

@media screen and (max-width:770px) {
	#navi_wrap {
		display:		none;
		background:		black;
		padding:		15px 0;
	}
}

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

#content_navi {
font-size:			12pt;
width:				150px;
float:				left;
padding:			15px 18px 30px 18px;
color:				white;
border-right:		1px solid white;
}

#content_navi a {
color:				white;
}

#content_navi a:hover {
text-decoration:	none;
color:				#de6900;
}

@media screen and (max-width:770px) {
	#content_navi {
		width:				100%;
		float:				none;
		padding:			8px 0;
		margin-bottom:		0;
		text-align:			center;
	}
}

.navipunkt, .navipunkt_aktiv {
color: 				white;
width:				130px;
text-decoration: 	none;
text-align:			left;
float:				left;
padding:			6px 13px;
}

@media screen and (max-width:770px) {
	.navipunkt, .navipunkt_aktiv {
		color: 				white;
		width:				65%;
		margin:				0 auto;
		text-align:			center;
		float:				none;
		padding:			8px 0;
	}
	.naviline_top {
		border-top:			1px solid white;
	}
	.naviline_bottom {
		border-bottom:		1px solid white;
	}
}

.navipunkt_aktiv {
color:				#de6900;
}

.navipunkt:hover, .navipunkt_aktiv:hover {
color:				#de6900;
}

.subnavipunkt, .subnavipunkt_aktiv {
font-size:			10pt;
width:				120px;
margin-left:		12px;
text-decoration: 	none;
text-align:			left;
float:				left;
padding:			3px 16px;
}

@media screen and (max-width:770px) {
	.subnavipunkt, .subnavipunkt_aktiv {
		width:				65%;
		margin:				0 auto;
		text-align:			center;
		float:				none;
		padding:			8px 0;
	}
	.subnavipunkt {
		color:				white;
	}
}

.subnavipunkt_aktiv {
color: 				#de6900;
}

.subnavipunkt:hover, .subnavipunkt_aktiv:hover {
color:				#de6900;
}

#content_text {
margin-top:			15px;
margin-bottom:		30px;
margin-left:		168px;
overflow:			hidden;
text-align:			left;
padding:			0 35px;
}

@media screen and (max-width:770px) {
	#content_text {
		margin-left:		0;
		margin-top:			15px;
		overflow:			hidden;
		padding:			0 5%;
	}
}

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

.textbild_text {
margin-right:		55%;
margin-bottom:		40px;
}

.textbild_bild {
text-align:			right;
margin-bottom:		40px;
width:				55%;
float:				right;
}

.textbild_bild img {
max-width:			90%;
}

@media screen and (max-width:770px) {
	.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%;
	}
}

.textbild_karte {
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 {
margin:				0 25px 20px 25px;
}

#footer_img {
border-top:			1px solid #9a141b;
border-bottom:		1px solid #9a141b;
padding:			15px 1%;
}

#footer_text {
margin-top:			15px;
text-align:			center;
}

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

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

@media screen and (max-width:500px) {
	#footer_img {
		display:			none;
	}
	#footer_text {
		border-top:			1px solid #9a141b;
		padding-top:		15px;
	}
}

.footer_img, .footer_img_first, .footer_img_last {
float:				left;
width:				17.864476386037%;
}

.footer_img img, .footer_img_first img, .footer_img_last img {
max-width:			100%;
}

.footer_img_first, .footer_img {
margin-right:		2.6694045174538%;
}

.galerie_wrap {
float: 				left;
width:				47%;
margin-right:		3%;
margin-bottom:		12px;
text-align:			left;
}

@media screen and (max-width:600px) {
	.galerie_wrap {
		float: 				left;
		width:				100%;
		margin-right:		0;
		margin-bottom:		12px;
	}	
}

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

.galerie_bild img {
border:				2px solid #0A62A1;
padding:			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 #0A62A1;
background:			#0A62A1;
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 #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;
}

.fett {
font-weight:		bold;
}

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

.legende {
font-size:			0.8em;
}

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

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

.form_links {
width:				45%;
margin-right:		10%;
float:				left;
}

.form_rechts {
float:				right;
width:				45%;
}

.form_rechts img {
border:				1px solid grey;
max-width:			99%;
}

@media screen and (max-width:600px) {
	.form_links {
		width:				100%;
		margin-right:		0;
		margin-bottom:		20px;
		float:				none;
	}
	.form_rechts {
		float:				none;
		width:				100%;
		max-width:			330px;
	}	
}

.box_formular {
background:			#c6c6c6;
padding:			18px;
margin-bottom:		15px;
color:				black;
}

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

.formfield, .formfield_fehler {
height:				20px;
}

.formfield_select, .formfield_select_fehler {
height:				25px;
}

.formfield_textarea, .formfield_textarea_fehler {
height:				80px;	
}

.formfield, .formfield_fehler,
.formfield_select, .formfield_select_fehler,
.formfield_textarea, .formfield_textarea_fehler {
font-family:		Arial, sans-serif;
font-size:			0.9em;
width:				300px;
max-width:			100%;
border:				1px solid lightgrey;
}

.formfield_fehler, .formfield_select_fehler, .formfield_textarea_fehler {
background:			#FE797B;
}

.form_kontakt {
margin-bottom:		10px;
}

.formmeldung_fehler {
padding:			10px 20px;
margin-bottom:		25px;
background:			red;
color:				white;
font-weight:		bold;
}

.hidden_field {
display:			none;
}

.titel {
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:				white;
}

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

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

.news_paginator_zahl {
color:				white;
}

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

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

.youtube {
max-width:			100%;
}

.clear_both {
clear:				both;
}

h1 {
font-weight:		bold;
font-size:			12pt;
color:				#de6900;
}

ul {
margin-left:		20px;
}

#breadcrumb_wrap {
font-size:			8pt;
display:			none;
}

.mitglied_wrap {
float:				left;
width:				126px;
margin-right:		17px;
margin-bottom:		20px;
}

.mitglied_detail_bild {
float:				left;
overflow:			hidden;
margin-right:		25px;
}

.mitglied_detail_text {
overflow:			hidden;
}

.gbeintrag_titel {
background:			#c6c6c6;
color:				white;
padding:			8px;
}

.gbeintrag_titel_daten {
width:				70%;
float:				left;
}

.gbeintrag_titel_icons {
width:				30%;
float:				right;
text-align:			right;
}

.gbeintrag_titel_icons img {
margin:				0 2px;
}

.gbeintrag_titel_datum {
font-size:			8pt;
}

.gbeintrag_nachricht {
padding:			10px;
margin-bottom:		10px;
}

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

.paginator a {
color:				white;
}

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

.paginator_zahl, .paginator_zahl_aktiv {
float:				left;
border:				1px solid white;
padding:			4px 8px;
margin:				0 8px 8px 0;
}

.paginator_zahl_aktiv {
color:				white;
background:			#c6c6c6;
}

.paginator a:hover {
color:				white;
}

.paginator_zahl:hover {
background:			#c6c6c6;
color:				white;
}

#terminliste_wrap a:hover {
text-decoration:	none;
}

.termine_head_wrap {
font-weight:		bold;
width:				79%;
padding:			5px 0;
}

.termine_wrap {
width:				79%;
padding:			5px 0;
}

@media screen and (max-width:1024px) {
	.termine_head_wrap, .termine_wrap {
		width:				100%;
	}
}
@media screen and (max-width:500px) {
	.termine_head_wrap {
		display:			none;
	}
	.termine_wrap {
		padding:			8px 0;
	}
}

.termine_wrap:hover {
background:			#c6c6c6;
}

.termine_head_datum, .termine_datum {
float:				left;
width:				13%;
margin-right:		5%;
}

.termine_head_titel, .termine_titel {
float:				left;
width:				27%;
margin-right:		5%;
}

.termine_head_ort, .termine_ort {
float:				left;
width:				27%;
margin-right:		5%;
}

.termine_head_kategorie, .termine_kategorie {
float:				left;
width:				13%;
margin-right:		5%;
}

@media screen and (max-width:500px) {
	.termine_head_datum, .termine_datum,
	.termine_head_titel, .termine_titel,
	.termine_head_ort, .termine_ort {
		float:				none;
		width:				100%;
		margin-right:		0;
	}
	.termine_head_kategorie, .termine_kategorie {
		display:			none;
	}
}

.termin_links {
margin-right:		55%;
margin-bottom:		40px;
}

.termin_rechts {
text-align:			right;
margin-bottom:		40px;
width:				55%;
float:				right;
}

.termin_rechts img {
max-width:			90%;
}

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

.loginform_wrap, .passwortform_wrap {
width:				100%;	
}

.loginform_label {
float:				left;
width:				110px;
}

.passwortform_label {
float:				left;
width:				200px;
}

.loginform_submit, .passwortform_submit {
margin-top:			5px;
}

.loginform_meldung, .passwortform_meldung {
color:				white;
background:			#9a141b;
padding:			10px;
border:				1px solid white;
margin-bottom:		20px;
clear:				both;
}

.passwortform_meldung_ok {
color:				white;
background:			green;
padding:			10px;
border:				1px solid white;
margin-bottom:		20px;
clear:				both;
}

@media screen and (max-width:420px) {
	.loginform_label, .passwortform_label {
		float:				none;
		width:				100%;
	}
	.loginform_submit, .passwortform_submit {
		margin-top:			10px;
	}
}

#intern_dateiliste a:hover {
text-decoration:	none;
}

.intern_bereich {
background:			#8f8f8f;
color:				white;
font-weight:		bold;
padding:			5px 8px;
margin-bottom:		12px;
cursor:				pointer;
}

.intern_bereich_sub {
font-weight:		bold;
margin-bottom:		8px;
}

.intern_dateien_wrap {
margin-bottom:		16px;
padding:			0 8px;
display:			none;
}

.intern_dateien_sub_wrap {
margin-left:		15px;
margin-bottom:		15px;
display:			none;
}

.intern_datei_wrap:hover {
background:			lightgrey;
}

.intern_datei_icon {
line-height:		18px;
float:				left;
margin-right:		10px;
cursor:				pointer;
}

.intern_datei_name {
line-height:		18px;
cursor:				pointer;
}

.intern_userinfo {
border:				1px solid #8f8f8f;
line-height:		25px;
padding:			8px 15px;
clear:				both;
margin-bottom:		25px;
}

.register_wrap_links {
float:				left;
width:				48%;
margin-bottom:		20px;
}

.register_wrap_rechts {
margin-left:		52%;
width:				48%;
margin-bottom:		20px;
}

.register_wrap_links img, .register_wrap_rechts img {
max-width:			100%;
}

.register_titel {
font-weight:		bold;
margin-bottom:		5px;
}

#programm_einleitung {
margin-bottom:		25px;
}

.programm_logo {
float:				left;
width:				30%;
margin:				0 1.5% 10px 1.5%;
}

.programm_logo img {
display:			block;
max-width:			100%;
}

@media screen and (max-width:560px) {
	.programm_logo {
		width:				47%;
	}	
}
@media screen and (max-width:380px) {
	.programm_logo {
		width:				100%;
		margin:				0 0 10px 0;
	}	
}

.sponsoren_kategorie_wrap {
padding-top:		18px;
padding-bottom:		3px;
border-top:			1px solid #de6900;
}

.sponsoren_kategorie_titel {
font-weight:		bold;
margin-bottom:		15px;
}

.sponsoren_logo {
float:				left;
width:				48%;
margin:				0 2% 15px 0;
}

.sponsoren_logo img {
display:			block;
max-width:			100%;
}


@media screen and (max-width:560px) {
	.sponsoren_logo {
		width:				100%;
		margin:				0 0 15px 0;
	}
}

@media screen and (max-width:500px) {
	.register_wrap_links, .register_wrap_rechts {
		float:				none;
		width:				100%;
		margin-left:		0;
		margin-bottom:		20px;		
	}
	.register_wrap_links img, .register_wrap_rechts img {
		width:				100%;
	}
}

* {
margin:				0;
padding:			0;
}

p {
margin:				15px 0;
}

td, th {
padding:			2px;
}