body {
   background: url(../gfx/bgBody.gif) top left repeat-x #fff;
}

#borderContainer {
   position: relative;
   width: 920px;
   margin: 13px auto;
   background: url(../gfx/borderSide.png) top center repeat-y;  /*TODO: IE filter*/
}
   #topLeft {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 5;
   }
   #topMain {
      position: absolute;
      height: 8px;
      width: 100%;
      top: 0;
      background: url(../gfx/borderTop.gif) top left repeat-x;
      z-index: 3;
   }
      /* This is: borderTopRight.gif */
      #topMain img {
         float: right;
      }

.siteContainer {
   position: relative;
   margin: 4px;
   padding: 17px;
   padding-bottom: 8px;
   width: 878px;
}
   #mainMenu {
      position: absolute;
      top: 128px;
      right: 34px;
      z-index: 20;
      width: 524px;
      height: 61px;
   }
      #mainMenu li {
         width: 247px;
         height: 61px;
         margin-left: 15px;
         background: url(../gfx/bgMainMenuItem.gif) bottom left repeat-x;
      }
      #mainMenu a {
         padding: 18px 2px 20px 16px;
         height: 23px;
         width: 229px;
         font-size: 20px;
         text-decoration: none;
         color: #333434;
      }
         #mainMenu a:hover {
            color: #656666;
         }
			#mainMenu .active {
            background: url(../gfx/bgMainMenuItemActive.gif) bottom left repeat-x;
         }
         #mainMenu .active a:hover,
         #mainMenu .active a {
            color: #fff;
         }
			
   #top {
      position: relative;
      height: 138px;
      border-bottom: 2px solid #fff;
      background: url(../gfx/bgTop.gif) bottom center no-repeat;
   }
      #logo {
         display: block;
         width: 312px;
         height: 107px;
         margin-top: 17px;
         margin-left: 9px;
      }
      #english,
      #langMenu {
         display: block;
         position: absolute;
         top: 9px;
         right: 420px;
      }
         #langMenu a {
            padding: 5px;
         }
      #topMenu {
         position: absolute;
         top: 0;
         right: 14px;
      }
         #topMenu li {
            width: 90px;
            height: 32px;
            margin: 2px;
            background: url(../gfx/bgTopMenuItem.gif) bottom left repeat-x;
         }
         #topMenu a {
            padding: 8px 2px 6px 8px;
            width: 80px;
            height: 18px;
            font-size: 14px;
            letter-spacing: -1px;
            color: #333434;
            text-decoration: none;
         }
            #topMenu a:hover {
               color: #656666;
            }
	         #topMenu .active {
	            background: url(../gfx/bgTopMenuItemActive.gif) bottom left repeat-x;
	         }
	         #topMenu .active a:hover,
	         #topMenu .active a {
	            color: #fff;
	         }
    
   .leftColumn,
   .rightColumn {
      float: left;
      display: inline;
   }
      .leftColumn  { width: 336px; }
      .rightColumn { width: 542px; }
   
   #header,
   #header .leftColumn,
   #header .rightColumn {
      height: 109px;
   }
      #header .leftColumn {
         position: relative;
         background: url(../gfx/bgHeaderLeft.gif) bottom right no-repeat;
      }
      #homePage #header {
      	height: 238px;
		}
      #homePage #header .leftColumn {
      	height: 238px;
      }
         .nlLang #homePage #header .leftColumn {
            background: url(../gfx/bgHeaderLeftHome.jpg) bottom right no-repeat;
         }
         #header .leftColumn h2 {
            position: absolute;
            bottom: 16px;
            left: 20px;
            margin-bottom: 0;
            font-family: Helvetica, Lucida Sans Unicode, Lucida Grande, sans-serif;
            font-size: 24px;
            font-weight: normal;
            color: #fff;
         }
   
   #main {
      border-bottom: 16px solid #fff;
      background: url(../gfx/bgMain.gif) top left repeat-y;
   }
      #main .leftColumn {
         min-height: 224px;
         background: url(../gfx/bgMainLeft.gif) top left repeat-x; 
      }
         #subMenu {
            padding: 20px 27px 10px 20px;
         }
            #subMenu li {
               width: 288px;
               padding: 0;
               border-bottom: 1px solid #e3e3e3;
            }
            #subMenu a {
               width: 288px;
               padding: 4px 0;
               font-size: 16px;
               color: #333434;
               text-decoration: none;
            }
               #subMenu a:hover {
                  color: #34618d;
               }
               #subMenu .active a {
                  color: #34618d;
                  padding-left: 28px;
                  width: 260px;
                  background: url(../gfx/hand_pointer.gif) 4px 8px no-repeat;
               }
      
      #main .rightColumn {}
         #content {
            padding: 20px 30px 20px 30px;
         }
			   #homePage .leftColumn h2, /* Op home moet de tekst bij Over ons hetzelfde zijn als in content */
            #content h1 {
               font-size: 20px;
               color: #333434;
            }
   
   #footer {
      padding: 11px 14px 10px 18px;
      height: 16px;
      color: #fff;
      background: url(../gfx/bgFooter.gif) top left repeat-x #9e1b4b;
   }
      #footer label {
         color: #ebc2d1;
      }
      #footer a {
         color: #fff;
         text-decoration: none;
      }
         #footer a:hover {
            text-decoration: underline;
         }
      #footer a#qforma {
         float: right;
         color: #da9db3;
      }





.menu {
   list-style: none;
}
   .menu li,
   .menu a {
      float: left;
      display: inline;
   }

.clear {
   display: block;
   height: 1px;
   overflow: hidden;
   margin-top: -1px;
   clear: both;
   font-size: 1px;
   line-height: 1px;
}

.nbsp {
   white-space: nowrap;
}