@media screen
{

#navi {
	height: 1.85em;
	width: 40.65em;
	background-repeat: no-repeat;
	background-color: #eee;
	background-image: url(pictures/hg-navi.jpg);
	background-repeat: repeat-x;
}

#navi a {
	padding: 0.65em 1.3em 0.55em 1.3em;
	display: block;
	font-size: 0.75em;
	color: #c00;
	text-decoration: none;
	/*white-space: nowrap;*/
}

/*
.sub a:hover {
	background-image: none;
}
*/

/* haupt-ebene */
#navi ul {
	margin-left: 1.0em;
	list-style: none;
}

#navi li {
	float: left;
	margin: auto;
	border-left: solid 0.05em #fff;
	border-right: solid 0.05em #ccc;
	border-bottom: solid 0.05em #c00;
}

/* erste unter-ebene */
#navi ul ul {
	position: absolute;
	z-index: 100;
	display: none;
	top: 7.5em; /* $TEST$ */
	margin: auto;
	padding: 0;
	height: auto;
	background-color: #eee;
	/*
	-moz-opacity: 0.95;
	opacity: 0.95;
	-khtml-opacity: 0.95;
	*/	
}

#navi li li {
	float: none;
	padding: 0;
	margin: 0;
	width: 8.0em;
	font-size: 1.0em;
	background-image: url(pictures/hg-navi.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	border-bottom: solid 0.05em #fff;
	border-left: solid 0.15em #ccc;
	border-right: solid 0.15em #ccc;
}

/* zweite unter-ebene */
#navi ul ul ul {
	position: absolute;
	z-index: 200;
	display: none;
	top: 0;
	left: 7.75em;
	margin: auto;
	height: auto;
	background-color: #eee;
	font-size: 1.0em;
	border: solid 0.15em #c00;
	/*
	filter: alpha(opacity=90);
	-moz-opacity: 0.95;
	opacity: 0.95;
	-khtml-opacity: 0.95;
	*/
}

#navi ul ul ul.orte {
	top: 0;
}

#navi ul ul ul.hosting {
	top: 3.5em;
}

#navi ul ul ul.kdsysteme {
	top: 1.75em;
}

#navi li li li {
	float: none;
	padding: 0;
	margin: 0;
	width: 9.0em;
	background-image: url(pictures/hg-navi.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	border-bottom: solid 0.05em #fff;
	border-left: solid 0.15em #fff;
	border-right: solid 0.15em #fff;
}

/* besondere klassen */
/*
#navi li.submenu {
	background-color: #eee;
	background-image: url(pictures/hg-navi-hover.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}
*/

/* verhalten und pseudo klassen */
#navi li:hover {
	cursor: pointer;
	z-index: 90;
}

#navi li:hover ul ul, #navi li li:hover ul ul {
	display: none;
}

#navi li:hover ul, #navi li li:hover ul {
	display: block;
}

#navi a:link {
	color: #c00;
	font-weight: bold;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#navi a:visited {
	color: #c00;
	font-weight: bold;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#navi a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-color: #c00;
	background-image: url(pictures/hg-navi-hover.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}

#navi a:active {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#navi li li a:link {
	color: #c00;
	text-decoration: none;
}

#navi li li a:visited {
	color: #c00;
	text-decoration: none;
}

#navi li li a:hover {
	color: #fff;
	background-color: #c00;
	background-image: url(pictures/hg-navi-hover.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
}

/*
#navi li li li a:link, #navi li li li a:visited { 
	color: #c00;
	text-decoration: none;
	font-size: 11px;
	padding: 3px 0px 3px 10px;
	border:none;
}
*/

#Start #unt,
#UnternehmenHausmesse #unt, #UnternehmenHausmesse #hau,
#UntStaLei #unt, #UntStaLei #ort, #UntStaLei #ortlei,
#UntStaAmb #unt, #UntStaAmb #ort, #UntStaAmb #ortamb,
#UntStaBoc #unt, #UntStaBoc #ort, #UntStaBoc #ortboc,
#UntStaDre #unt, #UntStaDre #ort, #UntStaDre #ortdre,
#UntAgb #unt, #UntAgb #agb,
#Leistungen #lei, #Leistungen #ser,
/*
#LeisungenServiceReparatur #lei, #LeisungenServiceReparatur #ser, #LeisungenServiceReparatur #serrep,
#LeisungenServiceWartung #lei, #LeisungenServiceWartung #ser, #LeisungenServiceWartung #serwar,
*/
#LeistungenNetzwerke #lei, #LeistungenNetzwerke #net,
#LeistungenHosting #lei, #LeistungenHosting #hos,
#LeistungenHostingClassic #lei, #LeistungenHostingClassic #hos, #LeistungenHostingClassic #hoscla,
#LeistungenHostingStandard #lei, #LeistungenHostingStandard #hos, #LeistungenHostingStandard #hossta,
#LeistungenHostingProfi #lei, #LeistungenHostingProfi #hos, #LeistungenHostingProfi #hospro,
#LeistungenHostingLogin #lei, #LeistungenHostingLogin #hos, #LeistungenHostingLogin #hoslog,
#LeistungenWebdesign #lei, #LeistungenWebdesign #web,
#LeistungenLeasing #lei ,#LeistungenLeasing #lea,
#Fachhandel #han,
#FachhandelPCsysteme #han, #FachhandelPCsysteme #pc,
#FachhandelPCsystemeThinkpad #han, #FachhandelPCsystemeThinkpad #pc, #FachhandelPCsystemeThinkpad #pcthi,
#FachhandelPCsystemeAmbiente #han, #FachhandelPCsystemeAmbiente #pc, #FachhandelPCsystemeAmbiente #pcamb,
#FachhandelPCsystemeBusiness #han, #FachhandelPCsystemeBusiness #pc, #FachhandelPCsystemeBusiness #pcbus,
#FachhandelPCsystemeGamer #han, #FachhandelPCsystemeGamer #pc, #FachhandelPCsystemeGamer #pcgam,
#FachhandelPCsystemeHome #han, #FachhandelPCsystemeHome #pc, #FachhandelPCsystemeHome #pchom,
#FachhandelPCsystemeMobile #han, #FachhandelPCsystemeMobile #pc, #FachhandelPCsystemeMobile #pcmob,
#FachhandelPCsystemeNetwork #han, #FachhandelPCsystemeNetwork #pc, #FachhandelPCsystemeNetwork #pcnet,
#FachhandelPCsystemeServer #han, #FachhandelPCsystemeServer #pc, #FachhandelPCsystemeServer #pcser,
#FachhandelKDsystemeBrother #han, #FachhandelKDsystemeBrother #kds, #FachhandelKDsystemeBrother #kdsbro,
#FachhandelKDsystemeCanon #han, #FachhandelKDsystemeCanon #kds, #FachhandelKDsystemeCanon #kdscan,
#FachhandelKDsystemeRicoh #han, #FachhandelKDsystemeRicoh #kds, #FachhandelKDsystemeRicoh #kdsric,
#FachhandelSoftware #han, #FachhandelSoftware #sof,
#Partner #par,
#KontaktAdresse #kon, #KontaktAdresse #adr,
#KontaktAnfahrt #kon, #KontaktAnfahrt #anf,
#KontaktRechtliches #kon, #KontaktRechtliches #dis
 {
 	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background-color: #c00;
	background-image: url(pictures/hg-navi-hover.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}

}