/*------------------ Wrap ----------------*/
#wrap				
{ 
	background: #ac650e; 
	min-height: 100%; 
}

/*------------------- Home page -----------*/
.homePage .extraHeader
{ 
	background: url(images/home-top-bg.gif) repeat-x top
}

.homePage #header
{
	padding-top: 64px;
	min-height: 298px;
	height: auto !important;
	height: 298px;
	background: url(images/home-top-bg.gif) repeat-x top
}
.homePage .logo
{
	top: 130px;	
	width: 400px; 
	height: 106px;
	background: url(images/logo.gif) no-repeat left top;
}
.homePage .rightImg
{
	float: right;
	height: 245px
}

.homePage .wrapContent
{
	padding-left: 44px;
	padding-right: 44px;
	overflow: hidden
}
/*-----------------------------------*/
/*------------------- Header ---------------*/

.extraHeader		
{ 
	background: url(images/top-bg1.gif) repeat-x top;
	height:325px;
}

#header
{
	padding-top: 60px;
	background: url(images/top-bg.gif) repeat-x top;
	width: 900px; 
	margin: 0 auto;
	position: relative;
}

.logo
{
	background: url(images/logo2.gif) no-repeat left top;
	width: 236px;
	height: 62px;
	top: 100px;
	left: 23px;
	position: absolute;
	text-indent: -9999px;
	display: block
}
.rightImg
{
	float: right;
	height: 148px;
	width:456px;
}
.rightImg img
{
	float: right
}

#layoutArrangementen .rightImg
{
	background:url(images/arrangementen.jpg) no-repeat;
}
#layoutBruiloften .rightImg
{
	background:url(images/bruiloften.jpg) no-repeat;
}
#layoutPartijen .rightImg
{
	background:url(images/partijen1.jpg) no-repeat;
}
#layoutKoffietafels .rightImg
{
	background:url(images/koffietafels.jpg) no-repeat;
}
#layoutLunches .rightImg
{
	background:url(images/lunches.jpg) no-repeat;
}
#layoutDiners .rightImg
{
	background:url(images/diners1.jpg) no-repeat;
}
#layoutCatering .rightImg
{
	background:url(images/catering.jpg) no-repeat;
}
#layoutVergaderingen .rightImg
{
	background:url(images/vergaderingen.jpg) no-repeat;
}
#layoutRecepties .rightImg
{
	background:url(images/recepties.jpg) no-repeat;
}
#layoutRepetities .rightImg
{
	background:url(images/repetities.jpg) no-repeat;
}
#layoutPresentaties .rightImg
{
	background:url(images/presentaties.jpg) no-repeat;
}
#layoutWorkshops .rightImg
{
	background:url(images/workshops.jpg) no-repeat;
}
#layoutBuffetten .rightImg
{
	background:url(images/buffetten.jpg) no-repeat;
}
#layoutFeesten .rightImg
{
	background:url(images/feesten.jpg) no-repeat;
}
#layoutAvondjeUit .rightImg
{
	background:url(images/avondjeuit.jpg) no-repeat;
}

/*.menu
{
	margin: 0;
	float: left;
	position: relative;
	font: normal 17px/54px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0px 0 25px;
}

.menu li
{
	margin: 0;
	float: left;
	list-style: none;
	padding: 0 18px
}

.menu li a:link,
.menu li a:visited
{
	color: #000;
	display: block
}

.menu li.active a,
.menu li a:hover,
.menu li a:active
{
	text-decoration: none;
	color: #fff !important;
	background: url(images/hover-state.gif) no-repeat center 2px
}

*/

.subMenuWrap
{
	width: 900px;
	text-align: center;
	position: absolute;
	height: 31px;
	top: 54px;
	left: 0;
	display: none
}

.subMenu
{
	display: inline-block;
	margin: 0 auto;
	font-size: 16px;
	line-height: 31px;
	font-family: "Trebuchet MS", Tahoma, Arial
}

.menu li.active .subMenuWrap
{
	display: block
}

.subMenu li
{
	margin: 0;
	float: left;
	padding: 0 12px
}

.subMenu li a:link,
.subMenu li a:visited
{
	color: #7d490a !important;
	background: none;
}
.menu li.active .subMenu li.active a,
.subMenu li a:hover,
.subMenu li a:active
{
	background: none;
	color: #fff !important
}
/*----------------- Content ------------*/
#content
{
	width: 900px;
	margin: 0 auto
}
#content a:link,
#content a:visited,
#content a:hover,
#content a:active
{
	font-size: 12px;
	line-height: 16px;
	font-family: "Trebuchet MS", Tahoma, Arial; 
}

#content p a:link,
#content p a:visited
{
	text-decoration: underline !important;
	color: #000;
	white-space: nowrap;
}
#content p a:hover
{
	text-decoration: none !important;
}
.wrapContent1 img,
.wrapContent img
{
	float: left;
	margin: 0 18px 18px 0
}
.wrapContent
{	
	padding-top: 20px;
	padding-bottom: 72px;
	padding-left: 50px;
	padding-right: 50px;
	overflow: hidden;
}
.arrangementendiv
{
	position:relative;
	background: url(images/arrangementen-menu2.jpg);
	width:475px;
	height:191px
}
.arrangementendiv a
{
	position:absolute;
	display:block !important;
}
.arrangementendiv a.bruiloften
{
	left:45px;
	height:23px;
	width:113px;
}
.arrangementendiv a.partijen
{
	left:166px;
	height:23px;
	width:65px;
}
.arrangementendiv a.koffietafels
{
	left:236px;
	height:23px;
	width:97px;
}
.arrangementendiv a.lunches
{
	left:336px;
	height:23px;
	width:95px;
}
.arrangementendiv a.diners
{
	left:45px;
	top:31px;
	height:23px;
	width:166px;
}
.arrangementendiv a.catering
{
	left:219px;
	top:31px;
	height:23px;
	width:89px;
}
.arrangementendiv a.vergaderingen
{
		left:320px;
		top:31px;
		height:23px;
		width:145px;
}
.arrangementendiv a.recepties
{
		left:45px;
		top:58px;
		height:23px;
		width:98px;
}
.arrangementendiv a.arrangementen
{
		left:150px;
		top:61px;
		height:23px;
		width:155px;
}
.arrangementendiv a.vergaderingen
{
		left:315px;
		top:31px;
		height:23px;
		width:150px;
}
.arrangementendiv a.repetities
{
		left:314px;
		top:61px;
		height:23px;
		width:97px;
}
.arrangementendiv a.presentaties
{
		left:45px;
		top:86px;
		height:23px;
		width:137px;
}
.arrangementendiv a.workshops
{
		left:187px;
		top:86px;
		height:23px;
		width:90px;
}
.arrangementendiv a.buffetten
{
		left:280px;
		top:86px;
		height:23px;
		width:145px;
}
.arrangementendiv a.feesten
{
		left:45px;
		top:114px;
		height:20px;
		width:85px;
}
.arrangementendiv a.avond
{
		left:195px;
		top:114px;
		height:23px;
		width:150px;
}

.wrapContent1
{
	padding-top: 20px;
	padding-bottom: 72px;
	padding-left: 88px;
	padding-right: 88px;
	overflow: hidden;
}

.newsCell
{	
	padding-bottom: 12px; 
	overflow: hidden;
	width: 400px;
	float:left
}

.newsCell p
{
	margin: 0
}

.newsCell img
{
	float: left;
	margin: 0;
	padding-right: 10px
}

.newsContent
{
	overflow: hidden;
}

#article
{
	float:left;
	padding-left:20px;
	width:380px;
}

.borderCell
{
	border-bottom: 1px solid #563307;	
	border-top: 1px solid #563307;
	margin-bottom: 6px;
	margin-top: 3px;
	padding-bottom: 6px;
	padding-top: 12px
}

.date
{
	font-size: 16px;
	line-height: 18px
}

/*------------------- Arrang page -------------------------*/
.tagsImg
{
	float: left;
	padding-right: 6px
}
.tagsImg img
{
	float: left;
	margin: 0
}
.greenArrow
{
	padding-left: 17px;
	float: left;
	margin-top: 22px;
	background: url(images/green-arrow.gif) no-repeat left center
}
.greenBox
{
	background: #00ff37;
	padding: 12px 10px 13px 10px;
	width: 300px;
}

.greenBox p
{
	font-size: 16px;
	line-height: 20px;
	margin: 0
}
