/* CSS Document */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, p, blockquote, th, td
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 { font-size : 100%; }

/* Removes list-style from lists */
ol, ul { list-style: none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, th, var
{ font-style : normal; font-weight: normal; }

/* Removes border-style and spacing for tables */
table { border-collapse : collapse; border-spacing: 0; }

/* Removes border from fieldset and img */
fieldset, img { border : 0; }

/* Left-aligns text in caption and th */
caption, th { text-align : left; }

/* Removes quotations marks from q */
q:before, q:after { content :'';}

html {
  background: #f1f1f1 url('/images/html_bg.png') repeat-x top left;
  font-size: 62.5%;
}

body {
  width: 978px;
  margin: 0 auto;
  font-size: 1em;
  font-family: 'Arial', 'Helvetica', 'Verdana', sans-serif;
}

#header {
  height: 78px;
  padding: 0 74px;
  background: url('/images/header_bg.png') no-repeat top center;
}

#container {
  width: 830px;
  padding: 0 74px;
  float: left;
  background: url('/images/body_bg.png') repeat-y top center;
}

#footer {
  clear: both;
  height: 70px;
  padding: 45px 38px;
  background: url('/images/footer_bg.png') no-repeat top center;
  font-size: 1.1em;
  letter-spacing: 0.05em;
  text-align: center;
}


/*---
  HEADER
---*/

#header {
  position: relative;
}

#header a {
  position: absolute;
  left: 40px;
}


/*---
  NAVIGATION
---*/

#nav {
  width: 830px;
  height: 70px;
}

#nav ul {
  padding: 6px 0 0 300px;
}

#nav ul li {
  float: left;
  font-size: 1.5em;
  letter-spacing: 0.15em;
  padding-right: 0.75em;
  color: #f9dc00;
}

#nav ul li a:link,
#nav ul li a:visited {
  text-decoration: none;
  color: #000;
  margin-right: 0.5em;
}

#nav ul li a:hover {
  text-decoration: underline;
}

#nav ul li.active a:link,
#nav ul li.active a:visited {
  font-weight: bold;
}

/*---
  SIDEBAR
---*/

#sidebar1  {
  width: 270px;
  padding-right: 30px;
  margin-right: -300px;
  float: left;
  clear: left;
}


/*---
  FOOTER
---*/
#footer a:link,
#footer a:visited {
  color: #000;
  text-decoration: none;
}

#footer a:hover {
  color: #666;
}

#footer #webmaster {
  float: right;
  font-size: 9px;
  color: #aaa;
  padding: 20px 7px;
}

#footer #webmaster a:link,
#footer #webmaster a:visited {
  color: #888;
  text-decoration: none;
}

#footer #webmaster a:hover {
  color: #000;
}


/*---
  MAIN CONTENT
---*/

#mainContent {
  padding-left: 300px;
}

#mainContent h1 {
  font-size: 2em;
  font-weight: bold;
  padding-bottom: .5em;
}
#mainContent h2 {
  font-size: 1.7em;
  font-weight: normal;
  padding-bottom: .2em;
}
#mainContent h3 {
  font-size: 1.3em;
  font-weight: bold;
}
#mainContent p,
#mainContent ul,
#mainContent ol {
  font-size: 1.2em;
  line-height: 1.5em;
  padding-bottom: 1em;
}

#mainContent ul {
  list-style: square;
  padding-left: 20px;
}

#mainContent ol {
  list-style: decimal;
  padding-left: 20px;
}


/*---
  REALISATIES
---*/

#container ul#realisaties li h3 {
  font-size: 1.3em;
  font-weight: bold;
  padding: 10px 0;
}

#container ul#realisaties li {
  clear: left;
}
#container ul#realisaties li ul li {
  clear: none;
  float: left;
  border-right: 3px solid #fff;
}