/* * The NL-Japan Review * * gemaakt: 2009-11-07 * laatst bewerkt: */ /* Kleur BG: wit Menu/grijsvlak: d4d4d4 (grijs) bovenbalk/menutxt 000944 (donkerblauw) balkjes/randjes 9EA1B0 (lichterpaars/blauw) broodtekst: 3E3E3E (donkergrijs (voor op wit)) lichte tekst: 5B5B5B (lichter donkergrijs (voor op wit)) Highlight blauw 0A176B */ /* ALGEMEEN */ html { height: 101%; } body.default { margin: 0; padding: 0; border: 0; height: 100%; color: #3E3E3E; /* font-family: times new roman,garamond,serif; font-size: 14px; */ font-family: georgia,garamond,serif; font-size: 14px; background-color: #fff; background-image: url(img/bg_strepen_alt1.jpg); background-repeat: repeat; } #centercolumn, #centercolumn_noline { position: relative; margin: 0 auto 0 auto; padding: 0; width: 992px; min-height: 1200px; background-color: #fff; background-image: url(img/bg_main.jpg); background-repeat: repeat-y; border-left: 2px solid #d4d4d4; border-right: 2px solid #d4d4d4; } #centercolumn_noline { background-image: url(img/bg_main_noline.jpg); } #bovenkant { position: relative; left: 1px; top: 0; width: 990px; height: 135px; background-color: #000944; /* background-image: url(img/bg_top.jpg); */ } /* LINKS */ div.content a { color: #1126AD; /*0A176B*/ background-color: #f7f7f7; /*font-weight: bold;*/ text-decoration: underline; padding: 0 2px 0 2px; text-shadow: 0px 0px 3px #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } div.content a:hover { color: #384388; background-color: transparent; text-decoration: none; } div.inhoud a { color: #0A176B; text-decoration: none; background-color: transparent; padding: 0; } /* inhoudspagina, andere links */ div.archief a { color: #0A176B; font-weight: bold; text-decoration: none; background-color: transparent; padding: 0; } /* archiefpagina, andere links */ #cont_menu_onder a { color: #777; text-decoration: none; } #cont_menu_onder a:hover { color: #444; text-decoration: none; } .credits a { color: #aaa !important; text-decoration: none; } .credits a:hover { color: #444 !important; text-decoration: none; } #top_logo { z-index: 10; position: absolute; top: 24px; left: 42px; width: 143px; height: 101px; background-image: url(img/top_logo.jpg); background-repeat: no-repeat; } #top_logotext { z-index: 10; position: absolute; top: 29px; left: 240px; width: 607px; height: 45px; background-image: url(img/top_logotext.jpg); background-repeat: no-repeat; } #top_edition { z-index: 10; position: absolute; top: 84px; left: 450px; width: 450px; } #top_logo a { outline: 0; } #top_logotext { outline: 0; } /* hier zit alles in tussen top en bottom, inclusief menu */ #cont_content { position: relative; margin: -5px 0 0 0; padding: 0 0 50px 0; top: 0; left: 0; width: 992px; background-image: url(img/bg_main_shadow.jpg); background-repeat: no-repeat; } #cont_menu { z-index: 5; position: absolute; top: 5px; left: 10px; width: 215px; margin: 0; } #cont_rightmenu { z-index: 5; position: absolute; top: 5px; left: 808px; width: 190px; margin: 0; } #cont_pag_top { z-index: 5; position: relative; top: 90px; left: 0; width: 190px; margin: 0; } #cont_pag_end { z-index: 5; position: absolute; bottom: 0; left: 588px; width: 190px; height: 140px; margin: -100px 0 40px 0; } /* voor paginering aan het einde v/e artikel */ #cont_credits { z-index: 5; position: absolute; bottom: 0; left: 0; width: 200px; margin: 10px 0 10px 0; display: none; } #cont_menu_onder { z-index: 5; position: absolute; bottom: 0; left: 1px; width: 990px; margin: 0; padding: 10px 0 10px 0; background: #e4e4e4; border-top: 1px solid #f4f4f4; } /* -- HEADER -- */ #top_edition .kop { float: right; clear: both; margin-left: 10px; padding: 5px 0 5px 0; font-variant: small-caps; font-weight: normal; font-size: 10pt; color: #d4d4d4; border-bottom: 1px solid #353C68; } /* -- MENU -- */ #cont_menu .menuVol { display: block; float: left; clear: both; margin: 3px 0 8px 5px; padding: 5px 5px 5px 5px; font-size: 9pt; color: #000944; font-style: italic; } #cont_menu .menuKop { display: block; float: left; clear: both; margin: 3px 0 0 5px; padding: 5px 5px 5px 5px; font-variant: small-caps; font-weight: bold; font-size: 10pt; color: #000944; border-bottom: 2px solid #9EA1B0; } #cont_menu a.menuKop { color: #000944; text-decoration: none; outline: 0; } #cont_menu a.menuKop:hover { color: #0A176B; background-color: #C8C8C8; outline: 1px solid #BDBDBD; } #cont_menu .menuitem, #cont_menu .menuitem_selected { display: block; margin: 0 0 7px 5px; padding: 5px 5px 5px 10px; width: 195px; text-indent: -5px; font-size: 9pt; } #cont_menu a.menuitem, #cont_menu a.menuitem_selected { color: #0C1A73; /*0D1C80 / 000944*/ text-decoration: none; outline: 0; } #cont_menu a.menuitem:hover, #cont_menu a.menuitem_selected:hover { color: #0A176B; text-decoration: none; background-color: #C8C8C8; outline: 1px solid #BDBDBD; } #cont_menu .menuitem .auteur, #cont_menu .menuitem_selected .auteur { font-style: italic; margin-left: 5px; } #cont_menu .menuitem .by, #cont_menu .menuitem_selected .by { font-size: 8pt; } #cont_menu a.menuMini { color: #000944; background-color: #C8C8C8; outline: 1px solid #BDBDBD; font-weight: bold; text-decoration: none; padding-left: 5px; padding-right: 5px; border-bottom: 1px solid #9EA1B0; } #cont_menu a.menuMini:hover { color: #0A176B; background-color: #D8D8D8; outline: 1px solid #BDBDBD; } #cont_menu a.download_edition { z-index: 10; display: block; position: absolute; top: 20px; left: 20px; width: 172px; height: 42px; background-image: url(img/nav_dl_edi.jpg); background-repeat: no-repeat; outline: 0; } #cont_menu a.download_edition:hover { background-image: url(img/nav_dl_edi_on.jpg); outline: 0; } #cont_rightmenu a.download_article { z-index: 10; display: block; position: absolute; top: 20px; left: 20px; width: 145px; height: 45px; background-image: url(img/nav_dl_art.jpg); background-repeat: no-repeat; outline: 0; } #cont_rightmenu a.download_article:hover { background-image: url(img/nav_dl_art_on.jpg); outline: 0; } .paginering { z-index: 10; position: absolute; margin: 0; padding: 0; top: 0; left: 24px; width: 145px; height: 44px; } .paginering .prev { display: block; position: absolute; margin: 0; padding: 0; left: 0; top: 0; width: 73px; height: 44px; background-image: url(img/nav_prevbox.jpg); background-repeat: no-repeat; background-position: right 0; } .paginering .next { display: block; position: absolute; margin: 0; padding: 0; left: 73px; top: 0; width: 72px; height: 44px; background-image: url(img/nav_nextbox.jpg); background-repeat: no-repeat; background-position: left 0; } .paginering .prev:hover { background-image: url(img/nav_prevbox_on.jpg); } .paginering .next:hover { background-image: url(img/nav_nextbox_on.jpg); } .paginering a { text-decoration: none; outline: 0; } .paginering a:hover { text-decoration: none; outline: 0; } a.topLink { display: block; position: absolute; margin: 0; padding: 0; left: 85px; top: 140px; width: 53px; height: 17px; text-decoration: none; outline: 0; background-image: url(img/nav_topbox.jpg); background-repeat: no-repeat; background-position: right 0; } a.topLink:hover { background-image: url(img/nav_topbox_on.jpg); text-decoration: none; outline: 0; } .olib_page_num { display: block; width: 100%; text-align: center; } /* overlib */ div#contentarea { position: relative; margin: 5px 200px 0 220px; padding: 20px 30px 20px 60px; min-height: 600px; } /* INHOUD, TEKST */ div.content, div.cover { margin: 0; padding: 0; text-align: justify; line-height: 1.6em; } div.artikelHeader { margin: 0; padding: 10px 0 10px 0; text-align: center; } div.artikelAuteur { font-size: 11px; font-style: italic; } /* inhoudsopgave */ div.inhoud { } div.inhoud .item { position: relative; margin: 4px 0 20px 0; padding: 6px 0 0 0; min-height: 20px; background-image: url(img/bullet_alt.jpg); background-repeat: no-repeat; background-position: 0 5px; } div.inhoud .item.nolink { background-image: url(img/bullet_nolink.jpg); } div.inhoud .item .titel { margin: 0 0 0 30px; text-align: left; } div.inhoud .item .auteur { margin: 0 0 0 30px; text-align: left; font-size: 12px; font-style: italic; line-height: 1.3em; } div.inhoud .item .omschrijving { margin: 5px 0 0 30px; font-size: 11px; line-height: 1.3em; text-indent: 10px; } div.inhoud .item .auteur .by { font-size: 8pt; } div.inhoud p { margin: 0; padding: 0; } div.inhoud .item .clickable { display: block; position: absolute; height: 100%; width: 100%; } /* artikel */ div.content .pagina_nummer { margin: 25px 0 25px 0; color: #A0A0A0; font-style: italic; text-align: center; font-size: 13px; } div.content .pagina_nummer .of { font-size: 12px; padding: 0 5px 0 5px; } div.content .artillus_left, div.content .artillus_right, div.content .artillus_center { margin: 10px; } div.content .artillus_left { float: left; } div.content .artillus_right { float: right; } div.content .artillus_center { margin-left: auto; margin-right: auto; } div.content .artillus_left .onderschrift, div.content .artillus_right .onderschrift, div.content .artillus_center .onderschrift { margin-top: 8px; font-size: 10px; line-height: 1.4em; } /* koppen */ h1 { margin: 0; padding: 0; font-size: 18px; font-weight: bold; color: #000944; } h1.sifr { margin: 0 0 20px 0; padding: 10px 0 10px 0; font-size: 14pt; font-weight: bold; color: #000944; } h2 { margin: 0; padding: 20px 0 10px 0; font-size: 14px; font-weight: bold; color: #000944; } h2.inhoud { margin: 0; padding: 0; font-size: 13px; font-weight: bold; color: #000944; line-height: 1.3em; } h3 { margin: 0; padding: 10px 0 8px 0; font-size: 12px; font-weight: bold; color: #000944; } div.article h1, div.article h1.sifr { text-align: center; } div.artikelHeader h1, div.artikelHeader h1.sifr { text-align: center; font-variant: small-caps; } div.article h2 { text-align: center; } div.article h3 { text-align: center; } p { margin: 0; padding: 0; } a.voetnoot { font-weight: bold; font-family: sans-serif; font-size: 10px; padding: 2px 5px 6px 2px !important; vertical-align: super; letter-spacing: 1px; } a.voetnoot:hover { } .olib_voetnoot { text-align: justify; line-height: 1.3em; } /* archief */ /* div.zoekbox { margin-left: 365px; width: 300px; border: 1px solid #000944; } */ /* OVERIGE */ .credits { position: absolute; left: 835px; top: 10px; width: 145px; margin: 0; font-size: 8pt; letter-spacing: 1px; color: #aaa; } #menu_onder { font-size: 8pt; letter-spacing: 1px; color: #999; margin-left: 40px; } .error { position: relative; width: 435px; padding: 10px 15px 10px 10px; margin: 10px; background: #FFD4D4; border: 1px solid #FFAAAA; color: #900000; text-align: left; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .error ul { list-style-image: url(img/vinkje_uit.gif); } .error ul li { margin: 5px; } .error ul li a { color: #d00; background-color: transparent; } .error ul li a:hover { color: #e00; } div.content img.foto { border: 0; } blockquote { text-align: justify; font-size: 12px; line-height: 1.7em; margin: 5px 20px 5px 30px; } hr.divide { margin: 30px 0 30px 60px; padding: 0; width: 75%; height: 2px; border: 0; color: #9EA1B0; background-color: #9EA1B0; } .verkeerd_om_a { padding-left: 30px; text-indent: -30px; } img { border: 0; outline: 0; } img.illustratie { padding: 5px } form { margin: 0; padding: 0; } .spacer { clear: both; } /* TABELLEN */ table { border: 0; } table.vertaling td { font-family: georgia,garamond,serif; font-size: 11px; padding: 3px; line-height: 1.6em; vertical-align: top; } table.content td { font-family: georgia,garamond,serif; font-size: 14px; padding: 3px; line-height: 1.6em; vertical-align: top; } table.zoek { width: 700px; } table.zoek th { padding: 1px 5px 1px 5px; background-color: #eee; } table.zoek td { padding: 1px 5px 1px 5px; background-color: #e9e9e9; } table.zoek td.cel_a { background-color: #e9e9e9; } table.zoek td.cel_b { background-color: #e2e2e2; } table.voetnoten { } table.voetnoten td { font-size: 11px; padding: 4px 0 4px 0; line-height: 1.3em; } table.voetnoten td.link { text-align: left; vertical-align: top; width: 35px; } table.voetnoten td.tekst { text-align: justify; } table.archief { width: 670px; } table.archief tr.highlight { background-color: #f3f3f3; } table.archief th { color: #000944; font-size: 12px; font-weight: normal; font-style: italic; text-align: center; background: #efefef; border-bottom: 1px solid #000944; } table.archief td { font-size: 12px; padding: 1px 5px 1px 5px; } table.archief td.cel_puba { width: 50px; text-align: center; } table.archief td.cel_pubb { width: 120px; text-align: left; } table.archief td.cel_eda { width: 140px; } table.archief td.cel_edb { width: 160px; text-align: center; font-style: italic; } table.archief td.cel_art { width: 80px; text-align: right; } table.archief td.cel_pdf { width: 120px; text-align: center; } table.archief .cel_puba, table.archief .cel_pubb, table.archief .cel_eda, table.archief .cel_edb, table.archief .cel_art { cursor: pointer; } table.archief td .restrict { font-size: 8pt; font-style: italic; } table.archief td.info { text-align: left; padding: 11px 15px 5px 15px; background-color: #f5f5f5; font-style: italic; } table.archief td.info span.right { float: right; clear: both; } table.archief td.info a { font-weight: normal; font-style: normal; text-decoration: underline; } /* INPUT FIELDS (labels erin) */ /* menu: member login */ div.abonnee_login { position: relative; margin-left: 20px; margin-top: 8px; } .input { margin: 4px 0; background: url(img/bg_input.jpg); float: left; clear: both; } .input span { position: absolute; padding: 2px; margin-top: 3px; margin-left: 3px; color: #999; } .input input, .input textarea, .input select { position: relative; margin: 0; border-width: 1px; padding: 6px; background: transparent; font: inherit; } .input_m { margin: 2px 0; background: url(img/bg_input.jpg); float: left; clear: both; } .input_m span { position: absolute; padding: 2px; margin-top: 2px; margin-left: 3px; color: #999; font-size: 8pt; } .input_m input { position: relative; margin: 0; border-width: 1px; padding: 3px; width: 160px; background: transparent; font: inherit; font-size: 8pt; } .abonnee_login a.signup { z-index: 10; display: block; position: absolute; top: 60px; left: 0px; width: 69px; height: 24px; background-image: url(img/nav_signup.jpg); background-repeat: no-repeat; outline: 0; } .abonnee_login a.signup:hover { background-image: url(img/nav_signup_on.jpg); outline: 0; } .abonnee_login a.login { z-index: 10; display: block; position: absolute; top: 60px; left: 99px; width: 69px; height: 24px; background-image: url(img/nav_login.jpg); background-repeat: no-repeat; outline: 0; } .abonnee_login a.login:hover { background-image: url(img/nav_login_on.jpg); outline: 0; } #noscript_login_submit { position: absolute; top: 60px; left: 99px; width: 69px; height: 24px; } div.abonnee_info { position: relative; margin: 15px 20px 0 20px; font-size: 9pt; line-height: 1.4em; } .abonnee_info .logout { float: left; clear: left; margin-top: 15px; font-size: 8pt; } .abonnee_info .edit { float: right; clear: right; margin-top: 15px; font-size: 8pt; } /* signup form */ div.abonnee_signup { position: relative; width: 450px; padding: 10px 0 20px 10px; margin: 10px; background: #d4d4d4; border: 1px solid #999; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .abonnee_signup a.signup { z-index: 10; display: block; position: relative; width: 69px; height: 24px; background-image: url(img/nav_signup.jpg); background-repeat: no-repeat; outline: 0; } .abonnee_signup a.signup:hover { background-image: url(img/nav_signup_on.jpg); outline: 0; } .abonnee_signup a.login { z-index: 10; display: block; position: relative; width: 69px; height: 24px; background-image: url(img/nav_login.jpg); background-repeat: no-repeat; outline: 0; } .abonnee_signup a.login:hover { background-image: url(img/nav_login_on.jpg); outline: 0; } .abonnee_signup a.edit { z-index: 10; display: block; position: relative; width: 69px; height: 24px; background-image: url(img/nav_edit.jpg); background-repeat: no-repeat; outline: 0; } .abonnee_signup a.edit:hover { background-image: url(img/nav_edit_on.jpg); outline: 0; } .abonnee_signup input.signup { margin: 2px 0; background: url(img/bg_input.jpg); background-repeat: repeat-x; background-position: 0 -3px; } .abonnee_signup select { margin: 2px 0; background-color: #efefef; background: url(img/bg_input.jpg); background-repeat: repeat-x; background-position: 0 -3px; } .abonnee_signup .row { margin-left: 30px; width: 400px; } .abonnee_signup .label { width: 125px; float: left; text-align: right; padding-right: 10px; } .abonnee_signup .label_fout { width: 125px; float: left; text-align: right; padding-right: 10px; color: #900000; /* background-image: url(img/vinkje_uit); background-repeat: no-repeat; background-position: 0 8px; */ } .abonnee_signup .field { width: 260px; float: left; clear: right; } .abonnee_signup hr { width: 400px; margin: 10px; clear: both; border: 0; border-bottom: 2px solid #999; } .abonnee_signup span.info { font-size: 70%; } .abonnee_signup div.static { font-weight: bold; margin: 0 0 6px 5px; } .abonnee_signup .form_footer { float: left; clear: none; margin-left: 60px; font-size: 8pt; } .abonnee_signup .form_submit { float: right; clear: none; margin-right: 35px; } #contentarea .notice_start { margin-bottom: 15px; font-size: 10pt; } #contentarea .notice { margin-top: 40px; font-size: 9pt; } .signup_error { position: relative; width: 435px; padding: 10px 15px 10px 10px; margin: 10px; background: #FFD4D4; border: 1px solid #FFAAAA; color: #900000; text-align: left; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .signup_error ul { list-style-image: url(img/vinkje_uit.gif); } .signup_error ul li { margin: 5px; } .signup_error ul li a { color: #d00; background: transparent; } .signup_error ul li a:hover { color: #e00; } .signup_success { position: relative; width: 435px; padding: 10px 15px 10px 10px; margin: 10px; background: #D0FFD0; border: 1px solid #6CE66C; color: #009000; text-align: left; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .signup_success ul { list-style-image: url(img/vinkje.gif); } .signup_success ul li { margin: 5px; } .signup_success ul li a { color: #0d0; background: transparent; } .signup_success ul li a:hover { color: #0e0; } .abonnee_login a { background-color: transparent !important; } .abonnee_signup a { background-color: transparent !important; } /* -------------------------------------------- */ /* ------- sIFR ------------------------------- */ /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* .sIFR-hasFlash h1.sifr { visibility: hidden; margin-left: -4px; } */ /* .sIFR-hasFlash h2 { visibility: hidden; margin-left: 0; padding: 0; } */ /* sifr uitgezet, voor nu -- niet zo'n goed idee v.w. verschillende technische redenen */ /* EOF */