
/**********************************************************
* General settings
**********************************************************/

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

img {
	border: 0;
}

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


/**********************************************************
* Global site blocks
**********************************************************/

body {
   background: url(../gfx/bgBody.gif) top center;
   /*background: url(../gfx/xmas/bgBody.jpg) top left no-repeat #870000;*/
}

#homeContainer {
   position: relative;
   width: 831px;
   height: 610px;
   margin: 10px auto;
   border: 4px solid #f8e9c2;
}
   #homeContainer img {
      float: left;
      display: inline;
   }
   #homeContainer #reserveer {
      top: 236px;
   }
#homeContactinfo {
   display: block;
   width: 831px;
   height: 18px;
   margin: 0 auto;
   padding: 5px 0;
   text-align: right;
}

.siteContainer {
   width: 903px;
   position: relative;
}
   #logo {
      height: 254px;
      width: 224px;
      position: absolute;
      z-index: 20;
      top: 12px;
      left: 34px;
      background-color: #fcf3e3;
      border-top: 4px solid #f9e6c4;
      border-right: 4px solid #f9e6c4;
      border-left: 4px solid #f9e6c4;
   }
      #logo img {
         display: block;
         margin-top: 80px;
         margin-left: 24px;
      }
   
   #top {
      height: 55px;
   }
      #top ul {
         float: right;
         height: 37px;
         margin-top: 18px;
         margin-right: 9px;
      }
         #top li {
            list-style: none;
            float: left;
            display: inline;
         }
      #reserveer {
         position: absolute;
         z-index: 100;
         right: 20px;
         top: 190px;
      }
   
   .pageContainer {
      border-top: 4px solid #f9e6c4;
      border-right: 4px solid #f9e6c4;
      border-bottom: 4px solid #f9e6c4;
      background-color: #ffffff;
   }
      #header {
         height: 198px;
         width: 899px;
         border-bottom: 4px solid #f9e6c4;
      }
      #content {
         padding: 14px 17px;
      }
   
   #footer {
      height: 66px;
   }
      #qforma {
         float: left;
         width: 18px;
         height: 18px;
         margin-top: 17px;
         margin-left: 7px;
      }
      #contactinfo {
         float: right;
         width: 625px;
         height: 18px;
         margin: 18px 3px;
      }
   
   #bottom {
      height: 75px;
      width: 224px;
      position: absolute;
      z-index: 18;
      bottom: 0px;
      left: 34px;
      text-align: center;
      background-color: #fcf3e3;
      border-bottom: 4px solid #f9e6c4;
      border-right: 4px solid #f9e6c4;
      border-left: 4px solid #f9e6c4;
   }
      #bottom img {
         margin-top: 8px;
      }




/**********************************************************
* Default content
**********************************************************/

#content {
   text-align: justify;
   font-size: 12px;
   color: #34171c;
   height: auto;
}
   #content img {
      border: 1px solid #51373c;
   }
      #content img.noBorder {
         border: 0;
      }

a {
   cursor: pointer;
   color: #6c0616;
   font-weight: bold;
   text-decoration: underline;
}
   a:hover {
      text-decoration: none;
   }

h1,
h2 {
   padding-top: 16px;
   color: #2a5f14;
   font-family: Times New Roman, Times, serif;
   font-weight: normal;
   font-size: 20px;
   word-spacing: 6px;
   letter-spacing: 2px;
}
h3,
h4 {
   padding-top: 10px;
   color: #6a0515;
   font-family: Times New Roman, Times, serif;
   word-spacing: 3px;
   letter-spacing: 1px;
}
h3 {
   font-weight: normal;
   font-size: 14px;
}
h4 {
   font-weight: bold;
   font-size: 12px;
}

em {
   font-size: 13px;
   font-style: normal;
   font-weight: bold;
}


.siteContainer .pageContainer #content .noline {
   border: 0;
}

.siteContainer .pageContainer #content .nobg {
   background: none;
}

ul.linkList li {
   display: list-item;
   float: none;
   width: auto;
   height: auto;
   margin: 0;
   padding: 0;
   text-align: left;
   background: none;
}



/**********************************************************
* Page content
**********************************************************/

.mainBlock {
   padding: 15px;
   background: url(../gfx/bgBlockDefault.gif) bottom left repeat-x;
}

img.right {
   float: right;
   margin-left: 20px;
}

.columnList {
   display: block;
   margin-right: -19px;
}
   .columnList li {
      list-style: none;
      float: left;
      display: inline;
      position: relative;
      width: 392px;
      margin-right: 19px;
      padding: 8px;
      background: url(../gfx/bgColumnListDefault.gif) bottom left repeat-x #ffffff;
   }
         .columnList li.columnWide  { width: 540px; }
         .columnList li.columnSmall { width: 258px; margin-right: 0; }
      
      .columnList li.nopadding {
         padding: 0;
         padding-top: 8px; /* ivm uitlijnen hoogte */
         width: 408px;
      }
      .columnList li.arrangement {
         height: 190px;
      }
            #arrangementenPage .columnList li.arrangement {
               height: 130px;
            }
         .columnList li .price {
            position: absolute;
            bottom: 0;
            right: 0;
            height: 20px;
            width: 108px;
            padding-top: 3px;
            padding-right: 7px;
            text-align: right;
            background: url(../gfx/bgColumnListPrice.gif) bottom right no-repeat;
         }
            .columnList li .price,
            .columnList li .price a {
               color: #276116;
               font-size: 14px;
               letter-spacing: 1px;
            }
      .columnList li#specialArrangement {
         height: 170px;
         width: 388px;
         border: 2px solid #fbecd3;
         background: url(../gfx/bgColumnListSpecial.gif) bottom left repeat-x #fefaf2;
         
      }
         .columnList li#specialArrangement h3 {
            color: #2a5f14;
         }
         .columnList li#specialArrangement img {
            border: 1px solid #b69457;
         }
      
   #columnListSmall li.nopadding {
      width: 265px;
      margin-right: 19px;
   }
      #columnListSmall li img {
         border: 3px solid #f9e6c4;
      }


/* Pagina De Leijhof */
#deleijhofPage #content img {
   border: 1px solid #b69457;
}
   #deleijhofPage #content a:hover img {
      border: 1px solid #76091e;
   }

#photos {}
   #photos h4 {
      padding-top: 4px;
   }
   #photos img {
      margin-top: 2px;
      margin-right: 8px;
   }
#photoLarge {
   margin-top: 14px;
}

/* Pagina zakelijk */
table {
   margin: 8px 0;
}
   table thead td {
      text-align: center;
   }
   #zakelijkPage table tbody td {
      color: #276116;
      text-align: center;
   }
      #zakelijkPage table tbody td.label {
         color: #34171c;
         text-align: left;
      }

/* Pagina arrangementen */
#pardoes h2 {
   color: #6a0515;
}
#pardoes a {
   color: #2b601b;
   float: right;
}

/* Pagina Contact */
#contactColumnLeft,
#contactColumnRight {
   float: left;
   display: inline;
}
#contactColumnLeft {
   width: 274px;
   padding: 8px;
}
   #contactBlock {
      width: 230px;
      margin-left: -3px;
      background-color: #fcf3e3;/*
      border-bottom: 4px solid #f9e6c4;
      border-right: 4px solid #f9e6c4;
      border-left: 4px solid #f9e6c4;*/
   }
      #contactBlock h1 {
         padding: 10px 6px 8px 6px;
         color: #fff;
         background-color: #7c0f20;
         border: 4px solid #6a0817;
      }
      #contactBlock div {
         padding: 0 6px;
         border: 4px solid #f9e6c4;
      }




#contactColumnRight {
   width: 526px;
   padding: 8px;
   background: url(../gfx/bgColumnListDefault.gif) bottom left repeat-x #ffffff;
}
   #contactColumnRight h2 {
      color: #6a0515;
   }

form input,
form textarea {
   border: 1px solid #d2c5ad;
   background-color: #ffffff;
}
   form input {
      width: 200px;
   }
   form textarea {
      height: 126px;
      width: 266px;
   }
   form #submit {
      display: block;
      width: 266px;
      /*text-align: right;*/
      color: #2b601b;
   }
   
   form input.submit {
      width: auto;
      background-color: #870000;
      color: #FCF3E3;
   }

#linkTable {
   background-color: #f8e9c2;
}
   #linkTable td {
      width: 33%;
      height: 90px;
      text-align: center;
      vertical-align: middle;
      background-color: #ffffff;
   }
   #linkTable img {
      display: inline;
      border: 0;
   }

ul#linkList {}
   #linkList li {
      list-style: none;
   }
   #linkList img {
      border: 0;
      margin-top: 6px;
   }
   #linkList h4 a {
      color: #2b601b;
   }
#routeLink {
   color: #2b601b;
   float: right;
}

#gmap {
   width: 100%;
   height: 425px;
   border: 2px solid #6a0515;
}

#route {
   width: 100%;
}
