/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td
{ padding: 0px; margin: 0px; outline: none; border: 0px; }
fieldset legend { display: none; }

/* Body */
body { font-family: Arial, Verdana; font-size: 16px; background-color: #fff; }

/* Headers */
h1 { padding-bottom: 5px; color: #000; font-size: 90%; letter-spacing: 0px; font-weight: bold; }
h2 { color: #007a36; font-size: 70%; letter-spacing: 0px; font-weight: bold; }

/* Typografie */
p { padding-bottom: 10px; color: #444; font-size: 70%; line-height: 160%; text-align: justify; }
p a { color: #007a36; text-decoration: underline; }
p a:hover { color: #444; text-decoration: underline; }
ul { padding-bottom: 10px; color: #444; font-size: 70%; line-height: 160%; }
ul li { margin-left: 16px; }

/* Logo */
.logo { position: absolute; top: 0px; left: 10px; width: 204px; height: 40px; border: 0px; display: block; z-index: 10; }

/* Structure */
#wrapper { position: relative; padding-top: 60px; margin: 0px auto; width: 800px; overflow: hidden; }
#container { width: 800px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: url(../afbeelding/container.png) repeat-y 0px 0px; overflow: hidden; }
#content { padding: 20px; padding-top: 50px; width: 550px; background: url(../afbeelding/content.png) no-repeat 0px 0px; float: left; }
#sidebar { padding: 20px; padding-left: 21px; width: 169px; float: left; }
#header { position: absolute; top: 20px; left: 0px; padding: 0px 20px; width: 760px; height: 40px; display: block; }
#navigation { padding: 10px 0px; height: 20px; float: right; overflow: hidden; }
#footer { padding: 10px 20px; display: block; overflow: hidden; }

/* Home */
.home { position: relative; }
.home ul.projecten { position: relative; left: -20px; padding: 0px 10px 0px 20px; margin-top: 65px; width: 560px; list-style: none; border-top: 1px solid #eee; overflow: hidden; }
.home ul.projecten li { padding: 20px 10px 0px 0px; margin: 0px; width: 130px; height: 98px; display: block; float: left; }
.home ul.projecten li a { width: 130px; height: 98px; text-indent: -9999px; display: block; }
.home ul.projecten li.lamp a { background: url(../afbeelding/project-lamp.jpg) no-repeat 0px 0px; }
.home ul.projecten li.paraplu a { background: url(../afbeelding/project-paraplu.jpg) no-repeat 0px 0px; }
.home ul.projecten li.sleutel a { background: url(../afbeelding/project-sleutel.jpg) no-repeat 0px 0px; }
.home ul.projecten li.zeep a { background: url(../afbeelding/project-zeep.jpg) no-repeat 0px 0px; }

/* Project */
.project { width: 550px; display: block; overflow: hidden; }
.project .informatie { padding-right: 40px; width: 350px; display: block; float: left; }
.project .afbeeldingen { width: 160px; height: 160px; float: left; }
.project .afbeeldingen img { top: 0; left: 0; width: 160px; height: 160px; border: 0px; display: block; }

/* Contact */
.form { padding-top: 15px; border-top: 1px solid #eee; }
.form div { padding-bottom: 5px; overflow: hidden; }
.form div label { width: 150px; font-size: 70%; line-height: 24px; display: block; float: left; }
.form div input { padding: 3px 4px; width: 240px; height: 16px; font-size: 70%; line-height: 16px; border: 1px solid #eee; float: left; }
.form div textarea { padding: 3px 4px; width: 240px; height: 130px; font-family: Arial, Verdana; font-size: 70%; line-height: 16px; border: 1px solid #eee; }

.form button { margin-left: 150px; font-size: 70%; color: #007a36; text-decoration: underline; font-weight: bold; background-color: #fff; border: 0px; cursor: pointer; }
.form button:hover { color: #000; text-decoration: none; }

/* Navigation */
#navigation ul { font-size: 70%; list-style: none; }
#navigation ul li { padding-left: 15px; float: left; }
#navigation ul li a { height: 20px; color: #007a36; line-height: 20px; text-decoration: none; display: block; }
#navigation ul li a:hover { text-decoration: underline; }
#navigation ul li.active a { color: #c4c4c4; text-decoration: underline; }
#navigation ul li.active a:hover { text-decoration: underline; }

/* Sidebar */
#sidebar address { font-size: 70%; line-height: 160%; font-style: normal; }
#sidebar address strong { color: #007a36; }

#sidebar ul { font-size: 70%; color: #c4c4c4; list-style: disc; }
#sidebar ul li a { color: #007a36; text-decoration: none; }
#sidebar ul li a:hover { text-decoration: underline; }
#sidebar ul li.active a { color: #c4c4c4; text-decoration: underline; }

/* Footer */
#footer p { color: #c4c4c4; font-size: 60%; line-height: 160%; float: left; }
#footer p.credits { float: right; }
#footer p a { color: #c4c4c4; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }

/* Tlbx content */
#tlbx-content { padding: 20px; background: none; }