/* start - mobile ################################################################################################################################ */

/* start - alle Ebenen ########################################################################################################################### */

ul.dropdown {
}

ul.dropdown li.hover,
ul.dropdown li:hover {
}

ul.dropdown li a,
ul.dropdown li a:link,
ul.dropdown li a:visited {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

/* start - 1.te Ebene ############################################################################################################################ */

ul.dropdown li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 140px;
	height: 32px;
	line-height: 32px;
	background-color: #800000;
}
ul.dropdown li:hover {
	background-color: #b5b5b5;
}

/* 1.ter Menüpunkt */
ul.dropdown li.item1F,
ul.dropdown li.item1F:hover {
	margin-right: 19px;
}

/* 2.ter Menüpunkt */
ul.dropdown li.item1M,
ul.dropdown li.item1M:hover {
	margin-right: 19px;
}
/* letzter Menüpunkt */
ul.dropdown li.item1E,
ul.dropdown li.item1E:hover {
}

ul.dropdown a,
ul.dropdown a:link,
ul.dropdown a:visited {
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	background: none;
	display: block;
	padding: 0 34px;/* Abstand Text zu Div nav1 */
}
ul.dropdown a:hover,
ul.dropdown a:active,
ul.dropdown li.act1 a {/* aktives Element */
	background: none;
}
ul.dropdown li.act1 {/* aktives Element */
	background-color: #b5b5b5;
}

/* start - alle, ausser die 1.te ebene ########################################################################################################### */

ul.dropdown ul {
	width: 299px;
	margin: 0 0 0 0;
	padding: 30px 0 0 0;
	background: none;
	background: transparent url(nav2top.png) no-repeat 0 0;
	border: none;
}
ul.dropdown ul li ul {
	padding-top: 0;
	background: none;
	background-color: #b5b5b5;
	opacity: 0.9;
}

ul.dropdown ul li,
ul.dropdown ul li:hover,
ul.dropdown ul li.nav2,
ul.dropdown ul li.nav2:hover {
	height: auto;
	width: 260px;/* Breite zweite Ebene und weiter */
	line-height: normal;
	margin: -1px 10px 0 12px;
	padding: 10px 0px 1px 0px;
	/* background-image: none; */
	background: none;
	text-transform: none;
	text-align: left;
}
ul.dropdown ul li:hover,
ul.dropdown ul li.nav2:hover {
}

ul.dropdown ul li a,
ul.dropdown ul li a:link,
ul.dropdown ul li a:visited,
ul.dropdown ul li a.nav2:link,
ul.dropdown ul li a.nav2:visited {
	font-weight: normal;
	font-size: 16px;
	text-transform: none;
	color: #fff;
	background: none;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0 0 0 22px;
}
ul.dropdown ul li a:hover,
ul.dropdown ul li a:active,
ul.dropdown ul li a.act2plus,/* aktives Element */
ul.dropdown ul li a.nav2:hover,
ul.dropdown ul li a.nav2:active {
	color: #fff;
	background: transparent url(arrow-right.png) no-repeat 0 3px;
}
ul.dropdown ul li a.act2plus {/* aktives Element */
	color: #fff;
	font-weight: bold;
	letter-spacing: -0.2px;
}

ul.dropdown li ul.dropdown li.nav2 a {
}

ul.dropdown li ul.dropdown li.nav2 a:hover {
	text-decoration: none;
	font-weight: bold;
	letter-spacing: -0.2px;
}

/* start - 2.te ebene ############################################################################################################################ */

ul.dropdown ul li.nav2,
ul.dropdown ul li.nav2:hover {
	line-height: normal;
}

ul.dropdown ul li.nav2.itemF {
}

ul.dropdown ul li.nav2.itemE,
ul.dropdown ul li.nav2.itemE:hover {
	padding-bottom: 20px;
}

/* start - 3.te ebene und weiter ################################################################################################################# */

ul.dropdown ul li.nav2plus,
ul.dropdown ul li.nav2plus:hover {
	line-height: normal;
	margin-left: 10px;
}

ul.dropdown ul li.nav2plus.itemE,
ul.dropdown ul li.nav2plus.itemE:hover {
	padding-bottom: 20px;
}

/* ############################################################################################################################################### */
/* start - mobile ################################################################################################################################ */
/* ############################################################################################################################################### */

.menuMobileWrapper {
	position: relative;
	top: 0;
	display: inline-block;
	width: 100%;
	float: none;
}
@media all and (max-device-width: 500px), all and (max-width: 500px) {
	.menuMobileWrapper {
		top: 42px;
	}
}
.menuMobileWrapper .Mnav1 {
	margin-top: 42px;
}
body#pid-order .menuMobileWrapper .Mnav1 {
	margin-top: 2px;
}
body#pid-order .menuMobileWrapper .Mnav1:first-child {
	margin-top: 42px;
}

.menuMobileWrapper .Mnav1 > a {
	background-color: #800000;
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
	text-transform: uppercase;
	padding-left: 20px;
}
.menuMobileWrapper .Mnav1 > a:hover {
	background-color: #6a0000;
}

.menuMobileWrapper .Mnav2 > a,
.menuMobileWrapper .Mnav3 > a,
.menuMobileWrapper .Mnav4 > a,
.menuMobileWrapper .Mnav5 > a {
	background-color: #b5b5b5;
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	line-height: 35px;
	padding-left: 40px;
	border-bottom: 1px solid #9e9e9e;
}
.menuMobileWrapper .Mnav3 > a {
	padding-left: 60px;
}
.menuMobileWrapper .Mnav4 > a {
	padding-left: 80px;
}
.menuMobileWrapper .Mnav5 > a {
	padding-left: 100px;
}
.menuMobileWrapper .Mnav2 > a:hover,
.menuMobileWrapper .Mnav3 > a:hover,
.menuMobileWrapper .Mnav4 > a:hover,
.menuMobileWrapper .Mnav5 > a:hover {
	background-color: #9e9e9e;
}
.menuMobileWrapper .MitemE2 {
	padding-bottom: 20px;
	background-color: #8d8d8d;
}

/* start - alle Ebenen ########################################################################################################################### */

ul.dropdownM {
	margin: 0;
	padding: 0;
	display: inline-block;
	width: 90%;
	float: left;
}

ul.dropdownM li {
	list-style: none;
	display: inline-block;
	width: 90%;
	clear: left;
	margin-top: 50px;
}

ul.dropdownM li ul li {
	position: relative;
	display: block;
	width: 90%;
}

ul.dropdownM li.hover,
ul.dropdownM li:hover {
}

ul.dropdownM li a,
ul.dropdownM li a:link,
ul.dropdownM li a:visited {
	text-align: left;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
}

/* start - 1.te Ebene ############################################################################################################################ */

ul.dropdownM li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	background-color: #800000;
	opacity: 0.9;
	display: block;
}
ul.dropdownM li:hover {
}

/* 1.ter Menüpunkt */
ul.dropdownM li.item1F,
ul.dropdownM li.item1F:hover {
	margin-top: 42px;
}

/* 2.ter Menüpunkt */
ul.dropdownM li.item1M,
ul.dropdownM li.item1M:hover {
}
/* letzter Menüpunkt */
ul.dropdownM li.item1E,
ul.dropdownM li.item1E:hover {
}

ul.dropdownM a,
ul.dropdownM a:link,
ul.dropdownM a:visited {
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	background: none;
	display: block;
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;/* Abstand Text zu Div nav1 */
}
ul.dropdownM a:hover,
ul.dropdownM a:active,
ul.dropdownM li.act1 a {/* aktives Element */
	background: none;
}
ul.dropdownM li.act1 {/* aktives Element */
	background-color: #b5b5b5;
}

/* start - alle, ausser die 1.te ebene ########################################################################################################### */

ul.dropdownM ul {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #b5b5b5;
	opacity: 0.9;
	border: none;
}
ul.dropdownM ul li ul {
	padding-top: 0;
	position: relative;
}

ul.dropdownM ul li,
ul.dropdownM ul li:hover,
ul.dropdownM ul li.nav2,
ul.dropdownM ul li.nav2:hover {
	height: auto;
	width: 100%;/* Breite zweite Ebene und weiter */
	line-height: normal;
	margin: 0;
	padding: 10px 0px 1px 0px;
	/* background-image: none; */
	background: none;
	text-transform: none;
	text-align: left;
}
ul.dropdownM ul li:hover,
ul.dropdownM ul li.nav2:hover {
}

ul.dropdownM ul li a,
ul.dropdownM ul li a:link,
ul.dropdownM ul li a:visited,
ul.dropdownM ul li a.nav2:link,
ul.dropdownM ul li a.nav2:visited {
	font-weight: normal;
	font-size: 24px;
	text-transform: none;
	color: #fff;
	background: none;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0 0 0 22px;
}
ul.dropdownM ul li a:hover,
ul.dropdownM ul li a:active,
ul.dropdownM ul li a.act2,
ul.dropdownM ul li a.act3,
ul.dropdownM ul li a.act4,
ul.dropdownM ul li a.act5,
ul.dropdownM ul li a.nav2:hover,
ul.dropdownM ul li a.nav2:active {
	color: #fff;
	background: transparent url(arrow-right.png) no-repeat 0 3px;
}
ul.dropdownM ul li a.act2,
ul.dropdownM ul li a.act3,
ul.dropdownM ul li a.act4,
ul.dropdownM ul li a.act5 {
	color: #fff;
	font-weight: bold;
}

ul.dropdownM li ul.dropdownM li.nav2 a {
}

ul.dropdownM li ul.dropdownM li.nav2 a:hover {
	text-decoration: none;
	font-weight: bold;
	letter-spacing: -0.2px;
}

/* start - 2.te ebene ############################################################################################################################ */

ul.dropdownM ul li.nav2,
ul.dropdownM ul li.nav2:hover {
	line-height: normal;
	display: block;
}

ul.dropdownM ul li.nav2.itemF {
}

ul.dropdownM ul li.nav2.itemE,
ul.dropdownM ul li.nav2.itemE:hover {
	padding-bottom: 20px;
}

/* start - 3.te ebene und weiter ################################################################################################################# */

ul.dropdownM ul li.nav2,
ul.dropdownM ul li.nav2:hover,
ul.dropdownM ul li.nav3,
ul.dropdownM ul li.nav3:hover
ul.dropdownM ul li.nav4,
ul.dropdownM ul li.nav4:hover
ul.dropdownM ul li.nav5,
ul.dropdownM ul li.nav5:hover {
	line-height: normal;
	margin-left: 10px;
}

ul.dropdownM ul li.nav2.itemE,
ul.dropdownM ul li.nav2.itemE:hover,
ul.dropdownM ul li.nav3.itemE,
ul.dropdownM ul li.nav3.itemE:hover,
ul.dropdownM ul li.nav4.itemE,
ul.dropdownM ul li.nav4.itemE:hover,
ul.dropdownM ul li.nav5.itemE,
ul.dropdownM ul li.nav5.itemE:hover {
	padding-bottom: 20px;
}