* {
	margin:0;
	padding:0;
	outline:none;
	list-style:none;
	text-decoration:none;
}

body,
html {
	width:100%;
	height:100%;
	min-width:940px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:21px;
	color:#d2dde8;
}

html {
	background:url(../images/bg-html.jpg) center top repeat-x;
}

a {
	color:#FFF;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

a img,
fieldset {
	border:none;
}

.clear {
	clear:both;
	display:block;
	height:0px;
	font-size:0px;
	line-height:0px;
	visibility:hidden;
}

#container {
	width:940px;
	margin:0 auto;
}
#bubbles-top {
	background:url(../images/bg-body.png) center 252px no-repeat;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom:-73px;
}
/*====================
	Header
======================*/
#header {
	position:relative;
	height:355px;
	background:url(../images/bg-header.png) center top no-repeat;
}

h1#branding a {
	position:absolute;
	left:13px;
	top:72px;
	display:block;
	height:209px;
	width:139px;
	cursor:pointer;
}
.claim {
	position:absolute;
	left:-5000px;
}
img#header-image {
	position:absolute;
	top:27px;
	left:281px;
}
/*====================
		Navi
======================*/
ul#navi li {
	float:left;
	width:222px;
	height:38px;
}
ul#navi li a {
	display:block;
	height:37px;
	text-indent:-5000px;
	background:url(../images/bg-navi.gif) 0 0 no-repeat;
}
ul#navi li a.duschabtrennungen {
	background-position:0 0;
}
ul#navi li a.duschabtrennungen:hover, ul#navi li.active a.duschabtrennungen {
	background-position:-222px 0;
}
ul#navi li a.bade-und-duschwannen {
	background-position:0 -38px;
}
ul#navi li a.bade-und-duschwannen:hover, ul#navi li.active a.bade-und-duschwannen {
	background-position:-222px -38px;
}
ul#navi li a.whirlpools {
	background-position:0 -76px;
}
ul#navi li a.whirlpools:hover, ul#navi li.active a.whirlpools {
	background-position:-222px -76px;
}
ul#navi li a.badkeramik-und-armaturen {
	background-position:0 -114px;
}
ul#navi li a.badkeramik-und-armaturen:hover, ul#navi li.active a.badkeramik-und-armaturen {
	background-position:-222px -114px;
}
ul#navi li a.sonnenschutz {
	background-position:0 -152px;
}
ul#navi li a.sonnenschutz:hover, ul#navi li.active a.sonnenschutz {
	background-position:-222px -152px;
}
ul#navi li a.spirella-ersatzteilservice {
	background-position:0 -190px;
}
ul#navi li a.spirella-ersatzteilservice:hover, ul#navi li.active a.spirella-ersatzteilservice {
	background-position:-222px -190px;
}
/*====================
		Navi-add
======================*/
ul#navi-add {
	position:absolute;
	top:12px;
	left:490px;
}
ul#navi-add li {
	float:left;
	line-height:0px;
	font-size:0px;
}
ul#navi-add li a {
	display:block;
	height:9px;
	text-indent:-5000px;
	background:url(../images/bg-navi-add.jpg) 0 0 no-repeat;
}
ul#navi-add li a.index {
	background-position:0 0;
	width:71px;
	margin-right:24px;
}
ul#navi-add li a.index:hover, ul#navi-add li.active a.index {
	background-position:0 -9px;
}

ul#navi-add li a.aktuelles {
	background-position:-95px 0;
	width:70px;
	margin-right:25px;
}
ul#navi-add li a.aktuelles:hover, ul#navi-add li.active a.aktuelles {
	background-position:-95px -9px;
}
ul#navi-add li a.kontakt {
	background-position:-190px 0;
	width:63px;
	margin-right:24px;
}
ul#navi-add li a.kontakt:hover, ul#navi-add li.active a.kontakt {
	background-position:-190px -9px;
}
ul#navi-add li a.anfahrt {
	background-position:-277px 0;
	width:60px;
	margin-right:25px;
}
ul#navi-add li a.anfahrt:hover, ul#navi-add li.active a.anfahrt {
	background-position:-277px -9px;
}
ul#navi-add li a.impressum {
	background-position:-362px 0;
	width:69px;
}
ul#navi-add li a.impressum:hover, ul#navi-add li.active a.impressum {
	background-position:-362px -9px;
}
/*====================
	Headings
======================*/
h2 {
	text-indent:-5000px;
	height:56px;
	margin:0 0 12px 0;
}

h5 {
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
	margin:40px 0 0 0;
}

h2.index {
	background:url(../images/h2/h2-index.png) 0 0 no-repeat;
}


h2.kontakt {
	background:url(../images/h2/h2-kontakt.png) 0 0 no-repeat;
}

h2.danke {
	background:url(../images/h2/h2-danke.png) 0 0 no-repeat;
}

h2.anfahrt {
	background:url(../images/h2/h2-anfahrt.png) 0 0 no-repeat;
}

h2.impressum {
	background:url(../images/h2/h2-impressum.png) 0 0 no-repeat;
}

h2.fehler {
	background:url(../images/h2/h2-fehler.png) 0 0 no-repeat;
}

h2.aktuelles {
	background:url(../images/h2/h2-aktuelles.png) 0 0 no-repeat;
}

h2.bade {
	background:url(../images/h2/h2-bade.png) 0 0 no-repeat;
}

h2.badkeramik {
	background:url(../images/h2/h2-badkeramik.png) 0 0 no-repeat;
}

h2.duschabtrennungen {
	background:url(../images/h2/h2-duschabtrennungen.png) 0 0 no-repeat;
}

h2.sonnenschutz {
	background:url(../images/h2/h2-sonnenschutz.png) 0 0 no-repeat;
}

h2.spirella {
	background:url(../images/h2/h2-spirella.png) 0 0 no-repeat;
}

h2.whirlpools {
	background:url(../images/h2/h2-whirlpools.png) 0 0 no-repeat;
}

/*====================
	Content
======================*/
#content-container {
	background:url(../images/bg-content.png) bottom right no-repeat;
	padding:0 21px 0 0;
}
.content-list li{
	list-style:circle !important;
	margin-left: 20px;
}

#content-main.index {
	width:398px;
	float:right;
}
#content-main {
	float:right;
	width:639px;
	padding:0 0 40px 0;
}
#content-main p {
	padding:0 20px 0 0;
}
.imgage {
	border: 2px solid #d8e9f1;
}
.content-column-left {
	float:left;
	width:300px;
	margin:0 20px 0 0;
}
.content-column-right {
	float:left;
	width:310px;
}
#content-main p {
	margin:0 0 21px 0;
}
.image-block {
	float:left;
	width:150px;
	margin:20px 10px 0 0;
}
.image-block.last {
	margin:20px 0 0 0;
}
.image-block img {
	border:2px solid #FFF;
	margin:0 0 4px 0;
}
a.external {
	color:#e8f2f9;
	padding:0 0 0 10px;
	font-size:11px;
	line-height:13px;
	background:url(../images/external-link-icon.gif) left 6px no-repeat;
}
/*====================
	Sidebar-left
======================*/
#content-sidebar-left {
	float:left;
	width:222px;
}
h3.sortiment {
	height:21px;
	background:url(../images/h3/h3-unser-sortiment.png) 0 0 no-repeat;
	text-indent:-5000px;
}
/*====================
	Sidebar-right
======================*/
#content-sidebar-right {
	float:right;
	width:241px;
	line-height:18px;
	font-size:11px;
	padding:1px 0 0 0;
}
#content-sidebar-right p {
	padding:0 0 0 15px;
}
#content-sidebar-right h3 {
	text-indent:-5000px;
	height:31px;
	margin:0 0 8px 0;
}
h3.aktuelles {
	background:url(../images/h3/h3-aktuelles.png) 0 0 no-repeat;
}
h3.kontaktdaten {
	background:url(../images/h3/h3-kontaktdaten.png) 0 0 no-repeat;
}
#content-sidebar-right h3.hours {
	background:url(../images/h3/h3-hours.png) 0 0 no-repeat;
	margin:15px 0 8px 0;
}
dl#hours {
	width:206px;
	padding:0 0 0 15px;
}
dl#hours dt {
	width:56px;
	float:left;
}
dl#hours dd {
	width:130px;
	float:left;
}
/*====================
	Anfahrt
======================*/
#map {
	border:2px solid #fff;
	_border-top: 2px solid #fff; 
	_border-right:none; 
	_border-bottom:none; 
	_border-left: 2px solid #fff; 
}
/*====================
	Impressum
======================*/
#impressum-left {
	float:left;
	width:300px;
}
#impressum-right {
	float:right;
	width:310px;
	font-size:11px;
	line-height:16px;
}
/*====================
	Footer
======================*/
#push {
	height:73px;
	clear:both;
}

#footer {
	height:73px;
	background:url(../images/bg-footer.jpg) center top repeat-x;
}

#footer-inner {
	width:940px;
	margin:0 auto;
	height:73px;
}
#footer address {
	font-style:normal;
	padding:24px 0 0 280px;
	float:left;
}
#footer p {
	float:left;
	line-height:18px;
	color:#2e405a;
	font-size:12px;
	margin:0 36px 0 0;
}
#footer p.last {
	width:200px;
}
#footer p.mid {
	width:183px;
}
#footer a {
	color:#2e405a;
}
/*====================
	CMS
======================*/
.cms-image {
	float:left;
	margin:6px 10px 10px 0;
	border:2px solid #FFF;
}