body {
	margin: 0;
	padding: 0;
	background-color: #CCC;
}

/*Algemeen*/
#container {
	position: absolute;
	width: 749px;
	height: 497px;
	top: 50%;
	margin-top: -248px;
	left: 50%;
	margin-left: -375px;
	overflow: hidden;
	background-position: 0 77px;
}

h1 {
	position: relative;
	top: 0;
	left: 0;
	width: 749px;
	height: 77px;
	margin: 0;
	padding: 0;
}
h1 .header {
	display: none;
}

p {
	position: absolute;
	top: 134px;
	left: 210px;
	width: 235px;
	height: 207px;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	text-align: left;
}

p a{
	color: #000;
}

.eerste {
	display: block;
	position: absolute;
	top: -14px;
	left: -26px;	
	width: 26px;
	height: 26px;
	font-size: 0;
	color: #FFF;
}

ul#menu {
	position: absolute;
	left: 596px;
	top: 341px;
	width: 153px;
	margin: 0;
	padding: 0;
	border-bottom: 1px #FFF solid;
}
ul#menu li{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
ul#menu a{
	display: block;
	width: 153px;
	border-top: 1px #FFF solid;
	margin: 0;
	padding: 0 0 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #FFF;
	text-decoration: none;
	background;
	background: transparent url("images/pijl.gif") no-repeat 143px center;
}


/*Pagina specifieke elementen*/

/*Intro*/
body#intro h1 {
	display: none;
}
body#intro a img{
	border: none;
}

/*Samenwerking*/
body#samenwerking #container {
	background-image: url(images/content-samenwerking.jpg);
}
body#samenwerking h1 {
	background-image:url(images/kop-samenwerking.gif);
}
body#samenwerking .eerste {
	background-image: url(images/eerste-letter-samenwerking.gif);
}

/*Toekomst*/
body#toekomst #container {
	background-image: url(images/content-toekomst.jpg);
}
body#toekomst h1 {
	background-image:url(images/kop-toekomst.gif);
}
body#toekomst .eerste {
	background-image: url(images/eerste-letter-toekomst.gif);
}

/*Mensen*/
body#mensen #container {
	background-image: url(images/content-mensen.jpg);
}
body#mensen h1 {
	background-image:url(images/kop-mensen.gif);
}
body#mensen .eerste {
	background-image: url(images/eerste-letter-mensen.gif);
}

/*Productontwikkeling*/
body#productontwikkeling #container {
	background-image: url(images/content-productontwikkeling.jpg);
}
body#productontwikkeling h1 {
	background-image:url(images/kop-productontwikkeling.gif);
}
body#productontwikkeling .eerste {
	background-image: url(images/eerste-letter-productontwikkeling.gif);
}

/*Variatie*/
body#variatie #container {
	background-image: url(images/content-variatie.jpg);
}
body#variatie h1 {
	background-image:url(images/kop-variatie.gif);
}
body#variatie .eerste {
	background-image: url(images/eerste-letter-variatie.gif);
}

/*Kwaliteit*/
body#kwaliteit #container {
	background-image: url(images/content-kwaliteit.jpg);
}
body#kwaliteit h1 {
	background-image:url(images/kop-kwaliteit.gif);
}
body#kwaliteit .eerste {
	background-image: url(images/eerste-letter-kwaliteit.gif);
}

/*Logistiek*/
body#logistiek #container {
	background-image: url(images/content-logistiek.jpg);
}
body#logistiek h1 {
	background-image:url(images/kop-logistiek.gif);
}
body#logistiek .eerste {
	background-image: url(images/eerste-letter-logistiek.gif);
}

/*Contact*/
body#contact #container {
	background-image: url(images/content-contact.jpg);
}
body#contact h1 {
	background-image:url(images/kop-contact.gif);
}
body#contact .eerste {
	background-image: url(images/eerste-letter-contact.gif);
}