/* ---------- MAIN MENU ---------- */

/* checkbox hack menu and search */
nav.mainMenu input,
#search-button {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
nav.mainMenu label,
.search label { 
	cursor: pointer;
	user-select: none;
	display: none;
}

nav.mainMenu {
	overflow: hidden;
	position: absolute;
	right: 0;
	bottom: 0;
	width:80%;
}
nav.mainMenu ul {
	height: 42px;
	float: right;
}
/* Desktop: nur erste Ebene anzeigen */
nav.mainMenu ul ul {
	display: none;
}
nav.mainMenu li {
	float: left;
}
nav.mainMenu li a {
	display: block;
	height: 42px;
	line-height: 42px;
	padding: 0 15px;
	font-size: 19px;
	color: #585858;
	background: url('../images/nav-divider.gif') right center no-repeat;
}
nav.mainMenu li.last a {
	background: none;
}
nav.mainMenu li.sub span {
	background: url('../images/arrow-nav-grey.gif') right 13px no-repeat;
	padding-right: 13px;
}
nav.mainMenu li.act > a,
nav.mainMenu li a:hover {
	background: #eee;
	color: #1569af;
	/* Trennstrich links verbergen */
	border-left: 1px solid #fff;
	margin-left: -1px;
}
nav.mainMenu li.act.sub span,
nav.mainMenu li.sub a:hover span {
	background-image: url('../images/arrow-nav-blue.gif');
}


/* ---------- SUB MENU ---------- */

nav.subMenu {
	height: 54px;
	line-height: 54px;
	background: #E5E5E5;
	max-width: 1400px;
	margin: 0 auto;
}
nav.subMenu a {
	font-size: 14px;
	color: #000;
	margin-right: 2%;
}
nav.subMenu a.act,
nav.subMenu a:hover {
	color: #1569af;
}


/* ---------- BREADCRUMB ---------- */

.subNav {
	border-bottom:1px solid #E8E8E8;
	max-width:1400px;
	margin:0 auto;
	margin-top:9px;
}
.subNav .column.left {
	width:300px;
}	
.subNav .column.left span {
	display:block;
	border-bottom:0;
	background:#eee;
	margin-bottom:-1px;
	font-size:18px;	
	padding:6px 0 6px 20px;
}
.subNav .column.right {
	margin-left:330px;
	padding-top:4px;
	float:none;
}
.subNav .column.right p {
	color:#858585;
	font-size:12px;
	margin-bottom:0;
	display:inline-block;
}


/* ---------- SUBNAV ---------- */

aside nav li a {
	display: block;
	height: auto;
	line-height: 20px;
	padding: 10px 0 10px 21px;
	color: #000;
	font-size: 14px;
	border-top: 1px solid #e5e5e5;
	background: transparent url('../images/arrow-menu.gif') 9px 16px no-repeat;
}
aside nav li.first a {
	border: 0;
}
aside nav li.act > a,
aside nav a:hover {
	color: #1569af;
	background-color: #eee;
}
/* 2. Ebene */
aside nav li li a {
	padding-left:30px;
	color: #858585;
	background-position: 15px 13px;
	border: 0;
	line-height: 14px;
	margin-top: 1px;
}
aside nav li li.act > a,
aside nav li li a:hover {
	background-color: #f3f3f3;
}

/* 3. Ebene */
aside nav li li li a {
	padding: 7px 0 7px 45px;
	font-size: 13px;
	background-position:30px 10px;
}
aside nav li li li.act > a,
aside nav li li li a:hover {
	background-color: #f6f6f6;
}
aside nav li li li.last a {
	margin-bottom: 5px;
}

/* 4. Ebene */
aside nav li li li li a {
	padding: 5px 0 5px 60px;
	font-size: 12px;
	padding-left:60px;
	background-position:45px 9px;
}
aside nav li li li li.last a {
	margin-bottom: 5px;
}

/* 5. Ebene */
aside nav li li li li li a {
	padding-left:75px;
	background-position:60px 9px;
}
aside nav li li li li li.last a {
	margin-bottom: 5px;
}


/* ---------- SUBNAV TOP ---------- */
aside.top nav {
	margin-top: -30px;
}
aside.top nav ul {
	border-bottom: 1px solid #e5e5e5;
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px;
}
aside.top nav li {
	display: inline;
	margin-right: 2%;
}
aside.top nav li a {
	padding-left: 20px;
	padding-right: 10px;
	display: inline;
	border: 0;
}
/* 2. Ebene zur Sicherheit ausblenden, sollte es gar nicht geben */
aside.top nav ul ul {
	display: none;
}


/* ---------- SUBNAV Startseite ---------- */

.grey aside ul {
	margin: 0 0 22px 0;
	list-style: none;
	padding-bottom: 63.4615%;
	position: relative;
}
.grey aside ul.last {
	margin: 0;
}
.grey aside li {
	margin-bottom: 1px;
	position: absolute;
	width: 100%;
	top: 0;
}
.grey aside li.last {
	top: auto;
	bottom: 0;
}
.grey aside li a {
	display: block;
	height: 71px;
	line-height: 71px;
	font-size: 20px;
	background: #fdfdfd;
	color: #302f2f;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 0 1px 0 #8e8e8e;
	-webkit-box-shadow: 0 1px 0 #8e8e8e;
}
.grey aside li.last a {
	margin-top: 23px;
}
.grey aside li a span {
	padding-left: 40px;
	background: url('../images/blue-arrow-teaser.png') 20px center no-repeat;
}
.grey aside li a:hover {
	background-image: url('../images/bg-links-hov.gif');
}
.grey aside li a:hover span {
	padding-left: 40px;
	background: url('../images/red-arrow-teaser.png') 20px center no-repeat;
}

.dropDown {
	position:absolute;
	z-index:9999;
	width:100%;
	height:auto;
	display:none;
	max-width:1400px;
	background:#eee;
	padding:30px 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0 auto;
	left: 0;
	right: 0;
	/*box-shadow: 0 1px 0 #8E8E8E;*/
}
.dropDown p.headline {
	font-weight:300;
	font-size:36px;
	line-height: 105%;
	margin-bottom:10px;
	color: #1569b1;
}
.dropDown p {
	font-weight:300;
	font-size:22px;
	color:#898989;
	line-height:130%;
	margin-bottom:20px;
}
.dropDown a,
.dropDown span,
.startTeaser a,
.startTeaser a span {
	background:none;
	padding:0;
	font-size:14px;
	line-height:100% !important;
	border:0 !important;
	margin:0;
	text-align:center;
}
.dropDown .column {
	float:left;
}
.dropDown .container {
	padding:0;
}
.dropDown a,
.startTeaser a {
	width:22.5%;
	height:auto !important;
	padding-bottom:22.5%;
	float:left;
	position:relative;
	border-radius:3px;
	box-shadow: 0 1px 0 #8E8E8E;
}
.dropDown .row.first {
	margin-bottom:3%;
}
a.subnavLink_7,
a.subnavLink_8,
a.subnavLink_12,
a.subnavLink_29,
a.subnavLink_3859,
a.subnavLink_3896,
a.subnavLink_4001,
a.subnavLink_4078,
a.subnavLink_4226,
a.subnavLink_4263,
a.subnavLink_4368,
a.subnavLink_4445,
a.subnavLink_4602,
a.subnavLink_4639,
a.subnavLink_4744,
a.subnavLink_4822,
a.subnavLink_5013,
a.subnavLink_5106,
a.subnavLink_5159,
a.subnavLink_5227,
a.subnavLink_5639,
a.subnavLink_5417,
a.subnavLink_5519,
a.subnavLink_5767,
a.subnavLink_5766,
a.subnavLink_5768,
a.subnavLink_5769,
a.subnavLink_5990,
a.subnavLink_6004,
a.subnavLink_6025,
a.subnavLink_6034,
a.subnavLink_6296,
a.subnavLink_6243,
a.subnavLink_6471,
a.subnavLink_6365,
a.subnavLink_6540,
a.subnavLink_6630,
a.subnavLink_6902,
a.subnavLink_6820
 {
    margin-bottom: 3.333333333333333%;
}

.dropDown .column.right > a,
div.startTeaser > a {
    margin-right: 3.333333333333333%;
	background-size:contain !important;
}
/*Umbruch Menü */
a.subnavLink_9,
a.subnavLink_3896,
a.subnavLink_4368,
a.subnavLink_4545,
a.subnavLink_4957,
a.subnavLink_5106,
a.subnavLink_5362,
a.subnavLink_5585,
a.subnavLink_5769,
a.subnavLink_5773,
a.subnavLink_6067,
a.subnavLink_6243,
a.subnavLink_6187,
a.subnavLink_6671,
a.subnavLink_6186,
a.subnavLink_12{
    margin-right: 0 !important;
}

a.subnavLink_29,
a.subnavLink_4078,
a.subnavLink_5767,
a.subnavLink_5585,
a.subnavLink_4445,
a.subnavLink_4822,
a.subnavLink_5106,
a.subnavLink_6243,
.dropDown a.rainwaterAbove {
	background:url(../images/rainwater-above-no.jpg) no-repeat center center !important; 
}
a.subnavLink_7,
a.subnavLink_4001,
a.subnavLink_5768,
a.subnavLink_5519,
a.subnavLink_4368,
a.subnavLink_4744,
a.subnavLink_5159,
a.subnavLink_6296,
.dropDown a.rainwaterUnderground {
	background:url(../images/rainwater-underground-no.jpg) no-repeat center center !important; 
}
a.subnavLink_8,
a.subnavLink_3896,
a.subnavLink_5769,
a.subnavLink_5417,
a.subnavLink_4263,
a.subnavLink_4639,
a.subnavLink_5013,
a.subnavLink_6365,
.dropDown a.stormwater {
	background:url(../images/stormwater-no.jpg) no-repeat center center !important; 
}
a.subnavLink_9,
a.subnavLink_3859,
a.subnavLink_5766,
a.subnavLink_5639,
a.subnavLink_4226,
a.subnavLink_4602,
a.subnavLink_5227,
a.subnavLink_6471,
.dropDown a.wastewater {
	background:url(../images/wastewater-no.jpg) no-repeat center center !important; 
}
a.subnavLink_30,
a.subnavLink_3851,
a.subnavLink_5770,
a.subnavLink_5409,
a.subnavLink_4218,
a.subnavLink_4594,
a.subnavLink_6227,
.dropDown a.composter {
	background:url(../images/composter-no.jpg) no-repeat center center !important; 
}
a.subnavLink_10,
a.subnavLink_3844,
a.subnavLink_5771,
a.subnavLink_5402,
a.subnavLink_4211,
a.subnavLink_4587,
a.subnavLink_5005,
a.subnavLink_6235,
.dropDown a.drinkingWater {
	background:url(../images/drinking-water-no.jpg) no-repeat center center !important; 
}
a.subnavLink_11,
a.subnavLink_3828,
a.subnavLink_5772,
a.subnavLink_5386,
a.subnavLink_4195,
a.subnavLink_4571,
a.subnavLink_4981,
a.subnavLink_6211,
.dropDown a.viticulture {
	background:url(../images/viticulture-no.jpg) no-repeat center center !important;
}
a.subnavLink_12,
a.subnavLink_3803,
a.subnavLink_5773,
a.subnavLink_5362,
a.subnavLink_4170,
a.subnavLink_4546,
a.subnavLink_4957,
a.subnavLink_6187,
.dropDown a.storage {
	background:url(../images/storage-no.jpg) no-repeat center center !important;
}
a.subnavLink_6671 {
	background:url(../images/graf_tv-no.jpg) no-repeat center center !important;
}
a.subnavLink_6671:hover,
a.subnavLink_6671.act {
	background-image:url(../images/graf_tv-hov.jpg) !important;
}

a.subnavLink_29:hover,
a.subnavLink_29.act,
a.subnavLink_4078:hover,
a.subnavLink_4078.act,
a.subnavLink_5767:hover,
a.subnavLink_5767.act,
a.subnavLink_5585:hover,
a.subnavLink_5585.act,
a.subnavLink_4445:hover,
a.subnavLink_4445.act,
a.subnavLink_4822:hover,
a.subnavLink_4822.act,
a.subnavLink_5106:hover,
a.subnavLink_5106.act,
a.subnavLink_6243:hover,
a.subnavLink_6243.act,
.dropDown a.rainwaterAbove:hover {
	background-image:url(../images/rainwater-above-hov.jpg) !important;
}
a.subnavLink_7:hover,
a.subnavLink_7.act,
a.subnavLink_4001:hover,
a.subnavLink_4001.act,
a.subnavLink_5768:hover,
a.subnavLink_5768.act,
a.subnavLink_5519:hover,
a.subnavLink_5519.act,
a.subnavLink_4368:hover,
a.subnavLink_4368.act,
a.subnavLink_4744:hover,
a.subnavLink_4744.act,
a.subnavLink_5159:hover,
a.subnavLink_5159.act,
a.subnavLink_6296:hover,
a.subnavLink_6296.act,
.dropDown a.rainwaterUnderground:hover {
	background-image:url(../images/rainwater-underground-hov.jpg) !important;
}
a.subnavLink_8:hover,
a.subnavLink_8.act,
a.subnavLink_3896:hover,
a.subnavLink_3896.act,
a.subnavLink_5769:hover,
a.subnavLink_5769.act,
a.subnavLink_5417:hover,
a.subnavLink_5417.act,
a.subnavLink_4263:hover,
a.subnavLink_4263.act,
a.subnavLink_4639:hover,
a.subnavLink_4639.act,
a.subnavLink_5013:hover,
a.subnavLink_5013.act,
a.subnavLink_6365:hover,
a.subnavLink_6365.act,
.dropDown a.stormwater:hover {
	background-image:url(../images/stormwater-hov.jpg) !important;
}
a.subnavLink_9:hover,
a.subnavLink_9.act,
a.subnavLink_3859:hover,
a.subnavLink_3859.act,
a.subnavLink_5766:hover,
a.subnavLink_5766.act,
a.subnavLink_5639:hover,
a.subnavLink_5639.act,
a.subnavLink_4226:hover,
a.subnavLink_4226.act,
a.subnavLink_4602:hover,
a.subnavLink_4602.act,
a.subnavLink_5227:hover,
a.subnavLink_5227.act,
a.subnavLink_6471:hover,
a.subnavLink_6471.act,
.dropDown a.wastewater:hover {
	background-image:url(../images/wastewater-hov.jpg) !important;
}
a.subnavLink_30:hover,
a.subnavLink_30.act,
a.subnavLink_3851:hover,
a.subnavLink_3851.act,
a.subnavLink_5770:hover,
a.subnavLink_5770.act,
a.subnavLink_5409:hover,
a.subnavLink_5409.act,
a.subnavLink_4218:hover,
a.subnavLink_4218.act,
a.subnavLink_4594:hover,
a.subnavLink_4594.act,
a.subnavLink_6227:hover,
a.subnavLink_6227.act,
.dropDown a.composter:hover {
	background-image:url(../images/composter-hov.jpg) !important;
}
a.subnavLink_10:hover,
a.subnavLink_10.act,
a.subnavLink_3844:hover,
a.subnavLink_3844.act,
a.subnavLink_5771:hover,
a.subnavLink_5771.act,
a.subnavLink_5402:hover,
a.subnavLink_5402.act,
a.subnavLink_4211:hover,
a.subnavLink_4211.act,
a.subnavLink_4587:hover,
a.subnavLink_4587.act,
a.subnavLink_5005:hover,
a.subnavLink_5005.act,
a.subnavLink_6235:hover,
a.subnavLink_6235.act,
.dropDown a.drinkingWater:hover {
	background-image:url(../images/drinking-water-hov.jpg) !important;
}
a.subnavLink_11:hover,
a.subnavLink_11.act,
a.subnavLink_3828:hover,
a.subnavLink_3828.act,
a.subnavLink_5772:hover,
a.subnavLink_5772.act,
a.subnavLink_5386:hover,
a.subnavLink_5386.act,
a.subnavLink_4195:hover,
a.subnavLink_4195.act,
a.subnavLink_4571:hover,
a.subnavLink_4571.act,
a.subnavLink_4981:hover,
a.subnavLink_4981.act,
a.subnavLink_6211:hover,
a.subnavLink_6211.act,
.dropDown a.viticulture:hover {
	background-image:url(../images/viticulture-hov.jpg) !important;
}
a.subnavLink_12:hover,
a.subnavLink_12.act,
a.subnavLink_3803:hover,
a.subnavLink_3803.act,
a.subnavLink_5773:hover,
a.subnavLink_5773.act,
a.subnavLink_5362:hover,
a.subnavLink_5362.act,
a.subnavLink_4170:hover,
a.subnavLink_4170.act,
a.subnavLink_4546:hover,
a.subnavLink_4546.act,
a.subnavLink_4957:hover,
a.subnavLink_4957.act,
a.subnavLink_6187:hover,
a.subnavLink_6187.act,
.dropDown a.storage:hover {
	background-image:url(../images/storage-hov.jpg) !important;
}
a.subnavLink_4997,
.dropDown a.gardenRange {
	background:url(../images/garden-range-no.jpg) no-repeat center center !important; 
}
a.subnavLink_4997:hover,
a.subnavLink_4997.act,
.dropDown a.gardenRange:hover {
	background-image:url(../images/garden-range-hov.jpg) !important;
}
a.subnavLink_5005,
.dropDown a.specialistProducts {
	background:url(../images/specialist-products-no.jpg) no-repeat center center !important; 
}
a.subnavLink_5005:hover,
a.subnavLink_5005.act,
.dropDown a.specialistProducts:hover {
	background-image:url(../images/specialist-products-hov.jpg) !important;
}
a.subnavLink_4957,
.dropDown a.trafficManagement {
	background:url(../images/traffic-management-no.jpg) no-repeat center center !important; 
}
a.subnavLink_4957:hover,
a.subnavLink_4957.act,
.dropDown a.trafficManagement:hover {
	background-image:url(../images/traffic-management-hov.jpg) !important;
}
a.subnavLink_5744 {
	background: url('../images/citernes-souples-no.jpg') center no-repeat;
}
a.subnavLink_5744:hover {
	background-image: url('../images/citernes-souples-hov.jpg');
}
a.subnavLink_6034,
a.subnavLink_6025,
a.subnavLink_5990,
a.subnavLink_6134,
a.subnavLink_6677,
a.subnavLink_6684,
a.subnavLink_6462,
.dropDown a.separtor {
	background: url('../images/separator-no.jpg') center no-repeat;
}
a.subnavLink_6034:hover,
a.subnavLink_6034.act,
a.subnavLink_6025:hover,
a.subnavLink_6025.act,
a.subnavLink_5990:hover,
a.subnavLink_5990.act,
a.subnavLink_6134:hover,
a.subnavLink_6134.act,
a.subnavLink_6677:hover,
a.subnavLink_6677.act,
a.subnavLink_6684:hover,
a.subnavLink_6684.act,
a.subnavLink_6462:hover,
a.subnavLink_6462.act,
.dropDown a.separtor:hover {
	background-image: url('../images/separator-hov.jpg');
}
a.subnavLink_6067,
a.subnavLink_6068,
a.subnavLink_6000,
a.subnavLink_6694,
a.subnavLink_6694,
a.subnavLink_6695,
a.subnavLink_6186{
	background: url('../images/graf_tv-no.jpg') center no-repeat;
}
a.subnavLink_6067:hover,
a.subnavLink_6067.act,
a.subnavLink_6068:hover,
a.subnavLink_6068.act,
a.subnavLink_6000:hover,
a.subnavLink_6000.act,
a.subnavLink_6694:hover,
a.subnavLink_6694.act,
a.subnavLink_6695:hover,
a.subnavLink_6695.act,
a.subnavLink_6186:hover,
a.subnavLink_6186.act{
	background-image: url('../images/graf_tv-hov.jpg');
}
a.subnavLink_5740 {
	background: url('../images/xxl_tanks-no.jpg') center no-repeat;
}
a.subnavLink_5740:hover {
	background-image: url('../images/xxl_tanks-hov.jpg');
}


a.subnavLink_6004,
a.subnavLink_6540,
a.subnavLink_6630,
a.subnavLink_6820{
	background: url('../images/retention-no.jpg') center no-repeat;
}
a.subnavLink_6004:hover,
a.subnavLink_6004.act,
a.subnavLink_6540:hover,
a.subnavLink_6540.act,
a.subnavLink_6630:hover,
a.subnavLink_6630.act,
a.subnavLink_6820:hover,
a.subnavLink_6820.act{
	background-image: url('../images/retention-hov.jpg');
}

a.subnavLink_6752{
	background: url('../images/bio7-no.jpg') center no-repeat;
}

a.subnavLink_6752:hover,
a.subnavLink_6752.act{
	background-image: url('../images/bio7-hov.jpg');
}

a.subnavLink_6902{
	background: url('../images/firefighting-water-tank-no.jpg') center no-repeat;
}

a.subnavLink_6902:hover,
a.subnavLink_6902.act{
	background-image: url('../images/firefighting-water-tank-ho.jpg');
}

.dropDown a.storage,
.dropDown a.wastewater {
	margin-right:0 !important;
}

.dropDown span,
.startTeaser a span {
	position:absolute;
	background:none !important;
	left:0;
	display:block;
	width:100%;
	padding:65% 0 0 !important;
}
.startTeaser a span {
	color: #302f2f;
	font-size: 15px;
}
.dropDown .column {
	float:left;
}
.dropDown .column.left {
	width:30%;
	margin-right:2%;
}
.dropDown .column.right {
	width:68%;
}


header nav ul li a:hover ~ .dropDown,
.dropDown:hover {
	display:block;
} 

nav.mainMenu {
	overflow:inherit;
}