@charset "utf-8";

html {
width: 99%;
height: 99%;
background: url(../images/contentBG.jpg);
background-repeat: repeat-y;
background-position: center;
background-color: #262626;
}

.body {
font-family: Arial;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
margin: 0px;
height: 100%;
background-image: url(../images/background.jpg);
background-repeat: repeat-x;
}

#backgroundContainer {
width: 100%;
height: 100%;
background: url(../images/BGwrapper.jpg) no-repeat top center;
}

#container {
width: 950px;
height: auto;
margin: 0px auto;
}

#headerContainer {
width: 950px;
height: auto;
font-family: Verdana;
font-size: 11px;
color: #707070;
}

	.topBar {
	width: 950px;
	height: 18px;
	background-image: url(../images/topBar.jpg);
	padding-top: 2px;
	text-align: center;
	float: left;
	}

	.logoBar {
	width: 896px;
	height: 105px;
	background: url(../images/logoBar.jpg);
	float: left;
	}
	
	.taal {
	width: 50px;
	height: 85px;
	float: left;
	margin-top: 20px;
	}
	
		.taalFlags {
		width: 26px;
		height: auto;
		float: left;
		margin-right: 5px;
		}
	
		.activeTaal {
		width: 5px;
		height: auto;
		float: left;
		margin-right: 10px;
		}
	
	.imageBar {
	width: 950px;
	height: 105px;
	background: url(../images/imageBar.jpg);
	float: left;
	}

#menu {
width: 936px;
height: 45px;
background-image: url(../images/menuBG.jpg);
margin-left: 4px;
padding-left: 6px;
float: left;
}

/* MENU ITEMS ------------------------------------------> */ 

#neTaal {
display: block;
width: 26px;
height: 23px;
background-image: url(../images/neButton.jpg);
float: left;
}
	
	#neTaal:hover {
	background-position: 0 -23px;
	}
	
#enTaal {
display: block;
width: 26px;
height: 23px;
background-image: url(../images/enButton.jpg);
float: left;
}
	
	#enTaal:hover {
	background-position: 0 -23px;
	}
	
#deTaal {
display: block;
width: 26px;
height: 23px;
background-image: url(../images/deButton.jpg);
float: left;
}
	
	#deTaal:hover {
	background-position: 0 -23px;
	}

#home {
display: block;
width: 73px;
height: 35px;
background-image: url(../images/homeButton.jpg);
float: left;
}
	
	#home:hover {
	background-position: 0 -35px;
	}
	
	body#bodyHome a#home {
	background-position: 0 -35px;
	}
	
#activiteiten {
display: block;
width: 144px;
height: 35px;
background-image: url(../images/activiteitenButton.jpg);
float: left;
}
	
	#activiteiten:hover {
	background-position: 0 -35px;
	}
	
	body#bodyActiviteiten a#activiteiten {
	background-position: 0 -35px;
	}
	
		#driften {
		display: block;
		width: 135px;
		height: 35px;
		background-image: url(../images/driftenButton.jpg);
		float: left;
		margin: 35px 0px 0px 5px;
		}
	
			#driften:hover {
			background-position: 0 -35px;
			}
		
		#rijvaardigheid {
		display: block;
		width: 135px;
		height: 35px;
		background-image: url(../images/rijvaardigheidButton.jpg);
		float: left;
		margin: 0px 0px 0px 5px;
		}
	
			#rijvaardigheid:hover {
			background-position: 0 -35px;
			}
	
		#fourtimesfour {
		display: block;
		width: 135px;
		height: 35px;
		background-image: url(../images/fourtimesfourButton.jpg);
		float: left;
		margin: 0px 0px 0px 5px;
		}
	
			#fourtimesfour:hover {
			background-position: 0 -35px;
			}
	
		#incentives {
		display: block;
		width: 135px;
		height: 35px;
		background-image: url(../images/incentivesButton.jpg);
		float: left;
		margin: 0px 0px 0px 5px;
		}
	
			#incentives:hover {
			background-position: 0 -35px;
			}
	
#inschrijven {
display: block;
width: 139px;
height: 35px;
background-image: url(../images/inschrijvenButton.jpg);
float: left;
margin-left: 24px;
}
	
	#inschrijven:hover {
	background-position: 0 -35px;
	}
	
	body#bodyInschrijven a#inschrijven {
	background-position: 0 -35px;
	}
	
#locatie {
display: block;
width: 91px;
height: 35px;
background-image: url(../images/locatieButton.jpg);
float: left;
}
	
	#locatie:hover {
	background-position: 0 -35px;
	}
	
	body#bodyLocatie a#locatie {
	background-position: 0 -35px;
	}
	
#autohuren {
display: block;
width: 127px;
height: 35px;
background-image: url(../images/autohurenButton.jpg);
float: left;
}
	
	#autohuren:hover {
	background-position: 0 -35px;
	}
	
	body#bodyAutohuren a#autohuren {
	background-position: 0 -35px;
	}
	
#multimedia {
display: block;
width: 140px;
height: 35px;
background-image: url(../images/multimediaButton.jpg);
float: left;
}
	
	#multimedia:hover {
	background-position: 0 -35px;
	}
	
	body#bodyMultimedia a#multimedia {
	background-position: 0 -35px;
	}
	
#partners {
display: block;
width: 117px;
height: 35px;
background-image: url(../images/partnersButton.jpg);
float: left;
}
	
	#partners:hover {
	background-position: 0 -35px;
	}
	
	body#bodyPartners a#partners {
	background-position: 0 -35px;
	}
	
#contact {
display: block;
width: 98px;
height: 35px;
background-image: url(../images/contactButton.jpg);
float: left;
}
	
	#contact:hover {
	background-position: 0 -35px;
	}
	
	body#bodyContact a#contact {
	background-position: 0 -35px;
	}
	
#impressieRollOver {
display: block;
width: 172px;
height: 125px;
float: left;
}

	#impressieRollOver:hover {
	background-position: 0 -125px;
	}
	
/* MENU ITEMS ------------------------------------------< */ 

/* DROPDOWN MENU ------------------------------------------> */ 

#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}

#nav li {
float: left;
width: 120px;
}

#nav ul {
position: absolute;
width: 120px;
left: -1000px;
}

#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: 0 0;
}

#nav a {
display: block;
} 

/* DROPDOWN MENU ------------------------------------------< */ 

/* LINK STYLES -----------------------------------------> */

#linkStyle1 {
color: #FFFFFF;
text-decoration: none;
}

	#linkStyle1:hover {
	color: #999;
	}
	
#linkStyle2 {
color: #8b8b8b;
text-decoration: none;
font-style: italic;
}

	#linkStyle2:hover {
	color: #aa0101;
	}
	
/* LINK STYLES -----------------------------------------< */

/* LEFT CONTENT -----------------------------------------> */

#contentLeft {
width: 663px;
height: auto;
float: left;
margin-left: 4px;
background-color: #202020;
}

#contentLeftTop {
width: 620px;
height: auto;
background-color: #202020;
float: left;
}

	.pageHeader {
	width: 600px;
	height: 35px;
	margin: 60px 0px 0px 20px;
	background-image: url(../images/pageHeaderBG.jpg);
	}
	
	.contentLeftText {
	width: 555px;
	height: auto;
	margin: 15px 0px 0px 25px;
	line-height: 13pt;
	color: #e4e4e4;
	}
	
	.alineaBreak {
	width: 600px;
	height: 2px;
	background-image: url(../images/alineaBreak.jpg);
	margin: 12px 0px 0px 20px;
	}
	
#impressie {
width: 620px;
height: auto;
background-color: #202020;
float: left;
}

	.impressieHeader {
	width: 601px;
	height: 35px;
	background-image: url(../images/pageHeaderBG.jpg);
	margin: 60px 0px 0px 20px;
	}

#photoContainer {
width: 601px;
height: 300px;
margin-left: 20px;
background-color: #181818;
}

#photoArea1 {
width: 172px;
height: 125px;
float: left;
background-image: url(../images/photoEntryBG.jpg);
margin: 20px 0px 0px 12px;
padding: 10px 10px 10px 10px;
}

#photoArea2 {
width: 172px;
height: 125px;
float: left;
background-image: url(../images/photoEntryBG.jpg);
margin: 20px 0px 0px 0px;
padding: 10px 10px 10px 10px;
}

#photoArea3 {
width: 172px;
height: 125px;
float: left;
background-image: url(../images/photoEntryBG.jpg);
margin: 20px 0px 0px 0px;
padding: 10px 10px 10px 10px;
}

	.paEntry {
	width: 172px;
	height: 125px;
	float: left;
	z-index: 1;
	}
	
	.paRollOver {
	position: absolute;
	width: 172px;
	height: 125px;
	float: left;
	z-index: 2;
	}

#eventNameBar {
width: 601px;
height: 36px;
background-image: url(../images/enbBG.jpg);
float: left;
}

	.eventEntry {
	width: 172px;
	height: 18px;
	background-image: url(../images/eventEntryArrow.jpg);
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 20px;
	text-align: center;
	float: left;
	padding-top: 18px;
	}

/* LEFT CONTENT -----------------------------------------< */

/* RIGHT CONTENT -----------------------------------------> */

#contentRight {
width: 279px;
height: auto;
float: left;
background-color: #212020;
}

#nieuwsbrief {
width: 259px;
height: auto;
float: left;
background-color: #181818;
}

	.nieuwsbriefHeader {
	width: 259px;
	height: 35px;
	background-image: url(../images/nieuwsbriefHeader.jpg);
	}
	
	.nieuwsbriefContent {
	width: 219px;
	height: auto;
	text-align: right;
	padding: 20px 20px 40px 20px;
	}
	
#partnersLink {
width: 259px;
height: auto;
float: left;
background-color: #181818;
}

	.partnersHeader {
	width: 259px;
	height: 35px;
	background-image: url(../images/partnersHeader.jpg);
	}

/* PARTNERS CONTENT -----------------------------------------> */

	.partnersContent {
	width: 219px;
	height: auto;
	text-align: center;
	padding: 20px 0px 20px 30px;
	float: left;
	}
	
#flyweeze {
display: block;
width: 199px;
height: 80px;
background-image: url(../images/flyweezeButton.jpg);
float: left;
}

	#flyweeze:hover {
	background-position: 0 -80px;
	}
	
#yelmer {
display: block;
width: 199px;
height: 32px;
background-image: url(../images/yelmerButton.jpg);
float: left;
margin-top: 20px;
}

	#yelmer:hover {
	background-position: 0 -32px;
	}
	
#pcpartners {
display: block;
width: 199px;
height: 100px;
background-image: url(../images/pcpartnersButton.jpg);
float: left;
margin-top: 20px;
}

	#pcpartners:hover {
	background-position: 0 -100px;
	}
	
/* PARTNERS CONTENT -----------------------------------------< */
	
#nextEvent {
width: 259px;
height: 145px;
float: left;
text-align: right;
margin-top: 60px;
}

	.nextEventHeader {
	width: 259px;
	height: 35px;
	background-image: url(../images/nextEventHeader.jpg);
	}
	
	.nextEventDate {
	width: 239px;
	height: 17px;
	background-image: url(../images/neDateBG.jpg);
	color: #454545;
	padding: 22px 20px 0px 0px;
	}
	
	.nextEventEvent {
	width: 239px;
	height: 49px;
	background-image: url(../images/neEventBG.jpg);
	padding-right: 20px;
	}
	
	.nextEventFooter {
	width: 259px;
	height: 22px;
	background-color: #101010;
	}
	
#cpContainer {
width: 259px;
height: 150px;
background-color: #181818;
color: #8b8b8b;
float: left;
padding-top: 30px;
text-align: right;
}
	
	.copyright {
	width: 239px;
	height: 34px;
	background-color: #101010;
	padding: 6px 20px 0px 0px;
	}
	
/* RIGHT CONTENT -----------------------------------------< */
