/*############################################################################*/
/*# 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;
}


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 */
/*############################################################################*/
/*# SITE BASIC CSS */

body {
  font:                        normal 12px verdana, sans-serif;
  line-height:                 16px;
  color:                       #000000;
}

h1 {
  margin:                      0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   16px;
}

  h1.personeel {
    width:                     354px;
    height:                    36px;
    background:                url('../images/h1_personeel.jpg') no-repeat;
    text-indent:               -9000px;
  }
  h1.transport {
    width:                     354px;
    height:                    36px;
    background:                url('../images/h1_transport.jpg') no-repeat;
    text-indent:               -9000px;
  }

h2 {
  margin:                      0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   14px;
}

h3 {
  margin:                      0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   12px;
}

h4 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   16px;
}

h5 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   14px;
}

h6 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   12px;
}

hr {
  width:                       100%;
  height:                      1px;
  border:                      0px;
  border-top:                  1px solid #009EE0;
}

p {
  margin-top:                  9px;
  line-height:                 20px;
  height:                      110px;
}

a {
  color:                       #666666;
}

/*# /SITE BASIC CSS */
/*############################################################################*/
/*# TEMPLATE CSS */

body {
  width:                       100%;
  height:                      100%;
  margin:                      0px;
  padding:                     0px;
  font:                        normal 12px verdana,arial
}

img.shadow { /* The image inside must be 271px width and 148px height */
  padding:                     15px 17px 17px 18px;
  background:                  url('../images/img_shadow_background.jpg') no-repeat;
}

span.personeel,
span.transport {
  display:                     block;
  margin:                      0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   14px;
  width:                       305px;
  height:                      34px;
  text-indent:                 -9000px;
}

  span.personeel {
    background:                url('../images/span_personeel.jpg') no-repeat;

  }
  span.transport {
    background:                url('../images/span_transport.jpg') no-repeat;
  }

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

div#site {
  width:                       930px;
  min-height:                  100%;
  margin:                      0 auto;
  text-align:                  left;
}

div#header {
  width:                       930px;
  height:                      186px;
  background:                  url('../images/header_top.jpg') no-repeat;
}

  div#header a {
    display:                   block;
    width:                     188px;
    height:                    121px;
    margin:                    0 auto;
  }

/* ## DEFINE LOCATIONS OF THE THREE BARS */
div#bar_left {
  float:                       left;
  width:                       429px;
  margin-top:                  -7px;
}

  div#bar_left h1,
  div#bar_left p {
    margin-left:               75px;
  }

div#bar_right {
  float:                       left;
  width:                       429px;
  margin-top:                  -7px;
}

div#bar_left p,
div#bar_right p {
  width:                       354px;
  height:                      103px;
  text-align:                  justify;
}

div#bar_mid {
  float:                       left;
  width:                       72px;
  margin-top:                  -7px;
  padding-top:                 160px;
}

/* ### Box left part */
div#box_left_arrow,
div#box_left_image {
  float:                       left;
  height:                      220px;
}
  div#box_left_arrow {
    width:                     101px;
  }
  div#box_left_image {
    width:                     304px;
  }

/* ### Box right part */
div#box_right_arrow,
div#box_right_image {
  float:                       left;
  height:                      220px;
}
  div#box_right_arrow {
    width:                     101px;
  }
  div#box_right_image {
    width:                     304px;
    padding-left:               22px;
  }



div.footerfixer {
  clear:                       both;
  line-height:                 18px;
}

div#footer {
  clear:                       both;
  width:                       100%;
  height:                      43px;
  line-height:                 18px;
  margin:                      -43px auto 0px auto;
  width:                       930px;
  font-size:                   11px
}

  div.footer_top {
    text-align:                left;
    width:                     100%;
    border-bottom:             1px solid #f36f21;
    padding-left:               10px;
    color:                     #8e8fab;
  }
  div.footer_top a {
    color:                     #8e8fab;
    text-decoration:           none;
  }
  div.footer_top a:hover {
    text-decoration:           underline;
  }

  div.footer_bottom {
    padding-right:             10px;
    text-align:                right;
    color:                     #cbcbcb;
  }
  div.footer_bottom a {
    color:                     #cbcbcb;
    text-decoration:           none;
  }
  div.footer_bottom a:hover {
    text-decoration:           underline;
  }

/*# /TEMPLATE CSS */
/*############################################################################*/