html {   
	left:0%;
	width:100%;
	height:100%; /*dit is wezenlijk om full height divs te krijgen */	margin:0px;
	padding:0px;
	overflow:auto;
}

body {   
	left:0%;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:#000000;
	font-family: Verdana;
	font-size: 0.9em;	
}

ul {
	padding-top:0px;
	margin-top:0px;
	
}

.navMainImg{  /* eerste pagina */
	position: absolute;
	top: 50%;
	left: 62%;
	margin:-250px 0 0 -300px;
	border: 10px solid #000;
	border-style:solid;
}

.navImg{   /* 2e pagina */
	border-style:none;	
	margin-top:2px;
}

.pijlNaarBoven{
	display:none;
	margin-right:4px;
	margin-top:4px;
	float:right;
}

.logoAndIntroText {   /* in main */
	float:left;
	margin-top:10px;
	margin-left:10px;
	width: 30%;
	color: white;
}

.pijlDiv{
	display:inline;
	float:right;
}

.captDiv{
	/* float:left;*/
	padding:0px;
	border:none;
	margin:3px 0px 3px 25%;
	text-align:center;
}

.clickableLogo{
	position:relative;
	top: 1%;
	left: -2%;
	border-style:none;
	border:0px; 
	text-decoration: none;
}

.clickableLogo img{
	border-style:none;
}

.navImgRO{ /* 2e pagina */
	position:relative;
	margin-top: 2%;
	left: -2%;
	border-style:none;
}

.menuBtn {
	/* hier geen kleur zetten */
	margin: 0px 3px;
	padding: 0px 2px;
	border: 0px;
	cursor:pointer;
	display:inline;
	background-color:#000000;
	white-space:nowrap;
}

.ul_no_bullets{
	list-style-type:none;	
	margin-left:2px;
}

.ul_no_bullets li {
	margin-left:2px;
}

.pnlMainMenu{ /*tweede scherm, eerste balk */
	/* overflow:hidden;*/
	/* display:block;*/
	/* background-color:#FFFFFF;*/
	/* white-space:nowrap;*/
	line-height:1.5em;		
	border-style:solid;
	border-width:0px;
	margin:0px;
	padding:2px 2px;
	display:block;
	
	border:0px;
	white-space:normal;
}

.firstCol {
	float:left;
	display:inline;
	width:100px;
}

.pnlHeader { /* tweede scherm, tweede balk. Hierin komt de naam (beetje onlogisch) */
	/*text-align:center; */

	width:100%;
	/*width: 900px;*/
	font-size:2em;
	font-weight:bold; 
	padding:0px;
	margin:0px;
	border-bottom:5px;
	border-style:solid;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	
	border-bottom-color:#000000;
	line-height:1.2em; /* centreert de tekst*/
	z-index: 1;
}


.pnlContent {
	/* position:relative;*/
	left: 0%;
	height:70%;
	clear: left; /*dit is nodig voor Firefox?? */
	overflow:auto; /* scrollbar indien nodig */
	/*background-color:#000000;*/
	background-color:#000000;
	border-style:solid;
	border:0px;
	padding:0px;
	margin:0px;
	z-index:1;
	padding-top:5px;
	padding-left:5px;
	padding-right:4px;
}

.pnlLeft{
	height:100%;
	/*float:right;*/
	width:73%;
	/*width: 300px;*/
}

.pnlRight {
	float:right;
	clear:left;
	text-align:right;
	background-color:#000000;
	width:25%;
	height:100%;
	top:0%;	
	z-index:100;
	padding:0px;
	margin:0px;
	border:0px;
}

.invisibleTable{  /* medewerkers */
	border: 0px;	
	vertical-align: top;
	border-style: none;
}

.invisibleTable TD {
	border-width: 0px;	
	border-style:none;
}

.jeugd_en_jongeren_kop {
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
	margin-top:2.5em;	
	margin-bottom:0.2em;
}

.jeugd_en_jongeren_sub_kop {
	font-size:1.0em;
	font-weight:bold;
	text-align:center;	
	padding-bottom:0.4em;
}

.kop3 {
	font-size:1.0em;
	font-weight:bold;
	padding-bottom:0.3em;
}

/* voor foto's opening*/
.leftCol{
	text-align:left;
	margin-left:10%;
	margin-bottom:20px;
}
.rightCol{
	text-align:right;
	margin-left:30%;
	margin-bottom:20px;
}
/* einde foto's voor opening */	

#cursussen H4, #gemeente H4{
	margin-bottom:2px;
}


/* jongeren aan zet */
#JAZ UL {
	padding-left:15px;
}

#JAZ H4 {
	margin-bottom:0px;
}