/* 
Client	: Bigarreaux
Creator	: Yoeri
Date	: 2009-10-25
*/

html { background: #D8D8D8 url('../img/html.bg.jpg') repeat-y top center; height: 100%; }
body { background: url('../img/body.bg.jpg') no-repeat top center; height: 100%; font-family:  Georgia, Lucida Grande, Verdana; font-size: 14px; color: #666; }

a { color: #BF9433; text-decoration: none;}
a:hover { text-decoration: underline;}




p { margin-bottom: 1em;}

h1 { font-size: 16px; color: #BF9433; margin-bottom: 1em; }
h3 { color: #BF9433;  }

#wrapper { width: 920px; margin: 0 auto; padding: 0 30px; }

#header { position: relative; height: 123px; margin-bottom: 20px; }

#navigation {}
	#mainnav { width: 526px; height: 45px; position: absolute; background: url('../img/mainnav.bg.jpg') no-repeat top left; top: 56px; right: 5px; }
	#mainnav li { display:inline;}
	#mainnav li a { display:block; float:left; padding: 12px 22px; height: 21px; font-size: 18px; text-shadow: #CCC 1px 1px 3px; background: url('../img/mainnav.li.gif') no-repeat 100% 1px; }
	#mainnav li.last a { background: none;}
	
.submenu { margin-bottom: 1em;}
.submenu li { display:inline;}
.submenu li a { display:block; float:left; padding: 12px 20px; font-size: 14px; }
	
	
#blockmain { line-height: 1.5em; float:left; width: 100%;}

#blockcontent { float:left; width: 605px; overflow: hidden;}

	#b-gallery { background: url('../img/gallery.bg.jpg') no-repeat top left; width: 576px; height: 226px; padding: 18px; margin-left: -5px; margin-bottom: 20px;}

        #b-gallery img {
            position:absolute;
            z-index:8;
            opacity:0.0;
        }

        #b-gallery img.active {
            z-index:10;
            opacity:1.0;
        }

        #b-gallery img.last-active {
            z-index:9;
        }
		
		#b-gallery-small { background: url('../img/gallery-small.bg.jpg') no-repeat top left; padding: 11px; margin-left: -5px; margin-bottom: 20px;}


#blockside { float:right; width: 300px; background: url('../img/blockside.bg.png') no-repeat 0 150px; min-height: 600px;}

	.block { padding: 0 0 0 20px; margin-bottom: 20px; }
	#blockcontent .block { padding: 0;}
	.block h2 { height: 0 !important; overflow: hidden; padding-top: 63px; color: #BF9433; width: 213px; margin-left: 35px;}
	
	#b-facebook a { margin-left: 90px;}
	#b-facebook h2 { background: url('../img/h_facebook.gif') no-repeat top left;}
	
	#b-twitter h2 { background: url('../img/h_twitter.gif') no-repeat top left;}
	#b-twitter .item { margin-bottom: 1em;}
	
	#b-indekijker h2 { background: url('../img/h_indekijker.gif') no-repeat top left;}
	#b-indekijker { text-align: center;}
	#b-indekijker img { }

	#b-newsletter h2 { background: url('../img/h_lekkergenieten.gif') no-repeat top left; }
	
#btn-reserveren { height: 0 !important; overflow:hidden; width: 286px; padding-top: 124px; margin-bottom: 20px; background: url('../img/btn_reserveren.png') no-repeat top left; margin-left: 20px;}
#btn-eindejaar { height:60px; width: 286px; padding-top: 65px; margin-bottom: 20px; background: url('../img/btn_eindejaar2.png') no-repeat top left; margin-left: 20px; text-align:center; }
#btn-versuz { width: 286px; margin-bottom: 20px; margin-left: 20px;}
#btn-pers { width: 286px; margin-bottom: 20px; margin-left: 20px;}
#btn-bon { width: 286px; margin-bottom: 20px; margin-left: 20px;}


.col { width: 270px; float:left;margin-right: 30px;}

label { display:block; margin-bottom: .3em;}
.input { border: 1px solid #CCC; width: 250px;padding: 5px; margin-bottom: .8em;}
.button { border:0;padding:0;margin:0;}

p.krul { background: url('../img/krul_klein.gif') no-repeat top center; display:block; height: 19px; }
p.krulgroot { background: url('../img/krul_groot.gif') no-repeat top center; display:block; height: 23px; }


#p-home h1 { display:none;}
#p-menu h1, #p-degustatiemenu h1 { text-align: center;  height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_menu.gif') no-repeat top center; }
#p-contact h1 { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_contact.gif') no-repeat top center;  }
#p-fotos h1 { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_fotos.gif') no-repeat top center;  }
#p-ann-en-tom h1 { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_annentom.gif') no-repeat top center;  }
#p-ann-en-tom h2.ann { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_annpeeters.gif') no-repeat top center;  }
#p-ann-en-tom h2.tom { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_tompaumen.gif') no-repeat top center;  }

#p-voorgerechten h1 { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_voorgerechten.gif') no-repeat top center;  }
#p-nagerechten h1 { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_nagerechten.gif') no-repeat top center;  }
#p-hoofdgerechten h1 { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_hoofdgerechten.gif') no-repeat top center;  }
#p-lunchmenu h1 { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_lunchmenu.gif') no-repeat top center;  }
#p-zondagmenu h1 { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_zondagmenu.gif') no-repeat top center;  }
#p-kerstmenu h1 { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_kerstmenu.gif') no-repeat top center;  }
#p-ny-menu h1 { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_nieuwjaar.gif') no-repeat top center;  }
#p-hotels h1 { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_hotels.gif') no-repeat top center;  }
#p-new-year-second-chance h1 { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_newyear_secondchance.gif') no-repeat top center;  }
#p-bigarreaux-flynieuwscafe h1 { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_flynieuwscafe.gif') no-repeat top center;  }
#p-pers h1 { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_pers.gif') no-repeat top center;  }
#p-valentijnsmenu h1 { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_valentijnsmenu.gif') no-repeat top center;  }
#p-sensation-white-exclusive-dinner-bigarreaux h1 { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_sensation.gif') no-repeat top center;  }
#p-interieur h1 { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_interieur.gif') no-repeat top center;  }
#p-events h1 { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_events.gif') no-repeat top center;  }
#p-eten-en-drinken h1 { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_etenendrinken.gif') no-repeat top center;  }
#p-lets-cook h1 { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_letscook.gif') no-repeat top center;  }
#p-wijnkaart h1 { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_wijnkaart.gif') no-repeat top center;  }
#p-moederdag h1 { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_moederdag.gif') no-repeat top center;  }
#p-dinneranddance h1 { height: 0 !important;overflow:hidden; padding-top: 63px; background: url('../img/h_dinneranddance.gif') no-repeat top center;  }


#p-menu #blockcontent, 
#p-contact #blockcontent, 
#p-voorgerechten #blockcontent,
#p-degustatiemenu #blockcontent,
#p-hoofdgerechten #blockcontent,
#p-nagerechten #blockcontent,
#p-lunchmenu #blockcontent,
#p-zondagmenu #blockcontent,
#p-kerstmenu #blockcontent,
#p-ny-menu #blockcontent,
#p-hotels #blockcontent,
#p-valentijnsmenu #blockcontent,
#p-lets-cook #blockcontent,
#p-wijnkaart #blockcontent,
#p-moederdag #blockcontent,
#p-dinneranddance #blockcontent,
#p-new-year-second-chance #blockcontent { text-align: center;}


ul.thumbs li{display:inline;}




#footer h3 { color: #FFF;}

#footer { clear:both; background: url('../img/footer.bg.gif') no-repeat top left; height: 99px; display: block;width: 871px; margin-left: -7px; text-shadow: #333 1px 1px 2px; padding: 15px 30px; line-height: 1.8em; color: #FBFAF8; font-size: 13px;}

#footer .col { width: 200px;}
#footer .col2 { width: 350px; }
#footer .last { width: 260px;margin:0; float:right; text-align: right;}
#footer a { color: #FFF;}

#subfooter { padding: 10px 0; text-align: center; display:block; color: #CCC; font-size: 13px;}
#subfooter a  { color: #CCC; }
#subfooter a:hover { color: #BF9433;}


/* Media */
.ss-controls { text-align:center; }
.nav-controls { text-align:center; margin-bottom:10px; }
.nav-controls a.prev { margin-right:10px; }
a.nav { margin:5px;}