/* ==== index ====
Typography
General styles
HTML horizontal hr
Tables
Tooltip
Login in header
infoblock in nav
accessibility tools
detail pagina
focusblock in side bar
banner
article
Forms
Widgets
focus / verlengen
On Display
General / onDisplay filters
onDisplay filters only
Search widget
Search filters
Tabs
General tabs (met tekst)
FAQ
foldout
related titles
Info chart
News widget
photo or video frame / image-carousel
Teruglegkar
Mijn Favorieten
Coverflow
Star review
pager
IE6 page
Buttons
Lightbox
register event
register event succes
*/
/* Typography
---------------------------------------------------------------------------- */
html {height:100%;}
body {font-size:62.5%; height:100%; line-height:normal; color:#333; background:#fff url(../images/bg/site/body_bg.png) repeat-x 0 0;}
/* font must also be set for the form elements in order to work correctly */
body, input, select, textarea {font-family: Arial, Verdana, Helvetica, Garuda, Sans-serif;}
body.enlarge {font-size:71%;}
body.largest {font-size:80%;}
h1,h2,h3,h4 {color:#505450;}
h2 {font-size:2.2em; margin-bottom:10px;}
/* widget h2 under "Widgets" */
h3 {font-size:1.8em; font-weight:normal;}
h4 {font-size:1.2em;}
h5 {font-size:1.2em;color:#666;}
h6 {font-size:1.2em;color:#333;}
li h6 {font-size:1.091em;}
p {font-size:1.2em; margin:0; padding:0 0 1em;}
.widget p {padding:0 0 .5em;}
p.last {padding-bottom:0;}
p.intro {font-size:1.5em; line-height:1.3em; color:#666;}
a {color:#505450;}
a:hover {color:#ff6d02;}
li {font-size:1.1em;}
li li {font-size:1em;}
ol li {list-style-type:decimal; margin-left:20px; margin-bottom:1em;}
input.text, textarea.text {border:1px solid #ccc;}
textarea.text {margin-bottom:0.5em;}
/* General styles
---------------------------------------------------------------------------- */
.center-content {text-align:center;}
/* HTML horizontal hr */
div.hr {clear:both; height:1px; padding:4px 0 5px; background:url('../images/bg/site/hr_lightgrey.png') repeat-x 0 4px;}
div.hr hr {display:none;}
div.hr.endline {background:url(../images/bg/site/hr_lightgrey_2px.png) repeat-x left bottom; margin-bottom:1em;}
/* Tables */
table {margin-bottom:1em;}
th {border-bottom:2px solid #ccc; font-weight:bold;}
td {border-bottom:1px solid #ddd;}
th,td {padding:4px 10px 4px 0;}
caption {background:#ffc;}
/* Tooltip */
.infoToolTip { position:absolute; width:200px; padding:5px 7px; font-size:1.1em; color:#666; background:#fff; border:1px solid #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; z-index:999; }
.tooltip .tooltip-content { display:none; }
/* Login in header
-------------------------------------------------------------- */
.hide {display: none;}
#login {padding:15px 0 0 10px;}
#login h2 {font-size:1.1em; color:#666; margin-bottom:2px;}
#login .row {margin-bottom:3px;}
#login input.text {width:103px; font-size:1.1em; margin:0;}
#login .error input.text {border-color:#f00;}
#login label, #login .label {float:left; margin:0; padding-top:3px; width:85px; font-size:1.1em; color:#666;}
#login .label label {float:left; padding:0; width:auto; font-size:1em;}
#login .error label, #login .error .label {color:#f00;}
#login input.checkbox {float:left; margin:0 5px 0 0;}
#login button {float:left; margin:0;}
#login .tooltip {float:left; width:13px; height:13px; margin:2px 0 0 5px; cursor:pointer; background:url(../images/icons/login_help.gif) no-repeat 0 0;}
#login .tooltip:hover { background-position:0 -13px; }
/* Logged in panel */
#header .loggedin { position:relative; padding-left:33px; }
#header .avatar { position:absolute; top:0; left:0; width:24px; height:24px; border:1px solid #ccc; }
#header .username { margin-bottom:.5em; font-weight:bold; }
#header .loggedin p { padding:0; font-size:11px; }
#header .loggedin li { list-style:none; }
#header .loggedin a.button { background-position:1px 4px; }
#header .loggedin .button span { padding-right:0; }
#header .loggedin .button:first-child span { padding-right:6px; padding-bottom:0; }
#header .loggedin .logout { padding-top:.5em; }
#header .logout a { text-decoration:none; color:#f00; }
#header .logout a:hover { text-decoration:underline; }
/* logged in notification */
#header .notification { margin-top:14px; padding:5px 7px; color:#fff; background-color:#666; border:1px solid #666; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; display:none; }
#header .notification p { padding-bottom:3px; }
#header .notification a.button { padding-left:12px; color:#fff; background-position:3px -16px; }
#header .notification a.button:hover { color:#FF6D02; background-position:3px 4px; }
/* infoblock in navigation */
#nav-sub .info {background:#616561; padding:10px; margin:10px 0; min-height:110px;}
#nav-sub .info h5 {color:#ff6d02;}
#nav-sub .info p {font-size:1.2em;}
#header .column.right {margin-right:0; padding:0 10px 0 0; width:220px;}
#nav-sub .wrapper-three {min-height:130px; width:710px;/* background:url(../images/bg/site/dot_white_vert.png) no-repeat right 11px;*/}
#nav-sub a.close {position:absolute; right:10px; top:5px; color:#fff; width:15px; height:15px; background:url(../images/icons/close_white.gif) no-repeat 5px 5px;}
#nav-sub a.close span {display:none;}
/* login error blocks */
.login-errors { position:relative; float:right; width:300px; height:100px; margin-right:0; overflow:hidden; }
.login-errors .error { position:absolute; top:0; right:0; padding-left:10px; font-size:1.1em; color:#fff; background:url(../images/bg/site/login_error.png) no-repeat 0 -18px; }
.login-errors .error > span { display:inline-block; padding-right:10px; background:url(../images/bg/site/login_error.png) no-repeat right 0; }
.login-errors .error > span > span { display:inline-block; padding:2px 5px 2px 0; background-color:#f00; }
.login-errors .error-id { top:31px; display:none; }
.login-errors .error-pass { top:54px; display:none; }
/* accessibility tools */
.accessibility {padding:3px 0 0 0;}
.accessibility ul, .accessibility ul li {float:left; list-style:none;}
li.fonts {padding-right:15px;}
.fonts a {text-decoration:none; margin:3px; padding:2px 3px; font-size:0.9em;}
.fonts a.enlarge {font-size:1.1em;}
.fonts a.largest {font-size:1.3em;}
.fonts a:hover {background:url(../images/bg/site/a.png) no-repeat 0 2px; color:#fff;}
.fonts a.enlarge:hover {background-position: 0 -14px;}
.fonts a.largest:hover {background-position: 0 -34px;}
li.tools {border-left:1px solid #acaca4; padding: 0 15px; margin:2px 0 0;}
.tools a span {position:absolute; left:-999em;}
.print a {display:block; height:15px; width:12px; background:url(../images/icons/icons-txt.png) no-repeat 0 -49px;}
.print a:hover {background-position:0 -74px;}
.read a {display:block; height:15px; width:17px; background:url(../images/icons/icons-txt.png) no-repeat 0 -99px;}
.read a:hover {background-position:0 -124px;}
/* Detail pagina
---------------------------------------------------------------------------- */
.info-detail {margin-bottom:1em; overflow:hidden; width:100%; padding:0 1em;}
.info-detail img {float:left; margin-right:10px;}
.info-detail .info-chart {float:left; clear:none;}
.info-detail .info-chart li.stars {float:left;}
.info-detail .info-chart .item-type {float:none; margin-bottom:5px;}
.info {padding:0 1em 1em; background:url(../images/bg/site/hr_lightgrey_2px.png) no-repeat left bottom;}
.info h2 {margin-bottom:2px;}
.responses {width:100%; padding:1em;}
.responses .info-chart {padding-bottom:1em; margin-bottom:1em; width:auto; overflow:hidden; background:url(../images/bg/site/hr_lightgrey.png) repeat-x left bottom;}
.responses p {font-size:1.1em;}
/* focusblock in side bar */
.focusblock {padding-bottom:1em;}
.focusblock h4 {padding:6px 10px; margin-bottom:1em; background:#e6e6e3;}
.focusblock p {padding:0 10px;}
.focusblock p.adv {text-align:center;}
.focusblock h5 {padding:0 10px;}
.focusblock dl {padding:0 10px; font-size:1.2em;}
.focusblock dt {float:left; width: 40%; padding:2px 0;}
.focusblock dd {float:left; width:59%;padding:2px 0;}
/* banner */
.banner a {color:#fff; cursor:hand; display:block; font-style:italic; font-size:1.2em; padding: 244px 10px 20px; text-align:center; text-decoration:none;}
.banner a strong {display:block; font-size:1.4em}
.banner a:hover {}
.column .banner a {height:80px; padding: 244px 10px 20px; background:url(../images/bg/site/lid01.png) no-repeat 0 0;}
.columns-two .banner a {height:120px; padding: 104px 30px 20px 280px; background:url(../images/bg/site/lid02.png) no-repeat 0 0;}
.columns-two .banner a {height:120px; padding: 104px 30px 20px 280px; background:url(../images/bg/site/lid03.png) no-repeat 0 0;}
/* article */
.article {margin-bottom:1em; padding:0 0 1em; width:700px; background:url(../images/bg/site/hr_lightgrey.png) repeat-x left bottom;}
.article .wrapper-two {width:460px;}
.article.last {background:none;}
.column img {max-width:220px;}
/* Forms
-------------------------------------------------------------- */
form {}
form fieldset {} /* using fieldsets to bind parts of a form */
form legend {display:none;} /* Legend for usebility */
.row {margin-bottom:5px; overflow:auto; width:100%;}
form .title {width:132px; float:left; min-height:1px; padding:6px 0 0 0;} form
.title label, form .title .fakelabel {color:#505450; font-size:1.2em;} form
.title span.required {color:#f00; font-weight:bold;}
form .title p.info {font-size:1.1em; color:#999; margin:0; padding:0; background:none;}
form .subcolumn {padding:0 0 0 10px; width:308px; overflow:visible; float:left;}
form .subcolumn label {float:none; font-size:1.2em;}
form .subcolumn span.text {font-size:1.2em;}
form .subcolumn .column {width:48%; padding:0 5px 0 0; float:left;}
/* styling the input fields, generic and specific */
form input.text, form select, form textarea {width:200px; border:1px solid #c0c0c0; font-size:1.2em; margin:5px 0 0 0;}
form textarea {width:298px; height:130px;}
input.text {}
input.center {text-align:center;}
input.digit2 {width:22px;}
input.digit4 {width:32px;}
input.digit10 {width:75px;}
.radio-buttons {padding:3px 0 0; width:100%; overflow:hidden;}
.radio-buttons input {margin:4px 5px 0 0; float:none;}
.ie8 .radio-buttons input {margin-top:0;}
.radio-buttons label {padding-top:-2px; margin-right:10px; line-height:1.5em; float:left;}
.column input.text {float:left; margin:1px 10px; width:170px;}
form input.checkbox {float:left;}
form label.checkbox {display:block; width:auto; min-height:20px; margin:2px 0 0 23px;}
form .error input, form .error select, form .error textarea,
form input.error, form select.error, form textarea.error {color:#f00; border:1px solid #f00;}
form .error label, form label.error {color:#f00;}
.error p, p.error {color: #f00; display:block; font-size:1.1em; width:190px; margin:0; padding:2px 5px 3px 5px;}
.js .payment {display:none;}
.searchlarge input.text {width:350px; margin-right:5px;}
/* Widgets - content
---------------------------------------------------------------------------- */
.widget-top {position:relative;}
.widget-top h2 {font-size:1.5em; font-weight:bold; /* margin-left:15px; */}
.widget-top h2 span {margin-left:10px; padding-left:10px; font-weight:normal; border-left:1px solid #ccc;}
#adv-search-link {position:absolute; top:11px; right:10px; padding:0 0 0 16px; text-decoration:none; font-size:1.2em; color:#ff6d02; background:url(../images/icons/icons-txt.png) no-repeat 0 1px;}
#adv-search-link:hover {color:#505450; background-position:0 -24px;}
.focus .widget-top h2 {color:#fff;}
.widget {margin-bottom:1em;}
span.toggle-widget {cursor:pointer; display:none; height:7px; position:absolute; top:15px; left:10px; width:9px; background:url(../images/icons/arrows.png) no-repeat 0 -98px;}
span.toggle-widget:hover {background-position:0 -118px;}
.widget-tabs, .filter-lvl1 li {font-size:1.2em;}
.widget-head strong {font-size:1.2em; padding-top:3px; margin-right:10px;}
strong.head-title {float:left; width:70px;}
.widget .column {width:210px;}
.widget .column.last {margin:0;}
/* verlengen */
.columns-two .focus .visual {float:right; padding:0 10px 0}
.columns-two .focus p {width:200px; font-size:1.2em;}
.focus h4 {margin:10px 0}
.focus .visual {width:auto; text-align:center;}
.column .focus p {font-size:1.1em;}
.column .focus a {font-size:1em;}
/* On Display */
#ondisplay-headbg {position:relative; height:130px;}
#ondisplay-headbg > img {position:absolute; z-index:-1; /* display:none; */}
#ondisplay-headbg > img.visible {display:block;}
/* General / onDisplay filter */
ul.filter-lvl1 {float:left; list-style-type:none;}
ul.filter-lvl1 li {float:left; padding:4px 0 3px 5px; margin-right:10px; cursor:pointer; background:url(../images/bg/widgets/filter_lvl1_left.png) no-repeat left 0;font-size:1.2em;}
.largest ul.filter-lvl1 li {padding:2px 0 1px 5px;}
ul.filter-lvl1 li:hover, ul.filter-lvl1 li.checked {color:#fff; background-position:left -22px;}
ul.filter-lvl1 li label {padding:4px 5px 3px 0; cursor:pointer; background:url(../images/bg/widgets/filter_lvl1_right.png) no-repeat right 0;}
.enlarge ul.filter-lvl1 li label {padding-bottom:1px;}
.largest ul.filter-lvl1 li label {padding:2px 5px 2px 0;}
ul.filter-lvl1 li:hover label, ul.filter-lvl1 li.checked label {background-position:right -22px;}
ul.filter-lvl1 input {display:none;}
ul.filter-lvl1 a {color:black; text-decoration: none;}
ul.filter-lvl1 li.checked a, ul.filter-lvl1 a:hover {color:white;}
ul.filter-lvl1 li.checked:hover, ul.filter-lvl1 li.checked:hover label {cursor:default;}
/* onDisplay filters only */
ul.filter-lvl2 {position:absolute; top:5px; left:5px;}
#ondisplay-headbg li {float:left; list-style-type:none; cursor:pointer; color:#fff;}
ul.filter-lvl2 li {margin-right:5px; padding:7px 0 7px 5px; font-size:1.2em; font-weight:bold; background:url(../images/bg/widgets/filter_lvl2-left.png) no-repeat left 0;}
.largest ul.filter-lvl2 li {padding:4px 0px 4px 5px;}
ul.filter-lvl2 li span {padding:7px 10px 7px 5px; background:url(../images/bg/widgets/filter_lvl2-right.png) no-repeat right 0;}
.largest ul.filter-lvl2 li span {padding:5px 4px 5px;}
ul.filter-lvl2 li a {text-decoration:none; color:white;}
ul.filter-lvl2 li.actueel:hover, ul.filter-lvl2 li.actueel.active {background-position:left -30px;}
ul.filter-lvl2 li.actueel:hover span, ul.filter-lvl2 li.actueel.active span {background-position:right -30px;}
ul.filter-lvl2 li.de_verdieping:hover, ul.filter-lvl2 li.de_verdieping.active {background-position:left -60px;}
ul.filter-lvl2 li.de_verdieping:hover span, ul.filter-lvl2 li.de_verdieping.active span {background-position:right -60px;}
ul.filter-lvl2 li.de_beleving:hover, ul.filter-lvl2 li.de_beleving.active {background-position:left -90px;}
ul.filter-lvl2 li.de_beleving:hover span, ul.filter-lvl2 li.de_beleving.active span {background-position:right -90px;}
ul.filter-lvl2 li.de_ontspanning:hover, ul.filter-lvl2 li.de_ontspanning.active {background-position:left -120px;}
ul.filter-lvl2 li.de_ontspanning:hover span, ul.filter-lvl2 li.de_ontspanning.active span {background-position:right -120px;}
ul.filter-lvl2 li.kids:hover, ul.filter-lvl2 li.kids.active {background-position:left -150px;}
ul.filter-lvl2 li.kids:hover span, ul.filter-lvl2 li.kids.active span {background-position:right -150px;}
ul.filter-lvl2 li.jeugd:hover, ul.filter-lvl2 li.jeugd.active {background-position:left -180px;}
ul.filter-lvl2 li.jeugd:hover span, ul.filter-lvl2 li.jeugd.active span {background-position:right -180px;}
ul.filter-lvl2 li.jongeren:hover, ul.filter-lvl2 li.jongeren.active {background-position:left -210px;}
ul.filter-lvl2 li.jongeren:hover span, ul.filter-lvl2 li.jongeren.active span {background-position:right -210px;}
/* Search widget */
#search-show-all {position:absolute; bottom:-3px; right:10px;}
#search-cover-tooltip {display:none; position:absolute; padding-top:10px; z-index:10; background:url(../images/bg/widgets/search_cover_overlay-top_bottom.png) no-repeat 0 -30px;}
#search-cover-tooltip .pointer {position:absolute; top:-9px; left:92px; z-index:11; height:10px; width:30px; background:url(../images/bg/widgets/search_cover_overlay-top_bottom.png) no-repeat -215px -30px;}
#search-cover-tooltip .body {width:195px; overflow:hidden; min-height:75px; padding:0 10px 1px; background:url(../images/bg/widgets/search_cover_overlay-bg.gif) repeat-y;}
#search-cover-tooltip .left {width:60px; margin-right:5px;}
#search-cover-tooltip .item-type {margin-bottom:10px;}
#search-cover-tooltip .in {color:#0c0;}
#search-cover-tooltip .out {color:#f00;}
#search-cover-tooltip .right {position:relative; float:left; width:128px;}
#search-cover-tooltip h3 {width:115px; margin-bottom:5px; font-size:1.5em; font-weight:normal;}
#search-cover-tooltip p {font-size:1.1em;}
#search-cover-tooltip p span {color:#999;}
#search-cover-tooltip .close {position:absolute; top:4px; right:0; width:11px; height:11px; cursor:pointer; background:url(../images/icons/close_x.gif) no-repeat 1px 1px;}
#search-cover-tooltip .bottom {width:215px; height:30px; background:url(../images/bg/widgets/search_cover_overlay-top_bottom.png) no-repeat 0 0;}
#search-cover-tooltip .bottom a {margin-left:10px;}
ul#search-covers {width:430px; overflow:hidden; margin:0 auto 5px; list-style-type:none; background:url(../images/bg/widgets/search-cover-bg.gif) repeat;}
.columns-three ul#search-covers {width:602px;}
ul#search-covers li {position:relative; float:left; width:85px; height:140px; border-bottom:1px solid #fff; border-right:1px solid #fff; background:url(../images/icons/item_types-l.gif) no-repeat 100px 100px;} /* hide bg */
/* Nog niet, misschien later
ul#search-covers li.book {background-position:27px 44px;}
ul#search-covers li.film {background-position:-62px 43px;}
ul#search-covers li.cd {background-position:-144px 44px;}
ul#search-covers li.game {background-position:-230px 44px;}
ul#search-covers li.music {background-position:29px -59px;}
ul#search-covers li.volkskrant {background-position:-63px -57px;}
ul#search-covers li.telegraaf {background-position:-146px -57px;}
ul#search-covers li.archive {background-position:-231px -57px;}
*/
ul#search-covers a {display:block; width:85px; height:140px;}
ul#search-covers img {position:absolute; bottom:0; left:0; max-width:85px; max-height:140px;}
ul#search-covers div {display:none;}
ul#search-list {padding-bottom:5px; list-style-type:none;}
ul#search-list li {font-size:1em;}
ul#search-list > li {width:auto; overflow:hidden; padding:2px 0; border-bottom:1px solid #D6D6D1;}
ul#search-list div.item-type {float:left; margin:6px 10px 0;} /* 45 width - see below: Info chart */
ul#search-list div.item-info {float:left; width:305px; margin-top:2px; color:#999;}
.columns-three ul#search-list div.item-info {width:540px;}
ul#search-list div.item-info span {font-size:1.1em;}
ul#search-list ul {float:right; width:80px; margin-top:3px; list-style-type:none;}
/* Search filters */
#search-filter .right > * {float:left;}
ul#search-filter-type label, ul#search-filter-type input {display:none;}
ul#search-filter-type {list-style-type:none;}
ul#search-filter-type li {float:left; width:22px; height:22px; margin-right:5px; cursor:pointer; background:url(../images/icons/search-type-filter.png) no-repeat 0 0;}
ul#search-filter-type li.book.checked, ul#search-filter-type li.book.down {background-position:0 -22px;}
ul#search-filter-type li.book.checked.down {background-position:0 0;}
ul#search-filter-type li.cd, ul#search-filter-type li.cd.checked.down {background-position:-27px 0;}
ul#search-filter-type li.cd.down, ul#search-filter-type li.cd.checked {background-position:-27px -22px;}
ul#search-filter-type li.film, ul#search-filter-type li.film.checked.down {background-position:-54px 0;}
ul#search-filter-type li.film.down, ul#search-filter-type li.film.checked {background-position:-54px -22px;}
ul#search-filter-type li.game, ul#search-filter-type li.game.checked.down {background-position:-81px 0;}
ul#search-filter-type li.game.down, ul#search-filter-type li.game.checked {background-position:-81px -22px;}
/* oud van info.nl
ul#search-filter-type li.cd {background-position:-27px 0;}
ul#search-filter-type li.cd:hover, ul#search-filter-type li.cd.checked {background-position:-27px -22px;}
ul#search-filter-type li.film {background-position:-54px 0;}
ul#search-filter-type li.film:hover, ul#search-filter-type li.film.checked {background-position:-54px -22px;}
ul#search-filter-type li.game {background-position:-81px 0;}
ul#search-filter-type li.game:hover, ul#search-filter-type li.game.checked {background-position:-81px -22px;}
*/
#search-string input {float:left; width:288px; margin-right:5px; border:1px solid #ccc;}
.columns-three #search-string input {width:528px;}
#search-string button {float:left;}
/* Tabs */
.widget-tabs {padding:6px 5px 0px; width:auto; overflow:hidden; background:#E6E6E3 url(../images/bg/widgets/widget-tabs.png) repeat-x bottom left; border-left:4px solid #D0D0CA; border-right:4px solid #D0D0CA;}
.widget-tabs .results {float:left; margin-right:10px;}
form#sort-results {display:inline;}
form#sort-results select, select#search-sort-by {border:1px solid #ccc; width:120px; font-size:1.1em;}
.widget-tabs ul {float:right; margin:2px 10px 0 0; list-style-type:none;}
.widget-tabs li {float:right; padding:2px 2px 0 2px; margin-right:5px; background:url(../images/bg/widgets/tab-bg.png) no-repeat;}
.widget-tabs li:hover, .widget-tabs li.active {background-position:0 -35px;}
.widget-tabs li.covers {background-position:-37px 0;}
.widget-tabs li.covers:hover, .widget-tabs li.covers.active {background-position:-37px -35px;}
.widget-tabs li.list {background-position:-74px 0;}
.widget-tabs li.list:hover, .widget-tabs li.list.active {background-position:-74px -35px;}
.widget-tabs li input {display:none;}
.widget-tabs li a {display:block; width:30px; height:25px;}
.widget-tabs li span {display:block; width:30px; height:25px; cursor:pointer;}
.widget-tabs li.active a {height:27px;}
.widget-tabs li.active span {height:27px;}
.widget-tabs li a span {display:none;}
/* general Tabs */
.tabs {padding:6px 5px 0px; width:auto; overflow:hidden; background:#e6e6e3 url(../images/bg/widgets/widget-tabs.png) repeat-x left bottom;}
.tabs ul li {float:left; font-size:1.2em; list-style-type:none; overflow:hidden; margin:0 2px 2px; height:26px; padding-right:5px; background:url(../images/bg/widgets/tabs.png) no-repeat right top;}
.tabs ul li.active {margin-bottom:0; height:28px;}
.tabs ul li a {font-weight:bold; color:#999; padding-left:6px; display:inline-block; text-decoration:none; background:url(../images/bg/widgets/tabs.png) no-repeat left -43px;}
.tabs ul li a span {display:inline-block; padding:7px 5px 7px; background:url(../images/bg/widgets/tabs.png) repeat-x left -85px;}
.tabs ul li.active a, .tabs ul li a:hover, .tabs ul li a:active, .tabs ul li a:focus {color:#333;}
/* FAQ */
.widget-faq {position:relative; z-index:10;}
.widget-faq ol {max-height:300px; overflow:auto; padding:10px 0; margin-bottom:1em;}
.widget-faq .widget-body li { font-size:1.2em; }
/* foldout form (not finished) */
.foldout {background:#fff; bottom:50px; left:30px; position:absolute; padding:20px 15px 20px 12px; border:1px solid #999; width:370px; z-index:20;}
.foldout textarea.text {width:100%;}
.foldout label {font-weight:bold; width:100px; float:left; font-size:1.1em;}
.foldout input {float:left;}
.foldout .radio label {width:50px; font-weight:normal;}
.sendform {padding-left:100px;}
/* Two columns (oa Related titles) */
.two-column-info .visual {float:left; margin: 0 10px 5px 0;}
.two-column-info .visual img {width:60px;}
.two-column-info .chartcol1 {text-align:left;}
.two-column-info .item {width:auto; overflow:hidden; padding:10px 0; background:transparent url(../images/bg/site/hr_lightgrey.png) repeat-x 0 top;}
.two-column-info .item:first-child {background:none;}
.two-column-info .item-type {margin-bottom: 5px}
/* One column widget */
.one-column-info .visual {float:left; margin:0 15px 0 0;}
.one-column-info .visual img {width:50px;}
.one-column-info .chartcol1 {width:135px; text-align:left; margin-right:0;}
.one-column-info .item {width:auto; overflow:hidden; padding:10px 0; background:transparent url(../images/bg/site/hr_lightgrey.png) repeat-x 0 top;}
.one-column-info .item:first-child {background:none;}
.one-column-info p {color:#999;}
.one-column-info .item-type {float:right;}
/* Geleende titels */
.widget-geleendetitels .chartcol1 {width:360px;}
.widget-geleendetitels .item-type {float:right;}
/* Info chart */
.info-chart {padding:5px 0;}
#ondisplay .info-chart {margin-bottom:0;}
#coverflow-iteminfo .chartcol2-2 .chartcontent {min-height:110px; margin-bottom:5px;}
.info-chart ul, .two-column-info ul, .one-column-info ul {width:auto; overflow:hidden; list-style-type:none;}
.info-chart li, .two-column-info li, .one-column-info li {color:#999; margin-bottom:2px;}
li.in {color:#0c0;}
li.out {color:#f00;}
li.stars {float:right;} /* see "Star review" for background positions */
.comments-balloon {float:right; width:20px; height:18px; margin:3px 5px 0 0; text-align:center; background:url(../images/icons/comments_balloon.gif) no-repeat;}
/* DEV Reminder: andere item-types: item-placeholder, item-tablet/filter */
.info-chart .item-type {float:right;} /* item types exist outside the chart as well */
.item-type {width:25px; height:23px; background:url(../images/icons/item_types-m.png) no-repeat;}
.item-type.book {background-position:0 0;}
.item-type.film {background-position:0 -25px;}
.item-type.cd {background-position:0 -50px;}
.item-type.music {background-position:0 -77px;}
.item-type.game {background-position:0 -103px;}
.item-type.archive {background-position:0 -129px;}
.item-type.paper {background-position:0 -156px;}
.item-type.record {background-position:0 -180px;}
.item-type.tape {background-position:0 -204px;}
/* News widget */
#news_articles .item {margin:5px 0;}
#news_articles .item img.left {margin:2px 10px 8px 0; max-width:122px; max-height: 110px;}
.date {color:#999;}
.item h3 {margin-bottom:1.1em;}
.item .date {float:left; font-size:1.1em; margin-top:-1.6em;}
/* photo or video frame / image-carousel
---------------------------------------------------------------------------- */
.image-carousel, .book-carousel, .loan-carousel, .fav-carousel {width:400px; overflow:hidden; margin:0 auto; }
.image-carousel ul, .book-carousel ul, .loan-carousel ul, .fav-carousel ul {position:relative;}
.image-carousel ul li, .book-carousel ul li, .loan-carousel li, .fav-carousel li {list-style-type:none; float:left; margin:0 10px;}
.loan-carousel li, .fav-carousel li {margin:0 5px;}
.image-carousel img {width:180px; height:120px;}
.single-carousel .widget-body {position:relative;}
.single-carousel a.back {position:absolute; left:15px; top:65px;}
.single-carousel a.fw {position:absolute; left:430px; top:65px;}
.single-carousel p.numbers {position:absolute; right:10px; top:6px;}
.double-carousel .image-carousel {margin:1em auto 0;}
.double-carousel a.back {position:absolute; left:15px; top:135px;}
.double-carousel a.fw {position:absolute; left:430px; top:135px;}
.double-carousel p.numbers {position:absolute; right:10px; top:6px;}
.widget-explainvideos li {position:relative;}
.infoblock {position:absolute; z-index:20; background:#fff; width:176px; top:2px; left:2px;}
.infoblock .infotop {padding:4px 5px; cursor:pointer; width:auto; overflow:hidden;}
.infotop strong {color:#ff6d02; width:150px; float:left;}
.infotop a.folding {float:right; width:12px; height:10px; background:url(../images/icons/arrows.png) no-repeat 0 -234px;}
.infotop a.folding.out {background-position:0 -221px;}
.infotop a span {display:none;}
.infoblock .infobody {padding:0 5px;}
.infoblock .infobody p {font-size:1em;}
.infobody a.button.plain {padding-left:8px; background-position: 0 4px; font-size:1em;}
.infobody a.button.plain:hover {background-position: 0 -36px;}
/* Teruglegkar book-carousel */
ul.book-info li {padding:10px 10px 5px; display:none; list-style-type:none;}
ul.book-info li.start {display:block;}
ul.book-info li .item-type {float:left;}
ul.book-info li p {display:inline-block; color:#999; margin-right:20px;}
.book-carousel img, .loan-carousel img, .fav-carousel img {width:56px; height:88px;}
.book-carousel {height:115px; background:url(../images/bg/widgets/book-active.png) no-repeat -241px 0;}
.book-carousel li, .loan-carousel li, .fav-carousel li {padding:6px 4px;}
/* Mijn Favorieten */
#extend-show-all {position:absolute; bottom:-3px; right:10px;}
.loan-carousel, .fav-carousel {height:115px; background:url(../images/bg/widgets/book-active.png) no-repeat -266px 0;}
ul.favo-info {width:100%; overflow:auto;}
ul.favo-info .left {width:180px;}
ul.favo-info .focus {float:left; background:#e6e6e3; width:230px; padding:5px;}
ul.favo-info .focus select {border:1px solid #ccc; width:100px; font-size:1em;}
ul.favo-info dl {line-height:1.5em; clear:all;}
ul.favo-info dt {float:left; clear:left; margin-right:6px; font-size:1.2em;}
ul.favo-info dd {float:left;}
ul.favo-info dd.stars:hover {cursor:pointer;}
ul.favo-info dd.stars {margin-top:1px;}
a.delete {width:8px; height:8px; display:inline-block; background:url(../images/icons/close_red.gif) no-repeat 0 0;}
a.delete span {display:none;}
/* iframe pagina
---------------------------------------------------------------------------- */
#iframe {position:relative; z-index:1;}
#iframe iframe {width:950px; height:580px; position:relative; z-index:1; overflow:auto;}
iframe.wrapper {width:950px; overflow:auto;} /* fix for BSL */
/* Star review
---------------------------------------------------------------------------- */
.stars {height:12px; width:64px; background:url(../images/icons/stars.png) no-repeat;}
.stars.s10 {background-position:0 0;}
.stars.s9 {background-position:-13px 0;}
.stars.s8 {background-position:-13px -12px;}
.stars.s7 {background-position:-26px 0;}
.stars.s6 {background-position:-26px -12px;}
.stars.s5 {background-position:-39px 0;}
.stars.s4 {background-position:-39px -12px;}
.stars.s3 {background-position:-52px 0;}
.stars.s2 {background-position:-52px -12px;}
.stars.s1 {background-position:-64px 0;}
.stars.s0, .stars.vote0 {background-position:-64px -12px;}
.stars.vote1 {background-position:-52px -24px;}
.stars.vote2 {background-position:-39px -24px;}
.stars.vote3 {background-position:-26px -24px;}
.stars.vote4 {background-position:-13px -24px;}
.stars.vote5 {background-position:0 -24px;}
/* orange stars */
.stars.o5 {background-position:0 -36px;}
.stars.o4 {background-position:-13px -36px;}
.stars.o3 {background-position:-26px -36px;}
.stars.o2 {background-position:-39px -36px;}
.stars.o1 {background-position:-52px -36px;}
.stars.o0 {background-position:-64px -36px;}
/* Pager
-------------------------------------------------------------- */
.pager {text-align:center; font-size:1.2em; padding-top:3px; clear:both;}
.pager div {display:inline-block;}
.pager a {color:#ff6d02; text-decoration:none; margin:0 5px 0 5px;}
.pager a:hover, .pager a.back.active {color:#404540; text-decoration:underline;}
.pager a span {display:none;}
a.back {display:inline-block; height:12px; width:7px; background:url(../images/icons/arrows.png) no-repeat 0 -134px; margin-bottom:-1px;}
a.back:hover {background-position: 0 -151px;}
a.fw {display:inline-block; height:12px; width:7px; background:url(../images/icons/arrows.png) no-repeat 0 -170px; margin-bottom:-1px;}
a.fw:hover, a.fw.active {background-position: 0 -188px;}
a.back span, a.fw span {display:none;}
.pages .active {border-left:1px solid #d6d6d1; padding:0 5px 0 6px;}
.pages a {border-left:1px solid #d6d6d1; margin:0; padding:0 6px 0 7px;}
.pages a:first-child {border:none;}
/* IE6 page
------------------------------------------------------------- */
span.ie6 {color:#999; display:inline-block; font-size:.9em; width:100px; height:10px; padding-top:85px; background:url(../images/icons/ie6.png) no-repeat 0 0;}
span.arrow {display:inline-block; width:90px; height:65px; background:url(../images/icons/arrow_grey.png) no-repeat 0 0}
a.ff, a.ie8 {color:#999; display:inline-block; font-size:.9em; width:100px; height:10px; padding-top:85px; padding-left:5px; background:url(../images/icons/ff.png) no-repeat 0 3px}
a.ie8 {padding-left:5px; background:url(../images/icons/ie8.png) no-repeat 0 -3px}
a.ff:hover, a.ie8:hover {color:#ff6d02;}
/* Buttons
-------------------------------------------------------------- */
button {border:0; cursor:pointer; background:transparent; padding:0;}
button span {display:inline-block; padding:0 0 0 15px; text-align:center; width:auto; overflow:visible; background:url('../images/btn/btn_l.png') no-repeat; background-position:left -18px;}
button span span {float:left; height:16px; padding:2px 10px 2px 1px; white-space:nowrap; color:#fff; background:url('../images/btn/btn_r.png') no-repeat right -18px; font-size:0.85em}
button::-moz-focus-inner {border:0; padding:0;}
button:hover span, button:active span, button:focus span {background:url('../images/btn/btn_l.png') no-repeat left -38px;}
button:hover span span, button:active span span, button:focus span span {background:url('../images/btn/btn_r.png') no-repeat right -37px;}
button.large span {background-position:left -62px;}
button.large span span {background-position: right -62px; font-size:1em; height:18px; padding:2px 10px 0 2px;}
button.large:hover span, button.large:active span, button.large:focus span {background-position: left -85px;}
button.large:hover span span, button.large:active span span, button.large:focus span span {background-position: right -84px;}
button.search span {background-position:left -108px;}
button.search span span {background-position: right -62px; font-size:1em; height:18px; padding:2px 10px 0 4px;}
button.search:hover span, button.search:active span, button.search:focus span {background-position: left -130px;}
button.search:hover span span, button.search:active span span, button.search:focus span span {background-position: right -84px;}
/* With anchor tags (are not submitting anything) */
a.button {display:inline-block; width:auto; overflow:visible; clear:both; padding:0 0 0 15px; font-size:1.1em; text-decoration:none; background:url(../images/btn/btn_l.png) no-repeat 0 0; cursor:pointer;}
a.button span {float:left; padding:1px 8px 3px 2px; background:url(../images/btn/btn_r.png) no-repeat right 0;}
.enlarge a.button, .enlarge a.button span {padding-bottom:2px;}
.largest a.button, .largest a.button span {padding-bottom:1px;}
a.button.plain {color:#ff6d02; background:url(../images/icons/arrows.png) no-repeat 6px 4px;}
a.button.plain.nopadding { padding:0 0 0 9px; background-position:0 4px; }
a.button.plain span {background:none;}
a.button.plain:hover {color:#666; background-position:6px -36px;}
a.button.plain.nopadding:hover {color:#666; background-position:0 -36px;}
a.button.light {color:#ff6d02; background-position:left 0;}
a.button.light span {background-position:right 0;}
a.button.light:hover {color:#fff; background-position:left -39px;}
a.button.light:hover span {background-position:right -38px;}
a.button.dark {color:#fff; background-position:left -19px;}
a.button.dark span {background-position:right -19px;}
a.button.dark:hover {color:#fff; background-position:left -39px;}
a.button.dark:hover span {background-position:right -38px;}
a.button.light-large {padding:0px 0 0px 15px; color:#ff6d02; background-position:left -153px;}
a.button.light-large span {padding-top:3px; padding-bottom:3px; background-position:right -107px;}
a.button.light-large:hover {color:#fff; background-position:left -85px;}
a.button.light-large:hover span {background-position:right -84px;}
a.button.dark-large {padding:0px 0 0px 15px; color:#fff; background-position:left -62px;}
a.button.dark-large span {padding-top:2px; padding-bottom:5px; background-position:right -62px;}
.enlarge a.button.dark-large span, .largest a.button.dark-large span {padding-bottom:3px;}
a.button.dark-large:hover {background-position:left -85px;}
a.button.dark-large:hover span {background-position:right -84px;}
p a.button {font-size:1em}
/* Lightbox */
#infowindow_overlay { background-color:#000; }
#infowindow_content { width:380px; } /* Box specific styling in JS */
#infowindow_content.register-event { width:380px; }
#infowindow_content.flash { width:830px; height:600px; }
#infowindow_content .top-left { height:15px; padding-left:15px; background:transparent url(../images/bg/site/lightbox_bg_corners_hor.png) no-repeat left -15px; }
#infowindow_content .top-right { height:15px; padding-right:15px; background:transparent url(../images/bg/site/lightbox_bg_corners_hor.png) no-repeat right -30px; }
#infowindow_content .top-center { height:15px; background-position:0 0; background:transparent url(../images/bg/site/lightbox_bg_corners_hor.png) repeat-x 0 0; }
#infowindow_content .middle-left { padding-left:15px; background:transparent url(../images/bg/site/lightbox_bg_vert.png) repeat-y left 0; }
#infowindow_content .middle-right { padding-right:15px; background:transparent url(../images/bg/site/lightbox_bg_vert.png) repeat-y right 0; }
#infowindow_content .middle-center { min-height:50px; background-color:#fff; }
#infowindow_content .bottom-left { height:15px; padding-left:15px; background:transparent url(../images/bg/site/lightbox_bg_corners_hor.png) no-repeat left -45px; }
#infowindow_content .bottom-right { height:15px; padding-right:15px; background:transparent url(../images/bg/site/lightbox_bg_corners_hor.png) no-repeat right -60px; }
#infowindow_content .bottom-center { height:15px; background:transparent url(../images/bg/site/lightbox_bg_corners_hor.png) repeat-x 0 -75px; }
#infowindow_content.img { width:500px; } /*DEV curr not used*/
/* register event */
.register-event { position:relative; padding:3px 5px; }
.register-event .close-x { position:absolute; top:10px; right:12px; width:9px; height:9px; background:url(../images/icons/close_x.gif); cursor:pointer; }
.register-event .close-x span { display:none; }
.register-event h3 { margin-bottom:.3em; max-width:310px; }
.register-event .date { padding-bottom:.3em; font-size:1.1em; }
.register-event .title { width:110px; color:#333; }
.register-event .subcolumn { width:190px; }
.register-event .text { width:188px; }
.ie8 .register-event .text { width:186px; }
.register-event select { width:190px; }
.register-event .row a.button { }
.register-event .submitdiv { padding-top:5px; }
.register-event .tickets { width:50px; }
.register-event .cost { padding-left:5px; color:#999; font-size:1.2em; }
/* register event succes */
/* - Voor wanneer zowel status als form tegelijk in html zitten ::
.register-event .register-status { display:none }
*/
.register-event .register-status { margin:20px 0 10px; padding:0 8px 0 55px; background:url(../images/icons/green-check.gif) no-repeat 15px 0; }
.register-event .register-status h4 { margin-bottom:.5em; }
/* aladin */
.leftHeader {background-color:#e6e6e3; padding:6px 10px; font-weight:bold;}
.leftContent {padding:5px; font-size:1.2em;}
/* mod vip */
.leftInfo {width:220px;padding-left: 20px;}