/* vspace="0" hspace="0" to fix xhtml for IE5.5, does not validate with xhtml strict */

html, body{ height: 100%;}

body#home 			{ margin: 0; padding: 0; background: url(../images/home_background.gif) #FFFFFF repeat-y; color: #000000; font: 74%/1.3em Arial, Helvetica, sans-serif; }
body#sub 	 		{ margin: 0; padding: 0; background: #FFFFFF; color: #000000; font: 74%/1.3em Arial, Helvetica, sans-serif; }
body#programma 		{ margin: 0; padding: 0; background: url(../images/home_background.gif) #FFFFFF repeat-y; color: #000000; font: 74%/1.3em Arial, Helvetica, sans-serif; }
body#subwide 		{ margin: 0; padding: 0; background: #FFFFFF; color: #000000; font: 74%/1.3em Arial, Helvetica, sans-serif; }
body#subwidehigh	{ margin: 0; padding: 0; background: #FFFFFF; color: #000000; font: 74%/1.3em Arial, Helvetica, sans-serif; }
body#programmawide	{ margin: 0; padding: 0; background: #FFFFFF; color: #000000; font: 74%/1.3em Arial, Helvetica, sans-serif; }
body#report			{ margin: 0; padding: 0; background: #FFFFFF; color: #000000; font: 70%/1.3em Arial, Helvetica, sans-serif;}

form{ padding: 0; margin: 0; }
img { border: none; }
td.newsvisual img { margin: 4px 14px 0px 0px !important; }
hr{ background: #E5E5E5; color: #E5E5E5; height: 2px; border: none;}
td {empty-cells: show;}

.nomargin {margin:0px;}

.clear{ clear: both; display: block; height: auto; }
.date{ color: #707070 !important; font-size: x-small !important; }
.graysub{ color: #707070 !important; }

.gray{color: #707070 !important;}

span.ocean{ color: #186F6D !important; font-size: x-small !important; }

.archive{margin: 10px 0px 20px 0px !important; position: relative;font-size: 92%; }
.archive a { color: #707070 !important; text-decoration: underline !important; }
.archive a:hover{ color: #222222 !important; text-decoration: underline !important; }

a.resultlink{color: #707070 !important;font-size: x-small !important; clear: left; display: block; text-decoration: underline !important; }
a.resultlink:hover{color: #222222 !important;font-size: x-small !important; text-decoration: underline !important; }

.ocean { color: #186F6D !important; }
a.ocean {color: #186F6D !important;}
a.ocean:hover {color: #66BDBB !important;}

.grayarrow{ padding: 0px 0px 0px 7px; background: url(../images/nav_gray_arrow.gif) 0px 6px no-repeat; color: #707070; }
a.grayarrow{color: #707070 !important;}
a.grayarrow:hover strong{color: #222222 !important;}

.grayarrownews{ padding: 0px 0px 0px 7px; background: url(../images/nav_gray_arrow.gif) 0px 6px no-repeat; color: #707070; }
a.grayarrownews{color: #707070 !important;}
a.grayarrownews:hover{color: #222222 !important;}
a.grayarrownews strong{color: #707070 !important;}
a.grayarrownews:hover strong{color: #222222 !important;}

.bluearrow{ padding: 0px 0px 0px 7px; background: url(../images/nav_gray_arrow.gif) 0px 6px no-repeat; color: #707070; }
a.bluearrow{color: #FFFFFF !important;}
a.bluearrow:hover{color: #000000 !important;}

.greenarrow{ padding: 0px 0px 0px 7px; background: url(../images/nav_green_arrow.gif) 0px 6px no-repeat; color: #186F6D; }
a.greenarrow{color: #186F6D !important;}
a.greenarrow:hover{color: #66BDBB !important;}

.homearrow{ padding: 0px 0px 0px 7px; color: #707070; background: url(../images/nav_gray_arrow_left.gif) 0px 4px no-repeat !important; text-decoration: none; }
.padding{ padding: 10px !important;}
.paddingtitle{padding: 10px;left:10px;position:relative;}
.latestnews { padding: 4px 10px 0px 0px !important; margin: 0px 0px 20px 0px !important; display: block !important; }
.left{ float: left; }
.right{ float: right; }
img.left{ float: left; }
img.right{ float: right; }

.navselected { color: #E41F1F !important; }
.highlight { color: #BA0000 !important; }
h1 { display: block; color: #E41F1F; font-size: 140%; margin: 0px 0px 4px 0px; }
h3 { display: block; color: #E41F1F; font-size: 120%; margin: 0px 0px 4px 0px; }
.blacktitle, h2 { display: block; color: #000000; font-size: 140%; margin: 0px 0px 4px 0px;  }
h4,h5,h6 { display: block; color: #000000; font-size: 100%; margin: 0px 0px 4px 0px; font-weight:bold; }
.txtheadimages{ padding: 10px 0px 0px 12px; display: block; }
.underline {text-decoration: underline !important; margin: 0px 0px 0px 10px;}

#subwide #content,#subwidehigh #content,#programmawide #content { margin: 0px 0px 40px 0px; float: left; width: 568px; background: #FFFFFF; }
.forcewide { margin: 0px 0px 40px 0px !important; float: left !important; width: 568px !important; background: #FFFFFF; }
#content { 
	/*Position everything, to solve IE Italic bug*/
	overflow: hidden; 
    overflow: visible; 
    width: 100%; 
    width: auto; 
    height: 1%; 
	/*End position everything, IE BUG*/
	margin: 0px 0px 40px 0px; float: left; width: 384px; background: #FFFFFF;
}  
#content a { color: #186F6D; text-decoration: none; }
#content a:hover { color: #66BDBB; text-decoration: none; }

#content p { padding: 0px 0px 6px 0px; margin: 0; display: block; clear: left; }
#content .headarrow { padding: 0px 0px 0px 7px; color: #707070; background: url(../images/nav_green_arrow.gif) 0px 6px no-repeat; text-decoration: none; }
#content img { margin: 4px;} 
#content img.pagevisual { margin: 0px; }

#content a.greybold {
	color: #707070;
	text-decoration: none !important;
	font-weight: bold;	
}
#content a.greybold:hover {
	color: #222222;
	text-decoration: none !important;
}

/* next is the italic fix for IE, see http://www.positioniseverything.net/explorer/italicbug-ie.html#eight*/
/* \*/
* #content {
	overflow: hidden;
	o\verflow: visible;
	he\ight: 1%;
}
/* */

#firstnewsitem{ margin: 0px 0px 10px 0px; background: #BCE7E5; min-height: 160px; _height: 160px; /* IE hack */ }
#footer{ width: 100%; clear: both; padding: 18px 0px 0px 0px; display: block; background: url(../images/home_footerline.gif) #FFFFFF top left no-repeat; color: #707070; font-size: 92%; height: 40px; position: relative; }
#framework{ width: 760px; position: relative; }

#header { background: url(../images/home_headnavline.gif) #FFFFFF bottom no-repeat; height: 72px; }
#header img, #visual img, #blockstyles img { float: left; /* remove spacing */ }
#programma #header,#programmawide #header  { background: url(../images/prog_headnavline.gif) #FFFFFF bottom no-repeat; height: 72px; }

#headnav{ float: right; margin: 4px 0px 0px 0px; font-size: 92%; }
#headnav a, #footer a{ margin: 0px 4px 0px 12px; color: #707070; }
#headnav a:hover, #footer a:hover{ color: #222222; }

#home #visual { background: url(../images/home_visualline.gif) bottom left no-repeat; height: 96px; }
#sub #visual { background: url(../images/sub_visualline.gif) bottom left no-repeat; height: 96px; }
#programma #visual {  background: url(../images/prog_visualline.gif) bottom left no-repeat; height: 96px; }
#subwide #visual { background: url(../images/sub_subvisualline.gif) bottom left no-repeat; height: 78px; margin: 0px 0px 18px 0px; }
#subwidehigh #visual { background: url(../images/sub_visualline_allred.gif) bottom left no-repeat; height: 96px; margin: 0px 0px 18px 0px; }
#programmawide #visual { background: url(../images/prog_progvisualline.gif) bottom left no-repeat; height: 78px; margin: 0px 0px 18px 0px; }

#subwide #content,#subwidehigh #content { margin: -18px 0px 0px 0px; }
#programmawide #content {margin: -18px 0px 0px 0px; }

#visualblocks img {margin: 1px 0px 0px 2px; padding: 0; background: #FFFFFF;}/* may be converted to one visual */

#navigation { width: 192px; float: left; background: #FFFFFF; color: #707070; font-size: 92%; }
#navigation .underline{ margin: 0px 0px 16px 7px; background: none; text-decoration: underline !important; }
#navigation a, #navigation strong a{ clear: right; display: block; color: #707070; text-decoration: none; width: 95%;  }
#navigation a:hover { color: #222222 !important; text-decoration: none; }

#popout{ width: 184px; border: #000000 1px none; height: 140px; position: absolute; top: 28px; left: 576px; }
#popout img{ vertical-align: bottom; bottom: 0px; position: absolute; }

#redbar{ 	width: 6px; background: #E41F1F; top: 72px; left: 0px; height: 72px; position: absolute; z-index: 100; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#whitebar{ 	width: 6px; background: #FFFFFF; top: 72px; left: 0px; height: 72px; position: absolute; z-index: 100; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }

/*nieuwe stijl voor digitale balie*/
#digitaleBalie {margin: 0px 0px 0px 10px;}
#digitaleBalie table{width: 550px;}
#digitaleBalie td {width: 181px; height: 15em; background: #EAEFEB; color: #707070; margin: 0px 2px 2px 0px;}
#digitaleBalie td div {margin: 5px 0px 0px 5px; width: 161px; display: block;}
#digitaleBalie img{display: block; padding: 0; margin: 0;  }
#digitaleBalie .underline{ margin: 0; background: none; text-decoration: underline !important; }
#digitaleBalie a { width: 95%; padding: 0px 0px 0px 7px; display: block; color: #707070; background: url(../images/nav_gray_arrow.gif) 0px 6px no-repeat; text-decoration: none; }
#digitaleBalie a:hover { color: #222222; text-decoration: none; }
#digitaleBalie .ocean {background: #BCE7E5 !important;}
#digitaleBalie .ocean strong{ color: #186F6D !important;}
#digitaleBalie .ocean a { width: 95%; padding: 0px 0px 0px 7px; display: block; color: #186F6D; background: url(../images/nav_green_arrow.gif) 0px 6px no-repeat; text-decoration: none; }
#digitaleBalie .ocean a:hover { color: #002D30; text-decoration: none; }

a.categorieTitle{color: #707070 !important;}
a.categorieTitle:hover{color: #222222 !important;}
a.categorieTitle strong{color: #707070 !important;}
a.categorieTitle:hover strong{color: #222222 !important;}


/*oude stijlen zonder kolommen*/
#gridstyles{margin: 0px 0px 0px 10px;}
#gridstyles div { width: 181px; float: right; background: #EAEFEB; color: #707070; margin: 0px 3px 3px 0px; overflow: hidden; display: inline;}
#gridstyles div .padding{overflow: hidden; width: 161px;}
#gridstyles img{display: block; padding: 0; margin: 0;}
#gridstyles .underline{ margin: 0; background: none; text-decoration: underline !important; }
#gridstyles a { width: 95%; padding: 0px 0px 0px 7px; display: block; color: #707070; background: url(../images/nav_gray_arrow.gif) 0px 6px no-repeat; text-decoration: none; }
#gridstyles a:hover { color: #222222; text-decoration: none; }
#gridstyles .ocean{ background: #BCE7E5 !important;}
#gridstyles .ocean strong{ color: #186F6D !important;}
#gridstyles .ocean a { width: 95%; clear: both; padding: 0px 0px 0px 7px; display: block; color: #186F6D; background: url(../images/nav_green_arrow.gif) 0px 6px no-repeat; text-decoration: none; }
#gridstyles .ocean a:hover { color: #002D30; text-decoration: none; }

/*nieuwe kolomstijl*/
#content .vgrid{margin: 0px 0px 0px 10px;}
#content .vgrid div{ width: 181px; float: left; margin: 0 3px 0 0; }
#content .vgrid div div{ background: #F5F5F5; color: #707070;  overflow: hidden; display: inline; margin:0 0 3px 0;}
#content .vgrid div .padding{ overflow: hidden; width: 161px;}

#content .vgrid img{ display: block; padding: 0; margin: 0;  }
#content .vgrid .ocean{ background: #BCE7E5 !important;}
#content .vgrid .ocean strong{ color: #186F6D !important;}
#content .vgrid .underline{ margin: 0; background: none; text-decoration: underline !important; }
#content .vgrid a { width: 95%; clear: both; padding: 0px 0px 0px 7px; display: block; color: #707070; background: url(../images/nav_gray_arrow.gif) 0px 6px no-repeat; text-decoration: none; }
#content .vgrid a:hover { color: #222222; text-decoration: none; }
#content .vgrid .ocean a { width: 95%; clear: both; padding: 0px 0px 0px 7px; display: block; color: #186F6D; background: url(../images/nav_green_arrow.gif) 0px 6px no-repeat; text-decoration: none; }
#content .vgrid .ocean a:hover { color: #002D30; text-decoration: none; }

#content #blockstyles { width: 184px; float: right; background: #FFFFFF; color: #707070; margin: 0px 0px 10px 16px; line-height: 1.5em; overflow: hidden;  }
#content #blockstyles img {float: none !important;}
#content .programmaVervolgImage img {margin: 0px;}

#content p.advancedsearch label{display: block; margin:0.2em 0;}
#content p.doorzoek span{display:block; margin:0.5em 0;}

#blockstyles { width: 184px; float: right; background: #FFFFFF; color: #707070;}
#blockstyles p{ padding: 2px 0px 4px 0px; margin: 0; clear: both; display: block;}
#blockstyles strong{ padding: 0px 0px 0px 0px !important;}
#blockstyles img{	display: block;}
#alfa a{	display: inline;	padding: 4px;}
#alfa a:hover{	display: inline;	padding: 4px; text-decoration: underline;}

#home #blockstyles a { color: #186F6D; text-decoration: none; }
#home #blockstyles a:hover { color: #66BDBB; text-decoration: none; }

#sub #blockstyles a,#programma #blockstyles a{ width: 95%; clear: both; padding: 0px 0px 0px 7px; display: block; color: #707070; background: url(../images/nav_gray_arrow.gif) 0px 6px no-repeat; text-decoration: none; }
#sub #blockstyles a:hover,#programma #blockstyles a:hover { color: #222222; text-decoration: none; }
#sub #blockstyles div,#programma #blockstyles div{ margin: 0px 0px 3px 0px; padding: 0px 0px 30px 0px; background: #F7F9F7; }

#subwide #blockstyles a,#subwidehigh #blockstyles a,#programmawide #blockstyles a { width: 95%; clear: both; padding: 0px 0px 0px 7px; display: block; color: #707070; background: url(../images/nav_gray_arrow.gif) 0px 6px no-repeat; text-decoration: none; }
#subwide #blockstyles a:hover,#subwidehigh #blockstyles a:hover,#programmawide #blockstyles a:hover { color: #222222; text-decoration: none; }
#subwide #blockstyles div,#subwidehigh #blockstyles div,#programmawide #blockstyles div{ margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px; background: #F7F9F7; }

#droplist{ margin: 0; padding: 0; color: #161817; }
#droplist div { float: left; width: 186px;position: absolute; left: 6px; top: 144px;background: url(../images/nav_droplist_arrow.gif) #E41F1F 170px 10px no-repeat; z-index:1; }
#droplist div a{ padding: 0px 0px 1px 7px; margin: 0px 0px 0px 15px; clear: right; display: block; width: 100%; color: #FFFFFF; background: url(../images/nav_sublist_arrow.gif) 0px 6px no-repeat; text-decoration: none; font-size: 92%; }
#droplist div a:hover{ color: #FFFFFF; text-decoration: underline; }
#droplist div div { display: none; position: absolute; top: 24px; left: 0px; width: 164px; }
#droplist div:hover div, #droplist div.over div { display: block; background: #CD1C1C; }
#droplist div>div { width: 100%; top: 24px; left: 0px; }
#droplist #sublevel { padding: 5px 0px 10px 0px; margin: 0; }
#droplist #toplevel{ background: url(../images/nav_droplist_arrow.gif) #E41F1F 170px 10px no-repeat; cursor: pointer; height: 24px; margin: 0; color: #FFFFFF; }
#droplist #toplevel strong{ position: relative; top: 5px; left: 15px;}
#nolist{	background: #E41F1F ; width: 186px; height: 24px; display: block; position: absolute; left: 6px; top: 144px;}

.buout{ background: #FFFFFF;border: #707070 1px solid; margin: 0px 0px 0px 4px; color: #707070; font-size: 11px; height: 19px; position: relative; top: -1px; }
.buover{ background: #F5F5F5;border: #707070 1px solid; margin: 0px 0px 0px 4px; color: #707070; font-size: 11px; height: 19px; position: relative; top: -1px; }
.zoekterm { width: 90px; padding: 1px 0px 1px 4px; margin: 0px 0px 0px 12px; color: #222222; height: 14px; }
.zoektermsize { padding: 1px 0px 1px 4px; margin: 0px 0px 0px 0px; color: #222222; height: 14px; width:90px; }
.zoektermsizewide { padding: 1px 0px 1px 4px; margin: 0px 0px 0px 0px; color: #222222; height: 14px; width:197px; }

#printlogo{	display: none;}

#visScriptContainer {display:none;visibility:hidden;}
#map {margin:-295px 0 0 0;}
#mapupContainer {display:block;position:absolute;left:740px;top:65px;}
#mapdownContainer {display:block;position:absolute;left:740px;top:137px;}
#scroll {position:absolute;left:0px;top:0px;}
#scrollContainer {height:72px;width:184px;position:relative;overflow:hidden;}

#terugnaarboven{ width: 100%; clear: both; padding: 0px 0px 0px 0px; display: block; color: #707070; font-size: 100%; height: 10px; position: relative; z-index: 0; }
#terugnaarboven a { color: #186F6D; text-decoration: none; }
#terugnaarboven a:hover { color: #66BDBB; text-decoration: none; }

/*-|-|-|-|-|-|-|-|-|-|-|-|-|-|-|-GENERATE REPORT|-|-|-|-|-|-|-|-|-|-|-|-|-|-|-|-|-|-*/

#generateReport  {				
	padding: 0px 0px 0px 0px;	
	display:block;	
	z-index: 0;	
}

#generateReport .reportForm {	
	width:190px;
	display: block;	
}

#generateReport .reportForm .contentTypes {
	height: 450px;
	display: block;
	border:  #CECECE 1px solid;	
	overflow-y: scroll;
	overflow-x: hidden;
}
#generateReport .reportForm .result {		
	width: 650px;	
	display: block;			
	border:  #CECECE 1px solid;
	overflow: scroll;	
}

#generateReport .result .tableResult {
	width: 550px;	       
	border:  #CECECE 1px solid;
	margin: 0px 0px 10px 0px;
}

#generateReport .result .tableResult td {
	width: 75px;	   	    	
	border:  #CECECE 1px solid;	
}

#generateReport .reportForm .control {
	display: block;
	width:auto;	
}
/*-|-|-|-|-|-|-|-|-|-|-|-|-|-|-|-GENERATE REPORT|-|-|-|-|-|-|-|-|-|-|-|-|-|-|-|-|-|-*/
/*	Titel portalblokje 	*/
.categorieTitel {padding: 0px 0px 0px 7px; background: none !important; color: #707070;}
a.categorieTitel {background: none !important; color: #707070 !important;}
a.categorieTitel:hover {background: none !important; color: #222222 !important;}
a.categorieTitel strong {color: #707070 !important;}
a.categorieTitel:hover strong {color: #222222 !important;}
/*	Eind Portal blokje van digitale loket 	*/


/*-|-|-|-|-|-|-|-|-|-|-|-|-|-|-|-WEATHER|-|-|-|-|-|-|-|-|-|-|-|-|-|-|-|-|-|-*/
/*	Weersverwachting 	*/
.weather {
	font-face: Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
}
.weather td {
	background-color:#E5F5FA;
	color:#0099CC;
	vertical-align:top;
	padding:5px;
	border-bottom:solid 1px #FFFFFF;
	text-align:center;
}
*html .weather td {
	border:none;
}
.weather .entry {
	width: 87px;
	background-color:#CCEBF5;
	font-weight:bold;
	text-align:left;
}
.weather .even {
	width: 87px;
	vertical-align: middle;
	background-color:#DEF2F8;
}
.weather caption {
	background-color:#0099CC;
	color:#FFFFFF;
	padding:3px 0 4px 0;
	font-weight:bold;
}
.weather img {
	margin:0!important;
}

/*-|-|-|-|-|-|-|-|-|-|-|-|-|-|-|-OGONE|-|-|-|-|-|-|-|-|-|-|-|-|-|-|-|-|-|-*/
/*	Ogone dynamic template	*/

td.ncolh1 {font-face: Arial, Helvetica, sans-serif; font-size: medium; background-color : #00BBB4; color : black; font-weight : bold}
td.ncoltxtl {font-face: Arial, Helvetica, sans-serif; font-size: medium; background-color : white; color : black; text-align : right; font-weight : bold}
td.ncoltxtl2 {font-face: Arial, Helvetica, sans-serif; font-size: medium; background-color : white; color : black; text-align : right; font-weight : bold}
td.ncoltxtr {font-face: Arial, Helvetica, sans-serif; font-size: medium; background-color : white; color : black; text-align : left;}
td.ncoltxtc {font-face: Arial, Helvetica, sans-serif; font-size: medium; background-color : white; color : black; text-align : center; font-weight : bold}
td.ncollogol {background-color : white; color : black; text-align : right; font-weight : bold}
td.ncollogor {background-color : white; color : black; text-align : left;}
td.ncollogoc {background-color : white; color : black; text-align : center; font-weight : bold}
td.ncoltxtmessage {font-face: Arial, Helvetica, sans-serif; background-color : #00BBB4; color : #00BBB4; text-align : left; font-weight : bold}
td.ncolinput {font-face: Arial, Helvetica, sans-serif; font-size: medium; background-color : white; color : black}
td.ncolline1 {font-face: Arial, Helvetica, sans-serif; font-size: medium; background-color : white; color : black}
td.ncolline2 {font-face: Arial, Helvetica, sans-serif; font-size: medium; background-color : white; color : black}
input.ncol {font-face: Arial, Helvetica, sans-serif; background-color : #00BBB4; color : black}
table.ncoltable1 {background-color: white; border: 2px solid #00BBB4;}
table.ncoltable2 {background-color: white; border: 2px solid #00BBB4;}
table.ncoltable3 {background-color: white; border: 2px solid #00BBB4;}

/* for Direct Debit payments */
.DDtxt {text-align: left;margin-left:2em;font-weight: normal;margin-top:0;}
.DDlabel {text-align: left; margin-left:4em;font-weight: normal;margin-top:0;}
.DDdata {font-weight: normal;margin-top:0;}
.MKtxt {text-align: left;font-weight: bold; margin-left:2em;margin-top:0;}
.MKlabel {text-align: left; margin-left:4em;font-weight: normal;font-style:italic;margin-top:0;}
td.ncoltxtr p.MKlabel {margin-left:0;}
.MKdata {font-weight: normal;margin-top:0;}
.DDimp {font-weight: bold;margin-left:2em;text-align: left;margin-top:0;}
.DDsection {font-weight: bold;margin-left:0em;text-align: left; margin-top:1em; margin-bottom: 0em;}