*{
   margin:0px;
   padding:0px;
   font-family:'trebuchet ms', 'helvetica',  tahoma, arial, verdana, sans-serif;
}

.nostyle{
   display:none;
}

body{
  font-size:12px;
  color:#000;
  _height:100%;
  overflow:hidden;
}

#overlay{
  position:absolute;
  z-index:300;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-color:#fff;
  background-image:url('../assets/spinner.gif');
  background-repeat:no-repeat;
  background-position:center;
  overflow:hidden;
}

body > #overlay{
  display:none;
}

#wrapper{
  position:relative;
  margin:0px auto;
  width:1000px;
  padding:0 17px 17px 17px;
  background-image:url('../assets/background.png');
  background-repeat:no-repeat;  
  height:609px;  
  _overflow:hidden;
}

#wrapper.ketel{
  background-image:url('../assets/background_ketel.png');  
  _overflow:hidden;
}

#wrapper.bestel{  
  background-image:url('../assets/background_bestel.png');
}

#wrapper.kalender{
  background-image:url('../assets/background_kalender.png');
}

#wrapper.ketel address, #wrapper.ketel #ketel{
  visibility:hidden;
}

#wrapper.ketel #flash{
  margin:0px 100px;
  width:800px;
  height:700px;
  position:relative;
  top:-250px;
  _left:-120px;
  z-index:1000;
  overflow:hidden;
}

#wrapper.ketel #bestelform{
  margin:0px 1  0px;
  width:800px;
  padding:0px 30px;
  height:700px;
  float:left;
  position:relative;
  top:-30px;
}

#wrapper #header{
  float:left;
  height:211px;
  overflow:hidden;
}

#wrapper #header h1{
  float:left;
  clear:right;
}

#wrapper #header h1 a#logo{
  display:block;
  background-color:transparent;
  background-image:url('../assets/brouwerijdebie.png');
  background-repeat:no-repeat;
  width:523px;
  height:97px;
  text-indent:-9999em;
  overflow:hidden;
  outline:0px;
  margin:3px 0px 0px 184px;
  position:relative;
  z-index:50;
}

#wrapper #header address{
  clear:left;
  float:left;
  background-color:transparent;
  background-image:url('../assets/bg_contact.png');
  padding-top:39px;
  padding-right:17px;
  padding-bottom:8px;
  font-weight:bold;
  font-style:normal;
  width:525px;
  text-align:right;
  position:relative;
  top:-39px;
  z-index:10;
  margin-left:178px;
  _left:-185px;
}

#wrapper #header #ketel{
  width:163px;
  height:208px;
  background-color:transparent;
  background-image:url('../assets/bgketel.png');
  background-repeat:no-repeat;
  float:left;
  position:relative;
  top:-100px;
  *top:0px;
  _top:0px;
  *left:10px;
  _left:10px;
}

#wrapper #header ul#biernav{
  float:left;
  background-color:transparent;
  background-image:url('../assets/bottle.png');
  background-position:right top;
  background-repeat:no-repeat;
  padding-top:62px;
  position:relative;
  top:-80px;
  *top:20px;  
  _top:0px;
  width:110px;
  _background-image:none;
  left:-75px;
  }
body.bierassortiment #wrapper #header{
  }
body.bierassortiment #wrapper #header ul#biernav{
  background-image:none;
  position:absolute;
  top:21px;
  left:823px;
  }
#wrapper #header ul#biernav li{
  list-style-type:none;
  }
#wrapper #header ul#biernav li a,
#externbtn_bieren a{
  display:block;
  text-indent:-9999em;
  overflow:none;
  background-color:transparent;  
  overflow:hidden;
  outline:0px;
  }
#externbtn_bieren a{
  position:relative;
  height:45px;
  margin-right:20px;
  width:115px;
  left:-15px;
  }
/* bier assortiment */
#wrapper #header ul#biernav li a.assortiment{
  background: transparent url('../assets/button_bierassortiment.png') no-repeat right top;
  }
#wrapper #header ul#biernav li a.assortiment_nl,
#externbtn_bieren a.assortiment_nl{
  background: transparent url('../assets/button_bierassortiment_nl.png') no-repeat right top;
  }
#wrapper #header ul#biernav li a.assortiment_fr,
#externbtn_bieren a.assortiment_fr{
  background: transparent url('../assets/button_bierassortiment_fr.png') no-repeat right top;
  }
#wrapper #header ul#biernav li a.assortiment_en,
#externbtn_bieren a.assortiment_en{
  background: transparent url('../assets/button_bierassortiment_en.png') no-repeat right top;
  } 
/* back */
#wrapper #header ul#biernav li a.terug{
  height:35px;
  background: transparent url('../assets/terug.png') no-repeat right top; 
  }
#wrapper #header ul#biernav li a.terug_nl{
  height:35px;
  background: transparent url('../assets/terug_nl.png') no-repeat right top;
  }
#wrapper #header ul#biernav li a.terug_fr{
  height:35px;
  background: transparent url('../assets/terug_fr.png') no-repeat right top;
  }
#wrapper #header ul#biernav li a.terug_en{
  height:35px;
  background: transparent url('../assets/terug_en.png') no-repeat right top;
  }    
/* bestel */
#wrapper #header ul#biernav li a.bestel{
  background: transparent url('../assets/button_bestelbier.png') no-repeat right top;  
  }
#wrapper #header ul#biernav li a.bestel_nl{
  background: transparent url('../assets/button_bestelbier_nl.png') no-repeat right top;  
  }
#wrapper #header ul#biernav li a.bestel_fr{
  background: transparent url('../assets/button_bestelbier_fr.png') no-repeat right top;  
  }
#wrapper #header ul#biernav li a.bestel_en{
  background: transparent url('../assets/button_bestelbier_en.png') no-repeat right top;  
  }
/* kalender */
#wrapper #header ul#biernav li a.kalender{
  background: transparent url('../assets/button_kalender.png') no-repeat right top;  
  }
#wrapper #header ul#biernav li a.kalender_nl{
  background: transparent url('../assets/button_kalender_nl.png') no-repeat right top;  
  }
#wrapper #header ul#biernav li a.kalender_fr{
  background: transparent url('../assets/button_kalender_fr.png') no-repeat right top;  
  }
#wrapper #header ul#biernav li a.kalender_en{
  background: transparent url('../assets/button_kalender_en.png') no-repeat right top;  
  }  
#wrapper #header ul#biernav li a{
  width:180px;
  height:45px;
  }  
  
#wrapper #contentbody{
  float:left;
  background-image:url('../assets/background4detail.gif');
  background-repeat:no-repeat;
  background-position:center 50px;
  width:1000px;  
  height:360px;  
  _width:1135px;
  _height:322px;
  _position:relative;
  *top:-40px;  
  _top:-20px;
  _margin-left:-50px;
}

#wrapper #contentbody ul#nav{
  float:left;
  clear:both;
  display:block;
  width:100%;
  position:relative;
  _top:28px;
  z-index:70;
  height:79px;
  overflow:hidden;
}

#wrapper #contentbody ul#nav li{
  float:left;
  list-style-type:none;
  margin-left:90px;
  _margin-left:60px;
}

#wrapper #contentbody ul#nav li a{
  display:block;
  text-indent:-9999em;
  text-align:left;
  float:right;
  width:66px;
  height:34px;
  background-color:transparent;
  background-image:url('../assets/button_info.gif') !important;  
  background-repeat:no-repeat;
  overflow:hidden;
  position:relative;
  top:14px;
  left:7px;  
  _top:-7px;
  _left:55px;
  overflow:hidden;
  outline:0px;  
}

#wrapper > #contentbody > ul#nav > li > a{
  width:100px;
  background-image:url('../assets/button_info.png');
}

#wrapper #contentbody ul#nav li.terdoest, #wrapper #contentbody ul#nav li.terdoestactive{
  background-color:transparent;
  background-image:url('../assets/non_active_bietjeterdoest.png');
  background-position:left bottom;
  background-repeat:no-repeat;
  width:362px;
  height:79px;
  display:block;
  text-align:right;
  _width:281px;
  _height:48px;
  margin-left:60px;
}

#wrapper #contentbody ul#nav li.terdoestactive{
  background-image:url('../assets/active_bietjeterdoest.png') !important;
  *background-image:url('../assets/active_bietjeterdoest.gif') !important;  
  _background-image:url('../assets/active_bietjeterdoest.gif') !important;
  width:281px;
  _height:79px;  
  _margin-right:1px; 
  margin-top:0px;
  left:0px;
  _left:0px;
  top:1px;
}

#wrapper #contentbody ul#nav li.riebedebie, #wrapper #contentbody ul#nav li.riebedebieactive{
  background-color:transparent;
  background-image:url('../assets/non_active_riebedebie.png');
  background-position:left bottom;
  background-repeat:no-repeat;
  width:235px;
  height:79px;
  _width:185px;
  _height:49px;
  display:block;
  text-align:right;
  margin-left:20px;
  _left:0px;
  _margin-left:100px;
}

#wrapper #contentbody ul#nav li.riebedebieactive{
  background-image:url('../assets/active_riebedebie.png') !important;
  *background-image:url('../assets/active_riebedebie.gif') !important;  
  _background-image:url('../assets/active_riebedebie.gif') !important;
  width:185px;
  _height:79px;
  margin-right:50px;
  _margin-right:0px;
  margin-top:0px;
  top:-50px;
  _top:0px;
  left:81px;
  _left:0px;
}

#wrapper #contentbody ul#nav li.riebedebie a{
  left:39px;
  _left:59px;
}

#wrapper #contentbody ul#nav li.kapelle, #wrapper #contentbody ul#nav li.kapelleactive{
  background-color:transparent;
  background-image:url('../assets/non_active_dekapelle.png');
  background-position:left bottom;
  background-repeat:no-repeat;
  width:235px;
  height:79px;
  _width:177px;
  _height:49px;
  margin-left:85px;
  _margin-left:130px;  
  _left:0px;
  display:block;
  text-align:right;
}


#wrapper #contentbody ul#nav li.kapelleactive{
  background-image:url('../assets/active_dekapelle.png') !important;
  *background-image:url('../assets/active_dekapelle.gif') !important;  
  _background-image:url('../assets/active_dekapelle.gif') !important;  
  width:177px;
  _height:79px;
  left:81px;
  _left:0px;
  margin-right:0px;
  _margin-right:0px;  
}

#wrapper #contentbody ul#nav li.kapelle a{
  left:35px;
  _left:55px;
}

#wrapper #contentbody #tekst{
  margin-top:39px; 
  *margin-top:-36px; 
  _margin-top:39px;   
  background-image:url('../assets/front_images.jpg');
  background-position:25px 10px;
  background-repeat:no-repeat;
  width:950px;
  padding:12px 27px;
  height:337px;
  _position:relative;
  _top:-72px;
  _left:68px;
}

#wrapper > #contentbody > #tekst{
  background-image:url('../assets/frontimages.png');
  background-position:0px 0px;
}

#wrapper #contentbody #tekst #fader1, #wrapper #contentbody #tekst #fader2{
  width:947px;
  background-color:#fff;
  -moz-border-radius:10px;
  _background-color:transparent;
  _background-image:url('../assets/witvlak.gif');
  height:273px;
  position:relative;
  z-index:60;
  visibility:hidden;
  padding-top:30px;
  color:#008;
  _position:absolute;
  *top:0px;  
  _top:11px;
  _left:50%;
  _overflow:hidden;
  _margin-left:-475px;
}

#wrapper #contentbody #tekst #fader1 img.loader, #wrapper #contentbody #tekst #fader2 img.loader{
  margin:150px 465px;
}

#wrapper #contentbody #tekst #fader2{
  top:-303px;
  _top:11px;
}

a{
  color:#bf7d0e;
}

a:hover{
  text-decoration:none;
}

#close{
  display:none;
  position:absolute;
  z-index:71;
  top:265px;
  _top:265px;
  left:50%;
  margin-left:435px;
  text-indent:-9999em;
  background-image:url('../assets/close_short.png');
  background-repeat:no-repeat;
  cursor:pointer;
  width:28px;
  height:29px;
  overflow:hidden;
}

#back{
  position:absolute;
  z-index:448;
  top:135px;
  left:50%;
  margin-left:410px;
  text-indent:-9999em;
  background-image:url('../assets/close.png');
  _background-image:url('../assets/close.gif');
  background-repeat:no-repeat;
  cursor:pointer;
  width:45px;
  height:15px;
  overflow:hidden;
}

/**
 * SLIDER 
 */
 
div#iteminfo{
  position:relative;
  top:0px;
  z-index:305;
  height:100%;
  overflow:hidden;
  visibility:hidden;
  }
  
#imageSlider, #imageNav{
  position:absolute;
  width:750px;
  height:120px;			
  background-image:url('../assets/slider_background.png');	
  background-repeat:no-repeat;
  background-position:center center;
  padding-top:4px;
	}
 
#imageNav{       
  display:none;
	top:0px;
  left:127px;
  z-index:298;
  }

#imageSlider{
	top:0px;
  left:0px;
  z-index:299;
  }
		
.node{
  float:left;
  width:130px;
  height:120px;        
  }

.node img{
  cursor:pointer;
  float:left;       
  border:1px solid #fff;
  }

#sliderNav{
  display:none;
  width:750px;
  position:absolute;
  z-index:430;
  top:280px;
  _top:266px;
  left:50%;
  margin-left:-346px;
  _margin-left:-345px;
  height:0px;
  overflow:visible;
}
  
#sliderNav #previous, #sliderNav #next{
  cursor:pointer;
  width:137px;
  height:125px;

  background-repeat:no-repeat;
  background-position:0px 0px;
}
      
#sliderNav #next{
  float:right;
  background-image:url('../assets/btn_next.png');
}

#sliderNav #previous{
  float:left;
  background-image:url('../assets/btn_previous.png');  
  } 
  
/** JOINK BOX **/

#joinkOverlay{
	position:absolute;
	left:0px;
	top:0px;
  z-index:449;
	width:100%;
	background-color:#fff;
}

.joinkBox{
	position:absolute;
	left:50%;
	top:50%;
  z-index:450;
	margin-left:0px;
	margin-top:0px;
	background-color:#fff;
	width:0px;
	height:0px;
	overflow:hidden;
	text-align:left;
}  

#bestelform table{
  border-width:0px;
}

#bestelform table tr th{
 text-align:center;
 color:#741607;
}

#bestelform table tr td{
  padding:2px;
  font-weight:bold;
}

#bestelform table tr td.center{
  text-align:center;
}

#bestelform form table tr td input{
  background-color:#e9e9e8;
  border-width:0px;
  border-top:1px solid #bcb7b4;
  width:60px;
}

#bestelform table.gegevens tr td{

}

#bestelform table.gegevens tr td input{
  width:162px;
}

#bestelform table.gegevens tr td.titel{
  color:#cfc7b9;
  font-size:28px;
  text-align:center;
}

#bestelform table.gegevens tr td.sub{
  color:#bf7d0e;
  font-size:18px;
  font-weight:bold;
  text-align:center;
}

#bestelform table.gegevens tr td input.submit{
  width:88px;
  height:20px;
  border:1px solid #000;
  outline:0px;
  overflow:hidden;
  background-image:url('../assets/bg_submit.png');
  background-repeat:repeat-x;
  cursor:pointer;
  color:#fff;
  text-transform:uppercase;
  font-size:14px;
  font-style:italic;
  font-weight:bold;
  }

.tbl{
  float:left;
  width:450px; 
}

.clear{
  float:none;
  clear:both;
  height:1px;
  overflow:hidden;
}

.tekst{
  position:relative;
  z-index:1000;
  top:0px;
  width:900px;
  margin-left:28px;
  padding:0px 50px;
  color:#000;
  height:120px;
  }
.flashobject{
  margin-left:-25px;
  position:relative;
  top:-162px;
  }
.backgroundslider{
  width:947px;
  height:147px;
  outline:0px;
  overflow:hidden;
  background-image:url('../assets/slider_background.png');
  background-repeat:no-repeat;
  position:relative;
  top:-5px;
  }

#plan{
  position:relative;
  float:left;
  top:-15px;
  width:600px;
  }
#arrow{
  margin-top:120px;
  _margin-top:90px;
  float:left;
  height:120px;
  }
#info{
  margin-top:140px;
  font-size:12px;        
  font-weight:bold;      
  color:#000000;
  }          
a.mail:link{color: #000000;text-decoration:none;font-size:8pt;}
a.mail:active{color: #000000;text-decoration:none;font-size:8pt;} 
a.mail:hover{color: #000000;text-decoration:none;font-size:8pt;}  
a.mail:visited{color: #000000;text-decoration:none;font-size:8pt;}

#restodetail{
  visibility:visible;
  }
  
#restoroute{
  visibility:hidden;
  position:relative;
  top:-465px;
  _top: -475px;
  }
.restorouteinfo{
  color:#000000;
  font-weight:bold;
  }

/* bieren.php en bestelform.php */
#wrapper.ketel #externlogo{
  position:relative;
  margin-left:180px;
  }
#wrapper.ketel #externbuttons{
  position:relative;
  margin-top:-20px;
  margin-left:870px; 
  z-index:2000; 
  }
#wrapper.ketel #externbtn_back{
  position:relative;
  margin-left:7px;
  cursor:pointer;  
  z-index:2001;  
  }
#wrapper.ketel #externbtn_bieren{
  position:relative;
  margin-top:-30px;  
  margin-bottom:10px;  
  margin-left:5px;
  cursor:pointer;  
  z-index:2002;
  }  
#wrapper.ketel #externbtn_bestelclose{
  position:relative;
  margin-left:36px;
  *margin-top:25px;  
  _margin-top:25px;
  cursor:pointer;  
    z-index:2003;
  }  
#wrapper.ketel #flash{
  position:relative;
  margin-top:45px;
  _margin-top:55px;
  margin-left:95px;
  _margin-left:220px;
  text-align:center;
  }
#wrapper.ketel #externbestelform{
  position:relative;
  margin-top:5px;
  margin-left:15px;
  *margin-top:10px;  
  _margin-top:5px;
  z-index:1800;
  }
#wrapper.ketel #bottles_bottom{
  position:relative;  
  top:-420px;
  *top:290px;
  *left:-875px;
  _left:0px;
  _top:-420px;
  height:500px;
  }
/* kalender */
#wrapper.ketel #externkalender{
  position:relative;
  margin-top:-35px;
  margin-left:25px;
  *margin-top:-35px;  
  _margin-top:-42px;
  z-index:1800;
  width:950px;
  overflow:visible;
  padding-left:10px;
  }
div#kalendertitle{
  font-family:arial black;
  font-size:48px;
  height:60px;
  color:#c39d9f;
  padding:0px;
  margin:0px;
  width:360px;
  }
div#kalender_agendabox{
  background-color: #fff;
  border:1px solid #fff;  
  filter:alpha(opacity=70);
  opacity: 0.7;
  -moz-opacity:0.7;
  width:360px;
  height:280px;
  }
div#kalender_mailbox{
  background-color: #fff;
  background-image:url('../assets/kalender_emailbox.png');  
  border:1px solid #fff;
  width:360px;
  height:54px;
  margin-top:5px;   
  }
div#kalender_boek{
  float:left;
  margin:17px;
  background-image:url('../assets/kalender_boek.png');    
  background-repeat:no-repeat;
  background-position:left top;
  height:372px;
  width:524px;
  }
.kalender_date{
  font-family:arial black;
  font-size:20px;
  color:#c0770d;
  }
.kalender_itemtitle{
  font-family:Trebuchet MS;  
  font-weight:bold;
  display:block;
  float:left;
  font-size:21px;
  color:#010101;
  width:285px;
  }
.kalender_itemtitle_small{
  font-family:Trebuchet MS;  
  display:block;
  float:left;
  font-size:12px;
  color:#010101;
  width:325px;
  }
.kalender_itemtitle_small p{
  margin:10px 0;
  }
.kalender_itemmoreinfo{
  padding:5px 0px 0 240px;
  }
.kalender_itemmoreinfo a{
  font-family:Trebuchet MS;  
  font-size:9px;
  display:block;
  float:left;
  background-image:url('../assets/singlearrow_littlebox.png');
  background-repeat:no-repeat;
  background-position:right bottom;
  padding:5px 25px 0 0;
  }
.agendaitem{
  margin-left:15px;
  width:317px;
  height:75px;
  padding:5px;
  border-bottom:1px solid #c0770d;  
  }
.agendaitemlast{
  margin-left:15px;
  width:317px;
  height:64px;
  padding:5px;
  }
.moreinfoarrow{
  vertical-align:bottom;
  padding:0px;
  border:0px;
  }
a.moreinfo:link{color: #010101;text-decoration:none;font-size:9px;}
a.moreinfo:active{color: #010101;text-decoration:none;font-size:9px;} 
a.moreinfo:hover{color: #010101;text-decoration:none;font-size:9px;}  
a.moreinfo:visited{color: #010101;text-decoration:none;font-size:9px;}

.mailboxtitle{
  font-family:Trebuchet MS;  
  font-weight:bold;
  font-size:11px;
  margin-left:20px;
  display:block;
  padding-top:5px;
  letter-spacing:1px;  
  }
.mailbtn{  
  width:88px;
  height:20px;
  border:1px solid #000;
  outline:0px;
  background-image:url('../assets/bg_submit.png');
  background-repeat:repeat-x;
  cursor:pointer;
  color:#fff;
  text-transform:uppercase;
  font-size:14px;
  font-style:italic;
  font-weight:bold;
  }
#emailfrm{
  margin-left:20px;
  margin-top:-15px;
  }

/* kalender - with cms 20091105 */
#externkalender #hold #wn #lyr ul li dl dt{
  display:block;
  font-family:Trebuchet MS;  
  font-weight:bold;
  font-size:21px;
  color:#010101;
  width:317px;
  }
#externkalender #hold #wn #lyr ul li dl dt span{
  font-weight:normal;
  display:block;
  font-family:arial black;
  font-size:20px;
  color:#c0770d;
  }
#externkalender #hold #wn #lyr ul li dl dd.moreinfo a{
  outline:0px;
  font-family:Trebuchet MS;  
  font-size:11px;
  display:block;
  float:right;
  height:17px;
  background:transparent url('../assets/singlearrow_littlebox.png') no-repeat 50px top;
  padding:5px 40px 0 0;
  color:#222121;
  text-decoration:none;
  }
#externkalender #hold #wn #lyr ul li dl dd.moreinfo a:hover{
  text-decoration:underline;
  }
#externkalender #hold #wn #lyr ul li dl dd p{
  margin-bottom:5px;
  }
#externkalender #hold #wn #lyr ul li{  
  padding:5px;
  border-bottom:1px solid #c0770d;
  }
#externkalender #hold #wn #lyr ul li.active{  
  background-color:#dec08d;  
  }
/* kalender leftside */
#externkalender .eventcontentaffiche{
  float:left;
  display:block;
  text-align:center;
  margin-left:5px;
  margin-top:25px;
  width:250px;
  }
#externkalender .eventcontenttext{
  float:left;
  display:block;
  font-size:12px;  
  width:225px;
  margin-left:32px;
  margin-top:20px;
  }
#externkalender #kalender_boek dl dt{
  display:block;
  border-bottom:1px solid #c0770d;
  font-family:Trebuchet MS;
  font-size:14px;
  font-weight:bold;
  color:#010101;
  padding-bottom:5px;
  margin-bottom:5px;
  }
#externkalender #kalender_boek dl dt span{
  display:block;
  font-family:arial black;
  font-size:16px;
  font-weight:normal;
  color:#c0770d;
  }
#externkalender #kalender_boek dl dd.info{
  margin:0 25px 0 0px;
  }  
#externkalender #kalender_boek dl dd.info p{
  width:100%;
  margin-bottom:10px;
  text-align:center;
  }
#externkalender #kalender_boek dl{
  border-bottom:1px solid #c0770d;
  }
div.languages{
  width:auto;
  position:absolute;
  top:110px;
  left:70px;
  z-index:90;
  height:20px;
  }
div.languages a{
  color:#000;
  text-decoration:none;
  }
div.languages a:hover{
  color:#000;
  text-decoration:underline;
  }
div.languages a.active{
  color:#000;
  text-decoration:underline;
  font-weight:bold;
  }