@import url("../base/base.css");

/*Main styling*/
#header, #navigation {
    background: url("http://www.nieuwenobelaer.nl/sites/all/themes/zen/zen/images/bg.gif") no-repeat scroll left top transparent !important;}
#navigation {
	background-position: -10px -100px !important;}
body, #wrapper, #wrapperinner, #header > a, #footer, #footerinner {
	background:transparent !important;}

#banner {
    margin-bottom: 10px;}
#banner .fiContainer {
    border: 1px solid #999999;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.5);}

#content,
.dj_ie .ie9 #content {
    margin: 0 -10px;
    width: auto !important;}
.dj_ie #content {
    margin: 0;
    width: 100% !important;}


#header > a:first-child {
    background: 		url("images/sprite.png") no-repeat scroll left top transparent;
    height: 			100%;
    left: 				0;
    position:			absolute;
    top: 				0;
    width: 				20px;
	z-index:			-1;}

#header #normala {background:none;}
#header .buttonHolder a {
    font-size: 1.2em;
    font-weight: normal !important;}


/*Main Navigation*/
ul.mainnavigation > li > a > span {
    color: #505450;
    font-size: 1.45em;
    font-weight: normal !important;}

ul.mainnavigation > li:hover, ul.mainnavigation > li:active {
    background-color: #F47921;
	border-radius: 10px;
	box-shadow: 1px 7px 9px -3px rgba(0, 0, 0, 0.5);}
ul.mainnavigation > li.hasmenu:hover, ul.mainnavigation > li.hasmenu:active {
	border-radius: 10px 10px 0 0;}
ul.mainnavigation > li:hover > a, ul.mainnavigation > li:active > a,
ul.mainnavigation > li:hover > a > span, ul.mainnavigation > li:active > a > span {
	color:#FFFFFF;}
ul.mainnavigation > li > ul {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #CDCDCD;}


.bigorange a {
    color: #FF7320 !important;
    font-weight: bold;}
ul.mainnavigation > li > a > span {
    color: #F47921;}
ul.mainnavigation > li > ul {
	width:250px;}
ul.mainnavigation > li > ul > li {
    width: 100%;}
/*
.dijitTitlePane {
    border: 1px solid gray;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 4px 4px 7px -6px black;
    margin: 15px 5px 0;
    padding: 0 5px 10px;}
*/
.RichTextItem img, .StyleImage, .imageDiv .image, .oneRow .image img, #cover img {
    border: none;
	box-shadow:none;
	margin:0;}



/*Widgetborder
Needs this in the widget templates (in the widget div)
<div class="spare">
  <div class="spare1"><div></div></div>
  <div class="spare2"><div class="sparea"></div><div class="spareb"></div></div>
  <div class="spare3"><div></div></div>
</div>
*/
.widgetborder .application,
.widgetborder.application {
    min-height: 54px;
	position:relative;}
.widgetborder .application .dijitTitlePaneTitle,
.widgetborder.application .dijitTitlePaneTitle {
	border-top:none;
	margin-bottom: 0px;}
/*
.widgetborder .application .dijitTitlePaneContentOuter,
.widgetborder.application .dijitTitlePaneContentOuter {
    margin-top: 14px;}
*/
.widgetborder .application .dijitTitlePaneTitle > div:first-child,
.widgetborder.application .dijitTitlePaneTitle > div:first-child {
    padding: 5px 35px 0 10px;}
.widgetborder .application .dijitTitlePaneTitle > .appFunctions,
.widgetborder.application .dijitTitlePaneTitle > .appFunctions {
	top:7px;
    right: 15px;}
.widgetborder .application .appcontent,
.widgetborder.application .appcontent {
    margin: 7px 7px 15px 7px !important;
    padding: 8px !important;
    overflow:hidden !important;}
.widgetborder.tight .application .appcontent,
.widgetborder .tight.application .appcontent,
.widgetborder.tight.application .appcontent {
    padding: 0 !important;}

.widgetborder .application div[style~=display]~.dijitTitlePaneContentOuter,
.widgetborder.application div[style~=display]~.dijitTitlePaneContentOuter,

.widgetborder.tight .application .dijitTitlePaneContentOuter,
.widgetborder .tight.application .dijitTitlePaneContentOuter,
.widgetborder.tight.application .dijitTitlePaneContentOuter {
    margin-top: 0px !important;}
.widgetborder .application .spare > .spare1,
.widgetborder.application .spare > .spare1 {
    background: url("images/widgetBorder.png") no-repeat scroll right top transparent;
    height: 25px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;}
.widgetborder .application .spare > .spare1 > div,
.widgetborder.application .spare > .spare1 > div {
    background: url("images/widgetBorder.png") no-repeat scroll left top transparent;
    height: 100%;
    width: 16px;}
.widgetborder .application .spare > .spare2 > .sparea,
.widgetborder.application .spare > .spare2 > .sparea {
    background: url("images/widgetBorder.png") no-repeat scroll left top transparent;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px;}
.widgetborder .application .spare > .spare2 .spareb,
.widgetborder.application .spare > .spare2 .spareb {
    background: url("images/widgetBorder.png") no-repeat scroll right top transparent;
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 16px;}
.widgetborder .application .spare > .spare3,
.widgetborder.application .spare > .spare3 {
    background: url("images/widgetBorder.png") no-repeat scroll right bottom transparent;
    height: 25px;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;}
.widgetborder .application .spare > .spare3 > div,
.widgetborder.application .spare > .spare3 > div {
    background: url("images/widgetBorder.png") no-repeat scroll left bottom transparent;
    height: 100%;
    width: 25px;}

.apptitle {
    border-bottom:none;}



.application.orange {
	background-color:#ff7320;}
.application.teal {
	background-color:#00A093;}
.application.offblack {
	background-color:#505450;}

.application.mediumgray {
	background-color:#868686;}

.application.lightgray{
	background-color:#d0d0d0;}
/*
.application.offblack .dijitTitlePaneContentOuter,
.application.mediumgray .dijitTitlePaneContentOuter,
.application.lightgray .dijitTitlePaneContentOuter,
.application.orange .dijitTitlePaneContentOuter {
	min-height:0;}
*/
.application.offblack p,
.application.mediumgray p,
.application.lightgray p,
.application.orange p,
.application.teal p {
    text-align:center;}
.application.offblack p *,
.application.mediumgray p *,
.application.lightgray p *,
.application.orange p *,
.application.teal p * {
    color: white;}
.application.lightgray p * {
    color:#ff7320;}
.application.big p * {
    font-size: 1.75em;
    font-weight: bold;}


.application.snelmenu ul li {
    color: white;
    display: block;
    float: left;
    ZZfont-size: 1.2em;
    ZZfont-weight: bold;
    margin: 0 !important;
    overflow: hidden;
    margin: 2px 0;
    width: 49%;}
.application.snelmenu ul li > a {
    color: white !important;
   background: url("images/Pijltje.png") no-repeat scroll 0 0 transparent;
    color: white !important;
    padding-left: 13px;}
img {
    border-radius: 10px;}
#banner .bannerImage img {
    border-radius: 0 0 0 0;}

.footer ul.navigation li {
    border-left: 1px solid black;
    display: inline;
    float: none;
    margin-left: 5px;
    padding-left: 5px;
    position: relative;}
.footer ul.navigation li:first-child {
    border-left: none;
    margin-left: 0;
    padding-left: 0;}

ul#anchor_menu > li.SearchFilter { 
	display:none;}


/*Publish*/
.Publish .items .title {
    color: #F47921;}

body#body .link2.button, 
body#body .buttonLink span, 
body#body .dijitButton > button > div, 
body#body .RichTextItem .StyleButton, 
body#body .topInfo a, 
body#body .topInfo a * {
	background: url("images/Button_deBibliotheek.png") no-repeat scroll left top transparent !important;
	height: 30px !important;}
body#body .link2.button > span, 
body#body .buttonLink span a, 
body#body .dijitButton > button > div > center, 
body#body .RichTextItem .StyleButton > span, 
body#body .topInfo a > span {
	background: url("images/Button_deBibliotheek.png") no-repeat scroll right top transparent !important;
	height: 30px !important;
	line-height: 30px !important;
	margin-left: 15px !important;
	padding-right: 40px !important;}
body#body .link2.button:hover,
body#body .buttonLink span:hover,
body#body .dijitButton > button:hover > div,
body#body .RichTextItem .StyleButton:hover,
body#body .topInfo a:hover {
	background-position:left bottom !important;}
body#body .link2.button:hover > span,
body#body  .buttonLink span:hover > a,
body#body  .dijitButton > button:hover > div > center,
body#body  .RichTextItem .StyleButton:hover > span,
body#body  .topInfo a:hover > span {
	background-position:right bottom !important;}



/* Kunstuitleen */
body.ku #additionalContainer .additionalTitle, .dijitDialogTitleBar,
body.ku .apptitle h1, body.ku .apptitle h2,
body.ku .RichTextItem .appcontent a,

body.ku .Publish .items .title,
body.ku ul.mainnavigation > li > a > span,
body.ku ul.mainnavigation > li:hover, body.ku ul.mainnavigation > li:active,
body.ku a.sortOK:hover > span, body.ku #additionalbefore ul.appLinks > li > a:hover span, body.ku #divInterests .generalInfo a.NeedHelp:hover span, body.ku .RichTextItem .additional a:hover span, body.ku .recordDisplayElement div.FullRequest a.linkTo:hover span, body.ku .recordDisplayElement div.FullUrl a.linkTo:hover span, body.ku .otherSources .externalLink a:hover span, body.ku .divVlink .linkVlink a:hover span, body.ku #sOptions .advancedLink a:hover span, body.ku .SearchBox #sBoxOptions .advancedLink a:hover span, body.ku .itemFull .reserveItem a:hover span, body.ku .itemCover .reserveItem a:hover span, body.ku .itemText .reserveItem a:hover span, body.ku .relAuthors .relAuthor a:hover span, body.ku .EditBorrowerData .helpLink a:hover span, body.ku #itemDetailsLink a:hover, body.ku .showItemDetails a:hover, body.ku .LinkRequest .linkEntry .buttons a:hover span, body.ku .searchFormSimple .switchSearchSimple a:hover span, body.ku #divSearchScreen .switchSearchAdvanced a:hover span, body.ku .viewInfo a:hover, body.ku #optionsExpanded div.option a:hover, body.ku .SearchResults .leftDiv .switchSearchSimpleEmbedded a:hover, body.ku .zeroHits .linkVlink a:hover, body.ku .zeroHits .searchAll a:hover, body.ku .zeroHits .altTerm a:hover, body.ku #divListOptions a:hover, body.ku #divLists a:hover, body.ku #divSearchScreen .more a:hover, body.ku #divSearchResultsCMS .shortRecord a:hover, body.ku #divInterests .add a:hover, body.ku #divReviews .addReviewLink a:hover, body.ku #divReviews .editReviewLink a:hover, body.ku #divReviews .deleteReviewLink a:hover, body.ku #vote a:hover, body.ku #moreInfo a:hover, body.ku #divBrowseOptions .option a:hover, body.ku #divListOptions .option a:hover, body.ku #divRecordOptions .option a:hover, body.ku .UserActivities .navigation a:hover, body.ku .modifyData a:hover, body.ku .newRequest a:hover, body.ku .cancelSelected a:hover, body.ku .cancelAll a:hover, body.ku .renewSelected a:hover, body.ku .renewAll a:hover, body.ku .deleteSelected a:hover, body.ku .selectPublic a:hover, body.ku .selectAll a:hover, body.ku .UserActivities .navigation a:hover, body.ku #divResultsOptions ul a:hover, body.ku #divResultsOptions .option a:hover, body.ku .feedItemInner a:hover, body.ku .calendarLinkDiv div a:hover, body.ku div.appcontent div.singleEvent a:hover, body.ku .dijitDialog a:hover {
    color: #00A093;}
body.ku a.sortOK:hover > span, body.ku #additionalbefore ul.appLinks > li > a:hover span, body.ku #divInterests .generalInfo a.NeedHelp:hover span, body.ku .RichTextItem .additional a:hover span, body.ku .recordDisplayElement div.FullRequest a.linkTo:hover span, body.ku .recordDisplayElement div.FullUrl a.linkTo:hover span, body.ku .otherSources .externalLink a:hover span, body.ku .divVlink .linkVlink a:hover span, body.ku #sOptions .advancedLink a:hover span, body.ku .SearchBox #sBoxOptions .advancedLink a:hover span, body.ku .itemFull .reserveItem a:hover span, body.ku .itemCover .reserveItem a:hover span, body.ku .itemText .reserveItem a:hover span, body.ku .relAuthors .relAuthor a:hover span, body.ku .EditBorrowerData .helpLink a:hover span, body.ku #itemDetailsLink a:hover, body.ku .showItemDetails a:hover, body.ku .LinkRequest .linkEntry .buttons a:hover span, body.ku .searchFormSimple .switchSearchSimple a:hover span, body.ku #divSearchScreen .switchSearchAdvanced a:hover span, body.ku .viewInfo a:hover, body.ku #optionsExpanded div.option a:hover, body.ku .SearchResults .leftDiv .switchSearchSimpleEmbedded a:hover, body.ku .zeroHits .linkVlink a:hover, body.ku .zeroHits .searchAll a:hover, body.ku .zeroHits .altTerm a:hover, body.ku #divListOptions a:hover, body.ku #divLists a:hover, body.ku #divSearchScreen .more a:hover, body.ku #divSearchResultsCMS .shortRecord a:hover, body.ku #divInterests .add a:hover, body.ku #divReviews .addReviewLink a:hover, body.ku #divReviews .editReviewLink a:hover, body.ku #divReviews .deleteReviewLink a:hover, body.ku #vote a:hover, body.ku #moreInfo a:hover, body.ku #divBrowseOptions .option a:hover, body.ku #divListOptions .option a:hover, body.ku #divRecordOptions .option a:hover, body.ku .UserActivities .navigation a:hover, body.ku .modifyData a:hover, body.ku .newRequest a:hover, body.ku .cancelSelected a:hover, body.ku .cancelAll a:hover, body.ku .renewSelected a:hover, body.ku .renewAll a:hover, body.ku .deleteSelected a:hover, body.ku .selectPublic a:hover, body.ku .selectAll a:hover, body.ku .UserActivities .navigation a:hover, body.ku #divResultsOptions ul a:hover, body.ku #divResultsOptions .option a:hover, body.ku .feedItemInner a:hover, body.ku .calendarLinkDiv div a:hover, body.ku div.appcontent div.singleEvent a:hover, body.ku .dijitDialog a:hover {
    color: #00A093 !important;}
body.ku ul.mainnavigation > li:hover > a, body.ku ul.mainnavigation > li:active > a, body.ku ul.mainnavigation > li:hover > a > span, body.ku ul.mainnavigation > li:active > a > span {
    color: #FFFFFF;}
body.ku ul.mainnavigation > li:hover, body.ku ul.mainnavigation > li:active {
    background-color: #00A093;}
body.ku #additionalContainer, .dijitDialog,
body.ku .recordDisplayElement .image img, body.ku .listItem .image img, body.ku #divRelatedWorks .image img {
    border-color: #00A093;}


body.ku .dijitLeaf,
body.ku #divLists .dijitButtonNode div, body.ku .dialogButtons button.dijitButtonNode div,
body.ku a.sortOK, body.ku #additionalbefore ul.appLinks > li > a, body.ku #divInterests .generalInfo a.NeedHelp, body.ku .RichTextItem .additional a, body.ku .recordDisplayElement div.FullRequest a.linkTo, body.ku .recordDisplayElement div.FullUrl a.linkTo, body.ku .otherSources .externalLink a, body.ku .divVlink .linkVlink a, body.ku #sOptions .advancedLink a, body.ku .SearchBox #sBoxOptions .advancedLink a, body.ku .itemFull .reserveItem a, body.ku .itemCover .reserveItem a, body.ku .itemText .reserveItem a, body.ku .relAuthors .relAuthor a, body.ku .EditBorrowerData .helpLink a, body.ku #itemDetailsLink a, body.ku .showItemDetails a, body.ku .LinkRequest .linkEntry .buttons a, body.ku .viewInfo a, body.ku #optionsExpanded div.option a, body.ku .SearchResults .leftDiv .switchSearchSimpleEmbedded a, body.ku .searchFormSimple .switchSearchSimple a, body.ku .zeroHits .linkVlink a, body.ku .zeroHits .searchAll a, body.ku .zeroHits .altTerm a, body.ku #divListOptions a, body.ku #divLists a, body.ku #divSearchScreen .more a, body.ku #divSearchScreen .switchSearchAdvanced a, body.ku #divSearchResultsCMS .shortRecord a, body.ku #divInterests .add a, body.ku #divReviews .addReviewLink a, body.ku #divReviews .editReviewLink a, body.ku #divReviews .deleteReviewLink a, body.ku #vote a, body.ku #moreInfo a, body.ku #divBrowseOptions .option a, body.ku #divListOptions .option a, body.ku #divRecordOptions .option a, body.ku .UserActivities .navigation a, body.ku .modifyData a, body.ku .newRequest a, body.ku .cancelSelected a, body.ku .cancelAll a, body.ku .renewSelected a, body.ku .renewAll a, body.ku .deleteSelected a, body.ku .selectPublic a, body.ku .selectAll a, body.ku .UserActivities .navigation a, body.ku #divResultsOptions ul a, body.ku #divResultsOptions .option a, body.ku .feedItemInner, body.ku .calendarLinkDiv div a, body.ku div.appcontent div.singleEvent, body.ku .appLink a, body.ku .dijitDialog .guestRegister a, body.ku .dijitDialog .forgotPassword a,
body.ku #divSearchScreen button.dijitButtonNode div, body.ku .searchFormSimple button.dijitButtonNode div,
body.ku #pendingLinkRequest a,
body.ku .RichTextItem .StyleLinkArrow,.RichTextItem .StyleButtonArrow,
body.ku .RichTextItem .StyleListArrow ul li,
body.ku #map_canvas .mapPopup .directions,
body.ku ul.mainnavigation > li > a > span {
    background-image: url("images/ArrowRight_ku.gif") !important;}

body.ku ul.mainnavigation > li.hasmenu > a > span {
	background-image: url("images/ArrowDown_ku.gif");}

body.ku .LinkRequest .name,#divRestrictions .restriction, body.ku #divSearchAssociations .association, body.ku #UserDataSummaryDiv tr td.label, body.ku #LinkedAccountsDiv .name,
body.ku #divSearchRecord .displayTable tr td:first-child, body.ku #divItemDetails tbody tr td:first-child, body.ku #divLists .listItem td:first-child > a,
body.ku .RichTextItem .StyleLinkDot, body.ku .RichTextItem .StyleButtonDot,
body.ku .RichTextItem .StyleListDot ul li,
body.ku ul.mainnavigation ul ul > li > a.link > span {
	background-image: url("images/Dot_ku.gif");}

body.ku .application.snelmenu ul li > a {
    background-image: url("images/Pijltje_ku.png");}

body#body.ku .link2.button, body#body.ku .buttonLink span, body#body.ku .dijitButton > button > div, body#body.ku .RichTextItem .StyleButton, body#body.ku .topInfo a, body#body.ku .topInfo a * {
    background-image: url("images/Button_deBibliotheek_ku.png") !important;}
body#body.ku .link2.button > span, body#body.ku .buttonLink span a, body#body.ku .dijitButton > button > div > center, body#body.ku .RichTextItem .StyleButton > span, body#body.ku .topInfo a > span {
    background-image: url("images/Button_deBibliotheek_ku.png") !important;}

body.ku .dijitTitlePane .dijitOpen,

body.ku .GenericRSSReader .feedItemInner > span,
body.ku .interests ul.overview .remove > a,
body.ku .dijitOpen > .dijitArrowNode > .dijitArrowNodeInner, body.ku .dijitOpen:hover > .dijitArrowNode > .dijitArrowNodeInner,
body.ku .dijitClosed .dijitArrowNode .dijitArrowNodeInner, body.ku .dijitClosed:hover .dijitArrowNode .dijitArrowNodeInner
body.ku .dijitFolderOpened, body.ku .dijitFolderClosed,
body.ku .dijitTitlePane .dijitEditNode, body.ku .dijitTitlePane .dijitEditNode:hover,
body.ku .dijitTitlePane .dijitClosed, body.ku .dijitTitlePane .dijitOpen
body.ku .dijitTitlePane .dijitCloseNode, body.ku .dijitTitlePane .dijitCloseNode:hover,
body.ku .dijitDialogCloseIcon,
body.ku #LinkedAccountsDiv .remove a, body.ku #LinkedAccountsDiv .remove a:hover,
body.ku #collapseExpandLA.collapsed, body.ku #collapseExpandPD.collapsed,
body.ku #collapseExpandLA.expanded, body.ku #collapseExpandPD.expanded,
body.ku #collapseExpandLA.collapsed:hover, body.ku #collapseExpandPD.collapsed:hover,
body.ku #collapseExpandLA.expanded:hover, body.ku #collapseExpandPD.expanded:hover {
    background-image: url("images/Icons_ku.png");}

body.ku .ResultsWiki {
	visibility: hidden;
}