/* ---------- Reportret: Standaardstijl voor beeldscherm (CSS 2) ---------- */ /* Algemene opmerkingen: | "Font-size", "line-height", randen van afbeeldingen, en marges tussen afbeeldingen zijn vastgelegd in "px" (zie http://www.alistapart.com/stories/fear4/). | De marges, "padding", en randen rondom tekst zijn vastgelegd in "em" (maar ontworpen in "px"), zodat deze meegroeien/-krimpen in geval van text-zoom (zoals in MSIE 5 Mac en NN 7). | De boxen hebben in principe alleen boven een marge. | De beginwaarden van de CSS 2-aanbeveling zijn zo veel mogelijk gerespecteerd, maar de user agent kan niet worden vertrouwd (met name wat betreft marges, typografie, en links). Waar mogelijk/nodig is de vrijheid en eigen stijl van de user agent daarom (soms ogenschijnlijk onnodig) ingeperkt en overschreven. | Speciaal voor de dynamische pseudoklasseselectoren <:hover>, <:focus>, en <:active> is de klasse <.schakelaar> in het leven geroepen, die van toepassing is op alle zichtbare links. NN 7 past bij , etc. namelijk (overigens geheel correct) ook de effecten toe op ankers die geen link zijn, terwijl MSIE 6 Win juist het uitgebreidere , , etc. niet begrijpt. Bovendien kunnen zo de instellingen van de user agent (en gebruiker) voor de links op de sitekaart (binnen het kaartblok) intact blijven. | I.v.m. validatie gaat een waarde voor "color" steeds samen met een waarde voor "background-color" en vice versa. | Laatste wijziging: 13 juli 2011. | N.B. De "float"-eigenschap geeft problemen in MSIE 6 Win, namelijk in combinatie met een effect bij <:hover> in de eerste regel van een

-element direct na de box met de "float"-eigenschap, of in combinatie met een "background-image" met de "repeat-x"-waarde. */ /* ---------- Algemeen: Elementselectoren (xhtml-elementen) ---------- */ body { margin: 0; padding: .5714em 1.4286em 1em; /* = 8px 20px 14px ... ook een waarde voor boven, wegens problemen bij definitie van een waarde voor "margin-top" bij de eerste box binnen (deze wordt door NN 6 en 7 dan niet weergegeven). */ color: #000; background: #669 url(../beelden/achter0.gif) no-repeat fixed; font: 14px/20px Georgia, Times, "Times New Roman", serif; text-align: left; cursor: default; /* ... dat is een pijltje, ook boven tekst. */ } h1, h2 { margin: .4444em 0 0; /* = 8px 0 0 */ color: #636; background-color: transparent; font: normal normal bold 18px/22px Arial, Helvetica, sans-serif; text-align: center; } p, table { margin: .5714em 0 0; /* = 8px 0 0 */ } ul, ol { /* ... de marge links blijft dezelfde als de standaard van de user agent omdat deze bij iedere user agent weer anders is geprogrammeerd (soms met een marge en soms met "padding"), en daardoor niet kan worden overschreven: */ margin-top: .5714em; /* = 8px */ margin-right: 0; margin-bottom: 0; } img, li, form, input, noscript { margin: 0; } address { margin: .5714em 0 0; /* = 8px 0 0 */ font-style: normal; font-variant: normal; font-weight: normal; } table { width: 100%; color: #000; background-color: #99c; border-collapse: separate; /* ... de standaardwaarde van veel user agents, maar misschien niet alle. */ border-spacing: .1429em; /* = 2px ... de standaardwaarde van veel user agents, maar misschien niet alle. */ border: .0714em solid #ccf; /* = 1px */ } td { padding: .2857em; /* = 4px */ color: inherit; background: transparent url(../beelden/achter8.gif) repeat-x 0 100%; line-height: 16px; vertical-align: bottom; } th { padding: .3333em .6667em .3333em 0; /* = 4px 8px 4px 0 */ color: #636; background-color: transparent; font: normal normal normal 12px/14px Arial, Helvetica, sans-serif; text-align: left; /* ... omdat veel user agents anders standaard centreren. */ vertical-align: bottom; border-bottom: .0833em solid; /* = 1px */ } strong { font-style: normal; font-variant: normal; font-weight: bold; } acronym { font-style: normal; font-variant: small-caps; font-weight: normal; border-bottom-width: 0; /* ... omdat NN 7 anders standaard een stippellijn onder toevoegt. */ cursor: help; /* ... dat is een vraagteken. */ } abbr { font-style: normal; font-variant: normal; font-weight: normal; border-bottom-width: 0; /* ... omdat NN 7 anders standaard een stippellijn onder toevoegt. */ cursor: help; /* ... dat is een vraagteken. */ } em, cite { font-style: italic; font-variant: normal; font-weight: normal; } hr { display: none; } /* ---------- Algemeen: Klasseselectoren (class) ---------- */ p.intro { margin-top: .6154em; /* = 8px */ font: bold 13px/19px Arial, Helvetica, sans-serif; text-align: center; } p.noot, p.lognoot, p.bijschrift, p.extra, address.printinfo { /* ... wordt niet weergegeven, maar toch definitie in geval van alles-kopie-plak: */ margin-top: .8em; /* = 8px */ font: 10px/12px Verdana, Arial, Helvetica, sans-serif; } p.navigatiemidden { margin-top: .6667em; /* = 8px */ padding: .6667em 0; /* = 8px 0 */ font: 12px/12px Arial, Helvetica, sans-serif; text-align: center; word-spacing: .6667em; /* = 8px */ white-space: nowrap; border-top: .0833em dotted #339; /* = 1px */ border-bottom: .0833em dotted #339; /* = 1px */ } p.galerijeenheid, div.linkgroep { padding-left: .5714em; /* = 8px */ border-top: .0714em solid #636; /* = 1px */ border-left: .1429em solid #636; /* = 2px */ } p.galerijeenheid { padding-top: .5714em; /* = 8px */ } p.vervalsingen { white-space: nowrap; } p.eenpx { margin-top: 0; font-size: 1px; line-height: 1px; } img.icoon { margin-right: 6px; } img.icoonbreed { margin-right: 3px; } img.icoontoegelicht, img.fragment { margin-right: .4286em; /* = 6px */ } img.icoontoegelichtbreed { margin-right: .2143em; /* = 3px */ } img.fragment { border: 1px solid #000; /* ... wordt herhaald bij de contextselectoren, met een meer specifieke selector, omdat anders een conflict ontstaat met de definitie dat gelinkte afbeeldingen in principe geen rand mogen krijgen (die door enkele user agents, zoals MSIE 6 Win, anders wel standaard wordt toegevoegd), maar hier alvast speciaal voor Opera 6 (die anders helemaal geen rand weergeeft). */ } img.vals2v2 { margin-left: 8px; } div.tekstblok { /* margin: 0 15%; */ } span.locatie { font-weight: bold; word-spacing: .3333em; /* = 4px */ } span.geportretteerde { word-spacing: normal; } span.vreemd { font-style: italic; } span.webadres { color: #669; background-color: transparent; } .noshow, .printinfo, .nospace { display: none; } /* ---------- Algemeen: Unieke selectoren (id) ---------- */ p#taalinfo { position: relative; margin: 0 auto; max-width: 57em; /* = 798px ... om deze met het inhoudblok te laten lijnen; helaas ondersteunt MSIE t/m 6 deze eigenschap niet. */ } p#chapeau { margin: 0 auto; /* ... boven geen marge want deze is al vastgelegd in de "padding"-eigenschap van wegens problemen in NN 6 en 7. */ max-width: 66.5em; /* = 798px ... om deze met het inhoudblok te laten lijnen; helaas ondersteunt MSIE t/m 6 deze eigenschap niet. */ font: 12px/12px Arial, Helvetica, sans-serif; text-align: right; letter-spacing: .1667em; /* = 2px */ white-space: nowrap; } p#beeldmerk { margin: 0; /* ... in plaats daarvan een waarde voor "padding" boven (zie daar). */ padding-top: .5714em; /* = 8px ... in plaats van een marge boven, omdat MSIE 7 deze ten onrechte met de "padding" van het inhoudblok laat samenvallen. */ padding-right: 21px; /* ... om het beeldmerk optisch te centreren. */ text-align: center; } p#achterdeuropmerking, p#navigatieboven, p#navigatieonder { font: 12px/12px Arial, Helvetica, sans-serif; text-align: center; white-space: nowrap; } p#achterdeuropmerking, p#navigatieboven { margin: 0; /* ... in plaats daarvan een waarde voor "padding" boven (zie daar). */ padding-top: .6667em; /* = 8px ... in plaats van een marge boven, omdat MSIE 7 deze ten onrechte met de "padding" van het inhoudblok laat samenvallen. */ padding-bottom: .6667em; /* = 8px */ border-bottom: .0833em dotted #339; /* = 1px */ } p#achterdeuropmerking { font-weight: bold; } p#navigatieboven, p#navigatieonder { word-spacing: .6667em; /* = 8px */ } p#navigatieonder { margin-top: .6667em; /* = 8px */ padding-top: .6667em; /* = 8px */ border-top: .0833em dotted #339; /* = 1px */ } p#zoekmachine { margin: 0; /* ... in plaats daarvan een waarde voor "padding" boven (zie daar). */ padding-top: .5714em; /* = 8px ... in plaats van een marge boven, omdat MSIE 7 deze ten onrechte met de padding van het inhoudblok laat samenvallen. */ padding-bottom: .5714em; /* = 8px */ text-align: center; white-space: nowrap; border-bottom: .0714em dotted #339; /* = 1px */ } p#voorbeeldpaginaindeling { text-align: center; } p#auteursrechttekst { /* ... de marges hiervan zijn afwijkend vastgelegd met contextselectoren: */ padding: .6667em; /* = 8px */ color: #333; background-color: #ccc; font-size: 12px; line-height: 16px; border: .0833em solid #000; /* = 1px */ } p#iconen { margin-right: auto; margin-left: auto; max-width: 57em; /* = 798px ... om deze met het inhoudblok te laten lijnen; helaas ondersteunt MSIE t/m 6 deze eigenschap niet. */ background: transparent url(../beelden/reportretkleindonker.gif) no-repeat 100% 0; /* ... volledige definitie (inclusief achtergrondkleur) om NN 7 te helpen de eigenschappen van de achtergrond-afbeelding te accepteren. */ white-space: nowrap; } p#pasfoto { /* ... de uitlijning hiervan is vastgelegd met een (meer specifieke) contextselector om de uitlijning van het subinhoudblok te overschrijven: */ height: 100px; /* ... voor NN 6 en 7, die deze anders toch nog hoger maken dan de afbeelding die het bevat. */ color: #fff; background-color: #669; border-top: 1px solid #000; /* ... de rand rechts is vastgelegd voor de afbeelding binnen , als contextselector, wegens problemen in NN 7. */ border-bottom: 1px solid #000; border-left: 1px solid #000; } p#pi { position: fixed; bottom: .5714em; right: .5714em; } p#portretafbeelding { float: right; margin: .5714em 0 .2857em .5714em; /* = 8px 0 4px 8px */ } input#naam { margin-right: .3333em; /* = 4px */ color: #000; background-color: #fff; font-size: 12px; border: .1667em inset #ccf; /* = 2px */ cursor: text; } input#zoekknop { /* ... afgezien van onderstaande eigenschappen (en marge) blijft de standaard knop van de user agent gehandhaafd: */ font-size: 12px; cursor: pointer; /* ... dat is een wijzend handje. */ } div#inhoudblok { margin: .5714em auto 0; /* = 8px auto 0 */ padding: 0 1.4286em .5714em; /* = 0 20px 8px */ max-width: 54em; /* = 756px ... gerekend met het aanbevolen box model, dus exclusief eigen "padding" en rand (inclusief eigen "padding" en rand is dit 798 pixels); helaas ondersteunt MSIE tot 6 deze eigenschap niet. */ border: .0714em solid #000; /* = 1px */ } div#kaartblok { margin: .5714em auto; /* = 8px auto */ padding: .5714em .5714em 1.1429em; /* = 8px 8px 16px ... ook een waarde voor boven, wegens problemen bij definitie van een waarde voor "margin-top" bij de eerste box binnen een ouder-box zonder rand (deze wordt door MSIE dan niet weergegeven). */ max-width: 42em; /* = 588px */ color: #000; background: #fff url(../beelden/hoek.gif) no-repeat 100% 0; } div#subinhoudblok { margin-right: auto; margin-left: auto; padding-bottom: .5714em; /* = 8px */ max-width: 54em; /* = 756px ... dezelfde waarde als van het inhoudblok, om deze met elkaar te laten lijnen. */ border-bottom: .0714em dotted #339; /* = 1px */ } div#bronnenblok { clear: right; margin-top: .6667em; /* = 8px */ padding: .6667em; /* = 8px ... rondom, dus ook boven, wegens problemen bij definitie van een waarde voor "margin-top" bij de eerste box binnen een ouder-box zonder rand (deze wordt door MSIE dan niet weergegeven). */ color: #fff; background: #903 url(../beelden/achter3.gif) no-repeat; font: 12px/16px Arial, Helvetica, sans-serif; } span#zweefblokje { position: absolute; top: 1.1667em; /* = 14px */ left: -.5em; /* = -6px */ padding: .3333em .5em .3333em 1.5em; /* = 4px 6px 4px 18px */ color: #000; background: #aaa url(../beelden/taalwijzer.gif) no-repeat .5em 50%; /* = 6px 50% */ font: 12px/12px Arial, Helvetica, sans-serif; word-spacing: .3333em; /* = 4px */ white-space: nowrap; border: .0833em solid #fff; /* = 1px */ } /* ---------- Algemeen: Pseudoklasseselectoren (links) ---------- */ a { outline: none; } a:link, a:visited { /* ... links die aan de user agent of gebruiker worden toevertrouwd (binnen het kaartblok), dus - op 1 na - zonder eigenschappen: */ cursor: pointer; /* ... dat is een wijzend handje, om de algemene definitie te overschrijven. */ } a.schakelaar:link, a.schakelaar:visited { /* ... zonder pseudoklassen heeft geen eigenschappen omdat anders een conflict kan ontstaan met de definitie van de user agent voor en : */ color: #339; background-color: transparent; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; } a.schakelaar:hover, a.schakelaar:focus { color: #fff; background-color: transparent; } a.schakelaar:active { color: #000; background-color: transparent; } /* ---------- Algemeen: Contextselectoren (combinaties en deels ongedaan maken vorige definities) ---------- */ /* N.B. De combinaties van met zijn niet gedefinieerd omdat deze combinaties onzinnig zijn. */ strong acronym, strong abbr, strong cite, p.intro acronym, p.intro abbr, p.intro em, p.intro cite, a.schakelaar:link acronym, a.schakelaar:link abbr, a.schakelaar:link em, a.schakelaar:link cite, a.schakelaar:visited acronym, a.schakelaar:visited abbr, a.schakelaar:visited em, a.schakelaar:visited cite { font-weight: bold; } em acronym, em abbr, em a.schakelaar:link, em a.schakelaar:visited, cite strong, cite acronym, cite abbr, cite a.schakelaar:link, cite a.schakelaar:visited, span.vreemd strong, span.vreemd acronym, span.vreemd abbr, span.vreemd a.schakelaar:link, span.vreemd a.schakelaar:visited { font-style: italic; } p.noot acronym, p.lognoot acronym, p.bijschrift acronym, p.extra acronym { font-variant: normal; text-transform: uppercase; /* ... omdat klein-kapitaal in deze gevallen te klein is. */ } p.vervalsingen img { vertical-align: bottom; } p#beeldmerk + div.tekstblok { margin: 0 auto; max-width: 42em; /* = 588px */ } p + p#auteursrechttekst { margin-top: .3333em; /* = 4px */ } p#taalinfo a.schakelaar:link, p#taalinfo a.schakelaar:visited { color: #333; background-color: transparent; } p#taalinfo a.schakelaar:hover, p#taalinfo a.schakelaar:focus { color: #fff; background-color: transparent; } p#taalinfo a.schakelaar:active { color: #000; background-color: transparent; } p#voorbeeldpaginaindeling img { color: #000; background-color: #c99; border: 1px solid #000; } p#voorbeeldpaginaindeling + p, p#auteursrechttekst + p { margin-top: .2857em; /* = 4px */ } p#auteursrechttekst a.schakelaar:link, p#auteursrechttekst a.schakelaar:visited, p#auteursrechttekst a.schakelaar:hover, p#auteursrechttekst a.schakelaar:focus, p#auteursrechttekst a.schakelaar:active { /* ... een onopvallende link zonder effecten: */ color: #333; background-color: transparent; font-weight: normal; } p#pasfoto img { border-right: 1px solid #000; /* ... voor NN 7, die de afbeelding niet binnen een rand rechts van weergeeft. */ } p#groepsportret img { color: #fff; background-color: #336; border: 1px solid #000; } p#portretafbeelding img, p#grootportret img { /* ... hoeft niet herhaald te worden na de definitie dat gelinkte afbeeldingen in principe geen rand mogen krijgen: deze selector is namelijk meer specifiek (een id-attribuut heeft meer waarde dan een class-attribuut). */ color: #000; background-color: #fff; border: 8px solid #000; } div#kaartblok p { /* ... dat is alleen de URL: */ margin-top: 0; /* ... want deze is al vastgelegd in de "padding"-eigenschap van het kaartblok wegens problemen in MSIE. */ } div#kaartblok ol ul { margin-top: 0; /* ... omdat anders de algemene definitie van

voorrang krijgt binnen
. */ list-style: disc; } div#subinhoudblok p, div#subinhoudblok address { text-align: center; } div#subinhoudblok p#beeldmerk, div#subinhoudblok p#navigatieboven { padding-top: 0; /* ... want deze is al vastgelegd in de "padding"-eigenschap van . */ } div#subinhoudblok p#pasfoto { text-align: right; } div#bronnenblok h2 { margin-top: 0; /* ... want deze is al vastgelegd in de "padding"-eigenschap van het bronnenblok wegens problemen in MSIE. */ color: #fff; background-color: transparent; font-size: 14px; line-height: 14px; text-align: left; } div#bronnenblok ul { margin-top: .6667em; /* = 8px */ margin-left: 0; /* ... want die was in de algemene definitie nog aan de user agent toevertrouwd. */ padding-left: 0; /* ... omdat enkele user agents hier standaard een waarde hanteren in plaats van een marge links. */ list-style: none; } div#bronnenblok ul ul { /* ... omdat anders de algemene definitie van
voorrang krijgt binnen een andere
: */ margin-top: 0; margin-left: 0; padding-left: 0; list-style: none; } div#bronnenblok li { padding-left: 1.3333em; /* = 16px */ background: transparent url(../beelden/li.gif) no-repeat 0 .3333em; /* = 4px van boven ... volledige definitie (inclusief achtergrondkleur) om NN 7 te helpen de eigenschappen van de achtergrond-afbeelding te accepteren. */ } div#bronnenblok li li { background-image: url(../beelden/lili.gif); } /* N.B. De definities voor de linkkleuren binnen het bronnenblok zijn bij de pagina-specifieke definities geplaatst (en met een meer specifieke selector) omdat anders een conflict ontstaat met de linkkleuren binnen het inhoudblok van de portretpagina (omdat het bronnenblok ook binnen het inhoudblok valt). */ div#bronnenblok a.schakelaar:link, div#bronnenblok a.schakelaar:visited { font-weight: normal; border-bottom: .0833em dotted #fff; /* = 1px */ } div#bronnenblok a.schakelaar:link acronym, div#bronnenblok a.schakelaar:link abbr, div#bronnenblok a.schakelaar:link em, div#bronnenblok a.schakelaar:link cite, div#bronnenblok a.schakelaar:visited acronym, div#bronnenblok a.schakelaar:visited abbr, div#bronnenblok a.schakelaar:visited em, div#bronnenblok a.schakelaar:visited cite { font-weight: normal; /* ... maakt voor het bronnenblok eerdere algemene definitie van elementen binnen een link ongedaan. */ } div#bronnenblok a.schakelaar:link strong, div#bronnenblok a.schakelaar:link strong acronym, div#bronnenblok a.schakelaar:link strong abbr, div#bronnenblok a.schakelaar:link strong cite, div#bronnenblok a.schakelaar:visited strong, div#bronnenblok a.schakelaar:visited strong acronym, div#bronnenblok a.schakelaar:visited strong abbr, div#bronnenblok a.schakelaar:visited strong cite { font-weight: bold; /* ... maakt voor het bronnenblok (met mogelijke geneste elementen) weer vet binnen een link. */ } a:link acronym, a:link abbr, a:visited acronym, a:visited abbr { cursor: pointer; /* ... dat is een wijzend handje. */ } a.schakelaar:link img, a.schakelaar:visited img { color: #000; background-color: transparent; font-weight: normal; border-width: 0; /* ... voorkomt dat gelinkte afbeeldingen een rand krijgen zoals die door enkele user agents, zoals MSIE 6 Win, standaard wordt toegevoegd. */ } a.schakelaar:link img.fragment, a.schakelaar:visited img.fragment { border: 1px solid #000; /* ... overschrijft de waarde voor de "border"-eigenschap in bovenstaande definitie voor (= altijd gelinkte afbeelding die wel een rand krijgt). */ } /* ---------- Pagina-specifieke definities (afwijkingen van algemeen) ---------- */ body#begin { padding-top: 2em; /* = 28px ... want geen chapeau. */ padding-bottom: .5714em; /* = 8px ... 6px minder, want de icoon van eXTReMe is 6px hoger dan de rest. */ } body#begin span#zweefblokje { top: -.5em; /* = -6px ... want geen chapeau. */ } body#begin h1 { /* ... wordt niet weergegeven, maar toch definitie in geval van alles-kopie-plak: */ display: none; color: #339; background-color: transparent; } body#begin address, body#begin p.noot { text-align: center; } body#begin p#iconen img { vertical-align: top; } body#begin div#inhoudblok { margin-top: 0; /* ... want deze is al vastgelegd in de "padding"-eigenschap van . */ padding-top: 60px; color: #000; background: #99c url(../beelden/strook.gif) repeat-x 50% 10px; } body#galerij div#inhoudblok { padding-top: 60px; color: #000; background: #99c url(../beelden/strookgalerij2.gif) repeat-x 50% 10px; } body#links h2{ margin-top: .5714em; /* = 8px */ padding-right: .5714em; /* = 8px */ color: #636; background: transparent url(../beelden/achter5.gif) repeat-y 100% 0; /* ... volledige definitie (inclusief achtergrondkleur) om NN 7 te helpen de eigenschappen van de achtergrond-afbeelding te accepteren. */ font-size: 14px; line-height: 20px; text-align: right; border-right: .1429em solid #636; /* = 2px */ } body#links div#inhoudblok { padding-top: 60px; color: #000; background: #99c url(../beelden/strooklinks2.gif) repeat-x 50% 10px; } body#kaart div#inhoudblok { padding-top: 60px; color: #000; background: #99c url(../beelden/strookkaart2.gif) repeat-x 50% 10px; } body#kaart p#navigatieonder { margin-top: 1em; /* = 12px */ } body#auteur, body#groep, body#fout, body#onpubliek, body#bestanden { color: #000; background-color: #99c; background-image: none; /* ... om de algemene definitie van te overschrijven. */ } body#auteur, body#vals, body#groep, body#groot, body#fout, body#onpubliek, body#bestanden { padding-right: .5714em; /* = 8px */ padding-left: .5714em; /* = 8px */ } body#vals { color: #aaa; background-color: #000; background-image: none; /* ... om de algemene definitie van te overschrijven. */ } body#vals div.tekstblok { margin: 0 auto; max-width: 42em; /* = 588px */ } body#vals p#navigatieboven, body#vals div#subinhoudblok { border-bottom-color: #aaa; } body#vals a.schakelaar:link, body#vals a.schakelaar:visited { color: #fff; background-color: transparent; } body#vals a.schakelaar:hover, body#vals a.schakelaar:focus { color: #aaa; background-color: transparent; } body#vals a.schakelaar:active { color: #666; background-color: transparent; } body#portret { color: #000; background-color: #99c; background-image: url(../beelden/achter1.gif); } body#portret h1 { color: #000; background-color: transparent; text-align: left; } body#portret p.extra { padding: .6em; /* = 6px */ color: #333; background: transparent url(../beelden/achter4.gif) no-repeat; /* ... volledige definitie (inclusief achtergrondkleur) om NN 7 te helpen de eigenschappen van de achtergrond-afbeelding te accepteren. */ } body#portret p#chapeau { color: #336; background-color: transparent; } body#portret p#achterdeuropmerking, body#portret p#navigatieboven, body#groot p#navigatieboven, body#groot div#subinhoudblok { border-bottom-color: #903; } body#portret p#navigatieonder { padding-top: 0; border-top-width: 0; } body#portret p#iconen { background-image: url(../beelden/reportretkleinlicht.gif); } body#portret div#inhoudblok { color: #000; background: #c99 url(../beelden/achter2.gif) no-repeat 100% 0; } body#portret div#inhoudblok a.schakelaar:link, body#portret div#inhoudblok a.schakelaar:visited, body#groot a.schakelaar:link, body#groot a.schakelaar:visited { /* ... bij de portretpagina specifiek voor het inhoudblok, zodat de linkkleuren binnen en ongemoeid blijven (zo ook de twee volgende definities): */ color: #903; background-color: transparent; } body#portret div#inhoudblok a.schakelaar:hover, body#portret div#inhoudblok a.schakelaar:focus, body#groot a.schakelaar:hover, body#groot a.schakelaar:focus { color: #fff; background-color: transparent; } body#portret div#inhoudblok a.schakelaar:active, body#groot a.schakelaar:active { color: #000; background-color: transparent; } body#portret div#inhoudblok div#bronnenblok a.schakelaar:link, body#portret div#inhoudblok div#bronnenblok a.schakelaar:visited { /* ... specifiek voor het bronnenblok binnen het inhoudblok om een conflict met het inhoudblok te vermijden (zo ook de twee volgende definities): */ color: #fff; background-color: transparent; } body#portret div#inhoudblok div#bronnenblok a.schakelaar:hover, body#portret div#inhoudblok div#bronnenblok a.schakelaar:focus { color: #ccf; background-color: transparent; border-bottom-color: #ccf; } body#portret div#inhoudblok div#bronnenblok a.schakelaar:active { color: #000; background-color: transparent; border-bottom-color: #000; } body#groot { color: #000; background-color: #c99; background-image: none; /* ... om de algemene definitie van te overschrijven. */ } body#fout div#subinhoudblok { padding: 0; border-width: 0; } body#fout div#subinhoudblok p#beeldmerk, body#onpubliek div#subinhoudblok p#beeldmerk { padding-top: 1.1429em; /* = 16px */ }