/* style the menu navigation wrap  */
#menu-wrap {
    background-color: #eee;
} 

#menu-wrap ul {
    background-color: #5798d0;
}

/* ============================================
         OPMAAK VAN LINKS, belangrijk!
   ============================================ */

/* style the links for the top level */
#menu-wrap ul a, #menu-wrap ul a:visited {
    text-decoration:none; 
    color:#000; 
    border-right:1px solid #FFF; 
}


/* Voor de vlaggetjes, talen... */
#menu-wrap li.language a, #menu-wrap li.language a:visited{
	vertical-align: middle;
	
    text-decoration:none; 
    color:#FFF; 
    border-right: none !important; 
    /*voor language-prentjes */
    padding:  9px 12px  9px  12px;
    /* voor tekst als language: 
    padding:  0px 12px  0px  12px; */

    font-family: Arial, Helvetica, sans-serif;
	font-size:  9px;
	font-weight: normal;
	font-style: italic;
}

/*   SPACER!!  */

#menu-wrap li.spacer a, #menu-wrap li.spacer a:visited, #menu-wrap li.spacer a:hover{
    background-color: #5F0007 !important;
	vertical-align: middle;
	text-decoration:none; 
    color:#FFF; 
    border-right: none !important; 
    padding:  9px 12px  9px  12px;
    font-family: Arial, Helvetica, sans-serif;
	font-size:  12px;
}

/* ============================================*/

/* top level items on hover */
#menu-wrap ul li:hover a, #menu-wrap ul a:focus, #menu-wrap ul a:active{    
    background-color: #5798D0;               
    color:#000; 
}

/* style the top level hover */
#menu-wrap a:hover, #menu-wrap ul ul a:hover{
    color:#000; 
    background:#5798d0;
}
#menu-wrap :hover > a, #menu-wrap ul ul :hover > a {
    color:#000; 
    background:#B3D9FF;
}


/* menu sections with children */
#menu-wrap a.trigger, #menu-wrap a.trigger:hover, #menu-wrap a.trigger:visited {
    background-image: url(../img/cms-nav-dark-s.gif);
    background-repeat: no-repeat;
    background-position: right center;
}


/* style sections from the dropdown menus */
#menu-wrap li.section{
    color: #fff;
    background-color: #4283b7;
    font-weight: bold;        
} 
/* style sections from the dropdown menus */


/* style the second level links */
#menu-wrap ul ul a, #menu-wrap ul ul a:visited {
    color:#000;;
}

          
/* style the second level hover */
#menu-wrap ul ul a:hover{
    background:#B3D9FF
}
#menu-wrap ul ul :hover > a {
    background:#B3D9FF
}

                                  
/* style selected page in the top menu */                                  
#menu-wrap li.selected_page{    
    color: #004D99;
    background-color: #5798d0;
}

/* style selected subpage in the top menu */                                  
#menu-wrap li.selected_subpage{    
    color: #004D99;
    background-color: #B3D9FF;
}
#menu-wrap li.selected_subpage a, #menu-wrap li.selected_subpage a:visited{
    background-color: #B3D9FF;
}
#menu-wrap ul ul li a.selected{    
    background-color: #D0D8F0;
    color: #004D99;
}

/* ============================================
         SIDE - BAR (wordt niet gebruikt) 
   ============================================ */

/* style sidebar navigation */

#sidebar-navigation h4{
    /* style sidebar title */
}
#sidebar-navigation .cms-nav-sidebar a, #sidebar-navigation .cms-nav-sidebar a:visited{
    /* links */
}
#sidebar-navigation .cms-nav-sidebar a:hover, #sidebar-navigation .cms-nav-sidebar a:focus, #sidebar-navigation .cms-nav-sidebar a:active{
    /* links hover */
}

.cms-nav-sidebar .selected_page_side{
    /* selected item in side navigation */
}

.cms-nav-bc a, .cms-nav-bc a:visited{
    /* trail navigation links */
}
.cms-nav-bc a:hover, .cms-nav-bc a:focus, .cms-nav-bc a:active{
    /* trail navigation links hover */
}
.cms-nav-bc{
    /* trail navigation links hover - not linked */
}
/* ============================================
               OPMAAK VAN HET TOP-MENU 
   ============================================ */
           
             


/* achtergrondkleur van de navigatiebalk */
#menu-wrap, #menu-wrap ul { 
	background-color: #5F0007;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  12px;
	font-weight: normal;
	font-style: normal;
}

/* text niet - geselecteerde items in navigatiebalk */
#menu-wrap ul a, #menu-wrap ul a:visited { 
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  12px;
	font-weight: normal;
	font-style: normal;
	padding:  0px  15px  0px  5px;
	line-height:  30px;
}

/*als ge over ne link gaat, ma nie over ne geselecteerde... */
#menu-wrap ul li:hover a, #menu-wrap ul a:focus, #menu-wrap ul a:active { 
	background-color: #9F2027;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  12px;
	font-weight: normal;
	font-style: normal;
}

/* de geselecteerde pagina, of ge er nu over gaat of nie */
#menu-wrap li.selected_page > a,#menu-wrap li.selected_page:hover > a { 
	background-color: #5F0007;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  12px;
	font-weight: normal;
	font-style: normal;
}

/* weet ik niet */
#menu-wrap li.selected_subpage, #menu-wrap li.selected_subpage a, #menu-wrap li.selected_subpage a:visited { 
	background-color: #5F0007;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  12px;
	font-weight: normal;
	font-style: normal;
	padding:  10px  11px  10px  10px;
	line-height:  0px;
}

/*submenu niet gehighlighted */
#menu-wrap ul ul a, #menu-wrap ul ul a:visited { 
	background-color: #5F0007 !important;
	color: #fff !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size:  12px !important;
	font-weight: normal !important;
	font-style: normal !important;
	padding:  10px  10px  10px  10px;
	line-height:  0px;
}

/*submenu wel gehovered*/
#menu-wrap ul ul a:hover { 
	background-color: #9F2027 !important;
	color: #fff !important;
	font-family: Arial, Helvetica, sans-serif!important;
	font-size:  12px !important;
	font-weight: normal !important;
	font-style: normal !important;
}


/* weetikooknie */
#menu-wrap li.section { 
	background-color: #9F2027;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  12px;
	font-weight: bold;
	font-style: normal;
	padding:  10px  11px  10px  10px;
	line-height:  0px;
}

/* hoogte van da bazaarke */
#menu-wrap { 
	height:  30px;
}
/* hoever da den top van da bazaarke staat van de submenus, tzelfde als de hoogte ervan dus... */
#menu-wrap ul ul { 
	top:  30px;
}