/*

  #1f2545 - blue (darkest)
  #3a4783 - blue (medium)
  #687cd7 - blue (medium)
  #96a9ff - blue (medium)
  #d3dbff - blue (lightest)
  #ffffff - white

*/

  *                                 { font-family: arial, helvetica, sans-serif; color: #1f2545; font-size: 1.0em; }
  html                              { height: 100%; margin: 0px; padding: 0px; }
  body                              { height: 100%; margin: 0px; padding: 0px; font-size: 75%; line-height: 140%; background: #3a4783 url(../images/background.gif) left top repeat-x; }
  table                             { border-collapse: collapse; margin: 0px; }
  th                                { padding: 0px; text-align: left; vertical-align: top; }
  td                                { padding: 0px; text-align: left; vertical-align: top; }
  p                                 { margin: 1em 0em 0em 0em; padding: 0px; }
  form                              { margin: 0px; padding: 0px; }
  ul                                { list-style: square outside; margin: 1em 0em 0em 15px; padding: 0px 0px 5px 0px; }
  ul ul                             { margin-bottom: 0; }
  ol                                { list-style-type: decimal; }
  dl                                { display: block; }
  dt                                { margin: 0px; padding: 0px 5px 0px 10px; background: url(../images/bullet_list.gif) left center no-repeat; }
  dd                                { margin: 0px; padding: 0px 5px 0px 10px; font-style: italic; }
  a                                 { text-decoration: underline; }
  a:hover                           { text-decoration: underline; }
  img                               { border: 0px; }
  input, textarea, select, option   { vertical-align: middle; }
  label                             { vertical-align: middle; margin-right: 10px; }
  fieldset                          { border: none; padding: 0px; margin: 1em 0em 0em 0em; }
  legend                            { font-weight: bold; margin: 0px; padding: 0px; }
  h1                                { margin:   0em 0em 0em 0em; font-size: 1.5em; }
  h2                                { margin: 1.2em 0em 0em 0em; font-size: 1.2em; }
  h3                                { margin: 0.6em 0em 0em 0em; font-size: 1.0em; }
  h4                                { margin: 0.6em 0em 0em 0em; font-size: 1.0em; font-style: italic; font-weight: normal; }
  h5                                { margin: 0.6em 0em 0em 0em; font-size: 1.0em; }
  h6                                { margin: 0.6em 0em 0em 0em; font-size: 1.0em; }

  form table                        { margin: 15px 0px 15px 0px; }
  form th                           { padding: 0px 10px 5px 0px; font-weight: normal; }
  form td                           { padding: 0px  0px 5px 0px; }
  input                             { }
  input[type="text"]                { border: 1px solid #1f2545; }
  input[type="submit"]              { background: #d3dbff; }
  input.disabled                    { background: #d3dbff; color: #96a9ff; }
  fieldset h2                       { margin: 0px; padding: 0px; }
  h2 span                           { font-size: 0.8em; font-weight: normal; font-style: italic; }

  div#page                          { position: relative; width: 790px; /*min-height: 700px;*/ margin: 0px auto 0px auto; background: #3a4783 url('../images/back_page.gif') left top no-repeat; }
  div#header                        { width: 760px; height: 95px; margin: 0px 15px 0px 15px; }
  div#header img                    { width: 760px; height: 95px; display: block; }
  div#navigation                    { width: 760px; margin: 0px 15px 0px 15px; background: #1f2545; }
  div#content_home                  { width: 760px; margin: 0px 15px 0px 15px; background: #ffffff url('../images/back_content_home.gif') left top repeat-y; }
  div#content_main                  { width: 760px; margin: 0px 15px 0px 15px; background: #ffffff url('../images/back_content_main.gif') left top repeat-y; }
  div#footer                        { width: 700px; padding: 5px 30px 5px 30px; margin: 0px 15px 0px 15px; text-align: left; background: #1f2545; color: #ffffff; }

  div#navigation ul                 { padding: 0; margin: 0 0 0 25px; list-style: none; }
  div#navigation a                  { text-decoration: none; display: block; padding: 5px; font-weight: bold; color: #ffffff; }
  div#navigation span               { text-decoration: none; display: block; padding: 5px; font-weight: bold; color: #ffffff; cursor: default; }
  div#navigation a:hover            { background: #d3dbff; color: #1f2545; text-decoration: none; }
  div#navigation li                 { display: inline; float: left; }
  div#navigation table              { position: absolute; background: #1f2545; display: none; }
  div#navigation td a               { font-weight: normal; text-transform: none; display: block; white-space: nowrap; }

  img#home_teaser                   { width: 380px; height: 200px; display: inline; float: left; }
  div#home_teaser_text              { width: 350px; height: 170px; display: inline; float: left; overflow: hidden; padding: 15px; background: #ffffff; }

  div.clear                         { clear: both; }
  div.module                        { margin-bottom: 1.5em; }
  div.module h1                     { margin: 0em; font-size: 1.2em; }
  div.breadcrumb                    { padding: 5px 15px 5px 30px; font-size: 0.8em; }
  div.breadcrumb a                  { text-decoration: none; }
  div.breadcrumb span               { }
  div.breadcrumb img                { width: 5px; height: 7px; margin: 0px 5px 0px 5px; }
  div.bronvermelding                { font-style: italic; }
  
  div.specialist                    { margin: 20px 0px 0px 0px; }
  div.specialist h2                 { margin: 0px 0px 0px 0px; }
  div.specialist img                { width: 180px; height: 240px; margin: 0px 15px 30px 0px; float: left; }
  div.specialist div                { width: 330px; float: left; display: inline; }

  div.column_home_left              { width: 335px; float: left; display: inline; overflow: hidden; padding: 15px 15px 30px 30px; clear: both; }
  div.column_home_center            { width: 160px; float: left; display: inline; overflow: hidden; padding: 15px 15px 30px 15px; }
  div.column_home_right             { width: 160px; float: left; display: inline; overflow: hidden; padding: 15px 15px 30px 15px; }
  div.column_main_left              { width: 525px; float: left; display: inline; overflow: hidden; padding: 30px 15px 30px 30px; }
  div.column_main_right             { width: 160px; float: left; display: inline; overflow: hidden; padding: 30px 15px 30px 15px; }

  ul.newslist                       { list-style: none; margin: 0.5em 0em 0em 0em; padding: 0px; }
  ul.newslist li                    { background: url('../images/bullet_link.gif') left 8px no-repeat; padding: 3px 0px 3px 10px; margin-bottom: 5px; }
  ul.newslist a                     { font-weight: bold; text-decoration: none; }
  ul.newslist a:hover               { text-decoration: underline; }
  ul.newslist p                     { }

  ul.links                          { list-style: none; margin: 1.0em 0em 0em 0em; padding: 0px; }
  ul.links li                       { background: url('../images/bullet_link.gif') left 8px no-repeat; padding: 3px 0px 3px 10px; }
  ul.links a                        { text-decoration: none; font-weight: bold; }
  ul.links a:hover                  { text-decoration: underline; }

  ul.downloads                      { list-style: none; margin: 1.0em 0em 0em 0em; padding: 0px; }
  ul.downloads li                   { padding: 3px 0px 3px 20px; }
  ul.downloads li.word              { background: url('../images/icon_word.gif') left 5px no-repeat; }
  ul.downloads li.pdf               { background: url('../images/icon_pdf.gif') left 5px no-repeat; }
  ul.downloads a                    { text-decoration: none; font-weight: bold; }
  ul.downloads a:hover              { text-decoration: underline; }