@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;
	overflow:auto;
	}
	
#logo {
	position: absolute;
	margin-left: 10px;
	border: 0;
	}
	
#pactopzuidlogo {
	position: absolute;
	margin-left: 786px;
	margin-top: 18px;
	border: 0;
	}

#cmsknop {
	position: absolute;
	margin-left: 650px;
	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;
	}

/* Styles voor het CMS-deel */
.nieuwsvak {
	margin-left:42px;
	padding-top:70px;
	min-height:500px;
	width:588px;
	padding-right:10px;
	border-right:1px white solid;
	padding-bottom:10px;
	float:left;
}

.agendavak {
	float:right;
	left:642px;
	margin-right:43px;
	margin-left:0px;
	padding-top:70px;	
	width:189px;
	padding-left:10px;
	border-left:1px white solid;
	padding-bottom:10px;

}

.newsbox {
	float:left;
	clear:left;
	margin-bottom:40px;
}

.news_date {
	font-size:14px;
}

.newsbox_title {
	color:#E21F26;
	font-size:24px;
	line-height:30px;
	font-weight:bolder;
}

.newsbox_txt {
	font-size:14px;
}

.newsbox_links {
	color:#E21F26;
	font-weight:bolder;
	text-decoration:none;
}

.news_plink {
	margin-left:40px;
	color:#E21F26;
	font-weight:bolder;
}

.newsadd_pagetitle {
	color:#E21F26;
	font-size:24px;
	line-height:30px;
	font-weight:bolder;	
}

.agenda_pagetitle {
	line-height:30px;
	font-size:24px;
}
.agenda_date {
}
.agendabox_title {
	font-size:16px;
	font-weight:bolder;
}
.agendabox_txt {
}
.agendabox_links {
}