/* 050812 Zo, dat ziet er keurig uit. Niet zo keurig als nu (1 november 2005).*/
/* Eindelijk alles in procenten, alle "rare" naamgevingen eruit, en vrij overzichtelijk waar wat staat.*/
/* 200413 Overzichtelijk me oor. Het geheel is ook zo lang geworden en de verschillende pagina's zo verschillend, dat ik alles nu ga opsplitsen. Zo veel last gehad met nieuwe hamers.htm */
/* In de koppen van mijn verschillende html-files zal ik even opnemen welke taggs en classes ik in die html heb gebruikt */
/* Vreemd genoeg kwam ik er achter dat IE, Firefox en Mozilla moeite hebben met de lengte van deze file. Ik heb alles onder vis in een aparte css gezet. */
/* 1 november 2005. Nog vreemder: Er blijkt een aantal fouten in de css te zijn geslopen, die IE, Firefox en Mozilla blijkbaar hebben belet de informatie juist weer te geven.*/
/* Met deze fouten opgelost ziet het er naar uit dat iedere browser de site redelijk gelijk kan weergeven. Zo zie je maar. */
/*-- die grap met die fonts: { font-family: "Franklin Gothic Demi", Verdana, Arial, sans-serif; }*/


/* Onderstaande css's ga ik voor de herziene indeling gebruiken: */
/* main.css  */
/* vis.css */
/* tattoo.css */
/* dndold.css */
/* dndkort.css */
/* hamers.css */


/* Hier de css (main) hoofdstukindeling: */
/* zonder class */
/* sitemap */
/* index */
/* strips */
/* what */
/* rest */

/* zonder class */
body { color: #FF0000; background-color: transparent; font: 110% "Comic Sans MS", sans-serif; background: url("./dat/lavacrack_bg.gif") fixed left top; padding-top:10%; padding-left:5%; margin-top:12%; margin-left:10%; margin-right:5%; }
p { color: #ffffff; background-color: transparent; font: 75% Arial, sans-serif; text-align: left; margin-left: 0%; margin-right: 5%; }
p.datum { color: #777777; background-color: transparent; font: 75% Arial, sans-serif; text-align: right; margin-left: 0%; margin-right: 5%; }
ul { color: #FFFFFF;  background-color: transparent; font: 75% Arial, sans-serif; text-align: center; margin-left: 0.2%; margin-right: 6%; }

/* index */
p.courier { color: #ffffff; background-color: transparent; font: 75% Courier, serif; text-align: left; margin-left: 5%; margin-right: 10%; }
a.main { font-size: 100%; text-decoration: none; background-color: transparent; }
a.main:link, a.main:visited, a.main:active { font-size: 100%; color: #FFFFFF; text-decoration: none; background-color: transparent; }

/*sitemap */
body.sitemap { color: #777777; background-color: transparent; font: 110% "Comic Sans MS", sans-serif; background: url("./dat/lavacrack_bg.gif") fixed left top; padding-top:0%; padding-left:5%; margin-top:0%; margin-left:10%; margin-right:5%; }
td.sitemap { font: 75% Arial, sans-serif; text-align: left; background-color: transparent; }
a.sitemap { font-size: 100%; text-decoration: none; background-color: transparent; }
a.sitemap:link, a.sitemap:visited, a.sitemap:active { font-size: 100%; color: #ffffff; background-color: transparent; text-decoration: none; }
a.sm2 { font-size: 100%; text-decoration: none; background-color: transparent; }
a.sm2:link, a.sm2:visited, a.sm2:active { font-size: 100%; color: #ff0000; background-color: transparent; text-decoration: none; }

/*strips*/
body.strips { color: #FF0000; background-color: transparent; font: 110% "Comic Sans MS", sans-serif; background: url("./dat/canvasback.jpg"); padding-top:10%; padding-left:5%; margin-top:12%; margin-left:10%; margin-right:5%; }
p.strips { color: #000000; background-color: transparent; font: 75% Arial, sans-serif; text-align: left; margin-left: 0%; margin-right: 5%; }

/*what */
pre.what { color: #FFFFFF; background-color: transparent; font: 75% Arial, sans-serif; text-align: left; margin-left: 3%; margin-right: 5%; }

/*movies*/
body.mov { color: #FF0000; background-color: transparent; font: 110% "Comic Sans MS", sans-serif; background: url("./dat/lavacrack_bg.gif"); padding-top:10%; padding-left:5%; margin-top:12%; margin-left:10%; margin-right:5%; }

a.mov:link, a.mov:visited { color: #ffffff;  background-color: transparent; font-style: italic; text-decoration: none; }
a.mov:active { color: #ff0000;  background-color: transparent; font-style: italic; text-decoration: none; }

p.watch { color: #ffffff; background-color: transparent; font: 100% Arial, sans-serif; text-align: left; margin-left: 0%; margin-right: 5%; }
h1 {color: #ffffff; }
tr.watch { color: #ffffff; font: 75% Arial, sans-serif; text-align: left; width: 100%; background-color: transparent; }

td.watch { color: #ffffff; font: 100% Arial, sans-serif; text-align: left; background-color: transparent; }

img.watch { float: right; border: 7px transparent; padding: 7px; }

.center { display: block;  margin: auto; }

/* links italic */
a.ita:link, a.ita:visited, a.ita:active { color: #ffffff;  background-color: transparent; font-style: italic; text-decoration: none; }

/* rest */
img.midden { border: 7px transparent; padding: 7px; }
p.midden { color: #ffffff; background-color: transparent; font: 75% Arial, sans-serif; text-align: center; margin-left: 3%; margin-right: 5%; }

/* eindelijk zuiver plaatjes in het midden zetten (260222) */
img.mid { display: block; margin: auto; }
div { display: flex;  justify-content: center; }

/* paar onbekende instellingen */
/* dnd  p nu onduidelijk... Ik zet hem uit, dan vind ik hem vanzelf*/
/* p.dnd { color: #0000ff; background-color: transparent; font: 75% Arial, sans-serif; text-align: left; margin-left: 0%; margin-right: 5%; } */
/* findpage td nu ook onduidelijk...*/
/**/