
body {
   background: #fff7e7;
}

.siteContainer {}
   .siteWidth {
      width: 970px;
      margin: 0 auto;
   }
   
   #logo {
      display: block;
      width: 215px;
      height: 106px;
      position: absolute;
      left: 50%;
      top: 0px;
      margin-left: -107px;
      z-index: 500;
   }
   
   #top {
      position: relative;
      height: 123px;
      background: #fff;
      z-index: 400;
   }
      #top .siteWidth {
         position: relative;
         height: 123px;
      }
      #google_translate_element {
         position: absolute;
         top: 0;
         right: 0;
         z-index: 12;
      }
      #homeLink,
      #omgevingLink {
         position: absolute;
         bottom: 6px;
         font-size: 14px;
         color: #3a6d33;
         text-decoration: none;
      }
      #homeLink {
         left: 6px;
      }
      #omgevingLink {
         right: 6px;
      }
      #reserveerLink {
         position: absolute;
         top: 0px;
         padding: 3px 10px 5px;
         right: 190px;
         text-decoration: none;
         background: #95b440;
         color: #fff;
         -moz-border-radius-topleft: 0px;
			-moz-border-radius-topright: 0px;
			-moz-border-radius-bottomright: 7px;
			-moz-border-radius-bottomleft: 7px;
			-webkit-border-radius: 0px 0px 7px 7px;
			border-radius: 0px 0px 7px 7px; 
      }
      
      
      #twitbut{
         position: absolute;
         right: 0px;
         top: 30px;
      }
      
      #facebut{
         position: absolute;
         right: 40px;
         top: 30px;
      }
      
      #youbut{
         position: absolute;
         right: 80px;
         top: 30px;
      }
      
      #drent{
         position: absolute;
         right: 140px;
         top: 30px;
      }
   
   #mainMenu {
      position: relative;
      height: 41px;
      border-bottom: 2px solid #fff;
      background: url(../gfx/bgMainMenu.gif) top left repeat-x;
      z-index: 300;
   }
      #mainMenu .menu {
         width: 970px;
         height: 41px;
      }
      #mainMenu li {
      	position: relative;
         height: 35px;
         margin-top: 3px;
      }
      
	      #mainMenu a {
	         height: 25px;
	         padding: 7px 10px 8px;
	         font-size: 18px;
	         color: #fff;
	         text-decoration: none;
	      }
	         #mainMenu .active a {
	            color: #820009;
	            background-color: #fff;
	            
	         }
	         
	         #mainMenu li.over a, .no-js #mainMenu li:hover a/*, #mainMenu ul > li.active > a*/ {
	         	position: relative;
	            color: #fff;
	            background-color: #33373b;
	            border: 2px solid #191c1c;
	            border-bottom: 0px;
	            padding: 5px 8px 10px;
	            z-index: 310;
	         }
	         
	         
	      #mainMenu li div.dropdown {
	      	position: absolute;
	         background: #33373b;
	         border: 2px solid #191c1c;
	         width: 450px;
	         top: 40px;
	         left: 0px;
	         display: none;
	         margin: 0px;
	         padding: 10px;
	         z-index: 305;
	      }
	      
		      #mainMenu li div.dropdown.wide {
		      	width: 630px;
		      }
	      
		      .no-js #mainMenu li:hover div.dropdown {
		         display: block;
		      }
		      
		      	#mainMenu li div.dropdown .promi-block{
		      		width: 178px;
		      		background: #f00;
		      		float: left;
		      	}
		      	
			      	#mainMenu li div.dropdown .promi-block a,
			      	#mainMenu li.over div.dropdown .promi-block a,
			      	.no-js #mainMenu li:hover div.dropdown .promi-block a{
			      		display: block;
			      		width: 178px;
			      		padding: 0px;
			      		margin: 0px;
			      		color: #fff;
			      		border: 0;
    						width: 178px;
    						height: auto;
			      	}
			      	
				      	#mainMenu li div.dropdown .promi-block .title{
				      		display: block;
				      		width: 138px;
				      		height: auto;
				      		background: url(../gfx/dropdown-promi-title-bg.jpg) no-repeat left top #b0020e;
				      		float: left;
				      		font-size: 13px;
				      		padding: 5px 35px 5px 5px;
				      	}
				      	
				      	.promi-block img {
				      		width: 100%;
				      		height: auto;
				      	}
		      
		      	#mainMenu li.active div.dropdown ul,
			      #mainMenu li:hover div.dropdown ul,
			      #mainMenu li.over div.dropdown ul,
			      #mainMenu li div.dropdown ul {
			         width: 440px;
			         float: right;
			         margin: 0px;
			         padding: 0;
			      }
			      
				      #mainMenu li.active div.dropdown ul li,
				      #mainMenu li:hover div.dropdown ul li,
				      #mainMenu li.over div.dropdown ul li,
				      #mainMenu li div.dropdown ul li {
				         width: 210px;
			      		height: auto;
			      		border-bottom: 1px solid #616161;
			      		margin-right: 20px;
				      }
				      
				      #mainMenu li.active div.dropdown ul li.first,
				      #mainMenu li:hover div.dropdown ul li.first,
				      #mainMenu li.over div.dropdown ul li.first,
				      #mainMenu li div.dropdown ul li.first{
				         clear: both;
				      }
				      
				      #mainMenu li.active div.dropdown ul li.second,
				      #mainMenu li:hover div.dropdown ul li.second,
				      #mainMenu li.over div.dropdown ul li.second,
				      #mainMenu li div.dropdown ul li.second {
				         margin-right: 0px;
				      }
			      
			      
		      
		      	
		      	#mainMenu ul li.active ul li a,
		      	#mainMenu ul li.over ul li a,
		      	#mainMenu ul li:hover ul li a,
		      	#mainMenu ul li ul li a
		      	{
		      		color: #fff;
		      		background: none;
		      		border: 0px;
		      		padding: 4px 10px 7px;
		      		font-size: 13px;
		      		letter-spacing: 0px;
		      		height: auto;
		      	}
		      	
		      		#mainMenu ul li.active ul li.active a,
			      	#mainMenu ul li.over ul li.active a,
			      	#mainMenu ul li:hover ul li.active a,
			      	#mainMenu ul li ul li.active a,
			      	#mainMenu ul li.active ul li a:hover,
			      	#mainMenu ul li.over ul li a:hover,
			      	#mainMenu ul li:hover ul li a:hover,
			      	#mainMenu ul li ul li a:hover {
			      		color: #93b240;
			      	}
         
      #mainMenuSpacer {
         width: 350px;
      }
         #typeImageMenu #mainMenuSpacer {
            width: 334px;
         }
   
   #header {
      position: relative;
      height: 163px;
      z-index: 200;
   }
   
      #facelike{
         position: absolute;
         width: 91px;
         height: 21px;
         right: 50%;
         margin-right: -480px;
         top: 10px;
         z-index: 100;
      }
      #reviewButton{
         position: absolute;
         right: 50%;
         margin-right: -480px;
         bottom: 20px;
         z-index: 101;
      }
         #reviewButton a {
            display: block;
            padding: 7px 10px;
            font-size: 16px;
            text-decoration: none;
            color: #fff;
            border: 1px solid #88933E;
            background: #A2BF45;
         }
            #reviewButton a:hover {
               text-decoration: underline;
            }
      #headerImg {
         height: 156px;
         background: url(../gfx/_header.jpg) top center no-repeat;
      }
      #mainOverlay {
         position: absolute;
         bottom: 0;
         left: 50%;
         margin-left: -485px;
         height: 14px;
         z-index: 20;
         display: none;
      }
         #overlayLeft,
         #overlayRight {
            position: absolute;
            top: 0;
         }
            #overlayLeft  { left: 0; }
            #overlayRight { right: 0; }
         #overlayTop,
         #overlayBottom {
            position: absolute;
            left: 7px;
            right: 7px;
            width: 956px;
         }
            #overlayTop {
               top: 0;
               height: 4px;
               background: url(../gfx/overlayTop.gif) top center repeat-x;
            }
            #overlayBottom {
               top: 4px;
               height: 10px;
               background: url(../gfx/bgMain.gif) top center;
            }
   
   #main {
      font-size: 14px;
      line-height: 1.4em;
      background: url(../gfx/bgMain.gif) top center;
   }
      #main h1 {
         color: #ffebc9;
         font-size: 28px;
         font-weight: normal;
         line-height: normal;
         padding: 0.4em 0 0.2em 20px;
      }
      #left,
      #right,
      .column {
         float: left;
         display: inline;
      }
      
      #left.home,
      #right.home{
         width: 435px;
      }
      
      #left,
      #leftContact {
         width: 620px;
         margin: 10px 20px;
      }
         #left .content {
            padding: 16px;
            border: 1px solid #091d12;
            background-color: #fff7e7;
         }
      #right,
      #rightContact {
         width: 250px;
         margin: 10px 30px;
      }
         #right .content {
            padding: 16px;
            border: 1px solid #091d12;
            background-color: #fff7e7;
         }
         #right h2,
         #rightContact h2 {
            width: 228px;
            margin: 0;
            padding: 8px 9px 8px 9px;
            font-size: 20px;
            font-weight: normal;
            color: #fff;
            border-top: 1px solid #88933e;
            border-left: 1px solid #88933e;
            border-right: 1px solid #88933e;
            background: #a2bf45;
         }
               #rightContact h2 {
                  width: auto;
                  background: url(../gfx/bgTitleRightCont.gif) top left repeat-x;
               }
            #right h2 a,
            #rightContact h2 a {
               font-size: 20px;
               font-weight: normal;
               text-decoration: none;
               color: #fff;
            }
         #subMenu,
         .box {
            margin-bottom: 20px;
            border: 1px solid #0a1d14;
            background: #fff7e9;
         }
            #subMenu li a {
               width: 228px;
               padding: 5px 10px 4px;
               font-size: 14px;
               color: #163f2c;
               text-decoration: none;
            }
               #subMenu .row0 a { background-color: #ffefd3; }
               #subMenu .row1 a { background-color: #fff7e9; }
               #subMenu .active a {
                  width: 218px;
                  padding-left: 20px;
                  color: #b0020e;
                  background-color: #fff;
               }
               #subMenu li a:hover {
                  color: #b0020e;
               }
         .box {}
            .boxText {
               padding: 10px 10px 2px;
            }
            .boxImage {
               display: block;
            }
   
   #footer {
      padding: 20px 0 20px;
      line-height: 1.6em;
      background: url(../gfx/bgFooter.gif) top center repeat-x;
   }
   #footer .siteWidth {
   	overflow: hidden;
   }
   
      #footer,
      #footer a {
         color: #6c5c3e;
      }
      #footerLeft,
      #footerRight {
         float: left;
         display: inline;
      }
         #footerLeft {
            width: 600px;
         }
         #footerRight {
            width: 370px;
            text-align: right;
         }
         #algvoorwaarden{
            width:340px;
            float:left;
         }
         #logoholland{
            width:100px;
            float:left;
         }
      #langMenu {}
         #langMenu ul {}
         #langMenu a {
            padding: 0 4px;
         }
         
         
         
.container-categories{ width: 598px; }
	.overview-arrangements{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.container-categories .category{
		width: 287px;
		float: left;
		margin-right: 12px;
		background: #ffefd3;
		margin-bottom: 12px;
	}
	
		h3.heading{
			color: #fff;
			background: #284c21;
			padding: 5px 10px;
			margin: 0px;
		}
		
		.category .container-arrangements{
			list-style: none;
			margin: 0;
			padding: 0;
		}   
		
			.container-arrangements .arrangement{
				padding: 5px 10px;
			}
		
			.container-arrangements .arrangement .price{
				float: right;
				color: #93b136;
				font-weight: bold;
				width: 90px;
				text-align: right;
			}
			
			.container-arrangements .arrangement .title{
				width: 177px;
			}
			
			.container-arrangements .arrangement .title a{
				color: #000000;
			}
		
		 





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


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

.nbsp {
   white-space: nowrap;
}


