* { margin: 0; padding: 0; }

body { text-align: center; background: #201c1a top center url(img/layout/bg.png) repeat-x; }

#wrapper { position: relative; width: 960px; height: auto; margin: 0 auto; text-align: left; }

/* Standaard */
h1, h2, p, a, li { color: white; font-family: Arial, Tahoma, Verdana; }
h1 { font-size: 18pt; font-weight: normal; margin: 20px 0 10px 0; }
h2 { font-size: 10pt; }
p, li { font-size: 10pt; }
a { text-decoration: none; color: #bbb3af; }
a:hover, .active { color: white; }
img { border: 0; }

ul { margin: 10px 0; }
ul li { list-style-type: none; }
ul.error li p { color: orange; }

.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.clear { clear: both; }
.margin-top { margin-top: 20px; }
.center { text-align: center; }

/* Header */
#header { position: relative; height: 150px; width: 100%; background: bottom center url(img/layout/lijn.png) no-repeat; }
#header #header-bg { position: absolute; height: 149px; width: 100%; background: top center url(img/layout/header-bg.png) no-repeat; }
#header #logo { position: absolute; top: 60px; left: 140px; height: 70px; width: 130px; background: top left url(img/layout/header-logo.png) no-repeat; }
#header #naam { position: absolute; top: 60px; left: 270px; height: 50px; width: 450px; background: top left url(img/layout/header-naam.png) no-repeat; }
#header #naam p { display: none; }
#header #info { position: absolute; top: 110px; left: 270px; }
#header #info p { font-size: 10pt; }

#header-img { position: relative; width: 100%; background: bottom center url(img/layout/lijn.png) no-repeat; }

/* Menu */
#menu { position: relative; height: 50px; overflow: hidden; text-align: center; background: bottom center url(img/layout/lijn.png) no-repeat; }
#menu ul { margin: 14px 0 0 0; }
#menu ul li { display: inline; font-size: 11pt; }
#menu ul li a { display: inline; letter-spacing: -0.5px; padding: 16px 12px; }

/* Content */
#content { position: relative; width: 100%; text-align: justify; }

.img { position: relative; width: 100%; margin: 20px 0; text-align: center; }
.img img { margin: 5px; border: 1px solid white; }

.img-contact { margin: 85px 0 20px 0; width: 430px; float: right; }

.product-img { float: right; width: auto; margin: 40px 0 20px 20px; }

.product-lijst { position: relative; float: left; width: 230px; margin: 20px 10px 20px 0; }
.product-lijst h2 { text-align: center; }
.product-laatste { margin-right: 0; }

/* Occasions */
p.melding { font-style: italic; font-weight: bold; margin: 20px 0 20px 5px; }

/* Onderdelen */
div.onderdeel, div.occasion {
	border-top: 1px solid #383533;
	padding: 20px 0;
	position: relative;
}

	div.image {
		background-color: #403834;
		float: left;
		height: 120px;
		margin: 0 20px 0 0;
		overflow: hidden;
		width: 200px;
	}
	
	
		div.image p {
			color: silver;
			margin: 50px 0 0 0;
			text-align: center;
		}
	
		div.image img {
			margin: 0;
			position: absolute;
		}
	
	div.onderdeel h2, div.occasion h2 {
		margin: 5px 0 5px 0;
	}
	
	div.onderdeel p {
		width: 540px;
	}
	
	div.onderdeel ul {
		float: right;
		margin: 25px 0 0 0;
		width: 400px;
	}
	
		div.onderdeel ul li {
			line-height: 20px;
		}
	
	div.first {
		border-top: 0;
	}

form { margin: 10px 0; }
form .input { width: 360px; }
form .naam { width: 160px; font-weight: bold; margin: 2px; }
form .textarea { width: 520px; height: 260px; }
form .submit { cursor: pointer; margin: 10px 0 0 0; padding: 5px 10px; color: white; background-color: #706b69; border: 0; }

table { margin: 10px 0; }
table p { margin: 2px 5px; }

/* Footer */
#footer { position: relative; height: 60px; width: 100%; text-align: center; background: top center url(img/layout/lijn.png) no-repeat; }
#footer p { color: #bbb3af; padding: 20px 0 60px 0; font-size: 8pt; }
#footer a { color: #bbb3af; text-decoration: underline; }
#footer a:hover { text-decoration: none; }