/* 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: Georgia, Times, Arial; font-size: 16px; background: url(../afbeelding/body.jpg) repeat 0px 0px; }

h1 { padding-bottom: 16px; width: 600px; font-size: 22px; color: #50482f; line-height: 26px; font-weight: normal; display: block; }
h2 { padding: 9px 0px 3px 0px; height: 24px; font-size: 14px; color: #7f2311; line-height: 24px; display: block; }
h3 { padding: 9px 0px 0px 0px; height: 24px; font-size: 12px; color: #50482f; line-height: 24px; display: block; }
p { padding-bottom: 18px; font-size: 12px; color: #50482f; line-height: 18px; }
p a { color: #7f2311; text-decoration: none; font-style: italic; border-bottom: 1px solid #7f2311; }
p a:hover { border-bottom: 1px dashed #7f2311; }
ul { padding-bottom: 18px; font-size: 12px; color: #50482f; line-height: 18px; list-style: none; }
ul li { padding-left: 10px; background: url(../afbeelding/list-bullet.gif) no-repeat left 6px; }
ul li a { color: #50482f; text-decoration: underline; }
ul li a:hover { color: #50482f; text-decoration: none; }

/* Structure */
#wrapper { position: relative; padding: 100px 0px 10px 0px; margin: 0px auto; width: 900px; display: block; z-index: 2; }
#container { margin-bottom: 20px; width: 900px; background: url(../afbeelding/container.png) repeat-y 229px 0px; display: block; overflow: hidden; }
#content { padding: 18px 35px 0px 35px; width: 600px; display: block; float: right; }
#sidebar { padding: 12px 0px; width: 230px; display: block; float: left; }
#header { position: absolute; top: 13px; left: 0px; padding-bottom: 4px; width: 900px; height: 63px; background: url(../afbeelding/header.gif) no-repeat 0px bottom; display: block; }
#footer { padding: 4px 12px 0px 12px; width: 876px; height: 31px; background: url(../afbeelding/footer.gif) no-repeat 0px 0px; display: block; clear: both; }
.circles { position: absolute; top: 0px; left: 0px; width: 619px; height: 351px; background: url(../afbeelding/circles-left.jpg) no-repeat 0px 0px; z-index: 1; }
.circles-right { position: absolute; top: 0px; right: 0px; width: 222px; height: 281px; background: url(../afbeelding/circles-right.png) no-repeat 0px 0px; z-index: 1; }

/* Logo */
.logo { position: absolute; top: 0px; left: 12px; width: 367px; height: 63px; background: url(../afbeelding/logo.gif) no-repeat 0px 0px; text-indent: -9999px; display: block; }

/* Home */
.home { position: relative; padding-top: 286px; }
.home .left { width: 285px; display: block; float: left; }
.home .right { padding-left: 55px; width: 260px; display: block; float: left; }
.home h1 { position: absolute; top: 55px; left: 20px; width: 203px; height: 130px; background: url(../afbeelding/home-intro-title.gif) no-repeat 0px 0px; text-indent: -9999px; display: block; }

.home ul li a { color: #50482f; text-decoration: underline; }
.home ul li a:hover { text-decoration: none; }
.home a.more { position: relative; top: -18px; font-size: 12px; color: #7f2311; line-height: 18px; text-decoration: none; display: block; }
.home a.more span { border-bottom: 1px solid #7f2311; }
.home a:hover.more span { border-bottom: 1px dashed #7f2311; }

/* Contact */
.contact { padding-right: 40px; width: 280px; display: block; float: left; }

.contact form { display: block; }
.contact form dl { padding-bottom: 5px; display: block; }
.contact form dl label { font-size: 12px; color: #50482f; line-height: 20px; display: block; }
.contact form dl input { width: 268px; padding: 5px; font-family: Georgia, Times, Arial; font-size: 12px; color: #50482f; line-height: 14px; background-color: #fff; border: 1px solid #7f2311; }
.contact form dl textarea { width: 268px; height: 70px; padding: 5px; font-family: Georgia, Times, Arial; font-size: 12px; color: #50482f; line-height: 16px; background-color: #fff; border: 1px solid #7f2311; }
.contact form button { margin-top: 10px; width: 120px; height: 24px; font-family: Georgia, Times, Arial; font-size: 12px; color: #fff; font-style: italic; text-align: center; background-color: #7f2311; display: block; float: right; }
 
.contact form .validatie { padding: 7px; border: 1px solid #7f2311; display: block; }
.contact form .validatie p { padding: 0px; }
.route { width: 280px; display: block; float: left; }

/* Sidebar */
#sidebar h2 { margin-left: 10px; padding: 0px 8px; width: 175px; height: 31px; font-family: Arial, Verdana; font-size: 12px; color: #fff; font-weight: bold; line-height: 31px; background: url(../afbeelding/sidebar-legend.gif) no-repeat 0px 0px; display: block; }

#sidebar #navigation { padding-bottom: 16px; width: 230px; display: block; overflow: hidden; }
#sidebar #navigation ul { padding: 10px 0px; width: 230px; list-style: none; display: block; }
#sidebar #navigation ul li { padding: 0px; width: 230px; height: 32px; text-transform: lowercase; background: none; display: block; }
#sidebar #navigation ul li a { padding: 0px 20px; width: 190px; height: 32px; font-size: 16px; color: #50482f; line-height: 32px; text-decoration: none; display: block; }
#sidebar #navigation ul li a span { cursor: pointer; }
#sidebar #navigation ul li a:hover { color: #50482f; }
#sidebar #navigation ul li a:hover span { border-bottom: 1px solid #50482f; }
#sidebar #navigation ul li.active a { color: #7f2311; }
#sidebar #navigation ul li.active a span { border-bottom: 1px solid #7f2311; }

#sidebar #adsense { width: 230px; height: 239px; display: block; overflow: hidden; }
#sidebar #adsense div { margin: 6px 0px 6px 3px; padding: 3px; width: 200px; height: 200px; }

/* Footer */
#footer span { font-size: 11px; color: #50482f; line-height: 31px; font-style: italic; display: block; float: right; }
#footer address { font-size: 11px; color: #50482f; line-height: 31px; font-style: italic; display: block; float: left; }
#footer a { color: #50482f; text-decoration: underline; }
#footer a:hover { text-decoration: none; }

/* Cosy */
.cosy-large { position: absolute; top: 110px; right: 30px; padding: 15px; width: 310px; height: 210px; display: block; z-index: 2; }
.cosy-large .images { width: 310px; height: 210px; display: block; }
.cosy-large .images img { position: relative; top: 0px; left: 0px; width: 310px; height: 210px; display: block; }
.cosy-large .window { position: absolute; top: 0px; left: 0px; width: 340px; height: 240px; background: url(../afbeelding/cosy-large-window.png) no-repeat 0px 0px; display: block; z-index: 4; }