/*
 * Cascade Style Sheet
 * Homepage Jeroen Geertzen
 */


td.sidebox {
   vertical-align: top;
   width: 124px;
   border-style: dashed;
   border-width: 1px;
   border-color: #4F4F4F;
   background: #F5F5F5;
   padding: 10px;
}


img {
   /* display: block; */
   border: 0;
   }


img .c   {
   text-align: center;
   }

hr   {
   width: 100%;
   color: #A0A0A0;
   background-color: #A0A0A0;
   }

body   {
   background: #a0a0a0;
   color: #333;
   margin: 0;
   padding: 0;
   border: 0;
   border-top: 0px;
   text-align: center;
   font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
   padding-bottom: 25px;
   }

/*
code, pre {
   font-family: "Courier New", courier, "Bitstream Vera Sans Mono", monaco, monospace;
   background: inherit;
   color: #333;
   }
*/

pre {
      border:dashed;
      border-width: 1px;
      border-color: #7A1D27;
      font-size:12px;
      background: #F0F0F0;
      padding:10px;
    }

pre.smallmargin {
      padding:5px;
    }


/* ----------------------------- PAGE OUTLINE ---------------------------------- */

#emph {
   font-style: italic;
   }

#wrapper {
        background: #ffffff;
    color: #333;
   margin: 20px auto;
   padding: 0;
   border: 1px solid #808080;
   width: 605px;
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 607px;
   }

#header   {
   background: #ffffff;
    color: #333;
   border: 0;
   margin: 0;
   padding: 0;
   text-align: left;
   }

#header img   {
   margin: 0;
   padding: 0;
   border: 0;
   }

#pagebody   {
   padding: 0;
   margin: 0;
   border: 0;
   text-align: left;
   color: #444;
   background: transparent;
   clear: both;
   }

#maincontent   {
   float: left;
   margin: 0;
   padding: 10px;
   width: 580px;
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 575px;
   }

#footer {
   border: 0;
   border-top: 1px dotted #ccc;
   color: #666;
   background: #eee;
   padding: 5px 7px 7px 10px;
   text-align: left;
   clear: both;
   font-size: xx-small;
   voice-family: "\"}\"";
   voice-family:inherit;
   font-size: x-small;
   }

#footer p {
   margin: 10px 0;
   padding: 0;
   }


#footer img {
   vertical-align: middle;
   border: 0;
   }

.centered {
   margin-left: auto;
   margin-right: auto;
}

/* ----------------------------- MAINCONTENT LISTS ----------------------------- */

#maincontent ul        {
         margin: .5em 0;
         padding-left: 10px;
         margin-left: 5px;
         }

#maincontent ul li   {
   line-height: 1.4;
   margin-bottom: 10px;
   padding-left: 0px;
   margin-left: 15px;
   list-style: disc url(box8x8_tin.gif) outside;
   vertical-align: top;
   }

#maincontent ul ul li {
   margin-top: 10px;
   list-style: disc url(box8x8_lightgray.gif) outside;
   vertical-align: top;
   }

#maincontent .emph {
   font-style: italic;
   }

#maincontent .stress {
        font-weight: bold;
        }

#maincontent .year {
    margin-top: 15px;
   margin-bottom: 10px;
        font-weight: bold;
        }

#maincontent .ref {
        color: #888888;
   font-weight: normal;
        }

#maincontent .warn {
   font-size: 8pt;
   color: #f00;
   }

#maincontent .smallnote {
   font-size: 8pt;
}

#maincontent ul.inlinelist   {
   padding: 0;
   margin: 0;
   }

#maincontent .inlinelist li   {
   display: inline;
   padding: 0 0 0 0;
   margin: 0;
   border: 0;
   }

/* -------------------------------- TYPOGRAPHY ---------------------------------- */


h1, h2, h3, h4 {
   font-family: Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
   font-weight: normal;
   margin-top: 25px;
   margin-bottom: 2px;
   letter-spacing: 1px;
   }

#pagebody h1   {
       margin-top: 0;
       font-size:    medium;
       voice-family: "\"}\"";
       voice-family: inherit;
       font-size:  large;
   text-align: center;
       }

#pagebody h2   {
       margin-top: 1.5em;
       font-size:    medium;
       voice-family: "\"}\"";
       voice-family: inherit;
       font-size:    large;
       }

#pagebody h3   {
   font-size: small;
   voice-family: "\"}\"";
   voice-family: inherit;
   font-size: medium;
   font-weight: bold;
   }

#pagebody h4   {
   font-weight: normal;
      font-size: x-small;
   voice-family: "\"}\"";
   voice-family: inherit;
   font-size: small;
   }

p   {
   line-height: 140%;
   text-align: left;
   margin-top: 0;
   margin-bottom: 1em;
   }

#pagebody, #pagebody div, #pagebody p, #pagebody th, #pagebody td, #pagebody li, #pagebody dd, #pagebody dt    {
        font-size:    x-small;
       voice-family: "\"}\"";
       voice-family: inherit;
       font-size:    small;
       }

#maincontent dl   {
   line-height: 1.4em;
   margin-top: 0;
   padding-top: 0;
   }

#maincontent dd   {
   margin-bottom: 5px;
   padding-left: 5px;
   margin-left: 5px;
   }

/* -------------------------------- LINKOLOGY ---------------------------------- */

a:link, a:visited {
/*   font-weight : bold;  */
   text-decoration : none;
/*   color: #6699CC; */
   color: #3366AA;
   background: transparent;
   }

a:hover {
/*   font-weight : bold; */
   text-decoration : underline;
   color: #999;
   background: transparent;
   }

a:active {
   font-weight : bold;
   text-decoration : none;
   color: #526968;
   background: transparent;
   }


/* -------------------------------- NAVIGATION ---------------------------------- */

.hide {
        height: 0;
        width: 0;
        overflow: hidden;
        position: absolute;  /* for the benefit of IE5 Mac */
        }

#menu {
   margin: 0;
   padding: 0;
   }

#menu ul {
   border: 0;
   margin: 0;
   padding: 0;
   list-style-type: none;
   text-align: center;
   clear: left;
   }

#menu ul li {
   display: block;
   float: left;
   text-align: center;
   padding: 0;
   margin: 0;
   }

#menu ul li a {
   background: #ffffff;
   width: 100px;
   height: 2em;
   border-top: 1px dotted #ccc;
   border-left: 1px dotted #ccc;
   border-bottom: 1px dotted #ccc;
    border-right: none;
   padding: 0;
    margin: 0 0 10px 0;
   color: #6699cc;
   text-decoration: none;
   display: block;
   text-align: center;
   font-weight: normal;
   letter-spacing: 1px;
   line-height: 2em;
   font-size:    xx-small;
   voice-family: "\"}\"";
   voice-family: inherit;
   font-size:    x-small;
   }

#menu ul li a:hover {
   color: #000;
   background: #e0e0e0;
   }

#menu a:active   {
   background: #a0a0a0;
   color: #ffffff;
   }

#submenu {
   margin: 0;
   padding: 0;
   }

#submenu ul {
   border: 0;
   margin: 0;
   padding: 0;
   list-style-type: none;
   text-align: center;
   clear: left;
   }

#submenu ul li {
   display: block;
   float: left;
   text-align: center;
   padding: 0;
   margin: 0;
   }

#submenu ul li a {
   background: #88bbee;
   width: 201px;
   height: 2em;
   border-top: 1px dotted #ccc;
   border-left: 1px dotted #fff;
   border-bottom: 1px dotted #ccc;
    border-right: none;
   padding: 0;
    margin: -10px 0 10px 0;
   color: #ffffff;
   text-decoration: none;
   display: block;
   text-align: center;
   font-weight: normal;
   letter-spacing: 1px;
   line-height: 2em;
   font-size:    xx-small;
   voice-family: "\"}\"";
   voice-family: inherit;
   font-size:    x-small;
   }

#submenu ul li a:hover {
   color: #000;
   background: #e0e0e0;
   }

#submenu a:active   {
   background: #a0a0a0;
   color: #ffffff;
   }

#submenu2 {
   margin: 0;
   padding: 0;
   }

#submenu2 ul {
   border: 0;
   margin: 0;
   padding: 0;
   list-style-type: none;
   text-align: center;
   clear: left;
   }

#submenu2 ul li {
   display: block;
   float: left;
   text-align: center;
   padding: 0;
   margin: 0;
   }

#submenu2 ul li a {
   background: #88BB77;
   width: 201px;
   height: 2em;
   border-top: 1px dotted #ccc;
   border-left: 1px dotted #fff;
   border-bottom: 1px dotted #ccc;
    border-right: none;
   padding: 0;
    margin: -10px 0 10px 0;
   color: #ffffff;
   text-decoration: none;
   display: block;
   text-align: center;
   font-weight: normal;
   letter-spacing: 1px;
   line-height: 2em;
   font-size:    xx-small;
   voice-family: "\"}\"";
   voice-family: inherit;
   font-size:    x-small;
   }

#submenu2 ul li a:hover {
   color: #000;
   background: #e0e0e0;
   }

#submenu2 a:active   {
   background: #a0a0a0;
   color: #ffffff;
   }

body#sectionfive a {
   color: #509943;
}

body#sectionone #menu li#one a,
body#sectiontwo #menu li#two a,
body#sectionthree #menu li#three a,
body#sectionfour #menu li#four a,
body#sectionfive #menu li#five a,
body#sectionsix #menu li#six a {
   background: #6699cc;
   border: 1px dotted #6699cc;
    color: #ffffff;
   font-weight: bold;
   }
body#sectionfive #menu li#five a{
   background: #509943;
   border: 1px dotted #509943;
    color: #ffffff;
   font-weight: bold;
   }

body#sectionfour #ssectionsone #submenu li#sone a,
body#sectionfour #ssectionstwo #submenu li#stwo a,
body#sectionfour #ssectionsthree #submenu li#sthree a,
body#sectionfour #ssectionsfour #submenu li#sfour a,
body#sectionfour #ssectionsfive #submenu li#sfive a,
body#sectionfour #ssectionssix #submenu li#ssix a,
body#sectionfour #ssectionsseven #submenu li#sseven a,
body#sectionfour #ssectionseight #submenu li#seight {
        background: #6699cc;
        border: 1px dotted #6699cc;
        color: #ffffff;
        font-weight: bold;
        }

body#sectionfive #ssectionsone #submenu2 li#ssone a,
body#sectionfive #ssectionstwo #submenu2 li#sstwo a,
body#sectionfive #ssectionsthree #submenu2 li#ssthree a,
body#sectionfive #ssectionsfour #submenu2 li#ssfour a,
body#sectionfive #ssectionsfive #submenu2 li#ssfive a,
body#sectionfive #ssectionssix #submenu2 li#sssix {
        background: #509943;
        border: 1px dotted #509943;
        color: #ffffff;
        font-weight: bold;
        }


/* -------------------------------- FORMS ---------------------------------- */

textarea.input {
   background-color: #e8ebee;
   color: #003366;
   border-bottom: 1px solid #6699cc;
   border-top: 1px solid #6699cc;
   border-left: 1px solid #6699cc;
   border-right: 1px solid #6699cc;
   }

#output {
        background-color: #c8cbce;
        color: #000;
   font-family: "Courier New", monospace;
        border-bottom: 1px solid #6699cc;
        border-top: 1px solid #6699cc;
        border-left: 1px solid #6699cc;
        border-right: 1px solid #6699cc;
        }


#formarea   {
   padding: 0;
   margin: 0;
   border: 0;
   text-align: left;
   }

#formarea label   {
   font-size: 11px;
   margin-bottom: 0;
   padding-bottom: 0;
   margin-top: 5px;
   display: block;
   }

.form {
   color: #000;
   border: 1px solid #666;
   font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
   padding: 1px;
   margin: 0;
   font-size: xx-small;
   voice-family: "\"}\"";
   voice-family: inherit;
   font-size: x-small;
   }

.form-button {
   color: #000;
   background-color: #ffffff;
   border: 1px solid #666;
   font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
   font-weight: bold;
   padding-left: 1px;
   padding-right: 1px;
   margin: 0;
   font-size: xx-small;
   voice-family: "\"}\"";
   voice-family: inherit;
   font-size: x-small;
   }

.naam{
   font-size: 18px;
   font-weight: bold;
}

.date{
   color: #bb2200;
   font-size: 12px;
}

.event{
   color: #772200;
   font-family: Times, Arial;
}

.topic{
   background-color: #E5E5E5;
   text-align: center;
   font-weight: bold;
   padding: 2px;
   font-size: 10px;
   width: 100%;
}

.intro{
   color: #858585;
}

.pubyear {
   background: #F5F5F5;
   border-color: #E5E5E5;
   border-style: solid;
   border-width: 1px;
   padding: 2px;
   font-weight: bold;
   letter-spacing: .35em;
   width: 100%;
}

.monthyear{
   text-align: center;
}

.month{
   width:120px;
   text-align: right;
   font-size: 10px;
   border:1px solid #aaa;
   margin:0px;
   border-collapse:collapse;
}

td.cal {
    border:1px solid #aaa;
    color:#555;
    padding:2px;
    text-align:right;
}

th.cal {
    padding:2px;
    background-color: #6699CC;
    color:#fff;
}

.actday{
   background-color:#4E5F79;
   color:#fff;
   font-weight:bold;
}

.days{
   color: #F5F5F5;
   background-color:#4E5F79;
}