/*
-----------------------------------------------
PHL Page Layouts
----------------------------------------------- */

/* Basic
----------------------------------------------- */
body {
  margin:0;
  padding:0;
  background:#E7E7E7;
  font:small/1.6em Verdana,Sans-serif;
  text-align:center;
  color:#E7E7E7;
  }
.container {
  background:#E7E7E7;
  width:960px;
  margin:0 auto;
  border:solid #868686;
  border-width:0 1px;
  text-align:left;
  color:#333;
  position:relative;
  }
 
  /* General Structure
----------------------------------------------- */
#content {
  padding:0 20px;
  float:left;
  width:920px;
  }
  
/* 3px margin bug in IE/Win floats 
   http://www.positioniseverything.net/explorer/threepxtest.html */
* html #content {
    margin-right:-3px;
    }
  
#maincol {
  float:left;
  width:725px;
  }
#subcol {
  float:right;
  width:205px;
  color:#888888;
  }
#subsubcol {
  display:none;
  color:#999999;
  }
#maincol, 
#subcol, 
#subsubcol {
  margin-top:-8px;
  }
#subcol, #subsubcol {
  font-size:85%;
  line-height:1.6em;
  }

/* Page Layout: 1col
----------------------------------------------- */
#col1 #maincol, #col1 #subcol {
  float:none;
  }
#col1 #maincol {
  width:920px;
  padding-top: 15px;
  }
  
/* Page Layout: 2col
----------------------------------------------- */
#col2 #maincol {
  float:left;
  padding-top: 15px;
  width:685px;
}
#col2 #subcol {
  float:right;
  padding-top: 20px;
}
  
/* Page Layout: 3col
----------------------------------------------- */
#col3 #maincol {
  width:510px;
  padding-top: 15px;
  padding-left: 40px;
  }
#col3 #subcol {
  float:right;
  padding-top: 20px;
  }
#col3 #subsubcol {
  display:block;
  float:left;
  width:160px;
  padding-top: 20px;
  }

#col3 #subsubcol ul li ul li ul li, #col3 #subsubcol ul li ul li, #col3 #subsubcol ul li {
white-space:normal;
}
#col3 #subsubcol #tmenu0{
padding-left:10px;
}

/* Header
----------------------------------------------- */
#header {
  background-color:#DBDBDB;
  background-repeat:no-repeat;
  float:left;
  width:100%;
  height:130px;
}
#logo {
  background:none;
  float:left;
  display:block;
  width:250px;
  height:35px;
  margin:26px 0 0;
  text-indent:-10000px;
  border-width:0;
  text-decoration:none;
  }

/* Lists
----------------------------------------------- */

ul, dl {
  margin:.5em 0 1em;
  padding:0;
  list-style:inside;
  }
ul li {
  margin:0 0 2px;
  padding:0 0 0 18px;
  text-indent:-18px;
  }
dl.wiebenje,
dl.overview, 
dl.features,
dl.sidebar {
  margin-bottom:1.25em;
  }
dt {
  font-weight:bold;
  }
.overview dt, 
.wiebenje dt,
.features dt {
  font:small/1.5em Verdana,Sans-serif;
  font-size:130%;
  font-variant: small-caps;
  letter-spacing: 0.2em;
  border-width:0;
  }

.features dt {
  margin-top:2em;
  border-top:1px dotted #ccd;
  padding-top:4px;
}
dd {
  margin:0 0 1em;
  padding:0;
  }
dd ul {
  margin:0;
  padding:0;
  }
dd li {
  padding:0;
  margin-bottom:0;
  text-indent:0;
 }
.overview dd, 
.features dd {
  font:small/1.8em Verdana,Sans-serif;
  font-size:85%;
  margin-bottom:1em;
  margin-top:.5em;
  }
.overview dd.summary,
.features dd.summary  {
  margin-bottom:0;
  }
.sidenotes{
  color: #888888;	
}
.features #featuretextbox{
  float: left;
  height: 10em;
}
.sidebar dt {
  font:small/1.5em Verdana,Sans-serif;
  font-size:119%;
  font-variant: small-caps;
  letter-spacing: 0.2em;
  border-width:0;
  margin-top:25px;
  border-top:1px dotted #ccd;
  }
.firstsidebaritem dt{
  margin-top:25px;
  border-top:none;
  }
.sidebar dd {
  font:small/1.4em Verdana,Sans-serif;
  font-size:90%;
  margin-bottom:-8px;
  margin-top:0.5em;
  }
.sidebar dd.summary {
  margin-bottom:0;
  }
ul.bulleted li {
  background:url(../images/icon_doc_style1.gif) no-repeat 2px .35em;
  padding-left:20px;
  margin-top:0;
  text-indent:0;
  }

ul.postdoc li {
  padding-left:20px;
  margin-top:0;
  text-indent:0;
  }



/* Tables
----------------------------------------------- */
table{
	border-collapse:collapse;
	width: 100%;
	border: 1px solid #aaa;
	background: #eee;
	}
table th, table td{
	margin: 0;
	padding: 2px;
	text-align: left;
	vertical-align:top;
	border-bottom: 1px solid #b5b5b5;
	}
table tr{
	background: #e6e6e6;
	}
table tr.alt{
	background: #f1f1f1;
	}
 
  /* Others
----------------------------------------------- */

p {
  margin:0 0 .75em;
  }
p.intro {
  padding-bottom:.75em;
  border-bottom:1px dotted #ccc;
  }
hr {
  display:none;
  }
del, .strike {
  text-decoration:line-through;
  color:#999;
  }


 /* Images
----------------------------------------------- */

a img {
  border-width:0;
  }
  
  
  /* Images
----------------------------------------------- */

.imgleft, 
.left, 
img.left{
  float:left;
  margin: 4px 8px 4px 0px;
  /*padding-left:5px;   for winie6 */
  }
.imgright, 
.right, 
img.right{
  float:right;
  margin:4px 0 4px 8px;
  /*padding-right:5px;   for winie6 */
  }
img.imgleft, 
img.imgright {
  padding:4px;
  border:1px solid #ddc;
  }
img.feature{
	padding-bottom: 10px;
	padding-right: 10px;
}


  /* General layout tools
----------------------------------------------- */
.clear {
  clear:both;
  }
 .clearright {
  clear:right;
  }
 .clearleft {
  clear:left;
  }
  
  /* Links
----------------------------------------------- */

.PDFlink,
.PDFlink:visited{
	background: url(../images/icon_PDF_style1.gif) no-repeat 0 0;
	border-width:0;
	padding-left:15px;
}
.videolink,
.videolink:visited{
	background: url(../images/icon_video_style1.gif) no-repeat 0 0;
	border-width:0;
	padding-left:15px;
}
.ankerlink, 
.ankerlink:visited {
  background: url(../images/icon_anker_style1.gif) no-repeat 0 0;
  border-width:0;
  padding-left:15px;
}
.onsitelink, 
.onsitelink:visited {
  background: url(../images/icon_doc_style1.gif) no-repeat 0 0;
  border-width:0;
  padding-left:14px;
  /*line-height: 2px;*/
}
.offsitelink, 
.offsitelink:visited {
  background:url(../images/icon_world_style1.gif) no-repeat 0 0;
  border-width:0;
  padding-left:15px;
 }
.emaillink, 
.emaillink:visited {
  background:url(../images/icon_email_style1.gif) no-repeat 0 0;
  border-width:0;
  padding-left:17px;
}
.cameralink, 
.cameralink:visited {
  background:url(../images/icon_camera_style1.gif) no-repeat 0 0;
  border-width:0;
  padding-left:17px;
}
.looplink, 
.looplink:visited {
  background:url(../images/icon_loop_style1.gif) no-repeat 0 0;
  border-width:0;
  padding-left:15px;
}
.applink, 
.applink:visited {
  background:url(../images/icon_app_style1.gif) no-repeat 0 0;
  border-width:0;
  padding-left:15px;
}
a.videolink:hover {
  background:url(../images/icon_video_style1_on.gif) no-repeat 0 0;
}
a.ankerlink:hover {
  background:url(../images/icon_anker_style1_on.gif) no-repeat 0 0;
}
a.onsitelink:hover {
  background:url(../images/icon_doc_style1_on.gif) no-repeat 0 0;
}
a.offsitelink:hover {
  background:url(../images/icon_world_style1_on.gif) no-repeat 0 0;
}
a.emaillink:hover {
  background:url(../images/icon_email_style1_on.gif) no-repeat 0 0;
}
a.cameralink:hover {
  background:url(../images/icon_camera_style1_on.gif) no-repeat 0 0;
} 
a.looplink:hover {
  background:url(../images/icon_loop_style1_on.gif) no-repeat 0 0;
}  
a.applink:hover {
  background:url(../images/icon_app_style1_on.gif) no-repeat 0 0;
}    
.videolink,
.videolink.visited,
.PDFlink,
.PDFlink.visited,
.ankerlink,
.ankerlink.visited,
.onsitelink, 
.onsitelink:visited,
.offsitelink, 
.offsitelink:visited,
.emaillink, 
.emaillink:visited, 
.cameralink, 
.cameralink:visited, 
.looplink, 
.looplink:visited,
.applink,
.applink:visited{
  color:#555555;
  /*white-space:nowrap;*/
  /*text-transform: uppercase;*/
  text-decoration: none;
  letter-spacing: 0.15em;
}  
/*a.ankerlink:hover,    IE/WIN heeft probleem hiermee, layout verspringt als men over link hoovered*/
a.videolink:hover,
a.PDFlink:hover,
a.onsitelink:hover,
a.offsitelink:hover,
a.emaillink:hover,
a.cameralink:hover,
a.looplink:hover,
a.applink:hover  {  
  text-decoration: underline;
  color:#152C58;
  border-color:#ccb;
  }
span.videolink,
span.PDFlink,
span.ankerlink,
span.onsitelink,
span.offsitelink,
span.emaillink,
span.cameralink,
span.looplink,
span.applink  {
  color:#887;
  }
.videolink img,
.PDFlink img,
.ankerlink img,
.onsitelink img, 
.offsitelink img,
.emaillink img,
.cameralink img,
.looplink img,
.applink img {
  margin-top:.5em;
  } 
   
  

/* Path
	----------------------------------------------- */
	.style1 #path {
	float:left;
	  width:715px;
	  padding:4px 0px 0px 4px;
	  }
	
	.style2 #path {
	float:left;
	  width:880px;
	  padding:4px 0px 0px 4px;
	  }
	
	.style3 #path {
	float:left;
	  width:510px;
	  padding:4px 0px 0px 4px;
	  }
	  
	.style2b #path {
	float:left;
	  width:715px; /*dvdborn 05.12.08*/
	  padding:4px 0px 0px 4px;
	  }
	
	.style3b #path {
	float:left;
	  width:715px; /*dvdborn 05.12.08*/
	  padding:4px 0px 0px 4px;
	  }
	  
	#path a {
	  color:#124;
	  font-size:90%;
	  font-family: "Arial Narrow", verdana, Sans-serif;
	  letter-spacing: 0.1em;
	  font-weight:normal;
	  line-height:1.5em;
	  text-decoration:none;
	  text-transform:lowercase;
	  }
	  
	 
	#path a:hover {
	  text-decoration: underline;
	  color:#152C58;
	  }
	  
	#rssfeed{
		border-width:0;
		position: absolute;
		display: block;
		left: 715px;
		top: 176px;
		width: 20px;
		height: 9px;
	}



	/* Subheader
	---------------- */
	#subheader {
		background-color:#FFC281;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		float:left;
		width:100%;
		margin-top:0;
		padding: 2px 0 2px 0;
		}
	
	#subheader span {
		float: left;
		display:inline;
		padding: 0 0 0 14px;
		font-size: 10px;
		color:#58a;
		border-width:0;
		font-weight:normal;
		text-decoration:none;
		}
	
	#subheader #subheadersidebar{
		position: absolute;
		left: 735px;
		padding: 0;
		}

/* Footer
----------------------------------------------- */
#footer {
 color:#888888;
  clear:both;
  font-size:0.65em;
  border: solid #868686 0px;
  border-bottom-width: 1px;
}
#footer p {
  background:#fff url(../images/footer.gif) no-repeat 0;
  color:#888888;
  margin:0;
  padding:5px 20px 5px 20px;
  text-align:center;
  line-height:1.5em;
  }
/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   IE5-Mac shouldn't see this \*/
  * html #footer p {
    height:1%;
    }
  /* Resume IE5-Mac */
#footer a, 
#footer a:visited {
  color:#479;
  border-color:#479;
  }
#footer a:hover {
  color:#135;
  border-color:#479;
  }


/* style1 
----------------------------------------------- */
  
body.style1 {
  background-image:url(../images/body_bg_style1.gif);
  background-color:#E7E7E7;
  }
.style1 .container {
  background:#E7E7E7 url(../images/container_bg_col2_style1.gif) repeat-y 0 0; 
  border-color:#868686;
  }
.style1 a{
  color:#285A92;
  text-decoration:none;
}
.style1 a:hover {
  color:#152C58;
  text-decoration:underline;
 }
.style1 #subheader {
  background-image:url(../images/subheader_bg_style1.gif);
  }

.style1 #navtop {
  background-color:#87be3e;
  background-position:0 0px; /*toegevoegd uit html pagina dvdborn*/
  border-color:#124;
  }
 .style1 #navbottom {
  background-image:url(../images/navbottom_bg_style1.jpg);
  border-color:#124;
  }
.style1 #navtop a, 
.style1 #navtop strong, 
.style1 #navtop #currentversion {
  border-color:#124;
  color:#000; /*letterkleur navtap*/
  }
.style1 #navtop .current a {
  background-image:url(../images/navshadow_current_style1.gif);
  background-color:#06773b;
  }
.style1 #navtop a:hover {
  background-image:url(../images/navshadow_style1.gif);
  background-color:#055219;
  }
.style1 #navtop a:hover, 
.style1 #navtop .current strong {
 color:#fff;
  }
.style1 #navtop .current a:hover strong {
  color:#fff;
}

.style1 dt, 
.style1 dt a
{
  color:#285A92;
}

.style1 h1 {
  font:small/1.5em Verdana,Sans-serif;
  font-size:140%;
  font-variant: small-caps;
  letter-spacing: 0.2em;
  border-width:0;
  margin-top:2em;
  border-top:1px dotted #ccd;
  padding-top:4px;
  color:#285A92;
}

.style1 h2 {
  font:small/1.5em Verdana,Sans-serif;
  font-size:120%;
  font-variant: small-caps;
  letter-spacing: 0.2em;
  border-width:0;
  margin-top:2em;
  border-top:1px dotted #ccd;
  padding-top:4px;
  color:#285A92;
}

.style1 h3 {
  font:small/1.5em Verdana,Sans-serif;
  font-size:100%;
  font-variant: small-caps;
  letter-spacing: 0.2em;
  border-width:0;
  margin-top:2em;
  border-top:1px dotted #ccd;
  padding-top:4px;
  color:#285A92;
}


.style1 #footer {
 color:#888888;
}
.style1 #footer p {
  background:#fff url(../images/footer.gif) no-repeat 0 0;
  color:#888888;
  margin:0;
  padding:5px 20px 5px 20px;
  text-align:center;
  line-height:1.5em;
}
.style1 #footer a, 
.style1 #footer a:visited {
  color:#479;
  border-color:#479;
  }
.style1 #footer a:hover {
  color:#135;
  border-color:#479;
  }

.style1 #header { 
	height:120px; 
	}
.style1 .header1 {
	background:#fff url(../../images/header-phl.gif) no-repeat 0 0;
	}
.style1 #content{ 
	padding-top: 0px; 
	}
.style1 body {
	background-image:url(../images/body_bg_style1.gif); 
	}
.style1 li {
	padding-bottom:0.75em;
	}
 /*Links in header */
/*Homepage link*/
.style1 #header a#link_logo {
	display:block; 
	width:150px; 
	height:118px; 
	text-decoration:none; 
	z-index:20;
	}
/*E-mail link*/
 .style1 #header a#link_email {
	position:absolute;
	display:block;
	left: 564px;
	top: 66px;
	width: 60px;
	height:25px;
	text-decoration:none;
	z-index:19;
	}

/*strong en bold tekst tonen als Notice*/
.style1 #content #maincol strong, .style1 #content #maincol b{ 
	color:#8B1C00;
	font-weight: bold;
	}
	
 /* style2 
----------------------------------------------- */
  
body.style2 {
  background-image:url(../images/body_bg_style1.gif);
   background-color:#E7E7E7;
  }
.style2 .container {
  background:#fff; 
  border-color:#868686;
  }
.style2 a{
  color:#285A92;
  text-decoration:none;
}
.style2 a:hover {
  color:#152C58;
  text-decoration:underline;
 }


.style2 #navtop {
  background-color:#87be3e;
  background-position:0 0px; /*toegevoegd uit html pagina dvdborn*/
  border-color:#124;
  }
.style2 #navtop a, 
.style2 #navtop strong, 
.style2 #navtop #currentversion {
  border-color:#124;
  color:#000; /*letterkleur navtap*/
  }
.style2 #navtop .current a{
  background-image:url(../images/navshadow_current_style1.gif);
  background-color:#06773b;
  }
.style2 #navtop a:hover{
  background-image:url(../images/navshadow_style1.gif);
  background-color:#055219;
  }
.style2 #navtop a:hover, 
.style2 #navtop .current strong {
 color:#fff;
  }
.style2 #navtop .current a:hover strong {
  color:#fff;
}

.style2 dt, 
.style2 dt a
{
  color:#285A92;
}

.style2 h1 {
  font:small/1.5em Verdana,Sans-serif;
  font-size:140%;
  font-variant: small-caps;
  letter-spacing: 0.2em;
  border-width:0;
  margin-top:2em;
  border-top:1px dotted #ccd;
  padding-top:4px;
  color:#285A92;
}

.style2 h2 {
  font:small/1.5em Verdana,Sans-serif;
  font-size:120%;
  font-variant: small-caps;
  letter-spacing: 0.2em;
  border-width:0;
  margin-top:2em;
  border-top:1px dotted #ccd;
  padding-top:4px;
  color:#285A92;
}

.style2 h3 {
  font:small/1.5em Verdana,Sans-serif;
  font-size:100%;
  font-variant: small-caps;
  letter-spacing: 0.2em;
  border-width:0;
  margin-top:2em;
  border-top:1px dotted #ccd;
  padding-top:4px;
  color:#285A92;
}


.style2 #footer {
 color:#888888;
}
.style2 #footer p {
  background:#fff url(../images/footer.gif) no-repeat 0 0;
  color:#888888;
  margin:0;
  padding:5px 20px 5px 20px;
  text-align:center;
  line-height:1.5em;
}
.style2 #footer a, 
.style2 #footer a:visited {
  color:#479;
  border-color:#479;
  }
.style2 #footer a:hover {
  color:#135;
  border-color:#479;
  }

.style2 #header { 
	height:120px; 
	}
.style2 .header1 {
	background:#fff url(../../images/header-phl.gif) no-repeat 0 0;
	}
.style2 #content{ 
	padding-top: 0px; 
	}
.style2 body {
	background-image:url(../images/body_bg_style1.gif); 
	}
.style2 li {
	padding-bottom:0.75em;
	}
/*Links in header */
/*Homepage link*/
.style2 #header a#link_logo {
	display:block; 
	width:150px; 
	height:118px; 
	text-decoration:none; 
	z-index:20;
	}
/*E-mail link*/
 .style2 #header a#link_email {
	position:absolute;
	display:block;
	left: 565px;
	top: 67px;
	width: 60px;
	height:15px;
	text-decoration:none;
	z-index:19;
	}
/*strong en bold tekst tonen als Notice*/ 
 .style2 #content #maincol strong, .style1 #content #maincol b{ 
	color:#8B1C00;
	font-weight: bold;
	}

/* style3 
----------------------------------------------- */
  
body.style3 {
  background-image:url(../images/body_bg_style1.gif);
  background-color:#E7E7E7;
  }
.style3 .container {
  background:#E7E7E7 url(../images/container_bg_col3_style3.gif) repeat-y 0 0; 
  border-color:#868686;
  }
.style3 a{
  color:#285A92;
  text-decoration:none;
}
.style3 a:hover {
  color:#152C58;
  text-decoration:underline;
 }
.style3 #subheader {
  background-image:url(../images/subheader_bg_style3.gif);
  color:#50749C;
  }

.style3 #navtop {
  background-color:#87be3e;
  background-position:0 0px; /*toegevoegd uit html pagina dvdborn*/
  border-color:#124;
  }
.style3 #navtop a, 
.style3 #navtop strong, 
.style3 #navtop #currentversion {
  border-color:#124;
  color:#000; /*letterkleur navtap*/
  }
.style3 #navtop .current a{
  background-image:url(../images/navshadow_current_style1.gif);
  background-color:#06773b;
  }
.style3 #navtop a:hover{
  background-image:url(../images/navshadow_style1.gif);
  background-color:#055219;
  }
.style3 #navtop a:hover, 
.style3 #navtop .current strong{
 color:#fff;
  }
.style3 #navtop .current a:hover strong{
  color:#fff;
}

.style3 dt, 
.style3 dt a
{
  color:#285A92;
}

.style3 h1 {
  font:small/1.5em Verdana,Sans-serif;
  font-size:140%;
  font-variant: small-caps;
  letter-spacing: 0.2em;
  border-width:0;
  margin-top:2em;
  border-top:1px dotted #ccd;
  padding-top:4px;
  color:#285A92;
}

.style3 h2 {
  font:small/1.5em Verdana,Sans-serif;
  font-size:120%;
  font-variant: small-caps;
  letter-spacing: 0.2em;
  border-width:0;
  margin-top:2em;
  border-top:1px dotted #ccd;
  padding-top:4px;
  color:#285A92;
}

.style3 h3 {
  font:small/1.5em Verdana,Sans-serif;
  font-size:100%;
  font-variant: small-caps;
  letter-spacing: 0.2em;
  border-width:0;
  margin-top:2em;
  border-top:1px dotted #ccd;
  padding-top:4px;
  color:#285A92;
}

.style3 #footer p {
  background:#fff url(../images/footer_col3.gif) no-repeat 0 0;
  color:#888888;
  margin:0;
  padding:5px 20px 5px 20px;
  text-align:center;
  line-height:1.5em;
}
.style3 #footer a, 
.style3 #footer a:visited {
  color:#479;
  border-color:#479;
  }
.style3 #footer a:hover {
  color:#135;
  border-color:#479;
  }

.style3 #header { 
	height:120px; 
	}
.style3 .header1 {
	background:#fff url(../../images/header-phl.gif) no-repeat 0 0;
	}
.style3 #content{ 
	padding-top: 0px; 
	}
.style3 body {
	background-image:url(../images/body_bg_style1.gif); 
	}
.style3 li {
	padding-bottom:0.75em;
	}
 /*Links in header */
/*Homepage link*/
.style3 #header a#link_logo {
	display:block; 
	width:150px; 
	height:118px; 
	text-decoration:none; 
	z-index:20;
	}
/*E-mail link*/
 .style3 #header a#link_email {
	position:absolute;
	display:block;
	left: 505px;
	top: 80px;
	width: 60px; 
	height:15px; 
	text-decoration:none; 
	z-index:19;
	}

/*strong en bold tekst tonen als Notice*/
.style3 #content #maincol strong, .style3 #content #maincol b{ 
	color:#8B1C00;
	font-weight: bold;
	}
	


 /*PHL Submenu, ankermenu en gerelateerd menu*/
 .submenubox{
 	width:200px;
	background: #fff url(../images/menubox-bottom.gif) no-repeat bottom left;
	overflow: hidden;
	margin-bottom: 20px;
	}
.submenubox .submenubox-top, .ankermenubox .ankermenubox-top, .gerelateerdmenubox .gerelateerdmenubox-top{
	background:url(../images/menubox-top.gif) no-repeat top left;
	}
.submenubox ul, .ankermenubox ul, .gerelateerdmenubox ul{
	margin: 0px;
	padding: 4px 4px 4px 27px;	
	list-style: none;
	}
.submenubox ul li, .ankermenubox ul li, .gerelateerdmenubox ul li{
	margin: 0;
	padding: 0;
	}
.submenubox ul li a, .ankermenubox ul li a, .gerelateerdmenubox ul li a{
	word-wrap: break-word;
	}
 
  /*PHL Ankermenu*/
 .ankermenubox{
 	width:200px;
	background: #fff url(../images/menubox-bottom.gif) no-repeat bottom left;
	overflow: hidden;
	margin-bottom: 20px;
	}

  /*PHL Gerelateerde items menu*/
 .gerelateerdmenubox{
 	width:200px;
	background: #fff url(../images/menubox-bottom.gif) no-repeat bottom left;
	overflow: hidden;
	margin-bottom: 20px;
	}

 /* Collapse menu */
 .handcursor{
	cursor:hand;
	cursor:pointer;
	color:#50749C;
	}
.nieuwsboxitems{
	list-style: none;
	margin: 0 0 4px;
	padding: 0 4px 0 4px;
	}
#nieuwsbox{
	width: 198px;
	border:1px solid #aaa;
	line-height:normal;
	margin-bottom:15px;
		}
#nieuwsbox ul li a{
 /*background: url(../images/icon_doc_style1.gif) no-repeat 0 0;*/
  border-width:0;
  padding-left:14px;
  }
#phl-nieuws{
	border-bottom: 1px solid #aaa;
	}
#phl-agenda{
	border-bottom: 1px solid #aaa;
	}
#phl-media{
	border-bottom: 1px solid #aaa;
	}
#phl-nieuws-title{
	padding: 4px;
	background: #ffe;
	border-bottom: 1px solid #aaa;
	}
#phl-agenda-title{
	padding: 4px;
	background: #ffe;
	border-bottom: 1px solid #aaa;
	}
#phl-fotoalbums-title{
	padding: 4px;
	background: #ffe;
	border-bottom: 1px solid #aaa;
	}
#phl-media-title{
	padding: 4px;
	background: #ffe;
	border-bottom: 1px solid #aaa;
	}
 
 /*Quick links*/
#quicklinks{
 	font-size: xx-small; /*voor IE5/WIN */
	f\ont-size: x-small; /* voor andere versies */
 }

  #quicklinks_container{
 	padding: 3px 3px;
	margin: 0;
	}
 
 
 /* PDF print */
 #PDF{
 	float:right;
	margin: 0;
	padding: 0;
	}

/* Cover image */
#coverimage{
	margin: 0;
	padding: 0;
	border: 1px solid #aaa;
	}
 
 /*Wie ben je keuze*/
 .wiebenje dd {
  font:small/0.85em Verdana,Sans-serif;
  font-size:85%;
  /*line-height:1.8em;*/
  /*margin-bottom:1em;*/
  margin-top:.5em;
  }
 
 .notice{
 	color:#8B1C00;
	font-weight: bold;
	}
	
.notice-light{
 	color:#8B1C00;
	font-weight: normal;
	}
	
 .subtitel{
	clear:both;
 	color:#285A92;
	font-weight:normal;
	font-size:120%;
	letter-spacing: 0.2em;
  	line-height:1.5em;
	}
	
.hoofdtitel {
	clear:both;
	color:#285A92;
	font:small/1.6em Verdana,Sans-serif;
	font-size:17px;
	font-variant: small-caps;
	letter-spacing: 0.2em;
	line-height:1.5em;
	margin-top:2em;
	padding-top:4px;
  }
	
/* Cover image */
.fotokader{
	margin: 1px;
	padding: 2px;
	border: 1px solid #aaa;
	}




/* ENKEL VOOR WEBSITE - NIET VOOR CMS */
/*Drop Down Menu*/
#navtop {
	float:left;
	position:relative;
	background-color:#87be3e;
	font-size:85%;
	text-align:left;
	background-position:0 0px;
	width: 960px;
	z-index:1000;
	}

 #navtop ul{
 position:relative;
 float:left;
	list-style-type: none;
	margin: 0;
	padding:0;
	/*height: auto;*/
	border-top: 1px solid #124;
	border-bottom: 1px solid #124;	
	width:960px;
	z-index:1001;
	}
	
#navtop ul li{
	float: left;
	position:relative;
	padding-bottom:0;
	margin-bottom:-1px; 
	border-right: 1px solid #124;
	border-bottom: 1px solid #124;
	z-index:1002;
	}

 #navtop ul li a{
	text-decoration: none;
	height: 1.2em;
	padding:4px 3px; 
	color: #000;
	text-decoration:none;
	text-transform:lowercase;
	white-space:nowrap; 
	/*background-color:#ff00ff;*/
	z-index:1003;
	}



#navtop ul li ul {
	position: absolute;
	display:none; /*IE aanpassing*/
	height:auto;
	top: 1.88em;
	left: -1px;
	margin: 0;
	padding:0;
	background-color:#B5D68F;
	border: 1px solid #124;
	width:140px;
	z-index:9000;
	}

#navtop ul li ul li {
	clear:both;
	border: none;
	/*background-color:#00ffff;*/
	width:122px;
	z-index:9001;
	}

#navtop ul li ul li a{
	white-space:normal;
	/*background-color:#0F0Fff;*/
	width:122px;
	z-index:9002;
	}

#navtop ul li ul li ul{
	position:absolute;
	top: 0;
	left: 140px;
	height:auto;
	background-color:#B5D68F;
	border: 1px solid #124;
	z-index:9003;
	}

#navtop ul li:hover{
	 background:none;
	 background-color:#055219;
	 z-index:9999;
	 }
			
#navtop ul li ul li:hover{
	background:none;
	background-color:#7EBD47;
	width:122px;
	z-index:9999;
	}

#navtop ul li ul li a:hover{
	background-image:none;
	padding: 0 0 0 4px;
	background-color:#7EBD47;
	z-index:9999;
	}

#navtop ul li strong,
#navtop ul li .current strong{
color:#FFFFFF;
font-weight:normal;
	 }

		
/*IE Specific*/
#navtop ul li a:hover{
	color: #fff;
	background-image:url(../images/navshadow_style1.gif);
  	background-color:#055219;
	z-index:9999;
		}

#navtop .current
	{
	  background-image:url(../images/navshadow_current_style1.gif);
	  background-color:#06773b;
	  color:#FFFFFF;
	  }
/*Opmaak kalender*/
/*===============*/

.arrowlistmenu{
width: 100%; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: 12px Verdana;
color: #000000;
background-color: #FFFFFF;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
padding: 4px 0 2px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
margin-top: 2px;
border-top: none;
}

.arrowlistmenu .calendartable{
border-width:1px;
border-style:solid;
border-color: #86BE3E;
/*border-bottom:none;*/
margin-bottom:3px;
padding-bottom:0px;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin-left: 10px;
padding: 0;
margin-bottom: 4px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
display: block;
padding: 2px 0;
text-decoration: none;
font-size: 90%;
}

.calendartable .titlefield{
	width:80%;
	background-color: #FFFFFF;
	/*border-bottom-color: #86BE3E;*/
	border: none;
}

.calendartable .datefield{
	font-weight: normal;
	background-color: #ffffff;
	color: #000000;
	border: none;
}