.tab:hover span { background: transparent url(/_images/bgsprite.png) no-repeat scroll -1150px -1042px; } .tab:hover { background: transparent url(/_images/bgsprite.png) no-repeat scroll 100% -1072px; } #tabs .active { z-index: 2; } .showitems .selectionbox.open, .showitems .selectionbox, .page-menu .showitems { width: 74px; } .active .tab { background: transparent url(/_images/bgsprite.png) no-repeat scroll 100% -1132px; } .active .tab .tabspan { background: transparent url(/_images/bgsprite.png) no-repeat scroll -1150px -1102px; } .iconslist .icon-effect { background: #f2f2f2; } .list.iconslist li { width: 25%; height: 196px; float: left; clear: none; text-align: center; padding: 0; padding: 10px 4px 10px 4px; border: 1px solid #fff; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .iconslist { margin-right: -15px; margin-bottom: 0; clear: both; } .iconslist.searchiconlist li { height: 170px; } .list.iconslist img { float: none; margin: 0; } .iconslist .stars-bg { text-align: left; } .iconslist .rating-box { height: 35px; width: 100%; padding-bottom: 4px; } .iconslist span.info { color: #808080; font-size: 0.8em; padding: 4px 0 0 0; } .iconslist .listitem-top { padding: 0; } .listitems.list.iconslist h1 { display: block; } .shortlist .rating-box { height: auto; float: right; } .shortlist .star-box-holder { top: -4px; right: 0; } .shortlist .listcell { float: left; } .list.shortlist li { min-height: inherit; } .listitems.shortlist .h2 { max-width: 90%; } .list.shortlist li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .list.shortlist2 { margin-bottom: 2rem; } .list.shortlist2 li { font-size: 1rem; } .list.shortlist2 li img { width: 60px; height: 40px; } .play-small { position: relative; display: inline-block; vertical-align: middle; margin-right: .6rem; } .play-small:before { background-size: auto 65%; } .play-small:hover:before { background-size: auto 50%; } .navlink2 span { display: inline-block; width: calc(100% - 80px); vertical-align: middle; } .mb1 { margin-bottom: 1rem; } a.btn:hover { color: #197a9e; } .selection:hover span { background-position: -20px -78px; } .display-btns .default:hover { background-position: -18px -132px; } .display-btns .icon:hover span { background-position: -18px -118px; } .display-btns .list:hover span { background-position: -18px -104px; } .selectionbox a.first:hover { background-color: transparent; } .selectionbox a:hover, .overview-box a:hover { background-color: #fff; color: #000; } .cat.active, .overview-box a.active { color: #555; border: 1px solid #bbbbbb; -moz-box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.2); -o-box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.2); background: #efefef; } .paging a, .active-link, .overview a, a.cat, .overview-box, .selectionbox.open, .forum-list a { border: 1px solid #e5e5e5; background: #f9f9f9; color: #4c4c4c; -moz-box-shadow: inset 0 0 0 1px #fff; -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0.5em 0.8em; } .paging a:hover, .paging a:hover, .overview a:hover, .forum-list a:hover { border-color: #c4c4c4; background: #fff; -moz-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.3); } .paging a.arrow, .paging a.arrow:hover { background: transparent none; border: 0; box-shadow: none; } .paging .active, .overview-box a.active, .overview .active { background: #fff; color: #000; font-weight: bold; } .list-more { float: left; clear: both; width: 100%; margin: 40px -14px 10px -14px; position: relative; height: auto; } .selectionbox.open { height: auto; overflow: visible; z-index: 11; padding: 0; width: 130px; } .forum-list a:hover { color: #4C4C4C; } .overview-box, .selectionbox.open { border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); } .overview-box.open { display: block; } .cat.open { padding-bottom: 14px; background: #fff; border: 1px solid #d0d0d0; -moz-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.3); } a.cat.all.open { padding-bottom: 6px; } .overview-box a { display: block; white-space: nowrap; padding: 6px 16px; line-height: 24px; min-width: 70px; } .item-all { border-bottom: 1px solid #e5e5e5; } .overview-box .item-all .active { color: #4c4c4c; } .notyet { margin: 30px 0 40px 20px; } .spotlight-list li:hover { background: transparent; } .spotlight-list li.first { border: 0; } .price { font-weight: bold; vertical-align: top; } .notavailable:before { content: 'niet beschikbaar'; position: absolute; bottom: 10px; right: 14px; margin-right: 14px; right: 0; text-align: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; } .notavailable { opacity: 0.6; } .listitem-top .tipped { font-size: inherit; color: inherit; position: inherit; right: inherit; top: inherit; } .notavailable .btn { display: none; } .p4 .image, .p4 .celldelete { width: 10%; } .list1 li { margin-bottom: 3rem; }