/* -----------------------------------------------  MENU ALGEMEEN  ----------------------------------------------- */

.menu-algemeen-pulldown								{ padding:0; margin:0; width:830px; height:25px; background:url(../images/background/bg-menu-algemeen.gif) left top repeat-x; border-bottom:#fff 1px solid;}
.menu-algemeen-pulldown ul .login					{ float:right; background:url(../images/icon-login.gif) right center no-repeat;}
.menu-algemeen-pulldown ul .login a:hover			{ background:#ccc url(../images/icon-login.gif) right center no-repeat; color:#666666;}
.menu-algemeen-pulldown ul							{ padding:0; margin:0; list-style:none;}
.menu-algemeen-pulldown ul li						{ position:relative; z-index:300; display:inline; float:left; height:25px; line-height:25px;}
.menu-algemeen-pulldown ul li a						{ display:block; padding:0 15px 0 15px; border-left:1px solid #a0a0a0; border-right:1px solid #b2b2b2; text-decoration:none; text-transform:uppercase; font-size:11px; font-weight:bold; color:#fff;}
.menu-algemeen-pulldown ul li a:hover				{ background:#fff; color:#d01b3b;}
.menu-algemeen-pulldown ul li .active				{ background:#fff; color:#d01b3b;}

/*IE6 hack to get sub menu links to behave correctly*/
* html .menu-algemeen-pulldown ul li a				{ display: inline-block;}

/*1st sub level menu*/
.menu-algemeen-pulldown ul li ul					{ position:absolute; left:0; display:block; visibility:hidden;}

/*Sub level menu list items (undo style from Top level List Items)*/
.menu-algemeen-pulldown ul li ul li					{ display:list-item; float: none;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.menu-algemeen-pulldown ul li ul li ul				{ top:0;}

/* Sub level menu links style */
.menu-algemeen-pulldown ul li ul li a				{ width:160px; /*width of sub menus*/ padding:5px 5px 5px 15px; color:#666; line-height:14px; line-height:14px; margin:0; background:none; text-transform:none; border:none; border-bottom:#666 1px solid;}
.menu-algemeen-pulldown ul li ul li a:hover			{ color:#d01b3b; background:#fff; border-bottom:#d01b3b 1px solid;}


/* -----------------------------------------------  HOOFDMENU  ----------------------------------------------- */

#hoofdmenu										{ position:absolute; margin-top:235px; z-index:500; background:none;}
.hoofdmenu-pulldown								{ padding:0; margin:0; width:830px; height:45px;}
.hoofdmenu-pulldown ul							{ padding:0; margin:0; list-style:none;}
.hoofdmenu-pulldown ul li						{ padding:0; margin:0; position:relative; left:0; top:0; z-index:9000; display:inline; float:left; text-align:center;}
.hoofdmenu-pulldown ul li a						{ padding:0; margin:0; text-decoration:none; text-transform:uppercase; display:block; width:276px; height:45px; line-height:45px; /*font-size:14px;*/ font-size:12px; font-weight:bold; color:#fff; text-align:center;}
.hoofdmenu-pulldown ul li a:hover				{ background:#fff; color:#d01b3b;}
.hoofdmenu-pulldown ul li .active				{ background:#fff; color:#d01b3b;}

/*IE6 hack to get sub menu links to behave correctly*/
* html .hoofdmenu-pulldown ul li a				{ display: inline-block;}

/*1st sub level menu*/
.hoofdmenu-pulldown ul li ul					{ position:absolute; left:0; display:block; visibility:hidden;}

/*Sub level menu list items (undo style from Top level List Items)*/
.hoofdmenu-pulldown ul li ul li					{ padding:0; margin:0; display:list-item; float:none;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.hoofdmenu-pulldown ul li ul li ul				{ top:0;}

/* Sub level menu links style */
.hoofdmenu-pulldown ul li ul li a				{ padding:2px 0 2px 10px; margin:0; width:266px; background:none; color:#acacac; height:14px; line-height:14px; font-size:11px; text-transform:none; text-align:left; border-bottom:#4a4a4a 1px solid;}
.hoofdmenu-pulldown ul li ul li a:hover			{ color:#000; background:#fff; border-bottom:#fff 1px solid;}

.hoofdmenu-pulldown ul li ul li ul li a			{ background:#000;}



/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass-menu-algemeen					{ position:absolute; right:7px; top:0px;}
.rightarrowclass-menu-algemeen					{ position:absolute; right:7px; top:0px;}

.downarrowclass-hoofdmenu						{ position:absolute; right:7px; top:0px; display:none;}
.rightarrowclass-hoofdmenu						{ position:absolute; right:7px; top:0px; display:none;}