/* Algemene styles
 * ---------------------------------------------------------- */
html { background: #ffffff url('../images/htmlbg.gif') repeat-x; height: 100%; }
body { font: 11px Arial; margin: 0px auto; height: 100%; }
a, input { outline: none; }


/* Container
 * ---------------------------------------------------------- */
 .Container { position: relative; width: 987px; margin: 0px auto; }


 /* Box left
 * ---------------------------------------------------------- */
 .BoxLeft { float: left; width: 554px; }
 .BoxLeft .Logo { display: block; border: 0px; }
 .BoxLeft h1 { display: block; height: 61px; font: 36px lucida sans; font-weight: bold; color: #ffffff; margin: 32px 0px 0px 16px; padding: 0px; }
 
 
/* Kruimelpad
 * ---------------------------------------------------------- */
 .Kruimelpad { display: block; margin: 21px 0px 0px 16px; }
 .Kruimelpad a { font: 11px lucida sans; color: #0060ff; text-decoration: underline; margin-right: 5px; }
 .Kruimelpad a:hover { text-decoration: none; }
 .Kruimelpad .Bold { font: 11px lucida sans; font-weight: bold; color: #4c4c4c; margin-left: 5px; }
 
 
/* Intro
 * ---------------------------------------------------------- */
 .Intro { display: block; width: 554px; margin-top: 15px; }
 .Intro p { display: block; font: 12px lucida sans; color: #8b8b8b; line-height: 22px; padding: 10px 16px 5px 16px; margin: 0px; border-left: 1px solid #dfe2e5; border-right: 1px solid #dfe2e5; }
 .Intro a { font: 11px lucida sans; font-weight: bold; color: #0060ff; text-decoration: underline; }
 .Intro a:hover { text-decoration: none; }
 .Intro .Bottom { display: block; margin: 0px; padding: 0px;  }
 
 
 /* Griep test
 * ---------------------------------------------------------- */
 .GriepTest { display: block; width: 554px; font: 12px lucida sans; color: #000000; margin-top: 15px; }
 .GriepTest h2 { display: block; width: 538px; height: 37px; font: 22px lucida sans; font-weight: bold; color: #07415a; padding: 15px 0px 0px 16px; margin: 0px; background: url('../images/c-top2.gif') no-repeat; }
 .GriepTest .Nr { font: 12px lucida sans; font-weight: bold; color: #30b3eb; }
 
 .GriepTest form { width: 554px; padding: 0px; margin: 0px; background: #e4f6fd url('../images/c-bg.gif') repeat-y; }
 .GriepTest fieldset { border: 0px; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 16px; }
 .GriepTest p { border: 0px; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 16px; }
 .GriepTest p a, .GriepTest fieldset a { color: #000; text-decoration: underline; }
 .GriepTest ul { float: left; width: 210px; padding: 10px 0px 0px 0px; margin: 0px; }
 .GriepTest li { display: block; list-style: none; padding: 5px 0px 5px 0px; margin-left: 16px; }
 .GriepTest ul.large { width: 420px; }
 
 .GriepTest .Lijn { display: block; padding: 10px 0px 10px 0px; }
 .GriepTest .Button { margin-left: 88px; }
 .GriepTest .Bottom { display: block; margin: 0px; padding: 0px;  }
 
 
  /* Content
 * ---------------------------------------------------------- */
 .Content { display: block; width: 554px; font: 12px lucida sans; color: #000000; margin-top: 15px; }
 .Content h2 { display: block; width: 538px; height: 37px; font: 22px lucida sans; font-weight: bold; color: #a1bd00; padding: 15px 0px 0px 16px; margin: 0px; background: url('../images/c-top.gif') no-repeat; }
 .Content p { display: block; font: 12px lucida sans; color: #606060; line-height: 22px; padding: 10px 16px 5px 16px; margin: 0px; border-left: 1px solid #dfe2e5; border-right: 1px solid #dfe2e5; }
 .Content a { font: 12px lucida sans; color: #0060ff; text-decoration: underline; }
 .Content a:hover { text-decoration: none; }
 .Content .Meer { font: 12px lucida sans; color: #0060ff; text-decoration: underline; margin-left: 430px; }
 .Content .Meer:hover { text-decoration: none; }
 .Content .Bottom { display: block; margin: 0px; padding: 0px;  }
 
 
 
  /* Box right
 * ---------------------------------------------------------- */
 .BoxRight { float: right; width: 425px; }
 .BoxRight .Dokter { width: 425px; height: 360px; margin-left: 3px; background: url('../images/dokter.png') no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='image', src='../images/dokter.png') }
 .BoxRight .Start { border: 0px; margin: 176px 0px 0px 240px; }
 .BoxRight .Border { outline:none; }
 
 
   /* Menu
 * ---------------------------------------------------------- */
 .Menu { width: 315px; height: 208px; margin-left: 12px; padding: 0px; background: url('../images/menu-bg.gif') no-repeat; }
 
 .Menu ul { margin: 0px; padding: 0px; }
 .Menu li { list-style: none; margin: 0px 0px 0px 20px; padding: 0px; }
 .Menu a { font: 14px lucida sans; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 42px; }
 .Menu a:hover { text-decoration: underline; }
 
 .Menu .Pic { margin: 0px; padding: 0px; margin-top: -2px; }
 
 .Pic {  margin: -2px 0px 0px 12px; }
 
/* Artikelen
 * ---------------------------------------------------------- */
 .Artikelen { width: 315px; margin: 8px 0px 0px 12px; }
 .Artikelen h3 { display: block; width: 299px; height: 37px; font: 14px lucida sans; font-weight: bold; color: #ffffff; padding: 11px 0px 0px 16px; margin: 0px; background: url('../images/kopje.gif') no-repeat; }
 
 .Artikelen ul { margin: 0px; padding: 0px; background: #ecdaef url('../images/kopje-bottom.gif') no-repeat bottom left; }
 .Artikelen li { list-style: none; margin-left: 20px; padding: 0px; }
 .Artikelen a { font: 11px lucida sans; color: #7d0996; text-decoration: none; line-height: 32px; }
 .Artikelen a:hover { text-decoration: underline; }
 
 .Artikelen .Meer { text-align: right; list-style: none; margin: 0px 0px 0px 20px; padding-right: 10px; color: #0060ff; }
 
  
/* Footer
 * ---------------------------------------------------------- */
 .Footer { float: left; width: 887px; border-top: 1px solid #dfe2e5; padding-top: 10px; margin-bottom: 10px; }
 .Footer a { font: 11px lucida sans; color: #5a5a5a; text-decoration: none; }
 .Footer a:hover { text-decoration: underline; color: #e51198; }
 .Footer .Marg { margin: 0px 20px 0px 20px; }
 .Footer .MenuF { float: left; }
 .Footer .Copy { float: right; font: 11px lucida sans; color: #5a5a5a; }
