/* Jan Kok/991203, http://www.cwi.nl/css/cwi[..].css

   style sheet for the CWI data base pages
   (valid for HTML 4.01 pages)
 */


body {
       color : black;
       background-color : white;
       font-family : "Times New Roman",
                     "Times Roman", times, serif;
       font-weight : normal;
       background-image :
         url(http://www.cwi.nl/images/2bckgrnd.jpg);
       background-repeat : no-repeat;
     }



/*
   (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 }


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; }

h1 { font-size: x-large }
h2, h3 { font-size: large }
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 }

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 }
 */



.home { color : #990066; font-size : 120%;
        background-color: transparent;
        font-family : Arial, sans-serif;
      }


img.logos {
           margin : 10px 24px 24px 10px;
           border-style : none;
           border-width: 0;
           width : 46px; height : 46px;
         }



p    {
       background-color : transparent;
       font-family : "Times New Roman", "Times Roman", serif;
       font-weight : normal;
     }





ul.cwilm li {
              list-style-image: url(http://www.cwi.nl/images/pijl4.gif);
              font-family : Arial, sans-serif;
              text-align  : left;
              vertical-align : top;
              padding     : 0;
              margin-top  : 12px;
              margin-left : -1.5em; }
ul.cwilm li ul li {
              list-style-image: url(http://www.cwi.nl/images/pijl5.gif);
              margin-top: 0px;
              margin-left: -2em; }
ul.cwilm li ul li ul li {
              list-style-image: url(http://www.cwi.nl/images/pijl6.gif);
              margin-top: 0px;
              margin-left: -2em; }

ul.cwilm3 li {
              list-style-image: url(http://www.cwi.nl/images/pijl4.gif);
              text-align  : left;
              vertical-align : top;
              padding     : 0;
              margin-top  : 12px;
              margin-left : -1.5em; }
ul.cwilm3 li ul li {
              list-style-image: url(http://www.cwi.nl/images/pijl5.gif);
              margin-top: 0px;
              margin-left: -2em; }
ul.cwilm3 li ul li ul li {
              list-style-image: url(http://www.cwi.nl/images/pijl6.gif);
              margin-top: 0px;
              margin-left: -2em; }

ul.cwilm1 li {
              list-style-image: url(http://www.cwi.nl/images/pijl4.gif);
              text-align  : left;
              vertical-align : top;
              padding     : 0;
              margin-left : -1.5em; }

ul.bullet li { list-style-image: url(http://www.cwi.nl/images/bullet.gif);
               margin-left: -1em; }
ul.bluedot li { list-style-image: url(http://www.cwi.nl/images/bluedot.gif);
               margin-left: -1em; }
ul.dashrd li { list-style-image: url(http://www.cwi.nl/images/dashrd.jpg);
               margin-left: -1em; }
ul.dash li { list-style-image: url(http://www.cwi.nl/images/dash.jpg);
               margin-left: -1em; }
ul.dashgl li { list-style-image: url(http://www.cwi.nl/images/dashgl.jpg);
               margin-left: -1em; }


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

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%; }

.org {
    font-weight : normal;
     }

.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;
              width: 100%;
              text-align: center;
              font-family: sans-serif;
              font-weight : bold;
            }

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

table.cwititle { width : 100%; }

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;
     }

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.boxhome {
            color : #990066;
            background-color : white;
            width : 600px; height : 400px;
            vertical-align : top; text-align : left;
            /* White-space : nowrap; */  }

td.left  { text-align : left ; vertical-align : middle; }
td.right { text-align : right; vertical-align : middle; }



.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; }

.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.intern              { color : navy;
                        background-color : transparent;
                        text-decoration : underline; }

div.title   { text-align : right;
              color : #990066;
              font-family : Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif;
              text-transform : uppercase;
              font-variant : small-caps;
              background-color : transparent;
              font-weight : bold;
            }

div.subject {
    font-family : Arial, sans-serif;
    font-size : 120%;
    text-decoration : none;
    background-color : transparent;
              text-align : left;
              vertical-align : top;
            }

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%; }

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;
            }

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


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







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; }
