@charset "UTF-8";
BODY {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 100%;
  color: #333;
  line-height: 1.4em; }

A {
  color: #0033CC; }
  A:visited {
    color: #AA33CC; }
  A:link {
    color: #224E84; }
  A:visited {
    color: #660066; }
  A:hover {
    color: #2960A3; }
  A.seo {
    text-decoration: none;
    position: relative;
    color: inherit; }
    A.seo:before {
      display: inline-block;
      position: absolute;
      bottom: 1px;
      left: 0;
      width: 100%;
      height: auto;
      z-index: -1;
      content: "";
      border-bottom: 1px solid #999; }
  A.seo:hover {
    text-decoration: underline; }

NAV, footer {
  border-bottom: 1px solid #AAA;
  color: gray;
  padding: 4px;
  /* http://stackoverflow.com/questions/3934693/gradients-in-internet-explorer-9 */
  background-image: linear-gradient(bottom, #f0f0f0 17%, whitesmoke 77%);
  /* Proposed W3C Markup */
  background-image: -o-linear-gradient(bottom, #f0f0f0 17%, whitesmoke 77%);
  /* Opera */
  background-image: -moz-linear-gradient(bottom, #f0f0f0 17%, whitesmoke 77%);
  /* Mozilla Firefox */
  background-image: -webkit-linear-gradient(bottom, #f0f0f0 17%, whitesmoke 77%);
  /* Webkit (Chrome 11+) */
  background-image: -ms-linear-gradient(bottom, #f0f0f0 17%, whitesmoke 77%);
  /* IE10 */
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.17, #f0f0f0), color-stop(0.77, whitesmoke));
  /* Webkit (Safari/Chrome 10) */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F5F5F5', endColorstr='#F0F0F0');
  /*For IE7-8-9*/
  -moz-box-shadow: 0px 1px 5px 0px #AAA;
  -webkit-box-shadow: 0px 1px 5px 0px #AAA;
  box-shadow: 0px 1px 5px 0px #AAA; }

header {
  margin-bottom: 2em; }
  header UL {
    list-style: none;
    margin: 0;
    padding: 0; }
    header UL LI {
      display: inline-block;
      margin-right: 2em; }

BODY > SECTION > H1 {
  display: none; }

.footerContents,
hgroup,
.mainmenu > UL.clean,
BODY > SECTION {
  width: 800px;
  margin-left: auto;
  margin-right: auto; }

H1 {
  margin-bottom: .5em;
  margin-top: 2em; }

UL.clean {
  margin: 0;
  padding: 0;
  list-style-type: none; }

P {
  margin-bottom: .5em; }

P + P {
  margin-top: .5em; }

.opleidingen,
.werkervaring {
  padding-left: 100px; }
  .opleidingen > H1,
  .opleidingen .date,
  .werkervaring > H1,
  .werkervaring .date {
    margin-left: -100px; }
  .opleidingen .date,
  .werkervaring .date {
    width: 100px;
    display: inline-block;
    text-align: left;
    color: #999; }
  .opleidingen UL,
  .werkervaring UL {
    list-style: none; }
    .opleidingen UL LI,
    .werkervaring UL LI {
      margin-bottom: .5em; }

.werkervaring P {
  margin-top: 0;
  margin-bottom: 0; }

.werkervaring > UL > LI {
  margin: 1em 0 1em 0; }

.werkervaring details small {
  margin-left: 1em; }

.software UL,
.technieken UL,
.talen UL {
  margin-left: 1.2em;
  padding-left: 0; }

.opleidingen A + SMALL,
.werkervaring A + SMALL,
.software SMALL,
.technieken SMALL {
  margin-left: 1em; }

SMALL {
  color: #666; }
  SMALL A:link {
    color: #666; }
  SMALL A:visited {
    color: #999; }

NAV .selected A {
  font-weight: bold;
  text-decoration: none; }

NAV A, NAV A:visited {
  text-decoration: none;
  color: #666; }

NAV A:hover {
  text-decoration: underline; }

body {
  background: #F8F8F8; }

#home > section > section {
  padding: 10px 10px 10px 130px;
  background: white;
  min-height: 100px;
  margin-bottom: 1em;
  margin-top: .5em; }

#home > section > section > IMG {
  margin-left: -120px;
  float: left; }

header hgroup {
  margin: 3em auto 3em auto; }

header hgroup h1 {
  margin-bottom: 0;
  margin-top: 0; }

header hgroup h2 {
  font-size: 80%;
  margin-top: 0;
  margin-bottom: 0; }

LI.details {
  list-style-type: none; }

LI.details summary {
  margin-left: -2em; }

LI.details details LI {
  list-style-type: disc; }

.taal {
  width: 100px;
  display: inline-block; }

details summary small {
  color: gray; }

.vcard .country-name, .vcard .photo {
  display: none; }

.vcard .url, .vcard .tags {
  float: left;
  margin-right: 1em; }

.vcard .adr {
  display: none; }

.hcardLink > IMG {
  float: left;
  margin-right: 1em; }

.vcard A {
  color: inherit;
  text-decoration: none; }

.vcard {
  display: inline; }

.plusone {
  display: inline; }

footer {
  height: 1em;
  margin-bottom: 3.5em;
  margin-top: 3em; }

footer IMG {
  border: 0 none; }

/* <details> and <summary> are block level elements */
details, summary {
  display: block; }

/* The following styles will only get applied if JavaScript is enabled and <details> is not natively supported */
.no-details summary:before {
  content: url(../images/details.png);
  margin-right: .5em; }

.no-details details.open summary:before {
  content: "";
  content: url(../images/detailsOpen.png);
  margin-right: .5em; }

/* Add focus styles (for keyboard accessibility) */
/* The following styles are not really needed, since the jQuery script takes care of hiding/displaying the elements. */
/* However, we’re still gonna use CSS as well to prevent FOUC in browsers that understand these selectors. */
/* Remember: by default (and probably most of the time), the contents of the <details> element are hidden. */
/* Hide all direct descendants of every <details> element */
/* Note that IE6 doesn’t support the child selector; we’ll work around that using jQuery later */
.no-details details > * {
  display: none; }

/* Make sure summary remains visible */
.no-details details summary {
  display: block; }

/* Apply a pointer cursor upon hover to indicate it’s a clickable element. These styles can be applied regardless of whether the fallback is needed */
summary {
  cursor: pointer; }

details + details {
  margin-top: 1em; }

details {
  padding-left: 1em; }

details > summary {
  margin-left: -1em; }

details > h1 {
  margin-top: .5em;
  font-size: 100%; }

/* Lingo */
.lingo #word {
  margin: 0px; }

.lingo #word TD {
  border: 1px solid #CCC;
  width: 18px;
  height: 18px;
  text-align: center;
  background: #DCF5EB;
  font-weight: bold;
  font-size: larger;
  color: black; }

.lingo #word TD.ok {
  background: #9CE6C8;
  border-color: #65E6B2; }

.lingo #oplossing {
  visibility: hidden; }

/* Kubekone */
.kubekone {
  border: 1px solid #CCC;
  width: 102px; }

.kubekone IMG {
  display: block; }

.kubekone TD {
  padding: 0; }

.kubekone THEAD TH {
  border-bottom: 1px solid #CCC;
  background-color: #EEE; }

.kubekone-none TBODY TD {
  padding: 4px; }

.kubekone-none .kubekone-keuze1, .kubekone-none .kubekone-keuze2 {
  height: auto;
  width: auto; }

.kubekone-horizontaal .kubekone-main {
  border-bottom: 2px solid #CCC; }

.kubekone-horizontaal .kubekone-keuze1 {
  border-right: 2px solid #CCC; }

.kubekone-verticaal .kubekone-main {
  border-right: 2px solid #CCC; }

.kubekone-verticaal .kubekone-keuze1 {
  border-bottom: 2px solid #CCC; }

.kubekone-keuze1, .kubekone-keuze2 {
  height: 50px;
  width: 50px; }

.kubekone-id1 .kubekone-keuze1 {
  background-image: url(../gadgets/kubekone/kubekone/S01a.png);
  cursor: pointer; }

.kubekone-id1 .kubekone-keuze1:hover {
  background-image: url(../gadgets/kubekone/kubekone/S01a_over.png); }

.kubekone-id1 .kubekone-keuze2 {
  background-image: url(../gadgets/kubekone/kubekone/S01b.png);
  cursor: pointer; }

.kubekone-id1 .kubekone-keuze2:hover {
  background-image: url(../gadgets/kubekone/kubekone/S01b_over.png); }

.kubekone-id2 .kubekone-keuze1 {
  background-image: url(../gadgets/kubekone/kubekone/S02a.png);
  cursor: pointer; }

.kubekone-id2 .kubekone-keuze1:hover {
  background-image: url(../gadgets/kubekone/kubekone/S02a_over.png); }

.kubekone-id2 .kubekone-keuze2 {
  background-image: url(../gadgets/kubekone/kubekone/S02b.png);
  cursor: pointer; }

.kubekone-id2 .kubekone-keuze2:hover {
  background-image: url(../gadgets/kubekone/kubekone/S02b_over.png); }

.kubekone-id3 .kubekone-keuze1 {
  background-image: url(../gadgets/kubekone/kubekone/S03a.png);
  cursor: pointer; }

.kubekone-id3 .kubekone-keuze1:hover {
  background-image: url(../gadgets/kubekone/kubekone/S03a_over.png); }

.kubekone-id3 .kubekone-keuze2 {
  background-image: url(../gadgets/kubekone/kubekone/S03b.png);
  cursor: pointer; }

.kubekone-id3 .kubekone-keuze2:hover {
  background-image: url(../gadgets/kubekone/kubekone/S03b_over.png); }

/*# sourceMappingURL=bram.css.map */