/* Horizontal Navigation: 5 Levels Predefined */

/* background of the whole menu */
ul.horizontal_menu_l1 {
	left: 0px;
	bottom: 0px;
	max-width: calc(1200px - 6px);
	height: 23px;
	float: left;
	list-style: none;
	margin: 0px;
	border: none;
	padding: 3px;
	background: #580A0A;
}

/* styles for items */
a.horizontal_menu_l1, a.horizontal_menu_l2, a.horizontal_menu_l3, a.horizontal_menu_l4, a.horizontal_menu_l5, a.horizontal_menu_l1_superitem, a.horizontal_menu_l2_superitem, a.horizontal_menu_l3_superitem, a.horizontal_menu_l4_superitem, a.horizontal_menu_l5_superitem {
	width: 120px;
	height: 15px;
	background: #580A0A;
	display: block;
	float: left;
	padding: 4px;
	text-decoration: none;
	font-weight: normal;
	color: white;
	text-transform: lowercase;
	text-align: left
}

/* optional special styling for items with subitems */
a.horizontal_menu_l1_superitem, a.horizontal_menu_l2_superitem, a.horizontal_menu_l3_superitem, a.horizontal_menu_l4_superitem, a.horizontal_menu_l5_superitem {
	cursor: default
}

/* change styling of items on mouse over */
li.horizontal_menu_l1:hover a.horizontal_menu_l1, li.horizontal_menu_l2:hover a.horizontal_menu_l2, li.horizontal_menu_l3:hover a.horizontal_menu_l3, li.horizontal_menu_l4:hover a.horizontal_menu_l4, li.horizontal_menu_l5:hover a.horizontal_menu_l5, li.horizontal_menu_l1:hover a.horizontal_menu_l1_superitem, li.horizontal_menu_l2:hover a.horizontal_menu_l2_superitem, li.horizontal_menu_l3:hover a.horizontal_menu_l3_superitem, li.horizontal_menu_l4:hover a.horizontal_menu_l4_superitem, li.horizontal_menu_l5:hover a.horizontal_menu_l5_superitem {
	background: #580A0A;
	color: #FAD6D6;
}

/* optional special styling for items with subitems on mouse over */
li.horizontal_menu_l1:hover a.horizontal_menu_l1_superitem, li.horizontal_menu_l2:hover a.horizontal_menu_l2_superitem, li.horizontal_menu_l3:hover a.horizontal_menu_l3_superitem, li.horizontal_menu_l4:hover a.horizontal_menu_l4_superitem, li.horizontal_menu_l5:hover a.horizontal_menu_l5_superitem {

}

/* clearing float for subitems (levels 2 to 5) */
li.horizontal_menu_l2, li.horizontal_menu_l3, li.horizontal_menu_l4, li.horizontal_menu_l5 {
	clear: both;
}

/* hiding subitems by default */
ul.horizontal_menu_l2, ul.horizontal_menu_l3, ul.horizontal_menu_l4, ul.horizontal_menu_l5 {
	display: none;
	visibility: hidden;
	opacity: 0;
}

/* making subitems visible on mouse over on parent and on own list container */
li.horizontal_menu_l1:hover ul.horizontal_menu_l2, li.horizontal_menu_l2:hover ul.horizontal_menu_l3, li.horizontal_menu_l3:hover ul.horizontal_menu_l4, li.horizontal_menu_l4:hover ul.horizontal_menu_l5, ul.horizontal_menu_l2:hover ul.horizontal_menu_l2, ul.horizontal_menu_l3:hover ul.horizontal_menu_l3, ul.horizontal_menu_l4:hover ul.horizontal_menu_l4, ul.horizontal_menu_l5:hover ul.horizontal_menu_l5  {
	display: block;
	visibility: visible;
	opacity: 1;
	transition: all 0.5s linear;
	z-index: 99;
}

/* limit width of parent so that submenu will show up below (and apply format styles) */
li.horizontal_menu_l1  {
	width: 120px; /* set to same value as a.horizontal_menu_l1 */
	float: left;
	margin-right: 20px;
}

/* level 2 */
ul.horizontal_menu_l2 {
	width: 120px;
	list-style: none;
	background: transparent;
	margin: 0px;
	padding: 0px;
}

li.horizontal_menu_l2, li.horizontal_menu_l2_superitem {
	width: 120px;
	height: 23px; /* set to same value as a.horizontal_menu_l2 + (2x) padding */
	float: left;
	background: transparent;
	position: relative;
	top: 10px;
	margin-bottom: 5px;
}

/* level 3 */
ul.horizontal_menu_l3 {
	position: relative;
	left: 120px;
	top: -23px; /* set to negative value of li.horizontal_menu_l2 */
	width: 120px;
	height: 400px;  /* set to big enough to cover all subitems, otherwise they will disappear too fast on mouse-out of parent */
	list-style: none;
	background: transparent;
	margin: 0px;
	padding: 0px;
}

li.horizontal_menu_l3 {
	width: 120px;
	height: 23px; /* set to same value as a.horizontal_menu_l3 + (2x) padding */
	float: left;
	background: transparent;
	position: relative;
	left: 13px;
	margin-bottom: 5px;
}

/* level 4 */
ul.horizontal_menu_l4 {
	position: relative;
	left: 120px;
	top: -23px; /* set to negative value of li.horizontal_menu_l3 */
	width: 120px;
	height: 400px;  /* set to big enough to cover all subitems, otherwise they will disappear too fast on mouse-out of parent */
	list-style: none;
	background: transparent;
	margin: 0px;
	padding: 0px;
}

li.horizontal_menu_l4 {
	width: 120px;
	height: 23px; /* set to same value as a.horizontal_menu_l4 + (2x) padding */
	float: left;
	background: transparent;
	position: relative;
	left: 13px;
	margin-bottom: 5px;
}

/* level 5 */
ul.horizontal_menu_l5 {
	position: relative;
	left: 120px;
	top: -23px; /* set to negative value of li.horizontal_menu_l4 */
	width: 120px;
	height: 400px;  /* set to big enough to cover all subitems, otherwise they will disappear too fast on mouse-out of parent */
	list-style: none;
	background: transparent;
	margin: 0px;
	padding: 0px;
}

li.horizontal_menu_l5 {
	width: 120px;
	height: 23px; /* set to same value as a.horizontal_menu_l5 + (2x) padding */
	float: left;
	background: transparent;
	position: relative;
	left: 13px;
	margin-bottom: 5px;
}

@media only screen and (max-device-width: 1279px) {
	li.horizontal_menu_l2, li.horizontal_menu_l2_superitem {
		top: 20px;
		margin-bottom: 20px
	}
	li.horizontal_menu_l3 {
		left: 20px;
		margin-bottom: 20px;
	}
	li.horizontal_menu_l4 {
		left: 20px;
		margin-bottom: 20px;
	}
	li.horizontal_menu_l5 {
		left: 20px;
		margin-bottom: 20px;
	}
}




/* Vertical Navigation: 5 Levels Predefined */

/* background of the whole menu */
ul.vertical_menu_l1 {
	width: 110px;
	float: left;
	list-style: none;
	margin: 0px;
	border: none;
	padding: 5px;
	background: silver;
}

/* styles for items */
a.vertical_menu_l1, a.vertical_menu_l2, a.vertical_menu_l3, a.vertical_menu_l4, a.vertical_menu_l5, a.vertical_menu_l1_superitem, a.vertical_menu_l2_superitem, a.vertical_menu_l3_superitem, a.vertical_menu_l4_superitem, a.vertical_menu_l5_superitem {
	width: 100px;
	height: 15px;
	background: gray;
	display: block;
	float: left;
	padding: 4px;
	text-decoration: none;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
}

/* optional special styling for items with subitems */
a.vertical_menu_l1_superitem, a.vertical_menu_l2_superitem, a.vertical_menu_l3_superitem, a.vertical_menu_l4_superitem, a.vertical_menu_l5_superitem {

}

/* change styling of items on mouse over */
li.vertical_menu_l1:hover a.vertical_menu_l1, li.vertical_menu_l2:hover a.vertical_menu_l2, li.vertical_menu_l3:hover a.vertical_menu_l3, li.vertical_menu_l4:hover a.vertical_menu_l4, li.vertical_menu_l5:hover a.vertical_menu_l5, li.vertical_menu_l1:hover a.vertical_menu_l1_superitem, li.vertical_menu_l2:hover a.vertical_menu_l2_superitem, li.vertical_menu_l3:hover a.vertical_menu_l3_superitem, li.vertical_menu_l4:hover a.vertical_menu_l4_superitem, li.vertical_menu_l5:hover a.vertical_menu_l5_superitem {
	background: black;
	color: white;
}

/* optional special styling for items with subitems on mouse over */
li.vertical_menu_l1:hover a.vertical_menu_l1_superitem, li.vertical_menu_l2:hover a.vertical_menu_l2_superitem, li.vertical_menu_l3:hover a.vertical_menu_l3_superitem, li.vertical_menu_l4:hover a.vertical_menu_l4_superitem, li.vertical_menu_l5:hover a.vertical_menu_l5_superitem {

}

/* clearing float for subitems  (levels 2 to 5) */
li.vertical_menu_l2, li.vertical_menu_l3, li.vertical_menu_l4, li.vertical_menu_l5 {
	clear: both;
}

/* hiding subitems by default */
ul.vertical_menu_l2, ul.vertical_menu_l3, ul.vertical_menu_l4, ul.vertical_menu_l5 {
	/*display: none;*/
	visibility: hidden;
	opacity: 0;
}

/* making subitems visible on mouse over on parent and on own list container */
li.vertical_menu_l1:hover ul.vertical_menu_l2, li.vertical_menu_l2:hover ul.vertical_menu_l3, li.vertical_menu_l3:hover ul.vertical_menu_l4, li.vertical_menu_l4:hover ul.vertical_menu_l5, ul.vertical_menu_l2:hover ul.vertical_menu_l2, ul.vertical_menu_l3:hover ul.vertical_menu_l3, ul.vertical_menu_l4:hover ul.vertical_menu_l4, ul.vertical_menu_l5:hover ul.vertical_menu_l5
  {
	/*display: block;*/
	visibility: visible;
	opacity: 1;
	transition: all 0.5s linear;
	z-index: 99;
}

/* limit height of parent so that submenu will show up right (and apply format styles) */
li.vertical_menu_l1 {
	width: 100px; /* set to same value as a.vertical_menu_l1 */
	float: left;
	height: 27px;  /* set to same value as a.vertical_menu_l1 + (3x) padding  */
	margin-right: 20px;
}

/* level 2 */
ul.vertical_menu_l2 {
	width: 120px;
	list-style: none;
	float: left;
	background: transparent;
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 100px;
	top: -33px;
}

li.vertical_menu_l2 {
	width: 100px;
	height: 23px; /* set to same value as a.vertical_menu_l2 + (2x) padding */
	float: left;
	background: transparent;
	position: relative;
	top: 10px;
	left: 20px;
	margin-bottom: 5px;
}

/* level 3 */
ul.vertical_menu_l3 {
	position: relative;
	left: 100px;
	top: -23px; /* set to negative value of li.vertical_menu_l2 */
	width: 110px;
	height: 200px;  /* set to big enough to cover all subitems, otherwise they will disappear too fast on mouse-out of parent */
	list-style: none;
	background: transparent;
	margin: 0px;
	padding: 0px;
}

li.vertical_menu_l3 {
	width: 100px;
	height: 23px; /* set to same value as a.vertical_menu_l3 + (2x) padding */
	float: left;
	background: transparent;
	position: relative;
	left: 13px;
	margin-bottom: 5px;
}

/* level 4 */
ul.vertical_menu_l4 {
	position: relative;
	left: 100px;
	top: -23px; /* set to negative value of li.vertical_menu_l3 */
	width: 110px;
	height: 200px;  /* set to big enough to cover all subitems, otherwise they will disappear too fast on mouse-out of parent */
	list-style: none;
	background: transparent;
	margin: 0px;
	padding: 0px;
}

li.vertical_menu_l4 {
	width: 100px;
	height: 23px; /* set to same value as a.vertical_menu_l4 + (2x) padding */
	float: left;
	background: transparent;
	position: relative;
	left: 13px;
	margin-bottom: 5px;
}

/* level 5 */
ul.vertical_menu_l5 {
	position: relative;
	left: 100px;
	top: -23px; /* set to negative value of li.vertical_menu_l4 */
	width: 110px;
	height: 200px;  /* set to big enough to cover all subitems, otherwise they will disappear too fast on mouse-out of parent */
	list-style: none;
	background: transparent;
	margin: 0px;
	padding: 0px;
}

li.vertical_menu_l5 {
	width: 100px;
	height: 23px; /* set to same value as a.vertical_menu_l5 + (2x) padding */
	float: left;
	background: transparent;
	position: relative;
	left: 13px;
	margin-bottom: 5px;
}

@media only screen and (max-device-width: 1279px) {
	a.vertical_menu_l1, a.vertical_menu_l2, a.vertical_menu_l3, a.vertical_menu_l4, a.vertical_menu_l5, a.vertical_menu_l1_superitem, a.vertical_menu_l2_superitem, a.vertical_menu_l3_superitem, a.vertical_menu_l4_superitem, a.vertical_menu_l5_superitem {
		height: 27px;
		padding-top: 10px;
		padding-bottom: 10px;
    }
	li.vertical_menu_l1 {
		height: 57px;  /* set to same value as a.vertical_menu_l1 + (3x) padding  */
	}
	ul.vertical_menu_l2 {
		top: -57px; /* set to negative value of li.vertical_menu_l1 height */
	}
	li.vertical_menu_l2 {
		height: 47px; /* set to same value as a.vertical_menu_l2 + (2x) padding */
	}
	ul.vertical_menu_l3 {
		top: -47px; /* set to negative value of li.vertical_menu_l2 height */
	}
	li.vertical_menu_l3 {
		height: 47px; /* set to same value as a.vertical_menu_l3 + (2x) padding */
	}
	ul.vertical_menu_l4 {
		top: -47px; /* set to negative value of li.vertical_menu_l3 height */
	}
	li.vertical_menu_l4 {
		height: 47px; /* set to same value as a.vertical_menu_l4 + (2x) padding */
	}
	ul.vertical_menu_l5 {
		top: -47px; /* set to negative value of li.vertical_menu_l4 height */
	}
	li.vertical_menu_l5 {
		height: 47px; /* set to same value as a.vertical_menu_l5 + (2x) padding */
	}
}




/* jQuery Nested Accordion */

.js #main .accordion {
	visibility: hidden
}

.js #side .accordion {
	display: none
}

.accordion {
	margin: 0px;
	padding: 0px 10px;
}

.accordion li {
	list-style-type: none;
	margin-top: 50px;
}

.accordion li.last-child {  /* item with no subitems */
	margin-left: 20px;
	list-style-type:none
}

#side ul.accordion ul {
	margin: 0px;
	padding: 0px 0px 0px 40px
}

.accordion .outer {
	border: 1px solid #dadada;
	border-width: 0px 1px 1px;
	background: #fff
}

.accordion .inner {
	margin-bottom: 0px;
	padding: .5em 20px 1em;
	position: relative;
	overflow: hidden
}

.accordion .inner .inner {
	padding-bottom: 0px
}

.accordion .h {
	padding-top: .3em /* vertical padding instead of vertical margin (ie8) */
}

.accordion p {
	margin: .5em 1px 1em
}

/* add styles for all links in the accordion */
.accordion a {
	font-size: larger;
	font-weight: bold;
	border-bottom: none;
	text-decoration: none;
}

.accordion a:hover {
	background: transparent;
	font-weight: bold;
}

a.trigger {
	padding-left: 20px;
}

a.accordion_l1_superitem.trigger::before,a.accordion_l2_superitem.trigger::before,a.accordion_l3_superitem.trigger::before,a.accordion_l4_superitem.trigger::before,a.accordion_l5_superitem.trigger::before {
	content: "► ";
	/*background-image: url(arrow-right.png);
	background-repeat: no-repeat;
	background-position: 1px 50%;*/
}

a.trigger.open {
	padding-left: 20px;
}

a.accordion_l1_superitem.trigger.open::before,a.accordion_l2_superitem.trigger.open::before,a.accordion_l3_superitem.trigger.open::before,a.accordion_l4_superitem.trigger.open::before,a.accordion_l5_superitem.trigger.open::before {
	content: "▼ ";
	/*background-image: url(arrow-down.png);
	background-repeat: no-repeat;
	background-position: 1px 50%;*/
}

.last-child a.trigger {
	padding-left: 1px;
	background-image: none;
	font-weight: bold
}

#main a.trigger {
	background-color: transparent
}

#main a.trigger.open {
	border-color: transparent;
	background-color: transparent
}

#main a:hover.trigger.open, #main a:focus.trigger.open, #main a:active.trigger.open {
	border-color: white;
}

#side a.active {
	color: #f72;
	text-decoration: none
}

/* from here on it is specific to the opcodeCMS MenuModule */

div.accordion_container{
	width: auto;
}

ul.accordion {
    background: transparent;
	padding: 0px;
	margin-top: 40px
}

ul.accordion_l2 {

}

ul.accordion_l3 {

}

ul.accordion_l4 {

}

ul.accordion_l5 {

}

a.accordion_l1, a.accordion_l1_superitem {

}

a.accordion_l2, a.accordion_l2_superitem {

}

a.accordion_l3, a.accordion_l3_superitem {

}

a.accordion_l4, a.accordion_l4_superitem {

}

a.accordion_l5, a.accordion_l5_superitem {

}

a.accordion_l1:hover, a.accordion_l1_superitem:hover {

}

a.accordion_l2:hover, a.accordion_l2_superitem:hover {

}

a.accordion_l3:hover, a.accordion_l3_superitem:hover {

}

a.accordion_l4:hover, a.accordion_l4_superitem:hover {

}

a.accordion_l5:hover, a.accordion_l5_superitem:hover {

}



/* Sitemap: 5 Levels Predefined */

ul.sitemap_l1 {
	list-style-type: square;
}

ul.sitemap_l2 {
	list-style-type: disc;
}

ul.sitemap_l3, ul.sitemap_l4, ul.sitemap_l5 {
	list-style-type: circle;
}