/*********************************/
/********** =globals *************/
/*********************************/

* {
	margin: 0;
	padding: 0;
}

html {
	background-image: url(../images/bg-html.jpg);
	height: 100%;
}

body {
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #65604d;
	line-height: 18px;
	background:url(../images/bg-body.jpg) 0 0 repeat-x;
	height: 100%;
}

p {
	margin: 0 0 20px 0;
}

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

a:hover {
	text-decoration: none;
}

ul {
	list-style: none;
}

hr {
	display: none;
}

.clear {
	float: none;
	clear: both;
}

/*********************************/
/******** =branding **************/
/*********************************/

h1.branding a {
	display: block;
	float: left;
	height: 80px;
	width: 260px;
	margin: 15px 0 0 30px;
	text-indent: -9999px;
	background:url(../images/bg-branding.jpg) 0 0 no-repeat;	
}

* html h1.branding a {
	margin: 15px 0 0 15px;
}

/*********************************/
/******* =accessibility **********/
/*********************************/

div#accessibility {
   display:none;
   height:1px;
   width:1px;
}


/*********************************/
/*********** =body ***************/
/*********************************/

div#header-container {
	z-index: 2;
	width: 100%;
	height: 150px;
	background: url(../images/bg-header-container.jpg) top center no-repeat;
}

div#header {
	z-index: 2;
	height: 150px;
	width: 940px;
	margin: 0 auto;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
	position: relative;
}

div#content-container {
	z-index: 1;
	width: 100%;
	background:url(../images/bg-content-container.jpg) top center no-repeat;	
	padding-bottom: 150px;
}

div#content {
	z-index: 1;
	width: 940px;
	margin:  auto;
}

div#content-main {
	z-index: 1;
	float: left;
	width: 630px;
	width: 570px;
	padding: 25px 30px 25px 30px;
	background: url(../images/bg-content-main.jpg) 0 0 no-repeat;
}
div#content-main strong {
	color: #194b6b;
}

div#slideshow {	
	float: left;
	width: 630px;
	height: 290px;
	z-index: 1;
	background:url(../images/bg-slideshow.jpg) 0 0 no-repeat;
}

div#content-sidebar {
	z-index: 1;
	float: right;
	width: 255px;
	margin: -290px 0 0 0;
	padding: 25px 15px 15px 40px;
	background:url(../images/bg-content-sidebar.jpg) 0 0 no-repeat;	
}

div#haben-sie-fragen {
	height: 150px;
}

div#footer {
	position: relative;
	z-index: 1;
	width: 940px;
	height: 125px;
	background:url(../images/bg-footer.jpg) 0 0 no-repeat;
	margin: 0 auto;
	margin-top: -126px;
	clear:both;
}

div#anfahrt {
	z-index: 1;
	float: right;
	width: 240px;
	padding: 30px 35px 30px 35px;
}

div#anfahrt p {
	margin: 0;
}

/*********************************/
/*********** =navi ***************/
/*********************************/

ul#navi {
	position: absolute;
	top: 33px;
	left: 340px; 
	width: 	600px;
	z-index: 10;
}

ul#navi li {
	float: left;
}

ul#navi li a {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background:url(../images/bg-navi.jpg) 0 0 no-repeat;
}

ul#navi li a.hoersysteme {
	width: 95px;
	background-position: 0 0;
}

ul#navi li a.hoersysteme:hover {
	background-position: 0 -35px;
}

ul#navi li.active a.hoersysteme {
	background-position: 0 -70px;
}

ul#navi li a.otoplastik {
	width: 91px;
	background-position: -95px 0;
}

ul#navi li a.otoplastik:hover {
	background-position: -95px -35px;
}

ul#navi li.active a.otoplastik {
	background-position: -95px -70px;
}

ul#navi li a.gehoerschutz {
	width: 102px;
	background-position: -186px 0;
}

ul#navi li a.gehoerschutz:hover {
	background-position: -186px -35px;
}

ul#navi li.active a.gehoerschutz {
	background-position: -186px -70px;
}

ul#navi li a.zubehoer {
	width: 79px;
	background-position: -288px 0;
}

ul#navi li a.zubehoer:hover {
	background-position: -288px -35px;
}

ul#navi li.active a.zubehoer {
	background-position: -288px -70px;
}

ul#navi li a.service {
	width: 71px;
	background-position: -367px 0;
}

ul#navi li a.service:hover {
	background-position: -367px -35px;
}

ul#navi li.active a.service {
	background-position: -367px -70px;
}

ul#navi li a.historik {
	width: 74px;
	background-position: -438px 0;
}

ul#navi li a.historik:hover {
	background-position: -438px -35px;
}

ul#navi li.active a.historik {
	background-position: -438px -70px;
}

ul#navi li a.standorte {
	width: 88px;
	background-position: -512px 0;
}

ul#navi li a.standorte:hover {
	background-position: -512px -35px;
}

ul#navi li.active a.standorte {
	background-position: -512px -70px;
}

ul#navi li ul.hoersysteme,
ul#navi li ul.gehoerschutz,
ul#navi li ul.standorte {
	display: none;	
}

ul#navi li a.hoersysteme,
ul#navi li a.gehoerschutz,
ul#navi li a.standorte {
	cursor: default;	
}

ul#navi li:hover ul.hoersysteme,
ul#navi li.iehover ul.hoersysteme {
	position: absolute;
	left: 0px;
	top: 35px;
	display: block;
	width: 210px;
	background: url(../images/bg-navi-ul.jpg) bottom right;
	padding: 10px 0 10px 0;	
}

ul#navi li.hoersysteme:hover a.hoersysteme,
ul#navi li.iehover a.hoersysteme {
	background-position: 0 -35px;
}

ul#navi li ul.hoersysteme li a {
	height: 35px;
	width: 210px;	
	background:url(../images/bg-navi-hoersysteme.jpg) 0 0 no-repeat;
}

ul#navi li ul.hoersysteme li a.hoersysteme-im-ohr-geraete {
	background-position: 0 0;
}

ul#navi li ul.hoersysteme li a.hoersysteme-im-ohr-geraete:hover,
ul#navi li ul.hoersysteme li.active a.hoersysteme-im-ohr-geraete {
	background-position: 0 -245px;
}

ul#navi li ul.hoersysteme li a.hoersysteme-hinter-dem-ohr-geraete {
	background-position: 0 -35px;
}

ul#navi li ul.hoersysteme li a.hoersysteme-hinter-dem-ohr-geraete:hover,
ul#navi li ul.hoersysteme li.active a.hoersysteme-hinter-dem-ohr-geraete {
	background-position: 0 -280px;
}

ul#navi li ul.hoersysteme li a.hoersysteme-mini-hdo-geraete {
	background-position: 0 -70px;
}

ul#navi li ul.hoersysteme li a.hoersysteme-mini-hdo-geraete:hover,
ul#navi li ul.hoersysteme li.active a.hoersysteme-mini-hdo-geraete {
	background-position: 0 -315px;
}

ul#navi li ul.hoersysteme li a.hoersysteme-knochenleitungssysteme {
	background-position: 0 -105px;
}

ul#navi li ul.hoersysteme li a.hoersysteme-knochenleitungssysteme:hover,
ul#navi li ul.hoersysteme li.active a.hoersysteme-knochenleitungssysteme {
	background-position: 0 -350px;
}

ul#navi li ul.hoersysteme li a.hoersysteme-baha-hoergeraete {
	background-position: 0 -140px;
}

ul#navi li ul.hoersysteme li a.hoersysteme-baha-hoergeraete:hover,
ul#navi li ul.hoersysteme li.active a.hoersysteme-baha-hoergeraete {
	background-position: 0 -385px;
}

ul#navi li ul.hoersysteme li a.hoersysteme-cochlear-implante {
	background-position: 0 -175px;
}

ul#navi li ul.hoersysteme li a.hoersysteme-cochlear-implante:hover,
ul#navi li ul.hoersysteme li.active a.hoersysteme-cochlear-implante {
	background-position: 0 -420px;
}

ul#navi li ul.hoersysteme li a.hoersysteme-mittelohrimplantate {
	background-position: 0 -210px;
}

ul#navi li ul.hoersysteme li a.hoersysteme-mittelohrimplantate:hover,
ul#navi li ul.hoersysteme li.active a.hoersysteme-mittelohrimplantate {
	background-position: 0 -455px;
}

ul#navi li:hover ul.gehoerschutz,
ul#navi li.iehover ul.gehoerschutz {
	position: absolute;
	left: 191px;
	top: 35px;
	display: block;
	width: 210px;
	background: url(../images/bg-navi-ul.jpg) bottom right;
	padding: 10px 0 10px 0;	
}

ul#navi li.gehoerschutz:hover a.gehoerschutz,
ul#navi li.iehover a.gehoerschutz {
	background-position: -186px -35px;	
}

ul#navi li ul.gehoerschutz li a {
	height: 35px;
	width: 210px;
	background:url(../images/bg-navi-gehoerschutz.jpg) 0 0 no-repeat;
}

ul#navi li ul.gehoerschutz li a.gehoerschutz-laermschutz {
	background-position: 0 0;
}

ul#navi li ul.gehoerschutz li a.gehoerschutz-laermschutz:hover,
ul#navi li ul.gehoerschutz li.active a.gehoerschutz-laermschutz {
	background-position: 0 -70px;
}

ul#navi li ul.gehoerschutz li a.gehoerschutz-schwimmschutz {
	background-position: 0 -35px;
}

ul#navi li ul.gehoerschutz li a.gehoerschutz-schwimmschutz:hover,
ul#navi li ul.gehoerschutz li.active a.gehoerschutz-schwimmschutz {
	background-position: 0 -105px;
}

ul#navi li:hover ul.standorte,
ul#navi li.iehover ul.standorte {
	position: absolute;
	left: 460px;
	top: 35px;
	display: block;
	width: 135px;
	background: url(../images/bg-navi-ul.jpg) bottom right;
	padding: 10px 0 10px 0;	
}

ul#navi li.standorte:hover a.standorte,
ul#navi li.iehover a.standorte {
	background-position: -512px -35px;
}

ul#navi li ul.standorte li a {
	height: 35px;
	width: 135px;
	background:url(../images/bg-navi-standorte.jpg) 0 0 no-repeat;
}

ul#navi li ul.standorte li a.standorte-bhz-1 {
	background-position: 0 0;
}

ul#navi li ul.standorte li a.standorte-bhz-1:hover,
ul#navi li ul.standorte li.active a.standorte-bhz-1 {
	background-position: 0 -140px;
}

ul#navi li ul.standorte li a.standorte-bhz-2 {
	background-position: 0 -35px;
}

ul#navi li ul.standorte li a.standorte-bhz-2:hover,
ul#navi li ul.standorte li.active a.standorte-bhz-2 {
	background-position: 0 -175px;
}

ul#navi li ul.standorte li a.standorte-bhz-3 {
	background-position: 0 -70px;
}

ul#navi li ul.standorte li a.standorte-bhz-3:hover,
ul#navi li ul.standorte li.active a.standorte-bhz-3 {
	background-position: 0 -210px;
}

ul#navi li ul.standorte li a.standorte-kinderzentrum {
	background-position: 0 -105px;
}

ul#navi li ul.standorte li a.standorte-kinderzentrum:hover,
ul#navi li ul.standorte li.active a.standorte-kinderzentrum {
	background-position: 0 -245px;
}

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


ul.navi-add {
	float: left;
	margin: 65px 0 0 25px;
}

* html ul.navi-add {
	margin: 65px 0 0 12px;
}

ul.navi-add li {
	float: left;
	background:url(../images/bg-navi-add.jpg) 0 8px no-repeat;	
}

ul.navi-add li.first {
	background: none;
}

ul.navi-add li a {
	padding: 0 10px 0 10px;
	display: block;
	color: #65604d;
	font-size: 11px;
	text-decoration: none;
	line-height: 20px;	
}

ul.navi-add li a:hover {
	text-decoration: underline;
	color: #131d3b;
}

ul.navi-add li a.active {
	color: #131d3b;
	text-decoration: none;
}

/*********************************/
/******** =headings **************/
/*********************************/

h2 {
	height: 40px;
	width: 570px;
	background:url(../images/bg-h2.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	margin: 0 0 40px 0;
}

h2.willkommen {
	background-position: 0 0;
}

h2.impressum {
	background-position: 0 -40px;
}

h2.kontakt {
	background-position: 0 -80px;
}

h2.anfahrt {
	background-position: 0 -120px;
}

h2.danke {
	background-position: 0 -160px;
}

h2.fehler {
	background-position: 0 -200px;
}

h2.hoersysteme-im-ohr-geraete {
	background-position: 0 -240px;
}

h2.hoersysteme-hinter-dem-ohr-geraete {
	background-position: 0 -280px;
}

h2.hoersysteme-mini-hdo-geraete {
	background-position: 0 -320px;
}

h2.hoersysteme-knochenleitungssysteme {
	background-position: 0 -360px;
}

h2.hoersysteme-baha-hoergeraete {
	background-position: 0 -400px;
}

h2.hoersysteme-cochlear-implante {
	background-position: 0 -440px;
}

h2.hoersysteme-mittelohrimplantate {
	background-position: 0 -480px;
}

h2.otoplastik {
	background-position: 0 -520px;
}

h2.gehoerschutz-laermschutz {
	background-position: 0 -560px;
}

h2.gehoerschutz-schwimmschutz {
	background-position: 0 -600px;
}

h2.zubehoer {
	background-position: 0 -640px;
}

h2.service {
	background-position: 0 -680px;
}

h2.historik {
	background-position: 0 -720px;
}

h2.standorte-bhz-1 {
	background-position: 0 -758px;
}

h2.standorte-bhz-2 {
	background-position: 0 -798px;
}

h2.standorte-bhz-3 {
	background-position: 0 -838px;
}

h2.standorte-kinderzentrum {
	background-position: 0 -877px;
}


h3.anfahrt {
	width: 75px;
	height: 20px;
	background:url(../images/h3-anfahrt.jpg) 0 0 no-repeat;
	margin: 0 0 10px 0;
	text-indent: -9999px;
}

h3.haben-sie-fragen {
	width: 140px;
	height: 20px;
	background:url(../images/h3-haben-sie-fragen.jpg) 0 0 no-repeat;
	margin: 0 0 20px 0;
	text-indent: -9999px;
}

h3.unsere-filialen {
	width: 110px;
	height: 20px;
	background:url(../images/h3-unsere-filialen.jpg) 0 0 no-repeat;
	margin: 0 0 40px 0;
	text-indent: -9999px;
}

div#content-main h4 {
	font-size: 14px;
	color: #194b6b;
	margin: 0 0 20px 0;
}
/*********************************/
/*********** =other **************/
/*********************************/

/*********** =spacer *************/

.spacer {
	float: left;
	width: 55px;
	display: block;
}

.spacer-wide {
	float: left;
	width: 150px;
	display: block;
}



/*********** =hr ****************/

div.hr {
	height: 2px;
	border-bottom: 1px solid #e5d4c5;
	margin: 0 0 20px 0;
}

div.hr hr {
	display: none;
}

/*********** =hr ****************/

div#datenschutzerklaerung {
	margin: 0 0 20px 0;
}

div#datenschutzerklaerung p {
	margin: 0 0 10px 0;
}

/*********** =link ***************/

ul.link {
	float: right;
	margin: 0 20px 0 0;
}

* html ul.link {
	margin: 0 10px 0 0;
}

ul.link li {
	background: url(../images/li-arrow.jpg) 0 7px no-repeat;
	padding: 0 0 0 9px;	
}

/*********** =list ***************/

ul.list {
	margin: 0 0 20px 0;
}

ul.list li {
	background: url(../images/li-arrow.jpg) 0 7px no-repeat;
	padding: 0 0 0 9px;
}

/*********************************/
/******* =sticky footer **********/
/*********************************/

div#wrap {
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -126px;	
}

/* CLEAR FIX */

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
	
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix { height: 1%;}

.clearfix {display: block;}

div#master0,
div#canvas0_0 {
	z-index: 1;
}