/***************
*   DEFAULT    *
***************/

body {
	background-color: #d7d3ce;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
}

div#wrapper {
	width: 955px;
	margin: auto;
}

/* KLEUR LINKS */
a:link, a:active, a:visited {
	color: #94845B;
}

/* MOUSEOVER */
a:hover {
	color: #fff;
}

/***************
*   HEADER     *
***************/

div#masthead {
	display: block;
	background: url('../images/header.jpg') no-repeat scroll top left;
	width: 955px;
	height: 355px;
	position: relative;
}

div#masthead h1,
div#masthead h2 {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	font-size: 0.6em;
}

/***************
*   NAVIGATION *
***************/

div#masthead ul#navigation {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	display: block;
	width: 930px;
	height: 37px;
	top: 119px;
	left: 25px;
}

div#masthead ul#navigation li {
	float: left;
	text-transform: uppercase;
	margin: auto;
	width: 90px;
	padding-top: 15px;
	text-align: center;
	display: block;
}

div#masthead ul#navigation li a {
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
}

div#masthead ul#navigation li.zonwering {
	width: 100px;
}

div#masthead ul#navigation li.tapijt,
div#masthead ul#navigation li.bedden,
div#masthead ul#navigation li.behang {
	width: 85px;
}

div#masthead ul#navigation li.marmoleum {
	width: 95px;
}

/***************
*  MAINCONTENT *
***************/

div#maincontent {
	margin-top: 40px;
	clear: both;
}

div#content {
	background: url('../images/contentarea-bg.png') no-repeat scroll bottom left;
	width: 402px;
	padding: 0 0 50px 0;
	float: left;
} 

div#secContent {
	float: left;
}

div#content h3 {
	width: 402px;
	height: 46px;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
}

body#gordijnen h3 {
	background: url('../images/gordijn-header.png') no-repeat scroll top left;
}

body#vouwgordijnen h3 {
	background: url('../images/vouwgordijn-header.png') no-repeat scroll top left;
}

body#info h3 {
	background: url('../images/info-header.png') no-repeat scroll top left;
}

body#tapijt h3 {
	background: url('../images/tapijt-header.png') no-repeat scroll top left;
}

body#vitrage h3 {
	background: url('../images/vitrage-header.png') no-repeat scroll top left;
}

body#zonwering h3 {
	background: url('../images/zonwering-header.png') no-repeat scroll top left;
}

body#tapijt h3 {
	background: url('../images/tapijt-header.png') no-repeat scroll top left;
}

body#marmoleum h3 {
	background: url('../images/marmoleum-header.png') no-repeat scroll top left;
}

body#parket h3 {
	background: url('../images/parket-header.png') no-repeat scroll top left;
}

body#bedden h3 {
	background: url('../images/bedden-header.png') no-repeat scroll top left;
}

body#behang h3 {
	background: url('../images/behang-header.png') no-repeat scroll top left;
}

body#contact h3 {
	background: url('../images/contact-header.png') no-repeat scroll top left;
}

div#content p {
	padding: 0 30px 0 30px;
}

/***************
*  FOOTER      *
***************/

div#footer {
	clear: both;
	background: url('../images/footer.png') no-repeat scroll top left;
	width: 955px;
	height: 239px;
	text-align: center;
}

div#footer ul#bottomnavigation {
	margin: 0;
	padding: 140px 0 0 0;
	list-style: none;
	margin: auto;
	display: block;
}

div#footer ul#bottomnavigation li {
	display: inline;
	margin: 0 2px 0 2px;
}

div#footer ul#bottomnavigation li a {
	text-decoration: none;
	text-transform: uppercase;
	color: #88724c;
}