/*Navigation ------------------------------------------------ */

.nav {
float				: left;
display				: inline;
margin				: 0px;
padding				: 0px;
width				: 800px;
height				: 30px;
}

.sf-menu, .sf-menu * {
margin				: 0px;
padding				: 0px;
list-style			: none;
}

.sf-menu {
float				: left;
height				: 30px;
}

.sf-menu ul {
position				: absolute;
top					: -999em;
width				: 200px;
padding				: 0px;
margin				: 0px;
}

.sf-menu ul li {
width				: 100%;
}

.sf-menu li:hover {
visibility			: inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
float				: left;
position				: relative;
padding				: 0px;
margin				: 0px 9px 0px 0px;
}

.sf-menu li li {
float				: left;
display				: inline;
padding				: 0px;
margin				: 0px;
}

.sf-menu a {
position				: relative;
padding				: 0px;
margin				: 0px;
color				: #FFF;
font-size				: 1em;
display				: block;
height				: 31px;	
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left					: 0;
top					: 31px; /* match top ul list item height */
z-index				: 99;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
outline				: 0;
}

.sf-menu ul a {
padding				: 0px;
margin				: 0px;
font-size				: 0.88em;
color				: #fff !important;
display				: block;
height				: 18px;	
}

.sf-menu ul a:hover {
color				: #fff !important;
}

.sf-menu span {
display				: none;
}

.sf-menu li a:hover,
.sf-menu li.sfHover a.sf-with-ul,
.sf-menu li a.navactive,
.sf-menu li.selected a, 
.sf-menu li.selected a:hover  {
background-position		: 0px -31px !important;
}

.sf-menu li.selected ul { /* testje voor submenu: doet nix */
display:inline !important;
visibility:visible !important;
}


.sf-menu li.nav_home a 		{ background:url(../img/nav_home.gif); width:52px; }
.sf-menu li.nav_organisatie a { background:url(../img/nav_organisatie.gif); width:103px; }
.sf-menu li.nav_deelname a 	{ background:url(../img/nav_deelname.gif); width:85px; }
.sf-menu li.nav_uitreiking a 	{ background:url(../img/nav_uitreiking.gif); width:90px; }
.sf-menu li.nav_nieuws a 	{ background:url(../img/nav_nieuws.gif); width:66px; }
.sf-menu li.nav_pers a 		{ background:url(../img/nav_pers.gif); width:42px; }
.sf-menu li.nav_faq a 		{ background:url(../img/nav_faq.gif); width:36px; }


.sf-menu ul li a,
.sf-menu .selected ul li a {
display				: block;
height				: 18px;
background-position		: 0px 0px !important;
}

.sf-menu ul li a:hover,
.sf-menu .selected ul li a:hover,
.sf-menu ul li.selected  a:hover,
.sf-menu ul li a.navactive,
.sf-menu ul li.selected a  {
background-position		: 0px -18px !important;
}

.sf-menu ul li a.subnav_overbcm 		{ background:url(../img/subnav_overbcm.gif); width:61px; }
.sf-menu ul li a.subnav_oversmin 		{ background:url(../img/subnav_oversmin.gif); width:65px; }
.sf-menu ul li a.subnav_sponsoren		{ background:url(../img/subnav_sponsoren.gif); width:66px; }
.sf-menu ul li a.subnav_jury 			{ background:url(../img/subnav_jury.gif); width:30px; }

.sf-menu ul li a.subnav_inzenden 		{ background:url(../img/subnav_inzenden.gif); width:61px; }
.sf-menu ul li a.subnav_voorwaarden 	{ background:url(../img/subnav_voorwaarden.gif); width:83px; }
.sf-menu ul li a.subnav_categorieen 	{ background:url(../img/subnav_categorieen.gif); width:79px; }
.sf-menu ul li a.subnav_winnaars2009	{ background:url(../img/subnav_winnaars2009.gif); width:83px; }

.sf-menu ul li a.subnav_programma 		{ background:url(../img/subnav_programma.gif); width:75px; }
.sf-menu ul li a.subnav_kaarten 		{ background:url(../img/subnav_kaarten.gif); width:54px; }
.sf-menu ul li a.subnav_locatie 		{ background:url(../img/subnav_locatie.gif); width:39px; }
.sf-menu ul li a.subnav_winnaars 		{ background:url(../img/subnav_winnaars.gif); width:62px; }



/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/

.sf-navbar {
height				: 18px;
position				: relative;
}

.sf-navbar li {
position				: static;
}

.sf-navbar li ul {
width				: 44em; /*IE6 soils itself without this*/
}

.sf-navbar li.nav_organisatie ul {
padding-left			: 85px;
width				: 230px;
}

.sf-navbar li.nav_deelname ul {
padding-left			: 190px;
width				: 320px;
}

.sf-navbar li.nav_uitreiking ul {
padding-left			: 294px;
width				: 242px;
}

.sf-navbar li li {
position				: relative;
}

.sf-navbar ul li {
width				: auto;
float				: left;
}

