/* ------------------------------------------------
	Cascading Style Sheet - Restaurant Fitou
	
	Version: 2.0
	Author: Pim Hoogendoorn
	E-mail: pim.hoogendoorn[at]willenium.nl
	Website: http://www.willenium.nl
	
	Stylesheet for: Home
-----------------------------------------------------*/

body {
	background-color: #000;
	color: #FFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 1.4em;
	}
/** html body { text-align: center; } */

/***********************************************
	A, P, IMG, UL, HR
***********************************************/

a { color: #b03783; text-decoration: none; font-weight: normal; } /*border-bottom: #b03783 dotted 1px;*/
a:hover { color: #8A2B67; text-decoration: none; font-weight: normal; border-bottom: #631F4A dotted 1px;}
img { border: 0px; }

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

#container {
	width: 525px;
	position: relative;
	left: 50%;
	margin-left: -262px;
	text-align: left;
} 

/*******************************************************************************
*	TOP / HEADER
*******************************************************************************/
#header {
	width: 525px;
	height: 225px;
	float: left;
	background: url(../images/opmaak/home/header.jpg) no-repeat;
}
/*******************************************************************************
* 	MAIN NAVIGATION
*******************************************************************************/
#menu a span { display: none; }
#menu {	width: 525px; height: 336px;}
#menu ul { margin: 0px; margin-left: -40px;	}
	* html #menu ul { margin-left: 0px; }
#menu li {	margin: 0px; list-style-type: none; display: inline;
}

#menu a {
	height: 121px;
	/*height: 26px;*/
	/*padding-top: 95px;*/
	position: relative;
	color: #FFF;
	font-weight: bold;
	border: 0px;
}

#menu a:hover { 
	background-position: bottom; 
	color: #b03783;
	font-weight: bold;
	}

/* ------------ */
.restaurant a {
	width: 175px; 
	float: left;
	background-image: url(../images/opmaak/home/restaurant.jpg);
	}

/* ------------ */
.menukaart a {
	width: 175px; 
	float: left;
	background-image: url(../images/opmaak/home/menukaart.jpg);
	}

/* ------------ */
.wijnkaart a {
	width: 175px; 
	float: left;
	background-image: url(../images/opmaak/home/wijnkaart.jpg);
	}

/* ------------ */
.privatedining a {
	width: 175px; 
	float: left;
	background-image: url(../images/opmaak/home/private_dining.jpg);
	}

/* ------------ */
.terras a {
	width: 175px; 
	float: left;
	background-image: url(../images/opmaak/home/terras.jpg);
	}

/* ------------ */
.rederij a {
	width: 175px; 
	float: left;
	background-image: url(../images/opmaak/home/rederij.jpg);
	}

/* ------------ */
.contact a {
	width: 175px; 
	float: left;
	background-image: url(../images/opmaak/home/contact.jpg);
	}

/* ------------ */
.route a {
	width: 175px; 
	float: left;
	background-image: url(../images/opmaak/home/route.jpg);
	}

/* ------------ */
.chauffeursdienst a {
	width: 175px; 
	float: left;
	background-image: url(../images/opmaak/home/chauffeursdienst.jpg);
	}

/*******************************************************************************
*	BOTTOM
*******************************************************************************/
#bottom {
	width: 525px;
	height: 73px;
	padding: 10px 0 75px 0;
	/*padding: 60px 0 0 200px;*/
	background: url(../images/opmaak/home/bottom.jpg) no-repeat;
	font-size: 0.5em;
	float: left;
	text-align: center;
}
*+html #bottom { padding-top:25px;}
#bottom span { color: #333; font-size: 0.5em; }
#bottom li.top { list-style: none; color: #FFF; }
#bottom li.second { margin-top:10px; }
#bottom li { list-style: none; color: #666; }
#bottom h1 { color:#fff; font-family:"Times New Roman", Times, serif; font-size:30px; margin:0;}
#bottom h2 { color:#fff; font-family:"Times New Roman", Times, serif; font-size:20px; margin:5px 0 10px 0;}
#bottom p { margin-top:20px;}
/*******************************************************************************
*	FOOTER
*******************************************************************************/
#footer {
	width: 700px;
	margin: 0 auto;
	/*float: left;
	position: relative;*/
	text-align: center;
	font-size: 0.7em;
	color: #FFF;
	clear: both;
}
table.footer {
	width: 700px;
	border: 0px #FFFFFF solid; 
	padding: 15px 0px 0px 40px;
	text-align: left;
	font-size: 0.7em;
	}
/*
#footer {
	margin: 120px 0 0 105px;
	float: left;
	position: relative;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #FFF;
}
	* html #footer { margin: 25px 0 0 185px; } /* IE6 HACK 
	*+html #footer { margin: 25px 0 0 375px; } /* IE7 HACK 
table.footer {
	width: 675px;
	border: 0px #FFFFFF solid; 
	padding: 1px 0px 0px 10px;
	text-align: left;
	font-size: 0.65em;
	}*/
clear:after {
	content:".";
	clear:both;
	visibility:hidden;
	display:block;
	height:0;
}