/* Jan Kok/991203, 051209
   http://www.cwi.nl/css/cwix.css

   style sheet for the CWI data base pages
   (valid for HTML 4.01 pages)
   (is not used for CWI homepage; CSS/cwi_ns.css is copied onto css/cwi_hp.css )
   (valid for XHTML 1.0 pages)
 */

body {
       color : black;
       background-color : #efd;
       /*font-family : "Palatino","Frutiger","Times New Roman",
                     "Times Roman", times, serif;
		     */
	font-family:Cambria,'Palatino Linotype','Book Antiqua','URW Palladio L',serif;
       font-weight : large;
     }


/*
   (001124): afkomstig van CSS1 document, Appendix A ( sample.tmplt ) met
             wat aanpassingen, m.n. van Headings
 */

h1, h2, h3, h4, h5, h6, p, dir, menu, div, ul, ol,
   dt, dd, address, blockquote, pre, hr, form, dl { display: block; }

a { display: inline; }

b, strong, i, em, cite, var, tt, code, kbd, samp,
   img, span, select { display: inline }

li { display: list-item }
li.current {  font-weight : bold; font-family: verdana,arial;
font-family: verdana,arial;
border: thick solid #efd;
text-color: black;
background-color : #efd;
list-style-image: url(http://http://www.olofspoort.nl/Img/oopen.gif);
}

h1, h2, h3, h4 { margin-top: 1em; margin-bottom: 0.5em }
h5, h6 { margin-top: 1em }
h1 { text-align: /* center */ left }
h1, h2, h3, h4, h5, h6 { font-weight : bold; font-family: verdana,arial; }

h1, h2 { font-size: x-large; 
font-family: 'Comic Sans MS',cursive;
		margin-top: .5em; color:#4E443C;
		}
h3 { font-size: large }
/*h2 { color: navy;}*/

h1 {color: maroon;}
h3 {color: #444444;}
h2 {color: red;}
h4, h5 { font-size: medium }
h6 { font-size: small }

b, strong { font-weight: bold }
i, cite, em, var, address /*, blockquote */ { font-style: italic }
pre, tt, code, kbd, samp { font-family: monospace }

pre { white-space: pre }

address { margin-left: 3em }
blockquote { margin-left: 3em; margin-right: 3em }

ul { list-style : circle outside; }
dir { list-style : outside }
menu { margin: 0 }              /* tight formatting */

dt { margin-bottom: 0 }
dd { margin-top: 0; margin-left: 3em }

/* setting the anchor border around IMG elements
   requires contextual selectors */
/*
a:link img { border: 2px solid blue }
a:visited img { border: 2px solid red }
a:active img { border: 2px solid lime }
 */

body#op {
           font-family : "Arial Narrow",Arial,Helvetica,
                         Geneva,Swiss,SunSans-Regular,sans-serif;
           font-weight : normal;
           background : white
           url(http://homepages.cwi.nl/~miente/Olofspoort/Img/keizersgracht-792.jpg)
                        no-repeat;
           margin : 0; padding : 0; border : none;
         }

body#gnrc{
           font-family : "Arial Narrow",Arial,Helvetica,
                         Geneva,Swiss,SunSans-Regular,sans-serif;
           font-weight : normal;
           background-color : white;
           margin : 0; padding : 0; border : none;
         }

img#vlogo {
            position : absolute;
            left : 18px; top : 18px;
            width : 83px; height : 83px;
            margin : 0;
            border-style : none;
            border-width: 0;
          }

img#prntlogo,
.invisible { display : none; }

img#slogo {
            position : absolute;
            left : 18px; top : 18px;
            width : 46px; height : 46px;
            margin : 0;
            border-style : none;
            border-width: 0;
          }

img.clogo {
           margin : 10px 24px 24px 10px;
           border-style : none;
           border-width: 0;
           text-align : left;
           width : 83px; height : 83px;
         }
 
img#wnwlogo {
           position : absolute;
           left : 2px; top : 2px;
           margin : 5px 12px 12px 5px;
           border-style : none;
           border-width: 0;
           text-align : left;
           width : 114px; height : 39px;
         }
table#celmenu2 {
                width : 20%; margin : 120px 0  0 1%; float : left;
                border-width: 0;
               }
table#celmenu  { /* obsolete */
                position : absolute;
                left : 16px; top : 128px; width : 12em;
                border-width: 0;
               }

img.pijl { width : 12px; height : 14px; margin : 0; padding : 0; border : none; }
td.pijl { width : 4%; }
img.altpijl { width : 13px; height : 12px; margin : 0; padding : 0; border : none; }
td.altpijl { width : 13px; }

div#balktitel2, 
div#intranetbalk, 
div#dbbalktitel2,
div#celtitel2,
div#intranettitel,
div#dbceltitel2 {
                position : absolute;
                font-family : "Arial Narrow",Arial,Helvetica,
                              Geneva,Swiss,SunSans-Regular,sans-serif;
                font-weight: bold;
                margin : 0; border : none;
             }
div#balktitel2, 
div#dbbalktitel2,
div#celtitel2,
div#dbceltitel2 { width : 75%; margin : 0; padding : 0; }
div#intranetbalk, 
div#intranettitel { width : 98.0%; padding : 0 0.8% 0 0; }
div#balktitel, /* obsolete */
div#dbbalktitel, /* obsolete */
div#celtitel, /* obsolete */
div#dbceltitel { /* obsolete */
                position : absolute;
                width : 44em;
                font-family : "Arial Narrow",Arial,Helvetica,
                              Geneva,Swiss,SunSans-Regular,sans-serif;
                font-weight: bold;
                margin : 0; padding : 0; border : none;
             }
div#intranetbalk, 
div#balktitel, div#balktitel2 { top : 80px; left : 0.8em; }
div#dbbalktitel, div#dbbalktitel2 { top : 80px; left : 12em; }
div#intranettitel,
div#celtitel, div#celtitel2 { top : 86px; left : 0.8em; }
div#dbceltitel, div#dbceltitel2 { top : 86px; left : 12em; }

img#celbalk  {
                width : 350px; height : 6px;
                float : right;
                margin : 0 12px 0 0;
             }
img.cwibalk  {
                width : 350px; height : 6px;
                margin : 0.8ex 0 0.4ex 0;
             }

div#pgtitel {
              float : right;
              text-align : right;
              color : #990066;
              background-color : transparent;
              vertical-align : middle;
              text-transform : uppercase;
              font-variant : small-caps;
              margin : 0 12px 0 0;
            }

div#gnrctitel  {
              float : right;
              color : #3232ff;
              background-color : transparent;
              vertical-align : middle;
              padding : 0.1ex 0 0 0;
              text-transform : uppercase;
              font-variant : small-caps;
            }

/* classes voor de content-positie:
   WBP optie: CSS=cwi (dus cwi of cwi_dbs)
              dan: WBP_BACKGR:=cwwwi
              en : BODY:='id="celdbbody2"' of BODY:='id="celbody2"'
 */

div#celdbbody2 ,
div#intranetbody ,
div#celbody2 {
              margin-top : 120px; float : left;
              color : black;
              background-color : transparent;
              /* font-family : Arial,Helvetica,
                     Geneva,Swiss,SunSans-Regular,sans-serif; */
              font-family : "Times New Roman",
                            "Times Roman", times, serif;
              font-weight : normal;
            }
div#celdbbody2 { width : 70%; padding : 0 1.6em 0 1em; }
div#intranetbody { width : 98.0%; padding : 0 0.4% 0 0.4%; }
div#celbody2   { width : 75%; padding : 0 1.6em 0 1em; }
div#celdbbody2 table { width : 100%; }
div#intranetbody table { width : 100%; }

div#celdbbody , /* obsolete */
div#celbody { /* obsolete */
              width : 45em;
              position : absolute;
              margin : 0;
              padding : 0 1em 0 1em;
              color : black;
              background-color : transparent;
              /* font-family : Arial,Helvetica,
                     Geneva,Swiss,SunSans-Regular,sans-serif; */
              font-family : "Times New Roman",
                            "Times Roman", times, serif;
              font-weight : normal;
            }
div#celdbbody { left : 12em; top : 120px; }
div#celbody   { left : 0.8em; top : 120px; }

  div#celdbbody2 ul , div#celbody2 ul ,
    div#celdbbody ul , div#celbody ul
  {
    margin : 0 0 0 0.5em; padding : 0 0 0 0.5em;
    list-style : circle outside;
  }
  div#celdbbody2 ul li ul , div#celbody2 ul li ul ,
    div#celdbbody ul li ul , div#celbody ul li ul
  {
    margin : 0 0 0 0.5em; padding : 0 0 0 0.5em;
    list-style : disc outside;
  }
  div#celdbbody2 ul li , div#celbody2 ul li ,
    div#celdbbody ul li , div#celbody ul li ,
    div#celdbbody2 ul li ul li , div#celbody2 ul li ul li ,
    div#celdbbody ul li ul li , div#celbody ul li ul li
  { margin : 0 0 0 0; padding : 0 0 0 0; display : list-item; }

div#celcontent2 {
                 /* float : left; */ margin : 36px 0 0 0;
                }
div#celcontent { /* obsolete */
                position : relative;
                top : 36px; left : 0;
                width : 45em; float : left;
                margin : 0;
               }
.celpara { margin : 2.0ex 0 1.0ex 0; }
p { margin : 2.0ex 0 1.0ex 0; }
div#celfoot {
               margin : 2ex 0 0 0.4%;
               width : 99.2%; /* float : left; */ }
div.screenversion { display : block; }
@media print {
   body#cwi        { background : white; }
   div.screenversion { display : none; }
   img.logo , img.clogo { display : none; }
   img#vlogo { display : none; }
   table#celmenu2,
   img#slogo  { display : none; }
   img#prntlogo    {
                     display : block;
                     width : 1.78cm; height : 1.78cm;
                     margin : 0cm 0.5cm 2.0cm 1.6cm;
                     border-style : none;
                     border-width: 0;
                     float : left;
                   }
   div#balktitel2,
     div#intranetbalk, 
     div#dbbalktitel2,
     div#intranettitel,
     div#dbceltitel2,
     div#celtitel2 { position : static;
                     top : auto; left : auto;
                     float : right;
                   }
   div#celdbbody2,
     div#intranetbody,
     div#celbody2  { clear : both; float : none; width : 96%; margin : 0; }
   img#wnwlogo { position : static;
                 top : auto; left : auto;
                 float : left; }
}
.navgtitle {
            font-weight : bold;
            font-family : Arial, sans-serif;
            text-decoration : none;
            color : red;
            background-color : white;
           }

.navigt    {
            font-family : Arial, sans-serif;
            text-align  : left;
            vertical-align : top;
            padding     : 0;
           }

.gnrcnavgtitle {
            font-weight : bold;
            font-family : Arial, sans-serif;
            text-decoration : underline;
            color : blue;
            background-color : white;
           }

.gnrcnavigt    {
            font-family : Arial, sans-serif;
            text-align  : left;
            vertical-align : top;
            color : blue;
            background-color : transparent;
            padding     : 0;
           }



p    {
       background-color : transparent;
       font-family:Cambria,'Palatino Linotype','Book Antiqua','URW Palladio L',serif;
       font-weight : normal;
     }


ul.oplm {    list-style :
                 disc url(http://old-www.cwi.nl/images/pijl4.gif) outside;
              font-size   : 11pt;
              text-align  : left;
              vertical-align : top;
              border-style: none;
              padding     : 0;
              margin      : 12px 0 0 24px; }
ul.oplm li { margin : 0 0 0 0; display : list-item; }
ul.oplm li ul {
              list-style :
                 disc url(http://old-www.cwi.nl/images/pijl5.gif) inside;
              margin      : 0 0 0 0; }
ul.oplm li ul li { margin : 0 0 0 0; display : list-item; }
ul.oplm li ul li ul {
              list-style :
                 disc url(http://old-www.cwi.nl/images/pijl6.gif) outside;
              margin      : 0 0 0 0; }
ul.oplm li ul li ul li { margin : 0 0 0 0; display : list-item; }
ul.oplm3 , ul.oplm3 li {
              list-style-image: url(http://old-www.cwi.nl/images/pijl4.gif);
              text-align  : left;
              vertical-align : top;
              padding     : 0;
              margin-top  : 12px;
              margin-left : -1.5em; }
ul.oplm3 li ul , ul.oplm3 li ul li {
              list-style-image: url(http://old-www.cwi.nl/images/pijl5.gif);
              margin-top: 0px;
              margin-left: -2em; }
ul.oplm3 li ul li ul , ul.oplm3 li ul li ul li {
              list-style-image: url(http://old-www.cwi.nl/images/pijl6.gif);
              margin-top: 0px;
              margin-left: -2em; }
ul.oplm1 li {
              list-style-image: url(http://old-www.cwi.nl/images/pijl4.gif);
              text-align  : left;
              vertical-align : top;
              padding     : 0;
              margin-left : -1.5em; }
  div#celdbbody2 ul.cboplm , div#celbody2 ul.cboplm
  {
              list-style  :
                 disc url(http://old-www.cwi.nl/images/pijl4.gif) outside;
              font-size   : 11pt;
              text-align  : left;
              vertical-align : top;
              border-style: none;
              padding     : 0;
              margin      : 12px 0 0 24px;
  }
  div#celdbbody2 ul.cboplm li, div#celbody2 ul.cboplm li
            { margin : 0 0 1ex 0; display : list-item; }
  div#celdbbody2 ul.cboplm li ul , div#celbody2 ul.cboplm li ul
  {
              list-style  :
                 disc url(http://old-www.cwi.nl/images/pijl5.gif) inside;
              margin      : 0 0 0 0;
  }
  div#celdbbody2 ul.cboplm li ul li ,div#celbody2 ul.cboplm li ul li
            { margin : 0 0 1ex 0; display : list-item; }

  div#celdbbody2 ul.cboplm li ul li ul , div#celbody2 ul.cboplm li ul li ul
  {
              list-style  :
                 disc url(http://old-www.cwi.nl/images/pijl6.gif) outside;
              margin      : 0 0 0 0;
  }
  div#celdbbody2 ul.cboplm li ul li ul li ,
    div#celbody2 ul.cboplm li ul li ul li
            { margin : 0 0 1ex 0; display : list-item; }
ul.bullet li { list-style-image: url(http://old-www.cwi.nl/images/bullet.gif);
               margin-left: -1em; }
ul.bluedot li { list-style-image: url(http://old-www.cwi.nl/images/dot.gif);
               margin-left: -1em; }
ul.dashrd li { list-style-image: url(http://old-www.cwi.nl/images/dashrd.jpg);
               margin-left: -1em; }
ul.dash li { list-style-image: url(http://old-www.cwi.nl/images/dash.jpg);
               margin-left: -1em; }
ul.dashgl li { list-style-image: url(http://old-www.cwi.nl/images/dashgl.jpg);
               margin-left: -1em; }

div#celbody2 * ul.longlist li ,
  div#celbody2 * ol.longlist li { font-size : small; }

input, select
           {  font-family : "Courier", "Courier New", Arial, sans-serif;
              white-space : pre; font-weight : normal;
              color : black;
              background-color: white; }
div#intranetbody * input ,
div#celdbbody2 * input , div#celbody2 * input ,
div#intranetbody * textarea ,
  div#celdbbody2 * textarea , div#celbody2 * textarea { background-color : #ffcccc; }

option { height : 2.5ex; }

div.cent        { text-align : center; }
div.centbold    { text-align : center; font-weight : bold; }
div.centbig     { text-align : center; font-size : large; }
div.centbigbold { text-align : center;
                  font-weight : bold;
                  font-size : large; }
div.centbig2bold { text-align : center; font-weight : bold; font-size : 125%; }

.select
           {  font-family : "Courier", "Courier New", Arial, sans-serif;
              white-space : pre; font-weight : normal;
              color : black;
              background-color: white; }

div.footer  {
              color : black;
              background-color: #ffffcc;
              padding: 0.5em;
              border: none;
              text-align: center;
             /* font-family: sans-serif;*/
              font-weight : bold;
              margin : 1.5ex 0 0 0;
            }

table {
       font-family : "Times New Roman", "Times Roman", serif;
       font-weight : normal;
       border-width: 0;
       border-color: white;
       padding     : 0;
       margin      : 0;
      }


table.bordered {
       border-width: 2pt;
       border-color: red;
      }

td, th { font-family : "Times New Roman", "Times Roman", serif;
         text-align  : left;
         vertical-align : top;
         padding     : 0;
     }

table.wide tr th , table.wide tr td { padding : 0.5ex 0 0.5ex 0; }

td.lside   { width : 135pt; padding-right: 7pt; }
td.rside   { width : 100%; }
td.inrside { width : 350pt;  }
td.small   { width : 20%; }

td.box11   { width : 140px; height : 68px; vertical-align : top; }
td.box1   { width : 148px; vertical-align : top; }
td.box12   { width : 100%; text-align : left; }
td.box2   { width : 100%; text-align : right; }
td.box3   { width : 135px;  }
td.box4   { width : 512px; height : 464px;
            vertical-align : top; text-align : left; }
td.left  { text-align : left ; vertical-align : middle; }
td.right { text-align : right; vertical-align : middle; }
td.datum { text-align : left ; width : 12em; }
.nieuw { font-weight : bold; font-color: black; font-size : larger; }
.bold
           {  font-family : "Times New Roman", "Times Roman", serif;
              font-weight : bold; }
.boldlarge
           {  font-family : "Times New Roman", "Times Roman", serif;
              font-weight : bold; font-size : larger; }
.boldsmall
           {  font-family : "Times New Roman", "Times Roman", serif;
              font-weight : bold; font-size : medium; }
.large
           {  font-family : "Times New Roman", "Times Roman", serif;
              font-weight : normal; font-size : larger; }

.kbd
           {  font-family : Courier, "Courier New", Arial, monospace;
              white-space : pre;
              font-weight : normal; }
.em
           {  font-family : "Times New Roman", "Times Roman", serif;
              font-style : italic;
              font-weight : normal; }
.left      { text-align : left ; }

.smcps     {  font-variant : small-caps;  }


a:link    {
           color : #990066;
            background-color : transparent;
            text-decoration : underline; }
a:visited , a:active  { color : #ff2020;
            background-color : transparent;
            text-decoration : underline; }
a.gnrcnavigt:link {color : #0000ff; }
a.intern  { color : navy;
            background-color : transparent;
            text-decoration : underline; }


/*
div.title   { text-align : right;
              background-color : transparent;
              font-weight : bold;
            }
*/
div.subject {
    font-size : larger;
    font-weight : bold;
    text-decoration : underline;
              text-align : left;
              vertical-align : top;
            }
.modif { font-size : small; }

div.h1      { text-align : center;
              color : black;
              background-color : transparent;
              font-weight : bold;
              font-size : xx-large;
            }


td.col1a { text-align : left; vertical-align : middle; width: 12%; }
td.col1b { text-align : right; vertical-align : middle; width: 12%; }
td.col1c { text-align : left; vertical-align : middle; width: 32%; }

div#celbody2 * table th.blue { color : blue; background-color : #ffffff; }
/* obsolete :
th.footer , td.footer   {
              background-color : #ffffcc;
              color : black;
              text-decoration : none;
              text-align : center;
              vertical-align : bottom;
              font-family: sans-serif;
              font-weight : bold;
            }
*/

.wnwbg1   { color : black; background-color: #ffffde; }
.wnwbg2   { color : black; background-color: #ffffbc; }
.wnwbg3   { color : black; background-color: #ffff9a; }


ol.reports, dl.reports { margin: 5px 0 0 0 ;
                         clear : both ;
                       }
dt.reports { margin-bottom: 0; }
dd.reports { display : block; margin-top: 0; margin-left: 5%; }

.newsection { clear : both; }
.leftside{
float: left;
width:20em;
margin: 0.5em 0;
margin-left:0.5em; margin-right:1.5em; 
/* 
border: thin solid teal;
*/
background-color:#eef;
font-family:chicago;
color:#222222;
font-size: small;
}
.rightside{
border-left:10em /*solid green*/;
padding: 1px 0 0  1em;
/*width:80%;
margin-left:2em; margin-right:2em; border:solid blue;
background-color:#eef;*/
}
div.rightside:after{
content: "\A0";
display: block;
clear: left;
}