/* Debug borders ... */
/*
*{border: 1px dashed green;}
*/


html, body{
/* Om height van div#content gelijk te kunnen maken aan viewport  */
height: 100%;
}

body{
font-family:  "Trebuchet MS", "Arial", "Franklin Gothic Book", sans-serif;
background-color: #ffffcc;
color: #0000a0;   /*  #0080ff;  */
margin: 0px;
padding: 0;
}


/*  ---- Relatieve grootte kopjes t.o.v. tekst ----  */
h1{font-size: 200%; color: red; background-color: inherit;}  /* h1 koppen rood */
h2{font-size: 150%;}
h3{font-size: 125%;}
h4{font-size: 110%;}


h5{font-size: 105%;}
h6{font-size: 100%;}

/*  ---- Positionering contentblok ----  */

div#content{
height: 100%; /* IE: height = viewport */
margin-left: 8.1em;
background-color: #eee;
color: inherit;
background-image: url("pictures/achtergrond.jpg");
background-attachment: fixed;
padding-left: 0.5em;
padding-top: 0;
padding-right: 0.5em;
padding-bottom: 0.5em;
border-left: 2px outset maroon;
}

body>div#content{
/* Non IE: height = viewport . IE begrijpt ChildSelector (>) niet*/
min-height: 100%;
height: auto;
}



body#paard div#content{
/* Paardenpagina's hebben ander achtergrondplaatje */
background-image: url("pictures/horses.jpg");
}


body#slaap div#content{
/* In de slaapkamer is het pikkedonker ... */
background: black;
color: yellow;
}

body#slaap div#content a:link {color: yellow; background-color: inherit;}
body#slaap div#content a:visited {color: yellow; background-color: inherit;}


/*  ---- Positionering van de eerste kop (titel) op de pagina ----  */
div#titel
{
display: block;
width: auto;
background-color: #ffff99;
color: inherit;
overflow: visible;
margin-top: 0;
margin-bottom: 0;
margin-left: -0.5em;
margin-right: -0.5em;
padding-left: 0.5em;
padding-right: 0.5em;
padding-top: 0;
padding-bottom: 0;
}



div#titel H1{
/*  h1 zit hier al in een block-level container !  */
display: inline;
color: red;
background-color: inherit;
text-align: left;
padding: 0;
}


/*  ---- Positionering, uiterlijk en hover effecten van Menu ----  */


#menu
{
position: absolute;
width: 8em;
top: 0;
left: 0;
padding: 0;
text-align: center;
}

#menu ul{
text-indent: 0;
padding: 0;
margin-left: 2px;
margin-right: 2px;
margin-top: 0;
border: 2px solid #4466AA;
}

#menu ul li
{
display: inline;
list-style: none;
}


#menu a
{
font-weight: normal;
/* font-family: "Times New Roman", "Book Antiqua", serif; */
display: block;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-decoration: none;
}

#menu a:link, #menu a:visited
{
color: black;
background-color: #99bbff;   /*  #0033ff;  */ /*  #99aaff;  */
}

#menu a:hover
{
background-color: #9966dd; /* #4466AA; */  /* #9988dd; */
color: inherit;
}


/*  ---- Positionering en uiterlijk van de menu-titel ----  */

div#menu div#menu-titel{
margin-top: 0.5em;
margin-left: 2px;
margin-right: 2px;
border: 2px solid #4466AA;  /* deze kleur is met opzet dezelfde als background-color */
background-color: #4466AA;
color: inherit;
}

div#menu div#menu-titel H1{
display: inline; /* zit al in block-level container */
width: auto;
font-weight: bold;
color: yellow;
background-color: inherit;
/*
margin-top: 0;
margin-bottom: 0;
*/
font-size: 1.5em;
}



/*  ---- Diverse terugkerende elementen op de pagina's ----  */

/*  ---- Plaatjes ----  */

img{
border: none;
margin: 1px;
}

img.left{
float: left;
margin-right: 5px;
margin-left: 0px;
}

img.right{
float: right;
margin-left: 5px;
margin-right: 0px;
}

img.mailpic{
margin-right: 1em;
float: left;
}

img.dreambook{
margin-left: 25px;
margin-right: 25px;
}


img.memoriam{
border: 5px;
border-color: black;
border-style: solid;
}



/*  ---- Paragrafen ----  */

/* Alinea na een subkop (nivo 4) meer aan laten sluiten op de kop
 IE begrijpt dit niet, jammer maar helaas. Het is slechts een visueel
 "probleem". Ik vind het er mooier uitzien zo.
*/
h4+p{margin-top: -1em;}


p.copy {
font-style: italic;
}

p.lm {
font-weight: bold;
}


p#lampje{
margin-top: 200px;
}

p.recept_comment {
font-size: 85%;
font-style: italic;
color: green;
}

p.ingred {
}

p.ingred:first-line {font-weight: bold;}

p.recept_hoe{
margin-bottom: 4em;
}

p.recept_hoe:first-letter {font-size: 2em; font-weight: bold;}

p.groot_vet{
font-weight: bold;
font-size: 150%;
}

p.gastenboek{
text-align: center;
margin-top: 5em;
margin-bottom: 30px;
}


p.authorname{
font-weight: bold;
}


.clear {clear: both;}


ul.features {
/* border: 1px solid red; */
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
}


/*  ---- Tabellen ----  */

table{
border-collapse: collapse;
}

td, th{
border-style: inset;
border-color: gray;
border-width: 2px;
padding: 5px;
text-align: left;
}

table.piccontainer td{
border-style: none;
padding: 0px;
}

table.piccontainer td img{
margin: 0px;
}


table.software{
width: 100%;
margin-bottom: 3em;
}

table.software th, table.fietslog th{
text-align: left;
font-weight: bold;
color: inherit;
background: #F0E2D8; /* #FEF4EA; */ /* #FAF0E6; */
}

td.nummer, th.nummer {
text-align: right;
}


table.software td{
font-size: 90%;
}

td.features{
font-size: 90%;
}

table.software td.download, table.software td.licentie, table.software td.dependency{
color: inherit;
background: #FAF0E6; /* linen; */
}

table.fietslog{
width: 95%;
margin-bottom: 3em;
}

table.fietslog th.nummer{
text-align: right;
width: 11em;
}

table.fietslog tr.kop td{
color: inherit;
background: #FAF0E6; /* linen; */
}



table#book_table{
width: 100%;
color: inherit;
background: #FAF0E6; /* linen; */
}

td.book_bruna_nr{
text-align: right;
}

td.book_nl_titel{
font-weight: bold;
}

td.book_org_titel{
font-style: italic;
}

td.book_org_titel em{
font-style: normal;
font-weight: bolder;
}


td.book_opm{
background: #f0ffff;
color: inherit;
}

tr.missing{
color: red;
background-color: inherit;
}

tr.book_header{
background: #FF80C0;
color: inherit;
text-align: center;
font-weight: bold;
}


td.deelserie{
border-left: none;
border-right: none;
padding-top: 1em;
color: #008080;
background-color: inherit;
font-weight: bold;
}



span.notpublished, tr.notpublished{
color: #880000;
background-color: inherit;
}


table#book_noten{
width: 100%;
background: #b0d8e8; /* lightblue; */
color: inherit;
}


table#infotabel{
margin-top: 1em;
}




/* container voor In Memoriam tabel */
div.memoriam{
border: 5px;
border-color: black;
border-style: solid;
padding: 5px;
width: 40em;
}

table.talent{
width: 100%;
}

table.stamtafel{
width: 40em;
margin-top: 2em;
margin-bottom: 4em;
}

body#paard div.memoriam{
margin-bottom: 4em;
}

td.drie {height: 4em;}
td.nul{
width: 8em;
text-align: center;
}




table.nobby_result{
width: 100%;
}


table.nobby_result th{
text-align: left;
font-weight: bold;
}

table.nobby_result th.datum, td.datum{
width: 3em;
}

table.nobby_result td.wedstrijd{
width: 10em;
}

table.nobby_result th.afstand, td.afstand{
width: 3em;
text-align: right;
}

table.nobby_result th.ruiter, td.ruiter{
width: 10em;
}

table.nobby_result th.totaal, td.totaal{
width: 3em;
text-align: right;
}


table.uitkijk td{
text-align: center;
}

table#pascompresults th{
text-align: left;
}

table#pascompresults tr.slowest{
color: red;
background-color: inherit;
}

td.getallen, th.getallen{
text-align: right;
}


/*  ---- Blog ----  */

div.blog_entry{
border: 1px solid gray;
padding: 0.5em;
margin-bottom: 2em;
}

div.blog_header{
margin-left: -0.5em;
margin-right: -0.5em;
margin-top: -0.5em;
margin-bottom: 0.5em;
padding: 0.1em 0.5em 0.1em 0.5em;
border-bottom: 1px solid gray;
line-height: 0.8em;
color: yellow;
background-color: gray;
}

div.blog_entry blockquote{
font-size: 90%;
font-style: italic;
}

/*  ---- Divers ----  */

.normal{
font-style: normal;
font-weight: normal;
}

em{
font-style: italic;
font-weight: normal;
}

strong{
font-weight: bold;
font-style: normal;
}



.green{
color: green;
background-color: inherit;
}

.red{
color: red;
background-color: inherit;
}

.klein{
font-size: 85%;
}

.extra_klein{
font-size: 60%;
}

.groot{
font-size: 120%;
}

.belangrijk{
color: red;
background-color: inherit;
}


.memoriam_kop{
color: black;
background-color: inherit;
font-weight: bold;
font-size: 120%;
}

.memoriam_tekst{
color: black;
background-color: inherit;
}

h3.recept_naam {
color: blue;
/* background-color: inherit; */
}



code, pre{
font-family: monospace;
white-space: pre;
}

pre.console{
background-color: black;
color: silver;
}

dt{
/* Woordenlijst term */
color: blue;
background-color: inherit;
}


.skip{
display: none;
}


abbr, acronym, dfn{
cursor: help;
border-bottom: 1px dashed green;
}

.center{
text-align: center;
}

.pascalcomment{
color: fuchsia;
background-color: inherit;
font-style: italic;}

.taRight{
text-align: right;
}