/* CSS Document */

/* body - Definitionen */

body {
	margin: 0.3125em 0px 0px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
h1 {
	margin: 0;
	padding: 0 0 0 0.350em;
	color: #090;
	font-family: "Arial Black", Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	z-index: 500;
}
h2 {
	padding: 0 1.8750em 0 0.6250em;
	color: #020098;
	font-size: 16px;
	font-style: italic;
}
.dlbox_top {
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	min-height: 225px;
	border-bottom: solid 1px #507ca5;
}
.dlbox_normal {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	height: 225px;
	border-bottom: solid 1px #507ca5;
}
dt {
	margin: 0;
	padding: 0.25em 1.8750em 0.25em 0.6250em;
	color: #020098;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	height: 20px;
}
dd.dlbox_left {
	float: left;
	margin: 0;
	padding: 0 1.8750em 1em 0.6250em;
	width: 60%;
	font-size: 0.8em;
}
dd.dlbox_right {
	float: right;
	margin: 0;
	padding: 0;
	width: 25%;
}
p{
	padding: 0 1.8750em 0 0.6250em;
	font-size: 14px;
	z-index: 100;
}

#werkzeug #content ul {font-size: 14px;}

a {
	margin: 0;
	padding: 0;
}

hr {
	background-color: #507ac5;
	color: #507ca5;
	height: 1px;
	border: 0;
	width: 99%;
	margin-left: 1%;
}

#wraper {
	margin: 0 auto;
	position: relative;
	width: 59.6875em;
	height: 100%;
	border: 0;
}

/* header - Definitionen */

#header {
	margin: 0;
	padding: 0;
	height: 13.4375em;
	background-image:url(images/grf_header.jpg);
	background-repeat: no-repeat;
	border: 0;
}
#werkzeughandel #header, #rothenberger #header, #grenke #header, #partner_werkzeug #header {
	margin: 0;
	padding: 0;
	height: 13.4375em;
	background-image:url(images/grf_header_werkzeugH.jpg);
	background-repeat: no-repeat;
	border: 0;
}
#header #head1 {
	margin: 0;
	padding: 0;
	height: 13.4375em;
	width: 59.6875em;
}
#header #logolink img {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 6px;
	left: 628px;
	z-index: 500;
}

/* bilder - Definitionen */

#bilder {
	margin: 0;
	padding: 0;
	height: 62em; /*25em*/
	width: 8.6875em;
	background-color: #fff;
	background-image: url(images/grf_hgleft.jpg);
	background-position: center;
	background-repeat: repeat-y;
	color: #000;
	border-bottom: solid 1px #507ca5;
	border-left: solid 1px #507ca5;
	border-right: 0;
	border-top: 0;
}

#bilder #imgstart {
	margin: 0;
	padding: 0;
	width: 8.6250em;
	height: 30.25em;
}

#bilder #imgwir {
	margin: 0;
	padding: 0;
	width: 8.6250em;
	height: 29.25em;
}

#bilder #imghaeuser {
	margin: 0;
	padding: 0;
	width: 8.6250em;
	height: 42.9375em;
}

#bilder #imgwerkzeug {
	margin: 0;
	padding: 0;
	width: 8.6250em;
	height: 21.7500em;
}

#bilder #imghandwerk {
	margin: 0;
	padding: 0;
	width: 8.6250em;
	height: 28.1875em;
}

#bilder #imginpartner {
	margin: 0;
	padding: 0;
	width: 8.6250em;
	height: 35.8750em;
}

#bilder #imgveranst {
	margin: 0;
	padding: 0;
	width: 8.6250em;
	height: 33em;
}

#bilder #imgimpressum {
	margin: 0;
	padding: 0;
	width: 8.6250em;
	height: 34.3125em;
}


#bilder #imgreferenzen {
	margin: 0;
	padding: 0;
	width: 8.6250em;
	height: 33.5em;
}

#bilder #imgstangebote {
	margin: 0;
	padding: 0;
	width: 8.6250em;
	height: 32.8125em;
}

#bilder #imgsortiment {
	margin: 0;
	padding: 0;
	width: 8.6250em;
	height: 40.6875em;
}



/* navi - Definitionen */

#navi {
	margin: -62.05em 0 0 8.6875em;
	padding: 0;
	height: 62em;
	width: 16em;
	background-color: #fff; /*#e5ebf2*/
	background-image: url(images/grf_hgnavi.jpg);
	background-position: left;
	background-repeat: repeat-y;
	color: #507ac5;
	border-bottom: solid 1px #507ca5;
	border-left: 0;
	border-right: 0;
	border-top: 0;
}

#navi #imgnavi {
	position: relative;
	height: 23.5000em;
	width: 16em;
	z-index: 1;
}

#menue {
	position: relative;
	margin: 0;
	padding: 0;
	height: 23.5000em;
	width: 16em;
	z-index: 5;
}

#menue ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menue ul li{
	margin: 0;
	padding: 0;

}

#menue ul li a {
	display: block;
	margin: 0;
	padding: 0.3750em 0 0 2.1875em;
	height: 1.5625em;
	width: 16em;
	background-color: transparent;
	background-image: url(images/grf_c.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #507ac5;
	text-decoration: none;
	border-bottom: solid 0.0625em #fff;
}
.neu {
	visibility: hidden;
}

#menue ul li a:hover {
	display: block;
	margin: 0;
	padding: 0.3750em 0 0 2.1875em;
	height: 1.5625em;
	width: 16em;
	color: #355099;
	background-color: transparent;
	background-image: url(images/grf_c.gif);
	background-position: 0 -25px;
	text-decoration: none;
	border-bottom: solid 0.0625em #fff;
}

body#start a#startnav, body#wir a#wirnav, body#sanitaer a#sanitaernav, body#veranst a#veranstnav, body#angebot a#angebotnav,
body#ref a#refnav, body#imp a#impnav, body#webshop a#webshopnav, body#baederwelten a#baederweltennav {
	display: block;
	margin: 0;
	padding: 0.3750em 0 0 2.1875em;
	height: 1.6250em;
	width: 16em;
	background-color: #ffffff;
	color: #507ac5;
	background-image: url(images/grf_c.gif);
	background-position: 0 -50px;
	text-decoration: none;
}
#menue ul li a.navi_sz1 {
	display: block;
	margin: 0;
	padding: 0.3750em 0 0 2.1875em;
	height: 1.5625em;
	width: 16em;
	color: #355099;
	background-color: transparent;
	background-image: url(images/grf_c.gif);
	background-position: 0 -25px;
	text-decoration: none;
	border-bottom: solid 0.0625em #fff;
}

#imga {
	width: 9.5em;
	height: 1.7em;
}

#imgb {
	width: 9.5em;
	height: 1.7em;
}

#sek1 {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 12em;
}

#sek1 ul li a {
	display: block;
	margin: 0;
	padding: 0.3750em 0 0 1.25em;
	height: 1.6250em;
	width: 15em;
	font-size: 0.7em;
	background-color: #ffffff;
	background-image: url(images/sek1_hg.jpg);
	background-position: left;
	background-repeat: no-repeat;
}
#sek1 ul li a:hover {
	display: block;
	margin: 0;
	padding: 0.3750em 0 0 1.25em;
	height: 1.6250em;
	width: 15em;
	background-color: #ffffff;
	text-decoration: underline;
	background-image: none;
}

body#sortiment_sanitaer a#sortiment_sanitaernav, body#glasd a#glasdnav, body#rothenberger a#rothenbergernav, body#grenke a#grenkenav, 
body#hell a#hellnav, body#handwerk a#handwerknav, body#partner_sanitaer a#partner_sanitaernav, body#partner_heizung a#partner_heizungnav, 
body#partner_werkzeug a#partner_werkzeugnav, body#fried a#friednav, body#werkzeughandel a#werkzeughandelnav, 
body#wed a#wednav, body#steg a#stegnav, body#zen a#zennav, body#markenbad a#markenbadnav, body#neuk a#neuknav {
	font-weight: bold;
	padding: 0.3750em 0 0 1.15em;
	background-color: #ffffff;
	background-image: none;
}
#sek1 ul li a.sek1_sz {
	font-weight: bold;
	padding: 0.3750em 0 0 1.15em;
}
#sek1 ul li a.dppz {
	padding: 0.3750em 0 0 1.15em;
	height: 2.5em;
	background-image: url(images/sek1_hg_dppz.jpg);
	background-position: left;
	background-repeat: no-repeat;
}
#sek1 ul li a:hover.dppz {
	background-color: #fff;
	background-image: none;
}
#sek2 {
	margin: 0;
	padding: 0;
}

#sek2 ul li a {
	display: block;
	margin: 0;
	padding: 0.3750em 0 0 2.5em;
	height: 1.6250em;
	width: 15em;
	font-size: 0.65em;
	background-color: #ffffff;
	background-image: none;
	font-weight: bold;
	color: #7a9ad3;
}
#sek2 ul li a:hover {
	display: block;
	margin: 0;
	padding: 0.3750em 0 0 2.5em;
	height: 1.6250em;
	width: 15em;
	background-color: #ffffff;
	text-decoration: underline;
	background-image: none;
	font-weight: bold;
	color: #507ac5;
}

body#keramik a#keramiknav, body#armaturen a#armaturennav, body#wannen a#wannennav, body#wannentr a#wannentrnav, 
body#zubehoer a#zubehoernav, body#brause a#brausenav, body#awanne a#awannenav, body#wspeicher a#wspeichernav, 
body#dlhitzer a#dlhitzernav, body#thermo a#thermonav, body#accessoires a#accessoiresnav, body#badheiz a#badheiznav {
	display: block;
	margin: 0;
	padding: 0.3750em 0 0 2.45em;
	height: 1.6250em;
	font-weight: bold;
	width: 18em;
	color: #355099;
	text-decoration: underline;
}
.sek2_sz {
	font-weight: bold;
}
/* content - Definitionen */

#content {
	margin: -62.05em 0 0 18.1875em;
	padding: 0;
	width: 37.4375em;
	height: 62em;
	background-color: #fff;
	color: #000000;
	border-bottom: solid 1px #507ca5;
	border-left: 0;
	border-right: solid 1px #507ca5;
	border-top: 0;
}

#content img {
	padding-left: 0.6250em; 
}

/* start, wir, handwerk, industriepartner, stellenangebote, zentrale, werkzeug */

#start #bilder, #wir #bilder, #handwerk #bilder, #partner_sanitaer #bilder, #partner_heizung #bilder, #partner_werkzeug #bilder, #angebot #bilder, #hoffest #bilder {
	height: 47em; /*25em*/
	width: 8.6875em;
}
#baederwelten #bilder {
	height: 265em; /*25em*/
	width: 8.6875em;
}
#werkzeughandel #bilder {
	height: 70em; /*25em*/
	width: 8.6875em;
}
#start #navi, #wir #navi, #handwerk #navi, #partner_sanitaer #navi, #partner_heizung #navi, #partner_werkzeug #navi, #angebot #navi, #hoffest #navi {
	margin: -47.05em 0 0 8.6875em;
	height: 47em;
}
#baederwelten #navi {
	margin: -265.05em 0 0 8.6875em;
	height: 265em;
}
#werkzeughandel #navi {
	margin: -70.05em 0 0 8.6875em;
	height: 70em;
}
#start #content, #wir #content, #handwerk #content, #partner_sanitaer #content, #partner_heizung #content, #partner_werkzeug #content, #angebot #content, #hoffest #content {
	margin: -47.05em 0 0 22.1875em;
	height: 47em;
}
#baederwelten #content {
	margin: -265.05em 0 0 22.1875em;
	height: 265em;
}
#werkzeughandel #content {
	margin: -70.05em 0 0 22.1875em;
	height: 70em;
}

/* haeuser seiten */

#neuk #bilder, #hell #bilder, #fried #bilder, #wed #bilder, #steg #bilder, #rothenberger #bilder, #zen #bilder {
	height: 50em; /*25em*/
	width: 8.6875em;
}
#neuk #navi, #hell #navi, #fried #navi, #wed #navi, #steg #navi, #rothenberger #navi, #zen #navi {
	margin: -50.05em 0 0 8.6875em;
	height: 50em;
}
#neuk #content ,#hell #content, #fried #content, #wed #content, #steg #content, #rothenberger #content, #zen #content {
	margin: -50.05em 0 0 22.1875em;
	height: 50em;
}

/* sortiment */

#sortiment_sanitaer #bilder, #badheiz #bilder, #wspeicher #bilder, #awanne #bilder, #accessoires #bilder, #markenbad #bilder {
	height: 122em;
	width: 8.6875em;
}
#sortiment_sanitaer #navi, #badheiz #navi, #wspeicher #navi, #awanne #navi, #accessoires #navi, #markenbad #navi {
	margin: -122.05em 0 0 8.6875em;
	height: 122em;
}
#sortiment_sanitaer #content, #badheiz #content, #wspeicher #content, #awanne #content, #accessoires #content, #markenbad #content {
	margin: -122em 0 0 22.1875em;
	height: 122em;
}

/* hellmich euro-serie seiten 1 */

#keramik #bilder, #armaturen #bilder, #brause #bilder, #wannen #bilder, #wannentr #bilder
, #dlhitzer #bilder, #thermo #bilder, #grenke #bilder {
	height: 65.5em; /*25em*/
	width: 8.6875em;
}
#keramik #navi, #armaturen #navi, #brause #navi, #wannen #navi, #wannentr #navi
, #dlhitzer #navi, #thermo #navi, #grenke #navi {
	margin: -65.55em 0 0 8.6875em;
	height: 65.5em;
}
#keramik #content, #armaturen #content, #brause #content, #wannen #content, #wannentr #content
, #dlhitzer #content, #thermo #content, #grenke #content {
	margin: -65.55em 0 0 22.1875em;
	height: 65.5em;
}

/* veranstaltung */

#veranst #bilder {
	height: 50em; /*25em*/
	width: 8.6875em;
}
#veranst #navi {
	margin: -50.05em 0 0 8.6875em;
	height: 50em;
}
#veranst #content {
	margin: -50.05em 0 0 22.1875em;
	height: 50em;
}

/* referenzen, impressum, glasduschen */

#ref #bilder, #imp #bilder, #glasd #bilder {
	height: 74.5em; /*25em*/
	width: 8.6875em;
}
#ref #navi, #imp #navi, #glasd #navi {
	margin: -74.55em 0 0 8.6875em;
	height: 74.5em;
}
#ref #content, #imp #content, #glasd #content {
	margin: -74.55em 0 0 22.1875em;
	height: 74.5em;
}

/* zubehör */

#zubehoer #bilder {
	height: 87em; /*25em*/
	width: 8.6875em;
}
#zubehoer #navi {
	margin: -87.05em 0 0 8.6875em;
	height: 87em;
}
#zubehoer #content{
	margin: -87.05em 0 0 22.1875em;
	height: 87em;
}

#start #content #hoffest img {
	position: absolute;
	left: 715px;
	top: 75px;
	width: 250px;
	z-index: 1000;
}
#grenke #content ul.leasingList {
	font-size: 12px;
	margin-right: 25px;
}
/* ende content */

#footer {
	clear: both;
	margin: 0;
	padding: 0;
}

.mbad img {
	float: right;
}

.neu_wh {
	font-size: 18px;
	font-weight: bold;
}
.neu_wh a {
	color: #020098;
	text-decoration: none;
}
.neu_wh a:hover {
	color: #cf0000;
	text-decoration: none;
}
.Stil1 {color: #cf0000}

/* Bäderwelten */
.hersteller {
	margin:  0 1.8750em 15px 0.6250em;
	padding: 2px;
	background-color: #f5f5f5;
	clear: both;
	min-height: 185px;
}
.hlogo {
	margin: 0 0 85px 0;
	padding: 0;
	height: 80px;
}
.serie {
	margin: 0;
	padding: 0;
}
.serie a {
	padding: 0 18px 0 0;
	color: #020098;
	text-decoration: none;
	background-image: url(images/grf_extern_link.gif);
	background-position: top right;
	background-repeat: no-repeat;
	font-weight: bold;
}
.serie a:hover {
	color: #090;
	background-image: url(images/grf_extern_linkhover.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
.left {
	float: left;
	width: 290px;
	margin: 0;
	padding: 0;
	min-height: 185px;
	height: auto;
}
.right {
	float: right;
	width: 265px;
	margin: 0;
	padding: 0;
	height: 185px;
}
.hurl a {
	display: block;
	margin: 7px 0 7px 0;
	font-weight: bold;
}
#baederwelten #content img {
	margin: 0;
	padding: 0; 
}

#baederwelten #content .imggr {

}