/* Start of CMSMS style sheet 'aTA' */
body 
{
	margin: 0;
	padding: 0;
	font: 75%/160% arial,sans-serif;
	color: #333;
}
/*
	body#WorkDetailBody
	{
		background: url(/images/bg_work.png);
	}
	body#ImageBody
	{
		background: url(/images/bg_img.png);
	}
*/
a
{
	text-decoration: none;
	color: #FF6600;
}
	a.currentlySelected
	{
		color: #333;
	}

img
{
	border: 0;
}

#Container
{
	width: 1000px;
	position: relative;
	margin: 0 auto;
	text-align:left;
	overflow:hidden;
min-height: 500px;
}

#SplashHook 
{
	width: 1000px;
	position: relative;
	margin: 0 auto;
height: 0;
}
#Splash
{
display: none;
	width: 1000px;
position: absolute;
z-index: 5;
background-color: #fff;
top: 150px;
left: 0;
height: 500px;

}

#SplashClose
{
display: none;
   position: absolute;
   right: 4px;
   top: 154px;
   background: url(/images/sluit.gif);
   width: 13px;
   height: 13px;
   z-index: 6;
   cursor: pointer;
}

#Starter
{
	position: relative;
	height: 125px;
	font-size: 1px;
	line-height: 1px;
	padding: 0;
	margin: 0;
}

#LanguageSelector
{
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 20;
}
	#ImageBody #LanguageSelector
	{
		display: none;
	}

#OrganisationName
{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 90%;
	z-index: 20;
}
	#OrganisationName a
	{
		color: #000000;
		xfont-weight: bold;
	}
	#OrganisationName .additionalDescription
	{
		color: #000000;
	}
/*
		#WorkDetailBody #OrganisationName .additionalDescription
		{
			color: #fff;
		}
		#ImageBody #OrganisationName a,
		#ImageBody #OrganisationName a .additionalDescription
		{
			color: #fff;
		}
*/
#Logo
{
	position: absolute;
	top: 37px;
	left: 0;
	z-index: 20;
}


#Breadcrumb
{
	position: absolute;
	top: 60px;
	left: 120px;
	z-index: 20;
	font-size: 1.4em;
	color: #999;
}
	#Breadcrumb a
	{
		color: #999;
		padding-left: 4px;
	}

#CentraleLogo
{
	display: none;
	position: absolute;
	top: 80px;
	right: 0;
	z-index: 20;
}

#MenuContainer
{
	position: relative;
	padding-top: 108px;
	font-size: 160%;
	overflow: hidden;
	width: 1000px;
	height: 170px;
}
	#WorkDetailBody #MenuContainer
	{
		position: absolute;
		top: 0;
		/* change this to 170px for the menu to appear */
		height: 20px;
		z-index: 10;
	}
	#MenuContainer #MenuBackground
	{
		position: absolute;
		/*border-left: 225px solid #fff;*/
		left: 0px;
		margin-top: 1.4em;
		width: 1000px;
		height: 1000px;
		background-color: #FF6600;
		z-index: 1;
	}
	ul#Menu
	{
		position: absolute;
		font-size: 100%;
		padding: 0;
		margin: 0;
		z-index: 2;
		list-style-type: none;
	}
		ul#Menu li
		{
			width: 200px;
			display: block;
			float: left;
		}
			ul#Menu li a
			{
				padding-left: 10px;
			}
			#OverviewBody ul#Menu li a
			{
				color: #333;
			}
			
			ul#Menu li ul
			{
				font-size: 70%;
				padding: 0;
				margin: 0;
				margin-top: 0.6em;
				list-style-type: none;
			}
				ul#Menu li ul li
				{
					display: block;
					float: none;
					width: 200px;
				}
			#OverviewBody ul#Menu li ul.activeSubmenu
			{
				background-color: #fff;
				height: 143px;
			}
			#WorkDetailBody ul#Menu li ul.activeSubmenu
			{
				background-color: #fff;
				height: 143px;
			}
				
				#OverviewBody ul#Menu li ul.activeSubmenu a,
				#WorkDetailBody ul#Menu li ul.activeSubmenu a
				{
					color: #FF6600;
				}
					#OverviewBody ul#Menu li ul.activeSubmenu li.activeItem a,
					#WorkDetailBody ul#Menu li ul.activeSubmenu li.activeItem a
					{
						color: #000;
					}			
				
			ul#Menu li ul.normalSubmenu
			{
			}
				#OverviewBody ul#Menu li ul.normalSubmenu a,
				#WorkDetailBody ul#Menu li ul.normalSubmenu a
				{
					
					color: #fff;
				}
		
#ControlBar
{
	position: relative;
	margin-top: 40px;
}
	span#RunningCounter
	{
		font-size: 1.4em;
		font-weight: bold;
		padding: 0 0.2em;
		border: 2px solid #000;
	}
	
	#Paging
	{
		position: absolute;
		top: 0;
		left: 20%
	}
		#Paging a.previousInactive
		{
			color: #999;
			background: url(/images/Paging_left_inactive.gif) no-repeat left 50%;
			padding-left: 20px;
			padding-right: 10px;
		}
		#Paging a.previousActive
		{
			color: #FF6600;
			background: url(/images/Paging_left_active.gif) no-repeat left 50%;
			padding-left: 20px;
			padding-right: 10px;
		}
		#Paging a.nextInactive
		{
			color: #999;
			background: url(/images/Paging_right_inactive.gif) no-repeat right 50%;
			padding-right: 20px;
			padding-left: 10px;
		}
		#Paging a.nextActive
		{
			color: #FF6600;
			background: url(/images/Paging_right_active.gif) no-repeat right 50%;
			padding-right: 20px;
			padding-left: 10px;
		}
	
	#Sorting
	{
		position: absolute;
		top: 0;
		left: 50%
	}
	#DisplayMode
	{
		position: absolute;
		top: 0;
		right: 0;
	}

/* Landing page */

#Content
{
	background-color: #f7f7f7;
	position: relative;
	width: 1000px;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
}
	/* List */
	ul#WorkList,
	ul#ArticleList
	{
		width: 1000px;
		list-style-type: none;
		padding: 10px 0 0 0;
		margin: 0;
		clear: both;
		
		display: none;
	}
		ul#WorkList li
		{
			display: block;
			float: left;
			padding: 0 0 0 50px;
			margin: 0 50px 0 0;
			position: relative;
			width: 400px;
			height: 40px;
		}
		ul#ArticleList li
		{
			display: block;
			float: left;
			padding: 0 0 0 100px;
			margin: 0 50px 0 0;
			position: relative;
			width: 350px;
			height: 60px;
		}
			ul#WorkList li.highlit,
			ul#ArticleList li.highlit
			{
				background-color: #fff;
			}
			ul#WorkList li a.workListNumber,
			ul#ArticleList li a.workListNumber
			{
				left: 10px;
				position: absolute;
				padding-right: 10px;
				background: url(/images/Paging_right_active.gif) no-repeat right 50%;
			}
			ul#WorkList li a.workListTitle,
			ul#ArticleList li a.workListTitle
			{
				display: block;
				font-weight: bold;
				color: #333;
			}
			

	/* Thumbnails */
	ul#WorkThumbnails,
	ul#ArticleThumbnails
	{
		/* Last 2 pixels are hidden due to overflow of parent container. Thumbnails are 165px wide + 2px right margin = 1002px (with last 2 px being margin) */
		width: 1002px;
		list-style-type: none;
		padding: 0;
		margin: 0;
		clear: both;
	}
		ul#WorkThumbnails li,
		ul#ArticleThumbnails li
		{
			display: block;
			float: left;
			padding: 0;
			margin: 0;
			font-size: 1px;
			line-height: 1px;
			margin-right: 2px;
			margin-bottom: 2px;
			position: relative;
			z-index: 2;
		}
			ul#WorkThumbnails li .workNumber,
			ul#ArticleThumbnails li .workNumber
			{
				position: absolute;
				top: 2px;
				right: 2px;
				width: 37px;
				background-color: #fff;
				font-size: 10px;
				line-height: 1.2em;
				text-align: center;
				color: #666;
				
			}
			ul#WorkThumbnails li .popupCloud,
			ul#ArticleThumbnails li .popupCloud
			{
				position: absolute;
				z-index: 113;
				background: url(/images/popupCloud.png) no-repeat 50% 50%;	
				padding: 10px 20px 20px;
				font-size: 11px;
				line-height: 1.3em;
				top: -60px;
				left: 16px;
				width: 97px;
				height: 116px;
			}
				ul#WorkThumbnails li .popupCloud a,
				ul#ArticleThumbnails li .popupCloud a
				{
					background: url(/images/Paging_right_active.gif) no-repeat right 50%;
					padding-right: 10px;
				}
/* WorkMap */
#WorkMap
{
    width: 1000px;
    height:450px;
}

/* Work detail page */
#WorkDetailBody #Content
{
	width: 960px;
	padding: 20px;
}



	#DetailControls
	{
		position: absolute;
		right: 8px;
		top: 5px;
	}
		#DetailControls a.close
		{
			padding-right: 20px;
			background: url(/images/x.gif) no-repeat right 50%;
		}

	#WorkDetailBody #Content h1
	{
		margin: 0;
		padding: 0 0 0.8em 0;
		color: #FF6600;
		font-weight: bold;
		font-size: 1.8em;
	}
	#WorkDetailBody #Content h2
	{
		margin: 0;
		padding: 0 0 0.5em 0;
		color: #333;
		font-weight: normal;
		font-size: 1.6em;
/*		letter-spacing: 102%;*/
	}
	
	#WorkDetailBody #Content dl
	{
		margin: 0;
		padding: 0 0 2em 0;
	}
	#WorkDetailBody #Content dt
	{
		float: left;
	}
	#WorkDetailBody #Content dd
	{
		 padding-left: 160px;
	}


/* toegevoegd door Floor om te zorgen dat nieuws pagina article thumbnails niet oranje en groot zijn */
#WorkDetailBody #Content #ArticleThumbnails h1
{
	font-size: 12px;
	padding: 0 0 0.5em 0;
	margin: 0;
         color: #333;
}

#PhotoStrip
{
	position: relative;
	display: block;
	clear: both;
	width: 960px;
	padding-bottom: 1.5em;
}
	#PhotoStrip .thumbnailIllustration
	{
		float:left;
		position: relative;
		display: inline;
		padding: 0 16px 16px 0;
	}
		#PhotoStrip .thumbnailIllustration .thumbnailCaption
		{
			color: #999;
/*
			position: absolute;
			left: 0;
			bottom: 0;
*/
			/* bottom: -0.5em;*/
		}
		
/* Big image */

	#ImageBody #Content
	{
		background-color: Transparent;
		padding-top: 3em;
		width: auto;
	}
	#BigImage
	{
		position: relative;
		padding: 0;
		margin:0;
	}
	#BigImage img
	{
		border: 10px solid #f7f7f7;
		padding: 0;
		margin:0;
	}
	#BigImage h1
	{
		margin: 0;
		padding: 0 0 0.8em 0;
		color: #FF6600;
		font-weight: bold;
		font-size: 1.8em;
		position: absolute;
		top: -1.4em;
		left: 0;
	}
	#BigImage #DetailControls
	{
		width: 100px;
		background-color: #f7f7f7;
		position: absolute;
		left: 15px;
		top: 15px;
		text-align: center;
	}

div.leesMeer
{
	width: 730px;
	text-align: right;
}

p
{
	width: 730px;
	margin-top: 0;
}
/*
p img
{
	float: right;
}
*/

#ArchiveYears
{
	float: right;
	width: 78px;
	padding-top: 2em;
}
	#ArchiveYears ul
	{
		padding: 0;
		margin: 0;
	}
	#ArchiveYears li
	{
		list-style-type: none;
	}

div#LinkToTop
{
	clear: both;
}

#Medewerkers
{
    clear: both;
}
#Medewerkers .medewerker,
#Medewerkers .medewerkerOver
{
    position: relative;
    float: left;
    padding: 0;
/*    width: 158px;
    height: 210px;*/
    width: 137px;
    height: 182px;
    cursor:pointer;
    cursor: hand;
    overflow: hidden;
}
#Medewerkers .medewerkerOverPlain
{
    position: relative;
    float: left;
    padding: 0;
/*    width: 158px;
    height: 210px;*/
    width: 137px;
    height: 182px;
}
#Medewerkers  .medewerker .medewerkerNaam
{
    display: none;
}
#Medewerkers  .medewerkerOver .medewerkerNaam,
#Medewerkers  .medewerkerOverPlain .medewerkerNaam
			{
				position: absolute;
				bottom: 2px;
				left: 1px;
				width: 133px;
				background-color: #fff;
				font-size: 10px;
				line-height: 1.2em;
				text-align: center;
				color: #666;
				
			}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

.tekstje
{
	padding: 4px 10px; width: 144px; height: 145px; float: right; font-size: 12px; line-height: 1.2em;
	color: #333;
}
ul#ArticleThumbnails .tekstje p
{
display: block;
position: absolute;
top: 3.5em;
width: 120px;
}
ul#ArticleThumbnails li
{
	width: 330px;
}
ul#ArticleThumbnails h1
{
	font-size: 12px;
	padding: 0 0 0.5em 0;
	margin: 0;
}
ul#ArticleThumbnails p
{
	width: auto;
}

#gmr
{
	width: 300px;
}
/* End of 'aTA' */