/* CSS Document */

#navWrap {
	width: 79em;
	position: relative;
	height: 3.8em;
	z-index: 1000;
	padding-left: 14.8em;
}

ul {
	list-style: none;
}

ul#mainNavigation {
	width: 79em;
	position: relative;
}
#mainNavigation li {
	float: left;
	width: auto;
	height: 100%;
	background: transparent url(../img/nav-li-bg.gif) no-repeat right 13px;
}
#mainNavigation li.kontakt {
	background: none;
}

#mainNavigation a {
	color: #000;
	display: block;
	text-align: center;
	font-size: 1.8em;
	line-height: 1.4em;
	padding: .35em .5em;
	text-decoration: none;
}
#mainNavigation a:hover, #mainNavigation a.active {
	color: #A64F52;
}
#mainNavigation a span.hidden {
	display: none;
}
#mainNavigation a#Unternehmen {
	width: 133px;
	height: 25px;
	background: transparent url(../img/navpics/unternehmen.png) no-repeat .5em .5em;
}
#mainNavigation a#Unternehmen:hover {
	width: 133px;
	height: 25px;
	background: transparent url(../img/navpics/unternehmen-hover.png) no-repeat .5em .5em;
}
#mainNavigation a#Unternehmen.active {
	width: 133px;
	height: 25px;
	background: transparent url(../img/navpics/unternehmen-act.png) no-repeat .5em .5em;
}
#mainNavigation a#Niederlassungen {
	width: 158px;
	height: 25px;
	background: transparent url(../img/navpics/niederlassungen.png) no-repeat .5em .5em;
}
#mainNavigation a#Niederlassungen:hover {
	width: 158px;
	height: 25px;
	background: transparent url(../img/navpics/niederlassungen-hover.png) no-repeat .5em .5em;
}
#mainNavigation a#Niederlassungen.active {
	width: 158px;
	height: 25px;
	background: transparent url(../img/navpics/niederlassungen-act.png) no-repeat .5em .5em;
}
#mainNavigation a#Angebote {
	width: 99px;
	height: 25px;
	background: transparent url(../img/navpics/angebote.png) no-repeat .5em .5em;
}
#mainNavigation a#Angebote:hover {
	width: 99px;
	height: 25px;
	background: transparent url(../img/navpics/angebote-hover.png) no-repeat .5em .5em;
}
#mainNavigation a#Angebote.active {
	width: 99px;
	height: 25px;
	background: transparent url(../img/navpics/angebote-act.png) no-repeat .5em .5em;
}
#mainNavigation a#Referenzen {
	width: 112px;
	height: 25px;
	background: transparent url(../img/navpics/referenzen.png) no-repeat .5em .5em;
}
#mainNavigation a#Referenzen:hover {
	width: 112px;
	height: 25px;
	background: transparent url(../img/navpics/referenzen-hover.png) no-repeat .5em .5em;
}
#mainNavigation a#Referenzen.active {
	width: 112px;
	height: 25px;
	background: transparent url(../img/navpics/referenzen-act.png) no-repeat .5em .5em;
}
#mainNavigation a#Kontakt {
	width: 79px;
	height: 25px;
	background: transparent url(../img/navpics/kontakt.png) no-repeat .5em .5em;
}
#mainNavigation a#Kontakt:hover {
	width: 79px;
	height: 25px;
	background: transparent url(../img/navpics/kontakt-hover.png) no-repeat .5em .5em;
}
#mainNavigation a#Kontakt.active {
	width: 79px;
	height: 25px;
	background: transparent url(../img/navpics/kontakt-act.png) no-repeat .5em .5em;
}


#mainNavigation ul {
	position: absolute;
	z-index: 1000;
	top: -9999px;
	margin: 0;
	padding: 0;
}
#mainNavigation li:hover ul, #mainNavigation li.sfhover ul {
	top: auto;
}
#mainNavigation li:hover ul ul, #mainNavigation li.sfhover ul ul {
	top: -9999px;
	margin-left: 14em;
	margin-top: -2.8em;
}

#mainNavigation li:hover ul li:hover ul, #mainNavigation li.sfhover ul li.sfhover ul {
	top: auto;
}

#mainNavigation li:hover ul li:hover ul ul, #mainNavigation li.sfhover ul li.sfhover ul ul {
	top: -9999px;
}

#mainNavigation li:hover ul ul li:hover ul, #mainNavigation li.sfhover ul ul li.sfhover ul {
	top: auto;
}

#mainNavigation li li {
	float: none;
	width: 14em;
	border-bottom: 1px solid transparent;
	background: none;
}


#mainNavigation li li a {
	color: #FFF;
	background: transparent url(../img/formart-nav-bg-grau.png) repeat 0 0 scroll;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	padding: .5em .5em .5em 1em;
	margin: 0;
}

#mainNavigation li li a:hover, #mainNavigation li li a.active {
	background: transparent url(../img/formart-nav-bg-pflaume.png) repeat 0 0 scroll;
	color: #FFF;
}

#mainNavigation li li {
	border-left: none;
}
#mainNavigation li li li {
	border-left: 1px solid transparent;
}

/* Footer Navis */
#footer a {
	color: #FFF;
	text-decoration: none;
	font-size: 1.1em;
}
#footer a:hover {
	color: #A64F52;
}
#footer #breadcrumb {
	width: 55%;
	float: left;
}
#footer #metaNavi {
	width: 25%;
	float: right;
	text-align: right;
	margin-right: 17em;
}

#footer .tx-timtabsociable-pi1 {
	position: absolute;
	right: 1.8em;
	width: 17em;
	text-align: right;
}
#footer .tx-timtabsociable-pi1 a {
	margin-left: 5px;
}
