/*

  =========
  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, h2, h3, h4, h5, h6    { margin: 0px 0px 10px 0px; }
  h1                        { font-size: 1.5em; margin-bottom: 20px; }
  h2                        { font-size: 1.2em; }
  h3                        { font-size: 1.0em; }

  div#main                  { width: 790px; margin: 0px auto 0px auto; background: #ffffff url('../images/back_main_home.gif') top left repeat-y; }
  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#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           { 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.packagedetails th       { padding: 3px; border: 1px solid #ffffff; text-align: center; background: #d3dbff; font-size: 0.90em; }
  table.packagedetails td       { padding: 3px; border: 1px solid #d3dbff; text-align: center; font-size: 0.90em; }
  table.packagedetails td.field { text-align: left;  background: #d3dbff; border: 1px solid #ffffff; }
  table.packagedetails span     { color: #3a4783; text-decoration: none; border-bottom: 1px dashed #3a4783; cursor: help; }

  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                     { padding: 5px 5px 5px 20px; background: url('../images/icon_pdf.gif') center left no-repeat ; }
  a.flag                    { text-decoration: none; vertical-align: middle; }
  a.flag:hover              { text-decoration: none; }
  a.flag img                { width: 24px; height: 16px; vertical-align: middle; border: 1px solid #1f2545; }

  form div.person           { 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 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;

}


}