/* General */

* {
	margin: 0;
	padding: 0;
}

html, body
{
   margin: 0;
   padding: 0;
   border: 0;
}

body
{
   background: #fff url( Images/Layout/Background.png ) top left repeat;
   color: #111;
   text-align: center;
}

h4
{
   font-size: 1.2em;
}

h5
{
   font-size: 1.1em;
}

body,
td,
input,
select,
textarea
{
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 12px;
}

iframe
{
   border: 0;
   width: 100%;
   height: 400px;
}



/* Global */

.BorderBottom
{
	border-bottom: 1px solid #aaafb4;
}



/* Links */

a
{
   color: #00336f;
	text-decoration: none;
}

a:hover
{
   color: #c12145;
}



/* Layout */

#Layout
{
   background-color: #fff;
   text-align: left;
   margin: 0 auto 9px;
   width: 1000px;
}

#Header,
#Footer
{
   font-size: 12px;
}

#Header,
#ServiceMenu,
#MenuAndSearch
{
   font-family: Arial, Helvetica, sans-serif;
}

#Header
{
   background: #ffffff url( Images/Layout/Logo.jpg ) no-repeat bottom left;
	height: 200px;
}

.NoBanner#Header
{
	height: 100px;
}

   #Header a:link,
   #Header a:visited,
   #Footer a:link,
   #Footer a:visited
   {
      color: #fff;
      text-decoration: none;
   }

   #Header a:active,
   #Header a:hover,
   #Footer a:active,
   #Footer a:hover
   {
      text-decoration: underline;
   }

   #Header a#LogoLink
   {
      display: block;
      height: 112px;
   }

   #Header #TopBanner
   {
	   text-align:center;
	   padding-top: 10px;
   }

      #Header #TopBanner img
      {
	      height: 90px;
	      width: 728px;
      }

#ServiceMenu
{
	font-size: 10px;
	height: 22px;
   text-transform: uppercase;
}

	#ServiceMenu ul 
	{
		float: right;
		margin: 5px 5px 0 0;
	}
	
	#ServiceMenu li
	{
		background: url( Images/Layout/Icon/ServiceMenu.Bullet.gif ) no-repeat left center;
		float: left;
		list-style: none;
		padding: 0 6px 0 9px;
	}
	
	#ServiceMenu li.First
	{
		background: none;
	}
	
	#ServiceMenu a,
	#ServiceMenu a:visited
	{
		text-decoration: none;
	}

#MenuAndSearch
{
	background-color: #004c89;
	height: 22px;
}

#Search
{
	float: right;
	padding: 3px 10px 0 0;
	vertical-align: middle;
	width: 149px;
}

	#Search input
	{
		background-color: #fff;
		border: none;
		padding: 2px;
	}
	
	#Search input.Submit
	{
		background-color: #004c89;
		color: #fff;
		padding: 0px 2px;
	}

	#Search input.Submit:hover
	{
		color: #fff;
		background-color: #b4000a;
		cursor: pointer;
	}

	#Search input.SearchField
	{
		width: 100px;
		height: 13px;
	}

ul#Menu
{
   font-size: 12px;
   letter-spacing: 1px;
	font-weight: bold;
	height: 22px;
	list-style: none;
	padding-left: 10px;
	position: relative;
	width: 821px;
}

   ul#Menu li
   {
      float: left;
      text-transform: uppercase;
	   background: #004c89 url( Images/Layout/Icon/Menu.Bullet.gif ) no-repeat center left;
      padding: 0 10px 0 14px;
 	}

   ul#Menu a,
   ul#Menu a:link,
   ul#Menu a:visited
   {
		color: #fff;
		line-height: 16px;
      display: block;
      float: left;
      text-decoration: none;
		padding: 3px 5px;
   }

	ul#Menu li a:hover,
	ul#Menu li a:visited:hover,
	ul#Menu li.Active a:link,
   ul#Menu li.Active a:visited
	{
		color: #c12145;
		background-color: #fff;
	}

   ul#Menu ul.SubMenu
   {
      font-size: 11px;
      letter-spacing: normal;
      position: absolute;
      left: 9px;
      top: 26px;
	   height: 18px;
   }

	   ul#Menu ul.SubMenu li
	   {
		   float: left;
		   list-style: none;
		   text-transform: none;
		   background: none;
		   padding: 0;
	   }
   	
	   ul#Menu ul.SubMenu li a:link,
	   ul#Menu ul.SubMenu li a:visited,
	   ul#Menu ul.SubMenu li a:link,
	   ul#Menu ul.SubMenu li a:visited,
	   ul.SubMenu li a:link,
	   ul.SubMenu li a:visited,
	   ul.SubMenu li a:link,
	   ul.SubMenu li a:visited
	   {
   		color: #00336F;
		   background-image: url( Images/Layout/Icon/SubMenu.Bullet.gif );
		   background-repeat: no-repeat;
		   background-position: 0 4px;
		   padding: 0 10px 0 10px;
		   text-decoration: none;
	   }
   	
	   ul#Menu ul.SubMenu li.Active a,
	   ul#Menu ul.SubMenu li.Active a:visited,
	   ul#Menu ul.SubMenu li a:hover,
	   ul#Menu ul.SubMenu li a:visited:hover,
	   ul.SubMenu li.Active a,
	   ul.SubMenu li.Active a:visited,
	   ul.SubMenu li a:hover,
	   ul.SubMenu li a:visited:hover
	   {
		   background-image: url( Images/Layout/Icon/SubMenu.Bullet.Active.gif );
		   color: #B4000A;
	   }

      /* Display active submenu only */
      ul.SubMenu
      {
         display: none;
      }

      body#Default ul.SubMenu.Actueel,
      body#Actueel ul.SubMenu.Actueel,
      body#Commentaar ul.SubMenu.Commentaar,
      body#Archief ul.SubMenu.Archief,
      body#Carriere ul.SubMenu.Carriere,
      body#Agenda ul.SubMenu.Agenda,
      body#Forum ul.SubMenu.Forum,
      body#Links ul.SubMenu.Links,
      body#Menu1 ul.SubMenu.Menu1,
      body#Menu2 ul.SubMenu.Menu2,
      body#Menu3 ul.SubMenu.Menu3,
      body#Menu4 ul.SubMenu.Menu4,
      body#Menu5 ul.SubMenu.Menu5,
      body#Menu6 ul.SubMenu.Menu6,
      body#Menu7 ul.SubMenu.Menu7,
      body#Menu8 ul.SubMenu.Menu8,
      body#Menu9 ul.SubMenu.Menu9,
      body#Menu10 ul.SubMenu.Menu10
      {
         display: block;
         _width: 990px;
      }

p#CrumbleMenu
{
	color: #00336f;
	margin-bottom: 8px;
}

#Content, #ContextMargin, #ContextMagazine
{
	line-height: 1.6em;
   margin-top: 24px;
}

#Content
{
	border-top: 1px solid #b4000a;
   clear: both;
	padding: 4px 10px 0 15px;
   width: 470px;
   _width: 460px; /* IE6 */
}

#ContentWrap
{
	width: 625px;
	_width: 615px; /* IE6 */
}

#ContextMagazine
{
   margin-left: 10px;
   width: 144px;
}

#ContextMargin
{
   width: 336px;
}

#Footer
{
	background-color: #004c89;
   color: #fff;
   margin-top: 20px;
   padding: 5px 10px;
	font-size: 11px;
}

   #Footer li
   {
      border-left: 1px solid #fff;
      display: inline;
      padding: 0 6px 0 8px;
   }

   #Footer li.First
   {
      border-left: none;
      padding-left: 0;
   }
   


/* Dropdown checklist */

.DropdownChecklistContainer
{
   height: 100%; /* IE Hack */
}

   .DropdownChecklist
   {
      border: 1px solid ThreeDShadow;
      background: Window;
      color: WindowText;
      padding: 6px;
      width: 302px;
      height: 160px;
      overflow: auto;
      z-index: 999;
   }
   
   .DropdownChecklistFoot
   {
      background: ThreeDShadow;
      color: ThreeDFace;
      padding: 0 6px;
      margin-bottom: 10px;
      z-index: 1000;
   }
   
      .DropdownChecklistFoot a
      {
         color: ThreeDFace !important;
      }




/* Blocks */

.Block
{
	margin-bottom: 12px;
	border-top: 1px solid #b4000a;
	background-color: #d1d5d9;
}

#ContextMagazine .Block
{
	border-bottom: 1px solid #D0D0D2;
   background-color: transparent;
   border-top: 0;
}

	.Block .Header
	{
		border-bottom: 1px solid #f0ece8;
		color: #b4000a;
		font-weight: bold;
		font-size: 120%;
		padding: 5px 9px;
	}
		
		.Block .Header img
		{
			margin-left: 10px;
		}
		
		.BlockExternalNews .Header img
		{
			margin-left: 0px;	
		}
	
	#ContextMagazine .Block .Header
	{
      border-bottom: 0;
      font-size: 1em;
      color: #00336F;
	}
	
	.Block .Content
	{
		padding: 4px 9px 9px 9px;
	}
	
	   .Block .Content ul
	   {
	      list-style: none;
	   }
	
	.JobSearch,
	.JobSearchHalf
	{
		padding: 2px;
		display: block;
		_display: inline;
		width: 310px;
		border: 1px solid #aaafb4;
	}

	div.JobSearch,
	div.JobSearchHalf
	{
	   border: 0;
	   padding: 0;
		width: 308px;
	}
	
	select.JobSearch,
	select.JobSearchHalf
	{
	   width: 316px;
	}
	
	input.JobSearch,
	input.JobSearchHalf
	{
	   padding-left: 4px;
	   padding-right: 0;
	}
	
	.JobSearchHalf
	{
	   width: 150px;
	}
	
	select.JobSearchHalf
	{
	   width: 155px;
	}
	
	div.JobSearchHalf
	{
		width: 153px;
	}
	
	.Block.DarkBlue
	{
		background-color: #a0b3c9;
	}
	
		.Block.DarkBlue .Header
		{
			border-color: #bbcbdb;
		}

.LinkList
{
	list-style: none;
}

.LinkList.Horizontal
{
   height: 1.75em;
}

	.LinkList li
	{
		padding-bottom: 5px;
	}
	
	.LinkList.Horizontal li
	{
	   float: left;
	   margin-right: 1.25em;
	}

	.LinkList a, .LinkList a:visited
	{
		text-decoration: none;
	}

	
	.LinkList a:hover,
	.LinkList a:visited:hover
	{
	}
	
	.DarkBlue .LinkList a,
	.DarkBlue .LinkList a:visited,
	.Block .ReadMore a,
	.Block .ReadMore a:hover
	{
	}

	.DarkBlue .LinkList a:hover,
	.DarkBlue .LinkList a:visited:hover,
	.Block .ReadMore a:hover
	{
	}



/* Type: News */

#Content .NewsArticleFull h2
{
   font-size: 190%;
   margin-bottom: 4px;
}

.NewsArticleFull h3
{
	font-weight: bold;
}

.NewsArticleFull .Agenda
{
	margin-bottom: 2px;
}

.NewsArticleFull .Description
{
	border-bottom: 1px solid #BBCBDB;
	padding-bottom: 2px;
}

.NewsArticleFull .Paging
{
	font-size: 11px;
}
		
	.NewsArticleFull .Paging .ColorGrey
	{
		display: none;
	}

	.NewsArticleFull .Paging .PageNavigation
	{
		text-align: right;
	}



/* Type: Response */

.NewsComment
{
   border-bottom: 1px solid #d8d8d8;
   padding-bottom: 3px;
   margin-bottom: 7px;
}



/* Headings */

h1, h2, h3, h4, h5, h6
{
   color: #00336f;
   font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
   line-height: normal;
}

h1
{
	color: #b4000a;
	border-bottom: 2px solid #b4000a;
	padding-bottom: 2px;
	margin-bottom: 14px;
	font-size: 25px;
	font-weight: bold;
}

h2
{
	font-weight: bold;
}

h3
{
	color: #b4000a;
	border-bottom: 1px solid #b4000a;
	padding-bottom: 1px;
	margin: 15px 0 2px 0;
}

h1 a
{
   color: #c12145;
}

h1 a:link, h1 a:visited,
h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited
{
   text-decoration: none;
}

h2 a:link, h2 a:visited
{
	font-weight: bold;
}



/* Text */

.Attention
{
   color: #FF0000;
   font-weight: bold
}



/* Lists */

#Content ul
{
   padding-left: 25px;
}

ul.Arrows li
{
	list-style: none;
	padding: 0 0 5px 10px;
	background: url( Images/Layout/Icon/Next.Orange.gif ) no-repeat  2px 2px;
}



/* Images */

a img, a:visited img
{
   border: none;
}



/* Lines */

hr
{
	border: none;
	background-color: #d8d8d8;
	color: #d8d8d8;
	height: 1px;
	padding: 0;
	margin: 0;
	width: 100%;
}



/* Forms */

div#Content input,
div#Content select,
div#Content textarea
{
   padding: 2px;
}

td.FormLabel,
td.FormField
{
   padding: 1px 0;
}

#Content input,
#Content select,
#Content textarea
{
   border: 1px solid #acb0b3;
}

#Content input.Checkbox,
#Content input.Radio
{
   border-width: 0;
   vertical-align: middle;
}

.SubmitButton
{
	background-color: #d1d5d9;
	border: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #aaafb4;
	color: #00336f;
	padding: 2px 8px;
}

.SubmitButton:hover
{
	background-color: #b4000a;
	color: #fff;
	cursor: pointer;
}

.ResetButton
{
	background-color: #d1d5d9;
	border: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #aaafb4;
	color: #6d7175;
	padding: 2px 8px;
}

.ResetButton:hover
{
	background-color: #6d7175;
	color: #fff;
	cursor: pointer;
}

fieldset
{
   border: 1px solid #acb0b3;
}

label:hover
{
   cursor: pointer;
   text-decoration: underline;
}



/* Tables */

table.Decorated
{
	border-collapse: collapse;
	empty-cells: show;
	margin-bottom: 12px;
	width: 100%;
}

   table.Decorated th
   {
      color: #b4000a;
      background-color: #FFF;
      font-weight: normal;
   }
   
	table.Decorated th,
	table.Decorated td 
	{
		border-bottom: 1px solid #dddcde;
		padding: 3px 15px 3px 0;
	}
	
	table.Decorated.HoverEffect tr:hover
	{
	   background-color: #EEE;
	}

table.Agenda
{
	border-collapse: collapse;
	empty-cells: show;
	margin-bottom: 9px;
	width: 100%;
}

	table.Agenda td 
	{
		border-bottom: 1px solid #bbcbdb;
		padding: 3px 0 3px 10px;
	}
	
.BlockRss .Header
{
	border-bottom: 0px;
}

.BlockRss .Content
{
	clear: both;
	border-top: 1px solid #bbcbdb;
}

table.RssBlock
{
	border-collapse: collapse;
	empty-cells: show;
	margin-bottom: 9px;
	margin-top: 4px;
	width: 100%;
}

	table.RssBlock td
	{
		vertical-align: top;
		padding: 3px 0 3px 0px;
	}

	table.RssBlock .Date
	{
		line-height: 0.8em;
	}
	
	.BlockRss .NodeImage
	{
		margin: 9px;
	}


/* Article blocks */

#Content .NewsArticle
{
   border-bottom: 1px solid #dddcde;
   padding-bottom: 3px;
   margin-bottom: 7px;
}

	#Content p.Meta
	{
		margin: 0;
	}

	#Content .NewsArticle h2
	{
	   font-size: 17px;
		font-weight: normal;
	}

	#Content .NewsArticle img.NewsImage
	{
		float: left;
		margin: 2px 10px 10px 0;
	}

   /* Read more */
	#Content .NewsArticle .ReadMore a,
	#Content .NewsArticle .ReadMore a:visited,
	body#Forum .ReadMore a,
	body#Forum .ReadMore a:visited
	{
		text-decoration: none;
		padding-left: 13px;
		background: url( Images/Layout/Icon/ReadMore.gif ) no-repeat 0 2px;
	}

	#Content .NewsArticle .ReadMore a:hover,
	#Content .NewsArticle .ReadMore a:visited:hover,
	body#Forum .ReadMore a:hover,
	body#Forum .ReadMore a:visited:hover
	{
		background-image: url( Images/Layout/Icon/ReadMore.Hover.gif );
	}

	/* Advertorial */
	#Content .NewsArticle.Advertorial
	{
		background-color:#D1D5D9 !important;
	}
		
	#Content .NewsArticle .AdvertorialContainer 
	{
		background-color: #D1D5D9;
		margin: 0px 0px 6px 0px;
		padding: 2px;
	}

		#Content .NewsArticle .AdvertorialContainer .AdvertorialHeader
		{
			color: #B6000A;
			font-size: .8em;
			text-indent: 4px;
		}

		#Content .NewsArticle .AdvertorialContainer div a
		{
			color: #B6000A;
		}

		#Content .NewsArticle .AdvertorialContainer div a:hover
		{
			text-decoration: underline;
		}


/* Banners */

.Rectangle,
.Banner
{
	overflow: hidden;
	text-align: center;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}

.BannerContextual
{
	overflow: hidden;
	margin: 0px;
	padding-left: 0px;
	text-align: left;
}

   #Content .Rectangle,
   #Content .Banner
   {
	   margin: 12px 0;
      padding: 0px;
      line-height: 0px;
      width: 468px;
   }

   #ContextMargin .Rectangle,
   #ContextMargin .Banner
   {
		background-color: #FFFFFF;
      margin-bottom: 16px !important;
   }

   #ContextMagazine .Rectangle,
   #ContextMagazine .Banner
   {
      font-size: 0px;
      margin-bottom: 16px !important;
   }



/* Colors */

.ColorOrange
{
   color: #f86d04 !important;
}

.ColorRed
{
   color: #b4000a !important;
}

.ColorWhite
{
   color: #fff !important;
}

.ColorBlue
{
   color: #00336f !important;
}

.ColorGrey
{
   color: #777777 !important;
}

.ColorBlack
{
   color: #000 !important;
}



/* PageNavigation */

.PageNavigation 
{
	color: #00336f;
}

.PageNavigation .CurrentPage 
{
	font-weight: bold;
}



/* PageOptions */

.PageOptions
{
	line-height: 16px;
	text-align: right;
}

.PageOptions.BorderBottom
{
	border-bottom: 1px solid #b4000a;
	margin-bottom: 10px;
}

.PageOptions.BorderTop
{
	border-top: 1px solid #b4000a;
	margin-top: 10px;
}

   .PageOptions span
   {
      height: 20px;
      _padding-top: 4px; /* IE6 */
   }

      .PageOptions span img
      {
	      margin-left: 10px;
	      vertical-align: middle;
      }



/* Misc */

.VacancyBody p,
.VacancyBody ul,
.VacancyBody ol
{
   margin: 1em 0;
}



/* Node properties */

.NodeBody
{
   margin-bottom: 1.6em !important;
}

.NodeDescription
{
   font-weight: bold;
   margin-bottom: 1.6em !important;
}



/* Maintenance controls */

.MaintenanceControl
{
   position: inherit;
   padding: 0;
}

#Header .MaintenanceControl
{
   position: absolute;
   left: -100px;
   top: -50px;
}
