/*
###########################################################
#
# Filename:			menu.css
#
# Copyright:		S-Inside
# Project:			schilderhorst.nl
# Platform:			CSS
# Date created: 	02-02-2022 
#
    used colours for this website:
    #ff222a			red
	#333			grey
    #fff			white
#
###########################################################
*/

/* top column head menu, expands below */


div.menu {
	width: 100%;
	height: 42px;
	color: #fff;
}

#menu1 {
	position: relative;
	font-size: 0pt;
	height: 43px;
	width: 980px;
	margin: auto;
	/*z-index: 100;*/
}

#menu1 ul.menu {
	/*width: 100%;*/
	padding: 0;
}

#menu1 ul.menu li {
	list-style: none;
	float: left;
  	margin-right: 1px !important;
	flex-grow: 1;
}

#menu1 ul.menu li a {
	display: block;
	height: 40px;
	line-height: 24px;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 1px;
  	padding-left: 25px;
  	padding-right: 25px;
  	text-decoration: none;
  	color: #fff;
}
#menu1 ul.menu li a:hover {color: #333;}
#menu1 ul.menu li a.current {color: #333;}
/* end head menu */


/* sub menu */
#menu1 ul.menu li ul.submenu {
	position: absolute;
	left: -2999px;
	float: none;
	z-index: 100;
}
#menu1 ul.menu li:hover ul.submenu {
	left: auto;
	width: 200px;
	margin-left: -40px;
	padding-top: 2px;
}

#menu1 li ul.submenu li {
	list-style: none;
	width: 100%;
}

#menu1 ul.submenu li a {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
    font-size: 14px;
  	/*font-weight: normal;*/
  	text-decoration: none;
	letter-spacing: 1px;
	border: 1px solid #fff;
	border-top: none;
	background-image: none;
	background-color: #ff222a;
    color: #fff;
}
#menu1 ul.submenu li a:hover {border-bottom: 1px solid #333; color: #333;}
#menu1 ul.submenu li a.expand {}
#menu1 ul.submenu li a.firstsub {border-top: 1px solid #fff;}

/* end sub menu */


/* sub sub menu */
#menu1 ul.subsubmenu{
	position: absolute;
	width: 200px;
	left: -999px;
	float: none;
	z-index: 100;
}
#menu1 ul.submenu li:hover ul.subsubmenu {
	left: 208px;
	margin-top: -29px;
}

#menu1 ul.subsubmenu li {
	list-style: none;
}

#menu1 ul.subsubmenu li a {
	display: block;
	width: 100%;
	height: 28px;
	line-height: 28px;
    font-size: 9pt !important;
  	font-weight: normal;
  	text-decoration: none;
	letter-spacing: 1px;
	background-image: none;
	background-color: #cab4ce;
    color: #524a44;
}
#menu1 ul.subsubmenu li a:hover {color: #fff; background-color: #77265b;}
/* end sub sub menu */

/*
a.productmenu, a.productmenus {
    font-size: 8pt;
  	font-weight: bold;
  	text-decoration: none;
  	line-height: 22px;
  	text-indent: 8px;
	display: block;
	white-space: nowrap;
    background-color: inherit;
    color: #000;
}
a.productmenus, a.productmenu:hover {text-decoration:underline; color: #a40000;}
*/


/*
#menu_zIndex {
	z-index: 11;	
}

#menu0, #menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8 {
	position: relative; 
	visibility: hidden; 
	z-index: 10;
	margin-top: 14px;
	top: 0px; 
	left: 0px;  
}

div.menu-item {
	position: relative;
	top: 0px;
	z-index: 12;
	font-size: 0pt;
	width: 155.4px;
	height: 42px;
	float: left; 
	text-align: center;
	color: #ffffff;
}

a.menu, a.menus {
	position: relative;
	top: 12px;
	display: block;
	height: 20px;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
  	font-weight: bold;
  	letter-spacing: 1px;
	text-decoration: none;
	border-right: 2px solid #64b6fa;
  	background: transparent;
	color: #fff;
}
a.menu:hover, a.menus {color: #000;}
a.menu_selectedsubmenu {color: #000 !important;}

a.leftmenu, a.leftmenus, a.productmenu, a.productmenus {
	display: block;
	height: 40px;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt !important;
  	font-weight: bold;
  	letter-spacing: 1px;
	text-decoration: underline;
  	background: transparent;
	color: #ff222a;
}

a.leftmenu:hover, a.leftmenus, a.productmenu:hover, a.productmenus {color: #000; text-decoration: underline;}


.subuitklapmenu:hover {text-decoration: underline; background-color: #ff222a; color: #fff;} 
.subuitklapmenu {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	font-weight: bold; 
	text-indent: 4px;
  	text-align: left; 
  	text-decoration: none; 
	line-height: 30px;
  	border-left: #ff222a 1px solid;
	border-right: #ff222a 1px solid;
	border-bottom: #ff222a 1px solid;
	display: block;  
	z-index: 10;
	width: 200px; 
	height: 30px;			
	background-color: #e4f1fa;	 		 
	color: #000;
}*/