/**
 * GENERAL & FIXES
 * _____________________________________________
*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}


body {
	background-color:#ECECEC;
	font-family: Arial, sans-serif;
	/*line-height: 1.4;*/
	font-size: 12px;
}


h1 {
	font-size: 24px;
	font-weight:normal;
	color:#f39800;
}

h2 {
	font-size: 18px;
	font-weight:normal;
	padding-bottom:10px;
	color:#0056A1;
}

h3 {
	font-size: 14px;
	font-weight:normal;
	padding-bottom:5px;
	color:#0056A1;
}

h4 {
	font-size: 14px;
	font-weight:normal;
	color:#0056A1;
	padding-bottom:5px;
}

#data h4 {
	font-size: 13px;
	font-weight:normal;
	color:#0056A1;
	padding:5px 13px;
	margin-left:20px;
	background:url(/images/layout/bluebullet.gif) left center no-repeat;
}

#data p.textjumpin {
	margin-left:33px;
}



h5 {
	font-size: 12px;
	font-weight:normal;
	font-family:"Trebuchet MS", Verdana;
}

p {
	font-size: 12px;
}
strong{font-weight:700;}

a{
	color: #ef8213;
}

a:hover{
	color: #0154A2;
	text-decoration:underline;
}

.clear{clear:both;}




/**
 * WRAPPERS & STRUCTUR
 * _____________________________________________
 */

#container{
	width:975px;
	margin:0 auto;
	background-color:white;
}

#container_landing{
	width:975px;
	margin:0 auto;
	background-color:#ECECEC;
}

#container_landing p{
	display:block;
	padding-top:10px;
	/*background-color:#F39017;*/
	padding:5px;
	color:#000;
}

#container_landing ul.footertext{
	color:#FF9933;
	list-style:square;
	list-style-position:outside;
	font-size:14px;
	margin-left:12px;
}

#container_landing ul.footertext li {margin-bottom:10px;}
#container_landing ul.footertext li strong{color:#000; font-weight:normal; font-size:12px;}

#landing a:hover, a:active {
	color: #fff;
	text-decoration:underline;
}

#header{
	height:108px;
	background-color:#F39017;
}

#header h1 a{
 	width: 295px;
	height: 71px;
	background-color:#6600FF;
	position: absolute;
	margin-left:130px;

 	background: transparent url(../images/layout/logo.gif) no-repeat top left;
	text-indent: -9999px;
 }

#content{background-color:white;}

#data{
	background-color:#fff;
	width:450px;
	padding-left:55px;
	padding-top:40px;
	padding-right:10px;
	float:left;
}

#footer{background-color:#0056A1; height:7px;}
#footer p{text-align:right; font-size:10px; padding:10px 0px; color:#8F8F8F; }
#footer p a{color:#8F8F8F; text-decoration:none;}
#footer p a:hover{text-decoration:underline;}

#photoBanner{
  float: left;
  width: 426px;
  background-color: #fff;
  overflow: auto;
  text-align:center;
}




/**
 * CONTENT
 * _____________________________________________
 */



#photoBanner h4{
  color:#fff;
  font-size:20px;
  margin-top:10px;
  margin-left:200px;
  width:220px;
  text-align:left;
  position:absolute;
}

#data{padding-right:30px;}

#data p{line-height:18px; margin-bottom:8px;}
#data p img{padding:5px;}


#data ul{list-style:square; list-style-position:inside; padding:0px; margin:0px; padding-left:15px; list-style-image:url(/images/layout/bluebullet.gif);}

.box_news h3 a{color:#0056A1; padding-bottom:10px; text-decoration:none;}
.box_news h3 a:hover,
.box_news p.more a:hover{text-decoration:underline;}
.box_news p.more,.box_news p.more a{text-align:right; color:#0056A1; text-decoration:none; margin-bottom:15px;}
.box_news span.datum{font-size:10px; font-style: italic;}
.box_news_detail p{width:350px;}
span.datumdetail{font-size:10px; font-style: italic;}

.gallery{width:100px; height:66px; float:left; margin-left:5px; margin-bottom:5px;}

p.backlink a{color:#0056A1; text-decoration:none;}
p.backlink a:hover{text-decoration:underline;}

p.backlink{
	margin-top:40px;
}

.box_news_archive ul{color:#ef8213;}
.box_news_archive ul a{color:#000; text-decoration:none;}
.box_news_archive ul a:hover{color:#ef8213; text-decoration:underline;}

.photogallery dl dd{with:100px; float:left; margin-right:6px;}
.photogallery dl dd a img{border:#fff solid 2px; padding:1px;}
.photogallery dl dd a:hover img{border:#F39017 solid 2px; padding:1px;}


span.form-error {
	padding: 2px 0;
	font-size: 13px;
	display: block;
	color: #CC0000;
	clear: both;
}


/**
 * PAGE__LANDING
 * _____________________________________________
 */

#landing{
	background:#333333 url(../images/layout/bannerbeeld-landing.jpg) no-repeat left top;
	height:400px;
	margin-top:40px;
}

#landing h1 a{
 	width: 486px;
	height: 104px;
	background-color:#6600FF;
	position: absolute;
	margin:0px;
	padding:0px;

 	background: transparent url(../images/layout/logo-landig.gif) no-repeat top left;
	text-indent: -9999px;
 }

#landing h2{
	color:#F39017;
	font-size:42px;
	padding-top:150px;
	padding-bottom:20px;
	margin-left:278px;
	font-weight:bold;
}

#landing p{
	position:absolute;
	text-align:left;
	background-color:#F39017;
	color:white;
	margin-top:342px;
	padding:8px 5px;
	width:613px;
}

#container_landing p.footertext{
	margin-left:620px;
	width:345px;
	font-size:10px;
	color:#A8A8A8;
}
#container_landing p.footertext a{
	font-size:10px;
	color:#A8A8A8;
	text-decoration:none;
}



#landing ul{margin:0px 0px 0px 278px; background-color:#555555; padding: 5px 5px; width:490px;}
#landing ul li{
	display:inline;
	border-right:#fff solid 1px;
	padding:0px 4px;
}
#landing ul li a{
	text-decoration:none;
	font-weight:bold;
	color:white;
}
#landing ul li a:hover{
	color:#F39017;
}
#landing ul li a:hover{text-decoration:underline;}


/*
#landing ul{margin:0px 0px 0px 278px;}
#landing ul li{
	display:inline;
	border-right:#F39017 solid 1px;
	padding:0px 4px;
}
#landing ul li a{
	text-decoration:none;
	font-weight:bold;
}
#landing ul li a:hover{text-decoration:underline;}
*/



/**
 * NAVI
 * _____________________________________________
 */

#header ul#topnav{
 	float:right;
	margin-right:10px;
	margin-top:4px;
	z-index:9999;
}

#header ul#topnav li{
	display:inline;
	padding:0px 0px;
	color:white;
}

#header ul#topnav li a{
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	font-size:9px;
	text-transform:uppercase;
}
#header ul#topnav li a:hover{text-decoration:underline;}



#menu {
	margin-left:480px;
	margin-top:86px;
	position:absolute;
	width:510px;
}


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	/*width: 130px;*/
	color:#fff;
	text-decoration:none;
	font-size:10px;
	text-transform:uppercase;
	text-indent:10px;
	padding:5px 0;
}

#nav li { /* all list items */
	padding-top:2px;
	float: left;
	/*width: 100px; /*width needed or else Opera goes nuts */
	margin-right:20px;
	background:#F39017 url(../images/layout/menu-level0-bg.gif) no-repeat top left;
}
#nav li:hover, #nav li.sfhover,  #nav li.active{ /* all list items */
	float: left;
	 /*width: 100px; width needed or else Opera goes nuts */
	background:#F39017 url(../images/layout/menu-level0-bgblue.gif) no-repeat top left;
}

#nav li.sfhover a,  #nav li.active a{ /* all list items */
color:#0056A1;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: lime;
	width: 130px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}


#nav li ul{
background-color:#fff;
}
#nav li ul li{ /* second-level lists */
	background-color:#fff;
	width: 130px;
	border-left:2px solid #0056A1;
}
#nav li ul li.hasSubs{ /* second-level lists */
	background:#fff url(../images/layout/menu-arrow.gif) right no-repeat;
}
#nav li ul li.hasSubs:hover,
#nav li ul li.sfhover{ /* second-level lists */
	background:#fff url(../images/layout/menu-arrow-over.gif) right no-repeat;
}
#nav li ul li.hasSubs:hover a,
#nav li ul li.hasSubs.sfhover a{ /* second-level lists */
	color:#F39017;
}
#nav li ul li.hasSubs:hover li a,
#nav li ul li.hasSubs.sfhover li a{ /* second-level lists */
	color:#0056A1;
}
#nav li ul li.hasSubs:hover li:hover a,
#nav li ul li.hasSubs.sfhover li.sfhover a{ /* second-level lists */
	color:#F39017;
}
#nav li ul li a{
	color:#0056A1;
}
#nav li ul li a:hover{
	color:#F39017;
}
#nav li ul ul { /* third-and-above-level lists */
	margin: -22px 0 0 130px;
}

#nav li ul ul li{ /* third-and-above-level lists */
	/* background-color:red; */
	margin:0;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav li ul li,
#nav li ul li:hover,
#nav li ul li.sfhover{ /* second-level lists */
	background-color:#fff;
	background-image:none;
}



#data ul a{
	color: #ef8213;
}

#data ul a:hover{
	color: #0154A2;
	text-decoration:underline;
}