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

a {
   outline:none;
   color:#000000;
   text-decoration:underline;
}

a:hover {
   text-decoration:none;
}

img {
   border:none;
}

.clear {
   font-size:0.001em;
   line-height:0.001em;
   clear:both;
   float:none;
	height:0px;
	overflow:hidden;
}
.clear2 {
   font-size:0.001em;
   line-height:0.001em;
   clear:both;
   float:none;
	height:20px;
	overflow:hidden;
}

.indent {
   font-size:0.00001em;
   line-height:0.00001em;
   text-indent:-9999px;
}
ul {
	list-style:none;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}

html,
body {
   height:100%;
	min-width:960px;
}
html {
	background:url(../images/bg-html.jpg) 0 0 repeat;
}
body {
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:62.5%;
   line-height:normal;
   color:#333333;
	background:url(../images/bg-body.jpg) center top no-repeat;
}

/* ------------------------------------------------------------- */
/* => container-outer
/* ------------------------------------------------------------- */

#container-outer {
	width:100%;
	min-height:100%;
   height:auto !important;
   height:100%;
   margin:0 auto;
	background:none;
}

/* ------------------------------------------------------------- */
/* => container
/* ------------------------------------------------------------- */

#container {
   width:960px;
   margin:0 auto;
}

/* ------------------------------------------------------------- */
/* => header
/* ------------------------------------------------------------- */

#header {
   width:960px;
   height:494px;
   position:relative;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
}
#header h1.branding-parkresidenz-neuss a {
	position:absolute;
	display:block;
	width:200px;
	height:95px;
	top:26px;
	left:20px;
	overflow:hidden;
	font-size:0.00001em;
   line-height:0.00001em;
   text-indent:-9999px;
	background:url(../images/park-residenz-neuss-am-rhein-ohg.png) 0 0 no-repeat;
}
#header h1.branding-parkresidenz-neuss a:hover, #header h1.branding-parkresidenz-neuss a.active {
	background-position:0px -95px;
}
* html #header h1.branding-parkresidenz-neuss a:hover, * html #header h1.branding-parkresidenz-neuss a.active { /* IE hack */
	background-position:0px -94px;
}

#header h1.branding-hr-sanitaetshaus a {
	position:absolute;
	display:block;
	width:200px;
	height:94px;
	top:26px;
	left:260px;
	overflow:hidden;
	font-size:0.00001em;
   line-height:0.00001em;
   text-indent:-9999px;
	background:url(../images/sanitaetshaus-h-und-r-gmbh-index.png) 20px 0 no-repeat;
}
#header h1.branding-hr-sanitaetshaus a:hover, #header h1.branding-hr-sanitaetshaus a.active {
	background-position:20px -94px;
}
* html #header h1.branding-hr-sanitaetshaus a:hover, * html #header h1.branding-hr-sanitaetshaus a.active { /* IE hack */
	background-position:20px -93px;
}

#header h1.branding-akn-neuss a {
	position:absolute;
	display:block;
	width:200px;
	height:94px;
	top:26px;
	left:500px;
	overflow:hidden;
	font-size:0.00001em;
   line-height:0.00001em;
   text-indent:-9999px;
	background:url(../images/akn-neuss-gmbh-index.png) 20px 0 no-repeat;
}
#header h1.branding-akn-neuss a:hover, #header h1.branding-akn-neuss a.active {
	background-position:20px -94px;
}
* html #header h1.branding-akn-neuss a:hover, * html #header h1.branding-akn-neuss a.active { /* IE hack */
	background-position:20px -93px;
}

/* ------------------------------------------------------------- */
/* => navi-add
/* ------------------------------------------------------------- */

#navi-add {
	width:210px;
	position:absolute;
	top:26px;
	left:740px;
	font-size:1.2em;
	line-height:150%;
	color:#5b623a;
}
	#navi-add ul li {
		float:left;
	}
	#navi-add ul li a {
		display:block;
		text-decoration:underline;
	}
	#navi-add ul li a:hover, #navi-add ul li.active a {
		text-decoration:none;
	}
	.separator-navi-add {
		width:3px;
		height:14px;
		margin:0 12px 0 11px;
		background:url(../images/separator-navi-add.jpg) 0 9px no-repeat;
	}
	.separator {
		width:auto;
		height:2px;
		margin:9px 0 6px 0; 
		background:url(../images/separator.jpg) 0 0 repeat-x;
	}

/* ------------------------------------------------------------- */
/* => header-banner
/* ------------------------------------------------------------- */

#header-banner {
	width:940px;
	height:331px;
	padding:10px;
	position:absolute;
	top:153px;
	left:0px;
	background:url(../images/bg-header-banner.jpg) 0 0 no-repeat;
}
	.header-img {
		float:left;
	}

/* ------------------------------------------------------------- */
/* => navi
/* ------------------------------------------------------------- */

#navi {
	width:180px;
	height:299px;
	padding:11px 20px 0 30px;
	float:left;
	background:url(../images/bg-navi.jpg) 0 0 no-repeat;
}
	#navi ul li {
		float:left;
		width:180px;
		height:35px;
		border-bottom:1px solid #c7e81e;
	}
	#navi ul li a {
		display:block;
		height:27px;
		padding:12px 0 0 0;
		text-decoration:none;
		color:#8ea034;
		font-size:1.4em;	
	}	
	#navi ul li a:hover, #navi ul li.active a {
		background:url(../images/circle.gif) 159px 16px no-repeat;	
	}
	.no-border {
		border:none !important;
	}
	
	li.einkaufswagen { background:url(../images/hr-sanitaetshaus/einkaufswagen.jpg) 80px 11px no-repeat; }

/* ------------------------------------------------------------- */
/* => content-container
/* ------------------------------------------------------------- */
	
#content-container {
   width:960px;
}
h2 {
	width:700px;
	height:41px;
	padding:11px 0 0 260px;
	background:url(../images/bg-h2.jpg) 0 0 no-repeat;
	color:#397102;
	font-weight:normal;
	font-style:italic;
	font-size:3.0em;
}
h3 {
	color:#397102;
	font-weight:normal;
	font-style:italic;
	font-size:1.4em;
	margin:0 0 13px 0;
	padding:0 0 6px 0;
	background:url(../images/bg-h3.png) left bottom repeat-x;
}
h3 span {
	font-size: 0.8em;
}
h4 {
	margin: 0;
	font-size: 14px;
	font-weigth: bold;
}
#content-container p {
   margin:0 0 18px 0;
}

/* ------------------------------------------------------------- */
/* => content-main
/* ------------------------------------------------------------- */

#content-main {
   width:960px;
	padding:0 0 20px 0;
	font-size:1.3em;
	line-height:138%;
}
	.content-column {
		float:left;
		width:200px;
		min-height:100px;
		padding:20px 20px 0 20px;
		background:url(../images/bg-content-column.png) 0 0 no-repeat;
	}
	* html .content-column { /* IE hack */
		height:100px;
	}
	.content-column-dobble {
		float:left;
		width:440px;
		min-height:100px;
		padding:20px 20px 0 20px;
		background:url(../images/bg-content-column.png) 0 0 no-repeat;
	}
	* html .content-column-dobble { /* IE hack */
		height:100px;
	}
	.no-background {
		background:none !important;
	}
	.highlight {
		color:#000000;	
	}
	.content-img {
		border:1px solid #cccccc;
		padding:4px;
		background:#FFFFFF;
		margin:0 0 28px 0;
	}
	.floatLeft {
		float: left;
		margin: 0px 10px 10px 0px;
	}
	.map {
		width:920px;
		border:1px solid #cccccc;
		padding:4px;
		background:#FFFFFF;
		margin:20px 0 0 20px;
	}
	#content-main ul {
		margin:0 0 18px 0;
		background:url(../images/bg-ul.png) 0 0 repeat;
		border:1px solid #c8e08c;
		padding:16px 12px 14px 12px;
	}
	#content-main ul li {
		padding:0 0 0 23px;
		margin:0 0 6px 0;
		background:url(../images/bg-li.gif) left 4px no-repeat;
	}
	
	#rotator {
		width:440px;
		height:440px;
		overflow:hidden;
		position:relative;
	}
	
	#rotator img {
		width:430px;
		height:430px;
	}

/* ------------------------------------------------------------- */
/* => footer
/* ------------------------------------------------------------- */
	
#footer {
   width:940px;
   height:232px;
	padding:18px 0 0 20px;
   margin:0 auto;
	background:url(../images/bg-footer.png) 0 0 no-repeat;
	font-size:1.3em;
	line-height:138%;
	color:#5b623a;
}
#footer img {
	float:left;
	margin:4px 4px 0 0;
}
#footer p {
	margin:0 0 18px 0;
}
	.footer-column {
		float:left;
		width:203px;
		margin:0 37px 0 0;
	}
	.no-margin {
		margin:0 !important; 
	}
	.footer-branding-box {
		height:72px;	
	}
	.footer-branding-box p {
		margin:-4px 0 0 0 !important;
	}