/***********************************************************************
 *
 * Fresh Fantasy
 *
 * version:		1.0
 * author:		eFocus
 * email:			info@efocus.nl
 * website:		http://www.efocus.nl
 *
 ***********************************************************************/

* {
	margin:								0;
	padding:							0;
}

html, body {
	height:								100%;
}

body {
	min-width:	800px;
	min-height:	710px;
	background-color: 		#dedede;
	font-family:					Arial, serif;
	font-size:						12px;
}


/* Divisions
 ***********************************************************************/

div#container {
	position:							absolute;
	top: 									30px;
	left: 								50%;
	width:								790px;
	height:								702px;
	margin-left: 					-395px;
	padding-bottom:				30px;
	background:						url(../img/home.jpg) no-repeat;
}

div#welkom {
	position:							absolute;
	left:									11px;
	top:									286px;
	width:								512px;
	height:								136px;
}

#welkom p {
	margin-top: 10px;
	line-height:	15px;
	font-size:		11px;
}


div.menu {
	position:							absolute;
	top:									423px;
	width:								256px;
	height:								214px;
}


div#recept {
	left:									524px;
	top:									286px;
	width:								255px;
	height:								136px;
}


div.menu#handel {
	left:									11px;
}


div.menu#telers {
	left:									267px;
}


div.menu#consument {
	left:									524px;
}


/* Text
 ***********************************************************************/

h1.titel, h2.kwaliteit {
	text-indent:					-1000em;
}

h1, h2, h3 {
	padding-top:					10px;
	padding-left:					10px;
	padding-bottom:				05px;
}

h1 {
	font-size:						18px;
	font-weight:					bold;
}

h2 {
	font-size:						16px;
	font-weight:					bold;
}

h3 {
	font-size:						14px;
	font-weight:					bold;
}

h4 a {
	position:							relative;
	display:							block;
	top:									0px;
	left:									0px;
	width:								255px;
	height:								19px;
}


#recept p {
	display:							block;
	width:								200px;
	overflow:							none;
	margin:								20px;
	margin								5px 5px 0px 5px;
	margin-left:					-5px;
}

#recept h3 {
	margin-top:						10px;
	margin-left:					10px;
	width:							235px;
	padding:							0px;
	font-size:						12px;
	font-face:						Arial;
}

#recept h4 a {
	height:								31px;
}


p {
	width:								438px;
	padding-left:					36px;
}

a.greenery {
	position:							absolute;
	display:							block;
	top:									645px;
	left:									690px;
	width:								75px;
	height:								35px;
	border: 							none;
}


span.hide {
	position: 						absolute;
	left: 								-9000px;
	width: 								0;
	overflow: 						hidden;
}


/* Images
 ***********************************************************************/

#recept img {
	position:							relative;
	display:							block;
	left:									0px;
	top:									0px;
	width:								255px;
	height:								105px;
}


/* Lists
 ***********************************************************************/

ul {
	position:							relative;
	left:									35px;
	top:									91px;
	list-style-type:			disc;
	color:								#a9233e;
}

li a {
	font-family:					Arial;
	font-size:						13px;
	text-decoration:			none;
	color:								#a9233e;
}


li a:hover {
	text-decoration:			underline;
}


ul.nav li {
	display:							inline;
	padding-right:				13px;
	padding-left:					10px;
	background:						url(../img/seperator.gif) no-repeat center right;
}

ul.nav li a {
	font-face:						Tahoma;
	font-size:						11px;
	color:								#000;
}

ul.nav {
	position:							absolute;
}

ul.nav#bottom {
	top:									657px;
	left:									17px;
}

ul.nav#bottom li.last {
	background:						none;
}

ul.nav#top {
	top:									80px;
	left:									580px;
}

ul.nav#top li.last {
	background:						none;
}



