/*

  =========
  DC COLORS
  =========

  #1f2545 - blauw (donkerst)
  #3a4783 - blauw
  #687cd7 - blauw
  #96a9ff - blauw
  #d3dbff - blauw (lichtst)
  #ffffff - wit

*/

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

    font-family: verdana, arial, helvetica, sans-serif;
    color: #1f2545;

  }

  html                      { width: 100%; height: 100%; }
  body                      { width: 100%; height: 100%; position: absolute; padding: 0px; margin: 0px; background: #96a9ff url('../images/back.gif') top left repeat-x; font-size: 70%; line-height: 160%; }
  form                      { margin: 0px; }
  ul                        { list-style: square outside; margin: 0px 0px 0px 15px; padding: 0px 0px 15px 0px; }
  li                        { }
  td                        { padding: 0px; text-align: left; vertical-align: top; }
  a                         { text-decoration: underline; }
  a:hover                   { text-decoration: underline; }
  p                         { margin: 0px 0px 10px 0px; }
  img                       { border: 0px; }
  table                     { border-collapse: collapse; }
  textarea                  { font-size: 100%; }

  h1                        { font-size: 1.5em; margin-bottom: 1.2em; }
  h2                        { font-size: 1.2em; margin-top: 2em; }
  h3                        { font-size: 1.0em; margin-top: 1.2em; }
  h4                        { font-size: 1.0em; margin-top: 1.2em; font-weight: normal; font-style: italic; }
  h2 span                   { font-size: 0.8em; margin-top: 1.2em; color: #687cd7; }

  table#main                { width: 790px; margin: 0px auto 0px auto; background: #ffffff url('../images/back_main.gif') top left repeat-y; height: 100%; }
  table#main_home           { width: 790px; margin: 0px auto 0px auto; background: #ffffff url('../images/back_main_home.gif') top left repeat-y; height: 100%; }
  
  div#shadow_left           { width: 15px;  float: left; height: 400px; background: url('../images/back_shadow_left.gif') top right no-repeat; }
  div#shadow_right          { width: 15px;  float: right; height: 400px; background: url('../images/back_shadow_right.gif') top left no-repeat; }
  div#logo                  { width: 190px; height: 95px; float: left; background: #ffffff url('../images/back_menu_logo.gif') top left repeat-x; }
  div#logo img              { width: 190px; height: 80px; }
  div#header                { width: 540px; height: 70px; float: left; background: #d3dbff url('../images/header.jpg') top left repeat-x; padding: 10px 15px 15px 15px; text-align: right; }
  div#menu                  { width: 190px; float: left; padding: 0px; }
  div#menu ul               { list-style: none; margin: 15px 0px 0px 0px; padding: 0px; border-top: #3a4783 1px solid; }
  div#menu li               { width: 190px; border-bottom: #3a4783 1px solid; }
  div#menu a                { display: block; width: 160px; padding: 8px 15px 8px 15px; color: #ffffff; text-decoration: none; line-height: 100%; }
  div#menu a:hover          { background: #3a4783; }
  div#content_home          { width: 570px; float: left; }
  div#content_main          { width: 540px; float: left; padding: 20px 15px 15px 15px; overflow: hidden; }
  div.special               { padding: 10px; border: 1px solid #1f2545; margin: 10px 0px 10px 0px; }
  div.special th            { padding: 5px; text-align: left; font-weight: normal; font-style: italic; }
  div.special td            { padding: 5px; }
  div.caption               { font-size: 10px; text-align: center; paddin: 5px; margin: 5px 0px 10px 0px; }

  /*
  div#footer_home           { width: 570px; margin: 0px 15px 0px 205px; padding: 5px 0px 5px 0px; clear: both; text-align: center; background: #d3dbff; border-top: 1px solid #ffffff; font-size: 0.90em; }
  div#footer_main           { width: 570px; margin: 0px 15px 0px 205px; padding: 45px 0px 5px 0px; clear: both; text-align: center; background: #d3dbff url('../images/back_footer_main.gif') top left no-repeat; font-size: 0.90em; }
  */
  
  img#home_tree             { width: 570px; height: 195px; display: block; position: relative; margin: -45px 0px 0px 0px; }  
  
  div.column_home_left      { width: 350px; padding: 15px; margin: 0px; float: left; }
  div.column_home_right     { width: 160px; padding: 15px; margin: 0px; float: left; }

  table.form                { border: 1px solid #ffffff; width: 100%; margin-bottom: 20px; background: #ffffff; }
  table.form td             { padding: 5px; }
  table.nieuws td           { padding: 0px 5px 5px 0px; }
  div.gallery               { padding: 0px; float: left; text-align: center; margin: 0px 8px 10px 0px; border: 1px solid #d3dbff; }
  div.gallery img           { margin: 10px; width: 150px; height: 115px; }
  div.gallery div           { font-weight: bold; background: #d3dbff; padding: 5px; }
  div.label                 { }
  div.reader                { padding: 10px; margin-bottom: 15px; border: 1px solid #1f2545; }
  div.related               { border: 1px solid #1f2545; width: 240px; padding: 10px 10px 0px 10px; float: right; margin: 0px 0px 20px 20px; }
  div.clear                 { clear: both; }

  img.icon                  { width: 16px; height: 16px; vertical-align: middle; }

  table.tarieven            { margin-bottom: 20px; }
  table.tarieven th         { padding: 5px; border: 1px solid #ffffff; text-align: left; background: #d3dbff; font-size: 0.90em; }
  table.tarieven td         { padding: 5px; border: 1px solid #d3dbff; text-align: right; font-size: 0.90em; }
  table.tarieven td.field   { text-align: left;  background: #d3dbff; border: 1px solid #ffffff; }
  table.tarieven span       { color: #3a4783; text-decoration: none; border-bottom: 1px dashed #3a4783; cursor: help; }
  
  table.medewerkers           { }
  table.medewerkers td.image  { padding: 0px 20px 20px 0px; }
  table.medewerkers td.info   { padding: 0px 0px 20px 0px; }
  table.medewerkers h2        { margin-top: 0em; }
  table.medewerkers img       { padding: 10px; margin: 0px; border: 1px solid #d3dbff; width: 150px; height: 115px; }
  
  table.nieuws_home               { }
  table.nieuws_home tr.odd        { background: #ffffff; }
  table.nieuws_home tr.even       { background: #d3dbff; }
  table.nieuws_home td.thumbnail  { padding: 10px 10px 10px 20px; }
  table.nieuws_home td.tekst      { padding: 10px 20px 10px 0px }
  table.nieuws_home div.titel     { font-weight: bold; }
  table.nieuws_home div.intro     {  }
  table.nieuws_home img           { width: 120px; height: 90px; border: 1px solid #1f2545; }


  
  a.readmore                { display: block; padding-left: 10px; text-decoration: none; font-weight: bold; background: url('../images/bullet_readmore.gif') center left no-repeat; }
  a.readmore:hover          { text-decoration: underline; }
  a.pdf                     { text-decoration: none; padding: 0px 5px 5px 20px; background: url('../images/icon_pdf.gif') center left no-repeat; display: block; }
  a.pager                   { text-decoration: none; color: #ffffff; vertical-align: middle; }
  a.pager:hover             { text-decoration: underline; color: #ffffff; vertical-align: middle; }

  form div.documents        { padding: 10px; margin-bottom: 15px; border: 1px solid #1f2545; }
  form div.common           { padding: 10px; margin-bottom: 15px; background: #d3dbff; }
  form td                   { vertical-align: middle; padding: 0px 5px 5px 0px; }
  form input                { vertical-align: middle; margin-right: 4px; font-size: 1em; }
  form select               { vertical-align: middle; margin-right: 4px; font-size: 1em; }
  form label                { margin-right: 2px;}
  form div.buttons          { margin-bottom: 30px; }
  
  input.button              { background: #d3dbff; color: #1f2545; }
  input.textfield           { border: 1px solid #1f2545; background: #ffffff; }
  textarea.textfield        { border: 1px solid #1f2545; background: #ffffff; }
  img.dateicon              { width: 16px; height: 16px; vertical-align: middle; margin-right: 10px; cursor: pointer; }
  h1.home                   { font-size: 1em; }
  p.intro                   { color: #687cd7; line-height: 180%; margin-bottom: 30px; }
  
  

/* Classic Style */
div.domTT {
	border: 1px solid black;
	background-color: #ffffff;
	width: 250px;
}

div.domTT .contents {
	padding: 5px;

}


}