
* {
   margin: 0;
   padding: 0;
}
img {
   display: block;
   border: 0;
}

a {
   color: #fb0005;
   text-decoration: underline;
}
   a:hover {
      color: #fb0005;
      text-decoration: none;
   }


.clear {
   height: 1px;
   overflow: hidden;
   margin-top: -1px;
   clear: both;
}


/* commented backslash hack \*/ 
html, body{ height: 100%; }
/* end hack */

body {
   background: url(../gfx/bg_body.gif) bottom left repeat-x #ffffff;
   font-size: 12px;
}

#siteContainer {
   position: relative;
   min-height: 100%;
   height: auto;
   width: 833px;
   margin-left: auto;
   margin-right: auto;
   background-color: #ffffff;
}
   * html #siteContainer {
      height:100%;
   }


#top {
   height: 97px;
}
   #logo {
      padding-top: 19px;
   }
   
   #topMenu {
      float: right;
      margin-right: 3px;
      width: 204px;
      height: 71px;
      list-style: none;
   }
      #topMenu li,
      #topMenu a {
         float: left;
         display: inline;
         height: 71px;
         width: 101px;
         text-align: right;
      }
      #topMenu li {
         border-right: 1px solid #7f7f7f;
      }
      #topMenu li img {
         float: right;
         margin-top: 46px;
         margin-right: 6px;
      }
         /*
         #topMenu li.active img {
            margin-top: 54px;
         }
         */
   
#header {
   height: 183px;
}
   #headerImage {
      display: block;
      margin: 0px 3px;
   }

/*
   #mainMenuContainer {
      width: 196px;
      height: 183px;
      background: url(../gfx/bg_menu.png) 6px 0 no-repeat;
      left: -3px;
      z-index: 30;
   }
   */
   .mainMenuContainer {
      position: absolute;
      width: 196px;
      height: 183px;
      left: -3px;
      z-index: 30;
   }
      .mainMenuContainer[class] {
         background: url(../gfx/bg_menu.png) top right no-repeat;
      }
      
   #mainMenu {
      list-style: none;
   }
      #mainMenu li,
      #mainMenu a {
         position: absolute;
         display: block;
         height: 44px;
         width: 196px;
         z-index: 40;
      }
      #mainMenu a {
         z-index: 50;
      }
      
            li#mainMenu_1 { top: -7px; }
            li#mainMenu_2 { top: 30px; }
            li#mainMenu_3 { top: 67px; }
            li#mainMenu_4 { top: 104px; }
            li#mainMenu_5 { top: 141px; }
            
            #mainMenu .mainMenuText {
               height: 15px;
               margin-top: 18px;
               margin-left: 26px;
            }
            
            li#mainMenu_1 .mainMenuText[class] { background-image: url(../gfx/mainMenu/topbrabant.png); }
            li#mainMenu_2 .mainMenuText[class] { background-image: url(../gfx/mainMenu/activiteiten.png); }
            li#mainMenu_3 .mainMenuText[class] { background-image: url(../gfx/mainMenu/resultaten.png); }
            li#mainMenu_4 .mainMenuText[class] { background-image: url(../gfx/mainMenu/nieuws.png); }
            li#mainMenu_5 .mainMenuText[class] { background-image: url(../gfx/mainMenu/netwerk.png); }
            
         #mainMenu[id] li.active a,
         #mainMenu[id] li a:hover {
            background: url(../gfx/bg_activeMainMenu.png) 6px 0 no-repeat;
         }
      
      #mainMenu .bullet {
         position: absolute;
         height: 23px;
         width: 18px;
         margin-top: 14px;
         z-index: 30;
      }
      
         #mainMenu[id] .bullet {
            background: url(../gfx/bullet_mainMenu.png) top left no-repeat;
         }
            #mainMenu[id] li.active .bullet {
               background: url(../gfx/bullet_activeMainMenu.png) top left no-repeat;
            }

.contentBlock {
   position: relative;
   width: 827px;
   margin: 0 3px;
   font-family: Tahoma, Geneva, sans-serif;
   font-size: 11px;
   line-height: 16px;
}
   .column {
      float: left;
      display: inline;
      margin: 10px;
      width: 393px;
   }
      .column h3 {
         font-size: 14px;
         font-weight: bold;
         color: #3b3b3b;
      }
      .column h4 {
         margin-top: 11px;
         font-size: 11px;
         font-weight: bold;
         color: #7dbe21;
      }
         #subMenuColumn h4 {
            color: #fb0005;
         }
      .column .text {
         text-align: justify;
      }
         .column .text p {
            margin: 8px 0;
         }
      
      .column img {
         float: right;
         margin-left: 10px;
         margin-bottom: 10px;
      }
         .column img.noFloat {
            float: none;
            margin: 0;
         }
      
      .column dl {
         clear: both;
         display: block;
      }
         .column dl dt,
         .column dl dd {
            float: left;
            display: inline
         }
            .column dl dt {
               clear: both;
               width: 230px;
               padding: 0px 8px;
               background: url(../gfx/bullet_red.gif) 0px 6px no-repeat;
            }
            .column dl dd {
               width: 246px;
            }
      .column ul {
         list-style: none;
      }
         .column ul li {
            padding-left: 12px;
            background: url(../gfx/bullet_red.gif) 0px 6px no-repeat;
         }
         .column ul ul li {
            background: url(../gfx/bullet_two_red.gif) 0px 8px no-repeat;
         }
      .column ul.classic {
         list-style: disc;
         margin-left: 18px;
      }
         .column ul.classic li {
            background: none;
            padding-left: 0;
         }
         
      .column ol {
         margin-left: 24px;
      }
         

   #introText {
      position: relative;
      min-height: 40px;
      background: url(../gfx/bg_infoText.gif) bottom right no-repeat #e4e4e4;
   }
      * html #introText {
         height: 40px;
      }

   #content {
      
   }
   
      #topbrabantContent .slogan,
      #activiteitenContent .slogan {
         padding: 24px 0px;
      }
      /*
      #activiteitenContent .slogan {
         float: right;
         margin-top: 38px;
      }
      */
      #resultatenContent .slogan {
         padding: 24px 10px;
      }
      
      #newsOverview,
      #subMenuColumn {
         width: 210px;
      }
      #subMenuColumn {
         padding-top: 14px;
      }
         #subMenu {
            list-style: none;
         }
            #subMenu li {
               margin: 10px 3px;
               background: none;
               padding: 0;
            }
            #subMenu a {
               font-size: 14px;
               font-weight: bold;
               line-height: normal;
               color: #7dbe21;
            }
               #subMenu li.active a {
                  color: #fb0005;
               }
         
      
         #newsMenu {
            list-style: none;
         }
            #newsMenu li {
               padding: 6px 0;
               background: none;
               line-height: 13px;
            }
               #newsMenu li a {
                  color: #7dbe21;
               }
               #newsMenu li.active a {
                  color: #fb0005;
               }
               #newsMenu li .date {
                  color: #3b3b3b;
               }
      
      #newsArticle,
      #commonText {
         width: 576px;
         overflow: visible;
      }
   
   
      #topbrabant_scheme {
         margin-top: 20px;
         margin-left: 15px;
      }
      
      #medewerkersList li {
         background: none;
         margin: 10px 0;
         padding: 0;
         clear: both;
      }
         #medewerkersList h4 {
            padding-top: 20px;
         }
         #medewerkersList .left,
         #medewerkersList .right {
            float: left;
            display: inline;
         }
            #medewerkersList .left {
               width: 150px;
            }
            #medewerkersList .right {
               width: 426px;
            }
         #medewerkersList img {
            margin: 10px 0px;
            float: none;
            display: block;
         }
      
      #netwerkContent #subMenuColumn {
         display: none;
      }
      #netwerkContent #commonText {
         margin: 10px;
         width: 806px;
      }
      .blockList {
      }
      .blockListColumn {
         width: 365px;
         float: left;
         display: inline;
      }
         .blockList li {
            margin: 9px 0;
            width: 365px;
            padding: 0 10px 0 0;
         }
            .column .blockList li {
               padding: 0 10px 0 12px;
               width: 343px;
            }
         .blockList .linkList li {
            width: 330px;
            margin: 0;
         }
         .blockList h5 {
            font-size: 11px;
         }
      .networkCategory {
         float: left;
         display: inline;
      }


#clearFooter {
   clear: both;
   height: 45px;
   width: 100%;
}
#footer {
   position: absolute;
   bottom: 0;
   height: 35px;
   width: 827px;
   margin: 0 3px;
   text-align: center;
   background: url(../gfx/bg_footer.gif) bottom left repeat-x;
}
   #footer img {
      display: inline;
   }
   #footer #qforma {
      float: right;
      margin-right: 4px;
      margin-top: 12px;
   }
