/* CSS DOC - Fluxys - 12/11/2007	 								*/
/* commonstyle.css													*/


/* 	------------------------------------------------------------	*/
/* 	define all color related items here:							*/
/* 	------------------------------------------------------------	*/
	@import url("color.css");

/* 	------------------------------------------------------------	*/
/* 	Author Style:													*/
/* 	------------------------------------------------------------	*/
	@import url("authorstyle.css");



/* 	------------------------------------------------------------	*/
/* 	css reset 														*/
/* 	------------------------------------------------------------	*/
	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,
	sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label,
	legend, caption 
	 table, tbody, tfoot, thead, tr, th, td */ {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
		}
	

	strong 
	{
	    font-weight:bold;
	}
	/* 	remember to define focus styles! */
	:focus { outline: 0; }
		

/* 	------------------------------------------------------------	*/
/* 	standard TAGS													*/
/* 	------------------------------------------------------------	*/	
	html, body, form, fieldset {
		font:100% Arial, Helvetica, sans-serif;
		margin:0;
		padding:0;
		}
	html { font-size:100.01%; }
	body { 
		color:#000;
		line-height:1.3em;
		font-size:1em;
		background-color: #fff;
		margin: 0px 0px 10px 0px;

		}
	hr {
		border:none;
		border-bottom:1px solid #9f8c86;
		height:1px;
		}
	p {
		margin:0;
		padding:0;
		}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
		}
	blockquote, q { quotes: "" ""; }
	fieldset { border:none; }

/* 	LINKS			----------------------------------------	*/
	a { color:#000;}
	a:visited { color:#616161;}
	a:hover { color:#00b0e6; }
	a img { border:none; } /* avoids border when img is link */
		
/* 	HEADINGS		----------------------------------------	*/
	h1 {
		font-size:1.5em;
		font-weight:normal;
		padding-bottom:0.6em;
		}
	h2 {
		font-size:1.2em;
		}
	h3 {
		font-size:1em;
		font-weight:bold;
		}
	h4, h5, h6 {
		font-size:1em;
		font-weight:normal;
		}


/* 	------------------------------------------------------------	*/
/* 	common styles													*/
/* 	------------------------------------------------------------	*/
	.error {
		color:#C00;
		font-weight:bold;
		}
	.error .inputfield { border-color:#C00; }
	.radio, .checkbox {
		margin:1px 0.2em;
		vertical-align:middle;
		}
	.nowrap { white-space:nowrap; }
	
	.message
	{
		display:block;
		border:1px solid #CC6D1A;
		padding:5px;
		font-weight:bold;
		color: #CC6D1A;
		margin-top:10px;
		width: 721px; /* 734 - padding */
		}

/* 	------------------------------------------------------------	*/
/* 	width styles for miscellaneous elements							*/
/* 	------------------------------------------------------------	*/
	.prct100 { width:100%; }
	.prct80 { width:80%;}
	.prct75 { width:75%;}
	.prct60 { width:60%;}
	.prct50 { width:50%;}
	.prct40 { width:40%;}
	.prct25 { width:25%;}
	.prct20 { width:20%;}

/* 	------------------------------------------------------------	*/
/* 	width styles for form elements 									*/
/* 	------------------------------------------------------------	*/
	/*.XXS { width:25px;}
	.XS { width:50px;}*/
	.S { width:72px;}
	.M { width:190px;}
	.L { width:328px;}
	.XL { width:522px;}
	/*.XXL { width:422px;}*/

    .SM { width: 100px;}






/* 	************************************************************	*/
/* 																	*/
/* 	MAIN CONTAINERS				 									*/
/* 																	*/
/* 	************************************************************	*/

	#cage { 	/* main container = all */
		position:relative;
		width:940px;
		margin:0 auto;
		padding:0;
		}


/* 	************************************************************	*/
/* 	HEADER						 									*/
/* 	************************************************************	*/

	#header {
		/*background:#c00;*/
		margin-bottom: 0px;
		padding:0;
		clear:both;
		}

/* 	logo		------------------------------------------------	*/
	#brand {
		float: left;
		margin: 9px 0px 6px 0px;
		}

	#funcnav {
		float: right;
		/*height:59px;*/
		width: 480px;
		margin: 52px 0px 0px 0px;
		/*padding:2px 10px 2px 2px;*/
		}
		
	#contact {
	   font: normal 0.7em Arial, Helvetica, sans-serif;
	   margin: 0;
	   float:right;
	    padding: 3px 8px 0px 8px;	   
	   }
	   
	#contact span 
	   {
	    margin:0;
	    padding: 2px 5px;
	    background: #f2f3ef; 
	    color: #000;
	   }
	  
	#contact a:link { text-decoration:none; color:#000;}
	#contact a:visited { text-decoration:none;  color:#000; }
	#contact a:hover { text-decoration:none;  color:#08AFCF;}
	#contact a:active { text-decoration:none;  color:#08AFCF;}
	
/* 	language navigation		------------------------------------	*/
	#lang {
		float:left;
		text-transform:uppercase;
		font-size:0.6em;

 	}
 	
 	#lang ul 
 	{
margin-top: 3px;
 	         
 	    }
	
	#lang li {
		display: inline;
		list-style-type: none;
		padding-right: 10px;
		
		}
	#lang li a {
		text-decoration:none;	
		}
	#lang li a:hover, #lang li.active {
		text-decoration:none;
		color:#f29e69;	
		}
		

/* 	------------------------------------------------------------	*/
/* 	top navigation				 									*/
/* 	------------------------------------------------------------	*/
	/*	is tabel: ontwerp laat geen lijst toe 	*/

	#header table {
		width: 940px;
		float: left;
		}
	#header td {
		background: #f2f3ef;
		font-size:0.9em;
		}
	#header td.firstCel {
		width: 176px;
		border-bottom: solid 3px #91a58e;
		}	
	#header td.aardgas { border-bottom: solid 3px #98aab7; }	
	#header td.fluxys { border-bottom: solid 3px #c19166; }	
	#header td.diensten { border-bottom: solid 3px #c1b290; }	
	#header td.ondernemen { border-bottom: solid 3px #acb877; }	
	#header td.beleggersinfo { border-bottom: solid 3px #abafb4; }	
	#header td.jobs { border-bottom: solid 3px #e6af51; }
	
	#header td a, #header td a:visited {
		color: #7f8582;
		text-decoration: none;
		padding: 0px 0px 0px 6px;
		display: block;
		}
	#header td a:hover {
		text-decoration: none;
		display: block;
		padding: 0px 0px 0px 6px;
		color: #fff;
		}	
	#header td a.active, #header td a.active:visited { color: #fff; }
	
	#header td.firstCel a:hover, #header td.firstCel a.active { background: #91a58e; }
	#header td.aardgas a:hover, #header td.aardgas a.active { background: #98aab7; }	
	#header td.fluxys a:hover, #header td.fluxys a.active { background: #c19166; }	
	#header td.diensten a:hover, #header td.diensten a.active { background: #c1b290; }	
	#header td.ondernemen a:hover, #header td.ondernemen a.active { background: #acb877; }	
	#header td.beleggersinfo a:hover, #header td.beleggersinfo a.active { background: #abafb4; }	
	#header td.jobs a:hover, #header td.jobs a.active { background: #e6af51; }

/* 	breadcrumb		--------------------------------------------	*/
	#breadcrumb {
		background: #cfd8d3 url(../site-images/back_breadcrumbHome.gif) repeat-y;
		height: 20px;
		clear: both;
		font-size:0.8em;
		margin: 0px 10px 0px 10px;
		padding: 0px 0px 0px 10px;
		}
	#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited {
		color: #58585a;
		text-decoration:none;
		}
	#breadcrumb a:hover {
		color: #000;

		text-decoration:underline;
		}



/* 	************************************************************	*/
/* 	LEFT						 									*/
/* 	************************************************************	*/

	#leftnav {
		width: 186px;
		float: left;
		margin: 10px 0px 0px 0px;
		padding:0;
		font-size:0.7em;
		line-height:normal;
		
		}

	#leftnav ul {
		
		padding:0;
		margin:0;
		padding-left:10px;
		
		}
		
	#leftnav ul ul {
		padding-left: 8px;
		margin:0;
		}
	#leftnav ul ul ul {
		padding-left: 8px;
		margin:0;
		}

	#leftnav li.ListItem {list-style-image:url(../site-images/pijl.gif);}
	    
	#leftnav li.ListSeperator 
	{
	    list-style-image: url(images/spacer.gif);
	     color:#000;
	    }
		
	#leftnav li a, #leftnav li a:visited {
		text-decoration:none;
		color:#5D6161;
		/*padding-left: 10px;
		background: url(../site-images/pijl.gif) no-repeat 0.1em 0.3em;*/
		}
		
	#leftnav li.ListSeperator a, #leftnav li.ListSeperator a:visited, #leftnav li.ListSeperator a:hover {
		text-decoration:none;
		color:#000;
		padding-left: 0;
		background: none;
		}

	.illustrationBlock {
		padding: 0px 0px 10px 0px;
		}

	.shortcutsBlock {
		margin-bottom:10px;
		padding: 0px 0px 0px 10px;
		}
	.shortcutsBlock .box {
		padding: 0px 10px;
		}

	.leftnavBlock {
		margin-bottom:10px;
		padding: 0px 0px 0px 10px;
		}
	.leftnavBlock .box {
		background: #e2e7e4;
		border-bottom: 3px #aebbb1 solid;
		padding: 10px;
		}	
		
	#leftnav li.ListItem .active{		
		color:#000;	
		}



/* 	doelgroep navigation----------------------------------------	*/
	#doelgroepnav {
		width: 186px;
		float: left;
		margin: 0;
		padding:0;
		}
	#doelgroepnav div {  /*FDC 2008/05/20*/
		margin: 0;
		padding: 0;
		list-style-type: none;
		font-size: 0.75em;
		cursor: pointer
}				
/*	#doelgroepnav ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		font-size: 0.8em;
		}
	#doelgroepnav li 
	{
		 margin: 0px; 
		 vertical-align: middle;
		 height: 51px;	
	}
	
	#doelgroepnav a, #doelgroepnav a:link, #doelgroepnav a:visited {
		display: block;	
		padding: 10px 0px 0px 98px;
		border: none;
		width: 88px; 
		height: 41px;
		background-repeat: no-repeat;
		text-decoration: none;
		line-height: 1em;
		color:#4b4e4c;
		font-size: 0.9em;		
		vertical-align: middle;
		}*/

	#doelgroepnav .contractors_project_owners { background-image: url(../site-images/nav_doelgroep_01.gif); background-repeat: no-repeat; height: 51px;		
	text-decoration: none;
	line-height: 1em;
	color:#4b4e4c;  
	} /*FDC 2008/05/20*/
	
	#doelgroepnav .contractors_project_owners_over { 
	background-image: url(../site-images/nav_doelgroep_01.gif); 
	background-position: -186px 0; 
	height: 51px;
	color: #fff;
	text-decoration: none;
	line-height: 1em; 
	} /*FDC 2008/05/20*/
	
	#doelgroepnav .consulting_engineers_architects { background-image: url(../site-images/nav_doelgroep_03.gif); background-repeat: no-repeat; height: 51px;		
	text-decoration: none;
	line-height: 1em;
	color:#4b4e4c;  
	} /*FDC 2008/05/20*/
	
	#doelgroepnav .consulting_engineers_architects_over { 
	background-image: url(../site-images/nav_doelgroep_03.gif); 
	background-position: -186px 0; 
	height: 51px;
	color: #fff;
	text-decoration: none;
	line-height: 1em; 
	} /*FDC 2008/05/20*/
	
	#doelgroepnav .notaries_public { background-image: url(../site-images/nav_doelgroep_06.gif); background-repeat: no-repeat; height: 51px;		
	text-decoration: none;
	line-height: 1em;
	color:#4b4e4c;  
	} /*FDC 2008/05/20*/
	
	#doelgroepnav .notaries_public_over { 
	background-image: url(../site-images/nav_doelgroep_06.gif); 
	background-position: -186px 0; 
	height: 51px;
	color: #fff;
	text-decoration: none;
	line-height: 1em; 
	} /*FDC 2008/05/20*/
	
	#doelgroepnav .municipalities_administations { background-image: url(../site-images/nav_doelgroep_02.gif); background-repeat: no-repeat; height: 51px;		
	text-decoration: none;
	line-height: 1em;
	color:#4b4e4c;  
	} /*FDC 2008/05/20*/
	
	#doelgroepnav .municipalities_administations_over { 
	background-image: url(../site-images/nav_doelgroep_02.gif); 
	background-position: -186px 0; 
	height: 51px;
	color: #fff;
	text-decoration: none;
	line-height: 1em; 
	} /*FDC 2008/05/20*/	
	
	#doelgroepnav .connected_companies { background-image: url(../site-images/nav_doelgroep_05.gif); background-repeat: no-repeat; height: 51px;		
	text-decoration: none;
	line-height: 1em;
	color:#4b4e4c;  
	} /*FDC 2008/05/20*/
	
	#doelgroepnav .connected_companies_over { 
	background-image: url(../site-images/nav_doelgroep_05.gif); 
	background-position: -186px 0; 
	height: 51px;
	color: #fff;
	text-decoration: none;
	line-height: 1em; 
	} /*FDC 2008/05/20*/
	
	#doelgroepnav .operational_datas { background-image: url(../site-images/nav_doelgroep_07.gif); background-repeat: no-repeat; height: 51px;		
	text-decoration: none;
	line-height: 1em;
	color:#4b4e4c;  
	} /*FDC 2008/05/20*/
	
	#doelgroepnav .operational_datas_over { 
	background-image: url(../site-images/nav_doelgroep_07.gif); 
	background-position: -186px 0; 
	height: 51px;
	color: #fff;
	text-decoration: none;
	line-height: 1em; 
	} /*FDC 2008/05/20*/				
	
	#doelgroepnav .extranet_clients { background-image: url(../site-images/nav_doelgroep_04.gif); background-repeat: no-repeat; height: 51px;		
	text-decoration: none;
	line-height: 1em;
	color:#4b4e4c;  
	} /*FDC 2008/05/20*/
	
	#doelgroepnav .extranet_clients_over { 
	background-image: url(../site-images/nav_doelgroep_04.gif); 
	background-position: -186px 0; 
	height: 51px;
	color: #fff;
	text-decoration: none;
	line-height: 1em; 
	} /*FDC 2008/05/20*/
	
	#doelgroepnav .suppliers { background-image: url(../site-images/nav_doelgroep_08.gif); background-repeat: no-repeat; height: 51px;		
	text-decoration: none;
	line-height: 1em;
	color:#4b4e4c;  
	} /*FDC 2008/05/20*/
	
	#doelgroepnav .suppliers_over { 
	background-image: url(../site-images/nav_doelgroep_08.gif); 
	background-position: -186px 0; 
	height: 51px;
	color: #fff;
	text-decoration: none;
	line-height: 1em; 
	} /*FDC 2008/05/20*/			
		
	/*#doelgroepnav .contractors_project_owners a { background-image: url(../site-images/nav_doelgroep_01.gif); }
	#doelgroepnav .consulting_engineers_architects a { background-image: url(../site-images/nav_doelgroep_03.gif); }
    #doelgroepnav .notaries_public a { background-image: url(../site-images/nav_doelgroep_06.gif); }	
	#doelgroepnav .municipalities_administations a { background-image: url(../site-images/nav_doelgroep_02.gif); }
    #doelgroepnav .connected_companies a { background-image: url(../site-images/nav_doelgroep_05.gif); }		
	#doelgroepnav .operational_datas a { background-image: url(../site-images/nav_doelgroep_07.gif); }	
	#doelgroepnav .extranet_clients a { background-image: url(../site-images/nav_doelgroep_04.gif); }
	
				
	#doelgroepnav a:hover, #doelgroepnav .active a:link, #doelgroepnav .active a:visited, #doelgroepnav .active a:hover {
		border: none;
		background-position: -186px 0;
		color: #fff;
		}
	*/



/* 	************************************************************	*/
/* 	MAIN						 									*/
/* 	************************************************************	*/
	#main {
		width: 744px;
		float: left;
		margin: 10px 0px 10px 10px;
		}
	#mainHome {
		width: 558px;
		float: left;
		margin: 10px 0px 10px 10px;
		padding:0;
		}
		
/* 	------------------------------------------------------------	*/
/* 	sectionTitle				 									*/
/* 	------------------------------------------------------------	*/

	#sectionTitle {
		padding: 0;
		margin: 0px 0px 10px 0px;
		width: 734px;
		height: 92px;
		line-height: 1.6em;
		overflow:hidden;
		}
	#homeTitle {
		padding: 0;
		margin: 0px 0px 10px 0px;
		width: 548px;
		height: 92px;
		line-height: 1.6em;
		overflow:hidden;
		background: #94a49d;
		color: #fff;
		}
	#sectionTitle h1, #homeTitle h1 {
		margin: 0;
		padding: 0;
		font-size:1.2em;
		font-weight: bold;
		}
	#sectionTitle h2, #homeTitle h2 {
		margin: 0;
		padding: 0;
		font-size:1.2em;
		font-weight: normal;
		}


/* 	------------------------------------------------------------	*/
/* 	sectionIntro				 									*/
/* 	------------------------------------------------------------	*/
	#sectionIntro {
		padding: 0;
		margin: 0px 0px 10px 0px;
		min-height: 92px;
		font-size: 0.8em;
		line-height: 1.3em;
		width: 734px;
		}
	#sectionIntro h1 {
		margin: 0;
		padding: 0;
		font-size:1.2em;
		font-weight: bold;
		}
	#sectionIntro h2 {
		margin: 0;
		padding: 0;
		font-size:1.2em;
		font-weight: normal;
		}




/* 	------------------------------------------------------------	*/
/* 	CONTENT						 									*/
/* 	------------------------------------------------------------	*/
	#content {
		/*background: #CC00CC;*/
		margin: 0;
		padding: 0px 0px 10px 0px;
		clear:both;
		float:left;
		font-size: 0.7em;
		line-height:1.3em;
		}
	#content h1 {
		/*padding:0.6em 0 0.6em 0;		
		font-size: 1.1em;*/
		font-weight:bold;
		padding: 0px;
		margin: 0px;
		margin-bottom: 0.5em;
		}

	#content h2 {
		/*padding:0.6em 0 0.6em 0;		
		font-size: 1.1em;*/
		font-weight:bold;
		padding: 0px;
		margin: 0px;
		margin-bottom: 0.5em;
		}
		
	#ContentLayoutTable .box {		
		background:#e2e7e4;	
		/*border-bottom: 3px #aebbb1 solid; */
		/*margin-bottom:10px;*/
		}
		
	#ContentLayoutTable p{
		margin-bottom:10px;
		}		

	#ContentLayoutTable .TD
	{
		background:#e2e7e4;
		padding:0px;
		border-bottom:3px solid #aebbb1;
		border-left:0px;
		border-right:0px;
		}	
		
	#ContentLayoutWhiteSpace	
	{
		height:10px;
		background-color: #ffffff;
		width: 100%;
		}
	

/* 	template 1: 				#############		*/
/* 					 			#############		*/
/* 					 			#############		*/
	/*
	#max {
		width:734px;
		background:#fff;		
		}
		
	#max .box {		
		background:#e2e7e4;	
		border-bottom: 3px #aebbb1 solid; 	 
		}
	*/		
		
		
/* 	template 2: 				######### ###		*/
/* 				 			 	######### ###		*/
/* 				 			 	######### ###		*/
/*	
	#maxLeft {
		width:548px;
		float:left;
		margin-right:10px;
		}
		
	#maxLeft .box {
		background:#e2e7e4;
		border-bottom: 3px #aebbb1 solid; 
		margin-bottom:10px;
		}			
*/
		

/* 	template 3: 				###### ######		*/
/*								###### ######		*/
/*								###### ######		*/
/*	
	#demiLeft {
		width:362px;
		background:#fff;
		margin-right:10px;
		float:left;		
		}
		
	#demiLeft .box {		
		background:#e2e7e4;	
		border-bottom: 3px #aebbb1 solid; 
	}
	
	#ContentLayoutTable .box {		
		background:#e2e7e4;	
		border-bottom: 3px #aebbb1 solid; 	
	}
		
	#demiRight {
		width:362px;
		background: #fff;
		float:left;		
		}
		
	#demiRight .box{
		background: #e2e7e4;	
		border-bottom: 3px #aebbb1 solid; 
		}
		
	#ContentLayoutTable .box{
		background: #e2e7e4;	
		border-bottom: 3px #aebbb1 solid; 
		}

	#demiLeft p, #demiRight p {
		margin-bottom:10px;
		}
		
*/


		
/* 	template 4: 			  	#### #### ###		*/
/*							  	#### #### ###		*/		
/*							  	#### #### ###		*/
/*
	#demiCnLeft, #demiCnRight {
		width:269px;
		margin-right:10px;
		float:left;
		}

	#demiCnLeft .box, #demiCnRight .box {
		background:#e2e7e4;
		border-bottom: 3px #aebbb1 solid;
		margin-bottom:10px;
		}
		
		
	#ContentLayoutTable .box {
		background:#e2e7e4;
		border-bottom: 3px #aebbb1 solid;
		margin-bottom:10px;
		}
*/

/* 	Contextuele navigatie	  	---- ---- ###		*/
/*							  	---- ---- ###		*/		
/*							  	---- ---- ###		*/
	
	#Cn { 
		width:176px; 
        float:left;
        font-size:0.9em;
        line-height:1.3em;
		overflow: hidden;
	}
		
	#Cn.home {
		margin-top:10px;
		}
	#Cn h1 {
		margin: 0px 0px 0px -4px;		
		font-size: 1.1em;
		font-weight:bold;
		}
	#Cn .box {
		border-top:10px solid #fff; /* border ipv margin voor IE6 */
		background:#e2e7e4;
		}

/* 	news : 						######### ###		*/
/* 				 			 	######### ###		*/
/* 				 			 	######### ###		*/	
	
	#homeNewsBlock .box, #NewsBlock .box {
		background:#e2e7e4;
		border-bottom: 3px #aebbb1 solid; 
		margin-bottom:10px;
		}

	#homeNewsBlock {
		padding:0;
		margin:0;
		clear:both;
		width:548px;
		float:left;
	}
	#NewsBlock {
		padding:0;
		margin:0;
		clear:both;
		width:734px;
		float:left;
		}
		
		.noresults 
		{
		    height: 100px;
		    width: 300px;
		    font-size:1.1em;

		}
	#homeNewsBlock h1, #NewsBlock h1 {
		margin:0;
		padding:0.6em 0 0.6em 0;
		font-size: 1.2em;
		font-weight:bold;
		}
	#homeNewsBlock h1 a, #NewsBlock h1 a {
		color:#000;
		text-decoration:none;
		}

	#homeNewsBlock .boxNoSpace, #NewsBlock .boxNoSpace {
		float:right;
		padding: 0px 0px 0px 10px;
	
		}
	#homeNewsBlock .boxSpace, #NewsBlock .boxSpaceDetail {
		padding-bottom:3px;
		padding-right:10px;
		
		}

	#newsDate
	{
		padding-bottom: 5px; 
		}
	#newsIntro
	{
		padding-bottom: 5px; 
		font-weight: bold;
		}
	#newsBody{}



/* 	------------------------------------------------------------	*/
/* 	FORM						 									*/
/* 	------------------------------------------------------------	*/

	.formBlock .boxSpace {
		background:#bbc6bf;
		color:#fff;
		}
		
	.formBlock .boxSpace p {
		font-weight:bold;
		}
		
	.formBlock .boxSpace p a:link {color:#fff;}
	.formBlock .boxSpace p a:hover {color:#fff;}
	.formBlock .boxSpace p a:visited {color:#fff;}
	.formBlock .boxSpace p a:active {color:#fff;}
	
		
	.formBlock .boxNoSpace h1 {
		background: url(../site-images/formtopimage.jpg) no-repeat left top;
		color:#4b4e4c;
		height:47px;
		padding: 20px 0px 0px 20px;
		margin:0;
		font-size: 1.1em;
		font-weight:bold;
		line-height:3.4em;
		text-indent:6em;
		}
		
	.formBlock .celleft {
		width:140px;
		font-weight:bold;
		vertical-align: top;
		}
	.inputfield {
	        background:#fff;
		    border: 1px solid #a7b6b2; 
		    padding:1px 3px;
		    font-size:1em;
		    color:#575759;
		    margin-right: 10px;
	}   
		
	.button {
	   margin:0px;
	   padding: 0px;
	   border: 1px solid #7f8a81;
	   vertical-align:middle;
	   background: #7f8a81;
	   color: #fff;
	   cursor:pointer;
	   }
	   
	span.button {
	   margin-top:10px;
	   padding: 2px 5px;
	   border: 1px solid #7f8a81;
	   vertical-align:middle;
	   background: #7f8a81;
	   color: #fff;
	   text-decoration:none;
	   font-weight:bold;
	   }
	   
    span.button a:link {color:#fff; text-decoration:none;}
	span.button a:visited {color:#fff; text-decoration:none; }
	span.button a:hover {color:#fff; text-decoration:none; }
	span.button a:active {color:#fff; text-decoration:none; }
	   	 
	.formBlock100 {
		background:#bbc6bf;
		color:#fff;
		width:734px;
		}
		
	.formBlock100 table {
		margin:10px
		}
		
	.formBlock100 table table {
		margin:0;
		}
		
	.formBlock100 span.txt {
		font-weight:bold;
		}
		
	.formBlock100 p a:link {color:#fff;}
	.formBlock100 p a:hover {color:#fff;}
	.formBlock100 p a:visited {color:#fff;}
	.formBlock100 p a:active {color:#fff;}

		
	.formBlock100 .celleft {
		width:140px;
		font-weight:bold;
		vertical-align: top;
		}
		
	.formTable .label {
		display:block;
		background-color:#E2E7E4;
		vertical-align: top;
		padding: 2px 10px;
		}
		
	.formTable td {
		vertical-align: top;
		}
		
	

/* 	------------------------------------------------------------	*/
/* 	TABLE						 									*/
/* 	------------------------------------------------------------	*/
	
	#content table {
		/*border-collapse:collapse;*/
		text-align:left;
		}
	#content table th, #content table td {
		padding:3px 3px 3px 3px;
		}

/* 	------------------------------------------------------------	*/
/* 	footer						 									*/
/* 	------------------------------------------------------------	*/
	#footer {
		padding: 3px 10px 0px 10px;
		margin: 0;
	    height: 20px;
		width: 714px; /* 734 - padding */
		font-size: 0.7em;
		background: #cfd8d3 url(../site-images/back_footer.gif) repeat-y;
		clear: both;
		overflow:hidden;
		color: #fff; 
		}
	#footer.home {
		width: 538px;
		padding-right:0;
		margin-right:0;
		}
	#footer a:link { color: #fff; text-decoration:none;}
	#footer a:visited { color: #fff; text-decoration:none;}
	#footer a:hover { color: #fff; text-decoration:underline;}
	#footer a:active { color: #fff; text-decoration:none;}
		

/* 	moreInfoBlock		----------------------------------------	*/
	.moreInfoBlock {
		padding: 0px 0px 0px 10px;
		margin: 0px 0px 10px 0px;
		/*height: 20px;*/
		font-size: 0.7em;
		background: #ececed;
		float: left;
		clear: both;
		width: 724px; /* 734 - padding */
		}
		
	.moreInfoBlock .dropdown {
	    padding: 5px 0 2px 0;
	    float:left;	    
	}
	
	.moreInfoBlock .paging {
	    padding: 5px 10px 0 0;
	    margin-top: 3px;
	    float:right;
	    height:23px;
	    min-height:23px !important;
	}
	
	.moreInfoBlock.home {
		width: 538px;
		padding-right:0;
		margin-right:0;
		}

/* 	************************************************************	*/
/* 	BOX								 								*/
/* 	************************************************************	*/

	.box {
		margin:0;
		padding:0;
		/*background:#FFFF99;*/
		}
	.boxTitle, .boxSpace {
		padding:10px;
		margin:0;
		/*background: #FFCC33;*/
		}
	.boxNoSpace {
		padding:0;
		margin:0;
		/*background:#FF3366;*/
	}
	#NewsBlock .box .boxSpace 
	{
	    width: 520px;
	    }

	#NewsBlock .box .boxSpaceDetail 
	{
	    	padding:10px;
		margin:0;
	    }	    
	
	#homeNewsBlock .box .boxSpace 
	{
	    width: 335px;
	    }
/* 	************************************************************	*/
/* 	TAALKEUZE								 								*/
/* 	************************************************************	*/

	.taalkeuze #cage {
		position: absolute;
		top: 50%;
		left: 50%;
		width:578px;
		height:200px;
		margin-top: -140px;
		margin-left: -284px;
		padding: 86px 0px 0px 0px;
		background: url(../site-images/logo-fluxys-taalkeuze.gif) no-repeat left top;
		font: 0.8em Arial, Helvetica, sans-serif;
		color:#000;
		}
	.taalkeuze #cage h1 {
		font-size: 1.0em;
		font-weight:bold;
		color:#000;
		}
	.taalkeuze #cage .box {
		width:160px; /* 180 - padding */
		background:#e2e7e4;
		margin-right:10px;
		float:left;
		padding:10px;
		}
	.taalkeuze #cage .box.fr { border-bottom: 3px #b86e1c solid; }
	.taalkeuze #cage .box.nl { border-bottom: 3px #60a9c8 solid; }
	.taalkeuze #cage .box.en { border-bottom: 3px #58595a solid; }

	.taalkeuze #cage .box.fr a, .taalkeuze #cage .box.fr a:visited, .taalkeuze #cage .box.fr a:active, 
	.taalkeuze #cage .flashDownload a.flashfr, .taalkeuze #cage .flashDownload a.flashfr:visited, .taalkeuze #cage .flashDownload a.flashfr:active 
		{ color:#b86e1c; text-decoration:none; }
		
	.taalkeuze #cage .box.nl a, .taalkeuze #cage .box.nl a:visited, .taalkeuze #cage .box.nl a:active, 
	.taalkeuze #cage .flashDownload a.flashnl, .taalkeuze #cage .flashDownload a.flashnl:visited, .taalkeuze #cage .flashDownload a.flashnl:active 
		{ color:#60a9c8; text-decoration:none; }
		
	.taalkeuze #cage .box.en a, .taalkeuze #cage .box.en a:visited, .taalkeuze #cage .box.en a:active, 
	.taalkeuze #cage .flashDownload a.flashen, .taalkeuze #cage .flashDownload a.flashen:visited, .taalkeuze #cage .flashDownload a.flashen:active 
		{ color:#58595a; text-decoration:none; }
	
	.taalkeuze #cage .box a:hover, .taalkeuze #cage .flashDownload a:hover { color:#000; text-decoration:none; }

	.taalkeuze #cage .flashDownload {
		float:left;
		clear:both;
		width:560px;
		text-align:right;
		padding: 20px 0px 10px 0px;
		}


/* 	************************************************************	*/
/* 	clearfix						 								*/
/* 	************************************************************	*/
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
		
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
		}
	
	/*.clearfix {
		display: inline-block;
		}*/
	
	html[xmlns] .clearfix {
		display: block;
		}
	
	* html .clearfix {
		height: 1%;
		}
		
	.clearfloats 
	{
	    clear:both;
	}
		
		
/*****************formbuilder **********************/
		
		.fluxysInput {
	        background:#fff;
		    /*width:182px; /* 190 - padding*/
		    border: 1px solid #a7b6b2; 
		    padding:0px;
		    font-size:1em;
		    color:#575759;
	}   
		
	    .fluxysButton {
	        margin:0px;
	        padding: 0px;
	        border: 1px solid #7f8a81;
	        vertical-align:middle;
	        background: #7f8a81;
	        color: #000;
	   }
	 
/********************* emergency **************************/
		
	#emergency {
		padding: 0;
		margin: 0px 0px 10px 0px;
		width: 548px;
		line-height: 1.6em;		
		background: #c53d22;
		color: #fff;
		font-size:0.8em;
		} 
	 
	 #emergency .boxSpace {
		padding:10px;
		margin:0;
		}
		
	 #emergency h1 {
		margin:0;
		padding:0 0 1em 0;
		font-size: 1.4 em;
		font-weight:bold;
		}
		
	 #emergency h2{
		margin:0;
		padding:0 0 1em 0;
		font-size: 1.2em;
		font-weight:bold;
		}
		
/********************* home emergency number right content **************************/		

#Cn .emergencyContent {
	width: 166px;
	background-color: #ffdb5b;
	padding:5px;
	margin:0px;
	color: #7a7f7d;
	font-size: 0.75em;
	line-height: 1.4em;
}
#Cn .emergencyContent H1 {
	font-size:16px;
	color: #ffffff;
	padding-left:2px;
	padding-bottom: 5px;
}
#Cn .emergencyBottom {
	width:183px;
	background-color: #ffdb5b;
}
#Cn .emergencyBottomContent {
	padding-top: 15px;
	padding-left: 2px;
	color: #F57A1E;
	width:98px;
	float: left
}
#Cn .emergencyBottomContent a:link {
	color:#FF0000!important;
}
#Cn .emergencyBottomContent a:visited {
	color:#FF0000!important;
}
#Cn .emergencyBottomContent a:hover {
	color:#FF0000!important;
}
#Cn .emergencyBottomContent a:active {
	color:#FF0000!important;
}
#Cn .emergencyBottomImage {
	width: 83px;
	float: right
}
#Cn .orange {
	background:#FBC56E!important;
	color:#694414!important;
}

#Cn .yellow {
	background:#ffdb5b!important;
	color:#694414!important;
}

#Cn .yellow H1 {
	color:#FF0000!important;
}

#Cn .orange .emergencyBottom {
	background:#FBC56E!important;
}
/********************* home work right content **************************/
#Cn #ContentLayoutWhiteSpace {
	display:none;
}	
#Cn .workContent {
	width: 166px;
	background-color: #bbc7be;
	padding:5px;
	color: #7a7f7d;
	font-size: 0.75em;
	line-height: 1.4em;
}
#Cn .workContent H1 {
	font-size:16px;
	color: #ffffff;
	padding-left:2px;
	padding-bottom: 5px;
}
#Cn .workContent .workKLIMLink a:link  H1{
	font-size:16px;
	color: #ffffff;	
	text-decoration: underline;
	margin:0 0 0 0px;
	line-height:1.1em;
	padding-left:0px;
}
#Cn .workContent .workKLIMLink a:visited H1 {
	font-size:16px;
	color: #ffffff;	
	text-decoration: underline;
	margin:0 0 0 0px;
	line-height:1.1em;
	padding-left:0px;
}
#Cn .workContent .workKLIMLink a:hover H1 {
	font-size:16px;
	color:#00B0E6;
	text-decoration: underline	;
	line-height:1.1em;
	padding-left:0px;
}
#Cn .workContent .workKLIMLink a:active H1 {
	font-size:16px;
	color: #ffffff;	
	text-decoration: underline;
	margin:0 0 0 0px;
	line-height:1.1em;
	padding-left:0px;
}
#Cn .workBottom {
	width:197px;
	background-color: #bbc7be;
}
#Cn .workBottomContent {
	padding-top: 15px;
	padding-left: 3px;
	color: #707373;
	width: 100px;
	float: left
}
#Cn .workBottomContent a:link {
	color: #707373;
	font-size: 0.75em;
	font-weight: bold;
}
#Cn .workBottomContent a:visited {
	color: #707373;
	font-size: 0.75em;
	font-weight: bold;		
}
#Cn .workBottomContent a:hover {
	color: #707373;
	font-size: 0.75em;
	font-weight: bold;	
}
#Cn .workBottomContent a:active {
	color: #707373;
	font-size: 0.75em;
	font-weight: bold;	
}
#Cn .workBottomImage {
	width: 83px;
	float: right
}
.emergencynumber {
	color: #FF0000;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 5px;
}
/********************* home work right content **************************/
.flIframe
{
	overflow:visible;
	}
	
/********************* home left banner **************************/	

#banner  
{ 
     width: 176px;          
     text-align: left; 
     margin: 0px;
     padding: 0px;  
     float: right;        
}

#banner .box 
{
	font-size: 100%;	
	background:#e2e7e4;
	border-bottom: 3px #aebbb1 solid; 
	margin-bottom:10px;		
	margin-top: 10px;
	cursor:default;  
}

#banner .boxSpace
{	
	padding: 0px 5px 5px 5px;
}
		
#banner h1 {	
	font-weight:bold;
	margin-bottom: 0.5em;
	padding-top: 5px;
}

#banner h2 {
	font-weight:bold;
	margin-bottom: 0.5em;
}
/**************************************************************/
/**********************  error  *******************************/
/**************************************************************/

.boxerror {
	width:550px; /* 180 - padding */
	background:#e2e7e4;
	margin-right:10px;
	float:left;
	padding:10px;
	border-bottom: 3px #b86e1c solid;
}

                
.boxerror a, .boxerror a:visited, .boxerror a:active, .boxerror a:visited, {
	color:#b86e1c; 
	text-decoration:none; 
}

/*********************Captcha **************************/

#CaptchaValidator Input{
	background:#fff;
	border: 1px solid #a7b6b2; 
	padding:1px 3px;
	font-size:1em;
	color:#575759;
	margin-right: 10px;
	width:190px;
}
	
#CaptchaHelpText
{
	padding: 0px 0px 2px;
	}
#CaptchaImage{}
#CaptchaValidation{}
#CaptchaLabel{
	display:block;	
	vertical-align: top;
	padding: 2px;
}

/* -- new style 16/04 -- */
.addVisitor {
	background:#f9f9f9;
	width:650px;
}
table.addVisitor .inputfield {
	margin:0;
}
table.visitTerm td {
	padding:0 10px 0 0;
}

.freeslots {
	padding:10px 0 5px 0;
}
.freeslots .date {
	font-weight:bold;
	/*background:#5a5a5a;*/
	/*color:#ffffff;*/
}
.freeslotsDate .available {}

/* ******************************* promoboxes on homepage ****************************** */
#promo {
	background:url(../site-images/bck_promo.gif);
	color:#5b605c;
	font-size:.7em;
	line-height:1.3em;
	margin-bottom:10px;
	overflow:hidden;
	width:548px;
}
#promo a:link,
#promo a:visited {
	color:#5b605c;
}
#promo a:hover {
	color:#333;
}
#promo .box {
	background-color:#bbc7be;
}
#promo .body {
	padding:10px;
}
#promo h2 {
	font-size:1.4em;
	font-weight:bold;
	line-height:1.3em;
	color:#fff;
	margin:.5em 0;
}
#promo h2 a {
	color:#fff!important;
}
#promo h2 a:link,
#promo h2 a:visited {
	text-decoration:none;
}
#promo h2 a:hover {
	text-decoration:underline;
}
#promo p {
	margin:.5em 0;
}
.twoCols .box {
	width:269px;
}
.twoCols .image img {
	width:269px;
}
.oneCol .box {}
.oneCol .image img {
	width:548px;
}

/*---------------------------------------Search-----------------------*/


#advancedSearch 
{   margin-top:1px;
}
.AdvSearchBut a{
	background:#AEBBB1; 
	color:#000;
	padding:2px 10px;
}
.AdvSearchBut a:visited{
	color:#000 !important;
}

.AdvSearchBut a:hover{
	color:#08AFCF !important;
}

