@media all {
  body, td                                { font: 11px/16px Verdana; color: #000000 }
  body                                    { background-color: #f6f6f6; margin: 5px 0px 0px; }
  form.form                               { margin: 5px 3px 5px 7px; }
  form, img                               { margin: 0px; padding:0px; }

  p                                       { margin: 0px 0px 10px }
  h2                                      { font: bold italic 18px Verdana; color:#FC7700; margin: 2px 0px; padding:0px }
  h5                                      { font-size: 12px; font-weight:bold; margin: 4px 0px; padding:0px }

  /* FORMS */
  form.form, form.form td                 { font-size: 11px; line-height:14px }
  form.form td                            { border-bottom: 1px solid #cccccc; padding: 0px 0px 1px }
  form.form h4                            { background-color: #ff8507;
                                            height: 20px; color: white ! important; font-weight: bold;
                                            text-align: left; font-family: Verdana, Arial, Helvetica, Sans Serif, Sans;
                                            font-size: 12px; line-height: 12px; padding: 3px 5px 0px;
                                          }

  span.required                           { font-weight: bold; color: #ff6e00 }
  div.required                            { padding: 4px 0px }


  form.form input.txt,
  form.form input.file,
  form.form select,
  form.form input.naam,
  form.form input.pc,
  form.form input.woonpl,
  form.form input.file,
  form.form textarea.txtarea              { border: 1px solid #999999; background-color: white; margin: 2px 0px 0px 2px; font-size: 11px;
                                            width:220px
                                          }
  form.form textarea.txtarea              { height: 40px }
  form.form select.sex                    { width: 60px }
  form.form input.naam                    { width: 154px }
  form.form input.pc                      { width: 70px }
  form.form input.woonpl                  { width: 147px }
/*
  form.form input.txt                     { width: 190px }
  form.form input.pc                      { width: 60px }
  form.form input.woonpl                  { width: 127px }
  form.form textarea.txtarea              { width: 190px; height: 40px }
  form.form input.naam                    { width: 126px }
  form.form select.aanhef                 { width: 56px }
  form.form select.sel                    { width: 190px }
  form.form select.sex                    { width: 57px }
  form.form select.date                   { width: 61px }
  form.form input.subres                  { font-size: 10px }
*/
  form.form input.subres                  { background-color: #ff8507; color: white; font-weight: bold; border: none }

  form.form input.checkbox                { vertical-align: middle }
  form.form input.radio                   { vertical-align: middle }
  form.form div.formheader                { text-align: right; width:154px;float: left; margin-top:4px }
  form.form div.formheaderlos             { text-align: right; padding-right:196px }
  form.searchbox input                    { font: 10px Verdana; color: #666666 }
  form.searchbox select                   { font: 10px Verdana; }
  form.searchbox input.textbox            { margin-bottom: 4px; border: 1px solid #cccccc; width: 100px }

  a, a:visited                            { color: #FC7700; text-decoration: none }
  a:hover                                 { text-decoration: underline }

  div.nieuwsbrieven                       { background-color: white; margin: 15px 5px 1px 5px; padding: 3px 6px; height: 326px; overflow: auto; }
  div.vacatures                           { background-color: white; margin: 15px 5px 1px 5px; padding: 3px 6px; height: 463px; overflow: auto; }
  div.vacatures a,
  div.vacatures a:visited,
  div.nieuwsbrieven a,
  div.nieuwsbrieven a:visited             { color: #072b61; text-decoration: none }

  div.vacatures h2                        { font: bold 20px Arial Narrow, Arial; color:#EF047E; margin:0px }
  div.vacatures h3                        { font: bold 12px Arial; color:#072b61; margin:0px }
  div.vacatures h4                        { font: bold 12px Arial; color:#072b61; margin:10px 0px 0px 0px }
  div.vacatures h5                        { font: normal 11px Arial; color:#072b61; margin:0px 0px 10px 0px }
  div.vacatures a:hover                   { text-decoration: underline; color:#072b61; }

  div.nieuwsbrieven h2                    { font: bold 20px Arial Narrow, Arial; color:#EF047E; margin:0px }
  div.nieuwsbrieven h3                    { font: bold 12px Arial; color:#072b61; margin:0px }
  div.nieuwsbrieven h4                    { font: bold 12px Arial; color:#072b61; margin:10px 0px 0px 0px }
  div.nieuwsbrieven h5                    { font: normal 11px Arial; color:#072b61; margin:0px 0px 10px 0px }
  div.nieuwsbrieven a:hover               { text-decoration: underline; color:#072b61; }

  div.nieuwsbrieven a.btn                 { display: block; width:100px; padding: 1px; margin-top: 10px; text-decoration: none; background-color: #ff8507; color: white ! important; font-weight: bold }
  div.nieuwsbrieven a.btn:hover           { background-color: #ffb91d; text-decoration: none; color: white }

  /* Search results */

  div.searchresults                       { width:100%; height:100%; overflow:auto; background-color:white; }
  table.searchresults                     { background-color: #ffffff; border: 10px solid white }
  table.searchresults td.odd              { background-color: #eeeeee; padding:4px }
  table.searchresults td.even             { background-color: #f6f6f6; padding:4px }
  table.searchresults td a,
  table.searchresults td a:visited        { color: #000000 }
  table.searchresults td a:hover          { color: #FC7700 }
  table.searchresults th                  { font: bold 14px Verdana; color: #666666; text-align: center }

  /*  Horizontal Dynamic Drop Down Menu */
  div.hdmenu                              { position: relative; z-index: 50 }
  div.hdmenu div                          { position: absolute;
                                            font: 12px/16px Arial;
                                            text-align: left;
                                            padding: 5px;
                                            display: none;
                                            background-color: #FC7700;
                                            border: none;
                                            z-index: 100
                                          }
  div.hdmenu HR                           { width: 140px; height: 1px; border: none; background-color: #ffffff; color: #ffffff } }
  div.hdmenu div a,
  div.hdmenu div a:visited                { color: #FFFFFF; text-decoration: none }
  div.hdmenu div a:hover                  { text-decoration: underline }

  div.hdmenu div#hmenu0                   { left: 96px; top: 0px }
  div.hdmenu div#hmenu1                   { left: 318px; top: 0px }

  td.nav                                  { background: url('../img/white.gif') repeat-x #e0e0e0 }
  td.contentcenter                        { background: url('../img/white.gif') repeat-x #e0e0e0 }
  #tdlist, td.contentleft                 { padding: 5px 0px 5px 0px }
  #tdcontent, td.contentright             { padding: 5px 0px 5px 0px }
  div.testimonials                        { padding: 5px; width:100%;background-color: #FC7700; color: white; font:italic bold 12px Verdana; margin-top:20px }
  div.testimonials a                      { color: white; font-size:11px; font-weight: normal; font-style: normal }

  ul.orangesquare                         { list-style-image: url('../img/list-square.gif');
                                            margin-left: 10px;
                                            margin-top: 10px;
                                            padding-left: 10px;
                                            font: bold 11px/16px Verdana;
                                            color: #072b61
                                          }
  ul.searchresult                         { list-style-image: url('../img/list-square.gif');
                                            margin: 0px 0px 0px 10px;
                                            padding-left: 10px
                                          }
  /* testimonials index */
  td.contentindex           { padding: 0 10px 0 20px; font: 14px/18px Arial, Helvetica, Verdana }
  td.contentindex H3        { padding: 0; margin: 10px 0; font-size: 14px }
  td.contentindex A,
  td.contentindex A:visited { color: #293894; text-decoration: none }
  td.contentindex A:hover   { color: #FC7700; text-decoration: none }

  div.contact      { background-color: white; margin: 15px 5px 1px 5px; padding: 3px 12px }

}

@media print {
  body                                    { background-color: white }
  table.outer                             { width: 100%; height: 100% }
  form,
  .noprint,
  #tdlist,
  td.nav                                  { display: none }
  td.contentcenter                        { background-color: white }
  td.contentcenter img                    { display: inline }
  td.contentleft                          { padding-right: 40px }
  td.contentright                         { padding-left: 10px }
  div.vacatures,
  div.nieuwsbrieven                       { overflow: visible }
}