html {
overflow-x: hidden;
float: left;
width: 100%;
font-size: 75%;
background-color: #efefef
}
html.theme {
background-position: left 132px
}
html.theme:before {
position: absolute;
top: 0;
left: 0;
z-index: -99;
display: block;
width: 100%;
height: 112px;
padding: 0 0 1.25em;
content: "";
background-color: inherit
}
html.theme.kids {
background-color: #c1e64f;
background-image: url(../images/bg_pattern_0-6.png)
}
html.theme.jeugd {
background-color: #00a093;
background-image: url(../images/bg_pattern_6-12.png);
background-position: -210px 132px
}
html.theme.jong {
background-color: #009ce0;
background-image: url(../images/bg_pattern_12.png);
background-position: -130px 132px
}
html.theme.jongeren {
background-image: url(../images/bg_pattern_15.png)
}
body {
margin: 0;
font-family: Arial, sans-serif;
font-size: 1.341705rem;
background: url(../images/html-bg-gradient.png) no-repeat 50% top transparent
}
#bibliotheek-nl-page {
width: 97%;
max-width: 1200px;
min-height: 50em;
margin: 0 auto;
padding: 0 4px
}
.biebwidget-double-column {
float: left;
min-width: 560px;
width: 68%
}
.biebwidget-double-column .biebwidget {
margin-right: 3%
}
.biebwidget-double-column.right .biebwidget {
margin-left: 3%;
margin-right: 0%
}
.biebwidget-column {
float: left;
min-width: 280px;
width: 32%
}
.biebwidget-double-column .biebwidget-column {
width: 50%
}
.biebwidget-double-column .biebwidget-column .biebwidget {
margin-right: 6%
}
.biebwidget-double-column.right .biebwidget-column .biebwidget {
margin-left: 6%;
margin-right: 0%
}
.biebwidget > h2 {
margin: 0
}
.standard.biebwidget, .bordered.biebwidget, .basic.biebwidget {
margin-bottom: 20px;
clear: both
}
.standard.biebwidget, .bordered.biebwidget {
background-color: #fff;
background-image: none;
-webkit-box-shadow: 0 1px 3px 0 #868686;
box-shadow: 0 1px 3px 0 #868686
}
.standard.biebwidget > .biebwidget-content {
padding: 30px 20px
}
.biebwidget-column .standard.biebwidget:not(.no_title) > .biebwidget-content {
padding-top: 0
}
@media only screen and (min-width: 0) and (max-width: 469px) {
.standard.biebwidget > .biebwidget-content {
padding: 20px 20px
}
}
.standard.biebwidget > h2 + .biebwidget-content {
/*padding-top:0*/
}
.standard.expandable.biebwidget > h2.label + .biebwidget-content {
padding-top: 40px
}
.standard.biebwidget > h2, .bordered.biebwidget > h2, .standard.biebwidget > .biebwidget-content:first-child > h2:first-child, .bordered.biebwidget > .biebwidget-content:first-child > h2:first-child {
padding: 10px 20px;
border-radius: 0
}
@media only screen and (min-width: 0) and (max-width: 469px) {
.standard.biebwidget > h2, .bordered.biebwidget > h2, .standard.biebwidget > .biebwidget-content:first-child > h2:first-child, .bordered.biebwidget > .biebwidget-content:first-child > h2:first-child {
padding: 10px 20px
}
}
.widget-columns .standard.biebwidget > .biebwidget-content {
padding: 20px 20px
}
.widget-columns .standard.biebwidget > h2 + .biebwidget-content {
padding-top: 0
}
.widget-columns .standard.biebwidget > h2, .widget-columns .bordered.biebwidget > h2, .widget-columns .standard.biebwidget > .biebwidget-content:first-child > h2:first-child, .widget-columns .bordered.biebwidget > .biebwidget-content:first-child > h2:first-child {
padding: 10px 20px
}
/*.standard.biebwidget>h2,.bordered.biebwidget>h2,.standard.biebwidget>.biebwidget-content:first-child>h2:first-child,.bordered.biebwidget>.biebwidget-content:first-child>h2:first-child{font-family:"TheMix",Arial,sans-serif;font-size:1.7249999999999999rem;font-weight:normal;color:#ff7320}*/
.standard.biebwidget > h2, .bordered.biebwidget > h2, .standard.biebwidget > .biebwidget-content:first-child > h2:first-child, .bordered.biebwidget > .biebwidget-content:first-child > h2:first-child {
font-family: "TheMix";
font-size: 1.5333rem;
font-weight: normal;
color: #ff7320
}
.standard.biebwidget > h2 {
/*display: none;*/
}
.biebwidget-column .standard.biebwidget > h2 {
display: block
}
.overflowing.biebwidget > .biebwidget-content {
overflow: visible
}
.biebwidget > p.endorsement {
margin: -5px 0 0 0;
padding: 0 20px 20px 20px;
font-size: 1.054205rem;
text-align: right;
color: #868686
}
.biebwidget > p.endorsement > a {
color: inherit
}
.biebwidget > p.endorsement > a:hover, .biebwidget > p.endorsement > a:focus {
color: #ff7320
}
.biebwidget-content {
overflow: hidden;
color: #505450
}
.biebwidget-content ol, .biebwidget-content ul, .biebwidget-content li, .biebwidget-content h1, .biebwidget-content h2, .biebwidget-content h3, .biebwidget-content h4, .biebwidget-content h5, .biebwidget-content h6, .biebwidget-content p {
margin: 0;
padding: 0;
list-style: none
}
.biebwidget-content h2, .biebwidget-content h3, .biebwidget-content h4, .biebwidget-content h5, .biebwidget-content h6 {
font-size: 1.495rem;
font-weight: normal
}
.biebwidget-content h3, .biebwidget-content h4, .biebwidget-content h5, .biebwidget-content h6 {
font-family: "TheMix", Arial, sans-serif
}
.biebwidget-content h3 {
line-height: 1.3;
color: #505450
}
.biebwidget-content li, .biebwidget-content p {
line-height: 1.3
}
.biebwidget-content .intro + .maintext, .biebwidget-content .maintext + p, .biebwidget-content .richtext + p, .biebwidget-content .richtext + .rich-items, .biebwidget-content .pagenav + p, .biebwidget-content p.separate, .biebwidget-content p + p, .biebwidget-content ul + p, .biebwidget-content ol + p, .biebwidget-content p + .rich-items, .biebwidget-content p + .itemnav, .biebwidget-content p + .tagcloud {
margin-top: 20px
}
.biebwidget-content .sectioned .section {
margin-top: 20px
}
.biebwidget-content h2 + .maintext, .biebwidget-content .maintext:first-child {
margin-top: -2px
}
.biebwidget-content .maintext h1, .biebwidget-content .maintext h2, .biebwidget-content .maintext h3, .biebwidget-content .maintext h4, .biebwidget-content .maintext h5, .biebwidget-content .maintext h6 {
line-height: 1.3
}
.biebwidget-content .main-column h2 + .maintext > h3:first-child {
margin-top: -4px;
margin-bottom: 4px
}
.biebwidget-content .richtext ul, .biebwidget-content .richtext ol, .biebwidget-content .richtext object, .biebwidget-content .richtext object > p, .biebwidget-content .richtext div.video {
margin-bottom: 12px
}
.biebwidget-content .richtext li ul, .biebwidget-content .richtext li ol {
margin-bottom: 0
}
.biebwidget-content .richtext ul, .biebwidget-content .richtext ol {
overflow: hidden
}
.biebwidget-content .richtext p + ul, .biebwidget-content .richtext p + ol, .biebwidget-content .richtext p + img, .biebwidget-content .richtext p + img + p, .biebwidget-content .richtext p + img + ul, .biebwidget-content .richtext p + img + ol, .biebwidget-content .richtext p + iframe.schooltv, .biebwidget-content .richtext p + object, .biebwidget-content .richtext p + object > p, .biebwidget-content .richtext p + div.video, .biebwidget-content .richtext p + h3, .biebwidget-content .richtext p + h4, .biebwidget-content .richtext p + h5, .biebwidget-content .richtext p + h6, .biebwidget-content .richtext p + dl.meta, .biebwidget-content .richtext .intro + dl.meta, .biebwidget-content .richtext iframe.schooltv + dl.meta, .biebwidget-content .richtext object + dl.meta, .biebwidget-content .richtext div.video + dl.meta, .biebwidget-content .richtext dl.meta + p, .biebwidget-content dl.meta + h3, .biebwidget-content dl.meta + h4, .biebwidget-content dl.meta + h5, .biebwidget-content dl.meta + h6, .biebwidget-content .richtext .maintext + h3, .biebwidget-content .richtext .maintext + h4, .biebwidget-content .richtext .maintext + h5, .biebwidget-content .richtext .maintext + h6, .biebwidget-content .richtext h4 + iframe.schooltv, .biebwidget-content .richtext h5 + iframe.schooltv, .biebwidget-content .richtext h4 + object, .biebwidget-content .richtext h5 + object, .biebwidget-content .richtext h4 + div.video, .biebwidget-content .richtext h5 + div.video {
margin-top: 20px
}
.biebwidget-content .richtext h3 + h4, .biebwidget-content .richtext h4 + h5 {
margin-top: 5px
}
.biebwidget-content .sectioned .title.section + .section > h4:first-child {
margin-top: -15px
}
.biebwidget-content .richtext li {
margin: 0 0 0 30px;
padding: 0;
list-style: disc outside
}
.biebwidget-content .richtext ol {
margin-left: 5px
}
.biebwidget-content .richtext ol > li, .biebwidget-content ol.richtext > li {
list-style: decimal outside
}
.biebwidget-content a, .biebwidget-content button.link {
color: #505450;
text-decoration: underline
}
.biebwidget-content a.button, .biebwidget-content .tabs a, .biebwidget-content .link-list a, .biebwidget-content .filter-block a, .biebwidget-content .delete-list a, .biebwidget-content .pagenav a, .biebwidget-content .metanav a, .biebwidget-content .metanav button {
text-decoration: none
}
.biebwidget-content a img {
border: 0
}
.biebwidget-content a:hover, .biebwidget-content * a:hover, .biebwidget-content a:focus, .biebwidget-content * a:focus, .biebwidget-content button.link:hover, .biebwidget-content button.link:focus {
text-decoration: underline;
color: #ff7320
}
.biebwidget-content .intro {
font-size: 1.677045rem
}
.biebwidget-content .intro + .rich-items {
background-image: url(../images/bg-dotted.png);
background-repeat: repeat-x;
background-position: left top
}
.biebwidget-content ol > li > a:only-child, .biebwidget-content ul > li > a:only-child {
display: block
}
.biebwidget-content .closing + .filter-block button, .biebwidget-content .opening + .filter-block button {
visibility: hidden
}
.biebwidget-content .main-column-wrapper {
padding-bottom: 40px
}
.biebwidget-content .main-column-wrapper.nav {
float: left;
width: 100%
}
.biebwidget-content.detail .main-column-wrapper:not(.nav) h2, .biebwidget-content.detail .main-column-wrapper:not(.nav) h2 ~ p, .biebwidget-content.detail .main-column-wrapper:not(.nav) .form-row, .biebwidget-content.detail .main-column-wrapper:not(.nav) .intro p, .biebwidget-content.detail .main-column-wrapper:not(.nav) .richtext p:not(.viz), .biebwidget-content.detail .main-column-wrapper:not(.nav) .richtext ul, .biebwidget-content.detail .main-column-wrapper:not(.nav) .richtext ol, .biebwidget-content.detail .main-column-wrapper:not(.nav) .richtext > h3, .biebwidget-content.detail .main-column-wrapper:not(.nav) .richtext :not(li) > h3, .biebwidget-content.detail .main-column-wrapper:not(.nav) .richtext > h4, .biebwidget-content.detail .main-column-wrapper:not(.nav) .richtext :not(li) > h4, .biebwidget-content.detail .main-column-wrapper:not(.nav) .richtext h5, .biebwidget-content.detail .main-column-wrapper:not(.nav) .richtext h6, .biebwidget-content.detail .main-column-wrapper:not(.nav) .richtext dl.meta, .biebwidget-content.detail .main-column-wrapper:not(.nav) .richtext object, .biebwidget-content.detail .main-column-wrapper:not(.nav) .richtext div.video, .biebwidget-content.detail .main-column-wrapper:not(.nav) .richtext iframe.schooltv, .biebwidget-content.detail .main-column-wrapper:not(.nav) .richtext .highlight > .content {
max-width: 765px;
margin-right: auto;
margin-left: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.biebwidget-content.detail .main-column-wrapper:not(.nav) .richtext span.image {
display: block;
max-width: 765px;
margin-right: auto;
margin-left: auto
}
.errorpage.biebwidget .biebwidget-content .main-column-wrapper {
padding-bottom: 0
}
.biebwidget-content .main-column-wrapper.nav .main-column {
margin: 0 0 0 255px
}
.biebwidget-content .nav-column {
float: left;
width: 255px;
margin-left: -100%;
padding-right: 40px;
font-size: 1.15rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.biebwidget-content .nav-column .rich-items h3 {
margin-top: 0
}
.biebwidget-content .main-column h2 {
margin-top: -8px;
margin-bottom: 7px;
font-family: "TheMix", Arial, sans-serif;
font-size: 2.677045rem;
text-indent: -2px;
word-wrap: break-word;
color: #ff7320
}
.biebwidget-content .main-column h2.long {
font-size: 2.677045rem
}
.biebwidget-content .nav-column h2 {
overflow: hidden;
margin-bottom: 1px;
padding-bottom: 10px;
font-family: "TheMix", Arial, sans-serif;
font-size: 1.677045rem;
text-overflow: ellipsis
}
.biebwidget-content .nav-column > p:first-child {
margin-top: 32px
}
.biebwidget-content .nav-column > p.additional:first-child {
margin-top: 33px
}
.biebwidget-content .nav-column * + h2 {
margin-top: 40px
}
.biebwidget-content .nav-column *:first-child + h2 {
margin-top: 28px
}
.biebwidget-content .main-column h3 {
font-weight: normal;
font-size: 2.0125rem
}
.biebwidget-content .rich-items h4 {
line-height: 1.3
}
.biebwidget-content .main-column .rich-items h3, .biebwidget-content .main-column h4 {
font-size: 1.677045rem
}
.biebwidget-content .grid-items h3, .biebwidget-content .grid-items h4 {
font-size: 1.341705rem
}
.biebwidget-content .main-column h5 {
font-size: 1.245795rem;
font-style: italic;
color: #101310
}
.biebwidget-content .main-column .rich-items .content.calendar h3 {
margin-right: 130px
}
.biebwidget-content .main-column .content.more h3 .button, .biebwidget-content .main-column .content.more h4 .button {
font-family: Arial, sans-serif;
font-size: 1.341705rem
}
.biebwidget-content .nav-column h3 {
margin-top: 11px;
font-size: 1.341705rem
}
.biebwidget-content .nav-column h3:first-child {
margin-top: 0
}
.biebwidget-content .nav-column li {
margin: 6px 0
}
.biebwidget-content .nav-column img {
max-width: 220px
}
.biebwidget-content .nav-column p {
margin-bottom: 15px
}
.biebwidget-content .link-list {
margin-top: 5px
}
.biebwidget-content .link-list > li {
margin: 6px 0;
padding-left: 10px;
text-indent: -10px;
word-wrap: break-word
}
.biebwidget-content .filter-block > .link-list:last-of-type > li:first-of-type {
margin: 0
}
.biebwidget-content .link-list > li > a {
padding-left: 10px;
background: url(../images/link-item.png) no-repeat left 5px
}
.biebwidget-content .link-list > li > a:only-child {
display: inline
}
.biebwidget-content .link-list > li > a:hover {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAHBAMAAADZviHeAAAAJFBMVEX/cyD/cyD/cyD/cyD/cyD/cyD/cyD/cyD/cyD/cyAAAAD/cyAFy1A7AAAAC3RSTlPdqu6Zd8wzZhGIAHAF7R8AAAAkSURBVAgdYyyUVGDSOsfAxBF1gYn9pQ3TL4UjDNFsq1gs9RkAZrQHX2cqXGcAAAAASUVORK5CYII=")
}
.biebwidget-content .nav-column .link-list, .biebwidget-content .filter-block {
position: relative;
padding-bottom: 10px;
background-image: url(../images/bg-dotted.png);
background-repeat: repeat-x;
background-position: left bottom
}
.biebwidget-content .filter-block {
padding-bottom: 2.833em
}
.biebwidget-content .filter-block button {
position: absolute;
bottom: 0.833em
}
.biebwidget-content .filter-block .link-list {
padding: 0;
background-image: none
}
.biebwidget-content .nav-column .link-list:last-child {
background-image: none
}
.biebwidget-content .richtext .link-list > li {
list-style: none
}
.biebwidget-content ul.subnav a {
display: block;
padding-bottom: 2px;
text-decoration: none;
color: #505450
}
.biebwidget-content ul.subnav a:focus, .biebwidget-content ul.subnav a:hover {
color: #ff7320
}
.biebwidget-content ul.subnav > li {
margin: 3px 0 2px 0;
font-size: 1.15rem
}
.biebwidget-content ul.subnav > li.current > a {
color: #ff7320
}
.biebwidget-content ul.subnav ul {
margin-top: 2px;
padding-top: 2px;
padding-bottom: 1px
}
.biebwidget-content ul.subnav ul a:focus, .biebwidget-content ul.subnav ul a:hover {
color: #ff7320
}
.biebwidget-content ul.subnav ul > li {
margin: 2px 0 2px 0;
font-size: 1.054205rem
}
.biebwidget-content ul.subnav ul > li.current > a {
color: #fff
}
.biebwidget-content ul.subnav a {
padding-left: 10px
}
.biebwidget-content ul.subnav > li {
padding-bottom: 2px
}
.biebwidget-content ul.subnav > li.current {
padding-bottom: 0
}
.biebwidget-content ul.subnav > li:not(:last-child):not(.current) {
background-image: url(../images/bg-dotted.png);
background-repeat: repeat-x;
background-position: left bottom
}
.biebwidget-content ul.subnav > li.current > a {
background: url(../images/link-item-hover.png) no-repeat left 5px
}
.biebwidget-content ul.subnav ul {
border-top: 1px solid #868686;
border-bottom: 1px solid #868686;
padding-left: 10px
}
.biebwidget-content ul.subnav ul > li.current > a {
background: url(../images/link-item-hover.png) no-repeat left 5px
}
.biebwidget-content ul.subnav ul > li.current > a {
padding-top: 3px;
border-radius: 4px;
background-color: #ff7320;
background-image: none;
-webkit-box-shadow: 0 5px 4px -2px rgba(255, 255, 255, 0.2) inset, 0 8px 11px -6px rgba(255, 255, 255, 0.35) inset;
box-shadow: 0 5px 4px -2px rgba(255, 255, 255, 0.2) inset, 0 8px 11px -6px rgba(255, 255, 255, 0.35) inset
}
.biebwidget-content .delete-list {
margin-bottom: 30px
}
.biebwidget-content .delete-list > li {
margin: 6px 0 0 0
}
.biebwidget-content .delete-list > li > a {
padding-left: 20px;
background: url(../images/icons/icon-delete.png) no-repeat left center
}
.biebwidget-content .filters.nav-column .delete-list a:hover, .biebwidget-content .filters.nav-column .delete-list a:focus {
color: red;
text-decoration: line-through
}
.biebwidget-content .hidden {
display: none
}
.biebwidget-content dl.meta {
margin: 0;
padding: 0
}
.biebwidget-content dl.meta:after {
content: "";
display: block;
clear: both
}
.biebwidget-content dl.meta dt, .biebwidget-content dl.meta dd {
float: left;
display: block
}
.biebwidget-content dl.meta dt {
width: 26%;
clear: left;
overflow: hidden;
padding-right: 10px;
padding-left: 10px;
text-indent: -10px;
text-overflow: ellipsis;
color: #868686;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.biebwidget-content dl.meta dd {
min-width: 15em;
max-width: 74%
}
.biebwidget-content dl.meta dd audio {
width: 450px;
max-width: 100%;
margin: 0
}
.biebwidget-content dl.meta dd + dd {
clear: left;
margin-left: 26%
}
.biebwidget-content dl.meta dt, .biebwidget-content dl.meta dd {
margin: 6px 0
}
.biebwidget-content dl.dense dt, .biebwidget-content dl.dense dd {
margin: 2px 0
}
.biebwidget-content dl.dense dd + dd {
margin: 0 0 4px 26%
}
.biebwidget-content .main-column-wrapper.nav dl.meta dt {
width: 34%
}
.biebwidget-content .main-column-wrapper.nav dl.meta dd {
max-width: 64%
}
.biebwidget-content .main-column-wrapper.nav dl.meta dd + dd, .biebwidget-content .main-column-wrapper.nav dl.meta.dense dd + dd {
margin-left: 34%
}
.biebwidget-content dl.narrow {
overflow: hidden;
margin: 0 0 10px 0;
padding: 0 0 3px 0;
border-bottom: 1px solid #d0d0d0
}
.biebwidget-content dl.narrow:last-child {
margin-bottom: 0;
border-bottom: 0
}
.biebwidget-content dl.narrow dt {
float: left;
clear: both;
width: 100%;
padding: 6px 9em 6px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url(../images/bg-dotted.png);
background-repeat: repeat-x;
background-position: left top
}
.biebwidget-content dl.narrow dt:first-child {
padding-top: 0;
background-image: none
}
.biebwidget-content dl.narrow dd {
float: right;
width: 8em;
margin-left: -8em;
padding-top: 6px;
text-align: right
}
.biebwidget-content dl.narrow dt:first-child + dd {
padding-top: 0
}
.biebwidget-content dl.narrow dd + dd {
clear: right;
padding-top: 3px;
padding-bottom: 6px
}
.biebwidget-content p.additional, .biebwidget-content span.additional, .biebwidget-content .richtext.additional {
font-size: 1.15rem;
font-weight: normal;
color: #868686
}
.biebwidget-content p.additional + p.additional {
margin-top: 0
}
.biebwidget-content p.additional + p.additional.separate {
margin-top: 20px
}
.biebwidget-content p.additional a:not(:hover):not(:focus), .biebwidget-content span.additional a:not(:hover):not(:focus) {
color: inherit
}
.biebwidget-content .teaser {
position: relative;
max-height: 6.5em;
overflow: hidden;
margin-bottom: 3em
}
.biebwidget-content .teaser::after {
position: absolute;
bottom: 0;
display: block;
content: "";
width: 100%;
height: 1.3em;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAXCAYAAADKmiUPAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn%2FAACA6QAAdTAAAOpgAAA6mAAAF2%2BSX8VGAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAPElEQVQI10XMOQqAUBAE0Wcnbl9F8P43lTEbk6KhmlJVgjnYgye4gzXYWozGEZy9fow%2B7x1YgktVvcH0AbGsCBQP71GMAAAAAElFTkSuQmCC") repeat-x bottom center;
background-size: 100% 100%
}
.biebwidget-content .teaser.expanded {
max-height: none;
margin-bottom: 0;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 0.5s;
-webkit-transition-property: max-height, margin-bottom;
-o-transition-delay: 0s;
-o-transition-duration: 0.5s;
-o-transition-property: max-height, margin-bottom;
transition-delay: 0s;
transition-duration: 0.5s;
transition-property: max-height, margin-bottom
}
.biebwidget-content .teaser.expanded::after {
bottom: -1.4em;
-webkit-transition-delay: 0.5s;
-webkit-transition-duration: 0.1s;
-webkit-transition-property: bottom;
-o-transition-delay: 0.5s;
-o-transition-duration: 0.1s;
-o-transition-property: bottom;
transition-delay: 0.5s;
transition-duration: 0.1s;
transition-property: bottom
}
.biebwidget-content .teaser + p.teasertoggler {
position: absolute;
margin-top: -3em
}
.biebwidget-content .medium, .biebwidget-content li.medium {
min-height: 16px;
padding-left: 22px;
background-position: 0 40%;
background-repeat: no-repeat;
display: inline-block
}
.biebwidget-content li.medium {
display: block
}
.biebwidget-content .medium.book {
background-image: url(../images/icons/book.png)
}
.biebwidget-content .medium.book.white {
background-image: url(../images/icons/book-white.png)
}
.biebwidget-content .medium.bigletterbook {
background-image: url(../images/icons/largeprintbook.png)
}
.biebwidget-content .medium.bigletterbook.white {
background-image: url(../images/icons/largeprintbook-white.png)
}
.biebwidget-content .medium.ebook {
background-image: url(../images/icons/ebook.png)
}
.biebwidget-content .medium.ebook.white {
background-image: url(../images/icons/ebook-white.png)
}
.biebwidget-content .medium.audiobook, .biebwidget-content .medium.spokenbook, .biebwidget-content .medium.daisyrom, .biebwidget-content .medium.daisyaudiostream {
background-image: url(../images/icons/audiobook.png)
}
.biebwidget-content .medium.audiobook.white, .biebwidget-content .medium.spokenbook.white, .biebwidget-content .medium.daisyrom.white, .biebwidget-content .medium.daisyaudiostream.white {
background-image: url(../images/icons/audiobook-white.png)
}
.biebwidget-content .medium.movie {
background-image: url(../images/icons/video.png)
}
.biebwidget-content .medium.movie.white {
background-image: url(../images/icons/video-white.png)
}
.biebwidget-content .medium.music, .biebwidget-content .medium.album {
background-image: url(../images/icons/album.png)
}
.biebwidget-content .medium.music.white, .biebwidget-content .medium.album.white {
background-image: url(../images/icons/album-white.png)
}
.biebwidget-content .medium.cdsingle {
background-image: url(../images/icons/track.png)
}
.biebwidget-content .medium.cdsingle.white {
background-image: url(../images/icons/track-white.png)
}
.biebwidget-content .medium.sheetmusic {
background-image: url(../images/icons/sheetmusic.png)
}
.biebwidget-content .medium.sheetmusic.white {
background-image: url(../images/icons/sheetmusic-white.png)
}
.biebwidget-content .medium.software {
background-image: url(../images/icons/software.png)
}
.biebwidget-content .medium.software.white {
background-image: url(../images/icons/software-white.png)
}
.biebwidget-content .medium.game {
background-image: url(../images/icons/game.png)
}
.biebwidget-content .medium.game.white {
background-image: url(../images/icons/game-white.png)
}
.biebwidget-content .medium.magazine {
background-image: url(../images/icons/magazine.png)
}
.biebwidget-content .medium.magazine.white {
background-image: url(../images/icons/magazine-white.png)
}
.biebwidget-content .medium.app {
background-image: url(../images/icons/appreview.png)
}
.biebwidget-content .medium.app.white {
background-image: url(../images/icons/appreview-white.png)
}
.biebwidget-content .medium.edumedia {
background-image: url(../images/icons/edumedia.png)
}
.biebwidget-content .medium.edumedia.white {
background-image: url(../images/icons/edumedia-white.png)
}
.biebwidget-content .medium.video {
background-image: url(../images/icons/video.png)
}
.biebwidget-content .medium.video.white {
background-image: url(../images/icons/video-white.png)
}
.biebwidget-content .medium.audio {
background-image: url(../images/icons/lecture.png)
}
.biebwidget-content .medium.audio.white {
background-image: url(../images/icons/lecture-white.png)
}
.biebwidget-content .medium.digitaalprentenboek {
background-image: url(../images/icons/picturebook.png)
}
.biebwidget-content .medium.digitaalprentenboek.white {
background-image: url(../images/icons/picturebook-white.png)
}
.biebwidget-content .medium.arrangements {
background-image: url(../images/icons/arrangement.png)
}
.biebwidget-content .medium.arrangements.white {
background-image: url(../images/icons/arrangement-white.png)
}
.biebwidget-content img.cover {
display: block;
margin-top: 3px;
-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2)
}
.biebwidget-content img.full.cover, .biebwidget-content .main-column .rich-items img.full.cover {
max-width: 310px;
max-height: 496px
}
.biebwidget-content img.small.cover, .biebwidget-content .main-column .rich-items img.small.cover {
max-width: 200px;
max-height: 320px
}
.biebwidget-content img.list-big.cover, .biebwidget-content .main-column .rich-items img.list-big.cover {
max-width: 120px;
max-height: 192px
}
.biebwidget-content .rich-items img.etalage, .biebwidget-content img.etalage.cover, .biebwidget-content .main-column .rich-items img.etalage.cover {
max-width: 80px;
max-height: 128px
}
.biebwidget-content img.extrasmall.cover, .biebwidget-content .main-column .rich-items img.extrasmall, .biebwidget-content .main-column .rich-items img.extrasmall.cover {
max-width: 60px;
max-height: 96px
}
.biebwidget-content img.list.cover, .biebwidget-content .main-column .rich-items img.list.cover {
max-width: 40px;
max-height: 64px
}
.biebwidget-content img[src$="images/placeholder.png"].cover {
width: 32px;
height: 32px;
border: 1px solid #efefef;
background-color: #fff
}
.biebwidget-content img[src$="images/placeholder.png"].full.cover {
padding: 93px
}
.biebwidget-content img[src$="images/placeholder.png"].small.cover {
padding: 83px
}
.biebwidget-content img[src$="images/placeholder.png"].list-big.cover {
padding: 43px
}
.biebwidget-content img[src$="images/placeholder.png"].etalage.cover {
padding: 23px
}
.biebwidget-content img[src$="images/placeholder.png"].bookshelf.cover {
padding: 16.5px
}
.biebwidget-content img[src$="images/placeholder.png"].extrasmall.cover {
padding: 13px
}
.biebwidget-content img[src$="images/placeholder.png"].list.cover {
padding: 3px
}
.biebwidget-content .coverplaceholder {
display: block;
position: relative;
padding: 0.5em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.biebwidget-content .coverplaceholder.full {
width: 310px;
height: 496px;
font-size: 3.45rem
}
.biebwidget-content .coverplaceholder.small {
width: 200px;
height: 320px;
font-size: 2.0125rem
}
.biebwidget-content .coverplaceholder.list-big {
width: 120px;
height: 192px;
font-size: 1.245795rem
}
.biebwidget-content .coverplaceholder.etalage {
width: 80px;
height: 128px;
font-size: 1.054205rem
}
.biebwidget-content .coverplaceholder.extrasmall {
width: 60px;
height: 96px;
font-size: 0.958295rem
}
.biebwidget-content .coverplaceholder.list {
width: 40px;
height: 64px;
font-size: 0.575rem;
letter-spacing: 1px;
line-height: 1.5
}
.biebwidget-content .coverplaceholder.music.full, .biebwidget-content .coverplaceholder.album.full, .biebwidget-content .coverplaceholder.cdsingle.full {
height: 310px
}
.biebwidget-content .coverplaceholder.music.small, .biebwidget-content .coverplaceholder.album.small, .biebwidget-content .coverplaceholder.cdsingle.small {
height: 200px
}
.biebwidget-content .coverplaceholder.music.list-big, .biebwidget-content .coverplaceholder.album.list-big, .biebwidget-content .coverplaceholder.cdsingle.list-big {
height: 120px
}
.biebwidget-content .coverplaceholder.music.etalage, .biebwidget-content .coverplaceholder.album.etalage, .biebwidget-content .coverplaceholder.cdsingle.etalage {
height: 80px
}
.biebwidget-content .coverplaceholder.music.extrasmall, .biebwidget-content .coverplaceholder.album.extrasmall, .biebwidget-content .coverplaceholder.cdsingle.extrasmall {
height: 60px
}
.biebwidget-content .coverplaceholder.music.list, .biebwidget-content .coverplaceholder.album.list, .biebwidget-content .coverplaceholder.cdsingle.list {
height: 40px
}
.biebwidget-content .coverplaceholder, .biebwidget-content .coverplaceholder.variant1 {
background-color: #8348ae
}
.biebwidget-content .coverplaceholder.variant2 {
background-color: #dc0032
}
.biebwidget-content .coverplaceholder.variant3 {
background-color: #005db9
}
.biebwidget-content .coverplaceholder.variant4 {
background-color: #96460b
}
.biebwidget-content .coverplaceholder.variant5 {
background-color: #b6be00
}
.biebwidget-content .coverplaceholder:before {
display: block;
position: absolute;
top: 50%;
left: 5%;
overflow: hidden;
max-height: 95%;
width: 90%;
content: attr(data-title);
font-weight: bold;
text-align: center;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
text-transform: uppercase;
text-overflow: ellipsis;
color: rgba(255, 255, 255, 0.8);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%)
}
.biebwidget-content .rich-items, .biebwidget-content .grid-items {
margin-bottom: 10px;
border-bottom: 1px solid #d0d0d0
}
.biebwidget-content div.rich-items {
overflow: hidden
}
.biebwidget-content div.rich-items.highlight {
border-bottom: 0
}
.biebwidget-content .rich-items:last-child, .biebwidget-content .grid-items:last-child {
margin-bottom: 0;
border-bottom: 0
}
.biebwidget-content .grid-items > li, .biebwidget-content .rich-items > li {
list-style: none
}
.biebwidget-content .rich-items > li {
clear: both;
overflow: hidden;
padding: 10px 0;
background-image: url(../images/bg-dotted.png);
background-repeat: repeat-x;
background-position: left top
}
.biebwidget-content .rich-items > li:first-child, .biebwidget-content .rich-items.interactive[data-component="bw.ui.paginator"] > li:nth-child(3n+1) {
padding-top: 0;
background-image: none
}
.biebwidget-content .rich-items > li.highlight div + h3, .biebwidget-content .rich-items > li.highlight div + h4, .biebwidget-content div.rich-items.highlight div + h3, .biebwidget-content div.rich-items.highlight div + h4 {
margin-top: 12px
}
.biebwidget-content .rich-items > li.highlight + li {
background-image: none;
border-top: 1px solid #d0d0d0
}
.biebwidget-content .rich-items img {
float: left;
max-width: 60px;
max-height: 96px;
margin: 4px 10px 5px 0
}
.biebwidget-content .rich-items:last-child > li:last-child img {
margin-bottom: 0
}
.biebwidget-content .rich-items img.offset {
float: right;
margin-right: 0;
margin-left: 10px
}
.biebwidget-content .rich-items .content {
float: left;
width: 100%;
padding-left: 70px;
line-height: 1.2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.biebwidget-content .rich-items .content dl.meta {
line-height: 1.31
}
.biebwidget-content .rich-items > .content {
padding-bottom: 10px
}
.biebwidget-content .rich-items:last-child > .content {
padding-bottom: 0
}
.biebwidget-content .rich-items .content.full {
padding-left: 330px
}
.biebwidget-content .rich-items .content.small {
padding-left: 220px
}
.biebwidget-content .main-column .rich-items .content.list-big, .biebwidget-content .rich-items .content.list-big {
padding-left: 140px
}
.biebwidget-content .main-column .rich-items .content.etalage, .biebwidget-content .rich-items .content.etalage {
padding-left: 100px
}
.biebwidget-content .main-column .rich-items .content.extrasmall {
padding-left: 80px
}
.biebwidget-content .rich-items .content.list {
padding-left: 60px
}
.biebwidget-content .rich-items .content.calendar {
/*padding-left:5em*/
}
.biebwidget-content .main-column .rich-items .content.empty, .biebwidget-content .rich-items .content.empty {
padding-left: 0
}
.biebwidget-content .rich-items .viz {
position: relative;
float: left;
margin-left: -100%
}
.biebwidget-content .rich-items .viz.calendar {
margin-top: 2px
}
.biebwidget-content .rich-items .viz a {
text-decoration: none
}
.biebwidget-content .rich-items .viz a:focus > img:only-child, .biebwidget-content .rich-items .viz a:focus > span.coverplaceholder {
box-shadow: 2px 2px #fff, 5px 5px 3px #ff7320
}
.biebwidget-content .rich-items .content.more {
position: relative;
padding-bottom: 2.5em
}
.biebwidget-content .main-column .rich-items .content.more {
padding-bottom: 3em
}
.biebwidget-content .rich-items .content.more h3 .button, .biebwidget-content .rich-items .content.more h4 .button {
position: absolute;
bottom: 0;
display: block;
margin-bottom: 0;
padding-bottom: 0;
font-weight: normal;
font-family: Arial, sans-serif;
font-size: 1.341705rem
}
.biebwidget-content .main-column .rich-items .content.more h3 .button, .biebwidget-content .main-column .rich-items .content.more h4 .button {
margin-bottom: 5px;
padding-bottom: 3px
}
.biebwidget-content .main-column .rich-items .content.more h3 .button.tertiary, .biebwidget-content .main-column .rich-items .content.more h4 .button.tertiary {
padding-bottom: 0
}
.biebwidget-content .rich-items .content .link-list > li {
float: left;
margin-right: 20px;
list-style: none
}
.biebwidget-content .rich-items .content .link-list > li.medium {
padding-left: 22px;
text-indent: 0
}
.biebwidget-content .main-column .rich-items, .biebwidget-content .grid-items {
clear: left;
margin-top: 13px;
margin-bottom: 20px
}
.biebwidget-content .main-column .rich-items:last-child {
margin-bottom: 0
}
.biebwidget-content .main-column .rich-items > li {
padding: 17px 0 12px 0
}
.biebwidget-content .main-column .rich-items > li:first-child {
padding-top: 0
}
.biebwidget-content .main-column .rich-items.actionable > li:first-child {
padding-top: 1px
}
.biebwidget-content .main-column .rich-items img {
max-width: 200px;
max-height: 320px;
margin: 4px 20px 10px 0
}
.biebwidget-content .main-column .rich-items.tiny img.cover, .biebwidget-content .main-column .rich-items.tiny img {
max-width: 60px;
max-height: 80px
}
.biebwidget-content .main-column .rich-items.tiny .coverplaceholder.extrasmall {
max-width: 50px;
max-height: 80px;
font-size: 0.8625rem
}
.biebwidget-content .main-column .rich-items.small img {
max-width: 120px;
max-height: 192px
}
.biebwidget-content .main-column .rich-items .viz img {
margin-bottom: 5px
}
.biebwidget-content .main-column .rich-items .content {
padding-left: 220px
}
.biebwidget-content .main-column .rich-items .content.calendar {
padding-left: 5em
}
.biebwidget-content .main-column .rich-items .content img.offset {
float: right;
margin-top: -1.083em;
margin-right: 0;
margin-left: 10px
}
.biebwidget-content .main-column .rich-items .content .additional img.offset {
margin-top: -1.1818em
}
.biebwidget-content .main-column .rich-items .content.more img.offset {
max-width: 120px;
max-height: 90px;
margin-bottom: 0
}
.biebwidget-content .main-column .small.rich-items, .biebwidget-content .main-column .tiny.rich-items {
overflow: hidden;
border-bottom: 0
}
.biebwidget-content .main-column .small.rich-items > li, .biebwidget-content .main-column .tiny.rich-items > li {
float: left;
clear: none;
width: 48%;
margin-left: 4%;
padding: 10px 0;
background-image: none
}
.biebwidget-content .main-column .tiny.rich-items > li {
width: 32%;
margin-left: 2%
}
.biebwidget-content .main-column .small.rich-items > li:nth-of-type(2n+1), .biebwidget-content .main-column .tiny.rich-items > li:nth-of-type(3n+1) {
clear: left;
margin-left: 0
}
.biebwidget-content .main-column .rich-items.small .content:not(.calendar) {
padding-left: 140px
}
.biebwidget-content .main-column .tiny.rich-items .content:not(.calendar) {
padding-left: 70px
}
.biebwidget-column .biebwidget-content .main-column .small.rich-items:not(.sliding) > li {
width: 100%;
margin-left: 0;
background-image: url(../images/bg-dotted.png);
background-repeat: repeat-x;
background-position: left top
}
.biebwidget-column .biebwidget-content .main-column .small.rich-items:not(.sliding) > li:first-child {
background-image: none
}
.biebwidget-column .biebwidget-content .main-column .small.rich-items:not(.sliding) > li:nth-of-type(2n+1) {
clear: none;
margin-left: 0
}
.biebwidget-column .biebwidget-content .main-column .tiny.rich-items > li {
width: 100%;
margin-left: 0;
background-image: url(../images/bg-dotted.png);
background-repeat: repeat-x;
background-position: left top
}
.biebwidget-column .biebwidget-content .main-column .tiny.rich-items > li:first-child {
background-image: none
}
.biebwidget-column .biebwidget-content .main-column .tiny.rich-items > li:nth-of-type(3n+1), .biebwidget-column .biebwidget-content .main-column .tiny.rich-items > li:nth-of-type(2n+1) {
clear: none;
margin-left: 0
}
.biebwidget-double-column .biebwidget-content .main-column .tiny.rich-items > li {
width: 48%;
margin-left: 4%
}
.biebwidget-double-column .biebwidget-content .main-column .tiny.rich-items > li:nth-of-type(3n+1) {
clear: none;
margin-left: 4%
}
.biebwidget-double-column .biebwidget-content .main-column .tiny.rich-items > li:nth-of-type(2n+1) {
clear: left;
margin-left: 0
}
.biebwidget-content .main-column .rich-items.actionable .content {
padding-right: 180px
}
.biebwidget-content .main-column .rich-items.actionable .actions {
float: right;
width: 160px;
margin-right: 2px;
margin-left: -162px;
text-align: right
}
.biebwidget-content .main-column .rich-items.actionable .actions > p:first-child .primary.button, .biebwidget-content .main-column .rich-items.actionable .actions > p:first-child .secondary.button, .biebwidget-content .main-column .rich-items.actionable .actions > p:first-child .quaternary.button {
margin-top: -1px
}
.biebwidget-content .main-column .rich-items.actionable .actions > p:first-child + p:last-child, .biebwidget-content .main-column .rich-items.actionable .actions > p:first-child + form:last-child {
margin-top: 40px
}
.biebwidget-content .main-column .imagelist > li {
float: left;
width: 49%;
margin: 0 0 20px 2%
}
.biebwidget-content .main-column .imagelist > li:nth-child(odd) {
clear: left;
margin-left: 0
}
.biebwidget-content .main-column .imagelist > li img {
display: block;
max-width: 100%
}
.biebwidget-content h3 + .accompanying {
margin-bottom: 5px
}
.biebwidget-content .main-column h2 + .accompanying {
margin-top: -6px;
margin-bottom: 10px
}
.biebwidget-content .main-column h2 + .accompanying + .accompanying, .biebwidget-content .main-column h3 + .accompanying + .accompanying {
margin-top: -10px;
margin-bottom: 10px
}
.biebwidget-content .main-column h3 + .accompanying {
margin-bottom: 10px
}
.biebwidget-content .grid-items {
overflow: hidden
}
.biebwidget-content .grid-items > li {
overflow: hidden;
float: left;
width: 200px;
height: 4.6em;
margin: 0 15px 20px 0;
padding: 0 0 140px 0
}
.biebwidget-content .grid-items.high > li {
width: 165px;
padding-bottom: 199px
}
.biebwidget-content .grid-items.narrow > li {
width: 100px
}
.biebwidget-content .grid-items > li > h3, .biebwidget-content .grid-items > li > h4 {
position: relative;
overflow: hidden;
height: 2.4em;
margin-bottom: 0.25em;
padding: 140px 0 0.1em 0;
line-height: 1.2;
text-align: center
}
.biebwidget-content .grid-items.high > li > h3, .biebwidget-content .grid-items.high > li > h4 {
padding-top: 199px
}
.biebwidget-content .grid-items .imgwrapper {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 133px
}
.biebwidget-content .grid-items.high .imgwrapper {
height: 192px
}
.biebwidget-content .grid-items .imgwrapper > img, .biebwidget-content .grid-items .imgwrapper > .coverplaceholder {
position: absolute;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
margin: 0 auto
}
.biebwidget-content .grid-items p.calendar {
position: absolute;
bottom: 0;
float: none;
width: 100%
}
.biebwidget-content .grid-items p.calendar span {
padding-right: 0
}
.biebwidget-content .grid-items p.calendar.period span.until.date-day {
background-position: 48% 0
}
.biebwidget-content .grid-items > li > p {
overflow: hidden;
max-height: 2.4em;
line-height: 1.2;
text-align: center
}
.biebwidget-content a.feed {
padding-left: 15px;
background-image: url(../images/feed-tiny.png);
background-position: left 63%;
background-repeat: no-repeat
}
.biebwidget-content p.totalresults, .biebwidget-content .main-column .tools {
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #d0d0d0
}
.biebwidget-content .main-column .tools {
float: left;
width: 100%;
margin-top: -9px
}
.biebwidget-content .main-column .tools > p.totalresults {
float: left;
margin-bottom: 0;
padding-top: 9px;
padding-bottom: 0;
border-bottom: 0
}
.biebwidget-content .main-column .tools .searchsorting {
float: right;
margin-left: 15px
}
.biebwidget-content .main-column .tools .searchsorting label {
vertical-align: bottom
}
.biebwidget-content .main-column .tools .searchsorting .button.primary, .biebwidget-content .main-column .tools .searchsorting .button.secondary {
margin-top: 3px;
margin-bottom: 0;
padding-top: 2px;
padding-bottom: 2px
}
.biebwidget-content .main-column h2 + .sectioned + .overview > .totalresults:first-child {
clear: both;
margin-top: 13px
}
.biebwidget-content .main-column h2 + .sectioned + .overview > .tools:first-child {
clear: both;
margin-top: 4px
}
.biebwidget-content .main-column .overview + .sectioned {
margin-top: 20px
}
.biebwidget-content .main-column .tools + .categorized, .biebwidget-content .main-column .tools + .mapcontainer {
clear: left
}
.biebwidget-content .main-column .categorized {
overflow: auto
}
.biebwidget-content .main-column .categorized h3 {
margin-bottom: 20px
}
.biebwidget-content p.calendar {
float: left;
line-height: 0.8
}
.biebwidget-content p.calendar span {
display: block;
margin-bottom: 4px;
padding-right: 20px;
font-weight: bold;
text-align: center
}
.biebwidget-content p.calendar span.date-weekday {
font-size: 20px
}
.biebwidget-content p.calendar span.date-day {
font-size: 28px
}
.biebwidget-content p.calendar span.date-month {
font-size: 20px
}
.biebwidget-content p.calendar.period span.date-day {
font-size: 20px;
text-indent: -1px
}
.biebwidget-content p.calendar.period span.date-month {
font-size: 15px
}
.biebwidget-content p.calendar.period span.until {
position: relative;
left: 10px
}
.biebwidget-content p.calendar.period span.until.date-day {
padding-top: 10px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAAIGNIUk0AAG2YAABzjgAA+swAAIT6AAB5gQAA/RMAADBtAAASKQ0eJk4AAAAJcEhZcwAACxMAAAsTAQCanBgAAABcSURBVCjPYwgICWAgAyvB2KRqDAXiVUD8H4hnEmsAyLZyIL4L1QjDIIOU8Gl0QbINhu9CDcPpBUEctu0G4jRsFiHbNhNN0zsg7kC2DZcB5cTahs8FHVAXKJEapQBcY5gn+xhLYQAAAABJRU5ErkJggg==") no-repeat 4px 0
}
.biebwidget-content .richtext p.calendar {
margin-bottom: 8px
}
.biebwidget-content .struct {
position: absolute;
left: -9999px
}
.biebwidget-content .richtext {
clear: both
}
.biebwidget-content .richtext .constructed h3, .biebwidget-content .richtext .constructed h4, .biebwidget-content .richtext .constructed h5 {
clear: left
}
.biebwidget-content .richtext .intro + .maintext > .section:first-child > h3:first-child, .biebwidget-content .richtext .intro + .maintext > .section:first-child > h4:first-child, .biebwidget-content .richtext .intro + .maintext > .title.section:first-child + .section > h3:first-child, .biebwidget-content .richtext .intro + .maintext > .title.section:first-child + .section > h4:first-child, .biebwidget-content .richtext .intro + h3, .biebwidget-content .richtext .intro + h4, .biebwidget-content .richtext img.offset + p + h3, .biebwidget-content .richtext img.offset + p + h4, .biebwidget-content .richtext img.offset + p + h5 {
clear: left
}
.biebwidget-content .richtext h3, .biebwidget-content .richtext h4, .biebwidget-content .richtext h5 {
clear: left
}
.biebwidget-content .richtext .intro + img, .biebwidget-content .richtext .intro + img + p, .biebwidget-content .richtext .intro + iframe.schooltv, .biebwidget-content .richtext .intro + iframe.schooltv + p, .biebwidget-content .richtext .intro + object, .biebwidget-content .richtext .intro + object + p, .biebwidget-content .richtext .intro + div.video, .biebwidget-content .richtext .intro + div.video + p {
clear: right
}
.biebwidget-content .rich-items > li.richtext, .biebwidget-content .rich-items > li.richtext h3, .biebwidget-content .rich-items > li.richtext h4, .biebwidget-content .rich-items > li.richtext h5 {
clear: none
}
.biebwidget-content .richtext img {
float: left;
clear: left;
max-width: 200px;
max-height: 320px;
margin: 3px 20px 10px 0
}
.biebwidget-content .intro img {
max-width: 384px;
max-height: 614px
}
.biebwidget-content object.flash, .biebwidget-content object.flash img {
max-width: 100%
}
.biebwidget-content .richtext div.video {
display: block;
float: none;
clear: both;
width: 100%;
max-width: 640px;
max-height: 1024px;
margin-right: 0
}
.biebwidget-content .richtext img.offset {
float: right;
clear: right;
margin-right: 0;
margin-left: 20px
}
.biebwidget-content .maintext.richtext img {
margin-top: 5px
}
.biebwidget-content .maintext.richtext p + img, .biebwidget-content .richtext .maintext p + img {
margin-top: 19px
}
.biebwidget-content .richtext ol > li > a:only-child, .biebwidget-content .richtext ul > li > a:only-child {
display: inline
}
.biebwidget-content div.video .aspect-ratio {
position: relative;
width: 100%;
height: 0;
padding-bottom: 57%
}
.biebwidget-content div.video .aspect-ratio.square {
padding-bottom: 100%
}
.biebwidget-content div.video .aspect-ratio.threeQuarters {
padding-bottom: 75%
}
.biebwidget-content div.video .aspect-ratio.widescreen {
padding-bottom: 57%
}
.biebwidget-content div.video .aspect-ratio iframe {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0
}
.biebwidget-content audio {
margin: 10px 0
}
.biebwidget-content audio, .biebwidget-content iframe {
width: 100%;
border: 0
}
.biebwidget-content iframe.schooltv {
overflow: hidden
}
.biebwidget-content .sliding.interactive {
position: relative;
overflow: hidden;
-webkit-transition-delay: 0;
-webkit-transition-duration: 0.3s;
-webkit-transition-property: height;
-o-transition-delay: 0;
-o-transition-duration: 0.3s;
-o-transition-property: height;
transition-delay: 0;
transition-duration: 0.3s;
transition-property: height
}
.biebwidget-content .sliding.interactive[data-itemwidth] {
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s
}
.biebwidget-content .sliding.interactive > li {
-webkit-transition-delay: 0;
-webkit-transition-duration: 0.3s;
-webkit-transition-property: margin-left;
-webkit-transition-timing-function: cubic-bezier(0.02, 0.01, 0.47, 1);
-o-transition-delay: 0;
-o-transition-duration: 0.3s;
-o-transition-property: margin-left;
-o-transition-timing-function: cubic-bezier(0.02, 0.01, 0.47, 1);
transition-delay: 0;
transition-duration: 0.3s;
transition-property: margin-left;
transition-timing-function: cubic-bezier(0.02, 0.01, 0.47, 1)
}
.biebwidget-content .sliding.interactive[data-itemwidth] > li {
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s
}
.biebwidget-content .sliding.rich-items.interactive[data-itemwidth] > li {
position: absolute;
top: 0
}
.biebwidget-content .main-column .sliding.small.rich-items.interactive > li {
clear: none;
margin-right: 2%;
margin-left: 0
}
.biebwidget-content .sliding.interactive > li.animating {
-webkit-transition-property: margin-left, left;
transition-property: margin-left, left
}
.biebwidget-content .sliding.rich-items.interactive > li, .biebwidget-content .sliding.grid-items.interactive > li {
display: none
}
.biebwidget-content .sliding.rich-items.interactive > li.current, .biebwidget-content .sliding.rich-items.interactive > li.current ~ li, .biebwidget-content .sliding.grid-items.interactive > li.current, .biebwidget-content .sliding.grid-items.interactive > li.current ~ li {
display: block
}
.biebwidget-content .sliding.grid-items.interactive > li.current ~ li.hidden {
display: none
}
.biebwidget-content .slidingnav {
position: relative;
-webkit-transition-delay: 0;
-webkit-transition-duration: 0.3s;
-webkit-transition-property: height;
-o-transition-delay: 0;
-o-transition-duration: 0.3s;
-o-transition-property: height;
transition-delay: 0;
transition-duration: 0.3s;
transition-property: height
}
.biebwidget-content .slidingnav button.prev, .biebwidget-content .slidingnav button.next {
position: absolute;
top: 50px;
z-index: 2;
display: block;
width: 18px;
height: 26px;
margin: 0 5px;
border: 0;
border-radius: 50%;
padding: 10px 14px;
text-indent: -9999em;
cursor: pointer;
background-repeat: no-repeat;
background-color: rgba(255, 255, 255, 0.05);
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.biebwidget-content .slidingnav button.prev {
left: 0;
background-position: 45% center;
background-image: url(../images/nav-prev-larger-glowy.png)
}
.biebwidget-content .slidingnav button.prev.passive {
background-image: url(../images/nav-prev-larger-glowy-passive.png)
}
.biebwidget-content .slidingnav button.next {
right: 0;
background-position: 55% center;
background-image: url(../images/nav-next-larger-glowy.png)
}
.biebwidget-content .slidingnav button.next.passive {
background-image: url(../images/nav-next-larger-glowy-passive.png)
}
.biebwidget-content .slideshow:hover .slidingnav button:not(.passive) {
background-color: rgba(255, 255, 255, 0.3)
}
.biebwidget-content .slidingnav button.prev:not(.passive):hover, .biebwidget-content .slidingnav button.prev:not(.passive):focus {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAaCAYAAAC6nQw6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAACQ0lEQVR42mL8//8/AzUAQACxkKCWCYhVgFgRyj8PxK+BGOwSgAAi1iBmIA5gOL7Mm+H2EQWwiF3yeQYF4z1A1g6QYQABxEKkIYEMp9dGMdw6HAgXPbLQkoGRiYNB3vAqkPcIIICYiDLk1KoohsvbAxn+/maA41/fOBjuntAEyoMwA0AAsRA05OjiKIaLWwKxqvj9Hc4ECCAWvIYcmBXFcGYddkNY2H4w6HqchwY6A0AAseA0ZO/UKIaTK3Eb4lk1j0FKaw805hgAAogFqyE7+6MYji/FbYhvwzwGdbutsBgDCQMEEAuGIdu6oxiOLsRhCPsPhsCmeQyaTiBDtsMMAQGAAIIZxAhOJ1vaoxgOz8NtSGj7PAZtFwxDQAAggGAGyTJc3uEEDFzchkT0zGPQccNqCAgABBAsHWkynN+kidOQ6AnzgDG0DZchIAAQQEwE0/WfnxwMD85KAllc+NQDBBBM4jqDod91nIYdnBPIsLk1EhyOkPDEAAABBDPoMdDp+xjsU9bjNQwUjgwMntgMAwgg5oaGBhj7FjBt/GH4+ZWV4eE57OF1dY8ug7jKVyAGhdMdZCmAAEI2CCR5E69h//6y4DIMIICQDSLHsH9AkbsgYYAAwhYLf4F4PYNv9TKcYQaKyaUFScDYdAHyREFCAAGEKzqJM+zQXEMgC4QZAAIIX3kEMwwRa3gAQAARKmpxGwZK8ZC0B05/AAHESGR1BCn8QekIlpXQCn+AAGIkoV5jBGduaBmNXh0BBBAjtSpIgAADADfe0YvJ5XZzAAAAAElFTkSuQmCC");
background-color: rgba(255, 255, 255, 0.4)
}
.biebwidget-content .slidingnav button.next:not(.passive):hover, .biebwidget-content .slidingnav button.next:not(.passive):focus {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAaCAYAAAC6nQw6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAACaklEQVR42mL8//8/AzUAQACxILEZgVgUiA2h/PtAfAeI/xFjEEAAsSAZ4sHw4KwLw6G5EINUbR4wWEZtBbI2APFfQgYBBBDMIFmGh+d9GI4sTGL4/58DLHLrMAMDC7sAg2kwyJL1hAwDCCCYQZoMd09oMvz6xoEie3l7IMN/oH6zMAZChgEEECKMfn9nYPjxGVPFmbWBDL9/MjBYx+I1DCCAYAadZ9D1OM9w/YAlw59fHBiqji8NBFvkkIbTMIAAYm5oaADR3xh4RZkYBKW/MtzYr8vw+wcLw9/fDCj48SWQ11kZlMz+ANXfBGKUdAMQQDCDQOAug4j8fwYhma8M1/ZgN+zRBU2Gn19ZGVQsMQwDCCBkgxjA6UZU8T+DsPxXhqu7dRn+/GRh+AfUg4wfnocYpmqNYhhAAKEbBDFMTOk/0MCvDFd2Qg0DBgkyfngWYpiaLdCZDDdAmgACiAlLBIBs2M6g47aVIaJnHgMj8w+Gv0DL0fGBWYEMl3c4gdMgEAAEEBOOZAExTNdjG0P0hHnAhPkDq6rzmzTBaRAIAAKICU9iBclxAbONJNB7HISyCEAA4TIIlC0CGDa3RjIcnBOIU7eh33UgCcIMAAHEhMMQT7D/8Rlin7Ie6PV9QNZjEBcggJhwGOLNsLQgCa8hvtXLoCUDOPoBAogJpyG4wgVhCEpWAQggJpTyiExDQAAggGAGiYILNTINAQGAAIIZZAguGck0BAQAAoiJYGFMhCEgABBAMIOug9MEegom0hAQAAggRmh1hFn4gwyGpBOiCn+AAGJEqtfQq6Pr0MRGVMUHEECM1KogAQIMANzuDAiYFZn2AAAAAElFTkSuQmCC");
background-color: rgba(255, 255, 255, 0.4)
}
.biebwidget-content .slidingindicators {
padding-top: 5px;
text-align: center
}
.biebwidget-content .slidingindicators .dot {
display: inline-block;
width: 8px;
height: 8px;
margin: 1px 5px;
border-radius: 50%;
background-color: #999
}
.biebwidget-content .slidingindicators .dot.current {
margin: 0 4px;
border: 1px solid #999;
background-color: #fff
}
.biebwidget-content ul.rotatingitems.interactive {
position: relative;
height: 200px
}
.biebwidget-content ul.slidingitems.interactive {
position: relative;
min-height: 100px
}
.biebwidget-content ul.rotatingitems.interactive > li, .biebwidget-content ul.slidingitems.interactive > li {
position: absolute;
top: 0;
width: 100%;
text-align: center
}
.biebwidget-content ul.rotatingitems > li img {
width: auto;
display: inline;
max-width: 100%;
max-height: 200px
}
.biebwidget-content ul.metanav {
float: right;
font-size: 1.245795rem
}
.biebwidget-content ul.metanav > li {
float: left;
padding: 0 10px 2px 10px;
border-left: 1px solid #496660;
line-height: 11px
}
.biebwidget-content ul.metanav > li:first-child {
border-left: 0
}
.biebwidget-content .toggler.interactive {
padding-left: 15px;
cursor: pointer;
background: url(../images/nav-next.png) no-repeat 2px 60%
}
.biebwidget-content .toggler.interactive.open, .biebwidget-content .toggler.interactive.opening {
background: url(../images/dropdown.png) no-repeat 0 65%
}
.biebwidget-content h3.toggler.interactive {
background-position: 2px 50%
}
.biebwidget-content h3.toggler.interactive.open, .biebwidget-content h3.toggler.interactive.opening {
background-position: 0 55%
}
.biebwidget-content .toggler.interactive + * {
display: none
}
.biebwidget-content .toggler.interactive.open + * {
display: block
}
.biebwidget-content .toggler.interactive button > span:first-child {
position: absolute;
text-indent: -9999px
}
.biebwidget-content .toggler.interactive button:focus {
color: #ff7320
}
.biebwidget-content .toggler + .link-list {
margin-top: 0
}
.biebwidget-content .toggler.interactive + dl.meta {
margin-left: 20px
}
.biebwidget-content .share {
display: none
}
.biebwidget-content .mapcontainer {
width: 100%;
height: 384px;
border: 1px solid #d0d0d0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.biebwidget-content .mapstatus {
width: 100%;
min-height: 2.5em;
border: 1px solid #d0d0d0;
border-top: 0;
padding: 6px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.biebwidget-content p.mapstatus + .rich-items {
margin-top: 0
}
.biebwidget-content .mapstatus:empty {
border-color: transparent
}
.biebwidget-content .mapcontainer.hidden + .mapstatus {
display: none
}
.biebwidget-content .bannerimage {
display: block;
width: 100%
}
.biebwidget-content .button {
display: inline-block
}
.biebwidget-content button.button, .biebwidget-content button.default, .biebwidget-content button.link {
margin: 0;
border: 0;
padding: 0;
font-size: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
text-align: inherit;
background-color: transparent;
cursor: pointer;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.biebwidget-content button.default:not(:disabled) {
color: inherit
}
.biebwidget-content button.default:disabled, .biebwidget-content button.link:disabled {
cursor: auto
}
.biebwidget-content button.button::-moz-focus-inner, .biebwidget-content button.default::-moz-focus-inner, .biebwidget-content button.link::-moz-focus-inner {
border: 0;
padding: 0
}
.biebwidget-content .primary.button {
margin: 5px 0 5px 3px;
padding: 7px 35px 8px 9px;
border: 1px solid transparent;
border-radius: 5px;
color: #fff;
text-decoration: none;
background: #ff7320 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAAGHjXZ5AAABD0lEQVQ4y4XRPStHcRQH8J9SHpNIWSQjOy/BIqWwGAxmJW/AxrswGiykDFKSyegFKFI2SSkfhK7BuTr/2z9unbrn+3CefgUFbwV7KCWQUlChqpEHLOL1VxKKX09H9t6hMysq7OMSu7VlGictfSMmwvGea97XM+EqiNXI72vnBrbi/zTIo3YttrGey+d4DOdyTa4FsBOC98jnSxqqiqULnuvjZbJgJF92IA4/hv4k7G4OVBN97abNMeXnq/CEpaYmJyOYwXjC5vCaOr5hIZtX8dlYrMJmKrKCj8S9YLbgq42xwjV6U4Fh3GRNwSjOGsZbTIZpEBcN/gBdfx2sB4cN03Hg5b9rD+E81jqMN2zRfAPSLrmpx9A84QAAAABJRU5ErkJggg==") right 10px center no-repeat
}
.mod_form .form_rij input[type="submit"], .mod_form .form_rij input[type="reset"] {
box-shadow: none !important;
margin: 5px 0 5px 3px !important;
padding: 7px 35px 8px 9px !important;
border: 1px solid transparent !important;
border-radius: 5px !important;
color: #fff !important;
text-decoration: none !important;
background: #ff7320 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAAGHjXZ5AAABD0lEQVQ4y4XRPStHcRQH8J9SHpNIWSQjOy/BIqWwGAxmJW/AxrswGiykDFKSyegFKFI2SSkfhK7BuTr/2z9unbrn+3CefgUFbwV7KCWQUlChqpEHLOL1VxKKX09H9t6hMysq7OMSu7VlGictfSMmwvGea97XM+EqiNXI72vnBrbi/zTIo3YttrGey+d4DOdyTa4FsBOC98jnSxqqiqULnuvjZbJgJF92IA4/hv4k7G4OVBN97abNMeXnq/CEpaYmJyOYwXjC5vCaOr5hIZtX8dlYrMJmKrKCj8S9YLbgq42xwjV6U4Fh3GRNwSjOGsZbTIZpEBcN/gBdfx2sB4cN03Hg5b9rD+E81jqMN2zRfAPSLrmpx9A84QAAAABJRU5ErkJggg==") right 10px center no-repeat !important
}
.biebwidget-content .primary.button:hover, .biebwidget-content .primary.button:focus {
border: 1px solid transparent;
color: #fff;
text-decoration: none;
background: #fb5d00 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAAGHjXZ5AAABD0lEQVQ4y4XRPStHcRQH8J9SHpNIWSQjOy/BIqWwGAxmJW/AxrswGiykDFKSyegFKFI2SSkfhK7BuTr/2z9unbrn+3CefgUFbwV7KCWQUlChqpEHLOL1VxKKX09H9t6hMysq7OMSu7VlGictfSMmwvGea97XM+EqiNXI72vnBrbi/zTIo3YttrGey+d4DOdyTa4FsBOC98jnSxqqiqULnuvjZbJgJF92IA4/hv4k7G4OVBN97abNMeXnq/CEpaYmJyOYwXjC5vCaOr5hIZtX8dlYrMJmKrKCj8S9YLbgq42xwjV6U4Fh3GRNwSjOGsZbTIZpEBcN/gBdfx2sB4cN03Hg5b9rD+E81jqMN2zRfAPSLrmpx9A84QAAAABJRU5ErkJggg==") right 10px center no-repeat
}
.mod_form .form_rij input[type="submit"]:hover, .mod_form .form_rij input[type="submit"]:focus, .mod_form .form_rij input[type="reset"]:hover, .mod_form .form_rij input[type="reset"]:focus {
border: 1px solid transparent !important;
color: #fff !important;
text-decoration: none !important;
background: #fb5d00 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAAGHjXZ5AAABD0lEQVQ4y4XRPStHcRQH8J9SHpNIWSQjOy/BIqWwGAxmJW/AxrswGiykDFKSyegFKFI2SSkfhK7BuTr/2z9unbrn+3CefgUFbwV7KCWQUlChqpEHLOL1VxKKX09H9t6hMysq7OMSu7VlGictfSMmwvGea97XM+EqiNXI72vnBrbi/zTIo3YttrGey+d4DOdyTa4FsBOC98jnSxqqiqULnuvjZbJgJF92IA4/hv4k7G4OVBN97abNMeXnq/CEpaYmJyOYwXjC5vCaOr5hIZtX8dlYrMJmKrKCj8S9YLbgq42xwjV6U4Fh3GRNwSjOGsZbTIZpEBcN/gBdfx2sB4cN03Hg5b9rD+E81jqMN2zRfAPSLrmpx9A84QAAAABJRU5ErkJggg==") right 10px center no-repeat !important
}
.biebwidget-content .primary.button:focus {
color: #fff
}
.biebwidget-content .primary.button, a.button-back {
font-family: "TheMix", Arial, sans-serif
}
.biebwidget-content .submit.button {
margin: 5px 0 5px 3px;
padding: 7px 9px 8px 9px;
border: 1px solid transparent;
border-radius: 5px;
color: #fff;
text-decoration: none;
background: #ff7320 right 10px center no-repeat
}
.biebwidget-content .submit.button:hover, .biebwidget-content .submit.button:focus {
border: 1px solid transparent;
color: #fff;
text-decoration: none;
background: #fb5d00 right 10px center no-repeat
}
.biebwidget-content .submit.button:focus {
color: #fff
}
.biebwidget-content .submit.button {
font-family: "TheMix", Arial, sans-serif
}
.biebwidget-content .secondary.button {
margin: 5px 0 5px 3px;
padding: 7px 35px 8px 9px;
border: 1px solid #d0d0d0;
border-radius: 5px;
color: #505450;
text-decoration: none;
text-shadow: none;
background: #ebebeb url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAAGHjXZ5AAABEElEQVQ4y2P4X8zAAMSfQYQ+iMMAFQET/0EYJvIRiBOB+CxcCVQFnMOIrPc4EHMiqwAxtgLxfSD2gGnRBeLJKPZCsQxUxxNkM0NhbgLi61CJZih/AkxnABB3QdlHoJJF2KxoBeJgZOOR8RuoTl2YpDYQ/wPimVAF/6AKxECcP0gO44Aq+AMLvNdIkiC+BpT9C2bXfCDWBGJ+ZIXoDkI2AUMSGauA4hMp9MzQ1SBz2IHYGIjVkMR8gfgnko03gVgRWTMfEB9DUgDD9UiGlKLJHQDpA0mkY9EIwg+BmBfJAAsg/oEkvweXyaCYMoXKSQHxZSS5f9A0izfAQGGwFs3QJlwBho5BcbYXFJnQpMGErgYA1X+GLlG/c1QAAAAASUVORK5CYII=") right 10px center no-repeat
}
.biebwidget-content .secondary.button:hover, .biebwidget-content .secondary.button:focus {
border: 1px solid #d0d0d0;
color: #fff;
text-decoration: none;
text-shadow: none;
background: #505050 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAAGHjXZ5AAABD0lEQVQ4y4XRPStHcRQH8J9SHpNIWSQjOy/BIqWwGAxmJW/AxrswGiykDFKSyegFKFI2SSkfhK7BuTr/2z9unbrn+3CefgUFbwV7KCWQUlChqpEHLOL1VxKKX09H9t6hMysq7OMSu7VlGictfSMmwvGea97XM+EqiNXI72vnBrbi/zTIo3YttrGey+d4DOdyTa4FsBOC98jnSxqqiqULnuvjZbJgJF92IA4/hv4k7G4OVBN97abNMeXnq/CEpaYmJyOYwXjC5vCaOr5hIZtX8dlYrMJmKrKCj8S9YLbgq42xwjV6U4Fh3GRNwSjOGsZbTIZpEBcN/gBdfx2sB4cN03Hg5b9rD+E81jqMN2zRfAPSLrmpx9A84QAAAABJRU5ErkJggg==") right 10px center no-repeat
}
.biebwidget-content .secondary.button {
font-family: "TheMix", Arial, sans-serif
}
.biebwidget-content .tertiary.button {
margin: 0 0 5px 0;
padding: 0 0 0 18px;
color: #505450;
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABA0lEQVR42mL8X6zAgAY4gdgViCWg/BdAvBuIvyMrYkHTlAPELUDMjyb+EYjrgXgiTIAJSXIaEE/GookBKjYBiGeia0wD4kwGwiANisEamYG4DkVaSJaBQcUKl2aQWmaQRjMglkaRYucCmruIgcEhDZtGkFozkEYtrOYyAR3iU8nAkDgbYhAq0GJCD2YMICLPwMArii76HRQdl3FqOr+RgWFNFQPDz2/oMpdhGi8AsQFc+M9vBoaNTQwMh+djM+4mTCMIpADxMSBmA/Ne34Ng7KAAOR7PAnExgTj8BcS5QLwDPeVMAWJnID6IRdMRIDaBqsGaVvdBMcjJxkiu+YVuEkCAAQDl+DGY+33pQQAAAABJRU5ErkJggg==") left center no-repeat;
background-size: auto auto
}
.biebwidget-content .tertiary.button:hover, .biebwidget-content .tertiary.button:focus {
color: #ff7320;
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABA0lEQVR42mL8X6zAgAY4gdgViCWg/BdAvBuIvyMrYkHTlAPELUDMjyb+EYjrgXgiTIAJSXIaEE/GookBKjYBiGeia0wD4kwGwiANisEamYG4DkVaSJaBQcUKl2aQWmaQRjMglkaRYucCmruIgcEhDZtGkFozkEYtrOYyAR3iU8nAkDgbYhAq0GJCD2YMICLPwMArii76HRQdl3FqOr+RgWFNFQPDz2/oMpdhGi8AsQFc+M9vBoaNTQwMh+djM+4mTCMIpADxMSBmA/Ne34Ng7KAAOR7PAnExgTj8BcS5QLwDPeVMAWJnID6IRdMRIDaBqsGaVvdBMcjJxkiu+YVuEkCAAQDl+DGY+33pQQAAAABJRU5ErkJggg==") left center no-repeat;
background-size: auto auto
}
.biebwidget-content .quaternary.button {
margin: 0 0 5px 0;
padding: 2px 12px 3px 0;
color: #505450;
text-decoration: underline;
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAAUklEQVR42mIMCAnoYICACijNwALELkBsDMSCQJwOEmQCYlcgPgvEaUB8BqQIJPgeKrEHqmMVE1TbTKgxYAUgM+9CJUAqw0ASLFAOCM+C2Q4QYAAaqg9vjktbCAAAAABJRU5ErkJggg==") right center no-repeat;
background-size: auto auto
}
.biebwidget-content .quaternary.button:hover, .biebwidget-content .quaternary.button:focus {
color: #ff7320;
text-decoration: underline;
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAAZ0lEQVR42mL8X6yQxsDA4ALE6Qw9998DaQYmIFYC4lAg3s1QoigIEmT8//8/A5AzE8gG6QCprIAIgkCJYgeQLEdWCeJ0QGQZ0hmBFp0BMoyB+B4QhwEtO8sCZOwB4tVAPAtmO0CAAQAy6CC6niNkcAAAAABJRU5ErkJggg==") right center no-repeat;
background-size: auto auto
}
.biebwidget-content .back.primary.button {
margin: 5px 0 5px 3px;
padding: 7px 9px 8px 32px;
border: 1px solid transparent;
color: #fff;
text-decoration: none;
background: #ff7320 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAA80lEQVQ4y5XSzwoBURQG8FHK3yRSNpIlex7BRkphY2FhreQF7HgLSwsbUhZSkpWlB1CkZicpZRDiO7pTp9OMmPptzjnfvXPnjmYYhib4YQhPmEPIYuZDFnwwgReT/iXsgbEIDlX9a9gNIxGcqiNQPwYt6EEDAmbYBQMRXEBQBZOwFf0ZRKnZFY0lRNjr9UXf1NNEYQNhFvTC2ib8pAGdFU5QZWEnrGzCOg1k4cyKd6iwBZoWwQdtYg7k4cKaNyiy3TuwV70d1OQ9F+DKFqDFcqwfhwz/mPLiy2pXc4EDJH79PUkJjipMT+qfMKmrI7TBYRd+A4NCuamdTqn9AAAAAElFTkSuQmCC") left 10px center no-repeat
}
.biebwidget-content .back.primary.button:hover, .biebwidget-content .back.primary.button:focus {
border: 1px solid transparent;
color: #fff;
text-decoration: none;
background: #fb5d00 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAA80lEQVQ4y5XSzwoBURQG8FHK3yRSNpIlex7BRkphY2FhreQF7HgLSwsbUhZSkpWlB1CkZicpZRDiO7pTp9OMmPptzjnfvXPnjmYYhib4YQhPmEPIYuZDFnwwgReT/iXsgbEIDlX9a9gNIxGcqiNQPwYt6EEDAmbYBQMRXEBQBZOwFf0ZRKnZFY0lRNjr9UXf1NNEYQNhFvTC2ib8pAGdFU5QZWEnrGzCOg1k4cyKd6iwBZoWwQdtYg7k4cKaNyiy3TuwV70d1OQ9F+DKFqDFcqwfhwz/mPLiy2pXc4EDJH79PUkJjipMT+qfMKmrI7TBYRd+A4NCuamdTqn9AAAAAElFTkSuQmCC") left 10px center no-repeat
}
.biebwidget-content .back.primary.button:focus {
color: #fff
}
.biebwidget-content .back.secondary.button {
margin: 5px 0 5px 3px;
padding: 7px 9px 8px 32px;
border: 1px solid #d0d0d0;
color: #505450;
text-decoration: none;
text-shadow: none;
background: #ebebeb url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAA70lEQVQ4y2P4X8zAgIaZgHgmEP8C4r1AzI9FDRhjE5wMxP+RsC6xmpvQNK4FYnZiNBehaTyC5GRNIO4C4vlAHICuORGI/yFpvAzEUlA5UyB+g2ZwKUyzBzRwYBL3gVgDyUVb0TSC8Gsg1gdJ7kES/AHEFkgaeYH4IRbNIJwOUjABSeAPEDcjaeYA4utYNILUhYIU8AHxAWx+guJ6LJqPgfTBFIgB8VkkyX/QQATJcUITzUeo+HEg1kaPKkUgvolkwE8g9kWSVwNiY+R4R494UGp6gmQAKIpkSEmeZkgGfAZiFVI0g3AwVGMrEDPi0gwA5t+GLlRLbIMAAAAASUVORK5CYII=") left 10px center no-repeat
}
.biebwidget-content .back.secondary.button:hover, .biebwidget-content .back.secondary.button:focus {
border: 1px solid #d0d0d0;
color: #fff;
text-decoration: none;
text-shadow: none;
background: #505050 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAA80lEQVQ4y5XSzwoBURQG8FHK3yRSNpIlex7BRkphY2FhreQF7HgLSwsbUhZSkpWlB1CkZicpZRDiO7pTp9OMmPptzjnfvXPnjmYYhib4YQhPmEPIYuZDFnwwgReT/iXsgbEIDlX9a9gNIxGcqiNQPwYt6EEDAmbYBQMRXEBQBZOwFf0ZRKnZFY0lRNjr9UXf1NNEYQNhFvTC2ib8pAGdFU5QZWEnrGzCOg1k4cyKd6iwBZoWwQdtYg7k4cKaNyiy3TuwV70d1OQ9F+DKFqDFcqwfhwz/mPLiy2pXc4EDJH79PUkJjipMT+qfMKmrI7TBYRd+A4NCuamdTqn9AAAAAElFTkSuQmCC") left 10px center no-repeat
}
.biebwidget-content .back.quaternary.button {
margin: 0 0 5px 0;
padding: 2px 0 3px 12px;
color: #505450;
text-decoration: underline;
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAAYElEQVR42mIMCAlgQAIdIAIggFiQBGYCcRoQnwUIICYg4QLEZ2ACQOwKEEAglauAWBCI9wBxGBC/BwggkEpXEAOqA2SEIEAAMUG1KENVhgLxXYAAgln0HqoDZK4LQIABAB2SD371zh/eAAAAAElFTkSuQmCC") left no-repeat;
background-size: auto auto
}
.biebwidget-content .back.quaternary.button:hover, .biebwidget-content .back.quaternary.button:focus {
padding: 2px 0 3px 12px;
color: #ff7320;
text-decoration: underline;
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAAaklEQVR42mL8//8/AxiUKAoCyZlAvAcggFiQBHYDsTEQ3wMIICagQBqQcRcqMIuh534FQAAxQbWAVHYCBdJBGgECCCSYDjGUoRyoqxzEAAggRrBFJYograuAWAmIzwIEECOa7SDzBQECDACosBpnwYXgXgAAAABJRU5ErkJggg==") left no-repeat;
background-size: auto auto
}
.biebwidget-content .loading.primary.button, .biebwidget-content .loading.primary.button:hover, .biebwidget-content .loading.primary.button:focus, .biebwidget-content .loading.submit.button, .biebwidget-content .loading.submit.button:hover, .biebwidget-content .loading.submit.button:focus {
padding: 2px 10px 3px 9px;
background-image: none;
padding: 7px 9px 8px 9px
}
.biebwidget-content .loading.primary.button:not(.back)::after, .biebwidget-content .loading.primary.button:hover:not(.back)::after, .biebwidget-content .loading.primary.button:focus:not(.back)::after, .biebwidget-content .loading.submit.button:not(.back)::after, .biebwidget-content .loading.submit.button:hover:not(.back)::after, .biebwidget-content .loading.submit.button:focus:not(.back)::after {
display: inline-block;
content: "";
height: 1em;
width: 1em;
margin: 1em 2.33em 1em 4.33em;
border-radius: 50%;
font-size: 3px;
-webkit-box-shadow: 2em 0 0 0 #fff, 1.414em 1.414em 0 0 #fff, 0 2em 0 0 #fff, -1.414em 1.414em 0 0 #fff, -2em 0 0 0 #fff, -1.414em -1.414em 0 0 #fff, 0 -2em 0 0 #fff, 1.414em -1.414em 0 0 #fff;
box-shadow: 2em 0 0 0 #fff, 1.414em 1.414em 0 0 #fff, 0 2em 0 0 #fff, -1.414em 1.414em 0 0 #fff, -2em 0 0 0 #fff, -1.414em -1.414em 0 0 #fff, 0 -2em 0 0 #fff, 1.414em -1.414em 0 0 #fff;
-webkit-animation: 1500ms linear 0s normal none infinite running spinner-loader;
animation: 1500ms linear 0s normal none infinite running spinner-loader
}
.biebwidget-content .loading.primary.button.back::before, .biebwidget-content .loading.primary.button:hover.back::before, .biebwidget-content .loading.primary.button:focus.back::before, .biebwidget-content .loading.submit.button.back::before, .biebwidget-content .loading.submit.button:hover.back::before, .biebwidget-content .loading.submit.button:focus.back::before {
display: inline-block;
content: "";
height: 1em;
width: 1em;
margin: 1em 2.33em 1em 4.33em;
border-radius: 50%;
font-size: 3px;
-webkit-box-shadow: 2em 0 0 0 #fff, 1.414em 1.414em 0 0 #fff, 0 2em 0 0 #fff, -1.414em 1.414em 0 0 #fff, -2em 0 0 0 #fff, -1.414em -1.414em 0 0 #fff, 0 -2em 0 0 #fff, 1.414em -1.414em 0 0 #fff;
box-shadow: 2em 0 0 0 #fff, 1.414em 1.414em 0 0 #fff, 0 2em 0 0 #fff, -1.414em 1.414em 0 0 #fff, -2em 0 0 0 #fff, -1.414em -1.414em 0 0 #fff, 0 -2em 0 0 #fff, 1.414em -1.414em 0 0 #fff;
-webkit-animation: 1500ms linear 0s normal none infinite running spinner-loader;
animation: 1500ms linear 0s normal none infinite running spinner-loader;
margin: 1em 4.33em 1em 2.33em
}
@-webkit-keyframes spinner-loader {
0 {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0)
} 100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes spinner-loader {
0 {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0)
} 100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.biebwidget-content .richtext .button {
margin-bottom: 0
}
.biebwidget-content .buttons .button + .button {
margin-left: 20px
}
.biebwidget-content ul.itempicker, .biebwidget-content ol.itempicker {
margin-bottom: 10px;
border-bottom: 1px solid #d0d0d0;
padding-bottom: 10px;
text-align: center
}
.biebwidget-content ul.itempicker > li, .biebwidget-content ol.itempicker > li {
display: inline-block;
margin: 0 -13px;
padding: 0 5%
}
.biebwidget-content ul.itempicker > li > a, .biebwidget-content ol.itempicker > li > a, .biebwidget-content ul.itempicker > li > span, .biebwidget-content ol.itempicker > li > span {
display: block;
padding: 7px 3px;
outline: 0;
cursor: pointer
}
.biebwidget-content ul.itempicker > li.current > a, .biebwidget-content ol.itempicker > li.current > a, .biebwidget-content ul.itempicker > li.current > span, .biebwidget-content ol.itempicker > li.current > span {
margin: 0 -3px -3px -3px;
background: url(../images/selection-indicator.png) no-repeat center bottom
}
.biebwidget-content ul.itempicker > li.current > a img, .biebwidget-content ol.itempicker > li.current > a img, .biebwidget-content ul.itempicker > li.current > a .coverplaceholder, .biebwidget-content ol.itempicker > li.current > a .coverplaceholder, .biebwidget-content ul.itempicker > li.current > span img, .biebwidget-content ol.itempicker > li.current > span img, .biebwidget-content ul.itempicker > li.current > span .coverplaceholder, .biebwidget-content ol.itempicker > li.current > span .coverplaceholder, .biebwidget-content ul.itempicker > li.current > a p.calendar, .biebwidget-content ol.itempicker > li.current > a p.calendar {
margin-top: 0;
border: 3px solid #ff7320;
border-radius: 4px
}
.biebwidget-content ul.itempicker > li.current > a .coverplaceholder.list, .biebwidget-content ol.itempicker > li.current > a .coverplaceholder.list, .biebwidget-content ul.itempicker > li.current > span .coverplaceholder.list, .biebwidget-content ol.itempicker > li.current > span .coverplaceholder.list {
margin-top: -3px;
width: 46px;
height: 70px
}
.biebwidget-content ul.itempicker > li.current > a .coverplaceholder.list.music, .biebwidget-content ol.itempicker > li.current > a .coverplaceholder.list.music, .biebwidget-content ul.itempicker > li.current > span .coverplaceholder.list.music, .biebwidget-content ol.itempicker > li.current > span .coverplaceholder.list.music, .biebwidget-content ul.itempicker > li.current > a .coverplaceholder.list.album, .biebwidget-content ol.itempicker > li.current > a .coverplaceholder.list.album, .biebwidget-content ul.itempicker > li.current > span .coverplaceholder.list.album, .biebwidget-content ol.itempicker > li.current > span .coverplaceholder.list.album, .biebwidget-content ul.itempicker > li.current > a .coverplaceholder.list.cdsingle, .biebwidget-content ol.itempicker > li.current > a .coverplaceholder.list.cdsingle, .biebwidget-content ul.itempicker > li.current > span .coverplaceholder.list.cdsingle, .biebwidget-content ol.itempicker > li.current > span .coverplaceholder.list.cdsingle {
height: 46px
}
.biebwidget-content ul.itempicker > li.current > a img[src$="images/placeholder.png"].cover, .biebwidget-content ol.itempicker > li.current > a img[src$="images/placeholder.png"].cover, .biebwidget-content ul.itempicker > li.current > span img[src$="images/placeholder.png"].cover, .biebwidget-content ol.itempicker > li.current > span img[src$="images/placeholder.png"].cover {
border-width: 4px
}
.biebwidget-content ul.itempicker > li > a p.calendar span, .biebwidget-content ol.itempicker > li > a p.calendar span {
padding: 2px 3px 2px 2px
}
.biebwidget-content ul.itempicker > li > a p.calendar span.date-day, .biebwidget-content ol.itempicker > li > a p.calendar span.date-day {
font-size: 23px
}
.biebwidget-content ul.itempicker > li > a p.calendar span.date-month, .biebwidget-content ol.itempicker > li > a p.calendar span.date-month {
font-size: 15px
}
.biebwidget-content ul.itempicker > li > a:focus img, .biebwidget-content ol.itempicker > li > a:focus img, .biebwidget-content ul.itempicker > li > a:focus .coverplaceholder, .biebwidget-content ol.itempicker > li > a:focus .coverplaceholder {
outline: 1px solid #ff7320;
-webkit-box-shadow: none;
box-shadow: none
}
.biebwidget-content .main-column ul.itempicker > li, .biebwidget-content .main-column ol.itempicker > li {
margin: 0;
padding: 0 5px
}
.biebwidget-content ul.itemdetail.rich-items > li {
border-top: 0
}
.biebwidget-content .itemdetail + ul.itempicker, .biebwidget-content .itemdetail + ol.itempicker {
margin-top: 10px;
margin-bottom: 0;
border-top: 1px solid #d0d0d0;
border-bottom: 0;
padding-top: 10px;
padding-bottom: 0
}
.biebwidget-content .itemdetail + ul.itempicker + *, .biebwidget-content .itemdetail + ol.itempicker + * {
margin-top: 10px
}
.biebwidget-content .itemdetail + ul.itempicker > li, .biebwidget-content .itemdetail + ol.itempicker > li {
vertical-align: top
}
.biebwidget-content .itemdetail + ul.itempicker > li.current > a, .biebwidget-content .itemdetail + ol.itempicker > li.current > a, .biebwidget-content .itemdetail + ul.itempicker > li.current > span, .biebwidget-content .itemdetail + ol.itempicker > li.current > span {
background: url(../images/selection-indicator-up.png) no-repeat center top
}
.biebwidget-content .rich-items.itemdetail + ul.itempicker, .biebwidget-content .rich-items.itemdetail + ol.itempicker {
margin-top: 0;
border-top: 0;
padding-top: 0
}
.biebwidget-content ul.itemdetail.interactive > li {
display: none;
padding: 0 0 10px 0;
background: 0
}
.biebwidget-content ul.itemdetail.interactive > li.current {
display: block
}
.biebwidget-content .main-column .itemdetail {
max-width: 836px;
margin-right: auto;
margin-left: auto
}
.biebwidget-content .main-column ul.itempicker, .biebwidget-content .main-column ol.itempicker {
overflow: hidden;
max-width: 836px;
margin-right: auto;
margin-left: auto;
font-size: 0
}
.biebwidget-content .main-column ul.itempicker > li:first-child:nth-last-child(n), .biebwidget-content .main-column ol.itempicker > li:first-child:nth-last-child(n) {
margin-left: -836px
}
.biebwidget-content .main-column ul.itempicker > li:last-child, .biebwidget-content .main-column ol.itempicker > li:last-child {
margin-right: -836px
}
.biebwidget-content input, .biebwidget-content textarea {
color: #505450;
/*margin-top: 55px;*/
}
.biebwidget-content input.empty, .biebwidget-content textarea.empty {
font-style: italic;
color: #888e88;
opacity: 1
}
.biebwidget-content input::-webkit-input-placeholder, .biebwidget-content textarea::-webkit-input-placeholder {
font-style: italic;
color: #888e88;
opacity: 1
}
.biebwidget-content input:-ms-input-placeholder, .biebwidget-content textarea:-ms-input-placeholder {
font-style: italic;
color: #888e88;
opacity: 1
}
.biebwidget-content input::-ms-input-placeholder, .biebwidget-content textarea::-ms-input-placeholder {
font-style: italic;
color: #888e88;
opacity: 1
}
.biebwidget-content input:-moz-placeholder, .biebwidget-content textarea:-moz-placeholder {
font-style: italic;
color: #888e88;
opacity: 1
}
.biebwidget-content input::-moz-placeholder, .biebwidget-content textarea::-moz-placeholder {
font-style: italic;
color: #888e88;
opacity: 1
}
.biebwidget-content input::placeholder, .biebwidget-content textarea::placeholder {
font-style: italic;
color: #888e88;
opacity: 1
}
.biebwidget-content input:focus {
border-color: #ff7320
}
.biebwidget-content .upload ul {
margin: 10px 232px
}
.biebwidget-content .upload p:not(.description) {
margin: 10px 240px
}
.biebwidget-content .upload button {
margin: 0 242px
}
.biebwidget-content .upload button.delete {
display: block;
height: 15px;
padding: 3px 5px 3px 20px;
background: transparent url(../images/icons/icon-delete.png) no-repeat left center;
cursor: pointer;
text-decoration: none;
border: 0
}
@media screen and (max-width: 619px) {
.biebwidget-content .upload p:not(.description) {
margin: 10px 0;
width: auto;
display: inline-block
}
}
.biebwidget-content textarea {
font-family: inherit;
font-size: inherit
}
.biebwidget-content form.generated fieldset {
margin: 0;
padding: 0;
border: 0
}
.biebwidget-content form.generated fieldset legend {
font-size: inherit;
font-weight: normal;
line-height: 1.3;
margin: 0;
padding: 7px 0
}
.biebwidget-content form.generated .form-row {
overflow: hidden;
clear: both;
padding: 7px 0
}
.biebwidget-content form.generated .form-row > * {
margin-right: 20px
}
.biebwidget-content form.generated .form-row.richtext * {
margin-right: 0
}
.biebwidget-content form.generated .form-row > label, .biebwidget-content form.generated .form-row > .label {
width: 220px
}
.biebwidget-content form.generated .form-row label, .biebwidget-content form.generated .form-row .label {
float: left;
display: inline-block;
padding: 4px 0 0 0
}
.biebwidget-content form.generated .form-row .label + .value {
display: inline-block;
padding: 4px 0 0 0;
margin-top: 0
}
.biebwidget-content form.generated .form-row input + label {
width: auto;
margin: 4px 20px 0 0;
padding: 0
}
.biebwidget-content form.generated .form-row.multiple select, .biebwidget-content form.generated .form-row.multiple input[type=text] {
width: auto
}
.biebwidget-content form.generated .form-row p + p.accompanying {
margin-top: 0
}
.biebwidget-content form.generated label em {
display: inline-block;
overflow: hidden;
width: 1em;
height: 1em
}
.biebwidget-content form.generated label em:before {
display: inline-block;
width: 1em;
height: 1em;
content: "*"
}
.biebwidget-content form.generated input[type=text], .biebwidget-content form.generated input[type=email], .biebwidget-content form.generated input[type=password], .biebwidget-content form.generated input[type=url], .biebwidget-content form.generated input[type=tel], .biebwidget-content form.generated input[type=search], .biebwidget-content form.generated select, .biebwidget-content form.generated textarea {
float: left;
width: 320px;
max-width: 96%;
font-size: inherit;
font-family: inherit;
color: #000
}
.biebwidget-content form.generated textarea {
height: 150px
}
.biebwidget-content form.generated select {
width: 326px
}
.biebwidget-content form.generated input[type=radio], .biebwidget-content form.generated input[type=checkbox] {
float: left;
width: auto;
margin: 6px 8px 0 0
}
.biebwidget-content form.generated input[type=checkbox] {
clear: left
}
.biebwidget-content form.generated .checkbox label + input[type="checkbox"] {
clear: none
}
.biebwidget-content form.generated input.modifier {
clear: left;
margin-left: 240px;
font-style: normal
}
.biebwidget-content form.generated .input-list {
float: left;
margin: 3px 0 0 0
}
.biebwidget-content form.generated .input-list input[type=radio], .biebwidget-content form.generated .input-list input[type=checkbox] {
width: auto;
margin: 3px 8px 0 0
}
.biebwidget-content form.generated .input-list li {
overflow: hidden;
clear: both;
margin: 0;
padding: 10px 0 0 0;
list-style: none
}
.biebwidget-content form.generated .input-list li:first-child {
padding-top: 0
}
.biebwidget-content form.generated .input-list li label {
padding: 0;
margin: 0
}
.biebwidget-content form.generated .input-list li input + label + input {
width: 247px;
margin-left: 8px;
margin-top: -3px
}
.biebwidget-content form.generated label.label-error {
font-weight: bold;
color: red
}
.biebwidget-content form.generated .body-field {
display: none
}
.biebwidget-content form.generated .description {
clear: left;
padding: 5px 20px 5px 240px;
font-style: italic;
color: #888e88
}
.biebwidget-content form.generated .form-row.buttons {
margin-top: 17px;
padding: 17px 0;
background: url(../images/bg-dotted.png) repeat-x left top
}
.biebwidget-content form.generated .birthdate select.day {
width: 5.5em
}
.biebwidget-content form.generated .birthdate select.month {
width: 11.67em
}
.biebwidget-content form.generated .birthdate select.year {
width: 6.67em
}
.biebwidget-content span.config-error, .biebwidget-content form.generated span.error {
clear: left;
float: left;
margin: 6px 0 0 240px;
padding-left: 18px;
width: 360px;
color: red;
line-height: normal;
background: url(../images/icons/icon-form-error.png) no-repeat left 3px
}
.biebwidget-content form .rangeitem {
float: left;
position: relative;
width: 25%;
height: 40px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.biebwidget-content form .rangeitem input {
position: absolute;
margin: 0;
opacity: 0
}
.biebwidget-content form .rangeitem input[type=checkbox] + label + * > input[type=radio] + label {
width: 24px;
height: 24px;
margin-right: -24px;
margin-left: 9%;
padding: 0;
margin-top: 4px;
display: inline-block
}
.biebwidget-content form .rangeitem input[type=checkbox] + label + * > input[type=radio]:checked + label {
background-image: url(../images/widget/range-scrubber-inactive.png)
}
.biebwidget-content form .rangeitem input[type=checkbox]:checked + label + * > input[type=radio]:checked + label {
background-image: url(../images/widget/range-scrubber-active.png)
}
.biebwidget-content form .rangeitem input[type=checkbox] + label {
position: absolute;
top: 9px;
left: 18px;
right: 18px;
height: 4px;
padding: 0;
margin: 0;
border: 1px solid #ababab;
border-bottom-color: #c9c9c9;
border-top-color: #909090;
border-radius: 4px;
background-color: #cacaca;
color: transparent;
-webkit-box-shadow: inset 0 3px 6px -5px black;
box-shadow: inset 0 3px 6px -5px black
}
.biebwidget-content form .rangeitem input[type=checkbox]:focus ~ div.radioarea {
outline: 1px solid #ff7320
}
.biebwidget-content form .rangeitem inputinput[type=checkbox] + label + * > input[type=radio]:focus + label {
width: 20px;
height: 20px;
margin-top: 3px;
border: 1px solid #ff7320;
border-radius: 16px;
background-position: -2px 0
}
.biebwidget-content form .rangeitem h3 {
position: absolute;
left: 20px;
right: 20px;
bottom: 0;
font-size: inherit
}
.biebwidget-content form .rangeitem h3 span {
position: absolute;
bottom: 0;
display: block;
text-indent: -9999em
}
.biebwidget-content form .rangeitem h3 span.left {
left: 0;
text-indent: 0
}
.biebwidget-content form .rangeitem h3 span.right {
right: 0;
text-align: right;
text-indent: 0
}
.biebwidget-content form.static .rangeitem input[type=checkbox] {
top: 6px;
left: 0;
margin: 0;
z-index: 1;
opacity: 1
}
.biebwidget-content form.static .rangeitem input[type=radio] {
right: 0
}
.biebwidget-content form.interactive .rangeitem > div.radioarea, .biebwidget-content form .rangeitem > fieldset.radiowrapper {
position: absolute;
left: -10px;
right: 30px;
display: block;
height: 45px;
margin-top: -2px;
border: 0;
padding: 0;
font-size: 0;
color: transparent;
cursor: default;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.biebwidget-content form.interactive .rangeitem > div.radioarea {
left: 10px;
right: 10px;
cursor: pointer
}
.biebwidget-content form.cancelconfirm > p:first-of-type {
float: left;
margin-top: 13px
}
.biebwidget-content form.cancelconfirm > p + p {
float: right;
margin-top: 13px
}
.biebwidget-content form.cancelconfirm .tertiary.button {
margin-top: 7px
}
.biebwidget-content form.cancelconfirm .quaternary.button {
margin-top: 5px
}
@media only screen and (min-width: 901px) and (max-width: 1150px) {
.biebwidget-content form .rangeitem {
width: 33.3%
}
}
@media only screen and (min-width: 621px) and (max-width: 900px) {
.biebwidget-content form .rangeitem {
width: 50%
}
}
@media only screen and (min-width: 0) and (max-width: 620px) {
.biebwidget-content form .rangeitem {
width: 100%
}
}
@media only screen and (max-width: 666px) {
.biebwidget-content form.generated .form-row input, .biebwidget-content form.generated .form-row select, .biebwidget-content form.generated .form-row textarea, .biebwidget-content form.generated .form-row .description, .biebwidget-content form.generated .form-row .input-list {
float: left;
clear: left;
margin-left: 1px;
padding-left: 0
}
.biebwidget-content form.generated .form-row label, .biebwidget-content form.generated .form-row .label {
width: auto
}
.biebwidget-content span.config-error, .biebwidget-content form.generated span.error {
margin-left: 0
}
.mod_employee {
padding: 0 !important
}
}
@media only screen and (min-width: 24em) and (max-width: 666px) {
.biebwidget-content form.generated .birthdate select.month, .biebwidget-content form.generated .birthdate select.year {
clear: none
}
}
@media only screen and (max-width: 23.999em) {
.biebwidget-content form.generated .birthdate select.month, .biebwidget-content form.generated .birthdate select.year {
margin-top: 5px
}
}
.biebwidget-content.product .main-column-wrapper.nav .main-column {
margin-left: 430px
}
.biebwidget-content.product .head {
position: relative;
min-height: 100px;
margin-bottom: 20px;
margin-left: -430px;
padding: 40px 40px 40px 430px;
background-color: #595959;
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.3)
}
.biebwidget-content.product .head:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
content: ""
}
.biebwidget-content.product .head > * {
position: relative;
z-index: 1
}
.biebwidget-content.product .head h2, .biebwidget-content.product .head a {
color: inherit
}
.biebwidget-content.product .head a:hover, .biebwidget-content.product .head a:focus {
text-decoration: none
}
.biebwidget-content.product .head {
margin-right: 40px
}
.biebwidget-content.product .head + h2, .biebwidget-content.product .head h2 {
margin-top: 0;
font-weight: bold;
line-height: 1
}
.biebwidget-content.product .head + h2 {
position: relative;
margin-bottom: 20px;
color: #505450
}
.biebwidget-content.product .head p.subtitle, .biebwidget-content.product .head p.creator {
font-size: 3.354205rem
}
.biebwidget-content.product .head h2.long + p.subtitle, .biebwidget-content.product .head h2.long + p.creator {
font-size: 2.6795rem
}
.biebwidget-content.product .head .additional {
font-size: 1.725rem;
color: inherit
}
.biebwidget-content.product .head + h2 + .additional {
font-size: 1.725rem
}
.biebwidget-content.product .head + h2 + .accompanying {
margin-top: -15px;
margin-bottom: 30px;
font-size: 1.725rem
}
.biebwidget-content.product .head + h2 > .imgwrapper, .biebwidget-content.product .head .imgwrapper {
position: absolute;
left: 0;
top: 0;
float: left;
max-width: 310px;
max-height: 496px;
margin-left: -370px
}
.biebwidget-content.product .head + h2 > .imgwrapper {
margin-top: -150px
}
.biebwidget-content.product img.representative, .biebwidget-content.product .head .coverplaceholder {
display: block;
max-width: 100%;
max-height: 100%;
border: 5px solid #fff;
border-radius: 6px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.biebwidget-content.product img.representative.cursus {
border-style: none
}
.biebwidget-content.product .nav-column {
display: none
}
@media only screen and (min-width: 917px) {
.biebwidget-content.product .head {
padding-top: 60px
}
}
@media only screen and (min-width: 751px) and (max-width: 960px) {
.biebwidget-content.product .head + h2, .biebwidget-content.product .head h2 {
font-size: 4.6rem;
line-height: 1.1
}
.biebwidget-content.product .head + h2.long, .biebwidget-content.product .head h2.long {
font-size: 3.354205rem
}
.biebwidget-content.product .head p.subtitle, .biebwidget-content.product .head p.creator {
font-size: 2.875rem
}
.biebwidget-content.product .head h2.long + p.subtitle, .biebwidget-content.product .head h2.long + p.creator {
font-size: 2.3rem
}
.biebwidget-content.product .head .additional {
font-size: 1.5295rem
}
.biebwidget-content.product .head + h2 + .additional {
font-size: 1.5295rem
}
.biebwidget-content.product .head + h2 + .accompanying {
font-size: 1.5295rem
}
}
@media only screen and (min-width: 751px) and (max-width: 916px) {
.biebwidget-content.product .main-column-wrapper.nav .main-column {
margin-left: 300px
}
.biebwidget-content.product .head {
margin-left: -300px;
padding-left: 300px
}
.biebwidget-content.product .head + h2 > .imgwrapper, .biebwidget-content.product .head .imgwrapper {
max-width: 220px;
max-height: 352px;
margin-left: -260px
}
.biebwidget-content.product .head .coverplaceholder.full {
height: 352px
}
.biebwidget-content.product .head .coverplaceholder.music.full, .biebwidget-content.product .head .coverplaceholder.album.full, .biebwidget-content.product .head .coverplaceholder.cdsingle.full {
height: 220px
}
}
@media only screen and (min-width: 0) and (max-width: 750px) {
.biebwidget-content.product .head h2 {
font-size: 4.025rem;
line-height: 1.15
}
.biebwidget-content.product .head h2.long {
font-size: 2.875rem
}
.biebwidget-content.product .head p.subtitle, .biebwidget-content.product .head p.creator {
font-size: 2.3rem
}
.biebwidget-content.product .head h2.long + p.subtitle, .biebwidget-content.product .head h2.long + p.creator {
font-size: 2.0125rem
}
.biebwidget-content.product .head .additional {
font-size: 1.4375rem
}
.biebwidget-content.product .head + h2 + .additional {
font-size: 1.4375rem
}
.biebwidget-content.product .head + h2 + .accompanying {
font-size: 1.4375rem
}
.biebwidget-content.product .head {
margin-left: 0;
padding: 20px
}
.biebwidget-content.product .head ~ * {
margin-right: 20px;
margin-left: 20px
}
.biebwidget-content.product .head + h2 > .imgwrapper, .biebwidget-content.product .head .imgwrapper {
position: relative;
top: auto;
left: auto;
max-width: 33%;
margin: 5px 20px 20px 0
}
.biebwidget-content.product .head .coverplaceholder.full {
width: 29vw;
height: 46.4vw;
font-size: 1rem
}
.biebwidget-content.product .head .coverplaceholder.music.full, .biebwidget-content.product .head .coverplaceholder.album.full, .biebwidget-content.product .head .coverplaceholder.cdsingle.full {
height: 29vw
}
}
@media only screen and (min-width: 455px) and (max-width: 750px) {
.biebwidget-content.product .intro.teaser + p {
margin-left: 33%;
padding-left: 30px
}
.biebwidget-content.product .head .coverplaceholder.full {
font-size: 1.4rem
}
}
@media only screen and (min-width: 0) and (max-width: 454px) {
.biebwidget-content.product .head {
padding-top: 20px;
padding-bottom: 20px
}
.biebwidget-content.product .head h2 {
font-size: 2.875rem;
line-height: 1.2
}
.biebwidget-content.product .head h2.long {
font-size: 2.3rem
}
.biebwidget-content.product .head p.subtitle, .biebwidget-content.product .head p.creator {
font-size: 1.725rem
}
.biebwidget-content.product .head h2.long + p.subtitle, .biebwidget-content.product .head h2.long + p.creator {
font-size: 1.725rem
}
.biebwidget-content.product .intro.teaser {
clear: left
}
}
.widget-bnl-siteheader.biebwidget-content {
padding-top: 20px
}
.widget-bnl-siteheader.biebwidget-content .globalmessage {
margin: -20px 0 20px 0;
padding: 20px;
border-radius: 0 0 10px 10px;
overflow: hidden;
background: #fff;
-webkit-box-shadow: 0 1px 3px 0 #868686;
box-shadow: 0 1px 3px 0 #868686
}
.widget-bnl-siteheader.biebwidget-content h1 a {
float: left;
margin: 0 80px 0 20px
}
.widget-bnl-siteheader.biebwidget-content img.sitelogo {
display: block;
float: left;
/*margin-bottom: 20px;*/
}
.widget-bnl-siteheader.biebwidget-content .skiplinks {
position: absolute;
top: 0;
left: 0;
margin-top: -5.7em;
display: table;
padding: 20px;
padding-right: 100%;
border: 1px solid #d0d0d0;
background-color: #f5f5f5;
z-index: 100
}
.widget-bnl-siteheader.biebwidget-content .skiplinks > a, .widget-bnl-siteheader.biebwidget-content .skiplinks > span {
display: table-cell;
vertical-align: bottom;
white-space: pre
}
.widget-bnl-siteheader.biebwidget-content .skiplinks > a ~ span:last-child {
height: 1.4em;
transition: height 0.25s
}
.widget-bnl-siteheader.biebwidget-content .skiplinks > a:focus ~ span:last-child {
height: 7em;
transition: height 0.25s
}
.widget-bnl-siteheader.biebwidget-content ul.metanav {
position: relative;
z-index: 96;
/*margin:0 11px 0 10px;*/
padding: 0 0 0.5em 0
}
.widget-bnl-siteheader.biebwidget-content ul.metanav > li {
margin-bottom: 0.5em;
padding: 0
}
.widget-bnl-siteheader.biebwidget-content ul.metanav > li > a, .widget-bnl-siteheader.biebwidget-content ul.metanav > li > button {
line-height: 16px;
padding: 0 5px 0 6px
}
.widget-bnl-siteheader.biebwidget-content ul.metanav > li > button:disabled {
display: none
}
.widget-bnl-siteheader.biebwidget-content ul.metanav li.drop > button, .widget-bnl-siteheader.biebwidget-content ul.metanav li.drop > a {
margin-right: 5px;
padding-right: 14px;
background-image: url(../images/dropdown.png);
background-repeat: no-repeat;
background-position: right 55%
}
.widget-bnl-siteheader.biebwidget-content ul.metanav li.drop > button:focus, .widget-bnl-siteheader.biebwidget-content ul.metanav li.drop:hover > button, .widget-bnl-siteheader.biebwidget-content ul.metanav li.drop.focus > button, .widget-bnl-siteheader.biebwidget-content ul.metanav li.drop > a:focus, .widget-bnl-siteheader.biebwidget-content ul.metanav li.drop:hover > a, .widget-bnl-siteheader.biebwidget-content ul.metanav li.drop.focus > a {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAJcEhZcwAACxMAAAsTAQCanBgAAABlSURBVAjXY/hfrLAJiC8BsSQQMyBhUSC+AJIHcR4B8X+oQgGoAn4gvggVfwwSMAfir1CBE0AsBqX/Q8XNYUa7A/FPqMQXKA3iO4Pkkd0QDcT/oAr+AHEITI4BzbHpQPweiJOQxQEG3G5QU8Y0nQAAAABJRU5ErkJggg==")
}
.widget-bnl-siteheader.biebwidget-content ul.metanav button.profile {
position: relative;
padding-left: 23px
}
.widget-bnl-siteheader.biebwidget-content ul.metanav button.profile::before {
position: absolute;
left: 0;
content: "";
width: 18px;
height: 100%;
background-image: url(../images/profile.png);
background-repeat: no-repeat;
background-position: 6px center
}
.widget-bnl-siteheader.biebwidget-content ul.metanav ul.submenu {
display: none;
color: #505450;
background: #fff
}
.widget-bnl-siteheader.biebwidget-content ul.metanav > li.drop:hover > ul.submenu, .widget-bnl-siteheader.biebwidget-content ul.metanav > li.drop.focus > ul.submenu {
position: absolute;
z-index: 99;
display: block;
margin-left: -1px;
padding: 9px 0 14px 0;
border: 1px solid #f0f0f0;
border-top: 0;
border-color: rgba(0, 0, 0, 0.2);
background: #fff
}
.widget-bnl-siteheader.biebwidget-content ul.metanav > li.drop > ul.submenu a, .widget-bnl-siteheader.biebwidget-content ul.metanav > li.drop > ul.submenu span {
display: block;
padding: 4px 20px;
color: #505450;
text-decoration: none
}
.widget-bnl-siteheader.biebwidget-content ul.metanav > li.drop > ul.submenu a:hover, .widget-bnl-siteheader.biebwidget-content ul.metanav > li.drop > ul.submenu a:focus, .widget-bnl-siteheader.biebwidget-content ul.metanav > li.drop > ul.submenu span:hover, .widget-bnl-siteheader.biebwidget-content ul.metanav > li.drop > ul.submenu span:focus {
color: #505450;
text-decoration: none;
background: #f0f0f0
}
.widget-bnl-siteheader.biebwidget-content ul.metanav span.loggedout ~ ul.submenu > li.loggedin, .widget-bnl-siteheader.biebwidget-content ul.metanav span.loggedin ~ ul.submenu > li.loggedout {
display: none
}
.widget-bnl-siteheader.biebwidget-content #bibliotheek-nl-content {
clear: left;
padding-bottom: 20px
}
@media only screen and (min-width: 0) and (max-width: 634px) {
.widget-bnl-siteheader.biebwidget-content {
padding-top: 15px
}
.widget-bnl-siteheader.biebwidget-content ul.metanav {
padding: 0 0 1em 0
}
.widget-bnl-siteheader.biebwidget-content h1 a {
max-width: 63%;
margin: 0 20px 10px 10px
}
.widget-bnl-siteheader.biebwidget-content img.sitelogo {
max-width: 100%
}
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul {
position: relative;
z-index: 95;
clear: both;
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-height: 10px;
padding-right: 7px;
border-radius: 6px;
color: #fff;
background: #ff7320;
min-height: 65px
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li {
float: left;
min-height: 65px;
border-right: 1px solid #ff9658
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:hover, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:focus {
background-color: #fff
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li.first:hover, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li.first:focus {
border-radius: 5px 0 0 5px
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:hover a, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:focus a {
color: #ff7320
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:hover ul li a, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:focus ul li a {
color: #505450
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li.current a {
color: #505450
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li > a, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li > span {
display: block;
padding: 17px 20px 14px 20px;
border-bottom: 1px solid transparent;
overflow: hidden;
color: #fff;
font-size: 1.9167rem;
line-height: 33px;
text-decoration: none
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li > a, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li > span {
font-family: "TheMix"
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li.drop > a, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li.drop > span {
cursor: pointer;
padding-right: 38px;
background: url(../images/dropmarker.png) right 55% no-repeat
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li.drop > a:hover, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li.drop > span:hover, .widget-bnl-navigatiebalk.biebwidget-content#navigation > ul > li.drop > a:focus, .widget-bnl-navigatiebalk.biebwidget-content#navigation > ul > li.drop > span:focus {
padding-right: 38px;
background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAGBAMAAAAibuNaAAAAG1BMVEUAAAD/cyD/cyD/cyD/cyD/cyD/cyD/cyD/cyA8uB4RAAAACHRSTlMAMM9gEO/fv8nRmxAAAAApSURBVAjXYxBkACIE6DBgbkXiajRbtCNx3To6VJC4jBFNDgxIQBRZEgAXUQWbhMEN1wAAAABJRU5ErkJggg==") right 55% no-repeat
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li.drop > a:focus, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li.drop:hover > a, .widget-bnl-navigatiebalk.biebwidget-content#navigation > ul > li.drop.focus > a, .widget-bnl-navigatiebalk.biebwidget-content#navigation > ul > li.drop > span:focus, .widget-bnl-navigatiebalk.biebwidget-content#navigation > ul > li.drop:hover > span, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li.drop.focus > span {
cursor: pointer;
padding-right: 38px;
background: #fff url(../images/dropmarker-hover.png) right 55% no-repeat
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li.drop > a[href=""] {
cursor: default
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:first-child > a, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:first-child > span {
border-radius: 6px 0 0 6px
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li.drop:first-child > a:focus, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li.drop:first-child:hover > a, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li.drop.focus:first-child > a, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li.drop:first-child > span:focus, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li.drop:first-child:hover > span, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li.drop.focus:first-child > span {
border-radius: 6px 0 0 0
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li > a:focus, .widget-bnl-navigatiebalk.biebwidget-content#navigation > ul > li:hover > a, .widget-bnl-navigatiebalk.biebwidget-content#navigation > ul > li.focus > a, .widget-bnl-navigatiebalk.biebwidget-content#navigation > ul > li > span:focus, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:hover > span, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li.focus > span {
outline: 0;
color: #ff7320;
background: #fff
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li > ul {
display: none;
color: #505450;
background: #fff
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:hover > ul, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li.focus > ul {
position: absolute;
z-index: 99;
display: block;
margin-left: 0;
padding: 9px 0 14px 0;
border: 1px solid #f0f0f0;
border-top: 0;
background: #fff
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li > ul a, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li > ul span {
display: block;
padding: 4px 20px;
color: #505450;
text-decoration: none
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li > ul a:hover, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li > ul a:focus, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li > ul span:hover, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li > ul span:focus {
color: #505450;
text-decoration: none;
background: #f0f0f0
}
@media (min-width: 0) and (max-width: 634px) {
.widget-bnl-navigatiebalk.biebwidget-content#navigation > ul {
width: 100%;
padding-right: 0
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li {
width: 50%;
min-height: 30px;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:hover, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li.focus, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:focus {
color: #ff7320;
background: #fff
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:nth-of-type(even) {
border-right: 0
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:nth-of-type(odd) {
float: left;
width: 100%
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li > a {
padding-top: 12px;
padding-bottom: 9px
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li a {
padding-left: 15px
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li > ul > li a {
font-size: inherit
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:first-child, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:first-child > a:focus, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:hover:first-child > a, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li.focus:first-child > a {
border-radius: 6px 0 0 0
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:first-child + li, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:first-child + li > a:focus, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:first-child + li:hover > a, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:first-child + li.focus > a {
border-radius: 0 6px 0 0
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:last-child:nth-of-type(even), .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:last-child:nth-of-type(even) > a:focus, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:hover:last-child:nth-of-type(even) > a, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li.focus:last-child:nth-of-type(even) > a {
border-radius: 0 0 6px 0
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:last-child:nth-of-type(odd), .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:last-child:nth-of-type(odd) > a:focus, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:hover:last-child:nth-of-type(odd) > a, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li.focus:last-child:nth-of-type(odd) > a, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:nth-last-child(2):nth-of-type(odd), .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:nth-last-child(2):nth-of-type(odd) > a:focus, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li:hover:nth-last-child(2):nth-of-type(odd) > a, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li.focus:nth-last-child(2):nth-of-type(odd) > a {
border-radius: 0 0 0 6px
}
.widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li > a, .widget-bnl-navigatiebalk.biebwidget-content #navigation > ul > li > span {
border: 0;
line-height: 25px
}
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content {
clear: both;
position: relative;
top: -20px;
margin-bottom: -20px;
padding: 30px 0 5px 0;
/*text-align:center*/
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content form {
padding: 0 10px
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .where, .widget-bnl-zoekinsiteofcatalogus.biebwidget-content input[type="text"], .widget-bnl-zoekinsiteofcatalogus.biebwidget-content .material-filter, .widget-bnl-zoekinsiteofcatalogus.biebwidget-content button.submit {
display: inline-block;
/*vertical-align:bottom*/
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .where {
margin-bottom: 2px
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .where > label {
float: left;
clear: left;
margin-top: -2px;
margin-bottom: 2px
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .where > label + label {
margin-top: 2px;
margin-bottom: -2px
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .where > label input[type="radio"] {
position: relative;
top: 1px
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .inputwrapper {
position: relative;
display: inline-block;
width: 17.6875em;
height: 1.8em;
min-width: 13em;
max-width: 40%;
margin: 3px 8.625em 5px -5px;
padding: 0 20px 0 0;
border: 1px solid transparent;
border-radius: 6px;
vertical-align: bottom;
font-size: 1.533295rem;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content:not(.interactive) .inputwrapper {
width: 26.3125em;
margin-right: 5px
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content input[type="text"] {
height: 100%;
width: 100%;
padding: 0 10px 0 10px;
border: 1px solid transparent;
border-radius: 6px;
border-color: #b8b8b8 #cdcdcd #e1e1e1 #cdcdcd;
font-size: inherit;
background: #fff;
-webkit-box-shadow: 0 1px 1px #eee inset;
box-shadow: 0 1px 1px #eee inset
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content input[type="text"]:focus {
outline: 0;
border-color: #ff7320;
-webkit-box-shadow: 0 1px 1px #d0d0d0 inset;
box-shadow: 0 1px 1px #d0d0d0 inset
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content.interactive .where {
display: none
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content.interactive input[type="text"] {
width: 100%;
padding-right: 8.625em
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content.static button.submit {
margin-left: 15px
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content button.submit {
height: 1.8em;
margin: 0 0 5px 0;
padding: 0 12px 0 17px;
border: 1px solid transparent;
border-radius: 7px;
border-color: #d8d8d8 #d2d2d2 #d5d5d5 #d2d2d2;
color: #505450;
font-size: 1.533295rem;
font-weight: bold;
background: #fff
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content button.submit:hover, .widget-bnl-zoekinsiteofcatalogus.biebwidget-content button.submit:focus {
color: #ff7320;
background: #fff
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content button.submit:hover > span, .widget-bnl-zoekinsiteofcatalogus.biebwidget-content button.submit:focus > span {
color: inherit;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABR0lEQVQ4y6XTPS9DYRQH8Eu9pCJMoo2lgkgkPofYDBJSA2KodO3UpJ+gCTFbWQwGMRCjtw+gA6JDU01ENUSCxOLxP5wrpyfPy2D4Dfeec//3eY1MIRMJHZCFY3iED3iAQ5hXvb+M+SFfjsEJGI8DGPEFUUhdffQCNXhV72/awkRQN5yKxntYgRQk+aN1aIqeI16GtqBlFTJuXYtCZhqeRO+MDjoXxawjJJYXvTs66I0L9LfBQFBa9FegUwbFf7j+m7dbkqdveCN6ZdC7GNFAICjlG9GlGNVCICgnenf1Gq2KIg131BEyxaed+r5gVgf1wIUKW4Ihrg3DGl+VuOfKdbInoKFOcAuq8Gy5Kp9QdN21STgL3LU79VyyBZEELMI+3PIo6VjswRz0waYtzLdDdAf7octS02FbUWC7fcoiaOM/QWSbQmhq3/9DpLy9sU4jAAAAAElFTkSuQmCC") right center no-repeat;
background-size: auto 75.26%
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content button.submit:focus {
outline: 0;
border-color: #b5b5b5 #d2d2d2 #e0e0e0 #d2d2d2
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content button.submit > span {
display: block;
padding-right: 1.4em;
line-height: 1.3;
background: url(../images/search.png) right center no-repeat;
background-size: auto 75.26%
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content button.submit {
font-family: "TheMix", Arial, sans-serif
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content button.submit::-moz-focus-inner {
border: 0
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content button.submit:focus > span {
margin: 1px 0 -1px 0
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .material-filter {
position: absolute;
right: -8.625em;
top: -3px;
overflow: visible;
width: 8em;
margin: 0.5em 0.66em 0.5em 0;
text-align: left
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .material-filter button {
display: block;
overflow: hidden;
width: 98%;
margin-top: -1px;
padding: 0 0 0 8px;
border-left: 1px solid #cdcdcd;
color: #505450;
font-size: 1.245795rem;
line-height: 1.692;
white-space: nowrap;
text-overflow: ellipsis;
background: url(../images/dropdown.png) 98% 60% no-repeat;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .material-filter button:hover, .widget-bnl-zoekinsiteofcatalogus.biebwidget-content .material-filter button:focus {
color: #ff7320;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAJcEhZcwAACxMAAAsTAQCanBgAAABlSURBVAjXY/hfrLAJiC8BsSQQMyBhUSC+AJIHcR4B8X+oQgGoAn4gvggVfwwSMAfir1CBE0AsBqX/Q8XNYUa7A/FPqMQXKA3iO4Pkkd0QDcT/oAr+AHEITI4BzbHpQPweiJOQxQEG3G5QU8Y0nQAAAABJRU5ErkJggg==") 98% 60% no-repeat
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .material-list {
display: none;
position: absolute;
z-index: 93;
width: 8em;
border-width: 1px;
border-style: none solid solid;
padding: 0 0 7px 0;
border-radius: 0 0 7px 7px;
border-color: #d8d8d8 #d2d2d2 #d5d5d5 #d2d2d2;
background: #fff
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .material-list.open {
display: block
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .material-list [type="radio"] {
display: none
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .material-list label {
display: block;
overflow: hidden;
padding: 2px 8px 1px 8px;
font-size: 1.245795rem;
white-space: nowrap;
text-overflow: ellipsis;
cursor: pointer
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .material-list a {
display: block;
overflow: visible;
margin-top: 5px;
border-top: 1px solid #cdcdcd;
padding: 4px 8px 0 8px;
font-size: 1.15rem
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .material-list label.current, .widget-bnl-zoekinsiteofcatalogus.biebwidget-content .material-list label:hover {
color: #fff;
background: #ff7320
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .material-list hr {
margin: 4px 8px 2px 8px;
border: 0 solid transparent;
border-top: 1px solid #cdcdcd;
height: 0
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .beta {
position: absolute;
display: inline-block;
min-height: 16px;
margin: 1em 0 0 13px;
border: 2px solid #efefef;
border-radius: 9px;
padding: 3px 0.9em 0 0.9em;
font-weight: bold;
text-transform: uppercase;
font-size: 83.33%;
color: #fff;
background-color: #090;
-webkit-box-shadow: 0 6px 3px -3px rgba(0, 0, 0, 0.25), 0 2px 1px -1px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0 6px 3px -3px rgba(0, 0, 0, 0.25), 0 2px 1px -1px rgba(0, 0, 0, 0.15) inset
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .beta:before {
position: absolute;
content: "";
width: 0;
height: 0;
left: -22px;
top: 0.3em;
margin-top: 1px;
border-style: solid;
border-width: 6px 11px;
border-color: transparent #efefef transparent transparent
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .beta:after {
position: absolute;
content: "";
width: 0;
height: 0;
left: -14px;
top: 0.3em;
margin-top: 3px;
border-style: solid;
border-width: 4px 7px;
border-color: transparent #090 transparent transparent
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .results-container {
position: absolute;
z-index: 92;
left: 0;
right: 0;
max-width: none;
width: auto;
margin: -1px 0 0 0;
border-style: solid;
border-width: 1px;
border-top: 0;
padding: 0 10px 0 10px;
text-align: left;
text-overflow: ellipsis;
border-color: #b8b8b8 #cdcdcd #e1e1e1 #cdcdcd;
background: #fff
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .results-container ::before {
content: "";
position: absolute;
top: -1em;
left: -1px;
display: block;
width: 5px;
height: 1em;
border-left: 1px solid #cdcdcd;
background-color: #fff
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .results-container::after {
content: "";
position: absolute;
top: -1em;
right: -1px;
display: block;
width: 5px;
height: 1em;
border-right: 1px solid #cdcdcd;
background-color: #fff
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .results-container ul {
margin: 0 0 10px 0;
font-size: 1.15rem
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .results-container ul li {
margin-right: -10px;
margin-left: -10px;
padding: 5px 10px;
line-height: 1.4em;
cursor: pointer
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .results-container ul li label {
cursor: pointer
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .results-container ul li:hover, .widget-bnl-zoekinsiteofcatalogus.biebwidget-content .results-container ul li.current {
background-color: #ff7320;
color: #fff
}
@media (min-width: 0) and (max-width: 800px) {
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .beta {
display: none
}
}
@media (min-width: 0) and (max-width: 634px) {
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .where > label {
float: none;
white-space: nowrap
}
}
@media (min-width: 0) and (max-width: 469px) {
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .where, .widget-bnl-zoekinsiteofcatalogus.biebwidget-content.interactive .where {
display: block
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .material-filter {
display: none
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content input[type="text"], .widget-bnl-zoekinsiteofcatalogus.biebwidget-content.interactive input[type="text"] {
min-width: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 5px;
padding-left: 5px
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .inputwrapper, .widget-bnl-zoekinsiteofcatalogus.biebwidget-content:not(.interactive) .inputwrapper {
position: relative;
max-width: none;
width: auto;
margin-right: 0;
padding-right: 0;
min-width: 0
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .results-container {
left: 0;
right: 0;
max-width: none;
width: auto;
padding: 0 10px
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content .results-container::after {
content: "";
top: -1em;
height: 1em
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content button.submit {
padding-left: 7px
}
.widget-bnl-zoekinsiteofcatalogus.biebwidget-content button.submit.submit > span {
text-indent: -9999em
}
}
.widget-bnl-footer.biebwidget-content {
position: relative;
float: right;
clear: both;
width: 100%;
padding-top: 30px
}
.widget-bnl-footer.biebwidget-content > .plectrum {
position: absolute;
z-index: -1;
right: -50px;
bottom: 0;
height: 126px;
width: 139px;
background-image: url(../images/widget/bg-plectrum.png);
background-repeat: no-repeat
}
.widget-bnl-footer.biebwidget-content .nav {
overflow: hidden;
margin-bottom: 20px;
padding: 20px 20px 40px 20px;
color: #fff;
background: #505450;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25)
}
.widget-bnl-footer.biebwidget-content .nav a, .widget-bnl-footer.biebwidget-content .nav * a {
color: #fff
}
.widget-bnl-footer.biebwidget-content .nav a:hover, .widget-bnl-footer.biebwidget-content .nav a:focus, .widget-bnl-footer.biebwidget-content .nav * a:hover, .widget-bnl-footer.biebwidget-content .nav * a:focus {
color: #ff7320
}
.widget-bnl-footer.biebwidget-content .nav .link-list > li > a {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAHCAYAAAArkDztAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAAZklEQVR42mL4//9/GhCvAmJBIGaAYYAAYmJgYFAC4lAg3g3EggxQABBAMBUz/0PAO6gJDAABxICkveM/AhgDBBBMsBxJEKwDIIBAgmegAndBKmEmAAQQI8gIoF3vgXgWlAYDgAADAL8QbWY6vj2VAAAAAElFTkSuQmCC")
}
.widget-bnl-footer.biebwidget-content .nav .link-list > li > a:hover, .widget-bnl-footer.biebwidget-content .nav .link-list > li > a:focus {
background-image: url(../images/link-item-hover.png)
}
.widget-bnl-footer.biebwidget-content .column {
float: left;
width: 17%;
min-width: 11em;
min-height: 120px;
padding-left: 2%
}
.widget-bnl-footer.biebwidget-content .column:first-child {
width: 21%;
padding-left: 0
}
.widget-bnl-footer.biebwidget-content h2 {
margin: 0 20px 15px 0;
padding-top: 15px;
font-size: 1.4375rem
}
.widget-bnl-footer.biebwidget-content .nav .plectrum {
position: absolute
}
.widget-bnl-footer.biebwidget-content .nav .plectrum > *:first-child {
margin-top: 154px
}
.widget-bnl-footer.biebwidget-content .nav .plectrum img {
position: absolute;
top: -55px;
left: 0
}
.widget-bnl-footer.biebwidget-content .metanav {
margin: 0 90px 20px 0
}
@media (min-width: 900px) and (max-width: 1024px) {
.widget-bnl-footer.biebwidget-content > .plectrum {
right: -15px
}
}
@media (min-width: 0) and (max-width: 916px) {
.widget-bnl-footer.biebwidget-content .column {
min-width: 23%;
min-height: 0
}
.widget-bnl-footer.biebwidget-content .column:first-child {
width: auto
}
.widget-bnl-footer.biebwidget-content > .plectrum {
display: none
}
.widget-bnl-footer.biebwidget-content .metanav {
margin-right: 0
}
}
@media (min-width: 634px) and (max-width: 916px) {
.widget-bnl-footer.biebwidget-content .nav .plectrum img {
max-width: 160px
}
.widget-bnl-footer.biebwidget-content .column:first-child + .column {
padding-top: 100px
}
}
@media (min-width: 0) and (max-width: 634px) {
.widget-bnl-footer.biebwidget-content .nav .plectrum img {
max-width: 100px
}
.widget-bnl-footer.biebwidget-content .column:first-child + .column {
padding-top: 33px
}
.widget-bnl-footer.biebwidget-content .column {
min-height: 10%;
width: 40%;
padding-right: 8%
}
.widget-bnl-footer.biebwidget-content .column:nth-child(4) {
clear: left
}
}
.biebwidget-content.widget-bnl-category .gids {
background: #fafafa url(../images/plectrum-large-gids.png) no-repeat center;
background-size: 95%
}
.biebwidget-content.widget-bnl-category .gids > .container {
background: -moz-linear-gradient(left, rgba(250, 250, 250, 0) 0, rgba(250, 250, 250, 0.005) 15px, rgba(250, 250, 250, 0.965) 35px, rgba(250, 250, 250, 0.965) 50%, rgba(250, 250, 250, 0) 50%), -moz-linear-gradient(right, rgba(250, 250, 250, 0) 0, rgba(250, 250, 250, 0.005) 15px, rgba(250, 250, 250, 0.965) 35px, rgba(250, 250, 250, 0.965) 50%, rgba(250, 250, 250, 0) 50%);
background: -webkit-linear-gradient(left, rgba(250, 250, 250, 0) 0, rgba(250, 250, 250, 0.005) 15px, rgba(250, 250, 250, 0.965) 35px, rgba(250, 250, 250, 0.965) 50%, rgba(250, 250, 250, 0) 50%), -webkit-linear-gradient(right, rgba(250, 250, 250, 0) 0, rgba(250, 250, 250, 0.005) 15px, rgba(250, 250, 250, 0.965) 35px, rgba(250, 250, 250, 0.965) 50%, rgba(250, 250, 250, 0) 50%);
background: linear-gradient(to left, rgba(250, 250, 250, 0) 0, rgba(250, 250, 250, 0.005) 15px, rgba(250, 250, 250, 0.965) 35px, rgba(250, 250, 250, 0.965) 50%, rgba(250, 250, 250, 0) 50%), linear-gradient(to right, rgba(250, 250, 250, 0) 0, rgba(250, 250, 250, 0.005) 15px, rgba(250, 250, 250, 0.965) 35px, rgba(250, 250, 250, 0.965) 50%, rgba(250, 250, 250, 0) 50%)
}
.biebwidget-content.widget-bnl-category .gids h3 {
margin: 0 160px;
padding: 57px 0 20px 0;
text-align: center
}
.biebwidget-content.widget-bnl-category .gids .container {
margin: 0 160px;
padding: 0 0 30px 0
}
.biebwidget-content.widget-bnl-category .gids .container > dl {
position: relative;
padding-right: 40px
}
.biebwidget-content.widget-bnl-category .gids .container > dl > dt {
clear: none;
width: 50%;
padding: 0 8em 12px 40px;
background-image: none
}
.biebwidget-content.widget-bnl-category .gids .container > dl > dt:nth-of-type(odd) {
clear: left
}
@media only screen and (min-width: 1051px) {
.biebwidget-content.widget-bnl-category .gids .container > dl dt + dd + dd {
margin-top: 2em
}
.biebwidget-content.widget-bnl-category .gids .container > dl dt + dd + dd + dd {
margin-top: 4em
}
.biebwidget-content.widget-bnl-category .gids .container > dl dt + dd + dd + dd + dd {
margin-top: 6em
}
.biebwidget-content.widget-bnl-category .gids .container > dl dt + dd + dd + dd + dd + dd {
margin-top: 8em
}
.biebwidget-content.widget-bnl-category .gids .container > dl dt + dd + dd + dd + dd + dd + dd {
margin-top: 10em
}
.biebwidget-content.widget-bnl-category .gids .container > dl dt + dd + dd + dd + dd + dd + dd + dd {
margin-top: 12em
}
.biebwidget-content.widget-bnl-category .gids .container > dl dt + dd + dd + dd + dd + dd + dd + dd + dd {
margin-top: 14em
}
.biebwidget-content.widget-bnl-category .gids .container > dl dt + dd + dd + dd + dd + dd + dd + dd + dd + dd {
margin-top: 16em
}
.biebwidget-content.widget-bnl-category .gids .container > dl dt + dd + dd + dd + dd + dd + dd + dd + dd + dd + dd {
margin-top: 18em
}
}
.biebwidget-content.widget-bnl-category .gids .container > dl > dd {
float: left;
width: 15%;
margin: 0 0 0 -8em;
padding: 0 0 11px 0
}
.biebwidget-content.widget-bnl-category .gids .container::after {
content: "";
float: left;
display: block;
height: 20px;
width: 100%
}
.biebwidget-content.widget-bnl-category .gids .container p {
padding: 0 40px
}
@media only screen and (min-width: 0) and (max-width: 1050px) {
.biebwidget-content.widget-bnl-category .gids .container > dl > dt {
clear: both;
width: 75%;
width: calc(100% - 8.1em);
padding: 0 0 12px 40px
}
.biebwidget-content.widget-bnl-category .gids .container > dl > dt:nth-of-type(odd) {
clear: both
}
.biebwidget-content.widget-bnl-category .gids .container > dl > dd {
float: right;
width: 25%;
width: calc(8em);
margin: 0
}
}
@media only screen and (min-width: 700px) and (max-width: 900px) {
.biebwidget-content.widget-bnl-category .gids .container, .biebwidget-content.widget-bnl-category .gids h3 {
margin: 0 80px
}
}
@media only screen and (min-width: 500px) and (max-width: 700px) {
.biebwidget-content.widget-bnl-category .gids .container, .biebwidget-content.widget-bnl-category .gids h3 {
margin: 0 20px
}
.biebwidget-content.widget-bnl-category .gids .container > dl {
background: 0
}
}
@media only screen and (min-width: 0) and (max-width: 666px) {
.biebwidget-content.widget-bnl-category .gids h3 {
text-align: left
}
}
@media only screen and (min-width: 0) and (max-width: 500px) {
.biebwidget-content.widget-bnl-category .gids {
background: #fafafa
}
.biebwidget-content.widget-bnl-category .gids .container, .biebwidget-content.widget-bnl-category .gids h3 {
margin: 0 20px
}
.biebwidget-content.widget-bnl-category .gids .container > dl {
padding-right: 20px;
background: 0
}
.biebwidget-content.widget-bnl-category .gids .container > dl > dt {
padding-left: 20px
}
}
@media only screen and (min-width: 0) and (max-width: 400px) {
.biebwidget-content.widget-bnl-category .gids .container, .biebwidget-content.widget-bnl-category .gids h3 {
margin: 0
}
}
.standard.biebwidget .widget-bnl-catalogusoverview.biebwidget-content .main-column .head {
overflow: hidden;
margin-top: -40px;
margin-right: -40px;
margin-left: -40px
}
.widget-bnl-catalogusoverview.biebwidget-content .main-column .head, .widget-bnl-category.biebwidget-content .main-column .head {
position: relative;
min-height: 100px;
margin-bottom: 20px;
padding: 40px 40px;
background-color: #595959;
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
background-size: cover;
background-position: left-center
}
.widget-bnl-catalogusoverview.biebwidget-content .main-column .head {
min-height: 70px;
padding-bottom: 20px
}
.widget-bnl-catalogusoverview.biebwidget-content .main-column .head::before, .widget-bnl-category.biebwidget-content .main-column .head::before {
position: absolute;
top: 0;
left: 0;
content: "";
display: block;
width: 42.5em;
height: 100%;
background: url(../images/gradient-left.png) repeat-y left top;
background-size: 100%
}
.widget-bnl-catalogusoverview.biebwidget-content .main-column .head > *, .widget-bnl-category.biebwidget-content .main-column .head > * {
position: relative
}
.widget-bnl-catalogusoverview.biebwidget-content .head h2 {
color: inherit
}
.widget-bnl-category.biebwidget-content .head h2 {
margin-top: 70px;
color: inherit
}
.widget-bnl-catalogusoverview.biebwidget-content .head .additional, .widget-bnl-category.biebwidget-content .head .additional {
max-width: 500px;
font-size: 1.725rem;
color: inherit
}
.widget-bnl-catalogusoverview.biebwidget-content .head .additional a, .widget-bnl-category.biebwidget-content .head .additional a {
color: inherit
}
.widget-bnl-catalogusoverview.biebwidget-content .head .additional a:hover, .widget-bnl-catalogusoverview.biebwidget-content .head .additional a:focus, .widget-bnl-category.biebwidget-content .head .additional a:hover, .widget-bnl-category.biebwidget-content .head .additional a:focus {
color: inherit;
text-decoration: none
}
.widget-bnl-catalogusoverview.biebwidget-content .head .back.quaternary.button, .widget-bnl-category.biebwidget-content .head .back.quaternary.button {
background-image: url(../images/button-quaternary-back-white.png)
}
@media only screen and (min-width: 0) and (max-width: 634px) {
.widget-bnl-catalogusoverview.biebwidget-content .head h2, .widget-bnl-category.biebwidget-content .head h2 {
font-size: 2.875rem
}
}
.widget-bnl-catalogusoverview.biebwidget-content .tablinks > ul {
padding-left: 0;
text-align: left
}
.widget-bnl-catalogusoverview.biebwidget-content .tablinks > ul > li {
margin-right: 20px;
margin-left: 0
}
.bordered.biebwidget .widget-bnl-category.biebwidget-content .main-column > h2:first-child {
padding: 40px 40px 0 40px
}
.bordered.biebwidget .widget-bnl-category.biebwidget-content .main-column > h2:first-child ~ p {
padding-right: 40px;
padding-left: 40px
}
.bordered.biebwidget .widget-bnl-category.biebwidget-content .table.section {
margin-right: 40px;
margin-left: 40px
}
.bordered.biebwidget .widget-bnl-category.biebwidget-content .richtext.section + .section {
margin-top: 20px
}
.widget-bnl-category.biebwidget-content .richtext.section:not(:empty), .widget-bnl-category.biebwidget-content .libraryfinder.section {
overflow: hidden;
margin-top: 20px
}
.widget-bnl-category.biebwidget-content .signpost.section {
margin-top: 20px
}
.widget-bnl-category.biebwidget-content .slidingnav.oneway > button.passive {
display: none
}
.biebwidget-content .slidingnav.large button.prev, .biebwidget-content .slidingnav.large button.next {
width: 28px;
height: 46px;
margin: 0 0.5%;
padding: 10px 1.4%
}
.biebwidget-content .slidingnav.large button.prev, .biebwidget-content .slidingnav.large button.prev.passive {
background-image: url(../images/nav-prev-huge.png)
}
.biebwidget-content .slidingnav.large button.next, .biebwidget-content .slidingnav.large button.next.passive {
background-image: url(../images/nav-next-huge.png)
}
.biebwidget-content .slidingnav.large button.prev:not(.passive):hover, .biebwidget-content .slidingnav.large button.prev:not(.passive):focus {
background-image: url(../images/nav-prev-huge-hover.png);
background-color: transparent
}
.biebwidget-content .slidingnav.large button.next:not(.passive):hover, .biebwidget-content .slidingnav.large button.next:not(.passive):focus {
background-image: url(../images/nav-next-huge-hover.png);
background-color: transparent
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner.interactive {
position: relative
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner.interactive > li {
position: absolute;
top: 0;
background-color: #fff
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner > li:not(:only-child) {
width: 90%
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner.interactive > li > div, .widget-bnl-category.biebwidget-content .scrollableimagebanner.interactive > li > div > div.content, .widget-bnl-category.biebwidget-content .scrollableimagebanner.interactive > li > div > div.overlay {
-webkit-transition-delay: 0;
-webkit-transition-duration: 0.7s;
-webkit-transition-property: opacity;
-o-transition-delay: 0;
-o-transition-duration: 0.7s;
-o-transition-property: opacity;
transition-delay: 0;
transition-duration: 0.7s;
transition-property: opacity
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner.interactive > li.partial > div {
opacity: 0.4
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner.interactive > li.partial > div > .content, .widget-bnl-category.biebwidget-content .scrollableimagebanner.interactive > li.partial > div > .overlay {
opacity: 0
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner > li > div {
position: relative;
min-height: 400px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner .white {
background-color: #595959
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner .white::before {
position: absolute;
bottom: 0;
left: 0;
content: "";
display: block;
width: 100%;
height: 12.67em;
background: url(../images/gradient-bottom.png) repeat-x left bottom;
background-size: auto 100%
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner div.overlay, .widget-bnl-category.biebwidget-content .scrollableimagebanner .white > div.content, .widget-bnl-category.biebwidget-content .scrollableimagebanner .white .button.tertiary, .widget-bnl-category.biebwidget-content .scrollableimagebanner .white .button.quaternary {
color: #fff
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner .white .button.quaternary {
background-image: url(../images/button-quaternary-white.png)
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner .white .button.tertiary:focus, .widget-bnl-category.biebwidget-content .scrollableimagebanner .white .button.tertiary:hover {
color: #fff;
text-decoration: underline
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner .white .button.quaternary:focus, .widget-bnl-category.biebwidget-content .scrollableimagebanner .white .button.quaternary:hover {
color: #fff;
text-decoration: none
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner .content {
position: absolute;
bottom: 0;
left: 0;
padding: 25px 40px
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner div.overlayed .content {
padding-right: 260px
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner h3 {
font-size: 4.025rem;
color: #ff7320
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner .white h3 {
color: #fff
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner h3, .widget-bnl-category.biebwidget-content .scrollableimagebanner p.tagline {
line-height: 1.2
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner .white h3, .widget-bnl-category.biebwidget-content .scrollableimagebanner .white p.tagline, .widget-bnl-category.biebwidget-content .scrollableimagebanner .white .tertiary.button:not(:hover):not(:focus), .widget-bnl-category.biebwidget-content .scrollableimagebanner .white .quaternary.button:not(:hover):not(:focus) {
text-shadow: 0 0 3px rgba(0, 0, 0, 0.3)
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner p.tagline {
font-size: 1.5295rem
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner p.tagline + p {
margin-top: 5px
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner .primary.button, .widget-bnl-category.biebwidget-content .scrollableimagebanner .secondary.button {
margin-left: 0
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner .overlay {
position: absolute;
right: 0;
bottom: 0;
float: right;
min-width: 171px;
max-width: 220px;
min-height: 96px;
padding: 40px 10px 20px 10px;
text-align: center;
line-height: 1.1;
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
background-image: url(../images/plectrum-banner-bottomright.png)
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner .overlay > span {
display: block
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner .overlay > span:first-child {
font-size: 5.75rem
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner .overlay > span + span {
font-size: 2.3rem
}
@media only screen and (min-width: 0) and (max-width: 569px) {
.widget-bnl-category.biebwidget-content .scrollableimagebanner > li > div {
min-height: 0;
padding: 179px 20px 20px 20px
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner .content, .widget-bnl-category.biebwidget-content .scrollableimagebanner div.overlayed .content {
position: relative;
padding: 0
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner .overlay {
display: none
}
.widget-bnl-category.biebwidget-content .scrollableimagebanner h3 {
font-size: 2.5875rem
}
}
.widget-bnl-category.biebwidget-content .simplebanner {
position: relative;
display: block;
min-height: 260px;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: center center
}
.widget-bnl-category.biebwidget-content .simplebanner.imageless {
min-height: 164px
}
.widget-bnl-category.biebwidget-content .simplebanner > .wrapper {
height: 100%;
overflow: hidden;
padding: 20px 8.5% 20px 11.083%
}
.widget-bnl-category.biebwidget-content .simplebanner.overlayed > .wrapper:before, .widget-bnl-category.biebwidget-content .simplebanner.overlayed > .wrapper:after {
position: absolute;
display: block;
content: ""
}
.widget-bnl-category.biebwidget-content .simplebanner.overlayed > .wrapper:before {
left: 0;
bottom: 0;
width: 133px;
height: 171px;
margin-left: -133px;
padding-left: 11.083%;
background: url(../images/plectrum-banner-bottomleft.png) no-repeat right bottom
}
.widget-bnl-category.biebwidget-content .simplebanner.overlayed > .wrapper:after {
right: 0;
top: 0;
width: 102px;
height: 111px;
margin-right: -102px;
padding-right: 8.5%;
background: url(../images/plectrum-banner-topright.png) no-repeat left top
}
.widget-bnl-category.biebwidget-content .simplebanner.overlayed > .wrapper {
min-height: 220px
}
.widget-bnl-category.biebwidget-content .simplebanner.imageless > .wrapper.separator {
background: url(../images/bg-dotted-vertical.png) repeat-y 60% top content-box
}
.widget-bnl-category.biebwidget-content .simplebanner .wrapper .main-info {
float: left;
width: 60%
}
.widget-bnl-category.biebwidget-content .simplebanner .wrapper .main-info .wrapper {
margin: 60px 20px 60px 0;
padding: 0 20px 0 20px
}
.widget-bnl-category.biebwidget-content .simplebanner.imageless .wrapper .main-info .wrapper {
margin: 20px 20px 20px 0
}
.widget-bnl-category.biebwidget-content .simplebanner .wrapper .main-info .wrapper h3 {
margin-bottom: 10px;
font-weight: normal;
font-size: 2.6795rem;
line-height: 1.2;
color: #ff7320
}
.widget-bnl-category.biebwidget-content .simplebanner.imageless .wrapper .main-info .wrapper h3 {
font-size: 1.9205rem
}
.widget-bnl-category.biebwidget-content .simplebanner.white {
background-color: #595959
}
.widget-bnl-category.biebwidget-content .simplebanner.white::before {
position: absolute;
top: 0;
left: 0;
content: "";
display: block;
width: 42.5em;
height: 100%;
background: url(../images/gradient-left.png) repeat-y left top;
background-size: 100%
}
.widget-bnl-category.biebwidget-content .simplebanner.white.twoblocks::before {
width: 100%;
background-image: none;
background-color: rgba(0, 0, 0, 0.2)
}
.widget-bnl-category.biebwidget-content .simplebanner.white .wrapper {
position: relative
}
.widget-bnl-category.biebwidget-content .simplebanner.white .wrapper .main-info .wrapper h3, .widget-bnl-category.biebwidget-content .simplebanner.white .wrapper .main-info .wrapper p, .widget-bnl-category.biebwidget-content .simplebanner.white .wrapper .main-info .wrapper a.tertiary.button, .widget-bnl-category.biebwidget-content .simplebanner.white .wrapper .main-info .wrapper a.quaternary.button, .widget-bnl-category.biebwidget-content .simplebanner.white .wrapper .extra-info .wrapper h4, .widget-bnl-category.biebwidget-content .simplebanner.white .wrapper .extra-info .wrapper ul, .widget-bnl-category.biebwidget-content .simplebanner.white .wrapper .extra-info .wrapper li, .widget-bnl-category.biebwidget-content .simplebanner.white .wrapper .extra-info .wrapper p, .widget-bnl-category.biebwidget-content .simplebanner.white .wrapper .extra-info .wrapper a {
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.3)
}
.widget-bnl-category.biebwidget-content .simplebanner.white .wrapper .main-info .wrapper a.quaternary.button {
background-image: url(../images/button-quaternary-white.png)
}
.widget-bnl-category.biebwidget-content .simplebanner.white .wrapper .main-info .wrapper a.tertiary.button:hover, .widget-bnl-category.biebwidget-content .simplebanner.white .wrapper .main-info .wrapper a.tertiary.button:focus {
text-decoration: underline;
color: #fff
}
.widget-bnl-category.biebwidget-content .simplebanner.white .wrapper .main-info .wrapper a.quaternary.button:hover, .widget-bnl-category.biebwidget-content .simplebanner.white .wrapper .main-info .wrapper a.quaternary.button:focus, .widget-bnl-category.biebwidget-content .simplebanner.white .wrapper .extra-info .wrapper a:hover, .widget-bnl-category.biebwidget-content .simplebanner.white .wrapper .extra-info .wrapper a:focus {
text-decoration: none;
color: #fff
}
.widget-bnl-category.biebwidget-content .simplebanner .wrapper .extra-info {
float: left;
width: 40%
}
.widget-bnl-category.biebwidget-content .simplebanner .wrapper .extra-info .wrapper {
margin: 60px 0 52px 20px;
padding: 13px 20px 8px 20px
}
.widget-bnl-category.biebwidget-content .simplebanner.imageless .wrapper .extra-info .wrapper {
margin: 12px 0 20px 20px
}
.widget-bnl-category.biebwidget-content .simplebanner .wrapper .extra-info .wrapper h4 {
margin-bottom: 10px;
font-weight: normal;
font-size: 1.5295rem;
line-height: 1.2
}
.widget-bnl-category.biebwidget-content .simplebanner .wrapper .extra-info .wrapper ul li {
margin: 0 16px 5px
}
@media only screen and (min-width: 0) and (max-width: 450px) {
.widget-bnl-category.biebwidget-content .simplebanner.overlayed > .wrapper:before {
display: none
}
.widget-bnl-category.biebwidget-content .simplebanner.overlayed > .wrapper:after {
padding-right: 20%
}
.widget-bnl-category.biebwidget-content .simplebanner.imageless > .wrapper.separator {
background: 0
}
.widget-bnl-category.biebwidget-content .simplebanner .wrapper .main-info, .widget-bnl-category.biebwidget-content .simplebanner .wrapper .extra-info {
width: 80%
}
.widget-bnl-category.biebwidget-content .simplebanner .wrapper .main-info .wrapper, .widget-bnl-category.biebwidget-content .simplebanner .wrapper .extra-info .wrapper {
margin: 20px 0;
padding-right: 20px;
padding-left: 0
}
}
.widget-bnl-category.biebwidget-content .category-page-link-list-wrapper {
padding: 40px
}
.widget-bnl-category.biebwidget-content .category-page-link-list-wrapper h3 {
text-align: center
}
.widget-bnl-category.biebwidget-content .link-list {
overflow: hidden
}
.widget-bnl-category.biebwidget-content .link-list > li {
float: left;
clear: none;
width: 22%;
margin-left: 3%;
padding: 0
}
.widget-bnl-category.biebwidget-content .link-list > li:nth-of-type(4n+1) {
clear: left
}
.widget-bnl-category.biebwidget-content .link-list > li span {
padding-left: 10px
}
@media only screen and (min-width: 0) and (max-width: 916px) {
.widget-bnl-category.biebwidget-content .link-list > li:nth-of-type(4n+1) {
clear: none
}
}
@media only screen and (min-width: 744px) and (max-width: 916px) {
.widget-bnl-category.biebwidget-content .link-list > li {
width: 30%
}
.widget-bnl-category.biebwidget-content .link-list > li:nth-of-type(3n+1) {
clear: left
}
}
@media only screen and (min-width: 570px) and (max-width: 743px) {
.widget-bnl-category.biebwidget-content .link-list > li {
width: 47%
}
.widget-bnl-category.biebwidget-content .link-list > li:nth-of-type(2n+1) {
clear: left
}
}
@media only screen and (min-width: 0) and (max-width: 569px) {
.widget-bnl-category.biebwidget-content .link-list > li {
width: 96%
}
}
.bordered.biebwidget .widget-bnl-category.biebwidget-content .scrollablelist.section {
margin: 0 40px 20px 40px
}
.widget-bnl-category.biebwidget-content .scrollablelist.section > h3:first-child {
margin-top: 33px;
text-align: center
}
.widget-bnl-category.biebwidget-content .scrollablelist.section .grid-items, .widget-bnl-category.biebwidget-content .scrollablelist.section .rich-items {
margin-left: 40px
}
.widget-bnl-category.biebwidget-content .scrollablelist.section .grid-items + p, .widget-bnl-category.biebwidget-content .scrollablelist.section .rich-items + p {
margin-left: 40px
}
.widget-bnl-category.biebwidget-content .scrollablelist.section .grid-items.narrow {
margin-left: 30px
}
.widget-bnl-category.biebwidget-content .scrollablelist.section .grid-items.high {
margin-left: 18px
}
.widget-bnl-category.biebwidget-content .scrollablelist.section .slidingnav button.prev {
left: -17px
}
.widget-bnl-category.biebwidget-content .scrollablelist.section .slidingnav button.next {
right: -17px
}
@media only screen and (min-width: 0) and (max-width: 450px) {
.bordered.biebwidget .widget-bnl-category.biebwidget-content .scrollablelist.section {
margin: 0
}
.bordered.biebwidget .widget-bnl-category.biebwidget-content .scrollablelist.section > h3:first-child {
padding-right: 40px;
padding-left: 40px
}
.bordered.biebwidget .widget-bnl-category.biebwidget-content .scrollablelist.section .highlight {
margin-right: 40px;
margin-left: 40px
}
}
.widget-bnl-category.biebwidget-content .atmosphericlist .wrapper {
position: relative;
color: #fff;
background-color: #000;
background-position: -9999px;
background-repeat: no-repeat
}
.widget-bnl-category.biebwidget-content .atmosphericlist .wrapper::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 350px;
background: inherit;
background-position: left center;
background-size: cover
}
.widget-bnl-category.biebwidget-content .atmosphericlist .wrapper div:first-child {
position: absolute;
top: 0;
bottom: 0;
left: 120px;
width: 195px;
float: left;
padding: 10px 20px;
padding-left: 40px;
background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7) 15%, #000)
}
.widget-bnl-category.biebwidget-content .atmosphericlist .wrapper div:first-child h3, .widget-bnl-category.biebwidget-content .atmosphericlist .wrapper div:first-child p {
margin-top: 20px
}
.widget-bnl-category.biebwidget-content .atmosphericlist .wrapper div + div {
margin-left: 355px;
padding: 5px 20px
}
.widget-bnl-category.biebwidget-content .atmosphericlist ul {
overflow: hidden;
height: 240px;
margin-top: 0;
margin-bottom: 5px;
border-bottom: 0;
background-image: url(../images/bg-dotted.png);
background-repeat: repeat-x;
background-position: left bottom
}
.widget-bnl-category.biebwidget-content .atmosphericlist ul:last-child {
background-image: none
}
.widget-bnl-category.biebwidget-content .atmosphericlist ul li {
margin-top: 10px
}
.widget-bnl-category.biebwidget-content .atmosphericlist h3, .widget-bnl-category.biebwidget-content .atmosphericlist a, .widget-bnl-category.biebwidget-content .atmosphericlist p {
color: #fff
}
.widget-bnl-category.biebwidget-content .atmosphericlist a:hover, .widget-bnl-category.biebwidget-content .atmosphericlist a:focus {
text-decoration: none
}
.widget-bnl-category.biebwidget-content .atmosphericlist .grid-items + p {
margin-top: 5px
}
.widget-bnl-category.biebwidget-content .atmosphericlist .button.quaternary {
background-image: url(../images/button-quaternary-white.png)
}
.widget-bnl-category.biebwidget-content .atmosphericlist .button.quaternary:hover, .widget-bnl-category.biebwidget-content .atmosphericlist .button.quaternary:focus {
text-decoration: none;
color: #fff
}
@media only screen and (min-width: 0) and (max-width: 899px) {
.widget-bnl-category.biebwidget-content .atmosphericlist .wrapper::before {
content: none
}
.widget-bnl-category.biebwidget-content .atmosphericlist .wrapper div:first-child {
position: absolute;
left: 0;
padding-left: 20px
}
.widget-bnl-category.biebwidget-content .atmosphericlist .wrapper div + div {
margin-left: 215px
}
}
@media only screen and (min-width: 0) and (max-width: 770px) {
.widget-bnl-category.biebwidget-content .atmosphericlist .wrapper div:first-child {
position: relative;
width: auto
}
.widget-bnl-category.biebwidget-content .atmosphericlist .wrapper div + div {
margin-left: 0
}
}
@media only screen and (min-width: 633px) and (max-width: 652px) {
.widget-bnl-category.biebwidget-content .atmosphericlist .grid-items > li {
margin-right: 10px
}
}
.widget-bnl-category.biebwidget-content .buttonlink.section, .widget-bnl-category.biebwidget-content .faq.section, .widget-bnl-category.biebwidget-content .paragraph.section, .widget-bnl-category.biebwidget-content .sectiontitle.section {
max-width: 640px;
margin-right: auto;
margin-left: auto;
padding-right: 40px;
padding-left: 40px
}
.widget-bnl-category.biebwidget-content .richtext img.standalone {
margin-right: auto;
margin-left: auto
}
.widget-bnl-category.biebwidget-content .buttonlink.section, .widget-bnl-category.biebwidget-content .paragraph.section, .widget-bnl-category.biebwidget-content .sectiontitle.section {
text-align: center
}
.widget-bnl-category.biebwidget-content .paragraph.section span.image ~ p, .widget-bnl-category.biebwidget-content .paragraph.section img ~ p, .widget-bnl-category.biebwidget-content .paragraph.section span.image ~ ul, .widget-bnl-category.biebwidget-content .paragraph.section img ~ ul, .widget-bnl-category.biebwidget-content .paragraph.section span.image ~ ol, .widget-bnl-category.biebwidget-content .paragraph.section img ~ ol {
text-align: left
}
.widget-bnl-category.biebwidget-content .libraryfinder {
padding: 0 40px
}
.widget-bnl-category.biebwidget-content .libraryfinder h3 {
margin-bottom: 10px;
text-align: center
}
.widget-bnl-category.biebwidget-content .signpost {
padding-right: 40px;
padding-left: 40px
}
@media only screen and (min-width: 765px) {
.bordered.biebwidget .widget-bnl-category.biebwidget-content .libraryfinder.section {
margin-right: auto;
margin-left: auto
}
.widget-bnl-category.biebwidget-content .libraryfinder {
width: 640px;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 3px;
padding: 20px 30px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2)
}
.widget-bnl-category.biebwidget-content .libraryfinder form.generated {
overflow: hidden
}
.widget-bnl-category.biebwidget-content .libraryfinder .form-row {
clear: none;
float: left
}
.widget-bnl-category.biebwidget-content .libraryfinder .form-row > label {
width: auto
}
.widget-bnl-category.biebwidget-content .libraryfinder .button.submit {
margin-top: 0;
margin-right: 0
}
}
@media only screen and (min-width: 0) and (max-width: 666px) {
.widget-bnl-category.biebwidget-content .paragraph.section, .widget-bnl-category.biebwidget-content .sectiontitle.section, .widget-bnl-category.biebwidget-content .libraryfinder h3, .widget-bnl-category.biebwidget-content .scrollablelist.section > h3:first-child, .widget-bnl-category.biebwidget-content .category-page-link-list-wrapper h3 {
text-align: left
}
}
.widget-bnl-category.biebwidget-content.action .main-column .head {
min-height: 200px;
padding-bottom: 20px
}
.widget-bnl-category.biebwidget-content.action .main-column .head::before {
width: 100%;
background: url(../images/gradient-bottom.png) repeat-x left bottom
}
.widget-bnl-category.biebwidget-content.action .main-column .head > * {
float: none;
margin-right: auto;
margin-left: auto;
padding-right: 20px;
padding-left: 20px;
text-align: center
}
.widget-bnl-category.biebwidget-content.action .main-column .head h2 {
margin-top: 150px
}
.widget-bnl-category.biebwidget-content.action h3, .widget-bnl-category.biebwidget-content.action .comparison p.sellingpoint > .value {
color: #ff7320
}
.widget-bnl-category.biebwidget-content.action .white h3 {
color: #fff
}
.widget-bnl-category.biebwidget-content.action .steps h3, .widget-bnl-category.biebwidget-content.action .features h3 {
color: inherit
}
.widget-bnl-category.biebwidget-content.action .comparison h3 {
background-color: transparent
}
.widget-bnl-category.biebwidget-content.action .paragraph.section h3 + p {
margin-top: 20px
}
.widget-bnl-category.biebwidget-content.action .actionbanner:not(:empty) {
margin-top: 60px
}
.widget-bnl-category.biebwidget-content.action ul.comparison > li {
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 3px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2)
}
.widget-bnl-category.biebwidget-content.action ul.comparison > li.highlight {
border: 2px solid #ff7320;
border-radius: 4px;
box-shadow: 0 0 2px #ff7320
}
.widget-bnl-category.biebwidget-content.action ul.comparison > li.highlight::after {
margin-left: -2px;
border: 2px solid #ff7320;
border-top: 0;
border-radius: 0 0 4px 4px;
box-shadow: 3px 2px 2px -2px rgba(255, 115, 32, 0.5), -3px 2px 2px -2px rgba(255, 115, 32, 0.5), 0 5px 0 2px #fff
}
.widget-bnl-category.biebwidget-content.action ul.comparison > li.highlight h3 {
color: #ff7320
}
.widget-bnl-category.biebwidget-content.action ul.comparison > li::after {
height: 4px;
margin-bottom: 2px;
margin-left: -1px;
border: 1px solid #ccc;
border-top: 0;
border-radius: 0 0 3px 3px;
box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 3px 0 3px #fff
}
.widget-bnl-category.biebwidget-content.action .libraryfinder {
margin-bottom: 40px
}
.widget-bnl-category.biebwidget-content.action .buttonlink.section .button.quaternary, .widget-bnl-category.biebwidget-content.action .buttonlink.section .button.tertiary {
position: absolute;
top: 0;
left: 40px
}
.widget-bnl-category.biebwidget-content.action .buttonlink.section .primary.button {
font-size: 1.725rem
}
.bordered.biebwidget .widget-bnl-category.biebwidget-content.action .libraryfinder.section, .bordered.biebwidget .widget-bnl-category.biebwidget-content.action .scrollableimagebanner.section:not(:first-child), .bordered.biebwidget .widget-bnl-category.biebwidget-content.action .paragraph.section h3, .bordered.biebwidget .widget-bnl-category.biebwidget-content.action .sectiontitle.section h3 {
margin-top: 40px
}
.bordered.biebwidget .widget-bnl-category.biebwidget-content.action .buttonlink.section {
position: relative;
margin-top: 13px;
margin-bottom: 40px;
padding-top: 40px
}
@media only screen and (min-width: 711px) {
.widget-bnl-category.biebwidget-content.action ol.steps > li {
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 3px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2)
}
.widget-bnl-category.biebwidget-content.action ol.steps > li::after {
height: 4px;
margin-bottom: 2px;
margin-left: -1px;
border: 1px solid #ccc;
border-top: 0;
border-radius: 0 0 3px 3px;
box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 3px 0 3px #fff
}
}
.biebwidget-content .actionbanner {
position: relative
}
.biebwidget-content .actionbanner:not(:empty) {
margin-top: 40px;
margin-bottom: 20px;
padding-top: 25px;
padding-bottom: 30px;
background-color: #efefef
}
.biebwidget-content .actionbanner .imagewrapper {
position: absolute;
bottom: 0;
width: 34%;
height: 100%
}
.biebwidget-content .actionbanner .imagewrapper > .image {
position: relative;
display: inline-block;
width: 100%;
height: 100%
}
.biebwidget-content .actionbanner .imagewrapper > .image > img {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
max-width: 100%;
max-height: 100%;
height: auto;
margin: auto auto auto 0
}
.biebwidget-content .actionbanner h3, .biebwidget-content .actionbanner p {
margin-left: 34%;
margin-right: 23%;
padding-left: 40px
}
@media only screen and (max-width: 710px) {
.biebwidget-content .actionbanner h3, .biebwidget-content .actionbanner p {
padding-right: 20px;
margin-right: 0
}
}
@media only screen and (min-width: 0) and (max-width: 469px) {
.biebwidget-content .actionbanner .imagewrapper {
top: 20px;
width: 100%;
height: 150px
}
.biebwidget-content .actionbanner .imagewrapper > .image > img {
position: relative;
height: auto;
width: auto
}
.biebwidget-content .actionbanner h3:first-child, .biebwidget-content .actionbanner p:first-child {
margin-top: 188px
}
.biebwidget-content .actionbanner h3, .biebwidget-content .actionbanner p {
margin-left: 0
}
}
.biebwidget-content .articlehighlighted {
position: relative
}
.biebwidget-content .articlehighlighted .wrapper {
min-height: 300px;
background-color: #595959;
background-repeat: no-repeat;
background-size: auto 100%
}
.biebwidget-content .articlehighlighted .background-image {
position: absolute;
height: 100%;
width: 100%;
z-index: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: right center
}
.biebwidget-content .articlehighlighted .background-image::before {
content: "";
display: inline-block;
height: 100%;
width: 100%
}
.biebwidget-content .articlehighlighted div.article_highlighted_text {
position: relative
}
.biebwidget-content .articlehighlighted span.imgwrapper {
float: right;
height: auto;
width: calc(50% - 25px);
max-width: 384px;
max-height: 384px;
padding-left: 40px;
overflow: hidden
}
.biebwidget-content .articlehighlighted span.imgwrapper img {
max-width: 100%;
max-height: 100%;
display: block
}
.biebwidget-content .articlehighlighted > div.has-background-image div.article_highlighted_text {
display: inline-block;
width: 100%;
padding: 0
}
.biebwidget-content .articlehighlighted > div.has-background-image div.content {
width: 50%;
padding: 40px 35% 40px 40px;
background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0) 100%)
}
.biebwidget-content .articlehighlighted > div > div.article_highlighted_text {
padding: 40px
}
.biebwidget-content .articlehighlighted > div > div.article_highlighted_text div.content > h3 {
font-size: 3.45rem
}
.biebwidget-content .articlehighlighted > div > div.article_highlighted_text div.content > p {
padding: 20px 0
}
.biebwidget-content .articlehighlighted > div > div.article_highlighted_text div.content > h3 a, .biebwidget-content .articlehighlighted > div > div.article_highlighted_text div.content > p, .biebwidget-content .articlehighlighted > div > div.article_highlighted_text div.content .tertiary, .biebwidget-content .articlehighlighted > div > div.article_highlighted_text div.content .quaternary {
color: #fff
}
.biebwidget-content .articlehighlighted > div > div.article_highlighted_text div.content > h3 a:hover, .biebwidget-content .articlehighlighted > div > div.article_highlighted_text div.content .tertiary:hover, .biebwidget-content .articlehighlighted > div > div.article_highlighted_text div.content .quaternary:hover {
text-decoration: none
}
.biebwidget-content .articlehighlighted > div > div.article_highlighted_text div.content .button {
margin-left: 0
}
.biebwidget-content .articlehighlighted > div > div.article_highlighted_text div.content .quaternary {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAPUlEQVQI12P4//9/BxQzwDCIOPMfAmYiCwoiSYBoF5gWkMRuqMQ7mMAqmAAQGzNAGf+hKgVhZoJUpSHbDgCyvnhVII5begAAAABJRU5ErkJggg==")
}
.biebwidget-content .articlehighlighted > div > div.article_highlighted_text::after {
content: "";
display: block;
clear: both
}
@media only screen and (max-width: 750px) {
.biebwidget-content .articlehighlighted .has-background-image div.article_highlighted_text div.content {
width: calc(100% - 80px);
padding-right: 40px
}
.biebwidget-content .articlehighlighted div.article_highlighted_text div.content span.imgwrapper {
display: block;
float: none;
width: 100%;
padding: 0
}
}
.biebwidget-content .combocollection .widget-bnl-combo.bordered p, .biebwidget.bordered .widget-bnl-combo.biebwidget-content p, .biebwidget-content .combocollection .widget-bnl-combo.bordered ul, .biebwidget.bordered .widget-bnl-combo.biebwidget-content ul, .biebwidget-content .combocollection .widget-bnl-combo.bordered ol, .biebwidget.bordered .widget-bnl-combo.biebwidget-content ol {
margin-right: 20px;
margin-left: 20px
}
.biebwidget-content .combocollection .widget-bnl-combo.bordered ul.slidingitems, .biebwidget.bordered .widget-bnl-combo.biebwidget-content ul.slidingitems, .biebwidget-content .combocollection .widget-bnl-combo.bordered ul p, .biebwidget.bordered .widget-bnl-combo.biebwidget-content ul p, .biebwidget-content .combocollection .widget-bnl-combo.bordered ol p, .biebwidget.bordered .widget-bnl-combo.biebwidget-content ol p {
margin-right: 0;
margin-left: 0
}
.biebwidget-content .combocollection .widget-bnl-combo .section ~ p.section, .widget-bnl-combo.biebwidget-content .section ~ p.section, .biebwidget-content .combocollection .widget-bnl-combo .section ~ .section p, .widget-bnl-combo.biebwidget-content .section ~ .section p, .biebwidget-content .combocollection .widget-bnl-combo .section ~ .section ul, .widget-bnl-combo.biebwidget-content .section ~ .section ul, .biebwidget-content .combocollection .widget-bnl-combo .section ~ .section ol, .widget-bnl-combo.biebwidget-content .section ~ .section ol, .biebwidget-content .combocollection .widget-bnl-combo .section ~ .section iframe, .widget-bnl-combo.biebwidget-content .section ~ .section iframe, .biebwidget-content .combocollection .widget-bnl-combo .section ~ .section img, .widget-bnl-combo.biebwidget-content .section ~ .section img, .biebwidget-content .combocollection .widget-bnl-combo .section ~ .section.video, .widget-bnl-combo.biebwidget-content .section ~ .section.video, .biebwidget-content .combocollection .widget-bnl-combo .section ~ .section ul p + p, .widget-bnl-combo.biebwidget-content .section ~ .section ul p + p, .biebwidget-content .combocollection .widget-bnl-combo .section ~ .section ol p + p, .widget-bnl-combo.biebwidget-content .section ~ .section ol p + p, .biebwidget-content .combocollection .widget-bnl-combo .section ~ .section ul p.separate, .widget-bnl-combo.biebwidget-content .section ~ .section ul p.separate, .biebwidget-content .combocollection .widget-bnl-combo .section ~ .section ol p.separate, .widget-bnl-combo.biebwidget-content .section ~ .section ol p.separate {
margin-top: 13px
}
.biebwidget-content .combocollection .widget-bnl-combo .section ~ .section.video iframe, .widget-bnl-combo.biebwidget-content .section ~ .section.video iframe, .biebwidget-content .combocollection .widget-bnl-combo .section ~ .section ul img, .widget-bnl-combo.biebwidget-content .section ~ .section ul img, .biebwidget-content .combocollection .widget-bnl-combo .section ~ .section ol img, .widget-bnl-combo.biebwidget-content .section ~ .section ol img, .biebwidget-content .combocollection .widget-bnl-combo .section ~ .section ul p, .widget-bnl-combo.biebwidget-content .section ~ .section ul p, .biebwidget-content .combocollection .widget-bnl-combo .section ~ .section ol p, .widget-bnl-combo.biebwidget-content .section ~ .section ol p {
margin-top: 0
}
.biebwidget-content .combocollection .widget-bnl-combo.bordered .section:last-child, .biebwidget.bordered .widget-bnl-combo.biebwidget-content .section:last-child {
margin-bottom: 20px
}
.biebwidget-content .combocollection .widget-bnl-combo.bordered .image.section:last-child, .biebwidget.bordered .widget-bnl-combo.biebwidget-content .image.section:last-child {
margin-bottom: 0
}
.biebwidget-content .combocollection .widget-bnl-combo .section.manuallist .rich-items, .widget-bnl-combo.biebwidget-content .section.manuallist .rich-items {
border-bottom: 1px solid #d0d0d0
}
.biebwidget-content .combocollection .widget-bnl-combo .section.manuallist:last-child .rich-items, .widget-bnl-combo.biebwidget-content .section.manuallist:last-child .rich-items {
border-bottom: 0
}
.biebwidget-content .combocollection .widget-bnl-combo .section.manuallist .rich-items .viz, .widget-bnl-combo.biebwidget-content .section.manuallist .rich-items .viz {
margin-left: -100%
}
.biebwidget-content .combocollection .widget-bnl-combo .section.manuallist .rich-items img, .widget-bnl-combo.biebwidget-content .section.manuallist .rich-items img {
margin-top: 4px
}
.biebwidget-content .combocollection .widget-bnl-combo .section.manuallist .rich-items > li:last-child img, .widget-bnl-combo.biebwidget-content .section.manuallist .rich-items > li:last-child img {
margin-bottom: 5px
}
.biebwidget-content .combocollection .widget-bnl-combo .section.manuallist:last-child .rich-items > li:last-child img, .widget-bnl-combo.biebwidget-content .section.manuallist:last-child .rich-items > li:last-child img {
margin-bottom: 0
}
.biebwidget-content .combocollection .widget-bnl-combo.bordered ul.rotatingitems.interactive > li, .biebwidget.bordered .widget-bnl-combo.biebwidget-content ul.rotatingitems.interactive > li {
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.biebwidget-content .combocollection {
padding: 40px 40px 0 40px
}
.biebwidget-content .combocollection > .container {
display: block
}
.biebwidget-content .combocollection > .container > .column {
display: inline-block;
position: relative;
overflow: hidden;
width: 28%;
width: calc(33% - 27px);
margin-bottom: 40px;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
}
.biebwidget-content .combocollection > .container > .column > h3 {
margin: 15px 20px 10px 20px
}
.biebwidget-content .combocollection > .container > .column .widget-bnl-combo:not(.bordered) {
padding: 0 20px 20px 20px
}
.biebwidget-content .combocollection > .container > .column .richtext.section {
margin-left: 0;
margin-right: 0
}
.biebwidget-content .combocollection > .container > .column > .image {
display: block;
height: 250px;
margin: 0 20px 20px 20px;
background-position: center;
background-size: cover
}
.biebwidget-content .combocollection > .container.equal > .column {
width: 47%;
width: calc(50% - 45px)
}
.biebwidget-content .combocollection > .container.twothirds > .column-1, .biebwidget-content .combocollection > .container.onethird > .column-2 {
width: 62%;
width: calc(65% - 45px)
}
.biebwidget-content .combocollection > .container.twothirds > .column-2, .biebwidget-content .combocollection > .container.onethird > .column-1 {
width: 35%
}
.biebwidget-content .combocollection > .container .column-1 {
margin-right: 40px
}
.biebwidget-content .combocollection > .container .column-3 {
margin-left: 40px
}
.biebwidget-content .combocollection > .container::after {
content: "";
display: block;
clear: both
}
@media only screen and (min-width: 0) and (max-width: 960px) {
.biebwidget-content .combocollection .container.size-3 > .column {
width: 100%;
margin-left: 0;
margin-right: 0
}
}
@media only screen and (min-width: 0) and (max-width: 800px) {
.biebwidget-content .combocollection .container > .column.column-1, .biebwidget-content .combocollection .container > .column.column-2, .biebwidget-content .combocollection .container > .column.column-3 {
width: 100%
}
}
@media only screen and (min-width: 0) and (max-width: 450px) {
.biebwidget-content .combocollection {
padding-right: 20px;
padding-left: 20px
}
.biebwidget-content .combocollection > .container > .column {
box-shadow: none
}
}
.biebwidget-content ul.comparison {
position: relative;
overflow: hidden;
margin: 13px 20px;
text-align: center
}
.biebwidget-content ul.comparison > li {
display: inline-block;
width: 300px;
margin: 13px 5px -90.5em 5px;
border: 1px solid #dfdfdf;
padding-bottom: 100em;
vertical-align: top;
text-align: left
}
.biebwidget-content ul.comparison > li.highlight, .biebwidget-content ul.comparison > li.highlight::after {
border-color: #ff7320
}
.biebwidget-content ul.comparison > li::after {
content: "";
position: absolute;
bottom: 0;
width: 300px;
border-bottom: 1px solid #dfdfdf
}
.biebwidget-content ul.comparison h3 {
padding: 10px 15px;
text-align: center;
background-color: #dfdfdf
}
.biebwidget-content ul.comparison li.highlight h3 {
background-color: #ff7320;
color: #fff
}
.biebwidget-content ul.comparison p.richtext {
margin: 13px 15px;
text-align: center
}
.biebwidget-content ul.comparison ul > li {
margin: 8px 15px 5px 25px;
list-style: disc outside
}
.biebwidget-content ul.comparison p.sellingpoint {
position: absolute;
bottom: 3.85em;
width: 270px
}
.biebwidget-content ul.comparison p.sellingpoint > .value {
display: inline-block;
padding: 0 3px;
font-size: 2.3rem
}
.biebwidget-content ul.comparison p.action {
position: absolute;
bottom: 10px;
width: 270px;
margin-right: 15px;
margin-left: 15px;
text-align: center
}
.biebwidget-content ul.comparison p.sellingpoint ~ p.action {
padding-top: 1em;
background-image: url(../images/bg-dotted.png);
background-repeat: repeat-x;
background-position: left top
}
@media only screen and (min-width: 871px) and (max-width: 1025px) {
.biebwidget-content ul.comparison > li, .biebwidget-content ul.comparison > li::after {
width: 250px
}
.biebwidget-content ul.comparison p.sellingpoint, .biebwidget-content ul.comparison p.action {
width: 220px
}
}
@media only screen and (min-width: 711px) and (max-width: 870px) {
.biebwidget-content ul.comparison > li, .biebwidget-content ul.comparison > li::after {
width: 200px
}
.biebwidget-content ul.comparison p.sellingpoint, .biebwidget-content ul.comparison p.action {
width: 170px
}
.biebwidget-content ul.comparison h3 {
padding-right: 10px;
padding-left: 10px
}
.biebwidget-content ul.comparison p.richtext, .biebwidget-content ul.comparison p.action {
margin-right: 10px;
margin-left: 10px
}
.biebwidget-content ul.comparison ul > li {
margin-right: 10px;
margin-left: 20px
}
}
@media only screen and (max-width: 710px) {
.biebwidget-content ul.comparison {
margin-right: 0;
margin-left: 0
}
.biebwidget-content ul.comparison > li {
margin-bottom: 13px;
padding-bottom: 0
}
.biebwidget-content ul.comparison > li::after {
display: none
}
.biebwidget-content ul.comparison p.sellingpoint, .biebwidget-content ul.comparison p.action {
position: static;
bottom: auto;
margin-top: 10px;
margin-bottom: 10px
}
}
.biebwidget-content .coverflow {
position: relative;
min-height: 230px;
margin: 0
}
.biebwidget-content .coverflow.static {
position: static
}
.biebwidget-content .coverflow.static.withdetails .coverflow-container {
display: none
}
.biebwidget-content .coverflow.static .coverflow-container {
padding: 10px 5px 20px 20px
}
.biebwidget-content .coverflow.static .coverflow-container li.cover > a {
min-height: 195px;
float: left;
margin: 0 15px 15px 0
}
.biebwidget-content .coverflow.static .coverflow-details-container {
margin-top: 20px
}
.biebwidget-content .coverflow.interactive .coverflow-container {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
width: 100%;
height: 100%
}
.biebwidget-content .coverflow.interactive .coverflow-container li.cover > a {
display: block
}
.biebwidget-content .coverflow.interactive .coverflow-container > a {
-webkit-transition-delay: 0;
-webkit-transition-duration: 0.3s;
-webkit-transition-property: width, height, top, left;
-webkit-transition-timing-function: cubic-bezier(0.02, 0.01, 0.47, 1);
-o-transition-delay: 0;
-o-transition-duration: 0.3s;
-o-transition-property: width, height, top, left;
-o-transition-timing-function: cubic-bezier(0.02, 0.01, 0.47, 1);
transition-delay: 0;
transition-duration: 0.3s;
transition-property: width, height, top, left;
transition-timing-function: cubic-bezier(0.02, 0.01, 0.47, 1)
}
.biebwidget-content .coverflow.interactive .coverflow-container img.cover {
-webkit-box-shadow: none;
box-shadow: none
}
.biebwidget-content .coverflow.interactive h2, .biebwidget-content .coverflow.interactive .coverflow-details-container {
display: none
}
.biebwidget-content .coverflow.interactive .coverflow-info {
position: absolute;
width: 25px;
height: 25px;
background-image: url(../images/coverflow-info.png);
background-repeat: no-repeat;
cursor: pointer;
z-index: 10
}
.biebwidget-content .coverflow.interactive .coverflow-info.coverflow-close {
background-image: url(../images/coverflow-close.png)
}
.biebwidget-content .coverflow.interactive .content {
margin: 10px 160px 10px 10px;
padding: 0 10px 20px 10px
}
.biebwidget-content .coverflow.interactive .content p {
max-height: 100px;
overflow: hidden
}
.biebwidget-content .coverflow.interactive img.cover {
max-width: 100%;
max-height: 100%;
margin: 0
}
.biebwidget-content .coverflow .coverflow-container li.cover {
margin: 0 5px
}
.biebwidget-content .coverflow > button.prev, .biebwidget-content .coverflow > button.next {
position: absolute;
bottom: 94px;
display: block;
width: 14px;
height: 22px;
margin: 0 10px;
border: 0;
padding: 10px;
text-indent: -9999em;
cursor: pointer;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.biebwidget-content .coverflow > button.prev {
left: 0;
background-image: url(../images/nav-prev-larger.png)
}
.biebwidget-content .coverflow > button.prev:hover, .biebwidget-content .coverflow > button.prev:focus {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAWCAYAAADwza0nAAADZGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAwRTdDOTE0NTBGQUUwMTE5RUJDRTNGRkY2NDVCODYxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBEQTVGM0U4RkE1QjExRTBCQ0FBQzJGMEVBRkE3MUIwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBEQTVGM0U3RkE1QjExRTBCQ0FBQzJGMEVBRkE3MUIwIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE0NzgyQTBFNTlGQUUwMTE5RUJDRTNGRkY2NDVCODYxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAwRTdDOTE0NTBGQUUwMTE5RUJDRTNGRkY2NDVCODYxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+6jurdwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADGSURBVDjLndSxCsIwEMbxPEoGN5cDZ8HNN3A+cHEXHFzM4uTsKPiG9wjnl9rSkuZy1eEHpe2fNmmToKrBdY47SL2Yz/nR+8SgEwLUjl5HBq1IdvQ8MKjBCB97BjUIxHl03zKoQYDmk3PbMKhBgIZ7x+i6ZlCDAE0f8j24rBjUIEDlkPLHJVCDdNcrExj6v+GnyAszboWtVzXj4SdmJ6Z66Mez8ZbLZ3FcW3uLYmvhenFsrfpWnLwtg/8L63E3zrBws6Jys/oAhJc8KXTyTbgAAAAASUVORK5CYII=")
}
.biebwidget-content .coverflow > button.prev.passive {
cursor: default;
background-image: url(../images/nav-prev-larger-passive.png)
}
.biebwidget-content .coverflow > button.next {
right: 0;
background-image: url(../images/nav-next-larger.png)
}
.biebwidget-content .coverflow > button.next:hover, .biebwidget-content .coverflow > button.next:focus {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAWCAYAAADwza0nAAADZGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAwRTdDOTE0NTBGQUUwMTE5RUJDRTNGRkY2NDVCODYxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA0OUFFODhBRkE1QjExRTBCNjMwQTlBNUZBQTg1MDFDIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA0OUFFODg5RkE1QjExRTBCNjMwQTlBNUZBQTg1MDFDIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE0NzgyQTBFNTlGQUUwMTE5RUJDRTNGRkY2NDVCODYxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAwRTdDOTE0NTBGQUUwMTE5RUJDRTNGRkY2NDVCODYxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nx/KIwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAC9SURBVDjLndQ9CgIxEIbhPcoWdjYD1oKdN7AesLEXLGxMY2VtKXjDOcLnF6MoOJNsLB5YFl42m78BwID9OFJ6WT3fNQy474SM8EXb4W2bCA6th9dNIgQ0Di/rkYwQUD/MD+elkBEC6ofZaSFkhID6YXacCxkhoH6YHWZCRgioH5YNIWSEgMSLXI9TLdTKF9M/UTDUMsRa5ExOe1Kc5eiIPmFnVMJyiLuid5h6o1bYOMj+/024On4vK5lyWT0AZr08KUh6skwAAAAASUVORK5CYII=")
}
.biebwidget-content .coverflow > button.next.passive {
cursor: default;
background-image: url(../images/nav-next-larger-passive.png)
}
.biebwidget-content .coverflows.interactive > li {
display: none
}
.biebwidget-content .coverflows.interactive > li.current {
display: block
}
.biebwidget-content .listselection {
position: relative;
overflow: hidden;
min-height: 1.5em;
margin: 0;
border-radius: 3px;
padding: 0;
background-color: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1)
}
.biebwidget-content .listselection.interactive {
padding-right: 25px
}
.biebwidget-content .listselection button {
border: 0;
padding: 0
}
.biebwidget-content .listselection > ul.active {
background-color: #fff
}
.biebwidget-content .listselection > ul > li {
border-right: 1px solid #d0d0d0
}
.biebwidget-content .listselection > ul > li > button {
margin: 0 10px;
line-height: 1.625
}
.biebwidget-content .listselection > ul > li > button:not([disabled]):hover, .biebwidget-content .listselection > ul > li > button:not([disabled]):focus {
text-decoration: underline
}
.biebwidget-content .listselection > ul > li.current > button {
color: #ff7320
}
.biebwidget-content .listselection.static > ul > li:last-child {
border-right: 0
}
.biebwidget-content .listselection .toggle {
border-radius: 0 1px 1px 0;
background-color: #fff
}
.biebwidget-content .listselection .toggle.active, .biebwidget-content .listselection .toggle:hover, .biebwidget-content .listselection .toggle:focus {
background-color: #ff7320
}
.biebwidget-content .listselection .toggle button {
width: 25px
}
.biebwidget-content .listselection button {
font: inherit;
white-space: nowrap;
background-color: transparent;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.biebwidget-content .listselection button.passive {
cursor: auto
}
.biebwidget-content .listselection > ul.active {
overflow: auto
}
.biebwidget-content .listselection > ul > li {
float: left
}
.biebwidget-content .listselection.interactive > ul > li {
display: none
}
.biebwidget-content .listselection.interactive > ul.active > li, .biebwidget-content .listselection.interactive > ul > li.current {
display: block
}
.biebwidget-content .listselection.interactive > ul > li.current > button {
display: inline;
cursor: default
}
.biebwidget-content .listselection .toggle {
position: absolute;
top: 0;
right: 0;
height: 100%
}
.biebwidget-content .listselection .toggle button {
display: block;
text-indent: -9999em;
height: 100%;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAZElEQVQY02P4//8/Awy/SuUtBeIPQCyNzkdWVA3E/4H4JBBzovNhiuqggmeAmB+dD1IDUsQMxN+A+A8Qq6PzYTbCTMyEmnAJiEXR+XCFUMX5UMnzQMyGzmdA83UOED+HmYLMBwCs65jvNXeWyQAAAABJRU5ErkJggg==");
background-repeat: no-repeat;
background-position: center center
}
.biebwidget-content .listselection .toggle.active button, .biebwidget-content .listselection .toggle:hover button, .biebwidget-content .listselection .toggle:focus button {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAXklEQVQY02P4//8/AxIuBeIPQCyNzkdWVP0fAk4CMSc6H6aoDip4Boj5sfAZQIqYgfgbEP8BYnUsfAaYQhDOhJpwCYhFsfAZkN2YD5U8D8Rs6HwGNF/nAPFzmCnIfAB+oO2j6ioUHQAAAABJRU5ErkJggg==")
}
.biebwidget-content h2 + .listselection {
margin-left: 150px
}
.widget-bnl-schatkamer.biebwidget-content {
position: relative;
background-image: url(../images/schatkamer-bg.png);
background-repeat: repeat-x;
background-position: center top;
background-color: #d0d0d0
}
.bordered.biebwidget .widget-bnl-schatkamer.biebwidget-content > h2:first-child {
position: absolute;
margin-top: 0;
color: #505450
}
.widget-bnl-schatkamer.biebwidget-content .listselection {
position: absolute;
top: 15px;
right: 18px;
z-index: 89
}
.widget-bnl-schatkamer.biebwidget-content .coverflow {
margin-top: 3em
}
@media only screen and (min-width: 0) and (max-width: 634px) {
.biebwidget-content .coverflow.interactive .content {
margin: 10px 10px 10px 10px
}
.biebwidget-content .coverflow.interactive .coverflow-container a.active img {
display: none
}
}
.biebwidget-content .curvedbanner {
background-position: right center;
background-repeat: no-repeat;
background-size: auto 100%
}
.biebwidget-content .curvedbanner > .details {
margin-right: 287px;
padding-right: 89px
}
.biebwidget-content .curvedbanner > .details {
background-image: url(../images/widget/curve.png);
background-position: right top;
background-repeat: no-repeat;
background-size: 90px 100%
}
.biebwidget-content .curvedbanner > .details > .inner {
min-height: 230px;
padding: 0 20px 20px 20px;
background-color: #fff
}
.biebwidget-content .curvedbanner h2 {
padding: 20px 0 10px 0;
font-size: 1.725rem;
font-weight: normal;
color: #ff7320
}
.biebwidget-content .curvedbanner .inner > p {
margin-right: 20px;
margin-bottom: 20px
}
.biebwidget-content .curvedbanner .primary.button, .biebwidget-content .curvedbanner .secondary.button {
margin-left: 0
}
.biebwidget-content ul.tabs.alt + ul .curvedbanner h2 {
padding-top: 15px;
color: #505450
}
.biebwidget-column .biebwidget-content .curvedbanner {
padding-top: 113px;
background-position: center -30px;
background-repeat: no-repeat;
background-size: 100% auto
}
.biebwidget-column .biebwidget-content .curvedbanner > .details {
margin-right: 0;
padding-top: 47px;
padding-right: 0
}
.biebwidget-column .biebwidget-content .curvedbanner > .details {
background-image: url(../images/widget/curve-horizontal.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% 47px
}
.biebwidget-column .biebwidget-content .curvedbanner > .details > .inner, .biebwidget-column .biebwidget-content ul > li .curvedbanner > .details > .inner {
min-height: 0;
padding: 0 20px 20px 20px
}
@media only screen and (min-width: 917px) and (max-width: 1025px) {
.biebwidget-content .curvedbanner > .details {
margin-right: 199px
}
}
@media only screen and (min-width: 635px) and (max-width: 799px) {
.biebwidget-content .curvedbanner > .details {
margin-right: 199px
}
}
@media only screen and (min-width: 0) and (max-width: 634px) {
.biebwidget-content .curvedbanner {
padding-top: 113px;
background-position: center -30px;
background-repeat: no-repeat;
background-size: 100% auto
}
.biebwidget-content .curvedbanner > .details {
margin-right: 0;
padding-top: 47px;
padding-right: 0
}
.biebwidget-content .curvedbanner > .details {
background-image: url(../images/widget/curve-horizontal.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% 47px
}
.biebwidget-content .curvedbanner > .details > .inner {
min-height: 0;
padding: 0 20px 20px 20px;
background-color: #fff
}
}
.biebwidget-content ul.features {
margin: 13px 3%;
text-align: center
}
.biebwidget-content ul.features > li {
display: inline-block;
width: 27%;
max-width: 384px;
min-width: 200px;
margin: 13px 3%;
vertical-align: top
}
.biebwidget-content ul.features.narrow > li {
width: 43%
}
.biebwidget-content ul.features img {
max-width: 200px;
max-height: 100px;
margin-bottom: 8px
}
.biebwidget-content ul.features h3 + .richtext {
margin-top: 8px
}
.biebwidget-content .audioplayer .bordered, .biebwidget-content .get-it.bordered {
overflow: hidden;
margin-top: 20px;
margin-bottom: 20px;
border: 1px solid #d0d0d0;
border-radius: 10px;
padding: 15px 20px;
background-color: #f5f5f5
}
.biebwidget-content .get-it p.label {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.533295rem
}
.biebwidget-content .get-it p.action {
float: right;
margin-top: -5px;
text-align: right
}
.biebwidget-content .get-it p.action ~ p.action {
margin-top: 8px
}
.biebwidget-content .get-it p.action + p:not(.label), .biebwidget-content .get-it p.action + p:not(.label) + p:not(.label) {
clear: left;
float: left;
margin-top: 5px
}
.biebwidget-content .get-it.rich-items > li {
position: relative
}
.biebwidget-content .get-it.rich-items h3, .biebwidget-content .get-it.rich-items h4 {
padding-right: 8em
}
.biebwidget-content .get-it.rich-items p.action {
position: absolute;
right: 0;
top: 0;
float: none;
margin: 0
}
.biebwidget-content .get-it.rich-items > li:first-child p.action {
margin-top: -7px
}
.biebwidget-content .get-it.rich-items > li:not(:first-child) p.action {
padding-top: 10px
}
.biebwidget-content .get-it.bordered ~ .rich-items.get-it p.action {
padding-right: 21px
}
@media only screen and (min-width: 635px) and (max-width: 799px) {
.biebwidget-content .get-it.bordered p.label, .biebwidget-content .get-it.bordered p.action {
float: none;
width: auto;
margin: 0;
padding: 0;
text-align: left
}
.biebwidget-content .get-it.bordered ~ .rich-items.get-it p.action {
padding-right: 0
}
}
@media only screen and (min-width: 0) and (max-width: 469px) {
.biebwidget-content .get-it.bordered p.label, .biebwidget-content .get-it.bordered p.action {
float: none;
width: auto;
margin: 0;
padding: 0;
text-align: left
}
.biebwidget-content .get-it.bordered ~ .rich-items.get-it p.action {
padding-right: 0
}
}
.biebwidget-content .richtext img.standalone {
display: block;
float: none;
clear: both;
width: 100%;
max-width: 640px;
max-height: 1024px;
margin-right: 0
}
.biebwidget-content .richtext img.standalone.detail {
max-width: 792px;
margin-right: auto;
margin-bottom: 12px;
margin-left: auto
}
.biebwidget-content.detail .main-column-wrapper .richtext .image img.standalone.image-small, .biebwidget-content .image img.standalone.image-small {
max-width: 384px;
max-height: 614px
}
.biebwidget-content.detail .main-column-wrapper .richtext .image img.standalone.image-medium, .biebwidget-content .image img.standalone.image-medium {
max-width: 640px;
max-height: 1024px
}
.biebwidget-content.detail .main-column-wrapper .richtext .image img.standalone.image-large, .biebwidget-content .image img.standalone.image-large {
max-width: 100%;
max-height: 2048px
}
.biebwidget-content.detail .main-column-wrapper .richtext .image img.standalone.left, .biebwidget-content .image img.standalone.left {
margin-left: 0;
margin-right: auto
}
.biebwidget-content.detail .main-column-wrapper .richtext .image img.standalone.right, .biebwidget-content .image img.standalone.right {
margin-left: auto;
margin-right: 0
}
.biebwidget-content.detail .main-column-wrapper .richtext .image img.standalone.center, .biebwidget-content .image img.standalone.center {
margin-left: auto;
margin-right: auto
}
.biebwidget-content .sectioned.maintext.richtext .section + .image.section > img.standalone, .biebwidget-content .richtext .sectioned.maintext .section + .image.section > img.standalone {
margin-top: 19px
}
.biebwidget-content.detail .main-column-wrapper:not(.nav) .richtext img.standalone {
margin-right: auto;
margin-left: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.biebwidget-content .info-message, .biebwidget-content .alert-message, .biebwidget-content .error-message {
min-height: 20px;
margin: 15px 0;
padding: 15px 20px 15px 55px;
border: 1px solid transparent;
border-radius: 8px;
background-position: 10px 10px;
background-repeat: no-repeat
}
.biebwidget-content .info-message {
border-color: #2f95d0;
background-image: url(../images/letter-i-in-circle.png)
}
.biebwidget-content .alert-message {
border-color: #ff7320;
background-image: url(../images/exclamation-in-orange-circle.png)
}
.biebwidget-content .error-message {
border-color: red;
background-image: url(../images/exclamation-in-red-circle.png)
}
.biebwidget-content .message {
margin: 20px 0;
border: 1px solid #d0d0d0;
border-radius: 10px;
padding: 15px 20px;
background-repeat: no-repeat;
background-position: 10px center;
background-color: #f5f5f5
}
.biebwidget-content .message.critical {
border-color: #b6be00;
background-color: #fefff1
}
.biebwidget-content .message.info {
border-color: #2f95d0;
background-color: #eaf4fa
}
.biebwidget-content .message.info.critical {
padding-left: 53px;
border-color: #2f95d0;
background-color: #eaf4fa;
background-image: url(../images/letter-i-in-circle.png)
}
.biebwidget-content .message.alert {
border-color: #ff7320;
background-color: #fff0f0
}
.biebwidget-content .message.alert.critical {
padding-left: 53px;
border-color: red;
background-color: #fff0f0;
background-image: url(../images/exclamation-in-red-circle.png)
}
.biebwidget-content .message > p:first-child {
font-size: 1.533295rem
}
.biebwidget .biebwidget-content .nbcitemhighlighted {
position: relative;
background-repeat: no-repeat;
background-size: auto 100%
}
.biebwidget .biebwidget-content .nbcitemhighlighted .backgroundImage {
position: absolute;
height: 100%;
width: 50%;
z-index: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: right center
}
.biebwidget .biebwidget-content .nbcitemhighlighted .backgroundImage::before {
content: "";
display: inline-block;
height: 100%;
width: 100%
}
.biebwidget .biebwidget-content .nbcitemhighlighted div.article_highlighted_text {
position: relative
}
.biebwidget .biebwidget-content .nbcitemhighlighted .left .backgroundImage {
right: 0
}
.biebwidget .biebwidget-content .nbcitemhighlighted .left div.article_highlighted_text > div.content {
width: calc(62% - 45px)
}
.biebwidget .biebwidget-content .nbcitemhighlighted .left > div.content .button {
margin-left: 0
}
.biebwidget .biebwidget-content .nbcitemhighlighted .right .backgroundImage {
left: 0
}
.biebwidget .biebwidget-content .nbcitemhighlighted .right div.article_highlighted_text > div.content {
margin-left: 40.5%;
width: calc(62% - 45px)
}
.biebwidget .biebwidget-content .nbcitemhighlighted .right div.article_highlighted_text > div.content .button {
margin-left: 0
}
.biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text {
padding: 40px
}
.biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text span.imgwrapper, .biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text div.content {
float: left
}
.biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text span.imgwrapper > h3 a, .biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text div.content > h3 a, .biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text span.imgwrapper p, .biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text div.content p, .biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text span.imgwrapper .tertiary, .biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text div.content .tertiary, .biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text span.imgwrapper .quaternary, .biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text div.content .quaternary {
color: #fff
}
.biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text span.imgwrapper h3 a:hover, .biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text div.content h3 a:hover, .biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text span.imgwrapper .tertiary:hover, .biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text div.content .tertiary:hover, .biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text span.imgwrapper .quaternary:hover, .biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text div.content .quaternary:hover {
text-decoration: none
}
.biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text span.imgwrapper .quaternary, .biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text div.content .quaternary {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAPUlEQVQI12P4//9/BxQzwDCIOPMfAmYiCwoiSYBoF5gWkMRuqMQ7mMAqmAAQGzNAGf+hKgVhZoJUpSHbDgCyvnhVII5begAAAABJRU5ErkJggg==")
}
.biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text::after {
content: "";
display: block;
clear: both
}
.biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text span.imgwrapper {
margin-right: 40px
}
.biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text span.imgwrapper:not(.threed) img {
width: 180px
}
.biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text span.imgwrapper.threed {
-webkit-perspective: 1000px;
perspective: 1000px;
left: -20px;
background-size: 0
}
.biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text span.imgwrapper.threed::before {
content: "";
position: absolute;
top: 0.33%;
bottom: 2.33%;
width: 25%;
left: 90%;
-webkit-transform: rotatey(65deg);
transform: rotatey(65deg);
z-index: -1;
background-image: linear-gradient(90deg, #dadada, #bababa);
background-size: 9.9%
}
.biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text span.imgwrapper.threed::after {
content: "";
position: absolute;
top: 0.75%;
bottom: 3.3%;
right: -8.15%;
width: 25%;
border: inherit;
border-left: inherit;
border-right: 0;
border-radius: 0 2px 2px 0;
z-index: -2;
background-image: inherit;
background-size: cover;
background-position: right;
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1)
}
.biebwidget .biebwidget-content .nbcitemhighlighted > div > div.article_highlighted_text span.imgwrapper.threed img.representative {
max-height: inherit;
border: 0;
border-right: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 2px;
-webkit-transform: rotatey(-20deg);
transform: rotatey(-20deg);
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
width: 180px
}
@media only screen and (max-width: 1230px) {
.biebwidget .biebwidget-content .nbcitemhighlighted .right div.article_highlighted_text div.content {
margin-left: 30%
}
}
@media only screen and (max-width: 830px) {
.biebwidget .biebwidget-content .nbcitemhighlighted .right div.article_highlighted_text div.content {
margin-left: 0
}
.biebwidget .biebwidget-content .nbcitemhighlighted .right div.article_highlighted_text div.content, .biebwidget .biebwidget-content .nbcitemhighlighted .left div.article_highlighted_text div.content {
width: calc(95% - 45px)
}
.biebwidget .biebwidget-content .nbcitemhighlighted .right div.article_highlighted_text div.content {
float: none;
width: 100%
}
}
@media only screen and (max-width: 660px) {
.biebwidget .biebwidget-content .nbcitemhighlighted .left > .backgroundImage {
background-image: none !important
}
.biebwidget .biebwidget-content .nbcitemhighlighted .left div.article_highlighted_text div.content, .biebwidget .biebwidget-content .nbcitemhighlighted .right div.article_highlighted_text div.content {
float: none;
width: 100%;
max-width: none
}
}
@media only screen and (max-width: 500px) {
.biebwidget .biebwidget-content .nbcitemhighlighted .right > .backgroundImage {
background-image: none !important
}
.biebwidget .biebwidget-content .nbcitemhighlighted .left div.article_highlighted_text div.content, .biebwidget .biebwidget-content .nbcitemhighlighted .right div.article_highlighted_text div.content {
width: 100%;
display: inline-block;
margin-top: 20px
}
.biebwidget .biebwidget-content .nbcitemhighlighted .left div.article_highlighted_text span.imgwrapper, .biebwidget .biebwidget-content .nbcitemhighlighted .right div.article_highlighted_text span.imgwrapper {
padding-left: 0;
margin-right: calc(100% - 180px);
margin-left: 0
}
}
.biebwidget-content .modalwindow-container {
position: fixed;
z-index: 101;
right: 2%;
left: 2%
}
.biebwidget-content .modalwindow {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
margin-right: auto;
margin-left: auto;
border: 1px solid #7e847e;
border-radius: 10px;
padding: 20px;
background-color: #fff
}
.biebwidget-content .modalwindow h2 {
padding: 0 16px 0.5em 0;
margin: 0;
font-family: "TheMix", Arial, sans-serif;
font-size: 1.725rem;
font-weight: normal;
color: #ff7320
}
.biebwidget-content .modalwindow button.close {
position: absolute;
right: 22px;
top: 20px;
display: block;
width: 11px;
height: 12px;
border: 0;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAIAAAA7y9DJAAAAv0lEQVR42nSQMQqEMBBFs+P2loJFyoCNJ7BL6RFyP0+gnZWlVnoEbTSdNioI2c8KIRvWD4HH/GHyZ8gY0/d927bG0TzPTdOgDn7Xdd11HWNMa53nOWBZlqIojuMAn+cZJEnCvoKxbVsYhtaGrut6lWU5DAN7EKYSXpqmTzYsukkI8dcG0J1gHEevY5qmG8hN7grhqqoCBHEcuzbnfF1Xux22Je9vpZQXnKSUXjQLURRlWcZw133fcWbzK1v5CDAAHhiRmm6gdo0AAAAASUVORK5CYII=");
cursor: pointer
}
.biebwidget-content .modalwindow button.close:hover, .biebwidget-content .modalwindow button.close:focus {
border: 0;
outline: 0;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAIAAAA7y9DJAAAAuklEQVR42mL8//8/w+k1DD8+MdgmMcDBs2sMV3YxCMowmIawMGxsZjg8Dyx6nSG8Gyo9PZLh+ycQ+8cn5gbp+wh9758yCMkgpIHgzy/G/ytKQLbgAuHdzA2rj4K0Ag3AJg10BxOUpeOGVRpIM0FdcPcEuop7JyE0E4rLkQHQcStLgTRzA9cRFGllC4b3TxC++/6ZCd3uzOUQ6+GAicGvFs1pCIaUFoNbPgMw1P9/+/j/6dX/aAAmAhBgAKqda4EKsM7aAAAAAElFTkSuQmCC")
}
.biebwidget-content .modalwindow button.close::-moz-focus-inner {
border: 0;
outline: 0
}
.biebwidget-content .modalwindow button.close span {
position: absolute;
left: -9999px
}
.biebwidget-content .modalwindow-content {
overflow: auto
}
.biebwidget-content .modalwindow-content.closepadding {
padding-right: 16px
}
.biebwidget-content .modalwindow-content .buttons {
text-align: center
}
.biebwidget-content .backgroundoverlay {
position: fixed;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100%;
background-color: #505450;
opacity: 0.7
}
.biebwidget-content .scrollablelist.section {
position: relative;
overflow: hidden;
margin-bottom: 20px
}
.biebwidget-content .scrollablelist.section .rich-items, .biebwidget-content .scrollablelist.section .grid-items {
overflow: hidden;
margin-bottom: 10px;
margin-left: 20px;
border-bottom: 0
}
.widget-columns .biebwidget-content .scrollablelist.section .rich-items:not(.sliding), .widget-columns .biebwidget-content .scrollablelist.section .grid-items:not(.sliding) {
margin-left: 0
}
.biebwidget-content .scrollablelist.section .grid-items {
margin-bottom: 0
}
.biebwidget-content .scrollablelist.section .rich-items + p {
margin-top: 20px
}
.biebwidget-content .scrollablelist.section .grid-items + p, .biebwidget-content .scrollablelist.section .rich-items + p {
padding-top: 5px;
background-image: url(../images/bg-dotted.png);
background-repeat: repeat-x;
background-position: left top
}
.biebwidget-content .scrollablelist.section .slidingnav {
position: absolute;
width: 100%
}
.biebwidget-content .scrollablelist.section .slidingnav.fadeout::after {
position: absolute;
z-index: 1;
top: 0;
right: 0;
content: "";
display: block;
width: 60px;
height: 100%;
background: url(../images/nav-next-bg-gradient.png) repeat-y right center
}
.biebwidget-content .scrollablelist.section .slidingnav button.prev {
left: -20px
}
.biebwidget-content .scrollablelist.section .slidingnav button.next {
right: -20px
}
.biebwidget-content .scrollablelist .highlight {
margin-top: 20px
}
.biebwidget-content .scrollablelist .highlight > .content {
position: relative;
float: left;
width: 50%;
padding: 0 20px 56px 0;
margin: 0 0 20px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.biebwidget-content .scrollablelist .highlight > .content.nbc {
padding-bottom: 0
}
.biebwidget-content .scrollablelist .highlight > .content h4 img {
float: right;
margin: 0 0 20px 20px
}
.biebwidget-content .scrollablelist .highlight > .content h4 .coverplaceholder, .biebwidget-content .scrollablelist .highlight > .content h4 .cover {
float: left;
margin: 0 20px 20px 0
}
.biebwidget-content .scrollablelist .highlight > .content h4 + p.additional {
margin-top: 0.33em;
font-size: 1.5295rem;
color: #505450
}
.biebwidget-content .scrollablelist .highlight > .content h4 a .button {
position: absolute;
bottom: 0;
left: 0;
margin: 0
}
.biebwidget-content .scrollablelist .highlight > .content.agenda {
padding-left: 4em
}
.biebwidget-content .scrollablelist .highlight > .content.agenda .calendar {
position: absolute;
top: 0;
left: 0;
margin: 0
}
.biebwidget-content .scrollablelist .highlight > .content.agenda a .button {
left: 4em
}
.biebwidget-content .scrollablelist .highlight ul, .biebwidget-content .scrollablelist .highlight ul + p {
width: 50%
}
.biebwidget-content .scrollablelist .highlight ul {
float: left;
margin: 0
}
.biebwidget-content .scrollablelist .highlight ul li {
list-style: none;
margin-left: 0
}
.biebwidget-content .scrollablelist .highlight ul li:not(:last-child) {
padding: 20px 0 20px 0;
border-bottom: 1px solid #d0d0d0
}
.biebwidget-content .scrollablelist .highlight ul li:last-child {
padding: 20px 0 20px 0
}
.biebwidget-content .scrollablelist .highlight ul li:first-child {
padding-top: 0
}
.biebwidget-content .scrollablelist .highlight ul li h4 + p {
margin-top: 0.33em
}
.biebwidget-content .scrollablelist .highlight ul + p {
float: right;
padding: 0 0 20px 0;
margin: 0;
padding: 20px 0 20px 0;
border-top: 1px solid #d0d0d0
}
.biebwidget-content .scrollablelist .highlight *:last-child::after {
clear: both;
width: 100%
}
@media screen and (max-width: 1069px) {
.biebwidget-content .scrollablelist .highlight > .content, .biebwidget-content .scrollablelist .highlight ul, .biebwidget-content .scrollablelist .highlight ul li, .biebwidget-content .scrollablelist .highlight ul + p {
width: 100%;
float: none
}
.biebwidget-content .scrollablelist .highlight > .content {
padding-right: 0
}
.biebwidget-content .scrollablelist .highlight ul {
clear: left;
margin: 0;
padding: 20px 0 20px 0;
border-top: 1px solid #d0d0d0
}
}
@media screen and (min-width: 634.01px) {
.biebwidget-content .scrollablelist > .highlight > .content > h4 {
font-size: 2.6795rem
}
}
.biebwidget-content .pagenav {
clear: left;
text-align: center
}
.biebwidget-content .itemnav {
clear: left;
max-width: 836px;
margin-top: 15px;
margin-right: auto;
margin-left: auto;
border-top: 1px solid #d0d0d0;
padding-top: 10px;
text-align: center
}
.biebwidget-content .pagenav ol {
display: inline;
padding: 0 5px;
border-left: 1px solid #496660;
border-right: 1px solid #496660
}
.biebwidget-content .pagenav ol > li {
display: inline-block
}
.biebwidget-content .pagenav ol > li.current {
min-width: 0.9em;
margin: 0 2px;
padding: 1px 5px;
color: #fff;
font-weight: bold;
background: #ff7320
}
.biebwidget-content .pagenav ol > li.current:first-child {
margin: 0 2px 0 4px
}
.biebwidget-content .pagenav ol > li.current:last-child {
margin: 0 4px 0 2px
}
.biebwidget-content .pagenav ol > li.current > button {
padding: 0;
color: inherit;
font-weight: inherit
}
.biebwidget-content .pagenav ol > li span.jump {
pause: 20ms
}
.biebwidget-content .pagenav ol > li span.jump:before {
padding: 0 6px 0 2px;
content: "...";
text-decoration: none
}
.biebwidget-content .pagenav ol > li > a, .biebwidget-content .pagenav ol > li > button {
display: inline;
padding: 0 5px
}
.biebwidget-content .pagenav ol > li:not(.current) > button:hover, .biebwidget-content .pagenav ol > li:not(.current) > button:focus {
color: #ff7320;
text-decoration: underline
}
.biebwidget-content .pagenav ol > li button::-moz-focus-inner {
border: 0;
padding: 0
}
.biebwidget-content .pagenav ol > li:first-child span.jump:before {
padding: 0 2px 0 6px
}
.biebwidget-content .pagenav span a, .biebwidget-content .pagenav span button, .biebwidget-content .pagenav .inactive, .biebwidget-content .itemnav span a, .biebwidget-content .itemnav .inactive {
padding: 0 20px;
background-repeat: no-repeat;
background-position: center center
}
.biebwidget-content .pagenav .inactive, .biebwidget-content .itemnav .inactive {
opacity: 0.25
}
.biebwidget-content .pagenav span a, .biebwidget-content .pagenav span button, .biebwidget-content .pagenav .inactive {
display: inline-block;
text-indent: -9999em
}
.biebwidget-content .pagenav .prev a, .biebwidget-content .pagenav .prev button, .biebwidget-content .pagenav .prev.inactive, .biebwidget-content .itemnav .prev a, .biebwidget-content .itemnav .prev.inactive {
background-image: url(../images/nav-prev.png)
}
.biebwidget-content .itemnav .prev {
float: left
}
.biebwidget-content .itemnav .next {
float: right
}
.biebwidget-content .pagenav .next a, .biebwidget-content .pagenav .next button, .biebwidget-content .pagenav .next.inactive, .biebwidget-content .itemnav .next a, .biebwidget-content .itemnav .next.inactive {
background-image: url(../images/nav-next.png)
}
.biebwidget-content .pagenav .prev a:hover, .biebwidget-content .pagenav .prev a:focus, .biebwidget-content .pagenav .prev button:hover, .biebwidget-content .pagenav .prev button:focus, .biebwidget-content .itemnav .prev a:hover, .biebwidget-content .itemnav .prev a:focus {
text-decoration: none;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJCAYAAAD6reaeAAAABGdBTUEAALGOfPtRkwAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAENJREFUCNdj+P//PwMMP+yJ+A/CcIHHNXb//xcrgDGGAIiNIQBSxAATeFFq8B9mFKrKKSlQlehmAiVw2w53Z4Mb2DIA00J7qVmP5W0AAAAASUVORK5CYII=")
}
.biebwidget-content .pagenav .next a:hover, .biebwidget-content .pagenav .next a:focus, .biebwidget-content .pagenav .next button:hover, .biebwidget-content .pagenav .next button:focus, .biebwidget-content .itemnav .next a:hover, .biebwidget-content .itemnav .next a:focus {
text-decoration: none;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJCAYAAAD6reaeAAAABGdBTUEAALGOfPtRkwAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD5JREFUCNdjeNgT8R+EgYABhhn+Fyv8B+HHNXZwCQYwB00CLIMuATfnRakBXAKickoKqkp0Afy2P2xwQ3EnAMDSe6kNDjqdAAAAAElFTkSuQmCC")
}
.biebwidget-content .main-column .pagenav span a, .biebwidget-content .main-column .pagenav span button, .biebwidget-content .main-column .pagenav .inactive, .biebwidget-content .main-column .itemnav span a, .biebwidget-content .main-column .itemnav .inactive {
padding: 0 10px 1px 10px
}
.biebwidget-content .main-column .pagenav span a, .biebwidget-content .main-column .pagenav span button, .biebwidget-content .main-column .pagenav .inactive {
text-indent: 0
}
.biebwidget-content .main-column .pagenav .prev a, .biebwidget-content .main-column .pagenav .prev button, .biebwidget-content .main-column .pagenav .prev.inactive, .biebwidget-content .main-column .itemnav .prev a, .biebwidget-content .main-column .itemnav .prev.inactive {
background-position: left center
}
.biebwidget-content .main-column .pagenav .next a, .biebwidget-content .main-column .pagenav .next button, .biebwidget-content .main-column .pagenav .prev a, .biebwidget-content .main-column .itemnav .next a, .biebwidget-content .main-column .itemnav .prev a {
text-decoration: underline
}
.biebwidget-content .main-column .pagenav .next a, .biebwidget-content .main-column .pagenav .next button, .biebwidget-content .main-column .pagenav .next.inactive, .biebwidget-content .main-column .itemnav .next a, .biebwidget-content .main-column .itemnav .next.inactive {
background-position: right center
}
.biebwidget-content .quickpagenav {
text-align: center;
margin-top: 20px
}
.biebwidget-content .quickpagenav button.secondary.button {
margin-top: 3px;
margin-bottom: 0;
padding-top: 2px;
padding-bottom: 2px
}
form.generated .feedback .value {
font-weight: bold
}
form.generated .feedback.strong .value {
color: #280
}
form.generated .feedback.mediocre .value {
color: #ff7320
}
form.generated .feedback.weak .value {
color: red
}
.biebwidget-content .signpost {
position: relative;
padding-bottom: 3.2em;
background: url(../images/bg-dotted-vertical.png) repeat-y center top
}
.biebwidget-content .signpost::after {
content: "";
display: block;
clear: both
}
.biebwidget-content .signpost div.side {
width: 50%;
vertical-align: top;
float: left
}
.biebwidget-content .signpost div.left.side {
text-align: right
}
.biebwidget-content .signpost div.left.side > * {
padding-right: 20px
}
.biebwidget-content .signpost div.right.side {
text-align: left
}
.biebwidget-content .signpost div.right.side > * {
padding-left: 20px
}
.biebwidget-content .signpost p.action {
position: absolute;
bottom: 0;
padding: 0 20px
}
.biebwidget-content .signpost p.action:first-of-type {
right: 50%;
text-align: right
}
.biebwidget-content .signpost p.action:last-of-type {
left: 50%;
text-align: left
}
@media only screen and (min-width: 0) and (max-width: 569px) {
.biebwidget-content .signpost {
padding-bottom: 0;
background-image: none
}
.biebwidget-content .signpost div.side {
width: auto;
float: none
}
.biebwidget-content .signpost div.left.side {
text-align: left
}
.biebwidget-content .signpost div.left.side > * {
padding-right: 0
}
.biebwidget-content .signpost div.right.side > * {
padding-left: 0
}
.biebwidget-content .signpost p.action {
position: relative;
bottom: inherit;
margin: 10px 0;
padding-right: 0;
padding-left: 0
}
.biebwidget-content .signpost p.action:first-of-type {
right: inherit;
text-align: left
}
.biebwidget-content .signpost p.action:last-of-type {
left: inherit
}
}
.biebwidget-content ol.steps {
position: relative;
overflow: hidden;
margin: 13px auto 20px auto;
word-wrap: break-word;
text-align: center
}
.biebwidget-content ol.steps > li {
display: inline-block;
width: 300px;
margin: 2.5em 0 -100em 40px;
border: 1px solid #d0d0d0;
padding: 3em 0 101.667em 0;
vertical-align: top;
text-align: left
}
.biebwidget-content ol.steps > li:first-child {
margin-left: 0
}
.biebwidget-content ol.steps > li:first-child > h3::before {
content: "1"
}
.biebwidget-content ol.steps > li:first-child + li > h3::before {
content: "2"
}
.biebwidget-content ol.steps > li:first-child + li + li > h3::before {
content: "3"
}
.biebwidget-content ol.steps > li::after {
content: "";
position: absolute;
bottom: 0;
width: 300px;
border-bottom: 1px solid #d0d0d0
}
.biebwidget-content ol.steps > li > h3, .biebwidget-content ol.steps > li > div.richtext {
padding-right: 20px;
padding-left: 20px;
text-align: center
}
.biebwidget-content ol.steps > li > h3 {
position: relative
}
.biebwidget-content ol.steps > li > h3::before {
position: absolute;
left: 50%;
width: 2em;
height: 1.75em;
margin-top: -2.625em;
margin-left: -1em;
padding-top: 0.375em;
font-size: 2.3rem;
line-height: 1;
color: #fff;
background: url(../images/widget/steps-plectrum.png) no-repeat;
background-size: contain
}
.biebwidget-content ol.steps > li > h3 + div.richtext {
margin-top: 13px
}
.biebwidget-content ol.steps > li + li::before {
content: "";
position: absolute;
top: 50%;
width: 16px;
height: 26px;
margin-left: -29px;
background: url(../images/widget/steps-next.png) no-repeat
}
@media only screen and (min-width: 906px) and (max-width: 1065px) {
.biebwidget-content ol.steps > li, .biebwidget-content ol.steps > li::after {
width: 250px
}
}
@media only screen and (min-width: 711px) and (max-width: 905px) {
.biebwidget-content ol.steps > li, .biebwidget-content ol.steps > li::after {
width: 200px
}
.biebwidget-content ol.steps > li {
margin-left: 30px
}
.biebwidget-content ol.steps > li + li::before {
margin-left: -24px
}
}
@media only screen and (max-width: 710px) {
.biebwidget-content ol.steps {
width: auto
}
.biebwidget-content ol.steps > li, .biebwidget-content ol.steps > li:first-child {
display: block;
width: auto;
min-height: 3.5em;
margin: 0 20px;
border: 0;
padding: 10px 0 10px 5.33em
}
.biebwidget-content ol.steps > li:not(:first-child) {
background-image: url(../images/bg-dotted.png);
background-repeat: repeat-x;
background-position: left top
}
.biebwidget-content ol.steps > li::after, .biebwidget-content ol.steps > li + li::before {
display: none
}
.biebwidget-content ol.steps > li > h3, .biebwidget-content ol.steps > li > div.richtext {
padding-right: 0;
padding-left: 0;
text-align: left
}
.biebwidget-content ol.steps > li > h3::before {
left: auto;
margin-top: 0;
margin-left: -2.833em;
text-align: center
}
}
.biebwidget-content .table table {
clear: both;
width: 100%;
table-layout: fixed;
border-spacing: 0;
margin: 20px 0
}
.biebwidget-content .table table th, .biebwidget-content .table table td {
text-align: left;
padding: 10px 20px;
word-wrap: break-word
}
.biebwidget-content .table table > tbody > tr > th {
background-color: #f5f5f5
}
.biebwidget-content .table table > tbody > tr > th, .biebwidget-content .table table td {
background-image: url(../images/bg-dotted.png);
background-repeat: repeat-x;
background-position: left top
}
.biebwidget-content .table table > tbody > tr:first-child > th, .biebwidget-content .table table > tbody > tr:first-child > td {
background-image: none;
border-top: 1px solid #d0d0d0
}
.biebwidget-content .table table.rowheader > thead > tr:first-child > th:first-child, .biebwidget-content .table table.rowheader.nocolumnheader > tbody > tr:first-child > th:first-child {
width: 25%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.biebwidget-content .table table.rowheader thead > tr > th:nth-of-type(2), .biebwidget-content .table table.rowheader tr > td:nth-of-type(1), .biebwidget-content .table table.norowheader thead > tr > th:nth-of-type(n+2), .biebwidget-content .table table.norowheader tr > td:nth-of-type(n+2) {
border-left: 1px solid #d0d0d0
}
@media only screen and (min-width: 480px) and (max-width: 560px) {
.biebwidget-content .table table th, .biebwidget-content .table table td {
padding-right: 10px;
padding-left: 10px
}
}
@media only screen and (min-width: 0) and (max-width: 479.9px) {
.biebwidget-content .table table > thead {
position: absolute;
top: -9999em;
left: -9999em;
overflow: hidden
}
.biebwidget-content .table table > tbody > tr > th, .biebwidget-content .table table td {
background-image: none
}
.biebwidget-content .table table > tbody > tr:first-child > th, .biebwidget-content .table table > tbody > tr:first-child > td {
border-top: 0
}
.biebwidget-content .table table.rowheader > thead > tr:first-child > th:first-child, .biebwidget-content .table table.rowheader.nocolumnheader > tbody > tr:first-child > th:first-child {
width: auto
}
.biebwidget-content .table table.rowheader thead > tr > th:nth-of-type(2), .biebwidget-content .table table.rowheader tr > td:nth-of-type(1), .biebwidget-content .table table.norowheader thead > tr > th:nth-of-type(n+2), .biebwidget-content .table table.norowheader tr > td:nth-of-type(n+2) {
border-left: 0
}
.biebwidget-content .table table, .biebwidget-content .table table thead, .biebwidget-content .table table tbody, .biebwidget-content .table table th, .biebwidget-content .table table td, .biebwidget-content .table table tr {
display: block
}
.biebwidget-content .table table tr {
clear: both;
overflow: hidden;
margin-top: 13px
}
.biebwidget-content .table table td {
padding-top: 0;
padding-bottom: 0
}
.biebwidget-content .table table > tbody > tr > th {
text-align: center;
border-bottom: 1px solid #d0d0d0
}
.biebwidget-content .table table tr > td[data-title]:before {
content: attr(data-title);
float: left;
clear: both;
width: 40%;
margin-right: -1px;
padding: 10px 20px 10px 0;
word-wrap: break-word;
font-weight: bold;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-right: 1px solid #d0d0d0
}
.biebwidget-content .table table tr > td > div, .biebwidget-content .table table tr > td > span {
display: block;
padding: 10px 0
}
.biebwidget-content .table table.columnheader tr > td > div, .biebwidget-content .table table.columnheader tr > td > span {
float: left;
width: 60%;
padding-left: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-left: 1px solid #d0d0d0
}
.biebwidget-content .table table.columnheader.norowheader tr > td:first-child {
border-top: 1px solid #d0d0d0
}
.biebwidget-content .table table tr > td:not(:last-child):after {
content: "";
position: relative;
clear: both;
float: left;
height: 1px;
width: 100%;
margin-left: -20px;
padding: 0 20px;
background-image: url(../images/bg-dotted.png);
background-repeat: repeat-x;
background-position: left top
}
}
@media only screen and (min-width: 0) and (max-width: 380px) {
.biebwidget-content .table table th, .biebwidget-content .table table td {
padding-right: 10px;
padding-left: 10px
}
.biebwidget-content .table table.columnheader tr > td[data-title]:before {
padding-right: 10px
}
.biebwidget-content .table table.columnheader tr > td > div, .biebwidget-content .table table.columnheader tr > td > span {
padding-left: 10px
}
.biebwidget-content .table table.columnheader tr > td:not(:last-child):after {
margin-left: -10px;
padding: 0 10px
}
}
.biebwidget-content .tablinks {
padding-left: 0;
padding-right: 0
}
.biebwidget-content .tablinks > ul {
padding: 10px;
text-align: center
}
.biebwidget-content .tablinks > ul > li {
display: inline-block;
margin-left: 20px
}
.biebwidget-content .tablinks > ul > li > .current {
border: 1px solid #d0d0d0;
border-radius: 5px;
background-color: #fff;
box-shadow: inset 0 2px 11px -6px black
}
.biebwidget-content .richtext .tablinks > ul > li > a, .biebwidget-content .richtext .tablinks > ul > li > span, .biebwidget-content .tablinks > ul > li > a, .biebwidget-content .tablinks > ul > li > span {
display: block;
padding: 5px 20px
}
.biebwidget-content .tabs {
position: relative;
overflow: visible;
float: left;
width: 100%;
font-family: "TheMix", Arial, sans-serif;
margin-bottom: 10px;
border-bottom: 1px solid #d0d0d0
}
.biebwidget-content .tabs:after {
position: absolute;
bottom: -3px;
display: block;
width: 100%;
height: 2px;
content: "";
background-color: #fff
}
.biebwidget-content .tabs > li {
float: left;
margin: 1px 2px 0 1px;
background: #efefef
}
.biebwidget-content .tabs > li.current > a {
color: #ff7320;
background: #fff;
-webkit-box-shadow: 0 4px #fff, 0 1px 3px rgba(0, 0, 0, 0.5);
box-shadow: 0 4px #fff, 0 1px 3px rgba(0, 0, 0, 0.5)
}
.biebwidget-content .tabs > li.current > a:focus {
-webkit-box-shadow: 0 4px #efefef, 0 -1px 3px #ff7320;
box-shadow: 0 4px #efefef, 0 -1px 3px #ff7320
}
.biebwidget-content .tabs > li > a {
float: left;
min-height: 21px;
padding: 5px 15px;
color: #505450;
background: #efefef;
-webkit-box-shadow: 0 -4px 2px -2px #efefef inset, 0 -27px 12px -8px #fff inset, 0 1px #d0d0d0, 0 4px #fff, 0 1px 3px rgba(0, 0, 0, 0.5);
box-shadow: 0 -4px 2px -2px #efefef inset, 0 -27px 12px -8px #fff inset, 0 1px #d0d0d0, 0 4px #fff, 0 1px 3px rgba(0, 0, 0, 0.5)
}
.biebwidget-content .tabs > li > a:hover {
color: #ff7320;
text-decoration: none;
background: #fff
}
.biebwidget-content .tabs > li > a:focus {
outline: 0;
color: #ff7320;
-webkit-box-shadow: 0 -4px 2px -2px #efefef inset, 0 -27px 12px -8px #fff inset, 0 1px #d0d0d0, 0 4px #fff, 0 -1px 3px #ff7320;
box-shadow: 0 -4px 2px -2px #efefef inset, 0 -27px 12px -8px #fff inset, 0 1px #d0d0d0, 0 4px #fff, 0 -1px 3px #ff7320
}
.biebwidget-content .tabs + ul, .biebwidget-content .tabs + ol {
clear: left
}
.biebwidget-content .tabs.interactive + ul > li, .biebwidget-content .tabs.interactive + ol > li {
display: none
}
.biebwidget-content .tabs.interactive + ul > li.current, .biebwidget-content .tabs.interactive + ol > li.current {
display: block;
padding: 0 0 5px 0
}
.biebwidget-content .tabs.alt {
overflow: hidden;
float: none;
margin: 0;
padding: 0 0 0 10px;
border-bottom: 0;
background: #efefef;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.biebwidget-content .tabs.alt:after {
display: none
}
.biebwidget-content .tabs.alt > li {
margin: 0 1px 0 0
}
.biebwidget-content .tabs.alt > li:hover {
background: #efefef
}
.biebwidget-content .tabs.alt > li > a {
min-height: 27px;
padding: 15px 10px;
font-size: 1.725rem;
-webkit-box-shadow: none;
box-shadow: none
}
.biebwidget-content .tabs.alt > li > a:hover {
-webkit-box-shadow: none;
box-shadow: none
}
.biebwidget-content .tabs.alt > li > a:focus {
-webkit-box-shadow: none;
box-shadow: none
}
.biebwidget-content .tabs.alt > li.current > a {
margin-bottom: 0;
color: #ff7320;
background: #fff
}
.biebwidget-content h3.tabtitle {
margin: 15px 0 5px 0;
border-bottom: 1px solid #d0d0d0;
font-size: 1.533295rem;
font-weight: normal
}
.biebwidget-content > h3.tabtitle:first-child, .biebwidget-content li:first-child h3.tabtitle {
margin-top: 0
}
.biebwidget-content .tabs.interactive + ul h3.tabtitle {
position: absolute;
left: -9999em
}
.biebwidget-content .tagcloud > li {
display: inline;
margin-right: 15px;
line-height: 22px;
white-space: nowrap
}
.biebwidget-content .tagcloud > li.weight_1 {
font-size: 1.054205rem
}
.biebwidget-content .tagcloud > li.weight_3 {
font-size: 1.341705rem
}
.biebwidget-content .tagcloud > li.weight_4 {
font-size: 1.533295rem
}
.biebwidget-content .tagcloud > li.weight_5 {
vertical-align: 1px;
font-size: 1.725rem
}
.biebwidget-content ul.tagcloud > li > a {
display: inline
}
.biebwidget-content .tools ul.toggle {
float: right;
width: auto;
margin-left: 15px;
padding-top: 3px;
padding-right: 1px
}
.biebwidget-content .tools ul.toggle > li {
float: left
}
.biebwidget-content .tools .toggle a, .biebwidget-content .tools .toggle button {
width: 23px;
height: 18px;
margin-left: 4px;
border: 1px solid rgba(0, 0, 0, 0.18);
border-radius: 6px;
padding: 2px 0;
text-indent: -9999em;
background-repeat: no-repeat;
background-position: center center
}
.biebwidget-content .tools .toggle button {
cursor: pointer;
background-color: transparent;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.biebwidget-content .tools .toggle .current a, .biebwidget-content .tools .toggle a:hover, .biebwidget-content .tools .toggle .current button, .biebwidget-content .tools .toggle button:hover {
border-color: #ff7320;
background-color: #ff7320
}
.biebwidget-content .tools .toggle a:focus, .biebwidget-content .tools .toggle button:focus {
background-color: #fbbd8e;
outline: transparent none 0
}
.biebwidget-content .tools .toggle .list a {
background-image: url(../images/toggle-list.png)
}
.biebwidget-content .tools .toggle .list.current a, .biebwidget-content .tools .toggle .list a:hover {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAOklEQVR42mL8DwQMWEB7ezsjAz7wHwdoa2vDKQcCLPgMxWsr3W1kYiATsBAMPWrbyDgajzSIR4AAAwAMheinHCJmGgAAAABJRU5ErkJggg==")
}
.biebwidget-content .tools .toggle .grid a {
background-image: url(../images/toggle-grid.png)
}
.biebwidget-content .tools .toggle .grid.current a, .biebwidget-content .tools .toggle .grid a:hover {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAK0lEQVR42mL8DwQM2AEjlMYqz8RAJhgJGlmQQo+BQOhSz8bReKS2RoAAAwAXxAcdzlX66wAAAABJRU5ErkJggg==")
}
.biebwidget-content .tools .toggle .map a, .biebwidget-content .tools .toggle .map button {
background-image: url(../images/toggle-map.png)
}
.biebwidget-content .tools .toggle .map.current a, .biebwidget-content .tools .toggle .map a:hover, .biebwidget-content .tools .toggle .map.current button, .biebwidget-content .tools .toggle .map button:hover {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAkklEQVQoz2P4//8/AxrOAuJ7/yHgHpSProYBXWDFf+xgBT6NWWiKd6Lxs3BpPICkKBmINaE0DBzApfEpkk16UDE9JJuf4tK4D8n0ZiA2htIwsA+XRjc0Pz1F47vhC9XJOEJ1MqHoAOF2NE3txMQjCBsC8TWopmtQPlEakW1txyGPU2MkVGMkqRqloBql8GkkCwAACFGVbfQmDMYAAAAASUVORK5CYII=")
}
.bordered.biebwidget .widget-bnl-arrangement.biebwidget-content .main-column > * {
padding-left: 40px;
padding-right: 40px
}
.widget-bnl-course.biebwidget-content .main-column .head, .widget-bnl-arrangement.biebwidget-content .main-column .head {
position: relative;
min-height: 100px;
margin-bottom: 20px;
padding: 40px 40px 40px 40px;
background-color: #595959;
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
background-size: cover;
background-position: left center
}
.widget-bnl-arrangement.biebwidget-content .intro {
padding-top: 20px
}
.widget-bnl-arrangement.biebwidget-content .main-column .head::before {
position: absolute;
top: 0;
left: 0;
content: "";
display: block;
width: 42.5em;
height: 100%;
background: url(../images/gradient-left.png) repeat-y left top;
background-size: 100%
}
.widget-bnl-arrangement.biebwidget-content .main-column .head > * {
position: relative
}
.widget-bnl-arrangement.biebwidget-content .head h2 {
margin-top: 45px;
color: inherit
}
.widget-bnl-arrangement.biebwidget-content .head .additional {
font-size: 1.4375rem;
color: inherit
}
.widget-bnl-arrangement.biebwidget-content .head + .metadata > dl.meta:first-child {
margin-top: 0;
padding-top: 0;
background-image: none
}
.widget-bnl-arrangement.biebwidget-content .metadata {
margin-top: 13px
}
.widget-bnl-arrangement.biebwidget-content dl.meta {
margin-top: 20px;
padding-top: 20px;
background-image: url(../images/bg-dotted.png);
background-repeat: repeat-x;
background-position: left top
}
.widget-bnl-youth.biebwidget-content .metadata {
margin-top: 13px
}
.widget-bnl-youth.biebwidget-content .head + dl.meta, .widget-bnl-youth.biebwidget-content .toggler + dl.meta {
margin-top: 0;
padding-top: 0;
background-image: none
}
.widget-bnl-youth.biebwidget-content .contentlink {
margin-top: 33px;
margin-bottom: 33px
}
.widget-bnl-youth.biebwidget-content dl.meta + .get-it.bordered {
margin-top: 33px
}
.widget-bnl-youth.biebwidget-content .get-it.bordered + .contentlink {
margin-top: -8px
}
.widget-bnl-youth.biebwidget-content .contentlink ul.links > li {
margin-top: 13px
}
.widget-bnl-youth.biebwidget-content .contentlink .get-it p.label {
padding-right: 15em
}
.widget-bnl-youth.biebwidget-content .contentlink .get-it p.action {
width: 18em;
margin-left: -18em
}
.widget-bnl-course.biebwidget-content dl.meta, .widget-bnl-youth.biebwidget-content dl.meta:not(:first-child) {
margin-top: 20px;
padding-top: 20px;
background-image: url(../images/bg-dotted.png);
background-repeat: repeat-x;
background-position: left top
}
.widget-bnl-youth.biebwidget-content .main-column > div.flash {
margin-bottom: 13px
}
.widget-bnl-youth.biebwidget-content .screenshots {
position: relative;
overflow: hidden;
margin-top: 13px
}
.widget-bnl-youth.biebwidget-content .screenshots h3 {
padding-bottom: 10px
}
.widget-bnl-youth.biebwidget-content .screenshots ul > li > img {
width: 96%
}
.widget-bnl-youth.biebwidget-content .screenshots .slidingnav {
position: absolute;
width: 100%;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s
}
.widget-bnl-youth.biebwidget-content .screenshots .slidingnav.fadeout:after {
position: absolute;
z-index: 1;
top: 0;
right: 0;
content: "";
display: block;
width: 60px;
height: 100%;
background: url(../images/nav-next-bg-gradient.png) repeat-y right center
}
.widget-bnl-youth.biebwidget-content .screenshots .sliding.interactive > li {
float: left;
width: 75%
}
.widget-bnl-youth.biebwidget-content .screenshots .sliding.interactive > li {
position: absolute;
top: 0;
display: none
}
.widget-bnl-youth.biebwidget-content .screenshots .sliding.interactive > li.current, .widget-bnl-youth.biebwidget-content .screenshots .sliding.interactive > li.current ~ li {
display: block
}
.widget-bnl-youth.biebwidget-content .screenshots .sliding.interactive > li.current ~ li.hidden {
display: none
}
.widget-bnl-youth.biebwidget-content .rich-items {
border: 0
}
.widget-bnl-youth.biebwidget-content .imgwrapper.app::after {
position: absolute;
content: "";
display: block;
width: 66px;
height: 57px;
max-width: 33%;
max-height: 28.5%;
right: 9%;
bottom: 9%;
background: url(../images/widget/appreview-overlay.png) no-repeat right bottom;
background-size: contain
}
.widget-bnl-youth.biebwidget-content img.representative.app {
border-radius: 40px
}
@media only screen and (min-width: 635px) and (max-width: 799px) {
.biebwidget-content .contentlink .get-it.bordered p.label, .biebwidget-content .contentlink .get-it.bordered p.action {
width: auto;
margin: 0;
padding: 0
}
}
@media only screen and (min-width: 0) and (max-width: 919px) {
.widget-bnl-youth.biebwidget-content .screenshots ul > li {
max-width: 90%
}
}
@media only screen and (min-width: 0) and (max-width: 634px) {
.widget-bnl-course.biebwidget-content .richtext, .widget-bnl-youth.biebwidget-content .richtext {
clear: none
}
.widget-bnl-youth.biebwidget-content img.overlay-icon {
bottom: 8%;
right: 7%
}
.widget-bnl-youth.biebwidget-content img.representative.app {
border-radius: 17%
}
}
@media only screen and (min-width: 0) and (max-width: 469px) {
.biebwidget-content .contentlink .get-it.bordered p.label, .biebwidget-content .contentlink .get-it.bordered p.action {
width: auto;
margin: 0;
padding: 0
}
}
.widget-bnl-myprofile.biebwidget-content .actionable {
float: left;
width: 100%;
margin-top: 13px;
padding-top: 13px;
padding-right: 200px;
background-image: url(../images/bg-dotted.png);
background-repeat: repeat-x;
background-position: left top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.widget-bnl-myprofile.biebwidget-content .actions {
float: right;
width: 180px;
margin-top: 13px;
margin-left: -180px;
padding-top: 15px;
text-align: right
}
@media only screen and (min-width: 0) and (max-width: 634px) {
.widget-bnl-myprofile.biebwidget-content .actionable {
float: none;
padding-right: 0
}
.widget-bnl-myprofile.biebwidget-content .actions {
margin-left: 0;
padding-top: 0
}
}
.expandable.biebwidget > h2.label {
display: none
}
@media only screen and (min-width: 0) and (max-width: 1240px) {
html {
background-position: -18px top
}
}
@media only screen and (min-width: 751px) and (max-width: 950px) {
.biebwidget-content .main-column h2 {
font-size: 4.6rem
}
}
@media only screen and (min-width: 751px) and (max-width: 916px) {
.biebwidget-content .nav.main-column-wrapper .intro img {
max-width: 200px;
max-height: 320px
}
}
@media only screen and (min-width: 635px) and (max-width: 916px) {
.biebwidget-double-column {
min-width: 100%;
width: 100%
}
.biebwidget-double-column.right .biebwidget {
margin: 0
}
.biebwidget-column {
width: 100%
}
.biebwidget-double-column .biebwidget-column {
width: 52%
}
.biebwidget-double-column .biebwidget-column + .biebwidget-column {
width: 48%
}
.biebwidget-double-column .biebwidget, .biebwidget-double-column .biebwidget-column + .biebwidget-column .biebwidget {
margin-right: 0
}
}
@media only screen and (min-width: 0) and (max-width: 916px) {
.biebwidget-content .main-column .tiny.rich-items > li {
width: 48%;
margin-left: 4%
}
.biebwidget-content .main-column .tiny.rich-items > li:nth-of-type(3n+1) {
clear: none;
margin-left: 4%
}
.biebwidget-content .main-column .tiny.rich-items > li:nth-of-type(2n+1) {
clear: left;
margin-left: 0
}
.biebwidget-content .main-column .rich-items.actionable .content {
padding-right: 0
}
.biebwidget-content .main-column .rich-items.actionable .actions {
display: inline-block;
float: none;
width: 100%;
margin-top: 13px;
margin-left: 0;
padding-left: 220px;
text-align: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.biebwidget-content .main-column .rich-items.actionable .content.etalage ~ .actions {
padding-left: 100px
}
.biebwidget-content .main-column .rich-items.actionable .actions > p {
display: inline-block
}
.biebwidget-content .main-column .rich-items.actionable .actions > p:first-child .primary.button, .biebwidget-content .main-column .rich-items.actionable .actions > p:first-child .secondary.button, .biebwidget-content .main-column .rich-items.actionable .actions > p:first-child .quaternary.button {
margin-top: 0;
margin-right: 13px
}
.biebwidget-content .main-column .rich-items.actionable .actions > p:first-child + p:last-child, .biebwidget-content .main-column .rich-items.actionable .actions > p:first-child + form:last-child {
margin-top: 0;
float: right
}
}
@media only screen and (min-width: 751px) and (max-width: 799px) {
.biebwidget-content .main-column-wrapper.nav dl.meta dt, .biebwidget-content .main-column-wrapper.nav dl.meta dd, .biebwidget-content .main-column-wrapper.nav dl.meta dd + dd {
float: none;
width: auto;
max-width: none;
min-width: 0;
padding: 0;
margin: 0 0 6px 0;
text-indent: 0
}
.biebwidget-content .main-column-wrapper.nav dl.meta dt {
margin: 13px 0 0 0
}
.biebwidget-content .main-column-wrapper.nav dl.meta dt:first-child {
margin-top: 0
}
.biebwidget-content .main-column-wrapper.nav dl.meta.dense dd + dd {
margin: 0 0 4px 0
}
.biebwidget-content .main-column-wrapper.nav dl.meta dd audio {
margin-top: 10px
}
}
@media only screen and (min-width: 451px) and (max-width: 750px) {
.biebwidget-content .main-column h2 {
font-size: 4.025rem
}
.biebwidget-content .intro img {
max-width: 200px;
max-height: 320px
}
}
@media only screen and (min-width: 0) and (max-width: 750px) {
.biebwidget-content .main-column-wrapper {
float: left;
width: 100%;
padding-bottom: 20px
}
.biebwidget-content .nav-column {
float: left;
width: auto;
margin-left: 0
}
.biebwidget-content .nav.main-column-wrapper .main-column, .biebwidget-content.product .nav.main-column-wrapper .main-column {
margin: 0
}
}
@media only screen and (min-width: 0) and (max-width: 634px) {
body {
margin: 0
}
.biebwidget-column {
width: 100%
}
.biebwidget-double-column {
min-width: 50%;
width: 100%
}
.biebwidget-double-column .biebwidget {
margin-right: 0
}
.biebwidget-double-column.right .biebwidget {
margin-left: 0;
margin-right: 0;
max-width: 100%
}
.biebwidget-double-column .biebwidget-column {
width: 100%
}
.biebwidget-double-column .biebwidget-column .biebwidget {
margin-right: 0
}
.biebwidget-content .pagenav span a, .biebwidget-content .pagenav .inactive {
padding: 10px 20px
}
.biebwidget-content .pagenav ol > li > a {
padding: 10px 15px
}
.biebwidget-content .pagenav ol > li.current:first-child, .biebwidget-content .pagenav ol > li.current:last-child, .biebwidget-content .pagenav ol > li.current {
margin: 0 10px
}
.biebwidget-content .main-column .pagenav ol > li {
display: none
}
.biebwidget-content .main-column .pagenav ol > li.current {
display: inline
}
.biebwidget-content .scrollablelist-wrapper.interactive .scrollablelist-container a.active img {
display: none
}
.biebwidget-content .richtext img {
float: none
}
.biebwidget-content .tools ul.toggle > li {
padding-left: 5px
}
.biebwidget-content .grid-items > li {
margin-right: 10px;
margin-bottom: 10px
}
.biebwidget-content dl.meta dt, .biebwidget-content dl.meta dd, .biebwidget-content dl.meta dd + dd {
float: none;
width: auto;
max-width: none;
min-width: 0;
padding: 0;
margin: 0 0 6px 0;
text-indent: 0
}
.biebwidget-content dl.meta dt {
margin: 13px 0 0 0
}
.biebwidget-content dl.meta dt:first-child {
margin-top: 0
}
.biebwidget-content dl.meta.dense dd + dd {
margin: 0 0 4px 0
}
.biebwidget-content dl.meta dd audio {
margin-top: 10px
}
.biebwidget-content .main-column-wrapper.nav dl.meta dt {
width: auto
}
.biebwidget-content .main-column-wrapper.nav dl.meta dd {
max-width: none
}
.biebwidget-content .main-column-wrapper.nav dl.meta dd + dd, .biebwidget-content .main-column-wrapper.nav dl.meta.dense dd + dd {
margin-left: 0
}
.biebwidget-content .main-column .small.rich-items:not(.sliding) > li {
width: 100%;
margin-left: 0;
background-image: url(../images/bg-dotted.png);
background-repeat: repeat-x;
background-position: left top
}
.biebwidget-content .main-column .small.rich-items:not(.sliding) > li:first-child {
background-image: none
}
.biebwidget-content .main-column .small.rich-items:not(.sliding) > li:nth-of-type(2n+1) {
clear: none;
margin-left: 0
}
.unimportant.biebwidget {
display: none
}
.expandable.biebwidget > h2 {
cursor: pointer;
background: transparent url(../images/nav-next.png) no-repeat 9px center
}
.expandable.open.biebwidget > h2 {
background-image: url(../images/dropdown.png);
background-position: 7px center
}
.expandable.biebwidget > h2.label {
display: block
}
.standard.expandable.biebwidget > h2.label + .biebwidget-content {
padding: 0 20px 20px 20px
}
.expandable.biebwidget > .biebwidget-content {
display: none
}
.expandable.biebwidget > p.endorsement {
display: none
}
.expandable.open.biebwidget > .biebwidget-content {
display: block
}
.expandable.open.biebwidget > p.endorsement {
display: block
}
.expandable.open.biebwidget > .biebwidget-content .tabs.alt {
border-radius: 0
}
.widget-bnl-footer.biebwidget-content .column {
min-height: 10%;
width: 90%
}
}
@media only screen and (min-width: 0) and (max-width: 569px) {
.biebwidget-content .main-column .tiny.rich-items > li, .biebwidget-double-column .biebwidget-content .main-column .tiny.rich-items > li {
width: 100%;
margin-left: 0;
background-image: url(../images/bg-dotted.png);
background-repeat: repeat-x;
background-position: left top
}
.biebwidget-content .main-column .tiny.rich-items > li:first-child, .biebwidget-double-column .biebwidget-content .main-column .tiny.rich-items > li:first-child {
background-image: none
}
.biebwidget-content .main-column .tiny.rich-items > li:nth-of-type(3n+1), .biebwidget-content .main-column .tiny.rich-items > li:nth-of-type(2n+1), .biebwidget-double-column .biebwidget-content .main-column .tiny.rich-items > li:nth-of-type(3n+1), .biebwidget-double-column .biebwidget-content .main-column .tiny.rich-items > li:nth-of-type(2n+1) {
clear: none;
margin-left: 0
}
}
@media only screen and (min-width: 0) and (max-width: 450px) {
.biebwidget-content .main-column h2, .biebwidget-content .main-column h2.long {
font-size: 3.354205rem
}
.biebwidget-content .main-column .richtext .intro img, .biebwidget-content .main-column .richtext img, .biebwidget-content .main-column .richtext img.offset {
float: none;
clear: both;
margin-right: 0;
margin-left: 0
}
.biebwidget-content .main-column .richtext .intro img {
max-height: 614px;
max-width: 100%
}
.biebwidget-content .main-column .rich-items .content:not(.calendar), .biebwidget-content .main-column .rich-items .content.list-big, .biebwidget-content .main-column .rich-items .content.etalage, .biebwidget-content .main-column .small.rich-items .content:not(.calendar), .biebwidget-content .main-column .tiny.rich-items .content:not(.calendar) {
padding-left: 0
}
.biebwidget-content .main-column .rich-items .content:not(.calendar):before {
content: "";
float: left;
width: 80px;
height: 85px
}
.biebwidget-content .main-column .rich-items .viz img, .biebwidget-content .main-column .rich-items .viz img.cover {
max-width: 60px;
max-height: 80px
}
.biebwidget-content img.shrinkable, .biebwidget-content img.cover.shrinkable {
max-width: 80px;
max-height: 107px
}
.biebwidget-content .main-column .rich-items .viz .coverplaceholder:not(.list) {
width: 50px;
height: 80px;
font-size: 0.8625rem
}
.biebwidget-content .main-column .rich-items .viz .coverplaceholder.music:not(.list), .biebwidget-content .main-column .rich-items .viz .coverplaceholder.album:not(.list), .biebwidget-content .main-column .rich-items .viz .coverplaceholder.cdsingle:not(.list) {
height: 50px
}
.biebwidget-content .coverplaceholder.shrinkable:not(.list):not(.extrasmall) {
width: 80px;
height: 128px;
font-size: 1.054205rem
}
.biebwidget-content .coverplaceholder.shrinkable.music:not(.list):not(.extrasmall), .biebwidget-content .coverplaceholder.shrinkable.album:not(.list):not(.extrasmall), .biebwidget-content .coverplaceholder.shrinkable.cdsingle:not(.list):not(.extrasmall) {
height: 80px
}
.biebwidget-content .main-column .rich-items .content.calendar:before {
display: none
}
.biebwidget-content .main-column .rich-items .content.calendar h3 {
margin-right: 0
}
.biebwidget-content .main-column .rich-items .content.calendar img.offset {
display: none
}
.biebwidget-content .main-column .rich-items.actionable .actions, .biebwidget-content .main-column .rich-items.actionable .content.etalage ~ .actions {
padding-left: 0
}
}
@media only screen and (min-width: 0) and (max-width: 392px) {
.mod_employee .txt_search {
width: 70%
}
}