/**************************************/
/* druck.css                          */
body#druck {
	background-image: none;
	background-color: #fff;
	color: #000;
}
a {
	color: #000;
}
#druck #kopf {
	height: auto;
	margin: 0 auto;
	width: 452px;
}
#druck #main {
	margin: 0 auto;
	width: 452px;
}
#druck #inhalt {
	margin: 10px auto;
	padding: 0;
	width: 432px;
}
/**************************************/

/**************************************/
/* formular.css                       */
button,input,select,textarea {
	font-size: 1em;
}

button {
	border-style: solid;
	border-width: 1px;
}

button.button /* , button[type="button"] */ {
	border-style: solid;
	border-width: 1px;
}

button.reset /* , button[type="reset"] */ {
	border-style: solid;
	border-width: 1px;
}

button.submit /* , button[type="submit"] */ {
	border-style: solid;
	border-width: 1px;
}

input.button /* , input[type="button"] */ {
	border-style: solid;
	border-width: 1px;
}

input.checkbox /* , input[type="checkbox"] */ {
	
}

input.datefield {
	border-style: solid;
	border-width: 1px;
}

input.email {
	border-style: solid;
	border-width: 1px;
}

input.file /* , input[type="file"] */ {
	border-style: solid;
	border-width: 1px;
}

input.hidden /* , input[type="hidden"] */ {
	
}

input.image /* , input[type="image"] */ {
	
}

input.password /* , input[type="password"] */ {
	border-style: solid;
	border-width: 1px;
	padding: 1px;
}

input.radio /* , input[type="radio"] */ {
	
}

input.reset /* , input[type="reset"] */ {
	border-style: solid;
	border-width: 1px;
}

input.submit /* , input[type="submit"] */ {
	border-style: solid;
	border-width: 1px;
}

input.text /* , input[type="text"] */ {
	border-style: solid;
	border-width: 1px;
	padding: 1px;
}

select {
	border-style: solid;
	border-width: 1px;
	padding: 1px;
}

option {
	padding-left: 0.4em;
}

textarea {
	border-style: solid;
	border-width: 1px;
	overflow-y: scroll;
	padding: 1px;
}
/**************************************/

/**************************************/
/* fotogalerie.css                    */
.gallery {
	overflow: hidden;
	width: 100%;
}
.gallery .clear {
	clear: both;
}
.gallery h1.headline {}
.gallery .body {
	margin: 0 0 1em 0;
}
.gallery div.href {}
.gallery #thumbnails {
	float: left;
	margin: 0 0 1em 0;
	width: 440px;
}
.gallery #thumbnails div.thumbnail {
	float: left;
	height: 68px;
	margin: 0 8px 0 0;
	overflow: hidden;
	width: 102px;
}
.gallery #thumbnails div.thumbnail img {}
.gallery div.pb-list-navigation {
	float: left;
	margin: 0 0 1em 0;
}
.gallery .pb-list-navigation a
, .gallery #prev-next a {
  text-decoration:none;
}
.gallery .pb-list-navigation a:hover
, .gallery #prev-next a:hover {
  text-decoration:underline;
}
.gallery #prev-next {
	float: right;
	margin: 0 0 1em 0;
}
.gallery #einzelbild {
	margin: 0 0 1em 0;
}
.gallery #einzelbild img {}
.gallery div.einzelbild {}
.gallery div.einzelbild h1.headline {}
.gallery div.einzelbild div.teaser {
	margin: 0 0 1em 0;
}
/**************************************/

/**************************************/
/* inhalt.css                         */
body {
	font-size: 0.8em;
	line-height: 1.5em;
}
body, textarea {
	font-family: Arial, Helvetica, sans-serif;
}
a img {
	border: 0;
}

.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;
}
/* Überschriften */
  h1, .headline, .modul-titel, h2, .headline2 {
    font-weight: bold;
    font-size: 1.2em;
    margin: 0 0 0.6em 0;
  }
  h3, .headline3, h4, .headline4 {
    font-weight: bold;
    font-size: 1em;
  }
  h5, .headline5, h6, .headline6 {
    font-size: 1em;
    font-weight: normal;
  }
/* //Überschriften */
  
.name, .name1, .name2 {
	font-size: 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 {
	text-align: right;
}
.more a, .back a {
	background-image: url(../gifs/more_back.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 8px;
	text-decoration: none;
}
.more a:hover, .back a:hover {
	text-decoration: underline;
}
/**************************************/

/**************************************/
/* kontakt.css                        */
#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;
}
/**************************************/

/**************************************/
/* layout.css                         */
.clear {
	clear: both;
}
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	min-height: 100%;
	position: relative;
}
#kopf {
	height: 277px;
	overflow: hidden;
	position: relative;
	width: 1008px;
}
	#kopf-icon {
		position: absolute;
		right: 8px;
		top: 12px;
	}
		#kopf-icon a {
			margin: 0 3px;
		}
	#kopf-diashow {
		/*position: absolute;*/
	}
	#kopf-diashow-links {
		position: absolute;
		left: 0;
		top: 34px;
	}
	#kopf-diashow-rechts {
		position: absolute;
		left: 622px;
		top: 34px;
	}
#main {
	overflow-x: hidden;
	width: 1008px;
}
	#spalte-menue {
		float: left;
		overflow-x: hidden;
		width: 163px;
	}
		#menue {
			min-height: 10px;
		}
	#spalte-inhalt {
		float: left;
		margin: 0 1px;
		overflow-x: hidden;
		width: 456px;
	}
		#inhalt {
			margin: 0 auto;
			min-height: 1px;
			overflow-x: hidden;
			padding-bottom: 2em;
			width: 432px;
		}
	#spalte-info {
		float: left;
		overflow-x: hidden;
		width: 152px;
	}
		#info {
			margin: 0 auto;
			min-height: 1px;
			overflow-x: hidden;
			padding-bottom: 2em;
			width: 141px;
		}
	#spalte-aktion {
		float: left;
		margin: 0 0 0 1px;
		overflow-x: hidden;
		width: 234px;
	}
		#aktion {
			min-height: 1px;
			padding-bottom: 2em;
		}
#fusszeile {
	height: 2em;
	line-height: 2em;
	width: 1008px;
	position: fixed;
	bottom: 0;
	left: 0;
}
	#fusszeile-spalte-menue {
		float: left;
		height: 100%;
		width: 163px;
	}
	#fusszeile-spalte-inhalt {
		float: left;
		height: 100%;
		margin: 0 1px;
		padding: 0 12px;
		text-align: right;
		width: 432px;
	}
	#fusszeile-spalte-info {
		float: left;
		height: 100%;
		text-align: center;
		width: 152px;
	}
	#fusszeile-spalte-aktion {
		float: left;
		height: 100%;
		margin: 0 0 0 1px;
		padding: 0 12px;
		width: 210px;
	}
	
/* Schriftgr��en */
body {
	font-size: 0.8em;
	line-height: 1.5em;
}
#kopf {
	font-size: 0.85em;
	line-height: 1.2em;
}
#menue-quer {
	font-size: 0.85em;
	line-height: 1.2em;
}
#spalte-menue {
	font-size: 0.85em;
	line-height: 1.2em;
}
#spalte-info {
	font-size: 0.85em;
	line-height: 1.2em;
}
#spalte-aktion {
	font-size: 0.85em;
	line-height: 1.2em;
}
#fusszeile {
	font-size: 0.85em;
}
/**************************************/

/**************************************/
/* lexikon.css                        */
.lexikon-modul {
	margin: 0 0 1em 0;
}
.lexikon-modul .modul-titel {
	font-style: normal;
	font-weight: bold;
	margin: 0 0 1em 0;
}
.lexikon-modul .alpha-list {
	float: left;
	margin: 0 0 1em 0;
}
.lexikon-modul .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 {
	float: left;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 2px;
}
.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 {
	text-decoration: underline;
}
.lexikon-modul .lexikon-suche {
	clear: both;
	margin: 0 0 1em 0;
}
.lexikon-modul .lexikon-suche td {
	padding: 0 5px 0 0;
}
#inhalt .lexikon-modul .lexikon-suche input.submit {
	background-color: transparent;
	border: 0;
}
.lexikon-modul .pb-list  {
	font-size: 1.1em;
}
.lexikon-modul .pb-list .pb-list {
	font-size: 1em;
}
.lexikon-modul .pb-list a {
	text-decoration: none;
}
.lexikon-modul .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 {
	margin: 0 0 0.5em 0;
}
.lex-content p { margin: 0; }
/**************************************/

/**************************************/
/* listen.css                         */
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;
}

ol {
	list-style-type: decimal-leading-zero;
}
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);
}
/**************************************/

/**************************************/
/* menue.css                          */
#menue ul {
	list-style-image: none;
	list-style-type: none;
	margin: -1px 0 0 0;
	padding: 0;
}
#menue .men ul {
	display: none;
}
#menue ul ul {
	margin: 6px 0 0 -25px;
}
#menue ul ul ul {
	margin: 2px 0 0 -36px;
}
#menue ul ul ul ul {
	margin: 2px 0 0 -47px;
}
#menue ul ul ul ul ul {
	margin: 2px 0 0 -58px;
}
#menue ul ul ul ul ul ul {
	background-color: #ff0;
	margin: 2px 0 0 69px;
}

#menue li {
	margin: 0;
	padding: 6px 0 6px 25px;
}
#menue li li {
	padding: 2px 0 2px 36px;
}
#menue li li li {
	padding: 2px 0 2px 47px;
}
#menue li li li li {
	padding: 2px 0 2px 58px;
}
#menue li li li li li {
	padding: 2px 0 2px 69px;
}

#menue a {
	text-decoration: none;
}
#menue a:hover {
	text-decoration: underline;
}
/**************************************/

/**************************************/
/* message.css                        */
.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 */ }
/**************************************/

/**************************************/
/* module.css                         */
.modul {
	border-bottom: 1px solid;
	margin-bottom: 0.6em;
	padding-bottom: 0.6em;
}

.mod-routenplaner .modul-inhalt table {
	margin: -3px;
}

.mod-routenplaner .modul-inhalt td {
	padding: 3px;
}
/**************************************/

/**************************************/
/* tabellen.css                       */
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.rahmen td td {
	padding: 0;
}
/**************************************/

/**************************************/
/* wettercom147727.css                */
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 {}
/**************************************/

/**************************************/
/* hagebau.de.shop.css                */
/* 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;
}
/**************************************/

body {
	background-image: url(../gifs/bg.gif);
	background-repeat: repeat-y;
	color: #000;
}
a {
	color: #000;
}
#kopf {
	background-image: url(../gifs/bg_kopf.jpg);
}
#info {
	padding-top: 24px;
	padding-bottom: 7em;
}
#aktion {
	padding-top: 24px;
}
#form-suche {
	background-color: #bebfc1;
	font-size: 0.85em;
	padding: 0.6em 5px 2.6em 5px;
	width: 142px;
	position: fixed;
	left: 621px;
	bottom: 0;
}
	#form-suche input.text {
		border-color: #6a6b6d #e5e5e5 #e5e5e5 #6a6b6d;
		border-width: 2px;
		width: 136px;
		/*width: 110px;*/
	}
	#form-suche input.submit {
		display: none;
		/*
		background-color: transparent;
		border: 0;
		padding: 0;
		*/
	}
#form-newsletter {
	font-size: 0.85em;
	line-height: 1.4em;
	width: 150px;
	position: absolute;
	left: 848px;
	top: 200px;
}
	#form-newsletter input.text {
		border-color: #6a6b6d #bebfc1 #bebfc1 #6a6b6d;
		border-width: 2px;
		margin-top: 0.3em;
		width: 140px;
		/*width: 120px;*/
	}
	#form-newsletter input.submit {
		display: none;
		/*
		background-color: transparent;
		border: 0;
		*/
	}
#fusszeile {
	color: #fff;
}
#fusszeile a {
	color: #fff;
	text-decoration: none;
}
#fusszeile-spalte-menue {}
#fusszeile-spalte-inhalt {
	background-color: #6a6b6d;
	text-align: right;
}
#fusszeile-spalte-info {
	background-color: #6a6b6d;
	text-align: center;
}
#fusszeile-spalte-aktion {
	background-color: #6a6b6d;
}

.default {
	border-color: #6a6b6d;
}
.mod-form-kontakt-65 {
	border-color: #6a6b6d;
	border-style: solid;
	border-width: 0 0 1px 0;
	margin: 0 0 0.6em 0;
	padding: 0 0 0.6em 0;
}
table.rahmen, table.rahmen td {
	border-color: #6a6b6d;
}
input, select, textarea {
	border-color: #6a6b6d;
}

#info .default {
	border-color: #dd0b14;
	border-width: 1px 0 0 0;
	padding: 0.6em 0 0 0;
}
#aktion .default {
	border-color: #6a6b6d;
}
#aktion h1, #aktion .headline, #aktion .modul-titel {
	background-color: #dd0b14;
	border-color: #6a6b6d;
	border-style: solid;
	border-width: 0 0 1px 0;
	color: #fff;
	padding: 4px 5px;
	text-align: center;
}

/*

#menue, #menue a {
	color: #000;
}
#menue .men-pfad .men-pfad a {
	color: #FFF;
}




#info #suche {
	background-color: #f00;
	bottom: 0;
	position: fixed;
	margin-top: 12px;
}
#info #suche .submit {
	border: 0;	
	font-weight: bold;
	background-color: #bebfc1;
}
#info #suche .text {
	border-color: #999 #eee #eee #999;
	width: 134px;
}
#info .more a {
	color: #dc0b13;
	background-image: url(../gifs/Pfeil_mehr.gif);
	background-repeat: no-repeat;
	background-position: 26px 4px;
	padding-right: 10px;
}
#info .default {
	border-bottom: 0;
	border-top: 1px solid #dc0b13;
	margin-top: 12px;
	padding-top: 8px;
}


.aktion {
	margin: 0 0 0.6em 0;
	padding: 0 0 0.6em 0;
}
	.aktion h1.headline {
		background-color: #dc0b13;
		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;
	}

#newsletter {
	position: absolute;
	right: 12px;
	bottom: 5px;
	width: 135px;
}
#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;
	}
*/#menue ul {
	background-image: url(../gifs/li_menue_passiv.gif);
	background-position: 0 100%;
	background-repeat: no-repeat;
}
#menue ul ul {
	background-image: none;
}

#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: #000;
}
#menue .men-pfad a {
	font-weight: bold;
}
#menue .men a {
	font-weight: normal;
}
#menue .men-pfad .men-pfad a {
	color: #fff;
}

.mod-adr div.plz, .mod-adr div.ort {
	display: inline;
}
div.filial-adresse {
	witdh: 100%;
	border-bottom: 1px solid #6a6b6d;
	padding: 10px 0;
}
