#top h1 a {
	display: block;
	position: absolute;
	width: 350px;
	height: 80px;
	z-index: 10;
	left: 22px;
	top: 22px;
	text-indent: -5000px;
	font-size: 10px;
	line-height: 10px;
	background-image: url(navigation_FILES/logo.gif);
	background-repeat: no-repeat;
}

/* Help-Navigation */

#helpNav {
	list-style-type: none;
	position: absolute;
	z-index: 10;
	top: 25px;
	left: 745px;
	width: 185px;
}

#helpNav li {
	float: left;
	margin: 0px 0px;
}

#helpNav li a {
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	color: #323232;
	line-height: 12px;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #323232;
}

#helpNav li a:hover {
	color: #004B96;
}

#helpNav li a.active, #helpNav li a.active:hover {
	color: #004B96;
}

#helpNav .last {
	padding-right: 0px;
	border-right-style: none;
}

/* Main-Navigation */

#mainNav {
	height: 50px;
	list-style-type: none;
	position: absolute;
	z-index: 10;
	bottom: 0px;
	left: 10px;
}

#mainNav li {
	float: left;
	margin : 0px 0px;
}

#mainNav li a {
	display: block;
	width: 175px;
	\width: 185px;
	w\idth: 175px;
	height: 40px;
	margin-top: 10px;
	margin-right: 10px;
	text-indent: -5000px;
	background-image: url(navigation_FILES/mainNavigation.gif);
	background-repeat: no-repeat;
}

#mainNav li a:hover {
	border: none;
}

/* Buttons der Topnavigation */

#mainNav li a#startseite {
	background-position: 0px 0px;
}

#mainNav li a#startseite:hover, #mainNav li a#startseite.active {
	background-position: 0px -50px;
}

#mainNav li a#startseite.active, #mainNav li a#startseite.active:hover {
	background-position: 0px -100px;
	margin-top: 0px;
	height: 50px;
}

#mainNav li a#ueber-uns {
	background-position: -185px 0px;
}

#mainNav li a#ueber-uns:hover, #mainNav li a#ueber-uns.active {
	background-position: -185px -50px;
}

#mainNav li a#ueber-uns.active, #mainNav li a#ueber-uns.active:hover {
	background-position: -185px -100px;
	margin-top: 0px;
	height: 50px;
}

#mainNav li a#produkte {
	background-position: -370px 0px;
}

#mainNav li a#produkte:hover, #mainNav li a#produkte.active {
	background-position: -370px -50px;
}

#mainNav li a#produkte.active, #mainNav li a#produkte.active:hover {
	background-position: -370px -100px;
	margin-top: 0px;
	height: 50px;
}

#mainNav li a#leistungen {
	background-position: -555px 0px;
}

#mainNav li a#leistungen:hover, #mainNav li a#leistungen.active {
	background-position: -555px -50px;
}

#mainNav li a#leistungen.active, #mainNav li a#leistungen.active:hover {
	background-position: -555px -100px;
	margin-top: 0px;
	height: 50px;
}

#mainNav li a#kontakt {
	background-position: -740px 0px;
	margin-right: 0px;
}

#mainNav li a#kontakt:hover, #mainNav li a#kontakt.active {
	background-position: -740px -50px;
}

#mainNav li a#kontakt.active, #mainNav li a#kontakt.active:hover {
	background-position: -740px -100px;
	margin-top: 0px;
	height: 50px;
}

/* Sub-Navigation */

#col1 h2 a {
	display: block;
	width: 150px;
	\width: 175px;
	w\idth: 150px;
	height: 26px;
	padding-top: 13px;
	padding-left: 25px;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	color: #323232;
	text-decoration: none;
	background-image: url(navigation_FILES/subnavHeaderBgr.gif);
	background-repeat: no-repeat;
}

#col1 h2 a:hover {
	color: #323232;
	text-decoration: none;
}

#col1 ul {
	width: 173px;
	\width: 175px;
	w\idth: 173px;
	background-color: #F5F5F5;
	list-style-type: none;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E1E1E1;
	border-left-color: #E1E1E1;
}

#col1 li {
	width: 173px;
	line-height: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}

#col1 li a {
	width: 149px;
	\width: 173px;
	w\idth: 149px;
	display: block;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 24px;
	text-decoration: none;
	color: #323232;
}

#col1 li a:hover, #col1 li a.active {
	background-color: #E1E1E1;
	text-decoration: none;
}

/* Produkte-Sub-Navigation */

ul#subnav li ul {
	display: none;
}

ul#subnav li.active ul {
	display: block;
}

#col1 li a.basic, #col1 li a.natur, #col1 li a.kosmetik, #col1 li a.entero-teknosal {
	font-weight: bold;
	color: #004B96;
	background-image: url(navigation_FILES/subnavArrow.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#col1 li a.basic, #col1 li a.basic:hover, #col1 li a.basic.active, #col1 li a.basic.active:hover {
	background-color: #78B4E6;
}

#col1 li a.natur, #col1 li a.natur:hover, #col1 li a.natur.active, #col1 li a.natur.active:hover {
	background-color: #CDD75A;
}

#col1 li a.kosmetik, #col1 li a.kosmetik:hover, #col1 li a.kosmetik.active, #col1 li a.kosmetik.active:hover {
	background-color: #B9E6EB;
}

#col1 li a.entero-teknosal, #col1 li a.entero-teknosal:hover, #col1 li a.entero-teknosal.active, #col1 li a.entero-teknosal.active:hover {
	background-color: #F07800;
}

#col1 li a.basic.active, #col1 li a.basic.active:hover, #col1 li a.natur.active, #col1 li a.natur.active:hover, #col1 li a.kosmetik.active, #col1 li a.kosmetik.active:hover, #col1 li a.entero-teknosal.active, #col1 li a.entero-teknosal.active:hover {
	background-position: 0px -60px;
	background-image: url(navigation_FILES/subnavArrow.gif);
}

/* Sub-Sub-Navigation */

#col1 ul li ul {
	width: 173px;
	border-right-style: none;
	border-left-style: none;
	background-image: none;
	font-weight: normal;
}

#col1 ul li ul li a.entero-teknosal {
	background-image: none;
	font-weight: normal;
	color: #323232;
	background-color: #F5F5F5;
}

#col1 ul li ul li a.entero-teknosal:hover, #col1 ul li ul li a.entero-teknosal.active, #col1 ul li ul li a.entero-teknosal.active:hover {
	background-color: #E1E1E1;
}

#subnavFooter {
	width: 175px;
	height: 31px;
	background-image: url(navigation_FILES/subnavFooterBgr.gif);
	background-repeat: no-repeat;
}
