@charset "UTF-8";
/* CSS Document */

/* algemeen */

html, body {
	margin: 0;
	padding: 0;
	background-color: #3c3c3d;;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	}
	
#container {
	width: 900px;
	margin: 0 auto;
	height: auto;
	}

#witkader {
	width: 900px;
	margin-top: 30px;
	background-color: #FFFFFF;
	}
	
#header {
	position: relative;
	width: 884px;
	height: 102px;
	margin: auto;
	background-color: #FFFFFF;
	}	

#zwartkader {
	width: 884px;
	min-height: 500px;
	margin: auto;
	background-color: #000000;
	}
	
#logo {
	position: absolute;
	margin-left: 10px;
	border: 0;
	}
	
#pactopzuidlogo {
	position: absolute;
	margin-left: 786px;
	margin-top: 18px;
	border: 0;
	}
	
#paginatitel {
	position: absolute;
	margin-left: 179px;
	margin-top: 40px;
	}
	
#menu {
	position: absolute;
	margin-left: 172px;
	margin-top: 78px;
	}
	
#menu a {
	display: block;
	background-position: top;
	margin-left: 4px;
	margin-right: 4px;
   	}
	
#menu a:hover {
	background-position: bottom;
   	}
	
a#degroepen {
	height: 16px;
	width: 73px;
	background-image: url(../images/b_de_groepen.jpg);
	}
	
a#defotos {
	height: 16px;
	width: 61px;
	background-image: url(../images/b_de_fotos.jpg);
	}
	
a#dekaart {
	height: 16px;
	width: 59px;
	background-image: url(../images/b_de_kaart.jpg);
	}
	
a#detentoonstelling {
	height: 16px;
	width: 123px;
	background-image: url(../images/b_de_tentoonstelling.jpg);
	}
	
a#hetboek {
	height: 16px;
	width: 59px;
	background-image: url(../images/b_het_boek.jpg);
	}
	
a#deorganisatie {
	height: 16px;
	width: 94px;
	background-image: url(../images/b_de_organisatie.jpg);
	}
	
a#themakingoff {
	height: 16px;
	width: 91px;
	background-image: url(../images/b_the_making_off.jpg);
	}
	
a#contact {
	height: 16px;
	width: 53px;
	background-image: url(../images/b_contact.jpg);
	}
	
.buttons {
	margin-left: 4px;
	margin-right: 4px;
	border: 0;
	}

#footer {
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	height: 8px;
	width: 900px;
	margin-bottom: 50px;
	}
		
.regelopvulling {
	color: #000000;
	}
	
#extraruimte {
	padding-bottom: 420px;
	}
	 
/* algemeen end*/


/* index */

#intro {
	background-color: #000000;
	}

/* index end */


/* home */

.bgimghome {
	background-image: url(../images/bgimg_home.jpg);
	background-repeat: no-repeat;
	width: 884px;
	height: 567px;
	padding-bottom: 350px;
	}
	
.tekstkaderhome {
	width: 580px;
	margin-left: 161px;
	padding-top: 380px;
	font-size: 11px;
	line-height: 18px;
	letter-spacing: 1px;
	text-align: justify;
	}

/* home end */


/* de groepen */

.tekstkaderdegroepen {
	line-height: 18px;
	padding-top: 35px;
	padding-right: 30px;
	text-align: right;
	}

#atotzlinks {
	padding: 73px 0px 46px 30px;
	}

#atotzlinks ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
#atotzlinks ul li {
	margin-right: 14px; 
	display: inline; 
	}

#atotzlinks ul li a {
	font-size: 22px;
	color: #a7a9ac;
	text-decoration: none; 
	}

#atotzlinks ul li a:hover {
	color: #FFFFFF;
	}
	
#degroepen {
	height: 2750px;
	}
	
#lijsteen {
	float: left;
	width: 400px;
	margin-left: 30px;
	}

#lijsttwee {
	float: left;
	width: 350px;
	margin-left: 75px;
	}
	
.hoofdletter {
	font-size: 22px;
	margin-bottom: 18px;
	}

.tekstwitnormaal {
	color: #FFFFFF;
	font-size: 12px;
	}
	
.tekstgrijsnormaal {
	color: #a7a9ac;
	font-size: 12px;
	margin-bottom: 15px;
	}
	
#a, #b, #c, #d, #e, #f, #g, #h, #i, #j, #k, #l, #m, #n, #o, #p, #q, #r, #s, #t, #u, #v, #w, #x, #y, #z {
	margin-bottom: 40px;
	}
	
.onderkantopvulling {
	color: #000000;
	padding-bottom: 100px;
	background-color:#00CC66;
	}
			
/* de groepen end */


/* de foto's */

.tekstkaderdefotos {
	line-height: 18px;
	padding-top: 25px;
	padding-left: 300px;
	}
	
/* de foto's end*/


/* de kaart */

.tekstkaderdekaart {
	line-height: 18px;
	padding-top: 35px;
	padding-right: 30px;
	text-align: right;
	}

.dekaart {
	margin: 20px 0px 10px 10px;
	} 
/* de kaart end*/


/* de tentoonstelling */
	
.textvetdetentoonstelling {
	height: 85px;
	width: 400px;
	line-height: 20px;
	letter-spacing: 1px;
	padding-top: 75px;
	margin-left: 12px;
	font-size: 16px;
	}
	
.textnormaldetentoonstelling {
	height: 150px;
	width: 400px;
	line-height: 20px;
	margin-left: 12px;
	}
	
.bgimgdetentoonstelling {
	background-image: url(../images/bgimg_detentoonstelling.jpg);
	background-repeat: no-repeat;
	width: 884px;
	height: 752px;
	padding-bottom: 170px;
	}
	
/* de tentoonstelling end */


/* het boek */

.bgimghetboek {
	background-image: url(../images/bgimg_hetboek.jpg);
	background-repeat: no-repeat;
	width: 884px;
	height: 752px;
	padding-bottom: 170px;
	}

.tekstkaderhetboek {
	height: 400px;
	margin-left: 648px;
	padding-top: 52px;
	}
	
/* het boek end */


/* de organisatie */

.tekstkaderdeorganisatie {
	height: 600px;
	width: 800px;
	line-height: 18px;
	padding-top: 75px;
	margin-left: 50px;
	}
	
.linkrood {
	color:#e31f26;
	text-decoration: none;
	}

/* de organisatie end */


/* de making off */

.movie {
	width: 320px;
	height: 600px;
	margin-left: 282px;
	padding-top: 75px;
	}
/* de making off end */


/* contact */

.tekstkadercontact {
	height: 600px;
	width: 800px;
	line-height: 18px;
	padding-top: 75px;
	margin-left: 50px;
	}
	
/* contact end */	


.underconstruction {
	padding-top: 150px;
	text-align: center;
	}

#cmsknop {
	position: absolute;
	margin-left: 650px;
	border: 0;
}