/*
###########################################################
#
# Filename:			menu.css
#
# Copyright:		S-Inside
# Project:			www.admicon.nl
# Platform:			CSS
# Date created: 	2014 
#
	used colours for this website:
    #ececec			licht grijs
    #dadada			grijs
    #ce2d21			rood
# 
###########################################################
*/


/* top column head menu, expands below */
#menu1 {
	position: absolute;
	top: 70px;
	left: 380px;
	height: 30px;
	width: 540px;
	margin: 0px;
	font-size: 0pt;
	/*background-image: url("../img/back_menurand.gif");
	background-repeat: repeat-x;*/
	z-index: 100;
}

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

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

#menu1 ul.menu li a {
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: 1px;
	padding-left: 10px;
  	padding-right: 10px;
  	text-decoration: none;
  	/*border-top: 1px solid #ececec;*/
	background-color: #ececec;
	color: #000;
}
#menu1 ul.menu li a:hover {text-decoration: underline; color: #ce2d21;}
#menu1 ul.menu li a.current {text-decoration: underline; color: #ce2d21;}
/* 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: 220px;
	margin-left: -40px;
	/*margin-top: -36px;*/
}

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

#menu1 ul.submenu li a {
	display: block;
	width: 100%;
	height: 28px;
	line-height: 28px;
    font-size: 9pt !important;
  	font-weight: normal;
  	text-decoration: none;
	letter-spacing: 1px;
	border: 1px solid #ce2d21;
	background-image: none;
	background-color: #fff;
    color: #000;
}
#menu1 ul.submenu li a:hover {color: #000; background-color: #ce2d21; border: 1px solid #000;}
#menu1 ul.submenu li a.expand {
	background-image: url("../img/menu_arrow.png");
	background-position: right center;
	background-repeat: no-repeat;
}
/* end sub menu */


/* sub sub menu */
#menu1 ul.subsubmenu{
	position: absolute;
	width: 160px;
	left: -2999px;
	float: none;
	z-index: 100;
}
#menu1 ul.submenu li:hover ul.subsubmenu {
	left: 202px;
	margin-top: -30px;
}

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

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

/* bottom menu, not expanding below */
#menu2 {
	position: relative;
	top: 0px;
	left: 10px;
	height: 20px;
	width: 400px;
	margin: 0px;
	font-size: 0pt;
	z-index: 100;
}

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

#menu2 ul.menu2 li {
	list-style: none;
	float: left;
  	/*margin-right: 1px !important;*/
}

#menu2 ul.menu2 li a {
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 9pt;
	letter-spacing: 1px;
	padding-left: 10px;
  	padding-right: 10px;
  	text-decoration: none;
  	/*border-top: 1px solid #ececec;*/
	background: transparent;
	color: #000;
}
#menu2 ul.menu2 li a:hover {text-decoration: underline; color: #ce2d21;}
#menu2 ul.menu2 li a.current {text-decoration: underline; color: #ce2d21;}
/* end head menu */