body			{ background: #000000 url(../images/bg/bg-pattern.gif) left top; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
#container		{ padding:0; margin:0 auto; width:869px; background: #FFFFFF;}
img				{ border:none;}

.banner			{ display:none; margin:60px 0 0 350px; position:absolute;}

h1									{ padding:15px 0 0 0; margin:0; font-size: 18px; font-weight: bold; color: #000000;}
p									{ padding:15px 0 5px 0; margin:0;}

/* begin style voor transparantie png */
img, div 				{ behavior: url(images/iepngfix.htc) }
/* einde style voor transparantie png */

/* Begin menu items */
#container #menu						{ padding:0; margin:0; width:869px; height:87px;}
#container #menu ul						{ padding:40px 0 0 23px; margin:0;}
#container #menu ul li					{ padding:0; margin:0; float:left; font-size:9px; list-style:none;}

#container #menu ul .brasserienu a			{ width:98px; height:14px; display:block; background: url(../images/buttons/btn-brasserienu.gif) left top; text-decoration:none;}
#container #menu ul .brasserienu a:hover	{ background:url(../images/buttons/btn-brasserienu.gif) left -14px;}
#container #menu ul .brasserienu .active	{ background:url(../images/buttons/btn-brasserienu.gif) left -14px;}

#container #menu ul .restaurant a			{ width:90px; height:14px; display:block; background: url(../images/buttons/btn-restaurant.gif) left top; text-decoration:none;}
#container #menu ul .restaurant a:hover		{ background:url(../images/buttons/btn-restaurant.gif) left -14px;}
#container #menu ul .restaurant .active		{ background:url(../images/buttons/btn-restaurant.gif) left -14px;}

#container #menu ul .drinksbites a			{ width:104px; height:14px; display:block; background: url(../images/buttons/btn-drinksbites.gif) left top; text-decoration:none;}
#container #menu ul .drinksbites a:hover	{ background:url(../images/buttons/btn-drinksbites.gif) left -14px;}
#container #menu ul .drinksbites .active	{ background:url(../images/buttons/btn-drinksbites.gif) left -14px;}

#container #menu ul .bruiloften a			{ width:168px; height:14px; display:block; background: url(../images/buttons/btn-bruiloftenfeesten.gif) left top; text-decoration:none;}
#container #menu ul .bruiloften a:hover		{ background:url(../images/buttons/btn-bruiloftenfeesten.gif) left -14px;}
#container #menu ul .bruiloften .active		{ background:url(../images/buttons/btn-bruiloftenfeesten.gif) left -14px;}

#container #menu ul .dansavonden a			{ width:101px; height:14px; display:block; background: url(../images/buttons/btn-dansavonden.gif) left top; text-decoration:none;}
#container #menu ul .dansavonden a:hover	{ background:url(../images/buttons/btn-dansavonden.gif) left -14px;}
#container #menu ul .dansavonden .active	{ background:url(../images/buttons/btn-dansavonden.gif) left -14px;}

#container #menu ul .agenda a				{ width:58px; height:14px; display:block; background: url(../images/buttons/btn-agenda.gif) left top; text-decoration:none;}
#container #menu ul .agenda a:hover			{ background:url(../images/buttons/btn-agenda.gif) left -14px;}
#container #menu ul .agenda .active			{ background:url(../images/buttons/btn-agenda.gif) left -14px;}

#container #menu ul .contact a				{ width:65px; height:14px; display:block; background: url(../images/buttons/btn-contact.gif) left top; text-decoration:none;}
#container #menu ul .contact a:hover		{ background:url(../images/buttons/btn-contact.gif) left -14px;}
#container #menu ul .contact .active		{ background:url(../images/buttons/btn-contact.gif) left -14px;}

#container #menu ul .seperator				{ padding:0; margin:0; width:20px; height:14px; margin:0; background:url(../images/buttons/seperator.gif) center 2px no-repeat;}
/* Einde menu items */

#header						{ padding:0; margin:0; background:url(../images/bg/bg-image-header.jpg) no-repeat left top; height: 160px;}
#header img.logo			{ padding:45px 0 0 51px; margin:0;}

#sub-header-brasserie				{ padding:0; margin:0; background:url(../images/bg/bg-subheader-brasserie.gif) repeat-x left top; height: 97px;}
#sub-header-restaurant				{ padding:0; margin:0; background:url(../images/bg/bg-subheader-restaurant.gif) repeat-x left top; height: 97px;}
#sub-header-drinksbites				{ padding:0; margin:0; background:url(../images/bg/bg-subheader-drinks.gif) repeat-x left top; height: 97px;}
#sub-header-bruiloftenfeesten		{ padding:0; margin:0; background:url(../images/bg/bg-subheader-bruiloften.gif) repeat-x left top; height: 97px;}
#sub-header-dansavonden				{ padding:0; margin:0; background:url(../images/bg/bg-subheader-dansavonden.gif) repeat-x left top; height: 97px;}
#sub-header-agenda					{ padding:0; margin:0; background:url(../images/bg/bg-subheader-agenda.gif) repeat-x left top; height: 97px;}
#sub-header-contact					{ padding:0; margin:0; background:url(../images/bg/bg-subheader-contact.gif) repeat-x left top; height: 97px;}

#adresgegevens						{ padding:0 0 0 55px; margin:0; float:left; width:200px; color: #999999;}
#adresgegevens a					{ color: #999999; text-decoration: none;}
#adresgegevens a:hover				{ text-decoration: underline;}

#content						{ padding:0 25px 60px 0; margin:0; float: right; width:550px; min-height: 450px; background: url(../images/bg/bg-home.jpg) no-repeat bottom right;}
#content .sub					{ color: #4e2f0d; font-size: 14px;}
#content p						{ color: #262327; font-size: 12px;}
#content a						{ color: #000000; text-decoration: none;}
#content a:hover				{ color: #000000; text-decoration: underline;}

#content-brasserie				{ padding:0 25px 60px 0; margin:0; float: right; width:550px;}
#content-brasserie .sub			{ color: #4e2f0d; font-size: 14px;}
#content-brasserie p			{ color: #262327; font-size: 12px;}
#content-brasserie a			{ color: #000000; text-decoration: none;}
#content-brasserie a:hover		{ color: #000000; text-decoration: underline;}

#content-restaurant				{ padding:0 25px 60px 0; margin:0; float: right; width:550px;}
#content-restaurant .sub		{ color: #e2007a; font-size: 14px;}
#content-restaurant p			{ color: #262327; font-size: 12px;}
#content-restaurant a			{ color: #000000; text-decoration: none;}
#content-restaurant a:hover		{ color: #000000; text-decoration: underline;}
#content-restaurant .pdf		{ padding:20px 0 0 60px; margin:0; background:url(../images/icon-pdf.gif) no-repeat left 20px; height: 68px; line-height: 48px;}

#content-restaurant #glider		{ padding:0; margin:0;}

#content-drinksbites			{ padding:0 25px 60px 0; margin:0; float: right; width:550px;}
#content-drinksbites .sub		{ color: #009ee0; font-size: 14px;}
#content-drinksbites p			{ color: #262327; font-size: 12px;}
#content-drinksbites a			{ color: #000000; text-decoration: none;}
#content-drinksbites a:hover	{ color: #000000; text-decoration: underline;}

#content-bruiloftenfeesten			{ padding:0 25px 60px 0; margin:0; float: right; width:550px;}
#content-bruiloftenfeesten .sub		{ color: #b4d500; font-size: 14px;}
#content-bruiloftenfeesten p		{ color: #262327; font-size: 12px;}
#content-bruiloftenfeesten a		{ color: #000000; text-decoration: none;}
#content-bruiloftenfeesten a:hover	{ color: #000000; text-decoration: underline;}

#content-dansavonden			{ padding:0 25px 60px 0; margin:0; float: right; width:550px;}
#content-dansavonden .sub		{ color: #5a007c; font-size: 14px;}
#content-dansavonden p			{ color: #262327; font-size: 12px;}
#content-dansavonden a			{ color: #000000; text-decoration: none;}
#content-dansavonden a:hover	{ color: #000000; text-decoration: underline;}

#content-agenda							{ padding:0 25px 60px 0; margin:0; float: right; width:550px; min-height: 300px;}
#content-agenda .sub					{ color: #fe8f00; font-size: 14px;}
#content-agenda p						{ color: #262327; font-size: 12px;}
#content-agenda a						{ color: #000000; text-decoration: none;}
#content-agenda a:hover					{ color: #000000; text-decoration: underline;}
#content-agenda #wrapper				{ padding:10px 0 0 0; margin:0;}
#content-agenda #wrapper .left			{ padding:0; margin:0; width: 46px; height: 49px; float: left; background: url(../images/calendar/calendar.gif) no-repeat left top;}
#content-agenda #wrapper .maand			{ padding:5px 0 0 0; margin:0; text-align: center; color:#FFFFFF;}
#content-agenda #wrapper .datum			{ padding:0; margin:0; text-align: center; color: #fe8f00; font-size: 22px;}
/* #content-agenda #wrapper #right			{ padding:0; margin:0; width: 490px; float: right;} */
#content-agenda #wrapper .right			{ padding:0; margin:0; width: 450px; float: right;}
#content-agenda #wrapper .right h1		{ padding:0 0 5px 0; margin:0;}
#content-agenda #wrapper .right	p		{ padding:0 0 20px 0; margin:0; color: #fe8f00; border-bottom: 1px dotted #fe8f00;}
#content-agenda #wrapper .right	p a		{ color:#fe8f00;}

#content-contact				{ padding:0 25px 60px 0; margin:0; float: right; width:550px; min-height: 300px;}
#content-contact .sub			{ color: #828282; font-size: 14px;}
#content-contact p				{ color: #262327; font-size: 12px;}
#content-contact a				{ color: #000000; text-decoration: none;}
#content-contact a:hover		{ color: #000000; text-decoration: underline;}

#footer					{ padding:0; margin:0 auto; width: 869px; height: 60px; line-height: 60px; text-align: right; color: #a6a8a9;}
#footer	a				{ text-decoration: none; color: #a6a8a9;}
#footer	a:hover			{ text-decoration: underline;}

form					{ padding:0; margin:0; width: 550px;}
form h1					{ padding:0 0 15px 0;}
#row					{ padding:0; margin:0;}
label					{ float: left; width: 300px;}
input					{ padding:0; margin:2px; height: 20px; border: 1px solid #000000;}
.button					{ height: 20px; background: url(../images/buttons/bg-formbutts.gif) repeat-x left top; color: #ffffff;}
.button-cal				{ background: url(../images/bg/calendar.gif) no-repeat left top; border: none; width: 25px; height: 25px; cursor: hand;}
textarea				{ padding:0; margin:0; width: 350px; border: 1px solid #000000;}
select					{ padding:0; margin:0; border: 1px solid #000000;}