/* Start of CMSMS style sheet 'Navigation: Menu 4' */
/********************MENU*********************/
/* hack for IE6 */
* html div#menu_horiz4_nl{
/* hide ie/mac \*/
	height: 1%;
/* end hide */
}
div#menu_horiz4_nl {
	background-color: #fff;
	width: 100%;
	height: 190px;
	margin: 0;
}
div#menu_horiz4_nl ul {
	list-style-type: none;
	margin: 0;
	padding-top: 0px;
	padding-left: 0px;
}
/* menu list items */
div#menu_horiz4_nl li {
/* makes the list horizontal */
	float: left;
/* remove any default bullets */
	list-style: none;
/* still no margin */
	margin: 0px;
}
/* the links, that is each list item */
div#menu_horiz4_nl a {
        text-indent: -9999px;
         border: none;
	text-decoration: none;
	width: 168px;
	height: 190px;
	padding: 0px 2px 0px 0px;
	display: block;
color: #fff;
}

div#menu_horiz4_nl li#i19 a {
        background: url(images/cms/home/home-proeflokaal_up.jpg) no-repeat;
}

div#menu_horiz4_nl li#i24 a {
        background: url(images/cms/home/home-slijterij_up.jpg) no-repeat;
}

div#menu_horiz4_nl li#i56 a {
        background: url(images/cms/home/home-distilleerderij_up.jpg) no-repeat;
}

div#menu_horiz4_nl li#i57 a {
        background: url(images/cms/home/home-bezoek_up.jpg) no-repeat;
}

div#menu_horiz4_nl li#i65 a {
        background: url(images/cms/home/home-zomertuin_up.jpg) no-repeat;
}
/* hover state for links */
div#menu_horiz4_nl li#i19 a:hover {
background: url(images/cms/home/home-proeflokaal_down.jpg) no-repeat;
}
div#menu_horiz4_nl li#i24 a:hover {
background: url(images/cms/home/home-slijterij_down.jpg) no-repeat;
}
div#menu_horiz4_nl li#i56 a:hover {
background: url(images/cms/home/home-distilleerderij_down.jpg) no-repeat;
}
div#menu_horiz4_nl li#i57 a:hover {
background: url(images/cms/home/home-bezoek_down.jpg) no-repeat;
}
div#menu_horiz4_nl li#i65 a:hover {
background: url(images/cms/home/home-zomertuin_down.jpg) no-repeat;
}
div#menu_horiz4_nl li span {
 font-family: Trebuchet MS, Arial;
        text-transform: uppercase;
color: #66aadd;
}
div#menu_horiz4_nl li.parent a span {
/* no left padding on the "a" we can set it here, it lets us use the span for an image */
	padding-left: 20px;
/* set your image here, down arrow to note it has children, left side of text */
	background: url(uploads/ngrey/active.gif) no-repeat 0.3em center;
}
div#menu_horiz4_nl li.parent a:hover span {
	padding-left: 20px;
/* hover replaces default with right arrow image */
	background: url(uploads/ngrey/parent.gif) no-repeat 0.3em center;
}
div#menu_horiz4_nl li.menuactive a span {
	padding-left: 20px;
/* menuactive replaces default with right arrow image */
	background: url(uploads/ngrey/parent.gif) no-repeat 0.5em center;
	color: #000;
}
/* active parent, that is the first level parent of a child page that is the current page */
div#menu_horiz4_nl li.menuactive, div#menu_horiz4_nl li.menuactive a:hover {
/* set your image here, light image with #000/black text set below*/
	background:  url(uploads/ngrey/nav.png) repeat-x left 0px;
	color: #000;
}
/* End of 'Navigation: Menu 4' */