* { 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 { color: white; font-family: Arial, Tahoma, Verdana; }
h1 { font-size: 36pt; font-weight: normal; margin: 20px 0 0 0; }
h2 { font-size: 18pt; }
h2 a { color: white; }
p { font-size: 11pt; }
a { text-decoration: none; color: #bbb3af; }
a:hover, .active { color: white; }
img { border: 0; }

.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.clear { clear: both; }

.margin-top { margin-top: 20px; }
.small-margin-top { margin-top: 10px; }
.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; height: 251px; 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 {  }
#menu ul li { display: inline; list-style-type: none; }
#menu ul li a { display: inline block; font-size: 18pt; letter-spacing: -1pt; padding: 11px; }

/* 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; }

.occasion { margin: 20px 0; }
.occasion img { border: 1px solid white; }

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; }

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

/* 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: 10px 0 0 0; font-size: 10pt; }
#footer a { color: #bbb3af; text-decoration: underline; }
#footer a:hover { text-decoration: none; }