/****************************************************************************/
/***************** CASCADING STYLE SHEET FRANS BEVERS CATERING **************/
/****************************************************************************/

html,
body {
	background:url(images/bg.png) repeat;
	font-family:"Tahoma";
	line-height:20px;
	font-size:11px;
	color:#717070;
	height:100%;
	padding:0;
	margin:0;
}

.wrapper {
	background:url(images/wrapper.png) repeat-x;	
	height:100%;
}

/****************************************************************************/
/********************************* CONTAINER ********************************/
/****************************************************************************/

#container {
	position:relative;
	margin:0 auto;
	width:947px;
}

/****************************************************************************/
/*********************************** HEADER *********************************/
/****************************************************************************/

#header {
	background:url(images/header.png) no-repeat;
	height:220px;
	width:947px;
}

/****************************************************************************/
/************************************ LOGO **********************************/
/****************************************************************************/

#header h1.logo {
	background:url(images/logo.png) no-repeat;
	text-indent:-6000px;
	cursor:pointer;
	height:150px;
	width:320px;
	padding:0;
	margin:0;
}

#header h1.logo a {
	display:block;
	height:150px;
	width:320px;
}

/****************************************************************************/
/************************************ MENU **********************************/
/****************************************************************************/

ul.menu {
	list-style-type:none;
	position:absolute;
	top:177px;
	padding:0;
	left:50px;
	margin:0;
}

ul.menu li {
	text-indent:-6000px;
	margin:0 5px 0 0;
	float:left;
}

ul.menu li a {
	background-position:top;
	display:block;
	height:36px;
}

ul.menu li.welkom a {
	background:url(images/menu_welkom.png) no-repeat;
	width:67px;
}

ul.menu li.kijker a {
	background:url(images/menu_kijker.png) no-repeat;
	width:84px;
}

ul.menu li.referenties a {
	background:url(images/menu_referenties.png) no-repeat;
	width:84px;
}

ul.menu li.assortiment a {
	background:url(images/menu_assortiment.png) no-repeat;
	width:94px;
}

ul.menu li.contact a {
	background:url(images/menu_contact.png) no-repeat;
	width:69px;
}

ul.menu li.crew a {
	background:url(images/menu_crew.png) no-repeat;
	width:48px;
}

ul.menu li.sfeerbeelden a {
	background:url(images/menu_sfeerbeelden.jpg) no-repeat;
	width:108px;
}

ul.menu li a:hover {
	background-position:left bottom;	
}

/****************************************************************************/
/************************************ BALK **********************************/
/****************************************************************************/

.balk {
	background:url(images/balk.png) no-repeat;
	padding:6px 0 0 275px;
	text-indent:-6000px;
	position:absolute;
	height:47px;
	width:485px;
	z-index:45;
	top:220px;
	left:20px;
}

.balk a {
	display:block;
	height:25px;
	width:200px;
}

/****************************************************************************/
/************************************ BODY **********************************/
/****************************************************************************/

#body {
	background:url(images/body.png) repeat-y;
	padding:0 20px 20px 20px;
	width:907px;
}

/****************************************************************************/
/*********************************** CONTENT ********************************/
/****************************************************************************/

#body .content {
	background:url(images/content.png) no-repeat;
	padding:75px 0 0 200px;
	text-align:justify;
	width:445px;
	float:left;
}

#body .content h1 {
	text-indent:-6000px;
	margin:0 0 15px 0;
	padding:0;
}

#body .content h1.welkom {
	background:url(images/h1_welkom.png) no-repeat;
	width:227px;
	height:36px;
}

#body .content h1.referenties {
	background:url(images/ttl-referenties.png) no-repeat;
	width:227px;
	height:36px;
}

#body .content h1.crew {
	background:url(images/ttl-crew.png) no-repeat;
	width:227px;
	height:36px;
}

#body .content h1.contact {
	background:url(images/ttl-contact.png) no-repeat;
	width:227px;
	height:36px;
}

#body .content h1.indekijker {
	background:url(images/ttl-indekijker.png) no-repeat;
	width:227px;
	height:36px;
}

#body .content h1.assortimenten {
	background:url(images/ttl-assortiment.png) no-repeat;
	width:227px;
	height:36px;
}

#body .content h1.sfeerbeelden {
	background:url(images/ttl-sfeerbeelden.png) no-repeat;
	width:227px;
	height:36px;
}

#body .content p {
	margin-bottom:20px;	
}

#body .content b {
	color:#005A8A;	
}

#body .groot {
	background:url(images/content.png) no-repeat;
	padding:75px 0 0 200px;
	text-align:justify;
	width:650px;
	float:left;
}

#body .groot h1 {
	text-indent:-6000px;
	margin:0 0 15px 0;
	padding:0;
}

#body .groot h1.assortimenten {
	background:url(images/ttl-assortiment.png) no-repeat;
	width:227px;
	height:36px;
}

/****************************************************************************/
/********************************* ASSORTIMENT ******************************/
/****************************************************************************/

#body .assortiment {
	background:url(images/assortiment.png) repeat-y;
	width:225px;
	float:right;
}

#body .assortiment .inner {
	background:url(images/assortiment_inner.png) left bottom no-repeat;
	padding:0 0 80px 0;
	text-align:center;
}

#body .assortiment h2 {
	background:url(images/assortiment_h2.png) no-repeat;
	text-indent:-6000px;
	margin:0 0 15px 0;
	height:46px;
	width:225px;
	padding:0;
}

#body .assortiment img {
	background:url(images/assortiment_img.png) no-repeat;
	margin:0 0 15px 5px;
	padding:3px;
	border:none;
}

#body .assortiments img {
	background:url(images/assortiment_img.png) no-repeat;
	margin:0 15px 15px 0px;
	padding:3px;
	border:none;
}

/****************************************************************************/
/*********************************** FOOTER *********************************/
/****************************************************************************/

#footer {
	background:url(images/footer.png) no-repeat;
	padding:4px 30px 0 30px;
	color:#0b3f6e;
	height:36px;
	width:887px;
}

/****************************************************************************/
/************************************ INFO **********************************/
/****************************************************************************/

#footer ul.info {
	list-style-type:none;
	float:left;
	padding:0;
	margin:0;
}

#footer ul.info li {
	background:url(images/disc.png) 0 9px no-repeat;
	padding:0 5px 0 10px;
	float:left;
}

#footer ul.info li.first {
	background:none;
	padding-left:0;
}

/****************************************************************************/
/********************************* DEVELOPMENT ******************************/
/****************************************************************************/

#footer .development {
	float:right;
}

#footer .development b {
	color:#c73917;	
}

#footer .development a {
	text-decoration:none;
	font-weight:bold;
	color:#c73917;
}

/****************************************************************************/
/************************************ TAAL **********************************/
/****************************************************************************/

.taal {
	line-height:normal;
	position:absolute;
	z-index:100;
	height:22px;
	width:123px;
	right:30px;
	top:5px;
}

.taal table {
	border-collapse:collapse;
	position:absolute;
	left:0;
	top:0;
}

.taal ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

.taal ul ul {
	visibility:hidden;
	position:absolute;
	margin:0;
	height:0;
	top:22px;
	left:0;
}

.taal ul li:hover ul,
.taal ul a:hover ul {
	visibility:visible;
}

.taal ul.nederlands .top {
	background:url(images/taal_nl.png) no-repeat;
	font-family:"Tahoma";
	padding-left:37px;
	padding-top:4px;
	height:18px;
	width:96px;
}

.taal ul.nederlands .top:hover {
	background:url(images/taal_nl_h.png) no-repeat;
}

.taal ul li a {
	text-decoration:none;
	color:#c6c6c6;
}

.taal ul ul li.nl a,
.taal ul ul li.fr a,
.taal ul ul li.en a {
	behavior:url(scripts/iepngfix.htc);
	text-decoration:none;
	padding-left:43px;	
	cursor:pointer;
	display:block;
	color:#646464;
	width:90px;
}

.taal ul ul li.nl a,
.taal ul ul li.nl a:hover {
	background:url(images/taal_drop_nl.png) no-repeat;
	padding-top:5px;
	height:16px;
}

.taal ul ul li.fr a,
.taal ul ul li.fr a:hover {
	background:url(images/taal_drop_fr.png) no-repeat;
	padding-top:2px;
	height:16px;
}

.taal ul ul li.en a,
.taal ul ul li.en a:hover {
	background:url(images/taal_drop_en.png) no-repeat;
	padding-top:2px;
	height:30px;
}

.taal ul ul li a:hover {
	font-weight:bold;	
}

/****************************************************************************/
/*********************************** OVERIG *********************************/
/****************************************************************************/

.clear {
	clear:both;
}

a
{
  outline: none;
}

a.contact:link, a.contact:visited 
{
	text-decoration:underline;
	color: #1D77AB;
}

a.contact:hover
{
	text-decoration:none;
	color: #055A8C;
}

.formulier 
{
	background: #FAFAFA;
	border: solid 1px #a4a39f;
	color: #111111;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
}