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

/*#############################################################################
# Default CSS
#############################################################################*/
html, body {
  width:                       100%;
  height:                      100%;
  font:                        normal 12px verdana, sans-serif;
  line-height:                 14px;
  color:                       #000000;
  text-align:                  left;
  cursor:                      default;
  background:                  #FFFFFF url('../images/site_bg.gif') repeat-x left top;
}

h1 {
  margin:                      0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   18px;
  line-height:                 22px;
  color:                       #0082C8;
}

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

h3 {
  margin:                      0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   14px;
  color:                       #0082C8;
}

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

h5 {
  margin:                      0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   12px;
  color:                       #0082C8;
}

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

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

p {
  margin-top:                  16px;
}

p.color {
  margin-bottom:               16px;
  padding:                     8px 0;
  color:                       #009EE0;
  border-top:                  1px solid #0082C8;
  border-bottom:               1px solid #0082C8;
}

strong {
  font-weight:                 bold;
}

em {
  font-style:                  italic;
}

small {
  color:                       #009EE0;
}

a {
  color:                       #009EE0;
  text-decoration:             underline;
  cursor:                      pointer;
}

a:hover {
  color:                       #009EE0;
  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;
}

table.table td {
  padding-right:               20px;
}

/*#############################################################################
# Company CSS
#############################################################################*/
div#site {
  width:                       899px;
  margin:                      0 auto;
  padding:                     330px 0 0;
  text-align:                  left;
}

div#content {
  width:                       485px;
  margin:                      12px auto;
  padding-bottom:              20px;
}

div#leftside {
  position:                    absolute;
  top:                         330px;
  width:                       176px;
}

div#rightside {
  position:                    absolute;
  top:                         330px;
  width:                       176px;
  margin:                      0 0 0 724px;
}

div.side {
  margin:                      0 0 12px;
  padding:                     0 0 14px;
  background:                  url('../images/side_bottom.gif') no-repeat left bottom;
}
div.side div.sidetop {
  line-height:                 1px;
  text-align:                  center;
}
div.side div.sidemiddle {
  padding:                     8px 16px 4px;
  font-size:                   10px;
  border:                      1px solid #0082C8;
  border-width:                0 1px;
}
div#menu div.sidemiddle {
  padding:                     0px;
}
div#menu ul {
  width:                       174px;
  margin:                      0px;
  padding:                     0px;
  font-size:                   12px;
  font-weight:                 bold;
  line-height:                 22px;
}
div#menu ul li {
  height:                      23px;
  margin:                      0px;
  padding:                     0px;
  list-style-type:             none;
  background:                  url('../images/menu_bg.gif') no-repeat left bottom;
}
div#menu ul li a {
  display:                     block;
  padding:                     0 0 0 36px;
  text-decoration:             none;
  color:                       #737477;
}
div#menu ul li a.selected,
div#menu ul li a:hover {
  text-decoration:             none;
  color:                       #000000;
  background:                  url('../images/menu_hover.gif') no-repeat 5px center;
}
div#geslaagd div.sidemiddle {
  font-size:                   10px;
  font-weight:                 bold;
  color:                       #0082C8;
  line-height:                 12px;
}
div#geslaagd div.sidemiddle img {
  float:                       left;
  clear:                       both;
}
div#geslaagd div.sidemiddle span {
  display:                     block;
  float:                       right;
  width:                       112px;
}
div#geslaagd div.sidemiddle div {
  clear:                       both;
  text-align:                  center;
  color:                       #737477;
}
div#geslaagd div.sidemiddle div a {
  text-decoration:             none;
  color:                       #737477;
}
div#geslaagd div.sidemiddle div a:hover {
  text-decoration:             none;
  font-weight:                 bold;
  color:                       #000000;
}

div#header {
  position:                    absolute;
  top:                         0px;
  height:                      318px;
}
div#header img#logo {
  display:                     block;
  margin-top:                  51px;
}
div#header img#headerlogo {
  position:                    absolute;
  top:                         12px;
  margin-left:                 690px;
}
div#header ul#headerimage {
  display:                     block;
  width:                       895px;
  height:                      168px;
  margin:                      0px;
  padding:                     0px;
  text-align:                  left;
  border:                      2px solid #FFFFFF;
  border-width:                0 2px;
}
div#header ul#headerimage li {
  position:                    absolute;
  float:                       left;
  margin:                      0px;
  padding:                     0px;
  list-style-type:             none;
}
div#header ul#headerimage img {
  vertical-align:              middle;
}

/*###########################################################################*/