/*
Algemeen
*/

* {
   font-family: Trebuchet MS, Helvetica, sans-serif;
   font-size: 11px;
}
   html, body, div, form, ul, input, dl, dt, dd, li, h1, h2, h3, h4, h5, h6 {
      margin: 0;
      padding: 0;
   }


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

img {
   border: 0;
}

a {
   color: #004b95;
   text-decoration: underline;
}


/*
Indeling blokken
*/

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

body {
   background: url(../gfx/bgBody.gif) top left #285f23;
}

.siteContainer {
   min-height: 100%;
   height: auto;
   width: 898px;
   padding: 0 3px;
   margin: 0 auto;
   background-color: #ffffff;
}
      * html .siteContainer {
         height: 100%;
      }

   #header {
      position: relative;
      height: 329px;
      background: url(../gfx/bgHeader.jpg) top left no-repeat #004b95;
   }
      #logo,
      #mainMenu,
      #logoZLTO,
      h2,
      h3 {
         position: absolute;
      }
      
      #logo {
         top: 33px;
         left: 26px;
      }
      #mainMenu {
         height: 36px;
         width: 482px;
         top: 0;
         right: 18px;
      }
         #mainMenu li {
            list-style: none;
            float: left;
            display: inline;
            margin: 0 3px;
         }
      #logoZLTO {
         top: 130px;
         right: 39px;
      }
      h2 {
         top: 294px;
         left: 16px;
      }
      h3 {
         right: 15px;
         bottom: 15px;
      }
   
   #content {
      padding: 15px;
      color: #004b95;
   }
      #content p {
         text-align: justify;
      }
      #content .emphasis {
         margin-right: 10px;
         padding: 10px;
         line-height: 24px;
         font-size: 13px;
         font-weight: bold;
         text-align: center;
         color: #ffffff;
         background-color: #004b95;
      }
   
   #footer {
      padding: 15px;
      text-align: right;
   }


/*
Specifieke blokken
*/

#map {
   float: right;
   margin-left: 30px;
   border: 1px solid #a8a8a8;
}

#leftColumn,
#rightColumn {
   float: left;
   display: inline;
   width: 427px;
}
#rightColumn {
   margin-left: 14px;
}
   #deelnemersPage #leftColumn  { width: 304px; }
   #deelnemersPage #rightColumn { width: 550px; }

#deelnemerMenu {}
   #deelnemerMenu li {
      list-style: none;
      margin: 8px 0;
   }