/* ===================================== general stuff */

img, div, a { behavior: url(/sites/aanbouwspecialist/images/iepngfix.htc) }


body 
 {background: url(/file/136107/bg-body.jpg) top center no-repeat fixed #462812;
  margin: 0;
  padding: 0 0 20px 0;
  text-align: center;
  font-size: 13px;
  color: #34180A;
  font-family: 'lucida sans', arial, helvetica, sans-serif;}

fieldset 
 {border: 0;
  margin: 0;
  padding: 0;}
  
img, a:active {border: 0;}

h2, h3, h4, h5 
 {color: #c00;
  font-size: 17px;}

p 
 {margin: 0 0 25px 0;}
table p 
 {margin: 0;}

h1 
 {display: none;}

img#h1 
 {display: block;
  padding: 0 0 30px 0;}

img#mosselen
 {margin: 0 25px 0 0;
  float: left;}
 
h2, table h2, h2 a 
 {font-size: 23px!important;
  padding: 0;
  line-height: 150%;
  margin: 30px 0 6px 0;}

h3, table h3 
 {color: #c00;
  font-size: 14px;
  margin: 20px 0 0 0;
  padding: 0;}

span.reqmsg 
 {font-size: 12px;}

hr 
 {border-top: 1px solid #ccc;
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
  color: #ccc;
  background-color: #ccc;
  height: 1px; }

input, select, textarea  
 {border: 1px solid #ccc;
  background-color: #f3f3f3;
  margin: 0 4px 4px 4px;
  color: #666;
  font-family: tahoma, sans-serif;
  font-size: 13px;
  padding: 2px;}

input:focus, textarea:focus 
 {background-color: #fff;
  border: 1px solid #999;
  color: #000;}

/* ===================================== search stuff  */

#searchbutton 
 {width: 40px;
  height: 22px;
  color: #fff;
  border: none;
  font-weight: bold;
  background: none!important;}

#searchfield
 {width: 158px;
  border: none;
  height: 14px!important;
  z-index: 11;}

#searchform 
 {position: absolute;
  left: 50%;
  padding-left: 184px;
  z-index: 10;
  top: 119px;
  width: 300px;}

ol#searchpage
 {margin: 0 0 0 0;
  padding: 0 0 0 25px;}

ol#searchpage li 
 {padding: 0 0 20px 0;
  font-size: 12px;}

a.searchLink
 {font-size: 11px!important;
  color: #999!important;}

a.searchLink:hover 
 {color: #666!important;}

/* ===================================== containers  */

#logo 
 {margin: 0 auto;
  width: 916px;
  height: 148px;
  background: url(/file/136114/bg-topgradient.png) repeat-y;
  position: relative;}
  
#logo a 
 {display: block;
  width: 518px;
  height: 132px;
  margin: 0 auto;
  cursor: pointer;
  background: url(/file/135625/logo-zoetelief.png) no-repeat left top;}

#outercontainer 
 {background: url(/file/135624/bg-outercontainer.png) repeat;
  margin: 0 auto;
  top: 0;
  z-index: 2;
  width: 926px;}
  
#innercontainer 
 {margin: 0 auto;
  width: 900px;
  text-align: left;}
  
#content 
 {background: url(/file/136102/bg_innercontainer.png) repeat-x;
  line-height: 170%;}

#content a 
 {font-size: 15px;
  color: #AF1E2B;
  text-decoration: none;}
#content a:hover 
 {color: #CC8284;}

#content u 
 {font-size: 14px;
  line-height: 190%;
  color: #682D04;
  text-decoration: none;}
  
#contentpadding 
 {padding: 45px 35px 0px 35px;}
  
#leftcol 
 {width: 520px;
  float: left;}

.leftcolwide 
 {width: 830px!important;}

#rightcol
 {float: right;
  text-align: right;
  width: 280px;
  padding: 0px 0 0 0;}

#rightcol h3 
 {margin: 8px 0 0 0;
  color: #552505;}

#rightcol img 
 {margin: 0 0 20px 0;}

#rightcol ul, #rightcol li
 {margin: 0;
  padding: 0;
  list-style: none;}
#rightcol ul li img 
 {float: left;}

.rightcolstart
 {width: 255px!important;
  float: right!important;}

  
/* ===================================== navigation  */
  
#nav 
 {background: url(/file/136101/bg_mainmenu.png);
  width: 875px;
  height: 40px;
  margin: 0;
  padding: 0 0 0 25px;
  list-style: none;}
  
#nav li 
 {float: left;}
  
#nav li a 
 {display: block;
  line-height: 40px;
  padding: 0 13px 0 14px;
  color: #fff;
  text-decoration: none;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 13px;}

#nav li a:hover 
 {margin: 2px -2px -2px 2px;}
  
  
/* ===================================== bottom blocks  */
 
#bottommenu
 {padding: 120px 0 35px 17px;
  _padding: 120px 0 35px 0;
  background: url(http://www.zoetelief.nu/file/136112/bg-bottommenu.png) top no-repeat #EBD8AB;}
 
#bottommenu ul
 {margin: 0;
  padding: 0;
  clear: both;
  list-style: none;}
  
#bottommenu ul li
 {padding: 0;
  width: 254px;
  height: 209px;
  font-size: 19px;
  color: #fff;
  float: left;
  margin: 0 17px 0 17px;
  background: url(/file/136103/bg_bottommenu.png) bottom no-repeat;}
  
img.bottommenuimg 
 {margin: 0 0 0 15px;}

.ocmssubmit 
 {border: 1px outset #ccc;
  background-color: #9C0A0E;
  color: #fff;
  font-weight: bold;
  font-family: tahoma, sans-serif;
  letter-spacing: 1px;
  font-size: 13px;
  padding: 4px 10px;}

#submitbuttonReserveren 
 {margin: 0 0 0 172px;}

/* ===================================== footer  */
 
#footer 
 {clear: both;
  background: url(/file/136115/bg-footer.png) no-repeat;
  height: 72px;
  padding: 12px 0 0 0;
  width: 916px;
  margin: 0 auto;
  font-weight: bold;
  font-size: 15px!important;
  letter-spacing: 0!important;
  color: #fff;
  font-size: 13px;
  letter-spacing: 1px;}

#footer a 
 {color: #fff;
  text-decoration: none;}
  
#footer p 
 {margin: 0;}

#footer b, #footer strong 
 {font-size: 11px!important;
  color: #EBD8AB;
  line-height: 150%;
  letter-spacing: 0;}
  
/* ===================================== subpages  */
  
  
ul#subpages 
 {list-style: none;
  margin: 0 0 0 6px;
  padding: 0 0 30px 0;}
  
ul#subpages li
 {}

ul#subpages a 
 {display: block;
  text-align: center;
  color: #AF1E2B;
  font-weight: bold;
  text-decoration: none;
  font-size: 17px;
  width: 254px;
  height: 36px;
  line-height: 36px;
  background-color: #c00;
  color: #fff;
  margin: 0 0 4px 0;}

ul#subpages a:hover 
 {color: #fff;
  background-color: #5D2804;}
  
  
/* ===================================== clearfix  */
  
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

 .clearfix {
display: inline-block;
}  

 /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End Holly Hack */

/* =============================== calendar stuff */

#calendarStart
 {text-align: left;}

#calendarStart table 
 {margin: 14px 0 20px 0;}

#calendarStart ul 
 {list-style: none;
  margin: 0;
  padding: 15px 0 0 0;
  font-size: 12px;}
#calendarStart li 
 {margin: 0;
  padding: 0;}
#calendarStart a 
 {font-size: 12px;}

#calendar th 
 {background-color: #c00;
  color: #fff;
  font-weight: bold;
  text-align: left;
  font-size: 15px;
  padding: 8px 5px;}

#calendar tr:hover 
 {background-color: #E9D4A2;}

#calendar td
 {margin: 0px;
  padding: 8px 5px;
  border-bottom: 1px solid #ccc;}


/* ==================================== start columns */

#startcolscontainer
 {clear: both;
  width: 550px;
  margin: 25px 0 0 0;
  padding: 25px 0 0 0;
  xborder-top: 1px solid #898989;}

#startnews 
 {float: left;
  width: 252px;}

#startnews ul 
 {margin: 0;
  padding: 0 0 0;
  list-style: none;}

#startnews ul li 
 {margin: 0;
  padding: 0;}

#startnews ul li a 
 {font-size: 13px;}

#startcalendar 
 {float: left;
  width: 250px;
  margin-left: 35px;}

#startcalendar table td, #startcalendar table th, #startcalendar table td a 
 {font-size: 13px;
  vertical-align: top;}

#startcalendar table td
 {padding: 0 0 7px 0;}

#startcalendar table th 
 {width: 45px;
  font-weight: normal;}


/* functions bar */

#functionsbar
 {width: 300px;
  text-align: right;
  position: absolute;
  top: 200px;
  left: 50%;
  margin-left: 114px;}
#functionsbar a 
 {color: #666;
  font-size: 12px;}

a#tellafriend
 {display: block;
  float: right;
  padding: 0 0 0 19px;
  margin: 0 0 0 14px;
  background: url(/file/139018/icon-tell-a-friend.png) left no-repeat;}

a#print
 {display: block;
  float: right;
  padding: 0 0 0 25px;
  margin: 0 0 0 14px;
  background: url(/file/139017/icon_print.gif) left no-repeat;}

a#favorites
 {display: block;
  float: right;
  padding: 0 0 0 17px;
  margin: 0 0 0 14px;
  background: url(/file/139019/icon-favorites.png) left no-repeat;}


#relatedmenu 
 {clear: both;
  line-height: 170%;
  width: 840px;
  margin: 0 auto;
  font-size: 12px;}

#relatedmenu a 
 {color: #fff;
  text-decoration: none;}

#relatedmenu a:hover
 {color: #ccc;}

/* ============================================= lightbox stuff */

#lightbox
 {position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;}
#lightbox img
 {width: auto;
  height: auto;}
#lightbox a img
 {border: none;}

#outerImageContainer
 {position: relative; 
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;}
#imageContainer
 {padding: 10px;}

#loading
 {position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0; }
#hoverNav
 {position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }
#imageContainer>#hoverNav
 {left: 0;}
#hoverNav a
 {outline: none;}

#prevLink, #nextLink
 {width: 49%;
  height: 100%;
  background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover
 {background: url(/file/136271/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover
 {background: url(/file/136270/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer
 {font: 13px 'Lucida Sans', Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  color: #451F05;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;}

#imageData
 {padding:0 10px; color: #666; }
#imageData #imageDetails
 {width: 70%; float: left; text-align: left; }	
#imageData #caption
 {font-weight: bold;}
#imageData #numberDisplay
 {display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay
 {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }