/*  source: http://www.javascriptkit.com/script/script2/csstopmenu.shtml */

/* plaats, afmetingen en kleur van horizontaal hoofdmenu */
div#horizontalcssmenu
{
	position: 				absolute;
	left:							272px;
	top:							4px;
	display: 					block;
	width: 						630px;
	height: 					36px;
	background-color: #DD1100;
}   

div#horizontalcssmenu ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* Top level list items */
div#horizontalcssmenu ul li
{
  position: relative;
  display: inline;
  float: left;
	z-index: 1000;
}

/* Top level menu link items style */
div#horizontalcssmenu ul li a
{
  display: block;
  width: 107px; /* Width of top level menu link items */
  padding: 5px 7px;
  /* aanpassen voor IE6: padding: 0px 7px; of iets dergelijks */
  border: 4px solid #DD1100;
  border-left-width: 0; 
  text-decoration: none;
  color: #fff;
	font-size: 12px;
	font-weight: 700;
	z-index: 10;
	z-index: 1000;
	/* z-index probleem in IE : http://www.webmasterworld.com/css/3337315.htm */
}

/*
probleem in IE 6 : te dikke menubalk in topmenu (het volgende is nog geen oplossing)
<!--[if lt IE 7 ]>
div#horizontalcssmenu
{
	height: 					36px;
}   
<![endif]-->
*/

/* aanpassing voor IE6 en eerder */
* html div#horizontalcssmenu ul li a
{
	padding: 0px 7px;
  border: 1px solid #DD1100;
	border-top: 4px solid #DD1100;
	border-bottom: 4px solid #DD1100;
	/* height: 					24px; */
}

* html div#horizontalcssmenu
{
	height: 					24px; 
}





/* Sub level menu */
div#horizontalcssmenu ul li ul
{
	left: 20px;
	
	
	/*left: 50px;*/
	
	
  top: 0px;
  border-top: 2px solid #DD1100;
  position: absolute;
  display: block;
  visibility: hidden;
  z-index: 100;
  z-index: 11;
  z-index: 1000;
}

/* Sub level menu list items */
div#horizontalcssmenu ul li ul li
{
  display: inline;
	
  float: none;
  z-index: 1000;
}

/* Sub level menu links style */
div#horizontalcssmenu ul li ul li a
{
  width: 160px; /* width of sub menu levels */
  font-weight: 700;
	font-size: 11px;
  padding: 3px 5px 3px 8px;
	background-color: #fff;
	color:#DD1100;
  border-width: 0px 2px 2px 2px;
	line-height: 2.0em;
	text-align: left;
  z-index: 1000;
	

}

div#horizontalcssmenu ul li a:hover
{
	background-color: #fff;
	color: #DD1100;
}

div#horizontalcssmenu ul li ul li a:hover
{
	color: #fff;
	background-color: #DD1100;
}

div#horizontalcssmenu .arrowdiv
{
  position: absolute;
  right: 0;
}

* html p#iepara /* For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE */
{ 
	padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html div#horizontalcssmenu ul li { float: left; height: 1%; z-index: 1000;}
* html div#horizontalcssmenu ul li a { height: 1%; z-index: 1000;}
/* End */