/* 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 { font-family: Verdana, Arial; font-size: 16px; background: #fff url(../afbeelding/body.png) repeat-x 0px 0px; }

.logo { position: absolute; top: 27px; left: 7px; width: 246px; height: 105px; background: url(../afbeelding/logo.png) no-repeat 0px 0px; text-indent: -9999px; display: block; }

#wrapper { position: relative; padding-right: 15px; margin: 0px auto; width: 980px; display: block; }
#container { padding: 20px 0px; width: 980px; display: block; overflow: hidden; }
#block { position: relative; padding-top: 110px; width: 715px; display: block; overflow: hidden; float: right; }
#content { padding: 0px 25px 5px 25px; width: 415px; background: url(../afbeelding/content.png) no-repeat left bottom; display: block; float: left; }
#extra { padding: 0px 0px 0px 20px; width: 230px; display: block; float: left; }
#sidebar { padding: 400px 20px 0px 15px; width: 230px; background: url(../afbeelding/sidebar.png) no-repeat 0px 0px; display: block; float: left; }
#footer { padding: 0px 5px 20px 20px; width: 955px; display: block; }
#service { position: relative; padding: 70px 25px 5px 25px; width: 665px; background: url(../afbeelding/service.png) no-repeat left bottom; display: block; }

/* Standard */
h1 { padding-bottom: 20px; font-family: "Trebuchet MS", Verdana, Arial; font-size: 20px; font-weight: normal; line-height: 24px; color: #f78f1e; }
p { padding-bottom: 18px; font-size: 11px; line-height: 22px; color: #005696; }
p em { color: #f78f1e; font-style: italic; }
p strong em { color: #f78f1e; font-style: normal; }
a { color: #f78f1e; text-decoration: underline; }
a:hover { text-decoration: none; }

ul { list-style: disc; padding-bottom: 18px; }
ul li { list-style: disc; margin-left: 15px; font-size: 11px; line-height: 18px; color: #005696; }

/* Service */
.service-list { position: absolute; top: 0px; left: 5px; width: 705px; height: 40px; background: url(../afbeelding/service-list.png) no-repeat 0px 0px; display: block; }
.service-list ul { padding: 0px 14px 0px 15px; width: 676px; height: 40px; list-style: none; display: block; }
.service-list ul li { position: relative; list-style: none; margin: 0px; margin-left: -1px; width: 226px; height: 40px; display: block; float: left; }
.service-list ul li a { padding-top: 12px; width: 226px; height: 28px; font-size: 10px; color: #005696; font-weight: bold; text-decoration: none; line-height: 28px; text-transform: uppercase; text-align: center; display: block; }
.service-list ul li a:hover { color: #f78f1e; }
.service-list ul li.active a { position: absolute; left: -5px; padding-top: 10px; width: 236px; height: 30px; color: #f78f1e; line-height: 30px; background: url(../afbeelding/service-list-active.png) no-repeat left bottom; }

/* Sections */
.section { padding: 0px 20px 5px 20px; width: 190px; background: url(../afbeelding/section.png) no-repeat left bottom; display: block; }
.section h2 { position: relative; top: 0px; left: -15px; padding: 0px 15px; margin-bottom: 15px; width: 190px; height: 30px; font-family: "Trebuchet MS", Arial; font-size: 12px; color: #fff; line-height: 30px; font-weight: bold; text-transform: uppercase; background: url(../afbeelding/section-header.png) no-repeat 0px 0px; display: block; }
.section p { padding-bottom: 18px; font-size: 11px; line-height: 18px; color: #005696; }
.section p strong span { color: #f78f1e; }
.section p a { color: #f78f1e; text-decoration: underline; }
.section p a:hover { text-decoration: none; }

/* Section - callme */
.section .callme { margin-bottom: 15px; width: 190px; background: url(../afbeelding/section-shade.png) repeat-x left bottom; display: block; overflow: hidden; }
.section .callme p { font-size: 10px; line-height: 12px; }
.section .callme form { padding: 0px 10px 10px 10px; width: 170px; display: block; overflow: hidden; }
.section .callme form input { padding: 2px 4px; margin-bottom: 3px; width: 160px; font-family: Arial; font-size: 11px; color: #333; border: 1px solid #b4aba2; }
.section .callme form button { margin-top: 10px; width: 91px; height: 31px; background: url(../afbeelding/button-bel.png) no-repeat 0px 0px; text-indent: -9999px; cursor: pointer; display: block; float: right; }

/* Section - voorwaarden */
.section .voorwaarden { margin-bottom: 15px; width: 190px; background: url(../afbeelding/section-shade.png) repeat-x left bottom; display: block; overflow: hidden; }
.section .voorwaarden p { font-size: 10px; line-height: 12px; }
.section .voorwaarden a { margin: 0px 5px 5px 64px; width: 121px; height: 30px; text-indent: -9999px; background: url(../afbeelding/button-download.png) no-repeat 0px 0px; display: block; }

/* Section - ondersteuning */
.section .ondersteuning { margin-bottom: 15px; width: 190px; background: url(../afbeelding/section-shade.png) repeat-x left bottom; display: block; overflow: hidden; }
.section .ondersteuning p { font-size: 10px; line-height: 12px; }
.section .ondersteuning p span { padding: 10px 0px 0px 40px; height: 28px; font-size: 16px; line-height: 28px; font-weight: bold; background: url(../afbeelding/icon-ondersteuning.png) no-repeat 0px bottom; display: block; }

.section .ondersteuning p.email { padding: 20px 5px 10px 5px; width: 180px; height: 30px; background: url(../afbeelding/ondersteuning-lijn.png) no-repeat center top; display: block; overflow: hidden; }
.section .ondersteuning p.email span { padding: 0px; font-size: 10px; line-height: 30px; font-weight: normal; background: none; display: block; float: left; }
.section .ondersteuning p.email a { width: 90px; height: 30px; text-indent: -9999px; background: url(../afbeelding/button-email.png) no-repeat right 0px; display: block; float: right; }

/* Rotator */
.rotator-placeholder { width: 715px; height: 258px; display: block; }
.rotator { position: absolute; top: 110px; left: 0px; padding: 7px 7px 5px 7px; width: 701px; height: 216px; background: url(../afbeelding/rotator.png) no-repeat 0px 0px; display: block; }
.rotator ul { list-style: none; display: block; }
.rotator ul li { position: relative; list-style: none; padding-bottom: 2px; margin: 0px; width: 701px; height: 70px; display: block; }
.rotator ul li a { position: absolute; top: 0px; left: 0px; width: 701px; height: 70px; font-family: "Trebuchet MS", Verdana; text-decoration: none; display: block; overflow: hidden; }
.rotator ul li a strong { width: 234px; height: 70px; font-size: 12px; color: #f4d3b0; font-weight: bold; line-height: 70px; text-align: center; text-decoration: none; display: block; float: right; }
.rotator ul li a span { padding-left: 15px; width: 452px; height: 70px; font-size: 20px; color: #f79325; line-height: 70px; display: none; float: left; }
.rotator ul li a span em { color: #005696; font-style: normal; }

.rotator ul li a.active { background: url(../afbeelding/rotator-active.png) no-repeat 0px 0px; display: none; }
.rotator ul li a.active strong { color: #ffffff; }
.rotator ul li a.active span { display: block; }
.rotator br { display: none; }

/* Links */
ul.links { padding-bottom: 50px; width: 415px; font-size: 11px; line-height: 18px; list-style: none; display: block; }
ul.links li { list-style: none; padding: 13px 0px; margin: 0px; background: url(../afbeelding/links.png) no-repeat left bottom; }
ul.links li a { color: #f78f1e; text-decoration: underline; font-weight: bold; display: block; }
ul.links li ul { padding: 0px; list-style: none; } 
ul.links li ul li { padding: 0px; color: #005696; background: none; }

/* Reference */
ul.reference { padding-bottom: 50px; width: 415px; font-size: 11px; line-height: 18px; list-style: none; display: block; }
ul.reference li { list-style: none; padding-bottom: 18px; margin: 0px; color: #f78f1e; display: block; }
ul.reference li strong { color: #005696; }

/* Contact */
.contact { padding-bottom: 16px; width: 415px; display: block; overflow: hidden; }
.contact .pri { width: 175px; display: block; float: left; }
.contact .sec { width: 240px; display: block; float: left; }

/* Formulier */
.formulier { padding-top: 31px; padding-bottom: 15px; background: url(../afbeelding/formulier.png) no-repeat 0px 0px; display: block; }
.formulier h2 { padding-bottom: 20px; font-family: "Trebuchet MS", Verdana, Arial; font-size: 20px; font-weight: normal; line-height: 24px; color: #f78f1e; }
.formulier table { width: 415px; }
.formulier table td { padding-bottom: 4px; height: 24px; vertical-align: top; }
.formulier table tr.onderwerp td { padding-top: 15px; }
.formulier table tr.opmerking td { padding-top: 15px; }
.formulier table td label { width: 130px; font-size: 11px; color: #005696; line-height: 24px; font-weight: bold; display: block; }
.formulier table td input { padding: 2px 3px; width: 257px; height: 16px; font-family: Arial; font-size: 11px; color: #333; border: 1px solid #f78f1e; }
.formulier table td input.postcode { width: 60px; }
.formulier table td input.woonplaats { width: 183px; }
.formulier table td textarea { padding: 2px 3px; width: 257px; height: 60px; font-family: Arial; font-size: 11px; line-height: 14px; color: #333; border: 1px solid #f78f1e; }
.formulier table td select { width: 220px; }
.formulier td.required { width: 20px; font-size: 11px; color: #f78f1e; text-align: center; }
.formulier table button { margin-top: 5px; width: 119px; height: 30px; text-indent: -9999px; background: url(../afbeelding/button-verstuur.png) no-repeat 0px 0px; display: block; cursor: pointer; float: right; }

/* Navigation */
#navigation ul { position: absolute; top: 145px; left: 20px; width: 220px; list-style: none; display: block; }
#navigation ul li { list-style: none; padding-bottom: 6px; margin: 0px; width: 220px; height: 31px; font-family: "Trebuchet MS", Arial; font-size: 12px; line-height: 33px; font-weight: bold; text-transform: uppercase; display: block; }
#navigation ul li a { padding-left: 35px; width: 185px; height: 31px; color: #005696; text-decoration: none; background: url(../afbeelding/navigation.png) no-repeat 0px 0px; display: block; }
#navigation ul li a:hover,
#navigation ul li.active a { color: #f78f1e; }

/* Footer */
#footer span { width: 955px; height: 30px; font-size: 10px; color: #fff; text-align: center; line-height: 30px; background-color: #f78f1e; display: block; }
#footer span a { color: #fff; text-decoration: underline; }
#footer span a:hover { text-decoration: none; }
#footer span.credits { height: 22px; font-size: 9px; color: #a6a6a6; line-height: 22px; background: none; }
#footer span.credits a { color: #a6a6a6; text-decoration: underline; }
#footer span.credits a:hover { color: #a6a6a6; text-decoration: none; }

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