/**************************************/
/* 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;
}
/**************************************/

/* Breiten-Anpassung */
#spalte-menue, #fusszeile-spalte-menue {
	width: 164px;
}
#spalte-info, #fusszeile-spalte-info {
	width: 151px;
}
/* ENDE Breiten-Anpassung */

body {
	background-image: url(../gifs/bg.gif);
	background-repeat: repeat-y;
}
#kopf {
	background-color: #231f20;
	background-image: url(../gifs/bg_kopf.png);
	background-position: 0 100%;
	background-repeat: no-repeat;
	/* jkv20090603 */
	/* height: 340px; */
	height: 276px;
	/* //jkv20090603 */
}
	#logo {
		position: absolute;
		left: 697px;
		/* jkv20090603 */
		/* top: 174px; */
		top: 110px;
		/* //jkv20090603 */
		margin-left: -125px;
		z-index: 1;
	}
		#logo a {
			background-image: url(../gifs/logo-holzprofi.png);
			background-repeat: no-repeat;
			display: block;
			height: 150px;
			width: 250px;
		}
	#kopf-icon {
		/* jkv20090603 */
		/* top: 75px; */
		top: 11px;
		/* //jkv20090603 */
	}
	#kopf-menue {
		position: absolute;
		left: 169px;
		/* jkv20090603 */
		/* top: 73px; */
		top: 9px;
		/* //jkv20090603 */
	}
	#kopf-diashow-links {
		/* jkv20090603 */
		/* top: 97px; */
		top: 33px
		/* //jkv20090603 */
	}
	#kopf-diashow-rechts {
		/* jkv20090603 */
		/* top: 97px; */
		top: 33px;
		/* jkv20090603 */
	}
	#kopf-logo {
		position: absolute;
		left: 0;
		top: 34px;
		z-index: 100;
	}
#fusszeile {
	border-top: 1px solid #fff;
}
	#fusszeile-spalte-menue {
		background-color: #0b9656;
	}
	#fusszeile-spalte-inhalt {
		background-color: #b2d2c2;
	}
	#fusszeile-spalte-info {
		background-color: #0b9656;
	}
	#fusszeile-spalte-aktion {
		background-color: #b2d2c2;
	}
#form-newsletter input.text {
	border-color: #5e5d5d;
	margin: 0.6em 0;
	width: 137px;
}
#form-newsletter input.submit {
	display: none;
}
#form-suche {
	font-size: 0.85em;
	position: absolute;
	left: 874px;
	/* jkv20090603 */
	/* top: 277px; */
	top: 213px;
	/* //jkv20090603 */
	width: 123px;
}
html* #form-suche {
	/* jkv20090603 */
	/* top: 273px; */
	top: 209px;
	/* //jkv20090603 */
}
	#form-suche input.submit {
		border: 0;
		background-color: transparent;
		background-image: url(../gifs/pfeil_suche.gif);
		background-repeat: no-repeat;
		background-position: 0 50%;
		color: #5e5d5d;
		font-weight: bold;
		margin-top: 3px;
		padding: 0 0 0 15px;
		text-align: left;
		width: 60px;
	}
	#form-suche input.text {
		border-color: #5e5d5d;
		border-width: 1px;
		width: 119px;
	}

	
	
/* Schrift-Farben */
body, a {
	color: #4e4e4e;
}
#info, #info a {
	color: #fff;
}
#fusszeile a {
	text-decoration: none;
}
#fusszeile-spalte-inhalt, #fusszeile-spalte-inhalt a {
	color: #fff;
}
#fusszeile-spalte-info, #fusszeile-spalte-info a {
	color: #fff;
}

.default {
	border-color: #b2d2c2;
	padding-bottom: 0.3em;
}
#info .default {
	border-color: #fff;
}
table.rahmen, table.rahmen td {
	border-color: #b2d2c2;
}
input, select, textarea {
	border-color: #b2d2c2;
}
.more a, .back a {
	background-image: none;
	font-weight: bold;
	padding-right: 0;
}
.lexikon-modul .alpha {
	background-color: #d9e9e1;
}

#banner {
	border-color: #fff;
	border-style: solid;
	border-width: 2px;
	/*
	height: 60px;
	width: 468px;
	*/
	position: absolute;
	z-index: 100;
	left: 10px;
	top: 0;
}

#logo-partner-der-hagebau-gruppe {
	background-image: url(../gifs/logo-partner-der-hagebau-gruppe.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: block;
	height: 38px;
	overflow: hidden;
	text-indent: -9999em;
	width: 176px;
	position: absolute;
	left: 825px;
	top: 13px;
}


.default.adresse img.teaserimg-left 
, .default.adresse img.teaserimg_left 
, .default.adresse img.teaserimg-right 
, .default.adresse img.teaserimg_right {
	display: none;
}#kopf-menue .abdeck-trenner {
	background-color: #231f20;
	height: 100%;
	width: 1px;
	position: absolute;
}
#kopf-menue ul {
	color: #fff;
	font-weight: bold;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#kopf-menue ul ul {
	display: none;
}
#kopf-menue li {
	float: left;
	margin: 0;
	padding: 0;
	border-color: #fff;
	border-style: solid;
	border-width: 0 0 0 1px;
	padding: 0 10px;
}
#kopf-menue a {
	text-decoration: none;
}
#kopf-menue a:hover {
	text-decoration: underline;
}
#kopf-menue .men-pfad a {
	color: #f0a100;
}
#kopf-menue .men a {
	color: #fff;
}

#menue li.men-pfad {
	background-image: url(../gifs/li_menue_aktiv.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#menue li.men {
	background-image: url(../gifs/li_menue_passiv.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: none;
}
#menue li li {
	padding: 6px 0 6px 25px;
}
#menue li li.men-pfad {
	background-image: url(../gifs/li_menue_passiv.gif);
}
#menue li li.men {
	background-image: url(../gifs/li_menue_passiv.gif);
	display: block;
}
#menue li li.men:first-child
, #menue li li.men-pfad:first-child {
	background-image: none;
}
#menue li li li.men-pfad {
	background-image: none;
	background-position: 36px 6px;
}
#menue li li li.men {
	background-image: none;
}
#menue li li li li.men-pfad {
	background-position: 47px 6px;
}
#menue li li li li li.men-pfad {
	background-position: 58px 6px;
}
#menue li li li li li li.men-pfad {
	background-position: 69px 6px;
}


#menue .men-pfad a {
	color: #0b9656;
	font-weight: bold;
}
#menue .men a {
	color: #000;
	font-weight: normal;
}

