* {
   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: #ea9d17;
   font-weight: bold;
   text-decoration: underline;
   cursor: pointer;
}
   a:hover {
      text-decoration: none;
   }


body {
   background: url(../gfx/bgBody.jpg) top center no-repeat #3e3e3e;
   padding-left: 1px; /*for IE*/
}
   #logo {
      position: absolute;
      top: 25px;
      left: 50%;
      margin-left: -383px;
      width: 200px;
      height: 110px;
      z-index: 20;
   }
   
   #siteContainer {
      position: absolute;
      width: 696px;
      top: 25px;
      left: 50%;
      margin-left: -348px;
   }
      #top {
         height: 44px;
      }
         #mainMenu {
            float: right;
            display: inline;
         }
            #mainMenu li {
               float: left;
               display: inline;
               list-style: none;
               margin-left: 5px;
               height: 37px;
               width: 99px;
               border: 1px solid #000000;
            }
            #mainMenu a {
               display: block;
               float: left;
               display: inline;
               height: 24px;
               width: 99px;
               padding-top: 4px;
               padding-bottom: 9px;
               text-align: center;
               background: url(../gfx/bg_mainMenu.gif) top left;
            }
               #mainMenu li.active a,
               #mainMenu a:hover {
                  background: url(../gfx/bg_mainMenuActive.gif) top left;
               }
               
      #main {
         position: relative;
         /*height: 653px;*/
         /*overflow: hidden;*/
         padding: 4px;
         /*padding-bottom: 16px;*/
         border: 1px solid #000000;
         background: url(../gfx/bg_mainBottom.gif) bottom left repeat-x #4b372a;
      }
         #header {
            margin: 4px;
            border: 1px solid #17110d;
         }
         .headerColumn {
            float: left;
            display: inline;
            position: relative;
            margin: 4px;
            width: 333px;
            height: 240px;
            overflow: hidden;
            background-color: #5d4838;
            border: 1px solid #34261d;
            color: #eeddcb;
         }
         #steunKoosje {
            position: absolute;
            right: 8px;
            top: 8px;
         }
         .column {
            float: left;
            display: inline;
            position: relative;
            margin: 4px;
            width: 333px;
            height: 397px;
            overflow: hidden;
            background-color: #5d4838;
            border: 1px solid #34261d;
            color: #eeddcb;
         }
            * html #right {
               margin-right: 1px;
            }
            .columnText {
               position: relative;
               padding: 11px;
               color: #eeddcb;
            }
               .columnText p {
                  margin: 9px 0;
               }
            .columnImage {
               display: block;
            }
         
         h3 {
            margin-bottom: 12px;
         }
         .fileIcon {
            display: inline;
            vertical-align: middle;
            padding-right: 8px;
         }
      #contactForm {
         margin-top: -10px;
      }
         label {
            display: block;
            padding-top: 8px;
            font-weight: bold;
         }
         .textField,
         textarea {
            border: 1px solid #4b372a;
            background-color: #725c4b;
            color: #eeddcb;
         }
         .textField {
            width: 195px;
         }
         textarea {
            width: 279px;
            height: 136px;
         }
         .submit {
            width: 80px;
            text-align: right;
            margin-left: 201px;
            margin-top: 3px;
            color: #ea9d17;
            background: transparent;
            border: 0;
            font-weight: bold;
            cursor: pointer;
         }
      
      #viltje {
         position: absolute;
         right: 20px;
         bottom: 33px;
         width: 179px;
         height: 176px;
         background: url(../gfx/viltje.gif) top left no-repeat;
      }
         #newsletterField {
            position: absolute;
            left: 49px;
            top: 119px;
            width: 78px;
            height: 15px;
            border: 0;
            background: transparent;
            font-family: Times New Roman, Times, serif;
            font-size: 12px;
            font-weight: bold;
            color: #124cb7;
         }
         #newsletterSubmit {
            position: absolute;
            left: 127px;
            top: 120px;
            width: 13px;
            height: 13px;
            border: 0;
            background: url(../gfx/viltjeSubmit.gif) 3px 3px no-repeat;
            cursor: pointer;
            display: none;
         }
   
   #skyScraper {
      position: absolute;
      top: 69px;
      right: 50%;
      margin-right: -476px;
   }
   
   #homeContainer {
      height: 352px;
      margin-top: 119px;
      background: url(../gfx/bgHomeContainer.gif) 0px 135px repeat-x;
   }
      #start {
         display: block;
         position: absolute;
         left: 50%;
         height: 352px;
         width: 543px;
         margin-left: -271px;
      }
         #start[id]    { background-image: url(../gfx/start.png); }
         * html #start { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/start.png', sizingMethod='scale'); }




ul#albumList,
ul.imageGrid {
   list-style: none;
}
   ul#albumList li,
   ul.imageGrid li {
      float: left;
      display: inline;
      position: relative;
      margin: 5px;
   }
   #albumList h4 a {
      font-size: 14px;
      text-decoration: none;
   }



.popupWindow {
   text-align: center;
   overflow: hidden;
}


#popupCloseLink,
#photoNavPrevious,
#photoNavNext {
   position: absolute;
   padding: 8px 16px;
   color: #4b372a;
   font-size: 28px;
   font-weight: bold;
   text-decoration: none;
}
#popupCloseLink {
   top: 0;
   right: 0;
   background-color: #ea9d17;
}
   a:hover#popupCloseLink {
      color: #fff;
      background-color: #4b372a;
   }