/* main navigation */

#navigation ul {
	float:left;
	margin:0;
	padding:0;
	background:transparent url("/images/bg-navigation_main_left.gif") no-repeat 0 0;
	list-style:none;
}
	#navigation ul li { float:left; }		
		#navigation ul li a {
			display: block;
			height:40px;
			float:left;
			padding:0;
            color:transparent; /** FF */
            font-size:0;
            line-height:0;
            text-indent:-9999px;
			background-image: url("/images/sprite-nav.gif");
			background-repeat: no-repeat;
			overflow:hidden;
			margin-right: 4px;
		}

	

.nav-home { width:59px; background-position: -11px -84px; }
.nav-home:hover { background-position: -11px -42px; }
#navigation.home .nav-home { background-position: 0 0; }


.nav-news { display:none; width:56px; background-position: -74px -84px; }
.nav-news:hover { background-position: -74px -42px; }
#navigation.news .nav-news { background-position: -74px 0; }

.nav-nieuws { display:none; width:56px; background-position: -74px -84px; }
.nav-nieuws:hover { background-position: -74px -42px; }
#navigation.nieuws .nav-nieuws { background-position: -74px 0; }

.nav-informatiecentrum { width:120px;background-position: -147px -84px; }
.nav-informatiecentrum:hover { background-position: -147px -42px; }
#navigation.informatiecentrum .nav-informatiecentrum { background-position: -147px 0; }

.nav-netwerken { width:90px;background-position: -286px -84px; }
.nav-netwerken:hover { background-position: -286px -42px; }
#navigation.netwerken .nav-netwerken { background-position: -286px 0; }

.nav-banenmarkt { width:93px; background-position: -394px -84px; }
.nav-banenmarkt:hover { background-position: -394px -42px; }
#navigation.banenmarkt .nav-banenmarkt { background-position: -394px 0; }

.nav-ledenvoordeel { width:95px; background-position: -595px -84px; }
.nav-ledenvoordeel:hover { background-position: -595px -42px; }
#navigation.ledenvoordeel .nav-ledenvoordeel { background-position: -595px 0; }

.nav-winkel { width:76px; background-position: -505px -84px; }
.nav-winkel:hover { background-position: -505px -42px; }
#navigation.winkel .nav-winkel { background-position: -505px 0; }


.nav-intern { display: none; }






/* search box in main navigation */

#searchBox {
	position:relative;
	float:right;
	width:316px;
	background:transparent url("/images/bg-navigation_search.gif") repeat-x 0 0;
}
	#searchBox form {
		display:block;
		height:40px;
		background:transparent url("/images/bg-navigation_search_right.gif") no-repeat right 0;
	}
		body.leden #searchBox form { background-position: right -40px; }
		body.medewerkers #searchBox form { background-position: right -80px; }



		#searchBox fieldset { 
			margin:0;
			padding:0;
		}
			#navigation #searchBox label {
				float:left;
				width:64px;
				height:40px;
				margin-right:3px;
				padding:0;
				background:transparent url("/images/bg-search.gif") no-repeat;
				text-indent:-3000em;
				overflow:hidden;
			}	
			#searchBox input.text {
				float:left;
				vertical-align:top;
				border:1px solid #43474A;
				margin:12px 15px 0 0;
				padding:0 0.4em;
				width:202px;
			}	
			#searchBox input.submit {
				width:22px;
				height:22px;
				position:absolute;
				border:none;
				top:11px;
				right:9px;
			}

/* sub navigation */

#subnavigation ul {
	float:right;
	margin:0;
	padding:0;
}
#subnavigation ul li {
    float:left;
    padding:5px 0px;
    list-style:none;
    border-right:1px solid #D9D9D9;
}
#subnavigation ul li a {
    display:block;
    float:left;
    overflow:hidden;
    height:15px;
    text-decoration:none;
    color:transparent; /** FF */
    font-size:0;
    line-height:0;
    text-indent:-9999px;
    background-image: url("/images/sprite-nav.gif");
    background-repeat: no-repeat;
    white-space:nowrap;
}

/* WE HADDEN OOK MET PNG KUNNEN WERKEN MAAR DIT MINDER HITS EN ZELFDE BESTANDSGROOTTE DUS BETER */

.subnav-infodesk { width:65px; background-position: 0 -130px;}
.subnav-about { width:80px;background-position: -70px -130px; }
.subnav-contact { width:60px;background-position: -212px -130px; }
.subnav-pers { width:40px;background-position: -161px -130px; }
.subnav-sitemap { width:62px;background-position: -279px -130px; }

body.leden .subnav-infodesk { background-position: 0 -153px; }
body.leden .subnav-about {	background-position: -70px -153px; }
body.leden .subnav-contact { background-position: -212px -153px; }
body.leden .subnav-pers { background-position: -161px -153px; }
body.leden .subnav-sitemap { background-position: -279px -153px; }

body.medewerkers .subnav-infodesk { background-position: 0 -181px; }
body.medewerkers .subnav-about {	background-position: -70px -181px; }
body.medewerkers .subnav-contact { background-position: -212px -181px; }
body.medewerkers .subnav-pers { background-position: -161px -181px; }
body.medewerkers .subnav-sitemap { background-position: -279px -181px; }

/* footer */
#footer { background:url("/images/bg-footer-extern.gif") repeat-y -1020px 0; }
	body.leden #footer { background:url("/images/bg-footer-leden.gif") repeat-y -1020px 0; }
    body.medewerkers #footer { background:url("/images/bg-footer-medewerkers.gif") repeat-y -1020px 0; }

#footer .banner { padding: 28px 7px 0 17px; background:url("/images/bg-footer-extern.gif") no-repeat 0 0;}
#footer .banner span { display: block; width: 749px; text-align: center; margin-bottom: 4px; color: #43474a; }
#footer .banner div { margin-right: 10px; display: inline; display:inline-block;}

/* To fix the problems with big banners with IE 7 */
#footer .banner #google_ads_div_Aedesnet-fullbanner1 {float:left}

/* TO DELETE
#footer .banner #google_ads_div_Aedesnet-fullbanner1 {display: inline; display:inline-block; float:left}
#footer .banner #google_ads_div_Aedesnet-fullbanner2 {display: inline; display:inline-block;}
*/

	body.leden #footer .banner { background:url("/images/bg-footer-leden.gif") no-repeat 0 0; }
	body.medewerkers #footer .banner { background:url("/images/bg-footer-medewerkers.gif") no-repeat 0 0; }



#footer .footer { background: #B9E6F0 url("/images/bg-footer-extern.gif") no-repeat -2040px 0; position: relative; padding: 32px 0 0 0; height: 64px;  }
	body.leden #footer .footer { background: #d6d699 url("/images/bg-footer-leden.gif") no-repeat -2040px 0; }
	body.medewerkers #footer .footer { background: #d699ad url("/images/bg-footer-medewerkers.gif") no-repeat -2040px 0; }

#footer ul {
	float:left;
	margin:0 0 0 11em !important;
	padding:0;
	list-style:none;
}	
#footer ul li {
	margin:0;
	padding:0 0.6em;
	border-left:1px solid #43474a;
	float:left;
}

#footer p {
	margin:0;
	padding:32px 17px 0 17px;
	position:absolute;
	top:0;
	left:0;
}	
#footer p.more {
	left:auto;
	right:0;
	width:229px;
	text-align:right;
}