/* logo-blauw: #084886
       -blauw: #009FC6
       -geel:  #FFC20F
       -grijs: #B3B3B3 */

#quote { min-height: 40px; margin-top: 1ex; }
#face { float: left; margin-right: 1.5em; height: 40px; }
#quote-text { padding-top: 5px; }

html, body
  { margin: 0;
    border: 0;
    padding: 0; }
body
  { background: #fff9e9;
    color: black;
    font-family: sans-serif; }

#header
  { border-bottom: 1px solid #084886;
    background: #d2dee9;
    color: inherit;
    margin-bottom: 1em;
    padding: 1ex 1em; }
#header h1
  { padding: 0;
    margin: 0; }
#header h1 a
  { text-decoration: none;
    color: inherit; }
#toolbar-top
  { font-size: 93%; }
#body
  { padding: 0 3em 0 3em;
    color: inherit; }
#footer
  { padding: 1ex 1em 1ex 1em;
    border-top: 1px solid #084886;
    border-bottom: 1px solid #084886;
    margin-top: 2em;
    background: #d2dee9;
    color: inherit;
    clear: both; }
#sidebar
  { background: #d2dee9; /* MOET CONSISTENT ZIJN MET LOGO.PNG! */
    color: inherit; }

h1, h2, h3, h4, h5, h6
  { font-weight: normal; }

h2, h3, h4, h5, h6
  { position: relative;
    left: -1em; }

a:link
  { color:      #084886;
    background: transparent; }
a:visited
  { color:      #a90016;
    background: transparent; }
a:active
  { color:      #7f3030;
    background: transparent; }
img
  { border: 0; }
td.diff-added
  { background-color: #cfffcf;
    color:            #000000; }
td.diff-removed
  { background-color: #ffafaf;
    color:            #000000; }
dl, ul, ol
  { margin-top:     0px;
    margin-bottom:  0px; }
form
  { margin-top: 0px; }
p.warning
  { color:      #ff3f3f;
    background: transparent; }
span.twin
  { font-size:  smaller; }
tt
  { background: transparent;
    color:      #383838; }
pre
  { background:       transparent;
    background-color: #eee;
    border:           #ccc 1px dashed;
    padding:          0.5em;
    font-family:      monospace; }
td
  { vertical-align: top; }
.notice
  { /* border: 2px solid #ff8a00; */
    font-weight: bold;
    color: #ff8a00;
    background: inherit; }

.logo
  { text-align: center; }

.firefox
  { text-align: center;
    padding:    1.5ex 0; }

#quote-text
  { font-style: italic;
    font-size: 93%; }

.lynx
  { display: none; }

/* Used together with TitleSearch */
ul.oneline
  { list-style-type: none;
    display: inline;
    margin-left: 0em; }
ul.oneline li
  { display: inline; }
ul.prelist
  { list-style-type: none;
    font-family: monospace; }

/* Some php-syntax highlighting defaults */
pre.phpsource
  { border-width: 1px;
    border-style: solid;
    border-color: #000000; 
    background-color: #d5d5d5; 
    padding: 0.3em;  } 

.phpsource span.html    { color: #000000; }
.phpsource span.default { color: #0000CC; }
.phpsource span.keyword { color: #11cc11; }
.phpsource span.string  { color: #CC0000; }
.phpsource span.comment { color: #FF9900; }

@media print {
 body                       { background-color: #ffffff; color: #000000; }
 div#main                   { margin: 1em; }
 div#header #toolbar-top    { display: none; }
 div#footer #toolbar-bottom { display: none; }
 div#footer form            { display: none; }
 div#footer .quote          { display: none; }
 div#sidebar                { display: none; }
}

/*****************\
| SIDEBAR MADNESS |
\*****************/

/* Dit is fragiel! Zowat alle aanpassingen (incl. dingen van volgorde
 * veranderen) doen het kapot... Merk ook op dat dit onder IE saaie
 * maar functionele en perfect bruikbare geneste lijsten worden. */

#sidebar p { text-align: center; }

.logo { text-align: center; 
    /* hack voor opera: */ position: relative; z-index: 101; }
#sidebar form { padding: 1ex; margin: 0;
    /* hack voor opera: */ position: relative; z-index: 101; }
#sidebar form input { width: 9em; }

#sidebar
  { float: right;
    margin: 0 0 1em 1em;
    padding: 1ex 0 0 0;
    border: 1px solid #084886;
    border-width: 0 0 1px 1px;
    font-size: 93%;
    width: 11em;
    position: relative; /* zodat z-index werkt */
    z-index: 100; }
#sidebar ul
  { margin: 0;
    padding: 0; }
#sidebar > ul ul
  { display: none;
    width: 11em;
    border: 1px solid #084886; }
#sidebar li
  { list-style: none;
    position: relative;
    padding: 0 0 0 1ex;
    cursor: default;
    z-index: 101; /* hack voor opera */ }
#sidebar ul li
  { line-height: 1.5em; }
#sidebar li > a
  { display: block; }
#sidebar li a
  { text-decoration: none;
    background: inherit; 
    color: inherit; }
#sidebar li:hover
  { background: #084886;
    color: #FFEEBE;
    z-index: 150; }
#sidebar li:hover > ul
  { display: block;
    position: absolute;
    left: -10.1em;
    top: -1ex;
    background: #d2dee9;
    color: black; }