/* General */

body 
{
	background-color: #FFF;
	color: #444444;
	font: 75% Calibri, Arial, sans-serif;
	line-height: 150%;
	text-align: center;
}

th, td
{
	vertical-align: top;
	text-align: left;
}

a img
{
	border: none;
}

h1.hidden 
{
	display: none;
}

.TransparentBackground
{
   background: transparent !important;
}



/* Links */

a
{
	color: #27358e;
	outline: none;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a.Hover
{
	color: #6C6C6C;
   display: block;
   text-decoration: none;
}

   a.Hover:hover
   {
      background-color: #e5e7e9;
   	color: #202d74;
   }

   a.Hover strong.Hover
   {
	   color: #202d74;
   }
   
   a.Hover span
   {
   	display: block;
   }



/* Layout */

#Wrapper
{
}

#Header 
{
	height: 150px;
	position: relative;
	width: 965px;
	margin: 0 auto;
	text-align: left;
}

	#Header p a:hover
	{
		text-decoration: underline;
	}

	#Header .BannerCarrousel
	{
		position: absolute;
		top: 30px;
		right: 0;
	}

	#Header #Logo
	{
		position: absolute;
		top: 20px;
		left: 15px;
	}



/* Navigation */

#UserMenu
{
   bottom: 6px;
	font-weight: bold;
	right: 0;
	line-height: normal;
	position: absolute;
}

   #UserMenu a
   {
      text-decoration: none;
   }

   #UserMenu a:hover
   {
      text-decoration: underline;
   }

#Menu
{
	bottom: 0;
	font-size: 1.25em;
	font-weight: bold;
	height: 27px;
	left: 0;
	line-height: normal;
	position: absolute;
}

	#Menu li
	{
		float: left;
		list-style: none;
	}

		#Menu li a
		{
			display: inline-block;
			line-height: 27px;
			height: 27px;
			text-decoration: none;
			color: #202d74;
			background: url( Images/MenuDivider.gif ) no-repeat center left;
			padding: 0 7px 0 10px;
		}

		#Menu li a:hover
		{
			text-decoration: underline;
		}

		#Menu li.First a
		{
			background: none;
		}

	#Menu li.Active
	{
		background: #e2e2e2 url( Images/MenuActiveStart.gif ) no-repeat top left;
		margin-right: -3px;
		position: relative;
		z-index: 2;
	}

		#Menu li.Active a
		{
			background: url( Images/MenuActiveEnd.gif ) no-repeat top right;
			padding: 0 10px;
			margin-left: 3px;
		}

#MenuBorder
{
	height: 6px;
	background-color: #e2e2e2;
	overflow: hidden;
}

#ServiceMenu
{
	line-height: normal;
	position: absolute;
	right: 0;
	top: 12px;
}

	#ServiceMenu li
	{
		list-style: none;
		float: left;
		border-left: 1px solid #858585;
		padding: 0 7px;
	}

	#ServiceMenu li.First
	{
		border: none;
	}

	#ServiceMenu a
	{
		color: #858585;
		text-decoration: none;
	}

	#ServiceMenu a:hover
	{
		text-decoration: underline;
	}



/* Text */

h2,
span.h2
{
	color: #202d74;
	font-weight: bold;
	font-size: 180%;
	line-height: 100%;
	margin-bottom: .75em;
}

h3,
span.h3
{
	color: #202d74;
	font-weight: bold;
	font-size: 130%;
	line-height: 100%;
	margin-bottom: .5em;
	margin-top: 1em;
}



/* Footer */

#FooterWrapper
{
	background: #27358e url( Images/FooterBackground.gif ) repeat-x top left;
	margin-top: 20px;
}

#Footer
{
	color: #fff;
	line-height: normal;
	margin: 0 auto;
	padding-top: 10px;
	text-align: left;
	width: 965px;
}

	#Footer p,
	#Footer ul
	{
		margin: 3px 0;
	}

	#Footer #Disclaimer,
	#Footer .FooterMenu
	{
		width: 450px; /* todo temp - In FF geen link op Partners - quirks mode? */
	}

	#Footer #Employer ul,
	#Footer #Disclaimer,
	#Footer .FooterMenu
	{
		margin-bottom: 15px;
	}

	#Footer #Partners
	{
	   float: right;
	}

      #Footer #Partners p.PartnerMenu
      {
         border: 1px solid #c0c0c0;
         height: 54px;
         margin-bottom: 4px;
         float: left;
      }

         #Footer #Partners p.PartnerMenu a
         {
            background-color: #fff;
            background-position: center center;
            background-repeat: no-repeat;
            float: left;
            padding: 5px 0;
            height: 44px;
            width: 61px;
         }

         #Footer #Partners p.PartnerMenu img
         {
            padding: 0 5px;
            border-right: 1px solid #c0c0c0;
            height: 44px;
            width: 50px;
         }

         #Footer #Partners a.Last
         {
            width: 60px;
         }

         #Footer #Partners a.Last img
         {
            border-right: none;
         }

      #Footer #Employer
      {
      	clear: left;
      }

	   #Footer #Employee p,
	   #Footer #Employer p
	   {
	      font-weight: bold;
		   float: left;
		   width: 90px;
	   }

	#Footer ul
	{
		float: left;
	}

	   #Footer li
	   {
		   border-left: 1px solid #fff;
		   float: left;
		   list-style: none;
		   padding: 0 7px;
	   }

      #Footer #Disclaimer span
      {
		   border-right: 1px solid #fff;
		   padding-right: 7px;
		   margin-right: 3px;
      }

	      #Footer li.First,
         #Footer #Disclaimer span.First
	      {
		      border: none;
		      padding-left: 0;
	      }

	#Footer #Disclaimer,
	#Footer .FooterMenu
	{
		position: relative;
	   left: 90px;
	}

	#Footer #Disclaimer
	{
      clear: left;
	}

  	#Footer a
	{
		color: #fff;
		text-decoration: none;
	}

	   #Footer a:hover
	   {
		   text-decoration: underline;
	   }


   

/* Content */

#Content
{
	padding-top: 20px;
	position: relative;
	width: 965px;
	margin: 0 auto;
	text-align: left;
	min-height: 300px; /* VS */
}

#MainContent
{
	width: 730px;
	float: right;
}

	#Main
	{
		float: left;
		overflow: hidden;
		width: 587px;
	}

		#Main .Attention
		{
			background-color: #e2e2e2;
			color: #27358e;
			padding: 10px;
		}
		
		#Main dl,
		#Main ol,
		#Main ul
		{
			padding-left: 1.5em;
		}

	#MainContent #VerticalBanner
	{
		width: 120px;
		float: right;
	}

	#MainContent .DirectSolliciteren a
	{
		display: block;
		background-image: url( Images/DirectSolliciteren.gif );
		height: 24px;
		margin: 15px 0;
		text-decoration: none;
	}

	#MainContent .DirectSolliciteren span
	{
		visibility: hidden;
	}

#Sidebar
{
   background: #E2E2E2 url( Images/SearchbarBottom.gif ) left bottom no-repeat;
	width: 207px;
	float: left;
}

   #Sidebar h2
   {
	   font-size: 150%;
   }
   
   #Sidebar p
   {
   	padding: 0 5px 0 5px;
   }
   
   #SidebarTop
   {
	   background: #E2E2E2 url( Images/SidebarTop.gif ) left top no-repeat;
   }

	#Sidebar .Instruction
	{
	   background: #E2E2E2 url( Images/SidebarTop.gif ) left top no-repeat;
		padding: 5px;
	}



/* Search */

#SearchTopJobs
{
	background: url( Images/SearchResultsTopJobsMiddle.gif ) repeat-y 0 1px;
	margin-bottom: 30px;
}

#SearchTopJobs table
{
	background: url( Images/SearchResultsTopJobsBottom.gif ) no-repeat  bottom left;
	padding: 5px;
}

#SearchTopJobs table tr.Highlight td
{
   background-color: transparent !important;
}

#SearchTopJobs table tr.Head td
{
	border-top: 1px solid #e2e2e2 !important;
}

#SearchResults table
{
	width: 100%;
	border-collapse: collapse;
}

#SearchResults table th,
#SearchResults table td
{
	padding: 5px 10px 7px 10px;
	vertical-align: top;
}

#SearchResults table tr.Detail td
{
	padding-top: 0;
}

#SearchResults table tr.Head td
{
	border-top: 1px solid #e2e2e2;
}

#SearchResults table tr.Head.First td
{
	border: none;
}

#SearchResults table tr.Highlight td
{
   background-color: #e2e2e2;
   color: #222;
   font-weight: bold;
   font-size: 1.1em;
	border-top: 1px solid #FFF;
}

#SearchResults table td img
{
   margin-top: 4px;
   cursor: pointer;
}

#SearchCriteria div
{
	width: 189px;
	float: left;
	background: #e2e2e2 url( Images/SearchCriteriaBottom.gif ) no-repeat bottom left;
	position: relative;
	height: 51px;
	line-height: 100%;
}

#SearchCriteria p
{
	background: url( Images/SearchCriteriaTop.gif ) no-repeat top left;
	padding: 7px 0 0 8px;
}

#SearchCriteria p strong
{
	color: #27358e;
	font-weight: normal;
}

#SearchCriteriaTwo
{
	margin: 0 10px;
}

#SearchCriteria ul
{
	position: absolute;
	top: 7px;
	left: 50px;
	list-style: none;
	padding-left: 0;
}

#SearchCriteriaOne ul
{
	left: 70px;
}

#SearchCriteriaTwo ul
{
	left: 65px;
}

#SearchCriteria a
{
	color: #777;
}

#SearchCriteria li
{
	padding-left: 13px;
	background: no-repeat 0px 3px;
}

#SearchCriteria li.kort
{
	background-image: url( Images/SearchIconKort.gif );
}

#SearchCriteria li.kort.Active
{
	background-image: url( Images/SearchIconKortActive.gif );
}

#SearchCriteria li.gedetaileerd
{
	background-image: url( Images/SearchIconGedetaileerd.gif );
}

#SearchCriteria li.gedetaileerd.Active
{
	background-image: url( Images/SearchIconGedetaileerdActive.gif );
}

#SearchCriteria li.opkaart
{
	background-image: url( Images/SearchIconOpkaart.gif );
}

#SearchCriteria li.opkaart.Active
{
	background-image: url( Images/SearchIconOpkaartActive.gif );
}

#SearchCriteria li.datum
{
	background-image: url( Images/SearchIconDatum.gif );
}

#SearchCriteria li.datum.Active
{
	background-image: url( Images/SearchIconDatumActive.gif );
}

#SearchCriteria li.regio
{
	background-image: url( Images/SearchIconRegio.gif );
}

#SearchCriteria li.regio.Active
{
	background-image: url( Images/SearchIconRegioActive.gif );
}

#SearchCriteria li.relevantie
{
	background-image: url( Images/SearchIconRelevantie.gif );
}

#SearchCriteria li.relevantie.Active
{
	background-image: url( Images/SearchIconRelevantieActive.gif );
}

#SearchCriteria li.opslaan
{
	background-image: url( Images/SearchIconBewaar.gif );
}

#SearchCriteria li.email
{
	background-image: url( Images/SearchIconEmail.gif );
}

#SearchCriteria li.rssfeed
{
	background-image: url( Images/SearchIconRssfeed.gif );
}

#SearchbarMenu
{
	height: 27px;
	background-color: #fff;
}

#SearchbarMenu li
{
	float: left;
	list-style: none;
}

#SearchbarMenu li a
{
	display: inline-block;
	line-height: 27px;
	height: 27px;
	padding: 0 7px 0 10px;
}

#SearchbarMenu li.Active
{
	background: #e2e2e2 url( Images/MenuActiveStart.gif ) no-repeat top left;
}

#SearchbarMenu li.Active a
{
	background: url( Images/MenuActiveEnd.gif ) no-repeat top right;
	padding: 0 10px;
	margin-left: 3px;
}

#SearchbarExtended
{
	background: url( Images/SearchbarTabsTop.gif ) no-repeat 0 27px;
	padding: 0;
}

#SearchbarCriteria
{
	position: relative;
	background: #f4f5fa url( Images/SearchbarTabsBottom.gif ) no-repeat bottom left;
	margin: 27px 23px 10px 6px;
}

#SearchbarCriteria ol
{
	padding-top: 5px;
	margin: 0 10px 0 25px;
	color: #2F2F2F;
	line-height: 140%;
	font-weight: bold;
}

#SearchbarCriteria ol a
{
	color: #2F2F2F;
}

#SearchbarCriteria ol span
{
	position: absolute;
	display: inline-block;
	right: 10px;
	margin-top: 3px;
}

#SearchbarCriteria p
{
	padding: 7px 0 3px 7px;
}

.SearchSelection
{
	border-top: 1px solid #fff;
	padding: 10px;
}

.SearchSelection.First
{
	border: none;
	padding-top: 0;
}

#SearchSelection
{
	padding: 5px;
}

.SearchSelection p.Links
{
	margin-bottom: 1em;
	line-height: 150%;
}

.SearchSelection p.Links a
{
	color: #515151;
}

.SearchSelection p.Links strong
{
   color: #162f74;
}

.SearchSelection .SearchBox
{
   padding: 2px;
   width: 167px;
   font-size: .9em;
   vertical-align: middle;
   margin-bottom: -24px;
}

.SearchSelection .SearchButton
{
   margin-left: 154px;
   margin-top: 5px;
   position: relative;
   z-index: 2;
}

.SearchSelection h2
{
   margin-bottom: 5px;
}

.SearchSelection select
{
   font-size: 0.9em;
   width: 173px;
}

.SearchSelection option
{
   padding: 2px;
}



/* Type: News */

body#Home div.NewsArticle
{
	margin: 15px 0;
}

ul#PageActions
{
	list-style: none;
   padding-left: 0;
}

   ul#PageActions li
   {
		float: left;
      margin-right: 10px;
   }



/* Type: PartnerIndex */

.Partners a
{
   background-position: center center;
   background-repeat: no-repeat;
   border: 1px solid #c0c0c0;
   float: left;
   height: 75px;
   margin: 0 6px 6px 0;
   padding: 4px;
   width: 100px;
}

.Partners span.Name
{
   display: none;
}

.Partners span.MaintenanceControl
{
   position: absolute;
}



/* Type: RssFeedIn */

body#Home .RssFeedIn
{
	background: #34439a;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 3px;
}

	body#Home .RssFeedIn .Inner
	{
	}
	
		body#Home .RssFeedIn .h2
		{
			display: block;
			background: #FFF;
			padding: 4px 6px 6px;
			font-size: 190%;
			margin-bottom: 0;
		}

		body#Home .RssFeedIn .Vacancy
		{
			color: #FFF;
		}
		
			body#Home .RssFeedIn .Vacancy a
			{
				color: #FFF;
				padding: 6px;
			}
			
			body#Home .RssFeedIn .Vacancy.Even a.Hover
			{
				background: #515ea8;
			}
			
			body#Home .RssFeedIn .Vacancy a.Hover:hover
			{
				background: #737db9;
			}



/* Type: CompanyList, VacancyList */

.CompanyList th,
.CompanyList td,
.VacancyList th,
.VacancyList td
{
	padding: 5px 15px 0 0;
}



/* Type: VacancyView */

ul.VacancyView
{
	float: left;
	width: 177px;
}
 



/* Blocks */

.Block
{
   margin-bottom: 1.5em;
}

.Block .BlockImage
{
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: .75em;
}

	.Block .BlockImage img
	{
	width: 207px;
		visibility: hidden;
	}

		body#Home .Block .BlockImage img
		{
			width: 306px; /* todo */
		}

.Block .Description
{
	color: #202d74;
	font-weight: bold;
}



/* Forms */

.FrontofficeForm
{
	background-color: #f9f9f9;
	border-color: #ddd;
	border-style: solid;
	border-width: 1px 0;
	padding: 5px;
	margin-bottom: 1.5em;
}

.FrontofficeForm td
{
	padding: 2px 0;
}

.FrontofficeForm td.FormLabel 
{
   padding-top: 6px;
}

.FrontofficeForm td.FormLabel label
{
	font-weight: bold;
}

.FrontofficeForm input.Text,
.FrontofficeForm select,
.FrontofficeForm textarea
{
	background-color: #fff;
	border: 1px solid #ddd;
	color: #202D74;
	font: 125% Calibri, Arial, sans-serif;
	padding: 2px;
}

.FrontofficeForm input.Checkbox,
.FrontofficeForm input.Radio
{
	border: none;
}

.FrontofficeForm input.Submit,
.FrontofficeForm input.Reset,
.FrontofficeForm input.Back,
.FrontofficeForm input.Button
{
	margin: .75em 0;
	padding: .1em .75em;
}

.FrontofficeForm input.Submit
{
	color: #202D74;
	font-weight: bold;
}

.FrontofficeForm input.Reset,
.FrontofficeForm input.Back
{
	color: #6C6C6C;
}

.FrontofficeForm td.FormHeader
{
	background: #E2E2E2 url( Images/Site/Form/Background.FormHeader.png ) 7px 7px no-repeat;
	padding-left: 21px;
}




/* Page navigation */

.PageNavigation
{
	text-align: center;
	margin: 10px;
	color: #27358e;
	line-height: 16px;
}

	.PageNavigation a.Active
	{
		background: url( Images/NavigationBackground.gif ) no-repeat  center center;
		color: #fff;
		display: inline-block;
		width: 16px;
		margin: 0 2px;
	}



/* Default node properties */

.NodeDescription
{
	font-weight: bold;
	font-size: 120%;
}

.NodeDescription,
.NodeBody
{
	margin-bottom: 1.5em;
}

   .NodeBody img
   {
      border: 1px solid #c0c0c0;
      margin: .5em 0;
      padding: 3px;
   }



/* Others */

hr
{
	height: 1px;
	border: none;
	background-color: #DDD;
	color: #DDD;
   margin: .75em 0;
}

	#Sidebar hr
	{
		background-color: #FFF;
		color: #FFF;
	}


/* Google maps */

#MarkerPopupGoogleMap
{
   width: 298px;
   margin-left: 140px;
}
  
#MarkerPopupGoogleMap_tl, #MarkerPopupGoogleMap_t, #MarkerPopupGoogleMap_tr, 
#MarkerPopupGoogleMap_l, #MarkerPopupGoogleMap_r,
#MarkerPopupGoogleMap_bl, #MarkerPopupGoogleMap_b, #MarkerPopupGoogleMap_br
{
   width: 0;
   height: 0;
}

#MarkerPopupGoogleMap_tl, #MarkerPopupGoogleMap_t, #MarkerPopupGoogleMap_tr
{
   height: 1px;
   background-color: #9a9e99;
}

#MarkerPopupGoogleMap_tl, #MarkerPopupGoogleMap_t
{
   margin-left: 1px;
}

#MarkerPopupGoogleMap_contents
{
	background-color: #FFF;
	border-left: 1px solid #9a9e99;
	border-right: 1px solid #9a9e99;
}

   #MarkerPopupGoogleMap_contents div
   {
      max-height: 220px;
      _height: 220px;
      overflow: auto;
      margin: 0 0 1px 0;
   }
   
   #MarkerPopupGoogleMap_contents a
   {
      padding: .25em .5em;
      margin: 1px;
      display: block;
   }
   
   #MarkerPopupGoogleMap_contents a:hover
   {
      background: #546ae8;
      color: #FFF;
      text-decoration: none;
   }
   
   #MarkerPopupGoogleMap_contents a strong
   {
      display: block;
      font-size: 1.3em;
   }

#MarkerPopupGoogleMap_beak
{
   background: url(Images/Markers/Popup.png) left bottom no-repeat;
   height: 14px;
   width: 300px;
   margin-left: 1px;
}

#MarkerPopupGoogleMap_close
{
  margin: 3px 4px 0 0;
  width: 13px;
  height: 13px;
  background: url(Images/GoogleMaps.CloseInfoWindow.png) top left no-repeat transparent;
  cursor: pointer;
}

.MarkerBodyMultipleVacancy
{	
	color:#FFFFFF;
	background-color:#27358E;
	font-size:1.3em;
	line-height:150%;
	padding-left:8px;
}
.MarkerBodyMultipleVacancy a
{
	color:#FFFFFF;
	background-color:#27358E;
}



/* Job details */

table.JobDetails
{
	width: 430px;
	float: left;
}

	table.JobDetails th
	{
		color: #27358e;
		width: 110px;
		vertical-align: top;
		font-weight: normal;
		background: url(Images/JobDetailsDivider.gif) no-repeat 100px 5px;
	}