* {
	margin: 0px;
	padding: 0px;
	outline: none;
}

img {
	border: none;
}

ul {
	list-style: none;
}

.clear {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	height: 0;
	clear: both;
}

.indented {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
}

html,
body {
	height: 100%;
}

html {
	overflow-y: scroll;
}

body {
	background: #ffffff;
	font: 12px/19px Arial, sans-serif;
	color: #463c2f;
}

/*---------- Container ----------*/
#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 950px;
	margin: 0 auto -23px auto;
}

/*---------- Header ----------*/
#header {
	background: url(../images/bg-header.jpg) no-repeat 0 0;
	height: 452px;
	width: 950px;
	position: relative;
}

/*---------- Branding ----------*/
h1#branding {
	background: url(../images/bg-branding.png) no-repeat 0 0;
	height: 65px;
	width: 302px;
	position: absolute;
	top: 21px;
	left: 638px;
}

h1#branding a {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	height: 65px;
	width: 302px;
}

/*---------- Claim ----------*/
#claim {
	background: url(../images/bg-claim.png) no-repeat 0 0;
	height: 67px;
	width: 507px;
	position: absolute;
	top: 310px;
	left: 444px;
	z-index: 101;
}

/*---------- Navigation ----------*/
#navigation {
	height: 299px;
	width: 138px;
	position: absolute;
	top: 115px;
	left: 25px;
}

#navigation ul {
	height: 299px;
	width: 138px;
}

#navigation ul li {
	float: left;
	width: 255px;
}

#navigation ul li a {
	background: url(../images/bg-navigation.jpg) no-repeat 0 0;
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	height: 11px;
	margin: 0 0 25px 0;
}

#navigation ul li a.home {
	background-position: 0 0;
	width: 76px;
}

#navigation ul li a.home:hover {
	background-position: -138px 0;
}

#navigation ul li.active a.home,
#navigation ul li.active a.home:hover {
	background-position: -276px 0;
}

#navigation ul li a.referenzen {
	background-position: 0 -36px;
	width: 122px;
}

#navigation ul li a.referenzen:hover {
	background-position: -138px -36px;
}

#navigation ul li.active a.referenzen,
#navigation ul li.active a.referenzen:hover {
	background-position: -276px -36px;
}

#navigation ul li a.schauraum {
	background-position: 0 -72px;
	width: 124px;
}

#navigation ul li a.schauraum:hover {
	background-position: -138px -72px;
}

#navigation ul li.active a.schauraum,
#navigation ul li.active a.schauraum:hover {
	background-position: -276px -72px;
}

#navigation ul li a.renovierung {
	background-position: 0 -108px;
	width: 138px;
}

#navigation ul li a.renovierung:hover {
	background-position: -138px -108px;
}

#navigation ul li.active a.renovierung,
#navigation ul li.active a.renovierung:hover {
	background-position: -276px -108px;
}

#navigation ul li a.aktuelles {
	background-position: 0 -144px;
	width: 106px;
}

#navigation ul li a.aktuelles:hover {
	background-position: -138px -144px;
}

#navigation ul li.active a.aktuelles,
#navigation ul li.active a.aktuelles:hover {
	background-position: -276px -144px;
}

#navigation ul li a.abverkauf {
	background-position: 0 -180px;
	width: 115px;
}

#navigation ul li a.abverkauf:hover {
	background-position: -138px -180px;
}

#navigation ul li.active a.abverkauf,
#navigation ul li.active a.abverkauf:hover {
	background-position: -276px -180px;
}

#navigation ul li a.partner {
	background-position: 0 -216px;
	width: 93px;
}

#navigation ul li a.partner:hover {
	background-position: -138px -216px;
}

#navigation ul li.active a.partner,
#navigation ul li.active a.partner:hover {
	background-position: -276px -216px;
}

#navigation ul li a.kontakt {
	background-position: 0 -252px;
	width: 98px;
}

#navigation ul li a.kontakt:hover {
	background-position: -138px -252px;
}

#navigation ul li.active a.kontakt,
#navigation ul li.active a.kontakt:hover {
	background-position: -276px -252px;
}

#navigation ul li a.anfahrt {
	background-position: 0 -288px;
	width: 98px;
	margin: 0;
}

#navigation ul li a.anfahrt:hover {
	background-position: -138px -288px;
}

#navigation ul li.active a.anfahrt,
#navigation ul li.active a.anfahrt:hover {
	background-position: -276px -288px;
}

/*---------- Slideshow ----------*/
#slideshow {
	height: 328px;
	width: 712px;
	padding: 10px;
	position: absolute;
	top: 85px;
	left: 229px;
	background:url(../images/slideshow/slideshowImage01.jpg) no-repeat 0 0;
}

#slideshow img {
	display: none;
	position: absolute;
	top: 10px;
	left: 10px;
}

/*---------- ContentContainer ----------*/
#contentContainer {
	width: 950px;
}

/*---------- ContentSidebar ----------*/
#contentSidebar {
	background: url(../images/bg-contentSidebar.jpg) no-repeat 0 0;
	float: left;
	width: 300px;
	padding: 69px 20px 0 25px;
}

/*---------- ContentSidebar Öffnungszeiten Schauraum ----------*/
#contentSidebar #oeffnungszeitenSchauraumBox {
	line-height: 18px;
	width: 300px;
	margin: 0 0 66px 0;
}

#contentSidebar #oeffnungszeitenSchauraumBox p {
	position: relative;
}

#contentSidebar #oeffnungszeitenSchauraumBox p span.hours {
	position: absolute;
	top: 0px;
	left: 144px;
}

#contentSidebar #oeffnungszeitenSchauraumBox p.last {
	margin: 7px 0 0 0;
}

/*---------- ContentSidebar Höglinger Comfortbad ----------*/
#contentSidebar #hoeglingerComfortbadBox {
	width: 300px;
	margin: 0 0 70px 0;
}

#contentSidebar #hoeglingerComfortbadBox p {
	margin: 0 0 5px 0;
}

#contentSidebar #hoeglingerComfortbadBox a {
	color: #463c2f;
	text-decoration: underline;
}

#contentSidebar #hoeglingerComfortbadBox a:hover {
	text-decoration: none;
}

/*---------- ContentSidebar Newsletter Abonnieren ----------*/
#contentSidebar #newsletterBox {
	width: 300px;
}

#contentSidebar #newsletterBox form {
	height: 18px;
	width: 300px;
	padding: 5px 0 13px 0;
}

#contentSidebar #newsletterBox form fieldset {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

#contentSidebar #newsletterBox form label,
#contentSidebar #newsletterBox form input {
	background: #dad9d7;
	border: none;
	font: 12px/normal Arial, sans-serif;
	color: #463c2f;
	float: left;
	height: 16px;
	margin: 0;
}

#contentSidebar #newsletterBox form label,
#contentSidebar #newsletterBox form legend {
	display: none;
}

#contentSidebar #newsletterBox form input.text {
	width: 202px;
	margin: 0 7px 0 0;
	padding: 1px 5px;
}

#contentSidebar #newsletterBox form input.submit {
	text-align: center;
	height: 18px;
	width: 28px;
	cursor: pointer;
	}

/*---------- ContentMain ----------*/
#contentMain {
	float: left;
	width: 605px;
}

#contentMain h2 {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	height: 78px;
	width: 605px;
	margin: 0 0 32px 0;
}

#contentMain h2.home {
	background: url(../images/h2/bg-home.jpg) no-repeat 0 0;
}

#contentMain h2.kontakt {
	background: url(../images/h2/bg-kontakt.jpg) no-repeat 0 0;
}

#contentMain h2.kontakt-danke {
	background: url(../images/h2/bg-kontakt-danke.jpg) no-repeat 0 0;
}

#contentMain h2.anfahrt {
	background: url(../images/h2/bg-anfahrt.jpg) no-repeat 0 0;
}

#contentMain h2.impressum {
	background: url(../images/h2/bg-impressum.jpg) no-repeat 0 0;
}

#contentMain h2.newsletter {
	background: url(../images/h2/bg-newsletter.jpg) no-repeat 0 0;
}

#contentMain h2.error404 {
	background: url(../images/h2/bg-error404.jpg) no-repeat 0 0;
}

#contentMain h2.referenzen {
	background: url(../images/h2/bg-referenzen.jpg) no-repeat 0 0;
}

#contentMain h2.schauraum {
	background: url(../images/h2/bg-schauraum.jpg) no-repeat 0 0;
}

#contentMain h2.renovierung {
	background: url(../images/h2/bg-renovierung.jpg) no-repeat 0 0;
}

#contentMain h2.aktuelles {
	background: url(../images/h2/bg-aktuelles.jpg) no-repeat 0 0;
}

#contentMain h2.abverkauf {
	background: url(../images/h2/bg-abverkauf.jpg) no-repeat 0 0;
}

#contentMain h2.partner {
	background: url(../images/h2/bg-partner.jpg) no-repeat 0 0;
}

#contentMain h3 {
	font-size: 16px;
	line-height: normal;
	font-weight: normal;
	margin: 0 0 5px 0;
}

#contentMain h4 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 11px 0;
}

#contentMain p {
	margin: 0 0 19px 0;
}

#contentMain a {
	color: #463c2f;
	text-decoration: underline;
}

#contentMain a:hover {
	text-decoration: none;
}

#contentMain img.imageHome {
	float: left;
	margin: 4px 16px 0 0;
}

#contentMain .contentColumnLeft {
	float: left;
	width: 275px;
	padding: 0 37px 0 0;
}

#contentMain .contentColumnRight {
	float: left;
	width: 275px;
	padding: 0 18px 0 0;
}

/*---------- Google Map ----------*/
#googleMap {
	border: 3px solid #dad9d7;
	height: 381px;
	width: 581px;
}

/*---------- CMS Referenzen ----------*/
.cmsReferenzen {
	width: 605px;
	padding: 0 0 19px 0;
}

.cmsReferenzen .cmsReferenzenBox {
	float: left;
	width: 166px;
	padding: 0 15px;
}

.cmsReferenzen .cmsReferenzenBox img.imageCmsReferenzen {
	border: 3px solid #dad9d7;
	height: 120px;
	width: 160px;
	margin: 0 0 5px 0;
}

/*---------- CMS Schauraum ----------*/
.cmsSchauraum {
	width: 605px;
	padding: 0 0 19px 0;
}

.cmsSchauraum .cmsSchauraumBox {
	float: left;
	width: 166px;
	padding: 0 15px;
}

.cmsSchauraum .cmsSchauraumBox img.imageCmsSchauraum {
	border: 3px solid #dad9d7;
	height: 120px;
	width: 160px;
	margin: 0 0 5px 0;
}

/*---------- CMS Aktuelles ----------*/
.cmsAktuelles {
	width: 587px;
	padding: 0 0 19px 0;
}

.cmsAktuelles img.imageCmsAktuelles {
	border: 3px solid #dad9d7;
	float: left;
	height: 144px;
	width: 144px;
	margin: 0 19px 19px 0;
}

/*---------- CMS Aktuelles ----------*/
.cmsAbverkauf {
	width: 587px;
	padding: 0 0 19px 0;
}

.cmsAbverkauf img.imageCmsAbverkauf {
	border: 3px solid #dad9d7;
	float: left;
	height: 144px;
	width: 144px;
	margin: 0 19px 19px 0;
}

/*---------- Partner ----------*/
#contentMain img.partnerGrohe {
	float: left;
	margin: 6px 17px 0 2px;
}

#contentMain ul.partner {
	margin: 0 0 14px 0;
	padding: 14px 0 0 0;
}

#contentMain ul.partner li.partner {
	background: url(../images/li-partner.png) no-repeat 0 7px;
	margin: 0 0 5px 0;
	padding: 0 0 0 21px;
}

#contentMain ul li.partnerDecorWalther {
	background: url(../images/partner/partnerDecorWalther.png) no-repeat 2px 5px;
	margin: 0 0 19px 0;
	padding: 0 0 0 80px;
}

#contentMain ul li.partnerPomdor {
	background: url(../images/partner/partnerPomdor.png) no-repeat 2px 2px;
	margin: 0 0 19px 0;
	padding: 0 0 0 80px;
}

#contentMain ul li.partnerGiese {
	background: url(../images/partner/partnerGiese.png) no-repeat 2px 5px;
	margin: 0 0 19px 0;
	padding: 0 0 0 80px;
}

#contentMain ul li.partnerHeiler {
	background: url(../images/partner/partnerHeiler.png) no-repeat 2px 10px;
	margin: 0 0 19px 0;
	padding: 0 0 0 80px;
}

#contentMain ul li.partnerArdino {
	background: url(../images/partner/partnerArdino.png) no-repeat 0 10px;
	margin: 0 0 19px 0;
	padding: 0 0 0 80px;
}

#contentMain ul li.partnerBadplus {
	background: url(../images/partner/partnerBadplus.png) no-repeat 0 10px;
	margin: 0 0 19px 0;
	padding: 0 0 0 80px;
}

#contentMain ul li.partnerRepabad {
	background: url(../images/partner/partnerRepabad.png) no-repeat 0 10px;
	margin: 0 0 19px 0;
	padding: 0 0 0 80px;
}

/*---------- Push ----------*/
#push {
	height: 23px;
}

/*---------- Footer ----------*/
#footerOuter {
	height: 23px;
	width: 100%;
}

#footer {
	height: 23px;
	width: 950px;
	margin: 0 auto;
	position: relative;
}

#footer a.impressum {
	background: #dad9d7;
	font-size: 11px;
	line-height: 23px;
	color: #463c2f;
	text-align: center;
	text-decoration: none;
	display: block;
	height: 23px;
	width: 84px;
	position: absolute;
	right: 0;
	bottom: 0;
}