td,body,.vTextPlain { color: #000000; font-size: 11px; line-height: 14px; font-family: Verdana, Geneva, Sans-Serif; vertical-align: top; } body { padding: 10px; width: auto !important; height: 100%; background: URL("/images/standard_nl/background.gif"); background-repeat: repeat-y; background-position: center ; } A { color: #882266; text-decoration: none } A:link { color: #882266; text-decoration: none } A:active { color: #AA0000; text-decoration: none } A:visited { color: #882266; text-decoration: none } A:hover { color: #AA0000; text-decoration: none } img { border-style: none ; } .png { behavior: URL("./css/iepngfix.htc"); } .clear { clear: both; } /***** VISITOR PAGE CLASS *****/ #main { position: relative; margin: 0px auto; width: 846px; } #bkLeftBoeker { position: absolute; top: 0px; left: 45px; } #bkLeftMenu { position: absolute; top: 192px; left: 0px; width: 140px; } #bkLeftMenu .bkLeftMenuItem { width: 120px; color: #084282; text-align: right; margin: 0px 10px 20px 10px; font-weight: bold; } #bkLeftMenu .bkLeftMenuItem a { color: #FFFFFF; } #bkLeftMenu .bkLeftMenuItem a:link { color: #FFFFFF; } #bkLeftMenu .bkLeftMenuItem a:active { color: #FFFFFF; } #bkLeftMenu .bkLeftMenuItem a:visited { color: #FFFFFF; } #bkLeftMenu .bkLeftMenuItem a:hover { color: #FFFFFF; } #bkRightContent { position: absolute; top: 0px; left: 705px; width: 140px; height: auto; } #bkRightContent .banner { padding: 543px 2px 10px 2px; } #bkRightContent .agenda { padding: 0px 10px 10px 10px; } #bkRightContent .agenda .agenda_item { padding-bottom: 5px; } #bkRightContent .agenda .agenda_item .date { font-size: 8px; font-weight: none; color: #cccccc; line-height: 9px; } #bkRightContent .agenda .agenda_item .artist { padding-bottom: 5px; font-size: 8px; font-weight: none; line-height: 9px} #bkRightContent .agenda .agenda_item .artist a { color: #000000 !important} #bkRightContent .agenda .agenda_item .artist a:link { color: #000000 !important} #bkRightContent .agenda .agenda_item .artist a:active { color: #000000 !important} #bkRightContent .agenda .agenda_item .artist a:visited { color: #000000 !important} #bkRightContent .agenda .agenda_item .artist a:hover { color: #000000 !important} #bkHeader { width: 545px; height: 180px; margin-left: 150px; } #bkHeader .logo { margin-bottom: 8px; width: 545px; height: 115px; } #bkHeader .menu { margin-bottom: 0px; padding-top: 4px; width: 545px; } #bkHeader .menu a { margin-left: 15px; } #bkHeader .menu a.first { margin-left: 0px; } #bkHeader .submenu { margin-bottom: 10px; width: 545px; } #bkHeader .submenu_items img { margin-left: 4px; } #bkHeader .submenu_items img.first { margin-left: 0px; } #bkHeader #statusbar { height: 22px; width: 545px; } #bkHeader #statusbar #age { float: left; width: 280px; } #bkHeader #statusbar #age .caption { margin-top: 4px; float: left; } #bkHeader #statusbar #age .selector { float: left; margin-left: 10px; } #bkHeader #statusbar #city { float: left; width: 253px; } #bkHeader #statusbar #city .caption { margin-top: 4px; float: left; } #bkHeader #statusbar #city .selector { float: left; margin-left: 10px; } div.member_info { z-index: 1; position: absolute; background-color: #ffd676; border: #000000 1px solid; width: 129px; top: 114px; left: 2px; padding: 0px 3px 0px 3px;} div.member_info .name { font-size: 10px; text-align: center; } div.member_info .saldo { font-size: 10px; float: left; font-weight: bold; } div.member_info .logout { font-size: 10px; text-align: right; color: #cc0000; font-weight: bold; } /* MIJN BOEKER */ #bkMijnBoeker { margin: 0px; padding: 5px 0 0 0; } #bkMijnBoeker a { color: #cc0000; padding: 5px 0 0 0; } #bkMijnBoeker .content { } #bkMijnBoeker .face { width: 113px; padding: 0 20px 0 20px; vertical-align: middle; } #bkMijnBoeker .gegevens { vertical-align: middle; } #bkMijnBoeker .gegevens .name { font-weight: bold; float: left; } #bkMijnBoeker .gegevens .age { } #bkMijnBoeker .ander_member { margin-bottom: 7px; } #bkMijnBoeker .gegevens .city { } #bkMijnBoeker .gegevens .balance { } #bkMijnBoeker .gegevens .different_city { } #bkMijnBoeker .gegevens .no_login { width: 170px; text-align: center; } #bkMijnBoeker .gegevens .no_login .title { color: #cc0000; font-weight: bold; margin-bottom: 16px; } #bkMijnBoeker .gegevens .no_login .main { } #bkMainContent { width: 545px; position: absolute; top: 170px; left: 145px; padding: 30px 0 0 0; } #bkMainContent .left_content { float: left; width: 260px; margin: 11px 25px 0 0; } #bkMainContent .right_content { float: left; width: 260px; margin: 11px 0 0 0; } /***** VISITOR *****/ #home_main { margin: 0px 0 20px 105px; } #home_bibliotheek { margin: 0 0 0px 5px; } .discount_ticket { width: 545px; height: auto; } /***** VISITOR EVEN LIST *****/ div.list_even { clear: left; position: relative; margin-bottom: 10px; width: 545px; } div.list_even .left { width: 264px; text-align: right; float: left; } div.list_even .left .item_img { margin: 0px 0px 10px 0px; } div.list_even .right { float: none; padding-left: 279px; } div.list_even .right .head{} div.list_even .right .head .title { font-size: 14px; font-weight: bold; line-height: 18px; margin-bottom: 10px; } div.list_even .right .head .title a { color: #000000; } div.list_even .right .head .head_text { margin: 0px 0px 0px 0px; } div.list_even .right .text { margin: 10px 0px 36px 0px; } div.list_even .line { clear: left; margin-bottom: 0px; width: 545px; height: 2px; border-bottom: #cc0000 2px solid; } div.list_even .verder { background: URL("/images/standard_nl/verder_boeker.gif"); background-position: right top; background-repeat:no-repeat; width: 266px; height: 36px; color: #cc0000; font-style: italic; text-align: left; vertical-align: bottom; position: absolute; bottom: 2px; padding-left: 279px; } /***** VISITOR ODD LIST *****/ div.list_odd { clear: left; position: relative; margin-bottom: 10px; width: 545px; } div.list_odd .left { width: 200px; text-align: right; float: left; } div.list_odd .left .item_img { margin: 0px 0px 10px 0px; } div.list_odd .right { float: none; padding-left: 215px; } div.list_odd .right .head { } div.list_odd .right .head .title { font-size: 14px; font-weight: bold; line-height: 18px; margin-bottom: 10px; } div.list_odd .right .head .title a { color: #000000; } div.list_odd .right .head .head_text { margin: 0px 0px 0px 0px; } div.list_odd .right .text { margin: 10px 0px 36px 0px; } div.list_odd .line { clear: left; margin-bottom: 0px; width: 545px; height: 2px; border-bottom: #cc0000 2px solid; } div.list_odd .verder { background: URL("/images/standard_nl/verder_boeker.gif"); background-position: right; background-repeat:no-repeat; width: 328px; height: 36px; color: #cc0000; font-style: italic; text-align: left; vertical-align: bottom; position: absolute; bottom: 2px; padding-left: 215px; } /***** VISITOR ITEM EVEN *****/ div.item_even { margin-top: 10px; width: 545px; position: relative; } div.item_even .left { width: 264px; margin-right: 15px; margin-bottom: 15px; text-align: right; float: left;} div.item_even .left .title { font-size: 14px; font-weight: bold; line-height: 16px; margin: 2px 0px 8px 0px; } div.item_even .left .item_img { } div.item_even .right { margin: 0px 0px 1px 0px; width: 264px; float: left; } div.item_even .right .head { background-color: #ffd676; padding: 2px 2px 5px 2px; } div.item_even .right .head .location { color: #094181; font-weight: bold; margin-bottom: 5px; padding-top: 2px; } div.item_even .right .head .head_text { margin-bottom: 0px; } div.item_even .right .head .head_text_space { margin-bottom: 5px; } div.item_even .right .text {padding-top: 10px; } /***** VISITOR ITEM ODD *****/ div.item_odd { margin-top: 10px; width: 545px; position: relative; } div.item_odd .left { width: 200px; margin-right: 15px; margin-bottom: 15px; text-align: right; float: left;} div.item_odd .left .title { font-size: 14px; font-weight: bold; line-height: 16px; margin: 2px 0px 8px 0px; } div.item_odd .left .item_img { } div.item_odd .right { margin: 0px 0px 1px 0px; width: 328px; float: left; } div.item_odd .right .head { background-color: #ffd676; padding: 2px 2px 5px 2px; } div.item_odd .right .head .location { color: #094181; font-weight: bold; margin-bottom: 5px; padding-top: 2px; } div.item_odd .right .head .head_text { margin-bottom: 0px; } div.item_odd .right .head .head_text_space { margin-bottom: 5px; } div.item_odd .right .text {padding-top: 10px; } div.agenda_main { width: 545px; position: relative; } div.agenda_main .agenda_title { height: 10px; width: 538px; color: #cc0000; font-size: 14px !important; font-weight: bold; line-height: 14px; padding: 0px 0px 8px 6px; margin-left: 5px; text-align: right; background: URL("/images/standard_nl/boekeragenda.gif"); background-position: left; background-repeat:no-repeat; } div.agenda_main .item { width: 175px; height: 70px; float: left; background-color: #ffd676; padding: 1px; margin: 1px} div.agenda_main .item .left { width: 70px; float: left; } div.agenda_main .item .left .item_img { margin: 0px 0px 0px 0px; } div.agenda_main .item .right { float: none; padding-left: 72px; } div.agenda_main .item .right .head{} div.agenda_main .item .right .head .title a { color: #000000; } div.agenda_main .item .right .head .head_text { margin: 0px 0px 0px 0px; font-size: 7px; font-weight: none; line-height: 10px;} div.agenda_main .item .right .text { color: #cc0000; margin: 0px 0px 0px 0px; font-size: 0.7em !important; font-weight: none; line-height: 9px; font-family: small fonts; height: 46px; overflow: hidden; } div.agenda_main .item .right .text a { color: #cc0000; } div.agenda_main .item .right .date { color: #000000; margin: 0px 0px 0px 0px; font-size: 0.7em !important; font-weight: none; line-height: 10px; font-family: small fonts; height: 12px; overflow: hidden; } div.agenda_main .item .right .location { color: #000000; margin: 0px 0px 0px 0px; font-size: 0.7em !important; font-weight: none; line-height: 10px; font-family: small fonts; height: 12px; overflow: hidden; } /***** location *****/ div.location_show { margin-top: 0px; width: 545px; position: relative; } div.location_show .left { width: 264px; margin-right: 15px; margin-bottom: 15px; text-align: right; float: left; } div.location_show .left .title { font-size: 18px; font-weight: bold; line-height: 16px; margin-bottom: 8px; } div.location_show .left .image {} div.location_show .right { margin: 0px 0px 1px 0px; width: 264px; float: left; } div.location_show .right .short { background-color: #ffd676; padding: 2px 2px 5px 2px; } div.location_show .right .short .url { color: #094181; font-weight: bold; margin-bottom: 4px; padding-top: 2px; } div.location_show .right .short .item {} div.location_show .right .short .adres { margin-bottom: 4px; } div.location_show .right .short .hours { margin-bottom: 4px; } div.location_show .right .short .offer { margin-bottom: 0px; } div.location_show .right .info { padding-top: 10px; } /***** VISITOR LOCATIONS *****/ .location_kind { width: 544px; border-bottom: #cc0001 solid 2px; font-size: 16px; text-align: left; color: #cc0001; padding: 10px 0px 3px 0px; margin: 0px 0px 4px 0px; text-transform: uppercase; font-weight: none; } div.location_list { clear: left; margin-bottom: 10px; width: 545px; } div.location_list .location_img { float: left; width: 100px; margin: 3px 15px 15px 0px; margin-bottom: 15px; text-align: right; text-align: right; } div.location_top { margin-bottom: 10px; } div.location_top .view { width: 542px ;text-align: right; } div.location_top .title { text-transform: uppercase; font-weight: none; color: #ffb200; font-size: 16px; border-bottom: #ffb200 solid 2px; text-align: left; padding: 10px 0px 3px 0px; margin: 0px 0px 4px 0px; } div.location_top .info { font-size: 12 px; font-weight: none; line-height: 14px; padding: 0px 0px 0px 114px; } div.location_list .location_txt { float: none; padding-left: 110px; } div.location_list .location_txt .title { font-size: 12px; font-weight: none; line-height: 14px; margin-bottom: 0px; } div.location_list .location_txt .title a { color: #000000; } div.location_list .location_txt .info { margin: 10px 0; } div.location_list .location_txt .verder { color: #cc0000; font-style: italic; text-align: right; } /***** BOEKEN KEUZE *****/ div.boeken_keuze { margin: 10px 0px 10px 0px; padding: 10px 0px 10px 0px; width: 533px; text-align: right} div.boeken_keuze img { height: 87px; width: 359px; } /***** FAQ *****/ div.left_content { width: 265px; float: left; } div.left_content .question { margin-bottom: 10px; } div.right_content { width: 265px; float: left; position: relative; } div.right_content .answer { margin-bottom: 10px; position: absolute; top: 0px; left: 0px; color: #084282; } /***** Boeker Switch *****/ div.boeker_category { margin: 0px auto 22px auto; width: 545px; text-align: center; } div.boeker_news { margin: 0px auto 6px auto; width: 545px; text-align: center; color: #084282; font-size: 16px; font-weight: bold; height: 28px; line-height: 16px; } div.boeker_category img { vertical-align: top; } div.boeker_category .category { margin-right: 10px; } div.boeker_category .locations {} /***** Java *****/ div.combo_age_header { position:absolute; width:100px; background-color: #ffaf00; border:1px solid #ccc; margin:0px; padding:0px ; font-size:12px; font-weight: bold; text-align:left; max-height:200px; overflow:auto; color: #ffffff; } div.combo_age_header ul { list-style-type:none; margin:0px; padding:0px; } div.combo_age_header ul li.selected { background-color: #ffaf00; color: #084282; } div.combo_age_header ul li { list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; } div.combo_city_header { position:absolute; width:100px; background-color: #ffaf00; border:1px solid #ccc; margin:0px; padding:0px ; font-size:12px; font-weight: bold; text-align:left; max-height:200px; overflow:auto; color: #ffffff; } div.combo_city_header ul { list-style-type:none; margin:0px; padding:0px; } div.combo_city_header ul li.selected { background-color: #ffaf00; color: #084282; } div.combo_city_header ul li { list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; } /***** look&fell of scriptaculous select box *****/ #select_age_combo { margin: 0px 5px 10px 0px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; width : 110px; display : block; text-align:center; background: url('../images/bg_select.jpg') right; height:18px; cursor: pointer; border:1px solid #ccc; color:#084282; background-color: #FFD676; padding:0px 0px; } #select_city_combo { margin: 0px 5px 10px 0px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; width : 110px; display : block; text-align:center; background: url('../images/bg_select.jpg') right; height:18px; cursor: pointer; border:1px solid #ccc; color:#FFB200; background-color: #094181; padding:0px 0px; } /***** MEMBER INFO *****/ /***** NEWS ITEMS *****/ #news_items { position: relative; } #news_items .title { font-size: 12px; font-weight: bold; } #news_items .text { font-size: 10px; font-weight: none; } #news_items img { float: left; width: 60px; height: 60px;} #news_items div { overflow: hidden; } #news_items .news_item_1 { position: absolute; left: 0px; top: 0px; width: 175px; height: 350px; } #news_items .news_item_2 { position: absolute; left: 185px; top: 0px; width: 350px; height: 175px; } #news_items .news_item_3 { position: absolute; left: 185px; top: 185px; width: 350px; height: 175px; } #news_items .news_item_4 { position: absolute; left: 0px; top: 370px; width: 350px; height: 175px; } #news_items .news_item_5 { position: absolute; left: 0px; top: 545px; width: 350px; height: 175px; } #news_items .news_item_6 { position: absolute; left: 360px; top: 370px; width: 175px; height: 350px; } /***** SEARCH ITEMS *****/ .search_main { padding: 0 0 0 5px; } .search_fields { border-bottom: #999999 solid 1px; padding: 0 0 5px 0; margin: 0 0 10px 0; } #results { padding: 0 0 0 5px; font-size: 9px; } #results .result_header { text-transform: uppercase; font-weight: bold; font-size: 16px; padding: 2px; } #results .result_1 { background-color: #d3e8ff; margin-bottom: 10px; } #results .result_1 .result_header { color: #084282;} #results .result_2 { background-color: #fff0ce; margin-bottom: 10px; } #results .result_2 .result_header { color: #ffaf00;} #results .result_3 { background-color: #ffcdcd; margin-bottom: 10px; } #results .result_3 .result_header { color: #cc0000;} #results .result_4 { background-color: #d3e8ff; margin-bottom: 10px; } #results .result_4 .result_header { color: #084282;} #results .result_5 { background-color: #fff0ce; margin-bottom: 10px; } #results .result_5 .result_header { color: #ffaf00;} #results .result_6 { background-color: #ffcdcd; margin-bottom: 10px; } #results .result_6 .result_header { color: #cc0000;} #results .result_news { background-color: #bffdbf; margin-bottom: 10px; } #results .result_news .result_header { color: #00d000;} #results .item { padding: 5px 0 ; border-bottom: #999999 solid 1px; } #results .item img { float: left; height: 75px; width: 60px; padding: 2px 7px 2px 5px; } #results .item .title { font-size: 12px; font-weight: bold; padding: 0 0 3px 72px; line-height: 1em; } #results .item .head_text { line-height: 1.2em; padding: 0 0 0 72px; } #results .item .text { line-height: 1.2em; padding: 4px 0 0 72px; } /******************************************************/ /* PAS NUMMER LOGIN*/ .first_login { position: absolute; top: 185px; left: 400px; width: 178px; height: 102px; } .change_login { position: absolute; top: 260px; left: 140px; width: 178px; height: 102px; z-index: 100; } .login .ballon { height: 102px; width: 177px; font-size: 11px; } .login .login_top { width: 178px; height: 4px; } .login .login_top img { margin-left: 19px; } .login .login_bottom { width: 178px; height: 4px; } .login .login_bottom img { margin-left: 19px; } .login .login_left { width: 4px; height: 92px; line-height: 1px; } .login .login_right { width: 24px; height: 92px; line-height: 1px; } .login .login_mid { background-color: #ffffff; color: #cc0000; width: 150px; height: 84px; padding: 0px; overflow: hidden; padding-left: 5px; } .login input { background-color: #cccccc; height: 14px; font-size: 11px; border: 1px solid #666; } .login input#member_number { margin-top: 3px; margin-bottom: 2px; margin-left: 0px; width: 128px; } .login input#member_zipcode { margin-top: 3px; width: 90px; float: left; margin-left: 0px; } .login .aInputSubmit { margin-top: 3px; height: 18px; width: 30px; margin-left: 5px; } /* CHANGE AGE */ .change_age { position: absolute; top: 32px; left: 540px; width: 178px; height: 102px; } .login_age .ballon { height: 102px; width: 178px; } .login_age input { background-color: #cccccc; height: 14px; width: 100px; font-size: 11px; } .login_age input#member_number { margin-top: 37px; margin-left: 8px; } .login_age input#member_zipcode { margin-top: 16px; float: left; margin-left: 8px; } .login_age .aInputSubmit { margin-top: 16px; height: 18px; width: 30px; margin-left: 5px; } #home_bibliotheek { margin-top: -6px; margin-bottom: 6px; } #boeker_home_news .home_news { padding: 15px; } #boeker_home_news .home_news_line { background-color: #f00; } #boeker_home_news .home_news .image img { width: 100px; height: auto; } #boeker_home_news .home_news .title { font-size:16px; font-weight:bold; line-height:20px; margin-bottom:10px; } #boeker_home_news #news_1 { width: 242px; background-color: #eeeeee; border: 1px solid #000; } #boeker_home_news #news_1 .image img { float: left; margin-right: 10px; } #boeker_home_news #news_2 { width: 242px; } #boeker_home_news #news_2 .image img { float: left; margin-right: 10px; } #boeker_home_news #news_3 { width: auto; } #boeker_home_news #news_3 .image img { float: right; margin-left: 20px; width: 120px; height: auto; } #boeker_home_news #news_4 { width: 158px; padding: 15px 10px 15px 15px; border: 1px solid #000; } #boeker_home_news #news_5 { width: 158px; padding: 15px 10px 15px 10px; background-color: #eeeeee; border: 1px solid #000; } #boeker_home_news #news_6 { width: 158px; padding: 15px 15px 15px 10px; border: 1px solid #000; } #boeker_home_news #news_7 { width: auto; border: 1px solid #000; } #boeker_home_news #news_7 .image img { float: left; margin-right: 20px; width: 120px; height: auto; } #scholte_books .heading { background-color:#CC0000; color:#FFFFFF; font-size:11px; font-weight:bold; padding:2px 20px; text-align:center; text-transform:uppercase; } #scholte_books .new_book { float:left; padding:5px; width:99px; font-size: 10px; text-align: left; } #scholte_books .new_book .title { font-weight: bold; font-size: 13px; line-height: 16px; } #scholte_books .new_book .caption { font-weight: bold; } #scholte_books #scholte_books_container { text-align: center; } #scholte_books #scholte_books_container .loading { margin: 7px; }