/***********************************/
/***** Pfalzwerke Joomla Layout *****/
/*************** Menu ***************/
/************************************/

/* LINKS */

.menu {
	vertical-align:		bottom;
		
}

.menu, .menu li, .menu li ul, .menu li span { /* all lists */
	padding:		0;
	margin:			0;
	list-style:		none;
}
 
.menu li a, .menu li span.separator {
	display:		block;

	color: 		rgb(0,50,73);/* Temporärer Fallback dank IE11*/
	color:		var(--menu-text-color);

	text-decoration:	none;
	height:			30px;
	text-align:		left;
	line-height:		30px;
	padding-left:	10px;
	font-size: 15px;
}

.menu li { /* all list items */
	float:			left;
	/*min-width:			100px; /* width needed or else Opera goes nuts */
	min-width: auto;
	
	background-color:	#FFFFFF;	

}
 
.menu li ul { /* second-level lists */
	position:		absolute;
	/*width:			250px;*/
	/*left:			-1000%;*/ /* using left instead of display to hide menus because display: none isn’t read by screen readers */
	display: none;	/* 	bei left: -1000% wird das Menü teilweise länger als die eigentliche Site, wodurch ein horizontaler Scrollbalken
				eingeblendet wird, und der Footer nicht mehr am unteren Rand der Site endet --> sieht scheiße aus und ist nicht
				Corporate Design... */
}

.menu li a:hover {
	/* background-color:	#EDEDED; */
	
	/*background-color: 		#D31628;/* Temporärer Fallback dank IE11*/
	/*background-color: var(--pwRot);*/

	color:			#fff;
	/* width:			200px; */
}

.menu li a {
	background-color:	#FFFFFF;	
	color:			#000000;
	
	/*
	background-image: url(../images/arrow_red_right.png);
	background-repeat: no-repeat;
	background-position: calc(100% - 15px) center;
	*/


}



.menu .item1 .floating_menu {
	margin-left: 60px;
}

.menu .item2 .floating_menu {
	margin-left: 144px;
}

.menu .item3 .floating_menu {
	margin-left: 213px;
}

.menu .item4 .floating_menu {
	margin-left: 287px;
}


.menu .item2, .menu .item3, .menu .item4 , .menu .item5{
	/*padding-left:		10px;*/
	background-color:	#EDEDED;
}

.menu .item2, .menu .item3, .menu .item4 , .menu .item5{
	/*padding-left:		10px;*/
	background-color:	#EDEDED;
}

.menu li.item1:hover ul, .menu li.sfhover ul  { /* lists nested under hovered list items */
	left:			0px;
	display:		block;	
}

.menu li.item2:hover ul, .menu li.sfhover ul  { /* lists nested under hovered list items */
	left:			0px; /*185px; /* change is to 10px, 20px, etc for indenting the sub menue */
	display:		block;
}

.menu li.item3:hover ul, .menu li.sfhover ul  { /* lists nested under hovered list items */
	left:			0px; /*395px; /* change is to 10px, 20px, etc for indenting the sub menue */
	display:		block;
}

.menu li.item4:hover ul, .menu li.sfhover ul  { /* lists nested under hovered list items */
	left:			0px; /* change is to 10px, 20px, etc for indenting the sub menue */
	display:		block;
}

.menu li.item5:hover ul, .menu li.sfhover ul  { /* lists nested under hovered list items */
	left:			0px; /* change is to 10px, 20px, etc for indenting the sub menue */
	display:		block;
}

.separator, .separator span a {
	
	width:			auto;
	height:			60px;
	
	background-color: white;	

	font-size:		15px;

	text-align:		center;
}


.separator{
	background-image: url(../images/arrow_red_down.svg);
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: 90%;
	background-size: 15px;
}

.separator:hover, .separator span a:hover {
	/*background-position:	0px -60px;*/
	background-color: #ededed;
	color: #585858;
}

.menu li span.separator, .menu li span.separator span a {
	height:			60px;

	color: 			rgb(0,50,73);/* Temporärer Fallback dank IE11*/
	color:			var(--menu-text-color);

	border:			0px;
	cursor:		 	pointer;
	line-height:	60px;
	
}

.menu li span.separator:hover, .menu li span.separator span a:hover {
	/*color:			#FFFFFF;*/

	color: #D31628;/* Temporärer Fallback dank IE11*/
	color: var(--pwRot);
}

span.separator span{
	padding-right: 35px;
}

.menu_bg {
	height:			60px;
	background-color:	#FFFFFF;
}

.menu_td ul ul {
	border-top-width:	0px;
	padding-top:		0px;
	padding-bottom: 	5px;
	position:			absolute;
	line-height:		20px;
	/*width:			250px;*/
	/* height:			auto; */
	/*height: 			355px;*/	/* MENÜ HÖHER - HIER */
	border-top:			#EDEDED 7px solid;
	top:				60px;
}

.floating_menu {
	left:			0px;
	/* width: 1070px; */
	/* width: 1022px; */
	/* width: 1218px; */
	background-color: white;
	/*max-height: 380px;*/	/* MENÜ HÖHER - UND HIER */
	max-height: 850px;	/* MENÜ HÖHER - UND HIER */
	min-height: 10px;
	box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.25);
	
	padding-top: 5px !important;

	/* columns: 4;
	-webkit-columns: 4;
	-moz-columns: 4;  */

	/* -moz-column-fill: auto; */
	/* column-fill: auto; */

}

.floating_menu[numcols="1"] {
	width: 297px;
	columns: 1;
	-webkit-columns: 1;
	-moz-columns: 1;
}

.floating_menu[numcols="2"] {
	width: 604px;
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}

.floating_menu[numcols="3"] {
	width: 912px;
	columns: 3;
	-webkit-columns: 3;
	-moz-columns: 3;
}

.floating_menu[numcols="4"] {
	width: 1218px;
	columns: 4;
	-webkit-columns: 4;
	-moz-columns: 4;
}




.floating_menu li {

	/* width:			245px; */
	width:			295px;
	overflow: hidden;
	/* float: left; */
	/* float: none; */
	font-size: 15px;	
	border-right: 1px solid #ced4da;
	border-right: 1px solid var(--menu-item-border);
}

.floating_menu li a, .floating_menu li a:hover {
	padding-left: 	10px;
	text-align:		left;
	width:			auto;
	overflow: hidden;
	/*
	border-top:		1px solid #C0C0C0;
	border-left:		1px solid #C0C0C0;
	border-right:		1px solid #C0C0C0;
	*/
}

.floating_menu li a.first, .floating_menu li a.first:hover {
	border-top:		0px;
	
}

.floating_menu li a:hover{
	background-color: 		#D31628;/* Temporärer Fallback dank IE11*/
	background-color: var(--pwRot);
}



.floating_menu li a span{
	display: block;
	width: 100%;

	overflow: hidden;
	text-overflow: ellipsis;
	
}

.homeButton{
	height: 40px;
	width: 60px;
	float: left;
	padding-top: 15px;
}

.homeButton:hover{
	background-color: #ededed;
}

.homeButton a{
	display: block;	
	width: 30px;
	height: 30px;
	margin: auto auto;		
}

/*
li.first, li.first:hover {
	background:		url(../images/cs_nav_top_new.gif);
	overflow:		hidden;
	height:			5px;
	width:			250px;
	border:			0px;
}
*/
/*
li.last, li.last:hover {
	background:		url(../images/cs_nav_bottom_new.png);
	overflow:		hidden;
	height:			5px;
	width:			250px;
	border:			0px;
}
*/