/*############################################################################*/
/*# WHITE BASIC CSS */

/*###### RESET_CSS (http://developer.yahoo.com/yui/reset/) */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:                      0;
  padding:                     0;
}
table {
  border-collapse:             collapse;
  border-spacing:              0;
}
fieldset,img,a {
  border:                      0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style:                  normal;
  font-weight:                 normal;
}
ol,ul {
  list-style:                  none;
}
caption,th {
  text-align:                  left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:                   100%;
  font-weight:                 normal;
}
q:before,q:after {
  content:                     '';
}
abbr,acronym {
  border:                      0;
}

/*###### /RESET_CSS */
/*###### BASIC STYLES */

body {
  width:                       100%;
  height:                      100%;
  cursor:                      default;
}

.hidden {
  display:                     none;
}
.clear {
  clear:                       both;
}

strong {
  font-weight:                 bold;
}

em {
  font-style:                  italic;
}

a {
  text-decoration:             underline;
  cursor:                      pointer;
  outline:                     none;
}

a:hover {
  text-decoration:             none;
}

ol,ul {
  margin-left:                 12px;
  padding-left:                16px;
}

ol li {
  list-style:                  decimal;
}

ul li {
  list-style:                  square;
}

table td {
  vertical-align:              top;
}

/*###### /BASIC STYLES */

/*# /WHITE BASIC CSS */
/*############################################################################*/
/*# TEMPLATE_CENTERMIDDLE */

body {
  width:                       100%;
  height:                      100%;
  margin:                      0px;
  padding:                     0px;
  font:                        normal 12px arial, sans-serif;
  line-height:                 16px;
  color:                       #000000;
}

div#fullscreen {
  position:                    absolute;
  width:                       100%;
  height:                      100%;
  text-align:                  center;
  background-color:            #F3F4F5 ;
}

div#infullscreen {
  width:                       100%;
  height:                      100%;
  text-align:                  center;
}

div#shim {
  visibility:                  hidden;
  width:                       100%;
  height:                      50%;
  margin:                      0 auto;
  margin-top:                  -278px;
  float:                       left;
}

div#site_holder {
  position:                    static;
  width:                       100%;
  height:                      556px;
  margin:                      0 auto;
  clear:                       both;
  text-align:                  center;
  background:                  #F3F4F5 url('../images/split_bg.png') repeat-x;
}

div#site {
  width:                       952px;
  height:                      556px;
  margin:                      0 auto;
  clear:                       both;
  background:                  #F3F4F5 url('../images/split_site_bg.png') repeat-x;
}

/* ### CONTENT */
div#cards {
  float:                       left;
  width:                       648px;
  height:                      428px;
}

div#cards div.uitzend_holder,
div#cards div.payroll_holder {
  float:                       left;
  width:                       192px;
  height:                      276px;
  margin-top:                  42px;
  padding:                     27px 27px;
  background:                  url('../images/split_cards_bg.png') no-repeat left top;
}

div#cards div.uitzend_holder {
  margin-left:                 37px;
}
div#cards div.payroll_holder {
  margin-left:                 9px;
}

a.uitzend, a.uitzend:hover,
a.payroll, a.payroll:hover {
  display:                     block;
  width:                       192px;
  height:                      276px;
  margin:                      0px;
  text-decoration:             none;
  background:                  red;
}
a.uitzend, a.uitzend:hover {
  background:                  url('http://www.vakwerk.nl/images/split_card_uitzend.gif') no-repeat left top;
}
a.uitzend:hover {
  background:                  url('http://www.vakwerk.nl/images/split_card_uitzend_over.gif') no-repeat left top;
}

a.payroll, a.payroll:hover {
  background:                  url('http://www.vakwerk.nl/images/split_card_payroll.gif') no-repeat left top;
}
a.payroll:hover {
  background:                  url('http://www.vakwerk.nl/images/split_card_payroll_over.gif') no-repeat left top;
}

div#title {
  float:                       left;
  width:                       648px;
  height:                      128px;
}
div#people {
  float:                       right;
  width:                       304px;
  height:                      556px;
}

/* ### FOOTER */
div.footerfixer {
  clear:                       both;
  height:                      20px;
  line-height:                 20px;
}

div#footer {
  width:                       952px;
  height:                      23px;
  margin:                      0 auto;
  margin-top:                  -23px;
  text-align:                  left;
}
div#footer div.footer_text {
  display:                     inline-block;
  float:                       left;
  width:                       420px;
  margin:                      0 auto;
  padding-left:                64px;
  height:                      20px;
  line-height:                 20px;
}
div#footer div.footer_text p {
  text-transform:              uppercase;
  font-weight:                 bold;
  color:                       #ACAFB3;
  letter-spacing:              0.8pt;
}
div#footer div.footer_text a,
div#footer div.footer_text a:hover {
  text-decoration:             none;
  color:                       #ACAFB3;
}

div#footer div#white {
  display:                     inline-block;
  float:                       right;
  width:                       170px;
  height:                      23px;
  margin:                      0 auto;
  padding-right:               16px;
  text-align:                  right;
  font:                        normal 10px verdana,sans-serif;
  line-height:                 23px;
  color:                       #999999;
}
div#footer div#white a, div#footer div#white a:hover {
  color:                       #999999;
  text-decoration:             none;
}
div#footer div#white a:hover {
  text-decoration:             underline;
}
/*# /TEMPLATE_CENTERMIDDLE */
/*############################################################################*/
/*# SNIPPET_NEWS */

/*# /SNIPPET_NEWS */
/*############################################################################*/