/*

  =====================
  ALLEGRONINGERS COLORS
  =====================

  #e13407 - rood
  #003083 - blauw
  #ece9ff - lila licht
  #d9d3ff - lila donker
  #ffffff - wit


*/

  *                                         { font-family: verdana, arial, helvetica, sans-serif; color: #003083; }
  HTML                                      { width: 100%; height: 100%; padding: 0px; margin: 0px; }
  BODY                                      { width: 100%; height: 100%; padding: 0px; margin: 0px; background: #ffffff; font-size: 70%; line-height: 140%; background: url('../images/background_header.gif') left top repeat-x; }
  FORM                                      { margin: 0px; }
  UL                                        { list-style: square outside; margin: 0px 0px 0px 15px; padding: 0px 0px 5px 0px; }
  LI                                        { }
  TD                                        { padding: 0px; text-align: left; vertical-align: top; }
  A                                         { text-decoration: underline; }
  A:HOVER                                   { text-decoration: underline; }
  IMG                                       { border: 0px; }
  TABLE                                     { border-collapse: collapse; }
  LABEL                                     { vertical-align: middle; }
  INPUT,
  TEXTAREA,
  SELECT                                    { vertical-align: middle; font-size: 1em; }
  INPUT[type="text"],
  INPUT[type="password"],
  SELECT,
  TEXTAREA                                  { background: #ece9ff; border: 1px solid #d9d3ff;}
  INPUT[type="submit"]                      { background: #e13407; color: #ffffff; font-weight: bold; }
  INPUT[type="text"]:focus,
  INPUT[type="password"]:focus,
  SELECT:focus,
  TEXTAREA:focus                            { border: 1px solid #003083; background: #ffffff; }

  DIV#mainbody h1                           { font-weight: bold; padding: 0px 0px 0px 0px; font-size: 1.6em; }
  DIV#mainbody h2                           { font-weight: bold; padding: 0px 0px 0px 0px; font-size: 1.2em; }
  DIV#mainbody h3                           { font-weight: bold; padding: 0px 0px 0px 0px; font-size: 1.2em; }
  DIV#mainbody h4                           { font-weight: bold; padding: 0px 0px 0px 0px; font-size: 1.1em; }
  DIV#mainbody h5                           { font-weight: bold; padding: 0px 0px 0px 0px; font-size: 1.0em; }
  DIV#mainbody h6                           { font-weight: bold; padding: 0px 0px 0px 0px; font-size: 1.0em; }

  DIV#mainbody P                            { margin: 0em 0em 1em 0em; text-indent: 0px; }

  DIV#header                                { width: 990px; left top repeat-x; height: 90px; }
  DIV#menu                                  { background: #e13407; padding: 5px 5px 5px 250px; margin-bottom: 30px; border-top: 1px solid #ffffff; }
  DIV#content                               { width: 990px; }
  DIV#modules_left                          { display: inline; float: left; width: 210px; overflow: hidden; margin: 0px 20px 20px 20px; }
  DIV#mainbody                              { display: inline; float: left; width: 490px; overflow: hidden; margin: 0px 0px 20px 0px; }
  DIV#modules_right                         { display: inline; float: left; width: 230px; overflow: hidden; margin: 0px 0px 20px 20px; }
  DIV#teller                                { position: absolute; left: 760px; top: 96px; color: #ffffff; white-space: nowrap; }

  DIV#menu a                                { text-decoration: none; }

  DIV#container_formulier_persoon fieldset  { margin: 0px 0px 10px 0px; padding: 0px; border: 0px; }
  DIV#container_formulier_persoon h4        { margin: 0px 0px 10px 0px; padding: 0px; border: 0px; font-size: 1.0em; line-height: 100%; }
  DIV#container_formulier_persoon table     { width: 100%; }
  DIV#container_formulier_persoon th        { text-align: left; padding: 0px 5px 5px 0px; font-weight: normal; }
  DIV#container_formulier_persoon td        { text-align: left; padding: 0px 5px 5px 0px; font-weight: normal; }

  DIV#container_formulier_register fieldset { margin: 0px 0px 10px 0px; padding: 0px; border: 0px; }
  DIV#container_formulier_register h4       { margin: 0px 0px 10px 0px; padding: 0px; border: 0px; font-size: 1.0em; line-height: 100%; }
  DIV#container_formulier_register table    { width: 100%; }
  DIV#container_formulier_register th       { text-align: left; padding: 0px 5px 5px 0px; font-weight: normal; }
  DIV#container_formulier_register td       { text-align: left; padding: 0px 5px 5px 0px; font-weight: normal; }

  DIV.clear                                 { clear: both; }

  UL.menu                                   { list-style: none; margin: 0px; padding: 0px 15px 0px 15px; width: 440px; }
  UL.menu LI                                { display: inline; float: left; border-left: 1px solid #ffffff; padding: 0px 5px 0px 5px; }
  UL.menu LI:first-child                    { border-left: none; }
  UL.menu LI.active SPAN                    { text-decoration: underline; }
  UL.menu SPAN                              { color: #ffffff; font-weight: bold; }
  UL.menu A                                 { color: #ffffff; }

  A.list                                    { color: #e13407; background: url('../images/bullet_e13407.gif') left center no-repeat; padding-left: 12px; margin-bottom: 20px; }
  A.disabled                                { color: #cccccc; background: url('../images/bullet_e13407.gif') left center no-repeat; padding-left: 12px; margin-bottom: 20px; }
  A.disabled:hover                          { text-decoration: none; }



  /* JOOMLA CORE */

  DIV.moduletable h3                        { color: #e13407; font-size: 1.2em; margin: 0em 0em 1em 0em; }
  .componentheading,
  .contentheading                           { width: 490px; color: #e13407; font-weight: bold; font-size: 1.6em; padding-left: 0px; padding-bottom: 10px; }
  DIV.metadata                              { padding: 10px; background: #ece9ff; margin-bottom: 10px; overflow: hidden;}
  DIV.metadata table                        {  }
  DIV.metadata th                           { padding: 0px 10px 0px 0px; text-align: left; vertical-align: top; }
  DIV.metadata td                           { padding: 0px 10px 0px 0px; text-align: left; vertical-align: top; }
  DIV.metadata div.ww_thumb					{ float: left; margin: 0 8px 8px 0;}

  /* DATA GRID */
  .dt_data_table                            { width: 100%;}
  .dt_data_row_head                         { background: #d9d3ff; }
  .dt_data_row_data_odd                     { background: #ece9ff; }
  .dt_data_row_data_even                    { background: #d9d3ff; }
  .dt_data_cell_head                        { border: 1px #ffffff solid; padding: 3px; text-align: left; vertical-align: middle; }
  .dt_data_cell_data                        { border: 1px #ffffff solid; padding: 3px; }
  .dt_data_cell_data_empty                  { border: 1px #ffffff solid; padding: 3px; font-style: italic; }
  .dt_data_cell_data_button                 { border: 1px #ffffff solid; padding: 3px; text-align: center; vertical-align: middle; }
  .dt_data_cell_data_number                 { border: 1px #ffffff solid; padding: 3px; text-align: right; vertical-align: middle; }
  .dt_data_form                             { margin: 0px; width: 100%; }
  .dt_data_link_head                        { color: #003083; font-weight: bold; text-decoration: none; vertical-align: middle; }
  .dt_data_link_head:visited                { color: #003083; font-weight: bold; text-decoration: none; vertical-align: middle; }
  .dt_data_link_head:hover                  { color: #003083; text-decoration: underline; }
  .dt_data_text_head                        { color: #003083; text-decoration: none; vertical-align: middle; }
  .dt_data_image_order                      { width: 16px; height: 16px; border: 0px; margin: 0px 0px 0px 3px; vertical-align: middle; }
  .dt_data_image_order_empty                { width: 1px;  height: 16px; border: 0px; margin: 0px 0px 0px 0px; vertical-align: middle; }
  .dt_data_image_button                     { width: 16px; height: 16px; border: 0px; margin: 0px 0px 0px 0px; vertical-align: middle; }
  .dt_data_cell_data a                      { color: #003083; text-decoration: underline; }

  .dt_summary_table                         { }
  .dt_summary_cell                          { padding: 10px 0px 10px 0px; }
  .dt_summary_text                          { }
  .dt_summary_text_numbers                  { font-weight: bold; }

  .dt_filter_table                          { }
  .dt_filter_cell                           { }
  .dt_filter_form                           { margin: 0px; }
  .dt_filter_link                           { text-decoration: none; vertical-align: middle; margin-right: 8px; }
  .dt_filter_link:visited                   { text-decoration: none; vertical-align: middle; margin-right: 8px; }
  .dt_filter_link:hover                     { text-decoration: underline; }
  .dt_filter_image_button                   { width: 16px; height: 16px; border: 0px; margin: 0px 5px 0px 0px; vertical-align: middle; }
  .dt_filter_textfield                      { vertical-align: middle; margin-right: 5px; width: 100px; }
  .dt_filter_select                         { vertical-align: middle; margin-right: 5px; }

  .dt_navigation_table                      { }
  .dt_navigation_cell                       { padding: 8px 0px 8px 0px; }
  .dt_navigation_image_button_01            { width: 16px; height: 16px; border: 0px; margin: 0px 0px 0px 0px; vertical-align: middle; }
  .dt_navigation_image_button_02            { width: 16px; height: 16px; border: 0px; margin: 0px 3px 0px 0px; vertical-align: middle; }
  .dt_navigation_image_button_03            { width: 16px; height: 16px; border: 0px; margin: 0px 0px 0px 3px; vertical-align: middle; }
  .dt_navigation_image_button_04            { width: 16px; height: 16px; border: 0px; margin: 0px 0px 0px 0px; vertical-align: middle; }
  .dt_navigation_text_current               { margin: 0px 3px 0px 3px; font-weight: bold; }
  .dt_navigation_text_more                  { margin: 0px 3px 0px 3px; text-decoration: none; }
  .dt_navigation_link                       { margin: 0px 3px 0px 3px; text-decoration: none; color: #000000; }
  .dt_navigation_link:visited               { margin: 0px 3px 0px 3px; text-decoration: none; color: #000000; }
  .dt_navigation_link:hover                 { text-decoration: underline; color #000000; }