/* VersionControl, all different sites use the same base file */
@import url("../base/base.css");
@import url('politiesans.css');
/* Additions to the base file for the FlandersBlue look */

body {
	background-color:		#fff;
	font-family: 'PolitieSans'!important;
	color:#000;
}

body, body.normal {
	font-size:				13px;
}
body.large {
	font-size:				16px;
}
body.largest {
	font-size:				18px;
}

#wrapper {
	background:				none;
	max-width: 				1250px;
}
#wrapperinner, #header, .HeaderLogo, #footer, #footerinner {
	background:				none;
}
#wrapperinner, #header {
	margin:					0;
	padding-right:			0;
}
#header {
	background:             none;
    padding:           		0;
    position:               relative !important;
	z-index:                auto !important; 
	}
#header > a:first-child {
    display:none;
}
#header > p{margin:0 auto;width:250px}
.HeaderLogo .logo > a > img {
	display:				none;
}
#header .HeaderLogo .logo {
	margin-left:0;
	margin-top:15px;
}
#header .HeaderLogo .logo > a {
	background:				url("images/sprite.png") no-repeat 0 0;
	display:block;
	width:250px;
	height:80px;
}
#header .HeaderNavigation {
	background:				url("images/sprite.png") no-repeat -250px 0;
	width:300px;
	height:135px;
	position:absolute;
}
#header .HeaderNavigation .HeaderNavigationInner > div.row1 { margin-right:185px; height: 108px;}
#header .HeaderNavigation .HeaderNavigationInner > div.row1 > div,
#header .HeaderNavigation .HeaderNavigationInner > div.row2 > div {	display:none;}
#header .HeaderNavigation .HeaderNavigationInner > div.row2 > div#logoff {	display:inline; background:none; }
#header .HeaderNavigation .HeaderNavigationInner > div.row2 > div#logoff div > div > div {width:400px !important;}

#header .HeaderNavigation .HeaderNavigationInner > div > div#normala,
#header .HeaderNavigation .HeaderNavigationInner > div > div#largea,
#header .HeaderNavigation .HeaderNavigationInner > div > div#largesta {	display:block; background:none;}
#header .HeaderNavigation div.SearchInner { top:17px;right:0; }

#header .HeaderNavigation .HeaderNavigationInner > div.row2,
#header .searchDiv #sOptions { 	z-index:130; position:relative !important;}
#navigation { 					z-index:120; position:relative !important;}
#banner { 						z-index:100; position:relative !important;}

.dj_ie #header .searchDiv #sOptions { display:none !important;}

#banner {
	float:none;
	clear:both;
	width:auto;
}
#banner .bannerImage img{margin-bottom:0px}

.dijitTitlePane .dijitTitlePaneTitle {
    min-height: 25px;
}
.column > div {
	/*margin:					20px 0 10px 10px;*/
	padding:				0px;
}
#column1 > div {
	margin-left:			0;
}

#column1 .applicationcontainer, #column2 .applicationcontainer{margin:14px 20px 14px 0px}
#column3 .applicationcontainer{margin:12px 0px 12px 0px}
#navigation {
	background:				#EBF0F5 !important;
	border:					none;
	border-bottom:			8px solid #004682;
	margin-bottom: 			0px;
}

.application.Politie {				border:	1px solid #004682;}
.column .application .apptitle {	border-bottom: 1px solid #004682;}
.application.Politie .apptitle {	border-bottom: none; }
p {	line-height				: inherit;color:#000}
.application.nostyling {
	border					: none !Important;
	filter					: none !Important;
	-ms-filter				: none !Important;
	-moz-box-shadow			: none !Important;
	-webkit-box-shadow		: none !Important;
	box-shadow				: none !Important;}
.application.nostyling > div,
.application.nostyling > div .appcontent {
	padding					: 0;}

.applicationcontainerhiddentitle.nostyling .dijitTitlePaneContentOuter, .applicationcontainernotitle.nostyling .dijitTitlePaneContentOuter {
    margin-top: 0;
}
/*.applicationcontainer{margin:0px 12px 15px 12px}*/
.column .application .apptitle,
.application.Politie,
#navigation ul {			background:#f9f9f9;}

#navigation,
.column .application .apptitle {
	margin-bottom: 			5px;
	/*
	-moz-box-shadow: 		0px 4px 4px #e0e0e0;
	-webkit-box-shadow: 	0px 4px 4px #e0e0e0;
	box-shadow: 			0px 4px 4px #e0e0e0;
	
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=180,color=#d0d0d0,strength=5); 
 	-ms-filter:"progid:DXImageTransform.Microsoft.glow(direction=180, Strength=5, Color='#d0d0d0')";
	*/
}
.application.Politie
{	
	/*
	-moz-box-shadow: 		3px 3px 3px #d0d0d0;
	-webkit-box-shadow: 	4px 4px 4px #e0e0e0;
	box-shadow: 			3px 3px 3px #d0d0d0;
	
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#d0d0d0,strength=5); 
 	-ms-filter:"progid:DXImageTransform.Microsoft.glow(direction=135, Strength=5, Color='#d0d0d0')";
	*/
}
.application.Politie .apptitle {
	margin-bottom: 			0;
	
	border:					none;
	-moz-box-shadow: 		none;
	-webkit-box-shadow: 	none;
	box-shadow: 			none;
	
	filter: 				none; 
 	-ms-filter:				"none";
	position:			relative;
}

#navigation {				margin-bottom: -5px;}
.dj_ie #navigation { 		filter: -;margin-bottom: 0;}



#navigation > ul > li, #navigation > ul > li:hover, #navigation > ul > li:hover > a {
	background:				#EBF0F5 !important;
}
#navigation > ul > li > a, #navigation > ul > li:hover > a {
	color:					#004682;
	Height:45px;
	line-height:45px;
}
#navigation > ul > li:hover,
#navigation > ul > li:hover > a > span {
	background:				#ffffff !important;
	color:					#004682 !important;
	text-decoration:		none;
	/* box-shadow: 1px 7px 9px -3px rgba(0, 0, 0, 0.5);*/
	}  
#navigation >ul li.logOut > a > span {
	background:none repeat scroll 0 0 #004682 !important;
	color:#fff;}

#navigation > ul > li > ul {
	background:				#f9f9f9 !important;
	border:					1px solid #004682;
}

/* menu custom*/
#wrapperinner > #navigation:before, #wrapperinner > #navigation::before{
position:absolute;
content:'';
left:0px;
top:100%;
width:100%;
height:0.5rem;
background: rgba(0,69,130,0);
background: -moz-linear-gradient(top, rgba(0,69,130,0.16) 0%, rgba(0,69,130,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,69,130,.16)), color-stop(100%, rgba(0,69,130,0)));
background: -webkit-linear-gradient(top, rgba(0,69,130,.16) 0%, rgba(0,69,130,0) 100%);
background: -o-linear-gradient(top, rgba(0,69,130,.16) 0%, rgba(0,69,130,0) 100%);
background: -ms-linear-gradient(top, rgba(0,69,130,.16) 0%, rgba(0,69,130,0) 100%);
background: linear-gradient(to bottom, rgba(0,69,130,.16) 0%, rgba(0,69,130,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004582', endColorstr='#004582', GradientType=0 );
}

#wrapperinner > #navigation > .navigation:before, #wrapperinner > #navigation > .navigation::before{
position:absolute;
content:'';
left:0px;
top:0%;
width:100%;
height:0.5rem;
background: rgba(0,69,130,0);
background: -moz-linear-gradient(top, rgba(0,69,130,0.16) 0%, rgba(0,69,130,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,69,130,.16)), color-stop(100%, rgba(0,69,130,0)));
background: -webkit-linear-gradient(top, rgba(0,69,130,.16) 0%, rgba(0,69,130,0) 100%);
background: -o-linear-gradient(top, rgba(0,69,130,.16) 0%, rgba(0,69,130,0) 100%);
background: -ms-linear-gradient(top, rgba(0,69,130,.16) 0%, rgba(0,69,130,0) 100%);
background: linear-gradient(to bottom, rgba(0,69,130,.16) 0%, rgba(0,69,130,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004582', endColorstr='#004582', GradientType=0 );
}

#navigation{height:auto;background-color:#EBF0F5;line-height:42px;border:0px}
 /* --- */
 
 
.NavigationDisplayApp ul li {
	margin-left:			0;
}
.NavigationDisplayApp ul li.open li .elem {
	padding-left:			10px;
}
.NavigationDisplayApp div.elem {
	float: none !important;
}
.NavigationDisplayApp div.icon {
	display: none !important;
}
.NavigationDisplayApp ul li.open > div.icon, 
.NavigationDisplayApp ul li.closed > div.icon, 
.NavigationDisplayApp ul li.nosub > div.icon {
	ZZbackground:				url("images/Politie_DoRood.png") no-repeat -16px 0 !important;
}


.dijitTitlePaneContentInner .appcontent .NavigationDisplayApp ul li a span {color:#333333 !important;}
.dijitTitlePaneContentInner .appcontent .NavigationDisplayApp ul li a:hover span {color:#004682 !important;}
.NavigationDisplayApp ul li { 
	margin-left: 			25px;
	display: 				list-item !important;
	list-style-type:		circle;
}
.NavigationDisplayApp ul li:hover {
	list-style-type:		disc;
}
.NavigationDisplayApp span.selected span {
	text-decoration:		underline;
	cursor:					default;
	color:					#CCBBAA !important;
}

ZZbody .RichTextItem .additional a { 
	background:				none !important;
	padding-left: 			0 !important;
}

.apptitle {
	border-top:				none;
	margin: 				8px 0 0;
}
.apptitle {
	border-top:1px solid #f9f9f9;
}

fieldset.group legend,

#shelfMarks table caption, .mainOptions .iWantTo,

.SelectedForYou .links span,
.SelectedForYou .header,
.dijitTreeLabel:hover,

.apptitle h1, .apptitle h2,
#useractivities a, #logoff a, #logon a,
a:hover, a:hover span,
.RichTextItem .appcontent a,
.SearchBox .SearchInner #sOptions > .searchIn, .HeaderNavigation .SearchInner #sOptions > .searchIn,

#additionalbefore ul.appLinks > li > a:hover span,
#divInterests .generalInfo a.NeedHelp:hover span,
.RichTextItem  .additional a:hover span,
.recordDisplayElement div.FullRequest a.linkTo:hover span,
.recordDisplayElement div.FullUrl a.linkTo:hover span,
.otherSources .externalLink a:hover span,
.divVlink .linkVlink a:hover span,
#sOptions .advancedLink a:hover span,
.SearchBox #sBoxOptions .advancedLink a:hover span,
.itemFull .reserveItem a:hover span,
.itemCover .reserveItem a:hover span,
.itemText .reserveItem a:hover span,
.relAuthors .relAuthor a:hover span,
.EditBorrowerData .helpLink a:hover span,
#itemDetailsLink a:hover, .showItemDetails a:hover,
.LinkRequest .linkEntry .buttons a:hover span,
.searchFormSimple .switchSearchSimple a:hover span,
#divSearchScreen .switchSearchAdvanced a:hover span,
.viewInfo a:hover,
#optionsExpanded div.option a:hover, .SearchResults .leftDiv .switchSearchSimpleEmbedded a:hover,
.zeroHits .linkVlink a:hover, .zeroHits .searchAll a:hover, .zeroHits .altTerm a:hover, 
#divListOptions a:hover, #divLists a:hover, #divSearchScreen .more a:hover,  #divSearchResultsCMS .shortRecord a:hover, #divInterests .add a:hover, #divReviews .addReviewLink a:hover, #divReviews .editReviewLink a:hover, #divReviews .deleteReviewLink a:hover, #vote a:hover, #moreInfo a:hover, #divRecordOptions .option a:hover, .UserActivities .navigation a:hover, .modifyData a:hover, .newRequest a:hover, .cancelSelected a:hover, .cancelAll a:hover, .renewSelected a:hover, .renewAll a:hover, .deleteSelected a:hover, .selectPublic a:hover, .selectAll a:hover,
.UserActivities .navigation a:hover, 
#divResultsOptions ul a:hover,
.feedItemInner a:hover,
.calendarLinkDiv div a:hover,
div.appcontent div.singleEvent a:hover,
.dijitDialog a:hover,

.navigationPageCurrent,

.externalLink .linkSearchTerm, .SearchResults .leftDiv .searchKey,

.mainOptions .iWantTo, .mainOptions .option * {
	color:					#004682 !important; /*Politie Blauw*/
}
a:hover, a:hover span {
	text-decoration:		underline;
}
.recordDisplayElement .image img, .listItem .image img, #divRelatedWorks .image img,
.HeaderNavigation .SearchInner #sOptions {
	border-color:			#004682; /*Politie Blauw*/
}
#recordDisplay .FullMaterialType, .recordDisplayElement .briefMaterial, .recordDisplayElement .FullMaterialType {
    color: #FFD200; /*Politie Geel*/
}

.RichTextItem img,
.StyleImage, .imageDiv .image, .oneRow .image img, #cover img {
	border:none !Important;
	filter: none !Important;
	-ms-filter:none !Important;
	-moz-box-shadow:none !Important;
	-webkit-box-shadow:none !Important;
	box-shadow:none !Important;
}

.RichTextItem .appcontent tr, 
.PaymentsDue tr, 
.LoanHistory tr, 
.dj_ie .RichTextItem .appcontent tr td, .dj_ie .RichTextItem .appcontent tr th, 
.dj_ie .PaymentsDue tr td, .dj_ie .PaymentsDue tr th, .dj_ie .LoanHistory tr td, .dj_ie .LoanHistory tr th {
    border-bottom: 1px solid #004682;
	background:inherit !important;
}

.ResultsWiki .apptitle h2,
.cloud .cloud1 a {				font-size:20px; color: #004682 !important; }
.cloud .cloud2 a {				font-size:18px;	color: #077998; }
.cloud .cloud3 a {				font-size:18px;	color: #127793; }
.cloud .cloud4 a {				font-size:16px;	color: #1e748d; }
.cloud .cloud5 a {				font-size:16px;	color: #2c7285; }
.cloud .cloud6 a {				font-size:14px;	color: #3a6f7e; }
.cloud .cloud7 a {				font-size:14px;	color: #486d77;	}
.cloud .cloud8 a {				font-size:12px;	color: #556a70;}
.cloud .cloud9 a {				font-size:12px; color: #60686b;	}
.cloud .cloud10 a{				font-size:12px; color: #666666;	}
/*
.ZZZZdijitLeaf,
ul.mainnavigation > li > a > span {
	background-image: 			url("images/ArrowDown.gif") !important;
}
*/
ul.StaticNavigationNSAlt li.sub a span {
	background: 			transparent !Important;
}

#divItemDetails tbody tr td:first-child, #divLists .listItem td:first-child > a,

.RichTextItem .StyleLinkDot,

.RichTextItem .StyleButtonDot,

.ZRichTextItem .StyleListDot ul li,

.LinkRequest .name,
#divRestrictions .restriction, 
#divSearchAssociations .association,
#UserDataSummaryDiv tr td.label, #LinkedAccountsDiv .name,

ul.StaticNavigationNSAlt li.subsub a span {
	background-image: 			url(images/Dot.gif) !Important;
}

.RichTextItem .StyleListDot ul li {
	color:						#333333 !Important;
	list-style: 				disc url(images/dot.gif) outside;
}

.dijitOpen > .dijitArrowNode > .dijitArrowNodeInner,
.dijitOpen:hover > .dijitArrowNode > .dijitArrowNodeInner,

.dijitClosed .dijitArrowNode .dijitArrowNodeInner,
.dijitClosed:hover .dijitArrowNode .dijitArrowNodeInner  {					
	ZZbackground-image: 			url(images/Icons.png) !important;
}

.GenericRSSReader .feedItemInner a.opened, .GenericRSSReader .feedItemInner a.closed,

.interests ul.overview .remove > a,
.GenericRSSReader .feedItemInner > span,
.dijitTitlePane .dijitEditNode, .dijitTitlePane .dijitEditNode:hover,
#collapseExpandLA.collapsed, #collapseExpandPD.collapsed, .dijitTitlePane .dijitClosed,
#collapseExpandLA.collapsed:hover, #collapseExpandPD.collapsed:hover, .dijitTitlePane .dijitClosed:hover,
#collapseExpandLA.expanded, #collapseExpandPD.expanded, .dijitTitlePane .dijitOpen,
#collapseExpandLA.expanded:hover, #collapseExpandPD.expanded:hover, .dijitTitlePane .dijitOpen:hover,
.dijitDialogCloseIcon, #divInterests .overview div.remove, #LinkedAccountsDiv .remove > a, .dijitTitlePane .dijitCloseNode,
.dijitDialogCloseIcon:hover, #divInterests .overview div.remove:hover, #LinkedAccountsDiv .remove > a:hover, .dijitTitlePane .dijitCloseNode:hover,
.dijitFolderClosed, .dijitFolderClosed:hover,
.dijitFolderOpened, .dijitFolderOpened:hover,
div.dispIcons div.dispFull a span, div.dispIcons div.dispFull a:hover > span, 
div.dispIcons div.dispCover a span, div.dispIcons div.dispCover a:hover > span, 
div.dispIcons div.dispText a span, div.dispIcons div.dispText a:hover > span {	
	background:	url(images/sprite.png) !important;
}

.interests ul.overview .remove > a {
	background-position: -60px -96px !important;
}

.dijitTitlePane .dijitEditNode:first-child {        background-position: -120px  -96px !important;}
.dijitTitlePane .dijitEditNode:hover:first-child  {	background-position: -120px -116px !important;}
.dijitTitlePane .dijitEditNode  {			background-position:    0    -96px !important;}
.dijitTitlePane .dijitEditNode:hover  {		background-position:    0   -116px !important;}

#body .GenericRSSReader .feedItemInner .closed,
#collapseExpandLA.collapsed,
#collapseExpandPD.collapsed,
.dijitTitlePane .dijitClosed  {				background-position:  -20px  -96px !important;}

.GenericRSSReader .feedItemInner .closed:hover,
#collapseExpandLA.collapsed:hover,
#collapseExpandPD.collapsed:hover,
.dijitTitlePane .dijitClosed:hover  {		background-position:  -20px -116px !important;}

#body .GenericRSSReader .feedItemInner .opened,
#collapseExpandLA.expanded,
#collapseExpandPD.expanded,
.dijitTitlePane .dijitOpen  {				background-position:  -40px  -96px !important;}

.GenericRSSReader .feedItemInner .opened:hover,
#collapseExpandLA.expanded:hover,
#collapseExpandPD.expanded:hover,
.dijitTitlePane .dijitOpen:hover  {			background-position:  -40px -116px !important;}

.dijitDialogCloseIcon,
#divInterests .overview div.remove,
#LinkedAccountsDiv .remove > a,
.dijitTitlePane .dijitCloseNode  {			background-position:  -60px  -96px !important;}
.dijitDialogCloseIcon:hover,
#divInterests .overview div.remove:hover,
#LinkedAccountsDiv .remove > a:hover,
.dijitTitlePane .dijitCloseNode:hover {		background-position:  -60px -116px !important;}

.dijitFolderClosed  {						background-position:  -80px  -96px !important;}
.dijitFolderClosed:hover  {					background-position:  -80px -116px !important;}
.dijitFolderOpened  {						background-position: -100px  -96px !important;}
.dijitFolderOpened:hover  {					background-position: -100px -116px !important;}

div.dispIcons div.dispFull a span {			background-position:    0   -136px !important;} 
div.dispIcons div.dispFull a:hover > span {	background-position:    0   -166px !important;}
div.dispIcons div.dispCover a span {		background-position:  -30px -136px !important;}
div.dispIcons div.dispCover a:hover > span {background-position:  -30px -166px !important;}
div.dispIcons div.dispText a span {			background-position:  -60px -136px !important;}
div.dispIcons div.dispText a:hover > span {	background-position:  -60px -166px !important;}

a.link2, .searchTree.textOnly a, a.sortOK, #additionalbefore ul.appLinks > li > a, #divInterests .generalInfo a.NeedHelp, .RichTextItem .additional a, .recordDisplayElement div.FullRequest a.linkTo, .recordDisplayElement div.FullUrl a.linkTo, .otherSources .externalLink a, .divVlink .linkVlink a, #sOptions .advancedLink a, .SearchBox #sBoxOptions .advancedLink a, .itemFull .reserveItem a, .itemCover .reserveItem a, .itemText .reserveItem a, .relAuthors .relAuthor a, .EditBorrowerData .helpLink a, #itemDetailsLink a, .showItemDetails a, .LinkRequest .linkEntry .buttons a, .viewInfo a, #optionsExpanded div.option a, .SearchResults .leftDiv .switchSearchSimpleEmbedded a, .searchFormSimple .switchSearchSimple a, .zeroHits .linkVlink a, .zeroHits .searchAll a, .zeroHits .altTerm a, #divListOptions a, #divLists a, #divSearchScreen .more a, #divSearchScreen .switchSearchAdvanced a, #divSearchScreen .switchSearchExpert a, #divSearchResultsCMS .shortRecord a, #divInterests .add a, #divReviews .addReviewLink a, #divReviews .editReviewLink a, #divReviews .deleteReviewLink a, #vote a, #moreInfo a, #divBrowseOptions .option a, #divListOptions .option a, #divRecordOptions .option a, #browseNavOptions a, .UserActivities .navigation a, .modifyData a, .newRequest a, .cancelSelected a, .cancelAll a, .renewSelected a, .renewAll a, .deleteSelected a, .selectPublic a, .selectAll a, .UserActivities .navigation a, #divResultsOptions ul a, #divResultsOptions .option a, .feedItemInner, .calendarLinkDiv div a, div.appcontent div.singleEvent, .appLink a, .dijitDialog .guestRegister a, .dijitDialog .forgotPassword a, .addMoodLink a,
body.FlandersBlue #divLists .dijitButtonNode div, .dialogButtons button.dijitButtonNode div,

body.FlandersBlue #additionalbefore ul.appLinks > li > a,
body.FlandersBlue #divInterests .generalInfo a.NeedHelp,
body.FlandersBlue .RichTextItem .additional a,
body.FlandersBlue .recordDisplayElement div.FullRequest a.linkTo,
body.FlandersBlue .recordDisplayElement div.FullUrl a.linkTo,
body.FlandersBlue .otherSources .externalLink a,
body.FlandersBlue .divVlink .linkVlink a,
body.FlandersBlue #sOptions .advancedLink a,
body.FlandersBlue .SearchBox #sBoxOptions .advancedLink a,
body.FlandersBlue .itemFull .reserveItem a,
body.FlandersBlue .itemCover .reserveItem a,
body.FlandersBlue .itemText .reserveItem a,
body.FlandersBlue .relAuthors .relAuthor a,
body.FlandersBlue .EditBorrowerData .helpLink a,
body.FlandersBlue #itemDetailsLink a, .showItemDetails a,
body.FlandersBlue .LinkRequest .linkEntry .buttons a,
body.FlandersBlue .viewInfo a,
body.FlandersBlue #optionsExpanded div.option a, .SearchResults .leftDiv .switchSearchSimpleEmbedded a, .searchFormSimple .switchSearchSimple a,
body.FlandersBlue .zeroHits .linkVlink a, .zeroHits .searchAll a, .zeroHits .altTerm a, 
body.FlandersBlue #divListOptions a, #divLists a, #divSearchScreen .more a, #divSearchScreen .switchSearchAdvanced a, #divSearchResultsCMS .shortRecord a, #divInterests .add a, #divReviews .addReviewLink a, #divReviews .editReviewLink a, #divReviews .deleteReviewLink a, #vote a, #moreInfo a, #divRecordOptions .option a, .UserActivities .navigation a, .modifyData a, .newRequest a, .cancelSelected a, .cancelAll a, .renewSelected a, .renewAll a, .deleteSelected a, .selectPublic a, .selectAll a,
body.FlandersBlue .UserActivities .navigation a,
body.FlandersBlue #divResultsOptions ul a,
body.FlandersBlue .feedItemInner,
body.FlandersBlue .calendarLinkDiv div a,
body.FlandersBlue div.appcontent div.singleEvent,
ZZZbody.FlandersBlue .dijitDialog a,

body.FlandersBlue #zdivSearchScreen button.dijitButtonNode div, .zsearchFormSimple button.dijitButtonNode div,

body.FlandersBlue .RichTextItem .StyleLinkArrow,

body.FlandersBlue .RichTextItem .StyleButtonArrow,

body.FlandersBlue .dijitLeaf,
body.FlandersBlue #pendingLinkRequest a {
	background-image: 				url(images/ArrowRight.gif) !important
}

.RichTextItem .StyleListArrow ul li {
	color:						#333333 !Important;
	list-style: 				disc url(images/ArrowRight.gif) outside;
}
.RichTextItem ul{
	color:						#333333 !Important;
	list-style: 				disc url(images/ArrowRight.gif) outside;
}

div.dispIcons div.dispFull a span,
div.dispIcons div.dispCover a span,
div.dispIcons div.dispText a span,
div.dispIcons div.dispFull a:hover > span,
div.dispIcons div.dispCover a:hover > span,
div.dispIcons div.dispText a:hover > span {
	background-image: 					url(images/sprite.png);
}

.link2.button, 
.buttonLink span, 
.dijitButton > button > div, 
.RichTextItem .StyleButton, 
.topInfo a, 
.topInfo a *,

.link2.button:hover, 
.buttonLink span:hover, 
.dijitButton > button:hover > div, 
.RichTextItem .StyleButton:hover, 
.topInfo a:hover,

.buttonLink span,
.dijitButton > button > div,
.dijitButton > button.dijitButtonNode > div,
.RichTextItem .StyleButton,
.topInfo a, .topInfo a *,

.buttonLink span:hover,
.dijitButton > button:hover > div,
.RichTextItem .StyleButton:hover,
.topInfo a:hover {
	background-image: 				url(images/ButtonsLeft.png) !Important;
}

.link2.button > span,
.buttonLink span a,
.dijitButton > button > div > center,
.RichTextItem .StyleButton > span,
.topInfo a > span,

.link2.button:hover > span, 
.buttonLink span:hover > a, 
.dijitButton > button:hover > div > center, 
.RichTextItem .StyleButton:hover > span, 
.topInfo a:hover > span,

.buttonLink span a,
.dijitButton > button > div > center,
.RichTextItem .StyleButton > span,
.topInfo a > span,

.buttonLink span:hover > a,
.dijitButton > button:hover > div > center,
.RichTextItem .StyleButton:hover > span,
.topInfo a:hover > span {
	background-image: 			url(images/ButtonsRight.png) !Important;
}

#additional {
background: none repeat scroll 0 0 rgba(249, 249, 249, 0.5);}
.Navigation .viewInfo,
#additionalContainer,
.dijitDialog { border: 1px solid #004682;}
#divReviews .headerReviews,
.HeaderBasicInner div.row3 .buttonHolder a,
div.appcontent div.selected a,
.Navigation .viewInfo .linkName,
.LinkedAccounts .waiting,
#additionalContainer .additionalTitle span,
.UserActivities .title,
.dijitDialogTitle { color:#004682 !important;}

.recordDisplayElement .briefZIZO,
.recordDisplayElement .FullZIZO {
	line-height					: 50px; }
.recordDisplayElement .briefZIZO img,
.recordDisplayElement .FullZIZO img {
	float						: left;
    padding						: 0 5px 5px 0; }


/* Header, nav & search */

#header .searchDiv,
#header .searchDiv > div{
	float:left;
	height:auto;
	margin:0;
	position:static;}
#header .searchDiv {
	float: right;
	margin-top:17px !important;}
	
#header .navDiv > div,
#header .navDiv > div > div > div {
	float:none;}
#header .navDiv > div > div > div > div,
#header .navDiv > div > div > div > div > div {
	float:left;
	height:auto;
	margin:0;
	position:static;}
#header .navDiv .row1 {
	margin-top:17px !important;
	clear:none;
	float:right;}
#header .navDiv .row2 {
	float:right !important;
	margin-top:30px !important;}
#header .navDiv #normala {
	background:none;}
#header .navDiv .logOut a {
	color: #004682;
	font-weight:bold;}

div#header div.searchbox div.searchterm {
	padding-top:5px;} 
.HeaderNavigation .navDiv {
	width: auto;}
body.ie9 #navigation,
body.ie9 .column .application .apptitle,
body.ie9 .Politie.application,
body.ie9 .Politie.application .apptitle {
	filter:none;}


/* (Waiting) messages */
#pleaseWait, #emailRetrieving, #printRetrieving, div.formmessage[class*="message_"] > span {
	border-color: #004682;
	color: #004682;
}
.userMessage {
	border-color: #004682;
}


/* tables */
.RichTextItem .appcontent tr, .ItemDetails tr, .PaymentsDue tr, .LoanHistory tr, .dj_ie .RichTextItem .appcontent tr, .dj_ie .ItemDetails tr td, .dj_ie .ItemDetails tr th, .dj_ie .PaymentsDue tr td, .dj_ie .PaymentsDue tr th, .dj_ie .LoanHistory tr td, .dj_ie .LoanHistory tr th {
	background: none !important;
/*    border-color-bottom: #004682*/
border:1px solid #ddd!important;
padding:8px;
}
#xEditingArea table, .RichTextItem .appcontent table, .ItemDetails table, .PaymentsDue table, .LoanHistory table{
border:1px solid #ddd!important;
}
.payoff{display:none}

#divPersonalData .expiryDate {
  display: none;}
ul.mainnavigation > li > ul > li {
    width: 100%;
}

/* custom */

/* ---------COLOR--------- */
ul.browseList li:hover a span, .SearchBox .SearchInner #sOptions > .searchIn, .HeaderNavigation .SearchInner #sOptions > .searchIn, .apptitle h1, .apptitle h2, .Calendar .dijitCalendarSelectedDate span, .Calendar .weekSelected span, .Calendar .monthSelected span, .dijitCalendarSelectedYear, #additionalContainer .additionalTitle, .dijitDialogTitleBar, #additionalContainer, .dijitDialog, div.appcontent div.selected a, .link2.textLink, #rightDiv .heading, #rightDiv .sortLabel, .externalLink .linkSearchTerm, .SearchResults .SearchBrowse .leftDiv .searchKey, #divSearchScreen .boolAND, .cloud .cloud1 a, .cloud .cloud2 a, .navigationPageCurrent, #corrHeader, #corrSubHeader, .Alerts .nickName a, .Navigation .viewInfo .linkName, .UserActivities  .title, #divReviews .headerReviews, .RichTextItem .appcontent a, .Welcome .appcontent a, .RichTextItem .StyleListOrange ol, #shelfMarks table caption, .mainOptions .iWantTo, .mainOptions .option *, fieldset.group > legend, .EditBorrowerData .stepActive, .EditBorrowerData .stepNext, .LinkedAccounts .refused, .LinkedAccounts .waiting, #dlgReserveDiv .reserveLinkName, .SelectedForYou .links span, .SelectedForYou .header, #recordDisplay .FullMaterialType, .recordDisplayElement .briefMaterial, .recordDisplayElement .FullMaterialType, div[class*='message_'].formmessage > span, #map_canvas .mapPopup .general .title, #map_canvas .mapPopup .title, .collapseExpand > button:before, .dijitTreeContent .dijitTreeLabel.treeNodeHighlightOn{
color:#004682
}

/* ---------HOVER--------- */

.collapseExpand > button:hover, .collapseExpand > button:focus, .breadCrumbItem a:hover, .cloud a:hover, .breadCrumbItem a:focus, .RichTextItem .StyleListDot a:hover, .RichTextItem .StyleListArrow a:hover, .RichTextItem .StyleLinkDot:hover, .RichTextItem .StyleLinkArrow:hover, .RichTextItem .StyleButtonDot:hover, .RichTextItem .StyleButtonArrow:hover, a.linkTo:hover, #divInterests div.addChar a:hover > span, #divNewsletterList .newsletterList li:hover span, #divNewsletterList .newsletterList li.selected span, #divGoSubscriptions a:hover, #UserDataSummaryDiv tr td.label a:hover, #LinkedAccountsDiv .name a:hover, .addMoodLink a:hover, .Publish .cdrSelectWeek a:hover, .dijitTreeLabel:hover, a.link2:hover, .searchTree.textOnly a:hover, a.sortOK:hover > span, #additionalbefore ul.appLinks > li > a:hover span, #divInterests .generalInfo a.NeedHelp:hover span, .RichTextItem .additional a:hover span, .recordDisplayElement div.FullRequest a.linkTo:hover span, .recordDisplayElement div.FullUrl a.linkTo:hover span, .otherSources .externalLink a:hover span, .divVlink .linkVlink a:hover span, #sOptions .advancedLink a:hover span, .SearchBox #sBoxOptions .advancedLink a:hover span, .itemFull .reserveItem a:hover span, .itemCover .reserveItem a:hover span, .itemText .reserveItem a:hover span, .relAuthors .relAuthor a:hover span, .EditBorrowerData .helpLink a:hover span, #itemDetailsLink a:hover, .showItemDetails a:hover, .LinkRequest .linkEntry .buttons a:hover span, .searchFormSimple .switchSearchSimple a:hover span, #divSearchScreen .switchSearchAdvanced a:hover span, #divSearchScreen .switchSearchExpert a:hover span, .viewInfo a:hover, #optionsExpanded div.option a:hover, .SearchResults .leftDiv .switchSearchSimpleEmbedded a:hover, .zeroHits .linkVlink a:hover, .zeroHits .searchAll a:hover, .zeroHits .altTerm a:hover, #divListOptions a:hover, #divLists a:hover, #divSearchScreen .more a:hover, #divSearchResultsCMS .shortRecord a:hover, #divInterests .add a:hover, #divReviews .addReviewLink a:hover, #divReviews .editReviewLink a:hover, #divReviews .deleteReviewLink a:hover, #vote a:hover, #moreInfo a:hover, #divBrowseOptions .option a:hover, #divListOptions .option a:hover, #divRecordOptions .option a:hover, .browseNavOptions a:hover, .UserActivities .navigation a:hover, .modifyData a:hover, .newRequest a:hover, .cancelSelected a:hover, .cancelAll a:hover, .renewSelected a:hover, .renewAll a:hover, .deleteSelected a:hover, .selectPublic a:hover, .selectAll a:hover, .UserActivities .navigation a:hover, #divResultsOptions ul a:hover, #divResultsOptions .option a:hover, .feedItemInner a:hover, .calendarLinkDiv div a:hover, div.appcontent div.singleEvent a:hover, .dijitDialog a:hover, .addMoodLink a:hover{
color:#003868!important
}

/* ---------BORDER--------- */ 
.HeaderNavigation .SearchInner #sOptions, #additionalContainer, .dijitDialog, .userMessage, .StyleImage, .imageDiv .image, .oneRow .image img, #cover img, .recordDisplayElement .image img, .listItem .image img, #divRelatedWorks .image img, .SearchScreen.compact #indexButtons > div:not(.selected) > button:focus, #divReviews div.review .alias img, #pleaseWait, #emailRetrieving, #printRetrieving, div[class*='message_'].formmessage > span, div[class*='message_'].formmessage > span, .breadCrumbItem a{
border-color:D6E1EB
}

*, body, div, h1, h2, h3, h4, h5, h6, form, textarea, p, td, input{font-family: 'PolitieSans'}
body, body.normal {
	font-size:				16px;
}
body.large {
	font-size:				17px;
}
body.largest {
	font-size:				20px;
}
.normal .apptitle h2{font-size:24px;}
html, body, #wrapper, #wrapperinner{height:100%;}
body #content{float:none;}
body:focus, html:focus{color:#000!important;outline:0px solid transparent !important}
#wrapper{display:flex;flex-direction:column}
a, a.link2, .searchTree.textOnly a, a.sortOK, #additionalbefore ul.appLinks > li > a, #divInterests .generalInfo a.NeedHelp, .RichTextItem .additional a, .recordDisplayElement div.FullRequest a.linkTo, .recordDisplayElement div.FullUrl a.linkTo, .otherSources .externalLink a, .divVlink .linkVlink a, #sOptions .advancedLink a, .SearchBox #sBoxOptions .advancedLink a, .itemFull .reserveItem a, .itemCover .reserveItem a, .itemText .reserveItem a, .relAuthors .relAuthor a, .EditBorrowerData .helpLink a, #itemDetailsLink a, .showItemDetails a, .viewInfo a, #optionsExpanded div.option a, .SearchResults .leftDiv .switchSearchSimpleEmbedded a, .searchFormSimple .switchSearchSimple a, .zeroHits .linkVlink a, .zeroHits .searchAll a, .zeroHits .altTerm a, #divListOptions a, #divLists a, #divSearchScreen .more a, #divSearchScreen .switchSearchAdvanced a, #divSearchScreen .switchSearchExpert a, #divSearchResultsCMS .shortRecord a, #divInterests .add a, #divReviews .addReviewLink a, #divReviews .editReviewLink a, #divReviews .deleteReviewLink a, #vote a, #moreInfo a, #divBrowseOptions .option a, #divListOptions .option a, #divRecordOptions .option a, .browseNavOptions a, .UserActivities .navigation a, .modifyData a, .newRequest a, .cancelSelected a, .cancelAll a, .renewSelected a, .renewAll a, .deleteSelected a, .selectPublic a, .selectAll a, .UserActivities .navigation a, #divResultsOptions ul a, #divResultsOptions .option a, .feedItemInner, .calendarLinkDiv div a, div.appcontent div.singleEvent, .appLink a, .dijitDialog .guestRegister a, .dijitDialog .forgotPassword a, .addMoodLink a, .link2.textLink,.EditBorrowerData .stepActive, .EditBorrowerData .stepNext, a font{color:#004682!important}
fieldset.group .data{font-style:normal}
#content{color:#000;height:100%;margin-bottom:-100px;}
.interests ul.overview .remove > a{background-image:none !important}
*:focus{color:#000 !important;}
.title, .UserActivities .title{font-size:18px;margin:4px 0px;}
body.accFeatures *:focus{outline:0px !important}
#wrapperinner{position:relative;}
#header{min-height:108px;}
#header:first-child:before{content:"Mediatheek";position:absolute;top:50%;left:0px;transform:translateY(-50%);font-size:32px;font-weight:lighter;color:#004682;font-family: 'PolitieSans';margin-left:25px}
ul.mainnavigation > li > a > span{background-image:none;padding:0px 15px 0px 20px}
ul.mainnavigation > li.hasmenu > a > span{background-image:url("images/ArrowDown.gif")}
#divItemsCL .navigationPage, #divItemsCR .navigationPage, #divItemsLH .navigationPage, .Results .navigationPage, .ResultsCMS .navigationPage, .ResultsFS .navigationPage, .ReadingList .navigationPage{font-size:1em}
.SearchResults .navigation{margin-top:10px}
.appLinks{margin-bottom:15px}
.appLink{float:none}
.customnavigation .HeaderBasicInner .row div div.buttonHolder{background-color:#EBF0F5; margin-right:25px!important;padding-left:4px}
#searchSubmitTR{color:#fff!important;}
.customnavigation .HeaderBasicInner .row div div.buttonHolder a{color:#004682;font-weight:bold}
.customnavigation .HeaderBasicInner .row div div.buttonHolder a:hover{color:#003868}
#searchSubmitTR:hover{color:#fff!important;text-decoration:none}
.customnavigation .HeaderBasicInner .row div div.buttonHolder .buttonHolderInner:before{content:"Mijn Mediatheek: ";float:left;line-height:25px;color:#000}
.customnavigation .HeaderBasicInner .row div div.buttonHolder .buttonHolderInner{float:left}
#searchSubmitTR{background-color:#004682}
#searchSubmitTR:hover{background-color:#003868}
.customnavigation{float:none;margin-top:0px !important;position:absolute;top:50%;right:0px;transform:translateY(-50%);}
#searchSubmitTR{padding:4px 14px;border:0px;font-size:16px;font-weight:bold}
button.link2, .link2.button, .buttonLink span, .dijitButton > button > div, .RichTextItem .StyleButton, .topInfo a, .topInfo a *{
height:auto!important
}
.button button{border-style:none;padding:4px 14px;line-height:18px;margin:5px 5px 5px 0px;font-weight:bold}
.button button, .link2.button > span, .buttonLink span a, .dijitButton > button > div > center, .RichTextItem .StyleButton > span, .topInfo a > span, .buttonLink span a, .dijitButton > button > div > center, .RichTextItem .StyleButton > span, .topInfo a > span, .buttonLink span:hover > a, .dijitButton > button:hover > div > center, .RichTextItem .StyleButton:hover > span, .topInfo a:hover > span, .link2.button, .buttonLink span, .dijitButton > button > div, .RichTextItem .StyleButton, .topInfo a, .topInfo a *, .link2.button:hover, .buttonLink span:hover, .dijitButton > button:hover > div, .RichTextItem .StyleButton:hover, .topInfo a:hover, .buttonLink span, .dijitButton > button > div, .dijitButton > button.dijitButtonNode > div, .RichTextItem .StyleButton, .topInfo a, .topInfo a *{
background-image:none!important;background-color:#004682!important;color:#fff!important;font-size:16px
}
.button button:hover, .link2.button:hover > span, .buttonLink span:hover > a, .dijitButtonHover, .dijitButton > button:hover > div > center, .RichTextItem .StyleButton:hover > span, .topInfo a:hover > span, .buttonLink span:hover, .dijitButton > button:hover > div, .RichTextItem .StyleButton:hover{
background-color:#003868!important;cursor:pointer;background-image:none!important;font-weight:bold!important
}

button.link2 > span, .link2.button > span, .buttonLink span a, .dijitButton > button > div > center, .RichTextItem .StyleButton > span, .topInfo a > span{margin-left:0px!important;padding:3px 14px 5px 14px!important;font-size:16px;height:auto;line-height:16px!important;font-weight:bold!important}
.topInfo span a{margin-bottom:5px!important;margin-right:5px!important}
.topInfo div span a span{margin-right:0px!important;}
.topInfo div span a span:hover{margin-right:0px!important;}

#topicsOverview li .topic{width:180px}
#topicsOverview li .remove{width:90px}

.normal .dijitButtonText{font-size:16px;}
/*.column > div{margin:20px 0px 10px 10px}*/
#header > p{width:200px}

.Publish ul.itemList li.listItem a span.summary.thumb span.summary, .Publish ul.itemList li.listItem a span.summary.thumb span.summary p{display:inline-block}
.Publish ul.itemList li.listItem a span.summary.narrow span.from, .Publish ul.itemList li.listItem a span.summary.thumb span.from{right:7.15em;}
.Publish ul.itemList li.listItem a span.summary.narrow span.until, .Publish ul.itemList li.listItem a span.summary.thumb span.until{width:6.9em}
.River .ui .pause, .River .ui .left, .River .ui .right{background-color:rgba(235, 240, 245, 1)!important}

.apptitle{background-color:#fff!important;border:0px transparent solid!important}

/*.apptitle:hover{border-top:0px transparent solid}*/
.searchterm input, .searchFormSimple input{color:#000!important}

.dijitLeaf{background-image:url("images/ArrowRight.gif")}
.dijitButton{margin-right:5px!important}
.buttonLink span:hover > a, .dijitButton > button:hover > div > center, .RichTextItem .StyleButton:hover > span, .topInfo a:hover > span, .buttonLink span, .dijitButton > button > div, .RichTextItem .StyleButton, .link2.button:hover, .buttonLink span:hover, .dijitButton > button:hover > div, .RichTextItem .StyleButton:hover{
background-color:#003868!important;background-image:none!important
}
.expert#divSearchScreen .searchForm > div, .advanced#divSearchScreen .searchForm > div{float:none;overflow:hidden}
.advanced#divSearchScreen .searchForm > div.switch, #divSearchScreen .switch {float:right;margin-top:0px;}

body.accFeatures #divSearchScreen div.button{float:left;margin-top:0px;display:inline;clear:none}
#divSearchScreen div.indexBrowse{margin-right:5px}
.searchbox .searchBoxForm .searchsubmit, .searchbox .searchBoxForm .searchterm{display:inline}
#divSearchScreen .searchPreText, #divSearchScreen .searchPostText, .filterInfo{margin-top:20px}

.resultsLinks{border:none}
.resultsLinks #showSearchScreen{margin:20px 0px}
#column2{}

.results .navigation img{width:12px;vertical-align:middle}

/* 20180712-eh */
.Relations .data {
  margin-left: 0px !important;
}

ul.itemFull{margin-top:10px}

#interestsTree{height:auto;margin-bottom:5px}
#dlgDiv{height:100%}

#footer{margin-top:70px}
#footer:before, #footer::before{
position:absolute;
content:'';
left:0px;
width:100%;
height:0.5rem;
background: rgba(0,69,130,0);
background: -moz-linear-gradient(top, rgba(0,69,130,0.16) 0%, rgba(0,69,130,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,69,130,.16)), color-stop(100%, rgba(0,69,130,0)));
background: -webkit-linear-gradient(top, rgba(0,69,130,.16) 0%, rgba(0,69,130,0) 100%);
background: -o-linear-gradient(top, rgba(0,69,130,.16) 0%, rgba(0,69,130,0) 100%);
background: -ms-linear-gradient(top, rgba(0,69,130,.16) 0%, rgba(0,69,130,0) 100%);
background: linear-gradient(to bottom, rgba(0,69,130,.16) 0%, rgba(0,69,130,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004582', endColorstr='#004582', GradientType=0 );
}
.footer-left{float:left;width:33%;display:inline}
.footer-left ul li{text-align:left;}
.footer-motto{width:33%;display:table}
.footer-right{width:33%;display:inline}

.changePassword{display:inline-block}
.buttonDiv{display:inline-block;margin:4px 0px 4px 209px}
.dijitTitlePaneContentOuter{min-height:auto}
div.thesaurusMethod{display:none!important}
/* 20240930.eh Hide Thesaurus (Browse) title */
div.application.Browse .apptitle {
	display: none;
}
#lightbox a[onclick*="reserve"]{display:none}