/*
 *  psd2css.css
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles that you
 *  are using in your page.  If you are going to create multiple pages from the same
 *  PSD file (like a template), you will share this CSS style sheet between the various
 *  pages.
 *
 *  This file was originally generated at http://psd2cssonline.com 
 *  January 31, 2013, 2:38 pm with psd2css Online version 1.95
 *
 */

body {
  font-family: Times; Sans-serif;

  font-size: 3;
  color: #474747;
}



/* You named this layer _center */
#Layer-1 {
  position: absolute;
  margin-left: -500px;
  left: 50%;
  top: +0px;

  z-index: 1;
}

/* You named this layer logo */
#Layer-2 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 300px;
  height: 133px;
  z-index: 2;
}

/* You named this layer taal */
#Layer-3 {
  position: absolute;
  left: 725px;
  top: 45px;
  width: 265px;
  height: 34px;
  z-index: 3;
}

/* You named this layer buttons */
#Layer-4 {
  position: absolute;
  left: 237px;
  top: 122px;
  width: 753px;
  height: 52px;
  z-index: 4;
}

/* You named this layer blauwvlak-foto */
#Layer-5 {
  position: absolute;
  left: 0px;
  top: 222px;
  width: 367px;
  height: 85px;
  z-index: 5;
}

/* You named this layer grijsvlak-foto */
#Layer-6 {
  position: absolute;
  left: 20px;
  top: 330px;
  width: 280px;
  height: 70px;
  z-index: 6;
}



/* You named this layer grijsvlak-foto */
#Layer-6a {
  position: absolute;
  left: 270px;
  top: 260px;
  width: 658px;
  height: 70px;
  z-index: 9;
}





/* You named this layer welkomtekst */
#Layer-7 {
  position: absolute;
  left: 110px;
  top: 520px;
  width: 360px;
  height: 300px;
  z-index: 7;
}



/* You named this layer content */
#Layer-13 {
  position: absolute;
  left: 40px;
  top: 528px;
  width: 900px;
  height: 400px;
  z-index: 14;
}





/* You named this layer vragentekst */
#Layer-8 {
  position: absolute;
  left: 700px;
  top: 471px;
  width: 225px;
  height: 381px;
  z-index: 8;
}

/* You named this layer contactinfo */
#Layer-9 {
  position: absolute;
  left: 112px;
  top: 858px;
  width: 249px;
  height: 301px;
  z-index: 9;
}

/* You named this layer juridisch */
#Layer-10 {
  position: absolute;
  left: 320px;
  top: 858px;
  width: 240px;
  height: 301px;
  z-index: 10;
}

/* You named this layer diensten */
#Layer-11 {
  position: absolute;
  left: 686px;
  top: 858px;
  width: 289px;
  height: 301px;
  z-index: 11;
}

/* You named this layer footer */
#Layer-12 {
  position: absolute;
  left: 0px;
  top: 950px;
  width: 1024px;
  height: 90px;
  z-index: 12;
  background-color: #b8b8b8
}


/* You named this layer footer1 */
#Layer-14 {
  position: absolute;
  left: 10px;
  top: 1095px;
  width: 1024px;
  height: 106px;
  z-index: 13;
  background-color: #b8b8b8
}




/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a {
  cursor: pointer;
  outline: none;
}
a:link { color: #474747; text-decoration: none;  }
a:visited { color: #474747; }
a:hover { color: #009fe0; }
a:active { color: #009fe0; }

  }