html {
height:				100%;
}

body {
background:			#0057a2;
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:				25%;
float:				left;
}

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

#header_navi_wrap {
width:				75%;
text-align:			right;
height:				115px;
font-size:			12pt;
position:			relative;
margin:				0 0 0 auto;
}

#header_navi_wrap a {
text-decoration:	none;	
}

#header_navi {
position:			absolute;
bottom:				20px;
right:				35px;
}

#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 10px;
text-decoration:	none;
color:				black;
}

.navipunkt_aktiv, .navipunkt:hover {
color:				#0057a2;
}

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

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

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

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

#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:800px) {
	#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 {
margin-right:		48%;
margin-bottom:		40px;
}

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

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

@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:800px) {
	#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:800px) {
	#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;
}

#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:800px) {
	#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;
}

.newsuebersicht_text_links {
float:				left;
margin-right:		10px;
}

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

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

.newsbild {
margin:				0 6px 6px 0;
max-width:			100%;
}

.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_registrierung {
width:				100%;
margin-bottom:		7px;
}

.form_registrierung_links {
width:				150px;
float:				left;
}

.form_registrierung_links2 {
width:				120px;
float:				left;
}

.form_registrierung_rechts {
float:				left;
}

@media screen and (max-width:537px) {
	.form_registrierung_links, .form_registrierung_links2, .form_registrierung_rechts {
		width:				100%;
		float:				none;
	}
}

.hidden_field {
display:			none;
}

.formmeldung_warenkorb {
font-size:			8pt;
color:				red;
}

.formmeldung_fehler {
font-size:			8pt;
margin-left:		20px;
color:				red;
}

.formmeldung_ok {
font-size:			8pt;
margin-left:		20px;
color:				green;
}

.formfield, .formfield_fehler {
font:				Arial;
font-size:			10pt;
max-width:			100%;
}

.formularfeld_anz_warenkorb {
font-family:		Arial, sans-serif;
font-size:			0.9em;
text-align:			left;
margin-top:			5px;
}

.formularfeld_anz_warenkorb2 {
font-family:		Arial, sans-serif;
font-size:			0.9em;
text-align:			left;
}

.formularfeld_versteckt {
display:			none;
}

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

.kontakt_tel {
float:				left;
width:				50px;
}

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

.prod_wrap {
width:				94%;
border-bottom:		1px solid black;
padding:			10px 3%;
}

#show_prod_wrap a {
color:				black;
text-decoration:	none;	
}

.show_prod_wrap a {
color:				black;
text-decoration:	none;	
}

.prod_bild {
width:				125px;
float:				left;
position:			relative;
}

.prod_bild_img {
border:				1px solid #003877;
z-index:			0;
}

.neu_icon {
height:				35px;
position:			absolute;
z-index:			1;
bottom:				0;
right:				10px;
}

.neu_icon_detail {
position:			absolute;
z-index:			1;
top:				5px;
right:				5px;
}

@media screen and (max-width:800px) {
	.neu_icon_detail {
		top:				5px;
		left:				5px;
	}
}

.prod_text {
overflow:			hidden;
}

.prod_text_links {
float:				left;
}

.prod_text_rechts {
float:				right;
text-align:			right;
}

@media screen and (max-width:800px) {
	.prod_text_links, .prod_text_rechts {
		float:			none;
		
	}
	.prod_text_rechts {
		text-align:		left;
		margin-top:		12px;
	}
}

#prod_filter_sort {
clear:				both;
background:			#0057a2;
color:				white;
padding:			10px 15px;
margin-bottom:		12px;
border:				1px solid black;
}

#prod_filter {
width:				62%;
float:				left;
}

.filter_attr {
width:				100%;
margin-top:			5px;
}

.filter_attr_titel {
float:				left;
width:				100px;
}

@media screen and (max-width:800px) {
	#prod_filter {
		width:				100%;
		float:				none;
		margin-bottom:		20px;
	}	
}

@media screen and (max-width:500px) {
	.filter_attr_titel {
		float:			none;
		width:			100%;
	}	
}

#prod_detail_links {
float:				left;
width:				57%;
}

#prod_detail_rechts {
float:				right;
text-align:			right;
width:				43%;
}

#prod_detail_rechts_bilder {
margin-bottom:		10px;
}

.prod_detail_rechts_bild1 {
width:				100%;
position:			relative;
}

.prod_detail_rechts_weiterebilder {
text-align:			right;
}

.prod_detail_rechts_bild2 {
float:				right;
display:			inline-block;
}

.prod_detail_rechts_bild2 img {
width:				65px;
margin-left:		3px;
}

.prod_detail_rechts_warenkorb_button {
margin-top:			10px;
color:				white;
background:			#0057a2;
padding:			6px 0;
width:				120px;
text-align:			center;
float:				right;
}

.prod_detail_rechts_warenkorb_button_left {
margin-top:			10px;
color:				white;
background:			#0057a2;
padding:			6px 0;
width:				120px;
text-align:			center;
float:				left;
}

.warenkorb_button_margin {
margin-left:		5px;
}

.prod_detail_attr_wrap {
width:				100%;
margin-bottom:		5px;
}

.prod_detail_attr_links {
float:				left;
width:				110px;
font-weight:		bold;
}

.prod_detail_attr_rechts {
overflow:			auto;
}

@media screen and (max-width:800px) {
	#prod_detail_links, #prod_detail_rechts {
		float:			none;
		width:			100%;
	}
	#prod_detail_rechts {
		text-align:		left;
		margin-top:		25px;
	}
	.prod_detail_rechts_warenkorb_button {
		float:			left;
	}
	.prod_detail_rechts_bild2 {
		float:			none;
	}
	.prod_detail_rechts_bild2 img {
		margin-left:	0;
		margin-right:	3px;
	}
	.prod_detail_rechts_weiterebilder {
		text-align:		left;
		width:			230px;
	}
}

.clear_both {
clear:				both;
}

.clear_both_80px {
clear:				both;
height:				80px;
}

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

#breadcrumb_wrap {
font-size:			10pt;
font-weight:		normal;
margin-top:			-12px;
}

.breadcrumb_hidden, .breadcrumb_wrap_hidden {
display:			none;
}

.konto_button_wrap {
width:				100%;	
}

.konto_button {
text-align:			center;
color:				white;
font-weight:		bold;
width:				135px;
height:				35px;
line-height:		35px;
border:				1px solid black;
background:			#0057a2;
float:				left;
margin:				0 15px 15px 0;
}

.bestellungen_titel_wrap, .bestellungen_wrap {
width:				450px;
padding:			4px 0;
}

.bestellungen_wrap:hover {
background:			#00457D;
color:				white;
}

.bestellungen_titel_datum, .bestellungen_titel_id, .bestellungen_titel_betrag, .bestellungen_titel_status {
font-weight:		bold;
}

.bestellungen_titel_datum, .bestellungen_datum {
float:				left;
width:				100px;
}

.bestellungen_titel_id, .bestellungen_id {
float:				left;
width:				100px;
}

.bestellungen_titel_betrag, .bestellungen_betrag {
float:				left;
width:				110px;
}

.bestellungen_titel_status, .bestellungen_status {
float:				left;
width:				140px;
}

@media screen and (max-width:843px) {
	.bestellungen_titel_wrap {
		display:			none;
		padding:			4px 0;
	}
	.bestellungen_wrap {
		margin-bottom:		10px;
	}
	.bestellungen_datum {
		
	}
	.bestellungen_id, .bestellungen_betrag, .bestellungen_status {
		float:				none;
		width:				100%;
	}
}

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

.bestellungen_titel {
width:				100%;
padding:			4px 0;
margin-left:		30px;
}

.bestellungen_adressen_wrap {
margin-left:		30px;
}

.bestellungen_adressen {
float:				left;
padding:			4px 0;
margin-right:		50px;
}

.aufpos_titel_wrap, .aufpos_wrap {
width:				100%;
padding:			4px 0;
margin-left:		30px;
}

.aufpos_menge {
float:				left;
width:				50px;
}

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

.aufpos_titel {
float:				left;
width:				220px;
}

.aufpos_betrag {
float:				left;
width:				100px;
}

@media screen and (max-width:800px) {
	.aufpos_menge, .aufpos_artnr, .aufpos_titel, .aufpos_betrag {
		float:				none;
		width:				100%;
	}
}

.warenkorb_titel {
font-weight:		bold;
margin-bottom:		10px;
}

.warenkorb_wrap {
margin-bottom:		10px;	
}

.warenkorb_titel_foto, .warenkorb_foto {
float:				left;
width:				102px;
margin-right:		15px;
}

.warenkorb_foto img {
border:				1px solid #003877;
}

.warenkorb_titel_name, .warenkorb_name {
float:				left;
width:				168px;
margin-right:		25px;
}

.warenkorb_titel_menge, .warenkorb_menge {
float:				left;
width:				50px;
margin-right:		25px;
}

.warenkorb_titel_stkpreis, .warenkorb_stkpreis {
float:				left;
width:				80px;
margin-right:		25px;
}

.warenkorb_titel_gesamtpreis, .warenkorb_gesamtpreis {
float:				left;
width:				85px;
margin-right:		25px;
}

.warenkorb_titel_loeschen, .warenkorb_loeschen {
float:				left;
width:				25px;
}

.warenkorb_small {
display:			none;
}

@media screen and (max-width:942px) {
	.warenkorb_titel_name, .warenkorb_name {
		float:				left;
		width:				100px;
		margin-right:		25px;
	}
}

@media screen and (max-width:843px) {
	.warenkorb_rechts_daten {
		overflow:			hidden;
	}
	.warenkorb_wrap {
		margin-bottom:		15px;
	}
	.warenkorb_small {
		display:			inline;
		font-weight:		bold;
	}
	.warenkorb_titel {
		display:			none;
	}
	.warenkorb_titel_name, .warenkorb_name,
	.warenkorb_titel_menge, .warenkorb_menge,
	.warenkorb_titel_stkpreis, .warenkorb_stkpreis,
	.warenkorb_titel_gesamtpreis, .warenkorb_gesamtpreis,
	.warenkorb_titel_loeschen, .warenkorb_loeschen {
		float:				none;
		width:				100%;
	}
	.warenkorb_name {
		font-weight:		bold;
		margin-bottom:		15px;
	}
	.warenkorb_loeschen {
		margin-top:			8px;
	}
	.warenkorb_spalten_total {
		display:			none;
	}
}

.warenkorb_adresse_links {
width:				47%;
float:				left;
margin-right:		6%;
}

.warenkorb_adresse_rechts {
width:				47%;
float:				right;
}

@media screen and (max-width:800px) {
	.warenkorb_adresse_links, .warenkorb_adresse_rechts {
		width:				100%;
		float:				none;
		margin-right:		0;
	}
	.warenkorb_adresse_links {
		margin-bottom:		20px;
	}
}

.box_meldung_positiv, .box_meldung_negativ, .box_meldung_neutral {
padding:			10px 20px;
margin-bottom:		18px;
border:				1px solid black;
overflow:			hidden;
}

.box_meldung_positiv {
border:				1px solid green;
color:				green;
}

.box_meldung_negativ {
border:				1px solid red;
color:				red;
}

.trefferleiste {
margin-bottom:		15px;
}

#searchResult_Seite, #searchResult_Box {
position:			relative;
z-index:			2;
}

#suche_box {
background:			white;
width:				80%;	
border:				1px solid #2A5518;
padding:			5px 15px;
margin-top:			3px;
margin-left:		5px;
position:			absolute;
top:				0;
left:				0;
}

.suche_titel {
width:				100%;
margin:				10px 0;
}

.suche_hinweis {
margin:				9px 0 6px 0;
}

.marke {
float:				left;
margin-right:		26px;
margin-bottom:		22px;
border:				1px solid grey;
padding:			5px;
}

.kategorie_filter {
margin-bottom:		20px;
}

.kategorie_filter_label {
float:				left;
margin-right:		10px;
}

.kategorie_filter_label, .kategorie_filter_value {
line-height:		30px;
}

.news_wichtig_abstand {
margin-bottom:		18px;
}

.news_wichtig_1 {
color:				red;
}

.news_wichtig_2 {
background:			red;
color:				white;
border:				1px solid black;
padding:			12px;
}

ul {
margin-left:		20px;
}

* {
margin:				0;
padding:			0;
}

p {
margin:				15px 0;
}

td, th {
padding:			2px;
}