/* De initiele instellingen voor de pagina */
/* Margin : top right bottom left */
body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

#header {
	margin: 20px 20px 0px 20px;
	}	

/* De naam van de firma, met een lijntje eronder */
#firma {
	margin: 10px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
	}

/* De producten die de firma verkoopt */
#producten {
	margin: 0px 20px 0px 0px;
	}

/* Het logo, links van de naam floating */
#logo {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display:;
	}

#titel {
	clear: both;
	margin: 0px 0px 30px 0px;
	}

#hoofdtekst {
	position: absolute;
	margin: 0px 0px 0px 0px;
	top: 146px;
	left : 20px;
	right: 20px;
	}

#hoofdtekst-inhoud {
	padding: 20px 20px 20px 20px;
	}

.facade {
	float: right;
	}

.hoofdtekst-tekst {
	float: left;
	width: 400px;
	}

#foto1 {
	float: left;
	margin: 0px 20px 20px 0px;
	}

#foto2 {
	float: left;
	margin: 0px 0px 0px 0px;
	}


img.midden {
	vertical-align:middle;
	}

#product {
	margin: 20px 20px 20px 20px;
	}

#menu1 {
	margin: 0px 0px 0px 0px;
	position: absolute;
	top: 120px;
	left : 20px;
	padding: 0px 0px 0px 0px;
	}

/* zullen we deze instelling moeten aanpassen. */
#menu1 ul {
	padding: 0;
	margin: 0;
	}

/* en meer ruimte te laten tussen de menu-items */
#menu1 li {
	float: left;
	width:101px;
	margin-right:2px;
	text-align: center;
	list-style-type: none;
	}

/* en meer ruimte te laten tussen de menu-items */
#menu1 a {
	float:left;
	width:101px;
	padding: 2px 0 5px;
	text-decoration : none;
	}

#openingsuren {
	clear: both;
	margin: 50px 0px 0px 0px;
	}