/*                              ul#upnavi                						;; vernieuwd op 8 december 2009
   <----------------------------menu_484px-------------------------->
     div.links             div.inhoudscontainer           div.rechts
   <---190px---><-----------------482px----------------><---190px--->  */

ul#upnavi { 
width: 862px;
float: right;
margin: 0px 0px 0px 0px;
background: transparent;
}

ul#upnavi li.header {
height: 25px;
width: 190px;
background-image: url(images/menu-bg3.jpg);
font-weight: bold;
}

ul#upnavi li.header:hover {
background-image: url(images/menu-bg3.jpg);
font-weight: bold;
}

ul#upnavi li.header span {
padding-top: 2px;
display: block;
}

ul#upnavi li {
background: transparent url(images/menu-bg.jpg) repeat-x left top;
text-decoration: none;
font-family: Arial, serif;
font-size: 15px;
display: block;
width: 96px;
float: left;
text-align: center;
border-color: white;
border-width: 0px;
border-style: solid;
margin: 0px;
list-style-position: inside;
}

ul#upnavi li:hover {
background: transparent url(images/menu-bg2.jpg) repeat-x left top;
font-weight: bold;
}  

ul#upnavi li#huidig {
background: transparent url(images/menu-bg2.jpg) repeat-x left top;
font-weight: bold;
}

ul#upnavi li:hover ul {
position: absolute;
height: 100px;
width: 96px;
z-index: 1000;
padding-left: 0px;
float: left;
}

ul#upnavi li li {
display: none;
background: white;
height: 25px;
}

ul#upnavi li:hover li {
padding: 0px;
margin: 0px;
display: inline;
background: green url(images/menu-bg.jpg) repeat-x left top;
}

ul#upnavi li:hover li:hover {
background: green url(images/menu-bg2.jpg) repeat-x left top;
}

ul#upnavi li a {
text-decoration: none;
display: block;
color: black;
height: 23px;
padding-top: 2px;
}

ul#upnavi a:hover {
border: none;
}