
/* *************** */
/* basic reset ... */
/* *************** */

body { font: 9pt/1.4 arial, tahoma, sans-serif; }
form { margin-bottom: 0 ; }

/* define font separately - override's user content's font settings - except for colour .. */
font {
 font: 1em/1.5 arial, tahoma, sans-serif  ;
 font-weight:	inherit;         /* retain the bolding if set .. */
}

table  {
  font: 1em/1.5em arial, tahoma, sans-serif  ;
}

body { margin: 0 0 1em 0 ; padding: 0 ; }

input, textarea, select {
 font-family:	inherit; 
 font-family:	arial, tahoma, sans-serif ;
 font-size:	inherit;
 font-weight:	inherit;
}
input, textarea, select { *font-size: 100%; }

table, tr, td, div, ul, li, p , a { font-size: inherit ; font-family: inherit ; border:0 ;} 

h1 { font-size:	 182% ; font-weight: bold ; margin: 12px 12px 12px 0 ; padding: 6px 6px 6px 0; }
h2 { font-size:	 136% ; font-weight: bold ; margin: 11px 11px 11px 0 ; padding: 6px 6px 6px 0;}
h3 { font-size:	 122% ; font-weight: bold ; margin: 9px 9px 9px 0 ; padding: 5px 5px 5px 0;}
h4 { font-size:	 114% ; font-weight: bold ; margin: 8px 8px 6px 0 ; padding: 4px 4px 3px 0;}
h5 { font-size:	 107% ; font-weight: bold ; margin: 7px 7px 4px 0 ; padding: 4px 4px 2px 0;}
h6 { font-size:  100% ; font-weight: bold ; margin: 6px 6px 2px 0 ; padding: 4px 4px 1px 0;}

table { border-collapse: collapse;  border-spacing: 0; }

img { border: 0; }

caption, th { text-align: left; font: 1em/1.6 arial, tahoma, sans-serif }

legend { color: #000; }

pre, code, kbd, samp, tt { font-family:	monospace; line-height: 100%; *font-size: 108%;}

p  { padding: 0 ;  margin: 0.5em 0 1em 0; }

ul , ol	{ 
	margin: 10px 10px 10px 20px ;
	padding: 0 ;
	list-style-position: outside ; 
	}

ul li , ol li { 
	margin: 0 ;
	padding: 2px ;
	}


/* ******************* */
/* end basic reset ... */
/* ******************* */


/* ******************** */
/* advanced settings .. */
/* ******************** */

/* IE - bug fix - align content in center, then container resets to left ... */
body { text-align: center ; }


/* main container + columns settings (generic) */

#DIVHeaderContainer,
#DIVContainerWrapper,
div.divFooterContent {
 width: 942px ;
 margin: 0 auto ;
}

#DIVContainerWrapper {
  padding-bottom: 2.5em ;
}


#TBLHead {
height: 110px ;
}

#TBLHead td.tdLogo {
text-align: left ;
width: 300px ;
}




/* mozilla family browser - hack */
html > body #DIVHeader, 
html > body #DIVContainer {
  width: 942px ;  /* 980px - 26px - 27px - 2x 1px borders . */
}

td.tdSearch {
 width: 260px ;
 align: right ;
 text-align: right ;
}



td.tdSearch table.tblSearch {

 align: right ;
 text-align: right ;

}

td.tdSearch table.tblSearch td {
 padding: 0 ;
 margin: 0 ;
 height: 24px ;
 background: green ;
}


#zoeker {
 background: transparent url(../image/header-search-bg.gif) no-repeat top left ;
 text-align: right ;
 width: 180px ;
 padding-left: 2px ;
 padding-right: 0 ;
 margin-right: 0 ;
}

#zoekeninput{
 background: transparent url(../image/header-search-bg.gif) no-repeat top left ;
 text-align: right ;
 width: 180px ;
 padding-left: 2px ;
 padding-right: 0 ;
 margin-right: 0 ;
}

#siQuery {
width: 100% ;
border: 0 ;
}

td.tdSearch table.tblSearch td.tdSearchBtn {
 width: 76px ;
 padding: 0 ;
 margin: 0 ;
 text-align:left ;

}

input.btnSearch {
font-family: arial; 
 background: transparent url(../image/header-search-button-bg.gif) repeat-x top right ;
 color: white ;
 font-weight: bold ;
 border: 0 ;
 margin: 0 ;
 height: 24px ;
 width: 76px;
 cursor:pointer;
}




td.tdStrapline {
 text-align: right ;
 padding: 0 ;
 margin: 0 ;
}

td.tdStrapline img {
 vertical-align: top ;
 padding: 0 ;
 margin: 0 ;
}
*/



div.divOutlineTopContainer {
 height: 41px ;
  background: transparent url(../image/outline-top-border.gif) repeat-y top left ;
}

div.divOutlineTopContainer table.OutlineTop {
 /*height: 100% ;*/
  background: transparent url(../image/outline-top-border.gif) repeat-y top left ;
}

div.divOutlineTopContainer table.OutlineTop td { 
  text-align: center ;
}

#DIVContainerWrapper table tr td {
 text-align: left ;
}

div.divContentContainer table {
border-collapse:collapse;
border-width:1px;
}

div.divContentContainer th {
border-width:1px;
font-weight:bold;
padding:0.5em 0.75em;
}

#DIVContainerWrapper div.divBreadCrumb {
 height: 45px ;

}

#DIVContainerWrapper div.divBreadCrumb table {
 height: 100% ;
 vertical-align: middle ;
}


#DIVContainerWrapper div.divBreadCrumb table div {
 margin-right: 10px ;
 padding: 0 0 10px 10px;
 
}

div.divBreadCrumb a.linkFeed {
	background: transparent url(../image/icon-feed-small.png) no-repeat left 2px ;
        padding: 3px 0 3px 20px  ;
	}

div.divBreadCrumb a.linkPrint {	
	background: transparent url(../image/icon-print.gif) no-repeat left 2px ;
        padding: 3px 0 3px 20px  ;
	}



#TD1A {
padding-bottom:3em;
vertical-align:top;
width:211px;
}

#TD2A {
vertical-align:top;
padding-left: 20px ;
padding-right: 20px ;
 border-right-width: 1px ;
}

td.td2AExtra {
 padding-right: 30px ;
}

#TD3A {
 vertical-align:top;
 width: 221px ;
 border-right-width: 1px ;


}


#TD2A h1 {
 margin: 0 0 0.5em 0 ;
 padding: 0 0 0.5em 0 ;
 border-bottom-width: 1px ;
}

#TD3A h2 {
 margin:0 10px 0.5em 10px;
 padding:0px 0px 11px 0px;
 border-bottom-width: 1px ;
}

#TBLContainer {
width: 100% ;
}


div.divContentContainer td {
  padding: 0.5em 0.75em ;
  border-width: 1px ;
}



table.tblPanels td {
vertical-align: top ;
border-bottom: 20px ;
border-right: 0 ;
border-left: 0 ;
border-top: 0 ;
border-color:white;
border-style:solid;
margin:0;
padding:0;
}

table.tblPanels td div.divImg {
  float: left ;
  margin-right: 10px ;
  padding: 5px 5px 5px 10px ;
}

div.divContentContainer table.tblNoBorders , 
div.divContentContainer table.tblNoBorders tr td,
table.tblNoBorders, 
table.tblNoBorders td ,
div.divContentContainer table.TBLNoBordersInclChildren ,
div.divContentContainer table.TBLNoBordersInclChildren table ,
div.divContentContainer table.TBLNoBordersInclChildren td { 
  border: 0 ;
  padding: 0.25em ;
}


/* rest of the site ... */

/* various containers - no paddings to be set - must be done on other elements */
div.divSubOutline                        { width: 218px ; float: left ;  margin: 0 ; padding: 0 ; }
#DIVContentContainer                   { width: 706px ; float: right ; margin: 0 ; padding: 0 ; } 
#DIVContentContainer div.wideColumn    { width: 704px ; margin: 0 ; padding: 0 ; }
#DIVContentContainer div.narrowColumn  { width: 486px ; float: left ;  margin-right: 0 ; padding: 0 ; }
#DIVContentContainer div.relatedColumn { width: 212px ; float: right ; margin-left:  10px ; padding: 0 ; }

html > body #DIVContentContainer       { width: 704px ; }

/* ******************** */
/* Side outline styles  */
/* ******************** */

div.divSubOutline div.divOutlineImage {
 height: 112px ;	/* includes the spacing for the border-bottom */ 
}

div.divSubOutline div.divOutlineImage img {
 margin-top: 10px ;
}

div.divSubOutline {
  border-width: 0 ;
  width: 218px ;
}

div.divSubOutline ul , 
div.divSubOutline ul li {
  margin: 0 ;
  padding: 0 ;
  list-style: none ;
}

div.divSubOutline ul li a , 
div.divSubOutline ul li a:link , 
div.divSubOutline ul li a:visited , 
div.divSubOutline div.divEmptyBox {
  display: block ;
  font-size: 12px ;
  font-weight: bold ;
  padding: 15px 0px 15px 20px;
  text-decoration: none ;
  width: 198px ;
  border-bottom: 1px solid #FFFFFF ;
}

html > body #DIVContainer div.divSubOutline ul li a , 
html > body #DIVContainer div.divSubOutline div.divEmptyBox {
  width: 198px ; /* 218 - 9px - 20px padding */
}

div.divSubOutline ul li a:hover {
  text-decoration: underline ;
}

/* child outline entries */
div.divSubOutline ul li div { 
  border-width: 0 0 1px 0 ;
}

div.divSubOutline  ul li div a , 
div.divSubOutline  ul li div a:link , 
div.divSubOutline  ul li div a:visited {
  display: block;
  padding: 14px 0px 14px 20px ;
  text-decoration: none ;
  font-weight: normal ;
  border: 0 ;
}

div.divSubOutline ul li div a:hover {
  text-decoration: underline ;
}

/* ***************************** */
/* Document List View styles     */
/* ***************************** */

#TD2A div.divContentContainer div.divViewContent {
 margin-top: 1em ;
}

#TD2A div.divContentContainer div.divViewContent h2{
   background: none ;
   border: 0 ;
   font-size: 14px ;
}

#TD2A div.divContentContainer div.divViewContent h3{
   padding-left: 0.5em ;
}

#TD2A div.divContentContainer div.divViewContent h5 {
  margin-bottom:0 ;
}


div.divContentContainer h5.Category {
  padding: 0.5em ;
  font-size: 109% ;
}
div.divContentContainer h6.Title {
  padding: 0;
  margin-top:0 ;
}

div.divViewContent p {
  margin-top:0;
}


p.Results {
  border-bottom-width: 1px ;
  padding: 0.5em 0 0.5em 2.5em;
  margin: 0.5em 0 ;
  background: transparent url(../image/bullet-arrow.gif) no-repeat scroll left 1em ;
}

p.MemberContent {
  background: transparent url(../image/icon_memberOnly.gif) no-repeat scroll left 0.75em ;
}



div.divContent div.divSearch {
margin-top:20px;
width:275px;
}

div.divContent div.divSearch table {
border-width: 0 ;
}


div.divContent div.divSearch table td {
border-width: 0 ;
}

/* ***************************** */
/* Press/Publications styles     */
/* ***************************** */

div.divViewContent p.pressBodyText {
  padding-bottom:1em;
  border-bottom:1px solid #CDEBFF ;
}

div.divDate { margin: 0.75em 0 ; font-weight: bold ; }


/* ********************** */
/* Events listing style   */
/* ********************** */

#TD2A td.td_Date {
  border-color: #CCCCCC ;
  border-style: solid ;
  border-width: 1px 0 1px 1px ;
  padding: 13px 10px;
  text-align: center;
  vertical-align: top ;
  width: 40px;
}

#TD2A td.td_Article {
  border-width: 1px 1px 1px 0 ;
  border-color: #cccccc ;
  border-style: solid ;
  padding: 9px 9px ;
  vertical-align: top ;
}

table.tbl_CalBox {
  border-collapse: collapse;
  width: 39px;
  border-width: 2px ;
  border-style: solid ;
  border-color: #0E2742 ;
}


#DIVContainerWrapper table.tbl_CalBox td.td_CalMonth {
  background: #0E2742;
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 3px 5px ;
  border-color: #0E2742 ;
}


#DIVContainerWrapper table.tbl_CalBox td.td_CalDay {
  text-align: center;
  color: #0E2742 ;
  padding: 3px ;
  border-color: #0E2742 ;
}


/* ***************** */
/*  Related Content  */
/* ***************** */

#TD3A div.divRelatedImage {
 width: 200px ;
 padding: 0 10px ;
 margin-bottom: 1em ;
	
}

#DIVContentRelated {
margin-left: 10px ;
margin-right: 10px ;
 width: 200px ;
}

#DIVContentRelated div.divBox {
	border-bottom-width: 1px ;
	padding-bottom: 1em ;
	  margin-bottom: 1em ;
}

#DIVContentRelated div.divBox table.tblBoxes td.tdTxt img {
 margin-bottom: -6px ;
}

/* ***************************** */
/*  */
/* ***************************** */

/* following class used by weblinks and print icon in breadcrumb bar */
#DIVContainerWrapper td.tdRight {
text-align: right ;
}


/* end main container + columns settings (generic) */

/* attachments styles */

ul.download 		{ list-style: none ; padding-left: 0 ;  margin-left: 1em ; }

ul.download li a 	{ padding: 3px 4px 3px 24px ;  line-height : 1.6em; }

ul.download li a 	{ background : url(/Sectors/ICT/ICT.nsf/images/filetypes/generic_small.gif) 	no-repeat 1px 1px; }
ul.download li a.pdf 	{ background : url(../image/filetypes/PDF_small.gif) 	no-repeat 1px 1px; }
ul.download li a.doc 	{ background : url(../image/filetypes/DOC_small.gif) 	no-repeat 1px 1px; }
ul.download li a.gif 	{ background : url(../image/filetypes/GIF_small.gif) 	no-repeat 1px 1px; }
ul.download li a.jpg 	{ background : url(../image/filetypes/JPG_small.gif) 	no-repeat 1px 1px; }
ul.download li a.png 	{ background : url(../image/filetypes/PNG_small.gif) 	no-repeat 1px 1px; }
ul.download li a.ppt 	{ background : url(../image/filetypes/PPT_small.gif) 	no-repeat 1px 1px; }
ul.download li a.xls 	{ background : url(../image/filetypes/XLS_small.gif) 	no-repeat 1px 1px; }
ul.download li a.zip 	{ background : url(../image/filetypes/ZIP_small.gif) 	no-repeat 1px 1px; }


/* ***************************** */
/* buttons / input styles styles */
/* ***************************** */

input , textarea {
  background:#FFFFFF;
  color: #000000 ;
  border: 1px solid #CCCCCC;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 100%;
}

input.btnSubmit {
  background-color: #EEEEEE ;
  color: #38393A ;
  font-weight: bold ;
  font-family: verdana;
  padding: 3px 5px ;
}

input.btnStandard {
  background-color: #F5F5F5 ;
  color: #38393A ;
  font-weight: bold ;
  font-size: 11px ;
  font-family: verdana;
  padding: 3px;
}

input#siQuery2 {
 padding:6px 3px;
 width:100%;
}

html > body input.input_no_height {
 height: 100% ;
}


/* ************************* */
/* Related Content - extra   */
/* ************************* */




div.column ul.ulPageOptions ,
div.column div.divContactDetails ,
div.column div.divRelatedContentBoxTop {
	margin: 0 ;
}

/* page options icons */
div.column ul.ulPageOptions {	
	/* padding: 10px 20px 10px 25px ;*/
		padding: 10px 15px 10px 20px ;
	list-style: none ;
}	

div.column ul.ulPageOptions li {
	list-style: none ;
	padding-bottom: 10px ;
	}	

div.column ul.ulPageOptions li a, 
div.column ul.ulPageOptions li span {
	background-image: url(../image/icons-page-options.gif) ; 
	background-repeat: no-repeat ;
	line-height: 23px ;
	padding-left: 32px ;
	display: block ;
        font-weight: bold ;
}

div.column ul.ulPageOptions li.liEmail a 	{ background-position: 0 -50px ;	}
div.column ul.ulPageOptions li.liPrint a 	{ background-position: 0 -100px ;	}
div.column ul.ulPageOptions li.liShare a 	{ background-position: 0 -150px ;	}
div.column ul.ulPageOptions li.liRSSFeed a 	{ background-position: 0 -250px ;	}

div.column ul.ulPageOptions li.liShare ul {
	padding: 0 5px 0 34px ; 
	margin-bottom: 0 ;
	}
div.column ul.ulPageOptions li.liShare li {
	padding-bottom: 5px ;
	}

div.column ul.ulPageOptions li.liShare li a {
	background-image: url(../image/icons-network-share-sprite.gif) ; 
	line-height: 24px ;
	padding-left: 28px ;
	}	
	
div.column ul.ulPageOptions li.liShare li.linkShareTwitter a 		{ background-position: 0 -50px ; }
div.column ul.ulPageOptions li.liShare li.linkShareFacebook a 		{ background-position: 0 -100px ; }
div.column ul.ulPageOptions li.liShare li.linkShareLinkedIn a 		{ background-position: 0 -150px ; }
div.column ul.ulPageOptions li.liShare li.linkShareMixx a 			{ background-position: 0 -200px ; }


/* **************** */
/* Footer Content   */
/* **************** */

div.divFooterContent {
 padding-top:1.5em ;
 padding-bottom: 2.5em ;
}

#TBLFooter {
 width: 942px ;
}

#TBLFooter td {
 vertical-align: top ;
 text-align: left ;
 color: #CBDBE7 ;
}



#TBLFooter td.tdCell1 td {
 color: #CBDBE7 ;
 border-bottom-width: 1px ;
 border-top-width: 1px ;
 border-color: #3f7ead ;
 padding: 3px 0 ;
}

#TBLFooter td.tdCell1 td.tdNB {
 border-width: 0 ;
width: 28px ;
}

#TBLFooter td.tdCell2 {
text-align: right ;
width: 195px ;
}

#TBLFooter td.tdCell2 div {
 margin-top: 1em ;
}

hr {
 border: 0 ;
}
