/*

  #cc0000 - rood
  #330066 - paars
  #dddddd - grijs licht
  #cccccc - grijs middel
  #999999 - grijs middel
  #666666 - grijs donker

*/

  body, p, td, a, span, div, select, input, textarea, option, li {

    font-family: arial, helvetica, sans-serif;
    color: #666666;

  }

  html                        { height: 100%; }
  body                        { position: absolute; padding: 0px; margin: 0px; width: 100%; height: 100%; font-size: 80%; line-height: 140%; background: #666666 url('../images/background.gif') top left repeat-x; }
  table                       { border-collapse: collapse; margin: 0px; }
  form                        { margin: 0px; }
  ul                          { list-style: square outside; margin: 0px 0px 0px 15px; padding: 0px 0px 15px 0px; color: #000000; }
  ul ul                       { padding-bottom: 0px; }
  li                          { margin: 0px 0px 0px 0px; }
  td                          { padding: 0px; text-align: left; vertical-align: top; }
  a                           { text-decoration: none; color: #cc0000; }
  a:hover                     { text-decoration: underline; }
  p                           { margin: 0px 0px 20px 0px; }
  img                         { border: 0px; }
  input, textarea             { font-size: 1.0em; vertical-align: middle; }
  label                       { vertical-align: middle; }
  h1, h2, h3, h4, h5, h6      { color: #666666; }
  h1                          { margin: 10px 0px 20px 0px; font-size: 1.6em; text-transform: uppercase; }
  h2                          { margin: 10px 0px 10px 0px; font-size: 1.2em; text-transform: uppercase; }
  h3                          { margin: 10px 0px 10px 0px; font-size: 1.0em; }
  h4                          { margin: 10px 0px 10px 0px; font-size: 1.0em; }
  h5                          { margin: 10px 0px 10px 0px; font-size: 1.0em; }
  h6                          { margin: 10px 0px 10px 0px; font-size: 1.0em; }

  div#main                    { width: 760px; margin: 0px auto 0px auto; background: #ffffff; }
  div#header                  { width: 720px; background: url('../images/background_header.gif') top left repeat-x; padding: 0px 20px 20px 20px; }
  div#menu                    { border-top: 1px solid #666666; padding: 5px 20px 2px 20px; }
  div#content                 { padding: 0px 20px 20px 20px; }
  div#footer                  { border-top: 1px solid #666666; font-size: 0.8em; width: 720px; padding: 5px 20px 5px 20px; }
  div#footer a                { color: #666666; }

  div#menu ul                 { display: block; margin: 0px; padding; 0px; }
  div#menu li                 { display: inline; margin: 0px 10px 0px 0px; padding; 0px; }
  div#menu a                  { font-weight: bold; text-transform: uppercase; font-size: 0.95em; }
  div#menu a:hover            { text-decoration: underline; }
  div#menu span               { font-weight: bold; text-transform: uppercase; font-size: 0.95em; }

  div#intro                   { padding: 10px 20px 10px 20px; background: #dddddd; border-top: #ffffff solid 1px; }
  div#intro div.left          { width: 330px; float: left; margin-right: 20px; }
  div#intro div.right         { width: 330px; float: left; }
  div#intro p.highlight       { background: #ffffff; border: 0px; padding: 10px; }

  div.left                    { width: 350px; float: left; margin-right: 20px; }
  div.right                   { width: 350px; float: left; }
  div.clear                   { clear: both; }
  div.spacer                  { clear: both; height: 20px; }

  div.form                    { padding: 0px 20px 10px 20px; background: #dddddd; }
  div.form h2                 { margin: 30px 0px 10px 0px; }
  div.form td                 { padding: 0px 10px 5px 0px; }
  div.form table.packages     { }
  div.form table.packages td  { padding: 0px 5px 5px 0px; border: 0px; }
  div.form input.button       { background: #cccccc; color: #000000; }
  div.form input.textfield    { background: #ffffff; border: 1px solid #666666; width: 400px; }
  div.form textarea.textfield { background: #ffffff; border: 1px solid #666666; width: 400px; }

  div.trainer                 { width: 350px; padding: 0px 0px 20px 0px; }
  div.trainer img             { display: block; width: 150px; height: 210px; border: 1px solid #cccccc; float: left; margin-right: 10px; }
  div.trainer table.data      {  }
  div.trainer table.data th   { border-top: 1px solid #cccccc; font-weight: bold; vertical-align: top; text-align: left; padding: 5px 10px 5px 0px; }
  div.trainer table.data td   { border-top: 1px solid #cccccc; font-weight: normal; vertical-align: top; text-align: left; padding: 5px 0px 5px 0px; }

  div.trainer table.verslagen      { width:600px;  }
  div.trainer table.verslagen th   { border-top: 1px solid #cccccc; font-weight: bold; vertical-align: top; text-align: left; padding: 5px 10px 5px 0px; }
  div.trainer table.verslagen td   { border-top: 1px solid #cccccc; font-weight: normal; vertical-align: top; text-align: left; padding: 5px 0px 5px 0px; }
  
  div.rule                    { border-top: 1px solid #cccccc; height: 10px; margin-top: 10px; }

  img.logo                    { width: 339px; height: 55px; }
  img.home                    { width: 720px; height: 180px; }
  img.content                 { width: 350px; height: 250px; margin: 0px 0px 20px 0px; }
  img.nieuws                  { width: 350px; margin: 0px 0px 20px 0px; display: block; }
  img.float_left              { float: left; width: 210px; height: 150px; margin: 0px 15px 15px 0px; }
  img.float_right             { float: right; width: 210px; height: 150px; margin: 0px 0px 15px 15px; }

  p.highlight                 { background: #ffffff; border: solid 1px #cccccc; padding: 10px; }

  table.packages              { margin: 0px 0px 20px 0px; }
  table.packages td           { padding: 5px; border: 1px solid #cccccc; }

  table.agenda                { margin-bottom:15px;}
  table.agenda td             { width:350px; padding: 5px; border: 1px solid #cccccc; }

  table.trainschema           { }
  table.trainschema td        { padding: 5px; border: 1px solid #cccccc; }
  table.trainschema th        { padding: 5px; border: 1px solid #cccccc; text-align: left; font-weight: bold; }

  ul.links                    { list-style: square outside; margin: 0px 0px 0px 15px; padding: 0px 0px 15px 0px; color: #000000; }
  ul.links li                 { margin: 0px 0px 10px 0px; }