/* The rubriek-main (body text) and the rubriek-main, are side by side columns */
div#rubriek-main { position: static;  width: 70%;  float:left; }
div#rubriek-info { position: static;  width: 25%;  float:right; }

/* Typeset the genral column (rubriek-info) "special": smaller, background and justify alignent}*/
div#rubriek-info { background:#c0c0c0; color: navy;
                   font-size: 90%; text-align: justify;
                   padding: 0 1em;}
div#rubriek-info { margin-top: -4px; } /* No space between background and imgage above */

/* Show NOT show: datum, reeks, blad, etc */
div#info {  display: none; }

.TOC * { padding-left: 0; }
.TOC h1 { text-align: right; margin: 0.5em; }

/* The first, "leading" paragraph is typeset special: bold and justify */
.lead    { text-align: justify; font-weight: bold;}			/* This is the 1st p  within 'div#rubriek-main' */

address { float: right; }
address a { text-decoration: none;
            font-size: 110%; color: navy; font-style: normal; }

p.download {   text-align: left; }
img.printer { width: 64px; height: 64px; display:block; }

/**
   Fight spam, hide email.  In html use:
   <a href="http://SoftwareBeterMaken.nl" class="addEmailDomain" title="Fight spam">albert</a>
   ---------------------------------------======================-------------------=======----
   which is shown as an email-adress (with spaces), but can be (is) a link.
   Note" \40 => '@', \2e => '.'
   **/
.addEmailDomain:after   {content: " \40  SoftwareBeterMaken \2e  nl";}

div@rubriek-info { position: fixed; right:0em; 
          top: 100px;  /* 100px:  same as mastHead.height */
          width: 23%;} /* 23%:    25% as rubriek-info.width, minus 'a bit'  */

.TOC li.title  { list-style-type: none;  font-weight: bold;}
.TOC li.h1     { list-style-type: none;   margin-left: 0; font-weight: normal; }
.TOC li.h2     { list-style-type: circle; margin-left: 1.5em; font-weight: normal;}
.TOC li.h3     { list-style-type: disc;   margin-left: 2.5em; font-weight: normal; font-size: 90%;font-style: oblique;}
.TOC  a        { text-decoration: none; color: inherit;}

.title p  { margin-top:0; margin-bottom:0; padding-top:0; padding-top:0; font-style: oblique;}
.title h1 { margin-top:0; margin-bottom:0; padding-top:0; padding-top:0; }


div#Footer { font-size: 80%}
#Footer p.plugSwBMnl 	{ text-align: left; float:left;
                          padding-right: 5em;
                          color: rgb(0%,0%,50%);}
#Footer p.revision-info {  width: 25%; float:right;
                          text-align: right;
                          color: navy; }


/* The layout of the index pages differ a bit: */
div.intro h1 { width: 100%;text-align: center;
               color:  #cc3333; background: #ffcccc; 
               margin: 0;
               }

div.intro p { width: 84%; margin-left:0; }

.summary { margin:1em auto 2em auto; width: 84%; margin-left:0;  }
.summary h2, div.summary p  {  margin:0;}

.summary h2 a       { display: block; text-decoration: none;
                      background:  #c0c0c0; color: black;
                      border-top: 1px solid black;
                      padding: 0 1em 0.2em 1.5em;
                      }
.summary h2 a:hover { background:  #808080; }
.summary p.lead    { text-align: justify; font-weight: normal; font-size: 90%;}
.summary h1 {  display: none; }

/* Bazaar revno=323 */