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

#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;
}

.HeaderBasicInner div.row1 {
    margin-top: 0;
}

#header .headermenu .customnavigation.HeaderBasic {
    float:right;
}
#header .headermenu .browseAloudDiv {
    background: url("../base/images/custom/Devider.gif") no-repeat scroll left center transparent;
    float:right;
    line-height:25px;
    padding-left: 5px;
}


input {
  background-color: #ffffff;
color: #f47921;
  border-radius: 5px;
  padding: 10px;
  font-size: 1em;
  border: 1px solid #f47921;
  margin-top:15px;
}

input:hover {
  background-color: #f47921;
color: #fff;
text-decoration:underline;
  -webkit-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
}

h3, h4, h5, h6 {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.5em;
    margin-top: 0;
    margin-bottom: 0;
}

h4 {
    color: #f47921;
}

body.normal {
    font-size: 16px;
}

#divReviews div.reviewContents, #divReviews div.editReviewLink, #divReviews div.deleteReviewLink {
    padding: 20px;
}

.bigorange a {
    color: #FF7320 !important;
    font-weight: bold;}
ul.mainnavigation > li > a > span {
    color: #505450;
    font-weight: bold;}
ul.mainnavigation > li > ul {
	width:250px;}
ul.mainnavigation > li > ul > li {
    width: 100%;}

.RichTextItem img, .StyleImage, .imageDiv .image, .oneRow .image img, #cover img {
    border: none;
	box-shadow:none;
	margin:0;}

.widgetborder .application,
.widgetborder.application {
    min-height: 54px;
	position:relative;}

@media print { /* EG, Pos:rel, gave troubles while printing*/
    body.printEnabled.widgetborder .application, 
    body.printEnabled .widgetborder.application {
        position: static !important;
    }
}
.widgetborder .application .dijitTitlePaneTitle,
.widgetborder.application .dijitTitlePaneTitle {
	border-top:none;
	margin-bottom: 0px;}

.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 7px 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;}

.RichTextItem .StyleListDot a { color: #f47921;}
.RichTextItem .StyleListDot a:hover { color: #f47921;text-decoration: underline;}

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

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

.application.lightgray{
	background-color:#d0d0d0;}

.application.offblack p,
.application.mediumgray p,
.application.lightgray p,
.application.orange p {
    text-align:center;}
.application.offblack p *,
.application.mediumgray p *,
.application.lightgray p *,
.application.orange p * {
    color: white;}
.application.lightgray p * {
    color:#ff7320;}
.application.big p * {
    font-size: 1.75em;
  line-height: 1.3em;
    font-weight: bold;}
.application.big a {
    display:block;}
.application.big a:hover {
    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: 0px;}
#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;}


.searchsubmit,
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;}
.searchsubmit > input,
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;
	margin-left: 12px !important;
	padding-right: 50px !important;
margin-top: 0px;}
/* 20210205-eh Changes for line-height above */
.searchsubmit > input,
body#body .link2.button > span, 
body#body .buttonLink span a, 
body#body .RichTextItem .StyleButton > span, 
body#body .topInfo a > span {
	line-height: 10px !important;
}

.searchsubmit:hover,
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;}
.searchsubmit:hover > input,
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;}


.searchsubmit {
    padding: 0 !important;
}
.searchsubmit > input {
    border: medium none;
    color: #FFFFFF;
}

/*Mobile Menu*/
body.mobiledevice #header > P > a {
    padding-left: 10px;}
body.mobiledevice ul.snelmenu {
	height: auto !important;
	list-style: none;}
body.mobiledevice ul.snelmenu > li{
    display: block;
    float: left;
    margin: 0;
    min-width: 200px;
    overflow: auto;}
body.mobiledevice ul.snelmenu > li a {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 2px 2px 3px -2px, 0 -5px 15px -10px inset, 0 5px 15px -10px #FFFFFF inset;
    color: #333333;
    display: block;
    font-weight: bold;
    margin: 0 5px 10px;
    padding: 10px;}
body.mobiledevice ul.snelmenu > li:hover a, body.mobiledevice ul.snelmenu > li:focus a {
    box-shadow: 0 0 3px -2px, 0 -5px 15px -10px inset, 0 5px 15px -10px #FFFFFF inset;
    margin: 1px 5px 9px !important;
    text-decoration: none;}


.workshoplist h3, .workshoplist h4 {
    margin-top: 10px;
}
.workshoplist h4 {
    font-weight: normal;
    text-decoration: underline;
}

#shelfMarks .displayTable tr.available td.availStatus {
    color: #009773;
}


.hideonnormalcontrast {
    display:none !important;
}
body.hideheaderlogin #header .bigorange {
    display:none;
}


html.dj_ie body .hideonnormal{
    display:none !important;
}

@media screen and (min-width:750px){ /* normal */
    body:not(.moderator) .hideonnormal {
        display:none !important;
    }
}
@media screen and (max-width:750px) and (min-width:500px){ /* medium */
    body:not(.moderator) .hideonmedium {
        display:none !important;
    }
}
@media screen and (max-width:500px){  /* narrow */
    body:not(.moderator) .hideonnarrow {
        display:none !important;
    }
}


@media screen and (max-width:560px) { /* headerImage */
    #header .headerimage {
        margin-top:30px;
        margin-bottom: 30px;
    }
}

#dojoUnique5_vsmart_searchAll > div {
    display: none !important;
}

/*Incident  9958349  - Bladeroptie verwijderen bij Nieuwsberichten */
.navigation.verwijderblader > span {
    display: none;
}

.pager {
    display: none !important;
}

/* EG:20190709;#10298917 */
.widgetborder .application,
.widgetborder.application {
    border: 2px solid #aaa;
    border-radius: 10px;
    margin: 5px;
    box-shadow: 1px 2px 3px rgba(0,0,0,0.2); } .widgetborder .application .spare, .widgetborder.application .spare {
    display: none;
}


/* EG:20190920;#13612556; River ui buttons */
#body .River .ui {
    top: 15px;
    right: 5px;
}
#body .River .ui .play, 
#body .River .ui .pause, 
#body .River .ui .left, 
#body .River .ui .right {
    background-color: transparent;
    border-left: 3px solid transparent;
	padding: 0;
}
.River .ui > div > a {
    padding: 0.25em 0.5em;
    display: inline-block;
    border: 1px solid rgba(255,255,255,0.25);
    background-color: rgba(255,255,255,0.125);
}
.River .ui > div > a:focus, 
.River .ui > div > a:hover {
    border-color: rgba(255,255,255,0.975);
    background-color: rgba(255,255,255,0.5);
}
.FeaturedItems .openClose {
	display: none;
}
.BNLrecordLinkButton{
	width: auto;
	padding: 0 5px;
}