/* **************************************** */
/* Layout                                   */
/* **************************************** */
body {
	background-image: url(../gifs/bg.gif);
	background-repeat: repeat-y;
}
#seite {
	overflow: hidden;
	width: 1008px;
}
	#kopf {
		background-image: url(../gifs/bg_kopf.jpg);
		background-repeat: no-repeat;
		height: 277px;
		position: relative;
	}
		#kopf-icon {
			position: absolute;
			right: 12px;
			top: 15px;
		}
			#kopf-icon a {
				display: block;
				float: left;
				margin: 0 0 0 10px;
			}
	#main {
		float: left;
		width: 1008px;
	}
		#links {
			float: left;
			overflow: hidden;
			width: 163px;
		}
			#menue {}
		#mitte {
			float: left;
			overflow: hidden;
			width: 611px;
		}
			#inhalt {
				border-style: solid;
				border-width: 0 1px;
				float: left;
				overflow: hidden;
				padding: 0 12px 30px 12px;
				width: 432px;
			}
			#info {
				float: left;
				overflow-x: hidden;
				padding: 21px 7px;
				width: 138px;
			}
				
		#rechts {
			float: left;
			overflow: hidden;
			width: 234px;
		}
			#aktion {
				padding: 21px 0;
			}
	#fusszeile {
		clear: both;
		float: left;
		height: 20px;
		overflow: hidden;
		width: 1008px;
		position: fixed;
		left: 0;
		bottom: 0;
	}
		#fusszeile a {
			line-height: 20px;
			text-decoration: none;
		}
		#fusszeile-links {
			float: left;
			height: 100%;
			width: 163px;
		}
		#fusszeile-mitte {
			border-style: solid;
			border-width: 0 1px;
			float: left;
			height: 100%;
			width: 609px;
		}
			#fusszeile-inhalt {
				border-style: solid;
				border-width: 0 1px 0 0;
				float: left;
				height: 100%;
				padding: 0 12px 0 12px;
				width: 432px;
				text-align: right;
			}
			#fusszeile-info {
				float: left;
				height: 100%;
				width: 152px;
				text-align: center;
			}
		#fusszeile-rechts {
			float: left;
			height: 100%;
			width: 234px;
		} /* **************************************** */
/* Menue                                    */
/* **************************************** */
#menue * {
	margin: 0;
	padding: 0;
}
#menue ul {
	background-image: url(../gifs/li_menue_passiv.gif);
	background-position: 0 100%;
	background-repeat: no-repeat;
	list-style-image: none;
	list-style-type: none;
	margin: -1px 0 0 0;
	padding: 0;
}
#menue li.men ul {
	display: none;
}
#menue ul ul {
	background-image: none;
	margin: 5px 0 0 0;
}

#menue li {
	padding: 6px 0 6px 24px;
}
#menue li li {
	padding: 2px 0 2px 13px;
}
#menue li.men-pfad {
	background-image: url(../gifs/li_menue_aktiv.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#menue li li.men-pfad, #menue li li.men {
	background-image: none;
}
#menue li.men {
	background-image: url(../gifs/li_menue_passiv.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#menue a {
	color: #fff;
	text-decoration: none;
}
#menue .men-pfad a {
	font-weight: bold;
}
#menue .men-pfad .men-pfad a {
	color: #ee2024;
	/*font-style: italic;*/
}
#menue .men a {
	font-weight: normal;
} .message-H,.message-W ,.message-E  {	
	background-color: #DDD;
	border-style: solid;
	border-width: 1px;
	line-height: 14px;
	padding: 3px 3px 3px 3px;
	margin: 1em 0 10px 0;
}
.message-H div,.message-W div ,.message-E div {	
	margin: 0;
	padding: 0 0 0 20px;
}
.message-H div div, .message-W div div, .message-E div div {
	padding: 0;
}
.message-H { /* Hinweis*/ } 
.message-W { /* Warnung*/ }
.message-E { /* ERROR */ } /* **************************************** */
/* Inhalt                                   */
/* **************************************** */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
a {
	/*text-decoration: none;*/
}
a:hover {
	text-decoration: underline;
}
a img {
	border: 0;
}
.hidden {
	display: none;
}

.default {
	border-style: solid;
	border-width: 0 0 1px 0;
	margin: 0 0 0.6em 0;
	padding: 0 0 0.6em 0;
}
.image {
	margin: 0 0 0.6em 0;
}
h1, .headline, .modul-titel {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 0.6em 0;
}
.name, .name1, .name2 {
	font-size: 1.1em;
	font-weight: bold;
}
img.teaserimg_left, img.teaserimg-left {
	float: left;
	margin: 0 0.6em 0.6em 0;
}
img.teaserimg_right, img.teaserimg-right {
	float: right;
	margin: 0 0 0.6em 0.6em;
}
.more, .back {
	background-image: url(../gifs/more_back.gif);
	background-repeat: no-repeat;
	background-position: 100% 0.3em;
	padding: 0 0.6em 0 0;
	text-align: right;
}
.more a, .back a {
	text-decoration: none;
}
.more a:hover, .back a:hover {
	text-decoration: underline;
}

/* Tabellen */
table.rahmen {
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
}
table.rahmen td {
	border-style: solid;
	border-width: 1px;
	padding: 5px;
}
table.rahmen td td {
	border: 0;
	padding: 0;
}
table.rahmenlos {
	border: 0;
	margin: -5px;
}
table.rahmenlos td {
	border: 0;
	padding: 5px;
}
table.rahmenlos td td {
	border: 0;
	padding: 0;
}

/* Listen */
ol, ul {
	margin: 1em 0 1em 1em;
}
ol ol, ol ul, ul ol, ul ul {
	margin: 0 0 0 1em;
}
li {
	margin-left: 1.5em;
}
ul {
	list-style-image: url(../gifs/li.gif);
}
ul ul {
	list-style-image: url(../gifs/li_li.gif);
}
ul ul ul {
	list-style-image: url(../gifs/li_li_li.gif);
}
ul.href {
	list-style-image: url(../gifs/li_href.gif);
}


/* Formulare */
input, select, textarea {
	border-style: solid;
	border-width: 1px;
	font-size: 99%;
	margin: 1px 0;
}
input.checkbox, input.radio {
	border: 0;
}
input.text, textarea {
	padding: 1px;
}
option {
	padding-left: 0.4em;
}
#inhalt img {
	max-width: 432px;
}
/* Fotogalerie (Typ 1) */
#gallery-1 {
	border: 0;
}
	#gallery-1 h1.headline {}
	#gallery-1 #thumbnails {
		float: right;
		margin: 13px 0em 0em 0em;
		width: 100px;
	}
		#gallery-1 #thumbnails .thumbnail {}
			#gallery-1 #thumbnails .thumbnail img {
				margin: 0em 0em 7px 0em;
			}
	#gallery-1 #prev-next {}
		#gallery-1 #prev-next a:hover {
			text-decoration: none;
		}
	#gallery-1 #einzelbild {
		margin: 0em 0em 1em 0em;
	}
	#gallery-1 div.pb-list-navigation {
		clear: both;
		float: right;
		font-size: 0.8em;
		text-align: center;
		width: 100px;
	}
		#gallery-1 div.pb-list-navigation a:hover {
			text-decoration: none;
		}


/* Fotogalerie (Typ 2) */
#gallery-2 {
	border: 0;
}
	#gallery-2 h1.headline {}
	#gallery-2 #thumbnails {
		float: left;
		margin: 0 0 10px -8px;
	}
		#gallery-2 #thumbnails .thumbnail {
			float: left;
			
		}
			#gallery-2 #thumbnails .thumbnail img {
				margin: 0 0 0 8px;
			}
	#gallery-2 #prev-next {
		float: right;
	}
		#gallery-2 #prev-next a:hover {
			text-decoration: none;
		}
	#gallery-2 #einzelbild {
		margin: 0em 0em 10px 0em;
	}
	#gallery-2 div.pb-list-navigation {
		clear: both;
		font-size: 0.8em;
	}
		#gallery-2 div.pb-list-navigation a:hover {
			text-decoration: none;
		}


/* Fotogalerie (Typ 3) */
#gallery-3 {
	border: 0;
}
	#gallery-3 h1.headline {}
	#gallery-3 div.body {}
	#gallery-3 #thumbnails {
		float: left;
		margin: 10px -8px 10px 0;
	}
		#gallery-3 #thumbnails .thumbnail {
			float: left;
			margin: 0;
		}
			#gallery-3 #thumbnails .thumbnail img {
				margin: 0 8px 0 0;
			}
	#gallery-3 div.pb-list-navigation {
		clear: both;
		float: right;
		margin: 0;
	}
		#gallery-3 div.pb-list-navigation a {
			text-decoration: none;
		}
	#gallery-3 #prev-next {
		clear: left;
		margin: 0;
	}
		#gallery-3 #prev-next a {
			text-decoration: none;
		}
	#gallery-3 #einzelbild {
		margin: 10px 0 10px 0;;
	}
	#gallery-3 div.einzelbild {}
		#gallery-3 div.einzelbild h1.headline {}
		#gallery-3 div.einzelbild div.teaser {} .lexikon-modul {
	margin: 0 0 1em 0;
}
.lexikon-modul .modul-titel, .lexikon .modul-titel {
	font-style: normal;
	font-weight: bold;
	margin: 0 0 1em 0;
}
.lexikon-modul .modul-intro, .lexikon .modul-intro {
	margin-bottom: 1em;
}
.lexikon-modul .modul-outro, .lexikon .modul-outro {
	margin-top: 1em;
}
.lexikon-modul .alpha-list, .lexikon .modul-alpha-list {
	float: left;
	margin: 0 0 1em 0;
}
.lexikon-modul .alpha, .lexikon .alpha {
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	float: left;
	height: 22px;
	line-height: 22px;
	margin: 0 4px 3px 0;
	text-align: center;
	width: 22px;
}
.lexikon-modul .alpha-list .all, .lexikon .modul-alpha-list .all {
	float: left;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 2px;
}
.lexikon-modul .alpha-list .alpha a, .lexikon-modul .alpha-list .all a, .lexikon .modul-alpha-list .alpha a, .lexikon .modul-alpha-list .all a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.lexikon-modul .alpha-list .alpha a:hover, .lexikon-modul .alpha-list .all a:hover, .lexikon .modul-alpha-list .alpha a:hover, .lexikon .modul-alpha-list .all a:hover {
	text-decoration: underline;
}
.lexikon-modul .lexikon-suche, .lexikon .modul-suche {
	clear: both;
	margin: 0 0 1em 0;
}
.lexikon-modul .lexikon-suche td, .lexikon .modul-suche td {
	padding: 0 5px 0 0;
}
#inhalt .lexikon-modul .lexikon-suche input.submit, #inhalt .lexikon .modul-suche input.submit {
	background-color: transparent;
	border: 0;
}
.lexikon-modul .pb-list, .lexikon .pb-list  {
	font-size: 1.1em;
}
.lexikon-modul .pb-list .pb-list, .lexikon .pb-list .pb-list {
	font-size: 1em;
}
.lexikon-modul .pb-list a, .lexikon .pb-list a {
	text-decoration: none;
}
.lexikon-modul .pb-list a:hover, .lexikon .pb-list a:hover {
	text-decoration: underline;
}
* .lex-title {
	font-weight: bold;
	/*margin: 0 0 0.5em 0;*/
}
* .lex-group {
	font-style: italic;
	font-weight: bold;
	margin: 1em 0 0 0;
}
* .lex-content, .lexikon .modul-inhalt {
	margin: 0 0 0.5em 0;
}
.lex-content p { 
	margin: 0; 
}
/* Fotowettbewerb */
.mod-fotowettbewerb {}
.mod-fotowettbewerb .fotowettbewerb-thumbnail {
	border: 1px solid #A7A7A7;
	height: 68px;
	margin: 0 5px 8px 0;
	overflow: hidden;
	text-align:	center;
	width: 102px;
}
.mod-fotowettbewerb .fotowettbewerb-thumbnails .clear {
	clear: both;
}
/* Ende Fotowettbewerb */
/* **************************************** */
/* Kontakt                                  */
/* **************************************** */
#kontakt label {
	display: block;
	margin: 0.3em 0;
}
#kontakt textarea {
	display: block;
	height: 100px;
	width: 428px;
}
#kontakt input.text {
	display: block;
	width: 180px;
}
#kontakt input.submit, #kontakt input.reset {
	display: block;
	margin: 1.8em 0 0.3em 0;
	width: 184px;
} /* **************************************** */
/* Druck                                    */
/* **************************************** */
@media print {
	.no-print {
		display: none;
	}
	body {
		background-image: none;
		color: #000;
	}
	#seite {
		background-image: none;
		margin: 0 auto;
		width: 454px;
	}
		#kopf {
			background-image: url(../gifs/druckkopf.jpg);
			height: 80px;
			width: 452px;
		}
		#main {
			position: static;
			float: none;
			width: 454px;
		}
			#mitte {
				float: none;
				width: 454px;
			}
				#inhalt {
					float: none;
					width: 452px;
					padding: 1px;
				}
} /* CSS hagebau.de Shop */
.hs-archiv-verlauf {
	margin-bottom: 0.6em;
}

/* Topseller */
.topseller {
	width: 438px;
}

.topseller-1,.topseller-2,.topseller-3 {
	float: left;
	padding: 0 6px 6px 0;
}

.topseller-inner-margin {
	border-color: #1c6026;
	border-style: solid;
	border-width: 1px;
}

.topseller-content {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
}

.topseller-header {
	background-color: #1c6026;
	color: #fff;
}

.topseller-header a {
	color: #fff;
}

a.topseller-link {
	background-color: #fff;
	filter: Alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 20;
}

.topseller-1 .topseller-content {
	height: 324px;
	width: 284px;
}

.topseller-1 .topseller-header {
	font-size: 1.5em;
	padding: 5px;
}

.topseller-1 .topseller-preis {
	background-image: url('http://hagebaushop.internet-fachhandel.de/gifs/bg_topseller_preis.gif');
	background-repeat: repeat-x;
	color: #fff;
	padding: 3px;
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.topseller-2 .topseller-content,.topseller-3 .topseller-content {
	height: 158px;
	width: 138px;
}

.topseller-2 .topseller-header,.topseller-3 .topseller-header {
	font-size: 1.2em;
	padding: 3px;
}

.topseller-2 .topseller-footer,.topseller-3 .topseller-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.topseller-footer .topseller-footer-inner {
	background-color: #fff;
	border-color: #1c6026;
	border-style: solid;
	border-width: 1px 0 0 0;
	padding: 3px;
}

/* Produkte / Unterkategorien */
.prod,.prod-kat {
	background-color: #e2ebe4;
	color: #000;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	margin-bottom: 0.6em;
}

.prod,.prod-kat,.prod a,.prod-kat a {
	color: #000;
}

.prod-img {
	background-color: #fff;
	border-color: #1c6026;
	border-style: solid;
	border-width: 1px;
	float: left;
	margin: 0;
}

.prod-img-inner {
	height: 120px;
	overflow: hidden;
	position: relative;
	width: 120px;
}

.prod-img-inner img {
	border: 0;
}

.prod-img-zoom {
	background-image: url('http://hagebaushop.internet-fachhandel.de/gifs/vergroessern_dgreen_kl.gif');
	background-position: 100% 100%;
	background-repeat: no-repeat;
	height: 14px;
	width: 14px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.prod-img-zoom a {
	display: block;
	height: 14px;
	text-decoration: none;
	width: 14px;
}

.prod-name {
	font-weight: bold;
	margin: 0 0 0.3em 0;
}

.prod-cnt {
	float: left;
	min-height: 122px;
	padding: 0 0 0 10px;
	position: relative;
	width: 296px;
}

* html .prod-cnt {
	height: 122px;
}

.prod-text {
	float: left;
	padding: 0 10px 0 0;
	width: 210px;
}

.prod-kat .prod-text {
	width: 186px;
}

.prod-preis-cnt {
	float: left;
	vertical-align: bottom;
	width: 86px;
}

.prod-kat .prod-preis-cnt {
	width: 100px;
}

.prod-preis-cnt-inner {
	position: absolute;
	bottom: 0;
	right: 0;
}

.prod-preis-old {
	text-decoration: line-through;
	white-space: nowrap;
}

.prod-preis-now {
	font-weight: bold;
	white-space: nowrap;
}

.prod-button {
	background-image: url('http://hagebaushop.internet-fachhandel.de/gifs/bg_btn_prod.gif');
	height: 22px;
	margin-top: 5px;
	text-align: center;
	width: 70px;
}

.prod-kat .prod-button {
	width: 100px;
}

.prod-button a {
	color: #fff;
	line-height: 22px;
}

.prod .clear,.prod-kat .clear {
	clear: both;
} table.wettercomsmall147727 {
	margin: -2px;
	padding: 0;
	width: 100%;
}
	table.wettercomsmall147727 hr {
		visibility: hidden;
	}
	table.wettercomsmall147727 td {
		margin: 0;
		padding: 2px;
	}
		table.wettercomsmall147727 table {
			text-align: left;
			width: 100%;
		}
		table.wettercomsmall147727 td td {
			padding: 1px;
		}
			font.wettercomheadline147727 {}
			font.wettercomsmall147727 {}
body {
	font-size: 0.75em;
}
body, a {
	color: #000;
}
#menue, #menue a {
	color: #fff;
}
#menue .men-pfad .men-pfad a {
	color: #000;
}
#inhalt {
	border-color: #fff;
}
.default {
	border-color: #676767;
}
table.rahmen, table.rahmen td {
	border-color: #676767;
}
input, select, textarea {
	border-color: #676767;
}

#info {
	background-image: url(../gifs/logo_Teil2.jpg);
	background-repeat: no-repeat;
	padding-top: 40px;
}
#aktion {
	padding-top: 0;
}
/* **************************************** */
/* Fusszeile                                */
/* **************************************** */
#fusszeile, #fusszeile a {
	color: #fff;
}
#fusszeile-links {
	background-color: transparent;
}
#fusszeile-mitte {
}
	#fusszeile-inhalt {
		background-color: #6a6b6d;
		border-color: #fff;
	}
	#fusszeile-info {
		background-color: #6a6b6d;
	}
#fusszeile-rechts {
	background-color: #6a6b6d;
	border-color: #fff;
}


#suche {
	position: absolute;
	right: 12px;
	bottom: 25px;
}
	#suche input.submit {
		background-color: transparent;
		background-image: url(../gifs/pfeil_produktsuche.gif);
		background-repeat: no-repeat;
		background-position: 0 0.3em;
		border: 0;
		color: #676767;
		display: block;
		font-weight: bold;
		margin: 0 0 0 1px;
		padding: 0 0 0 12px;
		text-align: left;
		width: 10em;
	}
	#suche .input-border {
		/*border: 1px solid #088843;*/
	}
		#suche input.text {
			border-color: #676767;
			border-style: solid;
			border-width: 1px;
		}

#nl-anmeldung {}
	#nl-anmeldung input.text {
		border-color: #999 #eee #eee #999;
		border-style: solid;
		border-width: 2px;
		width: 106px;
	}
	#nl-anmeldung input.submit {
		background-color: transparent;
		border: 0;
		padding: 2px 0;
	}
	
/* Aktionsspalte */
.aktion {
	margin: 0 0 0.6em 0;
	padding: 0 0 0.6em 0;
}
	.aktion h1.headline {
		background-color: #088843;
		border-color: #dc0b13;
		border-style: solid;
		border-width: 0 0 2px 0;
		color: #fff;
		font-size: 1.1em;
		line-height: 24px;
		margin: 0;
		text-align: center;
	}
	.aktion .teaser {}
	.aktion .more {
		text-align: left;
		margin: 0;
		padding: 0 10px;
	}
	.aktion .more a {
		color: #1A692E;
		font-weight: bold;
		text-decoration: none;
	}
	.aktion .more a:hover {
		text-decoration: underline;
	}
	
#umkreis-headbereich {
	border-color: #676767;
	border-style: solid;
	border-width: 0 0 1px 0;
	padding: 0 0 0.6em 0;
}
	/* **************************************** */
/* Druck                                    */
/* **************************************** */

#druck {
	background-image: none;
}

#druck body {
	background-image: none;
	color: #000;
}
#druck #kopf {
	/*background-image: url(../gifs/druckkopf.jpg);*/
	height: 163px;
	width: 452px;
	margin: 0 auto;
	position: static;
	margin-bottom: 20px;
}
#druck #seite {
	background-image: none;
	margin: 0 auto;
	width: 454px;
}
		#druck #main {
			position: static;
		}