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

* {
	margin: 0;
	padding: 0;
}
body {
	background-image: url(../images/bg-body.jpg);
	background-color: #FFF;
	background-position: top;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #878889; 
}

/*   **************** WRAPPER ********************* */

#wrapper {
	width: 800px;
	position: absolute;
	/*margin-left: -380px;*/
	margin-left: -440px;
	left: 50%;
}
#wrapper #header {
	width: 800px;
	height: 179px;
	background-image: url(../images/bg-header.jpg);
	background-position: top;
	border: 0;
}
#wrapper #header h1 a {
	position: absolute;
	width: 181px;
	height: 76px;
	background-image: url(../images/logo-centrum-jeugd-gezin.gif);
	text-indent: -4000px;
	display: block;
	cursor: pointer;
	margin-left: 27px;
	top: 35px; 
}

/*   **************** NAVIGATION ********************* */

 ul#nav {
 	height: 11px;
	margin-top: 90px;
	position: absolute;
	margin-left: 260px;
	z-index: 1000
}
ul#nav li {
	float: left;
	line-height: 11px;
	height: 11px;
	list-style: none;
	margin-right: 26px;
}


ul#nav li a {
	display: block;
	text-indent: -4000px;
	background-position: left top;
}
 ul#nav li a:hover, ul#nav li a.current {
	background-position: left bottom;
}
#btn-home a {
	background-image: url(../images/btn-home.gif);
	width: 34px;	
}
#btn-vijf-pijlers a {
	background-image: url(../images/btn-vijf-pijlers.gif);
	width: 82px;	
}
#btn-tiszo-emmen a {
	background-image: url(../images/btn-tiszo-emmen.gif);
	width: 82px;	
}

#btn-dvi a {
	background-image: url(../images/btn-dvi.gif);
	width: 23px;	
}
#btn-contact a {
	background-image: url(../images/btn-contact.gif);
	width: 45px;	
}

#btn-links a {
	background-image: url(../images/btn-links.gif);
	width: 32px;	
}

#btn-filmpjes a {
	background-image: url(../images/btn-filmpjes.gif);
	width: 53px;	
}

/*   **************** CONTENT ********************* */

#wrapper #contentWrapper {
	width: 800px;
	background-image: url(../images/bg-content-wrapper.jpg);
	height: 602px;
}

/*   **************** LEFT COLUMN ********************* */

#wrapper #contentWrapper #leftCol {
	width: 505px;
	float: right;
	/*padding: 40px;*/
	padding: 40px 40px 40px 0;
	line-height: 1.5em;
}

#dvipage #leftcol {
	background-image:url(../images/dvibg.png);
	background-repeat: no-repeat;
	background-position:right top;
}

#wrapper #contentWrapper h2 {
	margin-bottom: .6em;
	font-size: 15px;
	color: #009ee0;
}

#wrapper #contentWrapper h2 a {
	color: #009ee0;
	text-decoration: none;
}

#wrapper #contentWrapper h3 {
	margin-bottom: .6em;
	font-size: 13px;
	color: #009ee0;
}

#wrapper #contentWrapper p {
	margin-bottom: 1.5em;
}
#wrapper #contentWrapper p.inleiding {
	color: #009ee0
}

#wrapper #contentWrapper a {
	color: #009ee0;
	text-decoration: underline
}
#wrapper #contentWrapper a:hover {
	color: #e2007a;
}
#wrapper #contentWrapper ul {
	margin-left: 1.5em;
	list-style-type: square;
	margin-bottom: 1.5em
}
#wrapper #contentWrapper ol {
	margin-left: 1.5em;
	margin-bottom: 1.5em;
	padding-left: .5em;
}

#wrapper #contentWrapper ul li {
	margin-bottom: .5em;
}

#wrapper #contentWrapper img.deelnemers {
	margin-left: 20px;
	margin-top: 10px;
}

/*   **************** RIGHT COLUMN ********************* */

#wrapper #contentWrapper #rightCol {
	padding-top: 5px;
	width: 235px;
	float: left;
}

img.infoBlock {
	left: 50%;
	margin-left: -380px;
	position: absolute;
	top: 135px;
	z-index: 500
}

#wrapper #contentWrapper #rightCol img.tiszo {
	margin-left: 58px;
	margin-top: 115px;
}

/*   **************** TERUG NAAR OVERZICHT LINK ********************* */

P.terugOverzicht {
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

/*   **************** COPYRIGHT NOTICE ********************* */
p.copyright {
	font-size: 10px;
}

/*   **************** BUTTON FILMPJES ********************* */
#btnFilmpjes {
	position: absolute;
	margin-top: 87px;
	margin-left: 385px;
	left: 50%;
	width: 100px;
	height: 157px;
	z-index: 1000
}

#btnFilmpjes img, #bnrFilmpjes {
	border: none;
}

#bnrOpvoeding {
	position: absolute;
	margin-top: 250px; 
	margin-left: 385px;
	left: 50%;
	width: 100px;
	height: 101px;
	z-index: 1000
}