/*------------------------------------------------------------------
[Master Stylesheet]

Project		: GITP 2010
Last change	: 2010-05-06
Assigned to	: jeroen Oliemans (jo)
Made by		: Evident Interactive
Version		: 0.01

--------------------------------------------------------------------

	changelog 
	

--------------------------------------------------------------------
 
	colors
	
	borders: #bfbfbf
	red: #b30015
	header detail:  #009cff
	
	


------------------------------------------------------------------*/

	body 
	{	
		font-family:Arial, Helvetica, sans-serif;
		color:#000;
		background-color:#fff;
		
		/* KS : Causes very small font, unclear why this is used */
		/*font-size:62.5%;*/
	}
	
/* clearfix buddies */	
.floatleft {float:left}
.floatright {float:right}

/* 60.3 */
strong{font-weight: bold;}
em{font-style:italic;}


	
/*	global general styles
---------------------------------------------- */	

	a.globalLink, .ui-tabs-nav a.globalLink
	{ 
		text-decoration: underline; 
		color: #000; 
		padding: 0 15px 0 0;
		text-align: right;
		font-size: 12px;
		line-height: 12px;
		float: right;
		margin: 15px 0 0 0;
		background: transparent url('../images/more-link-arrow.gif') right center  no-repeat; 
	}
	
	a.globalLink:hover, .ui-tabs-nav a.globalLink:hover
	{ 
		color: #B30015;  
	}
	a.sitemaplink
	{
		margin-top:0px;
		font-size:11px;
	}
	li.nextsitemap
	{
		border-color:#BBB;
		border-style: dotted;
		border-width: 1px;
	}
	
	div.serviceLink, a.serviceLinkLarge
	{
		display: block;
		width: 195px;
		height: 20px;
		background: transparent url('../images/service-link-bg.gif') left top  no-repeat; 
		margin: 0 0 5px 0;
		
		color: #fff;
		font-size: 11px;
	}
	
		a.serviceLinkLarge
		{
			width: 141px;
			height: 29px;
			background: transparent url('../images/service-link-large-bg.gif') left top  no-repeat; 
			margin: 0;
			font-size: 12px;
			
		}
		
	div.serviceLinkMultiline
	{
		display: block;
		width: 141px;
		height: auto;
		background: transparent url('../images/service-link-multiline-bg.gif') top left no-repeat; 
		margin: 0 0 10px 10px;
		font-size: 11px;
		overflow: visible;  
	}
		
	div.serviceLinkMultiline span 
	{
		display:block;
		background: transparent url('../images/service-link-multiline-bullet.gif') right center no-repeat; 
	}
	
	div.serviceLinkMultiline a 
	{
		display:block;
		width: 119px !important;
		padding:6px 17px 5px 6px !important;
		min-height:16px;
		height:auto !important;
		height:16px;
		background: transparent url('../images/service-link-multiline-bg-bottom.gif') bottom left no-repeat;
		color: #FFF;
	}
	
	div#profileContainer div.serviceLinkMultiline 
	{
		width: 120px;
		background: transparent url('../images/service-link-multiline-bg-119px.gif') top left no-repeat; 
		margin-left: 0;
	}

	div#profileContainer div.serviceLinkMultiline a
	{
		width: 97px !important;
		background: transparent url('../images/service-link-multiline-bg-bottom-119px.gif') bottom left no-repeat; 
	}

	div.crossLinkDouble
	{
		display: block;
		width: 195px;
		height: auto;
		background: transparent url('../images/cross-link-bg.gif') top left no-repeat; 
		margin: 0 0 5px 0;
		color: #000;
		font-size: 11px;
		overflow: visible;  
	}

	div.crossLinkDouble span 
	{
		display:block;
		background: transparent url('../images/crosslink-bullet.gif') center right no-repeat; 
	}
	
	div.crossLinkDouble a 
	{
		display:block;
		width: 173px !important;
		padding:6px 17px 5px 6px !important;
		min-height:16px;
		height:auto !important;
		height:16px;
		background: transparent url('../images/cross-link-bg-bottom.gif') bottom left no-repeat; 
	}

	a.navigateToTrainingList
	{ 
	   display: block;
	   /*position : relative;
	   top: 50px;
	   right: 5px;*/
	   z-index: 200;
	   padding-top: 6px;
	}
	
		


		div.serviceLink a{ color: #fff; }
		div.crossLinkDouble a{ color: #000; }

		div.serviceLink a, div.crossLinkDouble a{ display: block; width: 170px; padding: 3px 0 0 6px; }
		a.serviceLinkLarge span{ display: block; width: 120px; padding: 6px 0 0 6px; }
	
	
		div.serviceLink a:link,div.serviceLink a:visited,div.serviceLink a:active,
		div.serviceLinkMultiline a:link,div.serviceLinkMultiline a:visited,div.serviceLinkMultiline a:active,
		a.serviceLinkLarge:link, a.serviceLinkLarge:visited, a.serviceLinkLarge:active,
		div.crossLinkDouble a:link, div.crossLinkDouble a:visited, div.crossLinkDouble a:active,
		a.navigateToTrainingList:link, a.navigateToTrainingList:visited, a.navigateToTrainingList:active
		{
			text-decoration: none !important;
		}
		div.serviceLink a:hover,div.serviceLink a:focus,
		div.serviceLinkMultiline a:hover,div.serviceLinkMultiline a:focus,
		a.serviceLinkLarge:hover, a.serviceLinkLarge:focus,
		div.crossLinkDouble a:hover, div.crossLinkDouble a:focus,
		a.navigateToTrainingList:hover, a.navigateToTrainingList:focus
		{
			text-decoration: underline !important;
		}
		
		
		
	
	

	 h1
	 {
		font-family: Georgia, Serif;
		font-size: 24px;
		display: inline-block;
		color: #fff;
		background-color: #009cff;
		/*padding: 3px 5px;*/
		padding: 9px 12px;
		margin-bottom:5px;
		font-weight:normal;
		/*added to fix the width of the h1 background color*/
		zoom: 1;
		*display: inline;
	 }
	 
	 h1.listingHeader
	 {
		 background-color: #93af50;
	 }     
	  
	 /* added to fix problems in form content  */
	 .product-info-form h3
	 {
		font-family: Arial,Helvetica,sans-serif;
		font-size: 1em;
		font-weight: normal;
	 }
	 
	 h3
	 {    
		font-family: Georgia, Serif;
		font-size: 14px;
		font-weight: bold;
	 }
	 
	 blockquote
	 {
		font-family: Georgia, Serif;
		color: #666;
		font-size: 13px;
		margin: 0 0;
	 }

/*	global layout
---------------------------------------------- */


.headerWrapper
{   
	background: transparent url('../images/sitewide-bg.jpg') 0 0 repeat-x; 
	width:100%;
}

.header
{
   display: block;
   position:relative;
   height: 98px;
	margin: 0 auto;
	width:955px;
   
}

.logo
{
	position: absolute;
	display: block;
	width: 167px;
	height: 68px;
	top: 15px;
	left: 0; 
}
	.logo a 
	{
		display:block;
		font-size:0;
		line-height:0
	}

.slogan /* on homepage a h1, on subpages a div */
{
	position: absolute;
	display: block;
	margin-top: 5px;
	height: 27px;
	top: 56px;
	left: 183px;
	font-family: Sans-Serif;
	font-size: 14px;
	font-weight: bold;
}

.wideLogo
{
	left: 248px;
}

.headerMenuContainer
{
	position: absolute;
	display: block;
	width: 500px;
	height: 80px;
	top: 0px;
	right: 0;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	overflow: visible;
}
	.serviceMenu
	{
		position: relative;
		display: block;
		height: 25px;
		top: 10px;
		right: 0px;
		color: #fff;
		z-index: 90;
		
	}
		.serviceMenu  ul
		{
			display: none;
			position: absolute;
			z-index: 100;
			left: 206px;
			top: 14px;
			width: 160px;
			height: auto;
			padding: 10px;
			text-align: left;
			background-color: #858585;

			-webkit-box-shadow:0 0 5px #999; 
			-moz-box-shadow: 0 0 5px #999; 
			box-shadow:0 0 5px #999; 
		}

		.serviceMenu a
		{
			 color: #fff;
		}
			.serviceMenu a:link, .serviceMenu a:visited, .serviceMenu a:active{  text-decoration: none; color: #fff; }
			.serviceMenu a:hover, .serviceMenu a:focus{ text-decoration: underline; color: #fff; }




	.businessMenu
	{ 
		position: relative;
		display: block;
		height: 20px;
		top: 20px;
		right: 0px;
		color: #fff;
		background: transparent url('../images/business-menu-bg.gif') bottom right no-repeat;   
		padding: 0 12px 0 0;
		z-index: 0;
	}
		.businessMenu a
		{
			color: #fff;
			background-color: #000;
		} 
			.businessMenu a:link, .businessMenu a:visited, .businessMenu a:active{  text-decoration: none; color: #fff; }
			.businessMenu a:hover, .businessMenu a:focus{ text-decoration: underline; }
	 
	 
	 .pageColumnLeft h3 
	 {
		color:#B30015;
		font-family:Georgia,Serif;
		font-size:14px;
		font-weight:bold;
	 }
	 
	 .subMenu
	 {
		/*border-top: 1px solid #bfbfbf;*/
		margin-top:1px;
	 }
		.subMenu li
		{
		   border-bottom: 1px solid #bfbfbf;
		}
	 
		.subMenu a
		{
			color: #000;
			font-weight: normal;
			font-size: 12px;
			display: block;
			width: 155px;
			padding: 5px 0px 5px 0px;
		}
			.subMenu a:link, .subMenu a:visited, .subMenu a:active
			{
				color: #000;
				text-decoration: none;    
			}
			
			.subMenu a:hover, .subMenu a:focus            
			{
				color: #B30015;
			}
		
	
		
.pageWrapper
{
	display: block;
	width: 955px;
	padding: 0;
	margin: 0 auto; /*center the website*/
}

	.mainMenuContainer
	{
		display: block;
		width: 100%;
		height: auto;
		position:relative;
		margin:0 0 12px 0;
	}
		.mainMenu
		{
			display: block;
			width: 100%;
			height: auto;
			/*float: left;*/
		}
	
	
		#homeSearchContainer
		{
			position: absolute;
		   
			width: auto;
			height: 21px; 
		   
			top: 0;
			right: 0;
			padding: 0px 0 0 auto;
		}
			#homeSearchContainer input[type=text]
			{
				display: block;
				height: 19px;
				line-height:19px;
				width: 120px;
				margin: 0px;
				padding: 0px;
				float: left;
				margin: 0 5px 0 0;
			}
			#homeSearchContainer input[type=submit],
			#homeSearchContainer div#search input.searchButton /* overwrite legacy CSS */
			{
				display: block;
				width: 59px;
				height: 21px;
				background: transparent url( '../images/button-bg-small.gif' ) 0 0 no-repeat; 
				border: none; 
				margin-right:0;
				padding: 0px;
				float: left;
			}
			#homeSearchContainer input[type=submit]:hover,
			#homeSearchContainer div#search input.searchButton:hover
			{
				text-decoration:underline;
			}
		
		.sectionSelector
		{
			display: block;
			position: relative;
			top: 1px;
			left: 10px;
			z-index: 10;
			width: 265px;
			height: 31px;
		}
			.sectionSelector a { display: inline-block; color : #7f7f7f; font-size: 12px; font-weight: bold; margin: 8px 32px; }
			.sectionSelector a.active{ color: #000; }
			.sectionSelector a:link, .sectionSelector a:visited, .sectionSelector a:active{ text-decoration: none; }
			.sectionSelector a:hover, .sectionSelector a:focus{ text-decoration: underline; }
		
			.sectionSelector.individual{ background: transparent url( '../images/tab-individual.gif' ) 0 0 no-repeat; }
			.sectionSelector.employer{ background: transparent url( '../images/tab-employer.gif' ) 0 0 no-repeat; }
			.sectionSelector.none{ background: transparent url( '../images/tab-none.gif' ) 0 0 no-repeat; }
		
		.sectionMenu
		{
			display: block;
			width: 100%;
			padding:8px 0;
			min-height:32px;
			height:auto !important;
			height:32px;
			border-left: 1px solid #bfbfbf;
			border-right: 1px solid #bfbfbf;
			border-top: 1px solid #bfbfbf;
			background: transparent url( '../images/mainmenu-bg.jpg' ) bottom left repeat-x;
			color: #bfbfbf;
			font-size: 16px;
			font-weight: bold;
			text-indent: 0px;
		}
			.sectionMenu a, 
			.sectionMenu span { display: block; float:left; margin: 8px 0px 8px 8px; padding: 0px; font-size:12px } 
			.sectionMenu a { font-size: 12px; font-weight: normal; }
			.sectionMenu a:link, .sectionMenu a:visited, .sectionMenu a:active{ color : #b30015; text-decoration: none; }
			.sectionMenu a:hover, .sectionMenu a:focus { text-decoration: underline; }
	
			.sectionMenu a.active:link, .sectionMenu a.active:visited, .sectionMenu a.active:active { color: #fff; background-color: #b30015; text-decoration: none; padding:0 2px}
			.sectionMenu a.active:hover, .sectionMenu a.active:focus{ text-decoration: underline; }
	
	#columnWrapper
	{
		display: inline-block;
		
		width: 965px; 
	}
		.pageColumn
		{
			display: block;
			width: 740px; 
			/* KS : Causes half display of page  */
			/*overflow: hidden;*/
			float: left;
		}
			.pageColumnLeft,
			#column1-contextmenu
			{
				display: block;
				width: 155px;
				
				/* menu should be aligned to breadcrums
				padding:30px 0 0 15px; */
				padding:20px 0 0 0 !important; 
				
				margin:0;
				float: left;
			}
			
			/*fixed content error in ie6*/
			#contextMenuContainer a.testLabPulldownMenu {
				margin: 0;
			}
			
			.pageColumnRight,
			#column2-content
			{
				display: block;
				position: relative;
				width: 560px;
				float: right;
			}
				
			
			
		.sideColumn
		,#column3-sidebar
		{
			width: 195px;
			float: right; 
		}
			.sideColumnSection
			{
			   margin: 0 0 11px; 
			}
		
		.sideColumn img
		{
			padding: 4px 4px 4px 0;        
		}
		
		.footer
		{
			display: block;
			height: 20px;
			margin: 20px 0 0 0;
			padding: 5px 0 0 0;
			text-align: right;
			border-top: 1px solid #bfbfbf;
			color: #7f7f7f;
			clear:both;
		}
			.footer a
			{
				color: #999;
			}
			.footer a:link, .footer a:active, .footer a:visited{ text-decoration: none; } 
			.footer a:hover, .footer a:focus{ text-decoration: underline; }

		.footerWide
		{
			width: 100%; 
		}

		.footerContent
		{
			margin-left: 16px;
			width: 430px;
		}

/*	COMPONENTEN
---------------------------------------------- */

.homeColumns
{
	margin: 10px 0 0 0;
	padding: 0px 0px; 
}
	.homeColumns h2{ display: block; width: 214px; height: 38px;  font-family: Georgia, Serif; font-size: 14px; margin: 11px 11px 0 11px;  }
	
	.homeHighLight
	{
	   display: block;
	   width: 238px;
	   height: 225px; 
	   color: #000;
	   background: url( '../images/highlight-bg.gif' ) 0 0 no-repeat;
	   float: left;
	   margin: 0 0 0 7px;
	   display:inline; /* IE6 double float margin bug fix */
	}
		.homeHighLight img
		{   
			margin: 0 10px 0 11px; 
			display: block; 
			float: left; 
			background-color: #fff;
			padding: 3px;
			border: 1px solid #bfbfbf;
			display:inline; /* IE6 double float margin bug fix */
		}
		.homeHighLight div { display: block; position:relative; width: 115px; height: 125px; overflow: hidden; float: left;}
		.homeHighLight div a { display:block; color: #b30015; font-weight: bold; position:absolute; right:0; bottom:5px; text-align:right;}
		
		.homeHighLight a.globalLink{ margin: 24px 13px 0 0; width: 200px; }


.homepage-intro
{
	display: inline;
	float: right;
	width: 478px;
  border: solid 1px #bfbfbf;
  padding: 0 0 11px;
  margin: 10px 6px 0 0;
  -moz-box-shadow: 0 0 2px rgba(0,0,0,.3);
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,.3);
  box-shadow: 0 0 2px rgba(0,0,0,.3);
}
.homepage-intro h1
{
	font-family: Georgia, Serif; 
	font-size: 16px; 
	margin: 11px 11px 0 11px; 
	color: #000; 
	background-color: #fff;
  width: 440px; 
	padding: 0;
}
.homepage-intro h1 a { text-decoration: none; }
.homepage-intro div 
{
	display: block; 
	position:relative; 
	overflow: hidden; 
	float: left; 
	margin: 11px 11px 0 11px; 
	}
.homepage-intro a.globalLink {
    font-size: 1em;
    background: none;
    color: #B30015;
    font-weight: bold;
    text-align: right;
    padding-right: 11px;
}
		
#tabs .ui-tabs-nav li 
{
	font-size:1.3em;
}

#tabs .ui-tabs-nav span 
{
	display:block;
	padding:2px;
	color:#aaa;
}

#tabs .ui-tabs-nav a:link,
#tabs .ui-tabs-nav a:visited 
{
	color:#000;
	border-width:0;
	margin:0;
	text-decoration:none;
}

#tabs .ui-tabs-nav li.ui-tabs-selected a
{
	/*color:#B30015;*/
	color:#fff;
	background-color: #B30015;
}

div#crosslinks-zieook 
{
	width:auto;
}
		
		
/* article crosslinks */
.itemTeaser
{
	display: block;
	width: 100%;
	border-bottom: 1px solid #bfbfbf;
	padding: 10px 0px;
}
	.ui-widget-content a.teaserAnchor, #column3-sidebar a.teaserAnchor
	{
		font-weight:bold;
		width: 195px;
		height: auto;
		font-size:1.2em;
		display:block; 
		text-decoration: none;        
	}
	.ui-widget-content a.teaserAnchor:hover, #column3-sidebar a.teaserAnchor:hover
	{
		color:#B30015;        
	}
	
	

 
div.lastItem
{
	border: none;
	background: transparent url(' ../images/horizontal-rule.gif ') bottom left repeat-x;
} 

/* breadCrumb */
div#breadCrumb
{
	display: block;
	width: 100%;
	padding: 2px 0;
	margin:0;
} 
	div#breadCrumb a
	{
		font-size: 1.2em;
		color: #333;
	}
	
	
	
/* Pijler  or section level 2  */
img.sectionBanner
{
   display: block; 
}

.sectionContent
{
	display: block;
	position: relative;
	top: -295px;
	left: 12px;
	width: 538px;
	padding: 0 0 12px 0;
	z-index: 20;
	
}
	.sectionContent h1
	{
		font-family: Georgia, Serif;
		font-size: 24px;
		display: block;
		width: 400px;
		height: 40px; 
		color: #fff;
		text-indent: 10px;
		line-height: 36px;
		background: transparent url('../images/pijler-heading-bg.png') top left repeat;
	}
	
	.sectionContent div.introText /*p*/ 
	{
		font-family: Georgia, Serif;
		font-size: 14px;
		display: block;
		width: 404px; 
		color: #000;
		padding: 10px;
		background-color: #fff;
		margin: 5px 0 0 0;
	}
	
	.sectionListing
	{
		background-color: #edfad5;
		display: block;
		margin: 40px 0 0 0;
	}
		.sectionListingItem
		{
		   padding: 9px 9px 0px 9px; 
		   
		}
	
		.sectionListingItem img
		{
			display: inline-block;
			overflow: hidden;
			background-color: #fff;
			padding: 3px;
			float: left;
			border: 1px solid #bfbfbf;
			/*width: 90px;*/
		}
		
		.sectionListingItem div
		{
			display: block;
			width: 405px;
			float: right;
			padding-right: 10px;
		}
			.sectionListingItem div h2,
			.sectionListingItem div h3
			{
			   font-family: Georgia, Serif; 
			   font-size: 14px;
			   margin: 0px 0px 15px 0px;
			}
			
			.sectionListingItem div h2 a
			{
			    text-decoration: none;
			}
			
			.sectionListingItem div p{ font-size: 12px; }
			.sectionListingItem div a.morelink{ display: block; color: #b30015; font-size: 12px; font-weight: bold; margin: 10px 0 0px 0; width: 100%; text-align: right; padding: 0 0 10px 0; }
			.sectionListingItem hr{ display: block; clear: both;  }
  
  /* contact block */
  #column3-sidebar .contact,
  #column3-sidebar .maatwerktrainingen
  {
	width: 175px;
  }



  
/* Filter-Pijler  or section level 2  */
h1.sectionFilter
{
	float: none;
}

div.filter
{
   position: relative;
}

	h3.filter
	{
		color: #fff;
		font-family: Georgia, Serif;
		font-size: 14px;
		display: inline;
		background-color: #000; 
		padding: 3px 10px;
	}
		/*h3.filter span{  display: inline; }*/

	.trainingDetail h3.filter
	{
		color: #fff;
		font-family: Georgia, Serif;
		font-size: 14px;
		display: inline;
		background-color: #000; 
		padding: 3px 10px;
		line-height: 20px;
		font-weight: normal;
	}

		
	.filterList li
	{
		margin: 0 0 28px 0;
	}  
	
	.filterList ul
	{
	   display: inline;
	   width: 329px;
	   height: 100%;
	   margin: 0 20px 20px 0;
	} 
	.filterList li li
	{
		margin: 3px 0px;
		padding: 5px 0px 0px 20px;
		background: transparent url('../images/filter-bullet.gif') 5px 8px  no-repeat;
		font-size: 12px;
	}
	.filterList li a:active,
	.filterList li a:visited,
	.filterList li a:link
	{
		text-decoration: none;
	}
	
	.filterList li a:hover,
	.filterList li a:focus
	{
		text-decoration: underline;
	}
	
	
	/* css for the columns plugin*/
	.columns-wrapper 
	{
		overflow: hidden;
	}
	.columns 
	{
		float: left;
		width: 49.5%;
	}
	
	/* styles for the traing table */
	p.tab-intro
	{
		padding-bottom: 10px;
	}

	.trainingListing
	{
		width: 100%;
		padding: 20px 0px;
    table-layout: fixed;
    margin-top: 1em;
	}
  .trainingListing .startdate { width: 10em !important; }
  
		.trainingListing a
		{
		   text-decoration: none;
    }
    .detail-tabs .trainingListing a { color: #000; }
    .detail-tabs .trainingListing a:hover { color: #f00; }
    
		.trainingListing tr
		{
		   height: 22px;
		}
		.trainingListing h3.filter
		{
		  float: left;
      line-height: 26px;
      margin: 0 1em 5px 0 !important;
		}
		
		th.column1,
		th.column2,
		th.column3,
		th.column4,
		th.column5
		{
			font-weight: bold;
			border-bottom: 1px solid #bfbfbf;
		}
    
    .studiedagen .column1 { width: 70%; padding-right: 1em; }
	
		.lastMinutes th.column1, .lastMinutes td.column1{ width: 48%; vertical-align: top; }
		.lastMinutes th.column2, .lastMinutes td.column2{ width: 28%; vertical-align: top; }
		.lastMinutes th.column3, .lastMinutes td.column3{ width: 12%; vertical-align: top; padding-left: 5px; }
		.lastMinutes th.column4, .lastMinutes td.column4{ width: 12%; vertical-align: top; padding-left: 5px; }
		
		.alphabet th.column1,  .alphabet td.column1{ width: 5%; vertical-align: top; font-weight: bold; border-bottom: 0;}
		.alphabet th.column2,  .alphabet td.column2{ vertical-align: top; padding-right: 1em; }
		.alphabet th.column3,  .alphabet td.column3{ width: 35%; vertical-align: top; }
		.alphabet th.column4,  .alphabet td.column4{ width: 12%; vertical-align: top; padding-left: 5px; }
	
		.competence th.column1,  .competence td.column1{ vertical-align: top; padding-right: 1em; }
		.competence th.column2,  .competence td.column2{ width: 40%; vertical-align: top; }
		.competence th.column3,  .competence td.column3{ width: 12%; vertical-align: top; padding-left: 5px; }
    .competence td.column1 { padding-left: 17px; background: url(../images/filter-bullet-green.gif) no-repeat 5px 10px; }
    
    .trainingListing.competence { margin-top: 15px; }
	
		.lineThrough
		{
			text-decoration: line-through;
		}
	   
	
		/* competence list */ 
		.competenceHeader{ clear: both; display: block;  width: 690px; height: 30px; margin: 0 0 10px 0; }
		.competenceHeader h3{ display: block; float: left; }
		.competenceHeader input{ display: block; float: right;}
		
		
		.competenceList li
		{
			margin: 0 0 0 0;
			padding-bottom: 15px;
			display: block;
		}
    
    .competenceList li input, .competenceList li label { float: left; }
    .competenceList li a img { float: left; margin: -1px 0 0 5px; }
    
    .competenceList li span
		{
			margin-left: 5px;
		}

		.competenceList li label
		{
		   margin-left: 5px;
		}

		/* css for the columns plugin*/
		.competence-columns-wrapper 
		{
			overflow: hidden;
		}
		.competence-columns 
		{
			float: left;
			width: 33%;
		}
  
  
/* reaction module */  
.reactions
{
	margin: 20px;
}
	.reactions a{ color: #000; }
  
	table.BlogCommentListMainTable
	{
		width: 100%;
	}
	table.BlogCommentPostMainTable
	{
		width: 100%;
	}
	table.Reactie-form  a.CaptchaRefreshLinkButton{ margin: 5px 0 0 0; }
	
	table.Reactie-form tr td.Reactie-Label, table.Reactie-form tr td.BlogCommentPostInput
	{
		padding: 5px 0 5px 0;
	}
	table.Reactie-form tr td.Reactie-input img{ margin: 5px 0 0 0; }
  
	.reactions hr{ color: #bfbfbf;  background-color: #bfbfbf; height: 1px; border: none; }
  
			
/* Detail  or level 3  */


.detailHeader
{
	
}



.backgroundImage
{
	display: block;
	position:absolute;
	left:0;
	top:0;
	width: 573px;
	height: 351px;
	opacity: .3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
	-khtml-opacity: .30;
	-moz-opacity: .3;
}


.detailHeader h1
{
	float: left;
  max-width: 580px;
}


.detailServiceLinks
{
	float: right;
}
	.detailServiceLinks a{ color: #000; font-weight: bold; }
	
	.detailServiceLinks  a.navigateToTrainingList{ color: #b30015; text-decoration: underline; }
	
.detailContent
{
	clear: both;
	display: block;
	padding: 20px 0 0 0;
	width: 740px;
}

/* Training detail */

/* hidden microformat details */
.microformatdetail { display: none; }

.trainingHeader
{
	position: relative;
	padding-bottom: 10px;
}
	.trainingHeader img
	{
		margin: 0px 12px 0 0px;
		display: inline; 
		float: left; 
		background-color: #fff;
		padding: 3px;
		border: 1px solid #bfbfbf;
	}

	.trainingDetail h3
	{
		display: block;
		width: 359px;
		overflow: hidden;
	}
	
	.trainingHeader .trainingDetail h3
	{
		font-size: 18px;
		font-weight: normal;
		color: #000;
		padding-bottom: 12px;
	}
	
	.trainingHeader .blockquote
	{
		width: 359px;
	}
	
	.trainingHeader p
	{
		color: #4c4c4c;
		padding-right: 20px;
		padding-top: 18px;
	}
	
	.trainingHeader .iconList
	{
		float: right;
    margin: 0 0 0 1em;
	}
  .trainingHeader .subscribe { clear: right; }
  .trainingHeader .trainingDetail + .subscribe { margin-top: 3.5em; }
  .trainingHeader .trainingDetail + .subscribe + .subscribe { margin-top: -3.5em; }
  .trainingHeader .review-info { float: right; clear: right; text-align: center; }
  .trainingHeader .review-info .ratingtext { float: none; padding: 0; margin: 0 0 .3em; }
  .trainingHeader .review-info a { font-size: .9em; }
  
  .trainingHeader 
  {
      
  }
  
	.iconList li
	{
		float: left;
		padding-bottom: 10px;
	}
	
	.iconList img
	{
		margin: 0 3px 3px 0;
		padding: 0px;
		border: 0px;
	}
	
	div.specification div.subscribe a,
	div.trainingHeader div.subscribe a
	{
    padding: 7px 0 8px 6px;
	   width: 141px;
	   height: 20px;
	   float: right;
	}
	
	.trainingHeader div.subscribe
	{    
		margin-right: 10px;
	}
	
	.detail-tabs .subscribe a.serviceLinkLarge,
	.detail-tabs .subscribe a.serviceLink
	{
		color: #fff;
		text-decoration: none;
	}  
	
	.detail-tabs .subscribe a.serviceLinkLarge:hover,
	.detail-tabs .subscribe a.serviceLink:hover
	{
		color: #fff;
		text-decoration: underline;
	}  

	.specificationMarge
	{
		margin: 5px 0 0 0;
	}

	.specification
	{
		display: block;
		background-color: #eee;
		width: 675px;
		height: 100%;
		clear: both;
		padding: 10px;
		font-size: 14px;
		position: relative;
    overflow: hidden;
	}
		.specification .richText
		{
			font-size: 12px;
		}
	
		.specification h4
		{
			display: block;
			width: 240px;
			font-weight: bold;
			float: left;
			overflow: hidden;
		}
		
		.specification div
		{
			height: 100%;
			width: 420px;
      float: left;
		}
			.specification div.small
			{
				width: 210px;
			}
				.specification div.small ul
				{
					display: block;
					float: left;
					overflow: hidden;
				} 

				.specification div.small ul.datalocaties li
				{
					padding-bottom: 4px;
				} 
		
		.specification .LastMinute
		{
			font-weight: bold;
			font-style:italic;
		}

		 /* css for the columns plugin*/
		 .competenceTrainingList
		 {
			  display: block;
			  width: 400px;
		 }
		 
		 .competenceTrainingList ul li
		 {
			list-style: disc;
      float: left;
			width: 180px;
		 }
     .competenceTrainingList li h3 { display: inline; }
		 
		.competence-training-columns-wrapper 
		{
			overflow: hidden;
		}
		.competence-training-columns
		{
			float: left;
			width: 45%;
		}
	
	
 /**
	FiXES
**/   
	
/* Remove the absolute positioning to enable the use of a footer 
div#contentWhite
{
	position: relative;
	height: auto; 
}
*/
	
div#column3-sidebar 
{
	left:auto;
	top:auto;
	position:static;
	overflow:hidden;
	
}

ul.dashBullet li
{
	display: block;
	width: 145px;
}
div.hr-dotted-listing{ width: 152px; }

/* vertical menu z-index fixes */
ul#contextMenu li ul, ul#contextMenu2 li ul, #contextMenuNoTabs li ul 
{
	z-index:100;
	margin-left: 7px;
}

div#content
{
	padding-bottom: 20px;
	float:left;
}

/* Left menu (sub-menu) - variant 1: change style h3-tag */
#filterTabs h3
{ 
	color: #B30015; 
}

/* Left menu (sub-menu) - variant 2: change style h3-tag */
#contextMenuContainer h3
{ 
	color: #B30015; 
}

/* Left menu (sub-menu): Fix styling of a-tag. */
.contextTab #contextMenu a.contextPullDown
{
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

.contextTab #contextMenu a:hover.contextPullDown
{
	font-size: 12px;
	font-weight: normal;
	color: #B30015;
}

/* Left menu (sub-menu) - variant 2: change style h3-tag */
#contextMenuContainer h3
{ 
	color: #B30015; 
}

/* Left menu (sub-menu) - variant 2: Fix styling of a-tag. */
#contextMenuContainer #contextMenuNoTabs a.contextPullDown
{
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

#contextMenuContainer #contextMenuNoTabs a:hover.contextPullDown
{
	font-size: 12px;
	font-weight: normal;
	color: #B30015;
}

#contextMenuContainer #contextMenuNoTabs a
{
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

#contextMenuContainer #contextMenuNoTabs a:hover
{
	font-size: 12px;
	font-weight: normal;
	color: #B30015;
}

/* Left menu (sub-menu) - variant 3: Fix styling of a-tag. */
#contextMenuContainer #contextMenuList a
{
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

#contextMenuContainer #contextMenuList a:hover
{
	font-size: 12px;
	font-weight: normal;
	color: #B30015;
}

/* Left menu (sub-menu) - variant 4: Fix margin underneath horizontal line. */
hr.menuList
{
	margin-bottom: 5px;
}

/* Left menu (sub-menu) - variant 5: Fix styling of a-tag. */
#contextMenuContainer a.testLabPulldownMenu:hover
{
	color: #B30015;
}

#contextMenuContainer ul.contextMenuList a:hover
{
	color: #B30015;
}

/* Left menu (sub-menu) - profile: Fix dotted line underneath menu. */
div.hr-dotted-listing-profile
{
	display: block;
	position: relative;
	width: 145px;
	height: 5px;
	background: transparent url(/images/gitpnl/hr-dot.gif) 0 0 repeat-x;
	border: none;
	margin: 19px 0 12px 0;
	z-index: 10;
}

/* Left menu (sub-menu) - testimonial: Fix dotted line underneath menu. */
div.hr-dotted-listing-testimonial
{
	display: block;
	position: relative;
	width: 145px;
	height: 5px;
	background: transparent url(/images/gitpnl/hr-dot.gif) 0 0 repeat-x;
	border: none;
	margin: 19px 0 12px 0;
	z-index: 10;
}

/* Left menu (sub-menu) - business case: Fix dotted line underneath menu. */
div.hr-dotted-listing-businesscase
{
	display: block;
	position: relative;
	width: 145px;
	height: 5px;
	background: transparent url(/images/gitpnl/hr-dot.gif) 0 0 repeat-x;
	border: none;
	margin: 19px 0 12px 0;
	z-index: 10;
}

/* Add some extra space above related training heading */
h3.H3RelatedTraining
{
	margin-top: 12px;
}

/* Add some extra space above heading "Competenties". */
h3.H3Competenties
{
	margin-top: 12px;
}

#contentWhite #content div#titleContainer { width: 310px; }
#contentWhite #content div#titleContainer h1 + h2 { margin-top: 0; }


/* fixes for ie6 link colors*/
div.serviceLink a, div.serviceLink a:link, div.serviceLink a:visited, div.serviceLink a:active {
color:#FFFFFF;
}

/* fixes for ie6 link colors*/
.footer a , .footer a:link, .footer a:visited, .footer a:active {
color:#999999;
}

/* fixes font-size in sidebar tabs*/
#column3-sidebar #tabs
{
	font-size: 0.9em;    
}

/* fixes font color in sidebar tabs sub content*/
.itemTeaserDetails
{
	color:#808080;
}

/* fixes tabs in detail page */
#detail-tabs { font-size: 12px; }
.detailContent #detail-tabs .ui-tabs-nav a, .detailContent #detail-tabs .ui-tabs-nav a span {
background: none;
border: none;
}

/* fixes space between tabs and media content */
.detailContent #detail-tabs .ui-tabs-panel
{
	margin-bottom: 10px;
  overflow: hidden;
}

/* Fix for link in contact block in the right column. */
#column3-sidebar .contact a 
{
	display: inline;
}

/* more space between book and text */
.gitpnlPlain img
{
	padding-right: 8px;
}

/* align detail service links to the right content border */
.detailServiceLinks
{
	text-align: right;
	padding-right: 5px;
}

a.navigateToTrainingList
{
	right:0;
}

/* reduce the whitespace in the detail pages */
.trainingHeader p 
{
	padding-top:0;
}

/* back to overview should be next to the tabs */
a.navigateToTrainingList {
	top:54px;
}


/* duration and date/location fields in detailpage are bold 
.datalocaties li, .duration
{
	font-weight: bold;
}*/

/* extra info field same font size as other fields */
.specification .richText {
font-size:13px;
}

/* whitespace around breadcrum */
div#breadCrumb
{
	padding: 0 0 4px 0;
}

/* tab0 font-size fix */
.specification 
{
	font-size:13px;
}

/* less space between checkbox items */
.competenceList li
{
	padding-bottom: 7px;
}

/* more space between title and content on detail page */
.detailContent 
{
	padding:12px 0 0 0;
	display: inline-block;
}

.filterList li li 
{
	background:url("../images/filter-bullet-green.gif") no-repeat scroll 5px 8px transparent;
}

.filterList,
.filterList ul
{
	list-style: none;
}

.trainingHeader
{
	padding-right: 15px;
}

/* filterlist mouseover */
.filterList ul li a:hover,
.filterList ul li a:focus
{
	text-decoration: none;
	color: #e2001a;
}

/* more space under table head */
table.trainingListing tbody td
{
	padding-top: 8px;
	vertical-align: bottom;
	height: 15px;
}

/* styling fix after h2 was added */
h2.filter {
  float:left;
  margin-right: 1em;
  background-color:#000;
	color:#FFF;
	font-family:Georgia,Serif;
	font-size:14px;
	padding:3px 10px;
	font-weight:bold;
}
h2.filter a { color: #fff !important; }
h2.filter a:hover,
h2.filter a:focus,
h2.filter a:active { text-decoration: underline !important; }
h2.filter + ul { clear: both; display: block; }

/* styling fix after h3 was added */
.competenceTrainingList h3
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:normal;
}

/* show disc/number on user added listitems */
.trainingDetail ul
{
  overflow: hidden;
  margin-left: 0 !important;
  padding-left: 1.3em;
}
.trainingDetail li
{
  list-style-type: disc;
  list-style-position: inside;
  float: left;
  clear: both;
}
* + html .trainingDetail li {
  float: none;
}

.specification li,
#detail1 li,
#detail2 li,
#detail3 li,
#detail4 li,
#detail5 li,
#detail6 li
{
	list-style: disc inside;
}


#detail0 li,
#detail1 li,
#detail2 li,
#detail3 li,
#detail4 li,
#detail5 li,
#detail6 li,
#detail7 li
{
    list-style-position: outside;
    
    
}

#detail0 ul,
#detail1 ul,
#detail2 ul,
#detail3 ul,
#detail4 ul,
#detail5 ul,
#detail6 ul,
#detail7 ul
{
    margin-left: 16px;
}



.specification div.small
{
	float: left;    
}

.specification .datalocaties li
{
	list-style: none outside;
	margin-left: -16px;
}


/* styling for asp input buttons */
input.aspImageButton
{
	background:url("../images/service-link-large-bg.gif") no-repeat scroll left top transparent;
	font-size:12px;
	height:29px;
	margin:0 0 5px;
	width:141px;
	border: 0;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
	text-align: left;    
	padding:0 0 0 6px;
}

.competenceFilter input.aspImageButton
{
	position: absolute;
	right: 20px;
	top: 10px;
}

.competenceFilter input.aspImageButton:hover
{
	text-decoration: underline;
}


.resetButton
{
	background:none;
	border: 0;
	text-decoration: underline;
	cursor: pointer;
}

.competenceFilter input.resetButton
{
	display:block;
	width:105px;
	position: absolute;
	right: 17px;
	top: 45px;
	text-decoration: underline;
}

.competenceFilter input.resetButton:hover
{
	color: #e2001a;
}

.searchButtonHolder
{
	height: 60px;
	position: relative;
}

table.Reactie-form td.buttonPlaats input 
{
	background:url("../images/service-link-large-bg.gif") no-repeat scroll left top transparent;
	font-size:12px;
	height:29px;
	margin:0 0 5px;
	width:141px;
	border: 0;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
	text-align: left;    
	padding:0 0 0 6px;
	position: relative;    
	left:226px;
	top: 10px;
}

table.Reactie-form td.buttonPlaats input:hover
{
	background:url("../images/service-link-large-bg.gif") no-repeat scroll left top transparent;
	text-decoration: underline;
}

table.Reactie-form, table.BlogCommentListMainTable
{
	font-size: 12px;
}

table.BlogCommentListMainTable td
{
	padding: 1px 1px 1px 0;
}



div.sideBarHeader 
{
	font-family:Georgia,Serif;
	font-size:1.2em;
	font-weight:bold;
	margin:5px 0 0;
	padding:0;
}

.pageColumn
{
	position: relative;
}

.detailServiceLinks
{
	position: absolute;
	right: 0;
	top: 0;
}

/* h styling fixes */

div.zieook
{
	color: #000000;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 5px 0;
	font-family: Georgia, Serif;
}

/* contact block */
.contact, 
.address,
.maatwerktrainingen,
.incompanytrainingen { display: block; color: #fff; width: 135px; padding: 10px; margin: 11px 0 0; background: #808080; }
.maatwerktrainingen,
.incompanytrainingen { background: #93af50; width: auto; }
.contact h3,
.contact div,
.address h3,
.address div,
.maatwerktrainingen h3,
.maatwerktrainingen div,
.incompanytrainingen h3,
.incompanytrainingen div { font: bold 14px Arial,sans-serif; font-size: 14px; margin-bottom: 8px; }
.contact p,
.address,
.maatwerktrainingen p,
.incompanytrainingen p { font: 11px Arial,sans-serif; line-height: 11px; }
.contact a:link,
.contact a:visited,
.contact a:active,
.maatwerktrainingen a:link,
.maatwerktrainingen a:visited,
.maatwerktrainingen a:active,
.incompanytrainingen a:link,
.incompanytrainingen a:visited,
.incompanytrainingen a:active { display: inline !important; color: #fff; text-decoration: underline; }
.contact a:hover,
.contact a:focus,
.maatwerktrainingen a:hover,
.maatwerktrainingen a:focus,
.incompanytrainingen a:hover,
.incompanytrainingen a:focus { color: #fff; text-decoration: none; }
.contact { margin-bottom: 11px; }

table.BlogCommentListMainTable div.reactionTitle
{
	font-size:1em;
	font-family:Georgia,Serif;
	font-size:14px;
	font-weight:bold;
}

table.BlogCommentPostMainTable div.reactTitle
{
	font-family:Georgia,Serif;
	font-size:100%;
	font-weight:normal;
}

.trainingHeader .trainingDetail h2
{
	color:#000000;
	font: normal 18px Georgia,Serif;
  padding-bottom:12px;
}

div.detailLabel {
	display:block;
	float:left;
	font-weight:bold;
	overflow:hidden;
	width:240px;
	font-size:100%;
}

#accreditatieTabel td { padding: 0 8px 0 0; }

#datesTable td { vertical-align: top; width: 14em; }
#datesTable td + td { width: 20em; }
#datesTable .globalLink { display: block; line-height: 1.2; text-align: left; float: none; padding: 0 0 0 15px; margin: 0; background-position: 0 4px; }

/* Review-formulier */

.form-review { clear: both; width: auto !important; padding-top: 1em; }
.form-review .review-explanation { float: right; font-size: .9em; padding: 1em; width: 170px; margin-right: 20px; background: #e6e6e6; }
.form-review .review-explanation h3 { font: 1em Arial,Helvetica,sans-serif; margin: 0; }
.form-review .review-explanation ul,
.form-review .review-explanation p { color: #808080; margin-bottom: 1em; }
.form-review .review-explanation li:before { content: "- "; color: #000; }
.form-review label { float: left; font-weight: bold; width: 237px; }
.form-review input,
.form-review textarea { width: 218px; padding: 2px; }
.form-review > div { margin-top: 1em; overflow: hidden; }
.form-review em { display: block; clear: left; font-style: normal; font-size: .75em; }
.form-review .field-captcha a,
.form-review .field-captcha input { display: block; margin: 0 0 .4em 238px; }
.form-review .field-button { width: 461px; text-align: right; }
.form-review button, .link-makereview { position: relative; font-size: 1.1em; text-align: left; line-height: 1; color: #fff !important; padding: 5px; border: 0; width: 150px; background: #b30015; cursor: pointer; }
.form-review button span:after { content: "."; float: right; display: block; text-indent: -999em; width: 1px; height: 1px; border-left: solid 4px #fff; border-top: solid 4px #b30015; border-bottom: solid 4px #b30015; margin-top: .2em; }
.form-review button:hover { text-decoration: underline; }
.form-review .ratingtext { cursor: pointer; }
/*.form-review .required { background: url(../images/asterisk.png) no-repeat 97% 2px; }*/
.form-review .field-captcha.required { background-position: 97% 94%; }
.link-makereview, .link-more-close-makereview { display: block; float: right; margin-right: 20px !important; }
.link-makereview { text-decoration: none !important; width: auto; padding: .3em 1em; background: url(../images/service-link-review.png) no-repeat 50% 50%; }
.link-makereview:hover { text-decoration: underline !important; float: right; }

.ratingtext,
.ratingtext .rating { text-indent: -999em; height: 19px; margin: 0 0 3px; background: #B4B4B4 url(../images/rating.png) repeat-x 0 50%; }
.ratingtext { position: relative; float: left; overflow: hidden; width: 100px; margin-right: 33px; }
.ratingtext .rating { display: block; position: absolute; left: 0; top: 0; background-color: #d1d100; }

/* Reviews */

#detail7 > h2 { float: left; clear: both; font: bold 1.2em Georgia,serif; color: #fff; padding: .3em .7em; background: #000; }
#detail7 > div + h2 { margin-top: 2em; }
.reviews { clear: both; padding-top: .5em; margin-bottom: 0 20px 1em 0; }
.reviews li { border-bottom: solid 1px #d9d9d9; margin-bottom: 3px; overflow: hidden; }
.reviews li .summary { font: bold 1em Arial,Helvetica,sans-serif; float: left; line-height: 19px; }
.reviews li .summary + div { clear: both; overflow: hidden; margin-bottom: 1em; }
.hreview .reviewer { border-top: solid 1px #d9d9d9; }
.hreview .reviewer { font-weight: bold; overflow: hidden; padding: 3px 0; margin-bottom: 3px; }
.hreview .reviewer p { margin: 0; }
.hreview .dtreviewedtext { width: 133px; float: left; }
.hreview .fntext { float: left; }
.hreview .description { clear: both; line-height: 15px; }
.link-more { text-decoration: underline; float: right; padding-right: 15px; margin: 1em 1em 0 0; background: url(../images/more-link-arrow.gif) no-repeat 100% 50%; }
.link-more-reviews { margin-top: 0; background-image: url(../images/more-link-down.gif); }
.link-more-close { background-image: url(../images/more-link-close.png); }
.link-more:hover,
.link-more:focus,
.link-more:active { color: #e2001a; text-decoration: underline; }
.reviews-testimonials img { float: left; margin-right: 1em; }
.reviews-testimonials li { padding-top: .5em; }
.reviews-testimonials li .summary { float: none; line-height: 1.4; }
.reviews-testimonials li .summary + div { clear: none; }
.reviews-testimonials .link-more { margin-bottom: .5em; }
.reviews-testimonials a:hover h3 { text-decoration: underline; }


/* OR-trainingen */

.pijlerpage-intro { font: 1.2em Georgia,serif; padding: 1em 0 0 1em; margin-bottom: 5px; }
.pijlerpage-intro p { margin-bottom: 0; }


/* Thema's op home */
.homeCrosslinks { float: left; color: #fff; width: 238px; padding: 14px 0; margin: 3px 0 0 7px; background: #000; }
.homeCrosslinks h2 { height: auto; margin: 0 11px 6px; }
.homeCrosslinks li { display: block; background: #313131; }
.homeCrosslinks li:nth-child(2n) { background-color: #000; }
.homeCrosslinks li.even { background-color: #000; }
.homeCrosslinks li h3 { font: bold 1em Arial,Helvetica,sans-serif; }
.homeCrosslinks li h3 a { display: block; font-size: 1.1em; line-height: 16px; color: #fff; padding: 7px 32px 7px 10px; background: url(../images/accordion-icons.png) no-repeat 158px -41px; }
.homeCrosslinks li.open h3 a { background-position: 206px 7px; }
.homeCrosslinks li .element { padding: 0 10px; overflow: hidden; }
.homeCrosslinks li .link-more { display: block; text-decoration: underline; float: none; color: #fff; text-align: right; padding-top: 1em; padding-bottom: 1em; margin: 0 6px 0 0; }
.homeCrosslinks li a { text-decoration: none; } 
.homeCrosslinks li a:hover,
.homeCrosslinks li a:active,
.homeCrosslinks li a:focus { text-decoration: underline; }
.homeCrosslinks a.globalLink { color: #fff; margin: 2px 13px 0 0; }


/* Accreditaties */
.competenceFilter .explanation { overflow: hidden; padding: 10px; border: solid 1px #bfbfbf; margin: 1em 15px 0 0; background: #eee; }
.competenceFilter .explanation > div { float: left; width: 159px; padding-left: 12px; }
.competenceFilter .explanation > div:first-child { padding: 0; width: 330px; }
.competenceFilter .explanation > div > ul { line-height: 1.6; }
.competenceFilter .explanation > div > ul > li { overflow: hidden; }
.competenceFilter .explanation h3 { font: bold 1em Arial,Helvetica,sans-serif; margin-bottom: 1em; }
.competenceFilter .explanation span.number { font-weight: bold; font-size: 1.25em; line-height: 1.4em; color: #93af50; text-align: right; width: 2.5ex; margin-right: .5ex; }
.competenceFilter .explanation span[title] { font-weight: bold; line-height: 1.75em; cursor: help; }

.trainingListing .accreditations { vertical-align: top; width: 9.5em; }
.trainingListing .accreditations li { float: left; font-weight: bold; font-size: 1.25em; color: #93af50; margin: 0 .2em; cursor: default; }

#accreditaties li { overflow: hidden; }
#accreditaties li a { display: inline-block; vertical-align: top; width: 12em; padding-right: 1em; }

/* PAO Uitgebreid zoeken */
.form-paosearch .field-text,
.form-paosearch .field-date { overflow: hidden; margin-top: 8px; }
.form-paosearch input,
.form-paosearch select { font-size: 1em; padding: 2px; }
.form-paosearch label { float: left; font-weight: bold; width: 237px; }
.form-paosearch .field-text input { width: 246px; }
.form-paosearch .field-date input { width: 100px; }
.form-paosearch input[type=submit] { margin-left: 249px; padding-left: 10px; }
.form-paosearch .validation-summary { width: 381px; }