/*
 * Reset all CSS values
 * http://meyerweb.com/eric/tools/css/reset/index.html
 * v1.0 | 20080212
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 11px;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 
 * Main body and table defenitions
 */
html, body { height: 100%; width: 100%; background: rgb(220,226,130) url(../images/background.png) no-repeat top left; }

/*
 * Main div definitions (display inline fixes IE double margin bug)
 */
div#main                          { width: 1050px; margin: 0 auto; }
div#main div#header               { height: 206px; background: url(../images/header.png) no-repeat; position: relative; }
div#main div#header div#subheader { height: 44px; margin-top: 15px; padding-right: 230px; }
div#main div#middle               { background: #FFF url(../images/background.middle.png) no-repeat top right; overflow: auto; height: 100%; }
div#main div#middle div#menu      { width: 274px; float: left; padding-bottom: 40px; }
div#main div#middle div#content   { margin: 0; padding-bottom: 20px; float: left; width: 755px; }

div#header a.logo { position: absolute; top: 2px; left: 36px; }

/* Making the footer stick to the bottom =] */
div#main        { min-height: 100%; }
* html div#main { height: 100%; }
div#footer      { position: relative; margin-top: -40px; }

div.clear { clear: both; }

/*
 * Wait and error screen container
 */
div#messageContainer { width: 400px; margin: 0 auto; }

/*
 * Crumblepad
 */
div.crumbs {
  width: 350px;
}

/*
 * FlashHeader
 */
div#FlashHeader { height: 150px; background: #CDCDCD; }

/*
 * Content module
 */
div#contentModule { width: 525px; background: rgb(255,255,204); padding: 10px; overflow: auto; margin: 10px 0; }
div#contentModule div.sub { float: left; }
div#contentModule div.noLeft { float: left; width: 350px;}

div.contentMenu { margin-top: 20px; }

div.blokjes-rechts { float: right; margin: 1em 0; width: 180px; }

/*
 * Form module
 */
div.form { background: #FFFFCC; padding-bottom: 20px; }

div.homepage div.content-block { background: #FFFFCD; padding: 10px; margin: 10px 0 0 0; }