html
{
	overflow			: auto;
}

body
{
	margin				: 0;
	font-family			: Verdana;
	overflow			: auto;
	background-color	: #2D2D2D;
}

/* LAYOUT */

td
{
	font 				: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color				: #000000;
}

table.bodyPanel
{
	width				: 100%;
	height				: 100%;
	border				: solid 0px #00FF00;
}

td.top_left			{background-image: url("../img/background/top_left.jpg");background-position: bottom right; background-repeat: no-repeat;}
td.middle_left		{height: 498px; background-repeat: no-repeat;}
td.middle_left		{height: 498px; background-repeat: no-repeat;}
td.bottom_left		{background-image: url("../img/background/bottom_left.jpg");background-position: top right; background-repeat: no-repeat;}

td.top_center		{width: 706px; background-image: url("../img/background/top_center.jpg");background-position: bottom; background-repeat: no-repeat;}
td.middle_center	{width: 706px; height: 498px;background-image: url("../img/background/middle_center.jpg");background-position: top left; background-repeat: no-repeat;}
td.bottom_center	{width: 706px; background-image: url("../img/background/bottom_center.jpg");background-position: top; background-repeat: no-repeat;}

td.top_right		{background-image: url("../img/background/top_right.jpg");background-position: bottom left; background-repeat: no-repeat;vertical-align: bottom;}
td.middle_right		{width: 27%;background-position: left; background-repeat: no-repeat;}
td.bottom_right		{background-image: url("../img/background/bottom_right.jpg");background-position: top left; background-repeat: no-repeat;}

div.relativeMiddlePanel
{
	top					: 0px;
	left				: 0px;
	width				: 706px;
	height				: 498px;
	position			: relative;
	border				: solid 0px #FF0000;
}

div.absoluteMiddlePanel
{
	top					: 100px;
	left				: 0px;
	width				: 706px;
	height				: 398px;
	position			: absolute;
	border				: solid 0px #FF0000;
	background-image	: url("../img/background/middle_pattern.jpg");
	background-position	: top; 
	background-repeat	: repeat;
}

div.absoluteContentPanel
{
	top					: 0px;
	left				: 0px;
	width				: 706px;
	height				: 398px;
	position			: absolute;
	border				: solid 0px #FF0000;
	font				: 11px Trebuchet ms;
	line-height			: 22px;
	color				: DEDEDE;
	text-align			: justify;
}

h1									{font : 11px Trebuchet ms;font-weight : bold;line-height : 23px;color : #BE9C62;margin: 0px;text-transform: uppercase;}
#guestbookScrollPanel a				{font : 11px Trebuchet ms;font-weight : bold;line-height : 23px;color : #BE9C62;margin: 0px;text-decoration: none;}
#guestbookScrollPanel a:hover		{font : 11px Trebuchet ms;font-weight : bold;line-height : 23px;color : #BE9C62;margin: 0px;text-decoration: underline;}
div.absoluteContentPanel a			{font : 11px Trebuchet ms;color : DEDEDE;text-decoration: none;}
div.absoluteContentPanel a:hover		{font : 11px Trebuchet ms;color : DEDEDE;text-decoration: underline;}

div.middleLogo
{
	top					: 0px;
	left				: 0px;
	width				: 32px;
	height				: 63px;
	position			: absolute;
	border				: solid 0px #FF0000;
	background-image	: url("../img/background/middle_logo.jpg");
	background-repeat	: no-repeat;
	background-position	: top left; 
}

div.leftTopHolder
{
	height				: 50px;
	width				: 140px;
	border				: solid 0px #FF0000;
	position			: relative;
}

div.leftBottomHolder
{
	height				: 50px;
	width				: 140px;
	border				: solid 0px #FF0000;
	position			: relative;
}

div.rightTopHolder
{	
	height				: 50px;
	width				: 140px;
	border				: solid 0px #FF0000;
	position			: relative;
}

#scrollPanel
{
	top					: 60px;
	left				: 60px;
	width				: 610px;
	height				: 278px;
	position			: absolute;
	border				: solid 0px #00FF00;
	overflow			: auto;
	padding-right		: 0px;
	/* IE overflow fix, position must be relative or absolute*/
}

#withoutScrollPanel
{
	top					: 60px;
	left				: 60px;
	width				: 586px;
	height				: 278px;
	position			: absolute;
	border				: solid 0px #00FF00;
}

#guestbookWithoutScrollPanel
{
	top					: 34px;
	left				: 60px;
	width				: 586px;
	height				: 330px;
	position			: absolute;
	border				: solid 0px #00FF00;
}

div.textPanel
{
	width				: 586px;
	border				: solid 0px #FF0000;
	font				: 11px Trebuchet ms;
	line-height			: 22px;
	color				: DEDEDE;
	text-align			: justify;
}

#guestbookScrollPanel
{
	top					: 0px;
	left				: 0px;
	width				: 586px;
	height				: 200px;
	position			: absolute;
	border				: solid 0px #00FF00;
	overflow			: auto;
	padding-right		: 0px;
	/* IE overflow fix, position must be relative or absolute*/
}

div.guestbookTextPanel
{
	width				: 566px;
	border				: solid 0px #FF0000;
	font				: 11px Trebuchet ms;
	line-height			: 22px;
	color				: DEDEDE;
	text-align			: justify;
}

/* CONTACT PAGE */

div.greyblock
{
	position			: absolute;
	border				: solid 0px #FF0000;
	background-color	: #FFFFFF;
	filter 				: alpha(opacity=10);
	opacity				: 0.1;
}

div.checkbox
{
	position			: absolute;
	border				: solid 0px #FF0000;
	background			: transparent;
	font				: 11px Trebuchet ms;
	line-height			: 22px;
	color				: DEDEDE;
}

textarea
{
	position			: absolute;
	border				: solid 0px #FF0000;
	background			: transparent;
	font				: 11px Trebuchet ms;
	line-height			: 22px;
	color				: DEDEDE;
	overflow			: auto;
}

input
{
	position			: absolute;
	border				: solid 0px #FF0000;
	background			: transparent;
	font				: 11px Trebuchet ms;
	line-height			: 22px;
	color				: DEDEDE;
}

#b_bericht		{width: 586px; height: 115px; 	top: 99px; left: 0px;}
#b_naam			{width: 192px; height: 55px; 	top: 220px; left: 0px;}
#b_email		{width: 192px; height: 55px; 	top: 220px; left: 197px;}
#b_send			{width: 192px; height: 55px; 	top: 220px; left: 394px;}

#gb_b_bericht	{width: 406px; height: 115px;	top: 216px; left: 0px;}
#gb_b_naam		{width: 175px; height: 20px;	top: 216px; left: 411px;}
#gb_b_email		{width: 175px; height: 20px;	top: 241px; left: 411px;}
#gb_b_showemail	{width: 175px; height: 20px;	top: 266px; left: 411px;}
#gb_b_send		{width: 175px; height: 40px;	top: 291px; left: 411px;}

#t_bericht		{width : 572px;height : 101px;	top: 106px; left: 7px;}
#t_naam			{width : 178px;height : 41px;	top: 227px; left: 7px;}
#t_email		{width : 178px;height : 41px;	top: 227px; left: 204px;}
#k_send			{width : 180px;height : 43px;	top: 225px; left: 399px;line-height : 40px;}

#gb_t_bericht	{width : 392px;height : 101px;	top: 216px; left: 7px;}
#gb_t_naam		{width : 161px;height : 20px;	top: 216px; left: 418px;}
#gb_t_email		{width : 161px;height : 20px;	top: 241px; left: 418px;}
#gb_t_showemail	{width : 161px;height : 20px;	top: 266px; left: 418px;}
#gb_k_send		{width : 163px;height : 28px;	top: 296px; left: 416px;line-height : 25px;}

div.verzenden
{
	position			: absolute;
	border				: solid 1px #757575;
	text-align			: center;
	font				: 11px Trebuchet ms;
	color				: DEDEDE;
}

#k_send a			{font : 11px Trebuchet ms;color : DEDEDE;text-decoration: none;line-height		: 40px;}
#k_send a:hover		{font : 11px Trebuchet ms;color : DEDEDE;text-decoration: underline;line-height	: 40px;}
#gb_k_send a			{font : 11px Trebuchet ms;color : DEDEDE;text-decoration: none;line-height		: 25px;}
#gb_k_send a:hover	{font : 11px Trebuchet ms;color : DEDEDE;text-decoration: underline;line-height	: 25px;}

div.contactMessage
{
	top					: 285px; 
	left				: 0px;
	width				: 564px;
	height				: 20px;
	position			: absolute;
	border				: solid 0px #FF0000;
	text-align			: right;
	font				: 11px Trebuchet ms;
	color				: DEDEDE;
}

div.guestbookMessage
{
	top					: 334px; 
	left				: 0px;
	width				: 586px;
	height				: 20px;
	position			: absolute;
	border				: solid 0px #FF0000;
	text-align			: right;
	font				: 11px Trebuchet ms;
	color				: DEDEDE;
}

/* END CONTACT PAGE */

/* Gallery page */

img.gallery
{
	margin-right		: 10px;
	margin-bottom		: 10px;
	width				: 125px;
	height				: 125px;
	border				: solid 0px #000000;
}

/* START MENU */

div.menuPanel
{
	margin-top			: -176px;	
	top					: 50%;
	left				: 0px;
	width				: 98%;	
	height				: 20px;
	position			: absolute;
	border				: solid 0px #0000FF;
}

div.menuHeadPanel
{
	margin-top			: -190px;	
	top					: 50%;
	left				: 0px;
	width				: 98%;	
	height				: 20px;
	position			: absolute;
	border				: solid 0px #0000FF;

}

div.menuSubPanel
{
	margin-top			: -167px;	
	top					: 50%;
	left				: 0px;
	width				: 98%;	
	height				: 20px;
	position			: absolute;
	border				: solid 0px #0000FF;

}

div.menuLine
{
	margin-top			: -173px;	
	top					: 50%;
	left				: 0px;
	width				: 98%;	
	height				: 1px;
	position			: absolute;
	border				: solid 0px #0000FF;
}

div.menuLineColor
{
	float				: right;
	width				: 445px;
	border-top			: solid 1px #595958;
}

div.menuItem
{
	height				: 12;
	border				: solid 0px #0000FF;
	cursor				: pointer;
	float				: right;
}

div.menuSpace
{
	width				: 13px;
	height				: 20;
	padding-right		: 14px;
	border				: solid 0px #0000FF;
	float				: right;
}

#bistro				{width: 35px;background-image: url("../img/menu/bistro_over.gif"); background-repeat: no-repeat;}
#menu				{width: 31px;background-image: url("../img/menu/menu_over.gif"); background-repeat: no-repeat;}
#specialiteiten		{width: 81px;background-image: url("../img/menu/specialiteiten_over.gif"); background-repeat: no-repeat;}
#catering			{width: 49px;background-image: url("../img/menu/catering_over.gif"); background-repeat: no-repeat;}
#fotoboek			{width: 55px;background-image: url("../img/menu/fotoboek_over.gif"); background-repeat: no-repeat;}
#gastenboek			{width: 69px;background-image: url("../img/menu/gastenboek_over.gif"); background-repeat: no-repeat;}
#contact			{width: 45px;background-image: url("../img/menu/contact_over.gif"); background-repeat: no-repeat;}

div.subMenuItem
{
	height				: 11;
	border				: solid 0px #0000FF;
	cursor				: pointer;
	float				: right;
}

div.subMenuSpace
{
	width				: 5px;
	height				: 20;
	padding-right		: 14px;
	border				: solid 0px #0000FF;
	float				: right;
}

#wijnen				{width: 37px;background-image: url("../img/menu/sub/wijnen_over.gif"); background-repeat: no-repeat;}
#voorgerechten		{width: 80px;background-image: url("../img/menu/sub/voorgerechten_over.gif"); background-repeat: no-repeat;}
#soepen				{width: 38px;background-image: url("../img/menu/sub/soepen_over.gif"); background-repeat: no-repeat;}
#hoofdgerechten		{width: 87px;background-image: url("../img/menu/sub/hoofdgerechten_over.gif"); background-repeat: no-repeat;}
#vegetarisch		{width: 64px;background-image: url("../img/menu/sub/vegetarisch_over.gif"); background-repeat: no-repeat;}
#kindermenu			{width: 66px;background-image: url("../img/menu/sub/kindermenu_over.gif"); background-repeat: no-repeat;}
#dessert			{width: 41px;background-image: url("../img/menu/sub/dessert_over.gif"); background-repeat: no-repeat;}

/* END MENU */

/* ARTEFAKT SECTION */

div.designByArtefakt
{
	width				: 100%;
	height				: 23px;
	top					: 0px;
	left				: 0px;
	border				: solid 0px #00FF00;
	position			: absolute;
	text-align			: right;
	z-index				: 999;
}

div.designByArtefakt img
{
	border				: solid 0px #00FF00;
}

div.designByArtefakt a
{
	font				: 10px Tahoma;
	text-decoration		: none;
}

div.designByArtefakt a:hover
{
	font				: 10px Tahoma;
	text-decoration		: none;
}

/* END ARTEFAKT SECTION */

div.NummerDrie			{width: 44px; height: 17px; top: 10px; right: 10px; position: absolute;}
div.NummerDrie a			{color: #000000; text-decoration: none;}
div.NummerDrie a:hover	{color: #000000; text-decoration: none;}
div.NummerDrie img		{border: solid 0px #000000;}