body { margin: 0; padding: 0; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .75em; color: #252525; background: #fff; }
h1 { font-size: 2em; color: #906; }
h2 { font-size: 1.5em; color: #bb0093; }
h3 { font-size: 1.2em; color: #252525; }
p { line-height: 150%; margin: 10px 0; }
a { color: #252525; }
a:hover { color: #bb0093; }
blockquote { border-left: 4px solid #eee; padding: 0 20px; margin: 0; }

.clear-me { clear: both; height: 1px; }

#bdy-page { text-align: left; padding: 0; margin: 0; }

/*banner stijlen */
#banner { height: 240px; text-align: center; background: transparent; }
#content-banner { width: 940px; height: 300px; border-left: 10px solid #fff; border-right: 10px solid #fff; text-align: left; margin: 0 auto 10px auto; padding: 0; background: #fff url("/img/stijlen/dummy-banner.jpg") 50% 50% no-repeat;  }
#content-banner #nieuw-op-de-site { display: block; width: 140px; height: 115px; float: right; background: transparent url("/img/stijlen/bg-nieuw-op-de-site.png") 0 100% no-repeat; }
#content-banner a { text-decoration: none; }
#content-banner a img { border: none; }
#ga-banner { float: right; display: block; background: #fff; padding: 8px; border: 1px solid #1ba8d6; margin-top: 30px; }

/* #container-top { height: 80px; background: #023567 url("/img/stijlen/bg-container-top.png") 0 100% repeat-x; color: #fff; margin: 0; padding: 0; border-bottom: 15px solid #252525; } */
#container-top { border-top: 10px solid #1ca8d7; height: 120px; background: #252525; color: #fff; margin: 0; padding: 20px 0 0 0; border-bottom: 15px solid #252525; }
#content-top { width: 960px; text-align: left; margin: 0 auto; padding: 8px 0 0 0; background: transparent; }
#container-logo { display: block; width: 250px; height: 80px; float: left; }

/* breadcrumb stijlen */
#broodkruimelpad { width: 960px; height: 30px; margin: 0 auto; padding: 0; background: transparent; color: #fff; text-align: left; }
#broodkruimelpad a { color: #fff; }
#broodkruimelpad a:hover { color: #dd0093; }

/* featured list stijlen */
div#feature_list { width: 940px; height: 240px; overflow: hidden; position: relative; margin: 0 auto; background: #fff; border-left: 10px solid #fff; border-right: 10px solid #fff; text-align: left; margin: 0 auto 10px auto; padding: 0; background: #fff url("/img/stijlen/dummy-banner.jpg") 50% 50% no-repeat; }
div#feature_list ul { position: absolute; top: 0; list-style: none; padding: 0; margin: 0; }
ul#tabs { left: 0; z-index: 2; width: 390px; border-right: 10px solid #fff; }
ul#tabs li { font-size: 11px; font-family: Arial; background: #eee; border-bottom: 1px solid #fff; }
ul#tabs li img { padding: 0 5px 5px 5px; border: none; float: left; margin: 0 10px 0 0; }
ul#tabs li a { color: #222; text-decoration: none; display: block; padding: 10px; height: 60px; outline: none; }
ul#tabs li a:hover { color: #1ba8d6; }
ul#tabs li a.current { background: url("feature-tab-current.png"); color: #d33431; }
ul#tabs li a.current h3 { color: #d33431; }
ul#tabs li a.current:hover { text-decoration: none; cursor: default; }
ul#tabs li a h3 { font-size: 2em; font-family: "BastardusSans", Verdana; color: #252525; }
ul#output { right: 0; width: 540px; height: 240px; position: relative; }
ul#output li { position: absolute; width: 540px; height: 240px; }
ul#output li a { position: absolute; bottom: 10px; right: 10px; padding: 8px 12px; text-decoration: none; font-size: 11px; color: #fff; background: #252525; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -border-radius: 5px; filter: alpha(opacity=80); -moz-opacity:0.8; -webkit-opacity: 0.8; opacity: 0.8; }
ul#output li a:hover { background: #d33431; filter:alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; }

/* zoek en resultaten */
#container-frm-zoek { float: right; color: #fff; margin-top: 15px; }
#input-zoek, #s { border: 1px solid #252525; color: #252525; font-size: 1em; padding: 5px 3px; width: 200px; }
#btn-zoek { background: #252525; border: 1px solid #fff; color: #fff; padding: 3px 5px 4px 5px; font-size: 1em; margin-left: 2px; }
#cse-search-results { width: 940px; margin: 0 0 20px 0; padding: 10px 0; }
#hdr-zoekresultaten { font-family: "DesyrelRegular"; font-size: 2.5em; color: #1ca8d7; margin: 10px 0; }
#cse-search-results iframe { width: 940px; font-size: .8em; }
.zoekresultaat { padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px solid #f0f0f0; }
.zoekresultaat h3 { font-size: 1.3em; color: #c09; }
.zoekresultaat h3 a { color: #c09; text-decoration: none; }
.zoekresultaat h3 a:hover { color: #c09; text-decoration: underline; }

/* handmatige menu stijlen - momenteel niet in gebruik */
/*
#container-menu { width: 960px; height: 58px; margin: 0 auto; padding: 0; background: transparent; border-bottom: 10px solid #fff; }
.menu-tab { display: block; height: 48px; width: 130px;  color: #fff; font-size: 1.3em; font-family: "BastardusSans", Verdana; text-decoration: none; float: left; text-align: center; margin-right: 3px; }
.menu-tab span { display: block; height: 20px; top: 50%; margin-top: 10px; margin-left: 10px; }
#menu-tab-blog, #menu-tab-linx, #menu-tab-archief, #menu-tab-blah, #menu-tab-over { background: #dd0093; border-top: 10px solid #252525; }
#menu-tab-blog:hover, #menu-tab-linx:hover, #menu-tab-archief:hover, #menu-tab-blah:hover, #menu-tab-over:hover { color: #252525; background: #fff; border-top: 10px solid #eee; }
#menu-tab-blog-actief, #menu-tab-linx-actief, #menu-tab-archief-actief, #menu-tab-blah-actief, #menu-tab-over-actief { background: #fff; color: #906; font-weight: bold; border-top: 10px solid #fff; }
*/

/* menu stijlen wp 3.0  */
#container-menu { width: 960px; height: 58px; margin: 0 auto; padding: 0; background: transparent; border-bottom: 10px solid #fff; }
#container-menu .nav-sploeng li { display: inline; list-style: none; }
#container-menu .nav-sploeng li.menu-item { display: block; height: 58px; width: 130px; background: #dd0093; color: #fff; font-size: 1.3em; font-family: "BastardusSans", Verdana; float: left; text-align: center; margin-right: 3px; }
#container-menu .nav-sploeng li.menu-item a { display: block; height: 48px; text-decoration: none; color: #fff; border-top: 10px solid #252525; padding-top: 10px; }
#container-menu .nav-sploeng li.menu-item a:hover { background: #fff; color: #252525; border-top: 10px solid #eee; }
#container-menu .nav-sploeng li.current-menu-item, .nav-sploeng li.current-page-ancestor, .nav-sploeng li.current-post-ancestor, .nav-sploeng li.current-category-ancestor /*, .nav-sploeng li.menu-item-type-taxonomy */ { background: #fff; color: #906; }
#container-menu .nav-sploeng li.current-menu-item a, .nav-sploeng li.current-page-ancestor a, .nav-sploeng li.current-post-ancestor a, .nav-sploeng li.current-category-ancestor a /*, .nav-sploeng li.menu-item-type-taxonomy a */ { background: #fff; color: #906 !important; border-top: 10px solid #fff; }
#container-menu .nav-sploeng li.current-menu-item a:hover, .nav-sploeng li.current-page-ancestor a:hover, .nav-sploeng li.current-post-ancestor a:hover, .nav-sploeng li.current-category-ancestor a:hover /*, .nav-sploeng li.menu-item-type-taxonomy a:hover */ { color: #906 !important; }

#container-menu-forum { width: 960px; height: 58px; margin: 0 auto; padding: 0; background: transparent; border-bottom: 10px solid #fff; }
#container-menu-forum .nav-sploeng-forum li { display: inline; list-style: none; }
#container-menu-forum .nav-sploeng-forum li.menu-item { display: block; height: 58px; width: 130px; background: #fff; color: #906; font-size: 1.3em; font-family: "BastardusSans", Verdana; float: left; text-align: center; margin-right: 3px; }
#container-menu-forum .nav-sploeng-forum li.menu-item a { display: block; height: 48px; text-decoration: none; color: #252525; border-top: 10px solid #252525; padding-top: 10px; }
#container-menu-forum .nav-sploeng-forum li.menu-item a:hover { background: #fff; color: #bb0093; border-top: 10px solid #eee; }
#container-menu-forum .nav-sploeng-forum li.current-menu-item { background: #fff; color: #906; }
#container-menu-forum .nav-sploeng-forum li.current-menu-item a { color: #906 !important; border-top: 10px solid #fff; }
#container-menu-forum .nav-sploeng-forum li.current-menu-item a:hover { color: #bb0093 !important; }

/* intro stijlen */
.container-intro { margin: 0 20px; padding: 20px 20px 20px 0; min-height: 100px; color: #252525; font-size: 1em; border-bottom: 1px solid #eee; background: #fff; }
.container-intro h1 { font-family: "BastardusSans"; font-size: 2.5em; color: #906; }
.container-intro a { color: #252525; text-decoration: none; border-bottom: 1px dotted #252525; }
.container-intro a:hover { color: #d33431; text-decoration: none; border-bottom: 1px solid #d33431; }

/* nu online stijlen - wordt niet gebruikt */
#container-bezoekers-online { display: none; position: absolute; width: 300px; height: 140px; margin-left: 575px; background: transparent; }
#container-bezoekers-online div#container-img { width: 120px; height: 100px; margin-top: 50px; float: right; background: transparent url("/img/stijlen/bg-container-online-bezoekers.png") 0 0 no-repeat; } 
#container-bezoekers-online div { display: none; float: left; width: 150px; margin: 20px 0 0 0; text-align: center; color: #fff; }
#container-bezoekers-online div span#aantal-online { font-size: 2.5em; font-weight: bold; }
#container-bezoekers-online div span#bezoekers { font-size: 2em; }

/* content stijlen */
#super-supercontainer { background: #252525 url("/img/stijlen/bg-body-sploeng-v2.0.1.png") 50% 205px no-repeat fixed; }
#supercontainer { width: 960px; text-align: left; margin: 0 auto; padding: 0; background: #fff; }

#supercontainer-cse { width: 960px; text-align: left; margin: 0 auto; padding: 0; background: #fff; }

#container-content { display: block; text-align: left; border-bottom: 20px solid #fff; border-top: 1px solid #eee; padding-bottom: 20px; margin: 0 20px; }
.container-post { float: left; width: 100%; margin: 0 0 10px 0; padding: 0 0 25px 0; border: none; background: transparent url("/img/stijlen/bg-container-post.png") 50% 100% no-repeat; }
.pagina { border: none; background-image: none; padding-bottom: 0; margin: 20px 0 0 0; width: 100%; }
.content { margin: 0; }
.content .post-door-datum { padding: 0 10px 10px 50px; background: transparent url("/img/ico/ico-schrijfsel.png") 0 0 no-repeat; }
.content p { padding: 10px 10px 10px 0; }

.container-titel-en-meta { display: block; float: left; width: 250px; }
.container-tekst { display: block; float: right; width: 650px; margin-bottom: 20px; }

.blogpost-titel { font-family: "BastardusSans"; font-size: 2em; color: #1ca8d7; line-height: 125%; padding: 10px 10px 10px 0; margin-top: 10px; }
.titel-pagina { border-bottom: none; margin: none; }
.blogpost-titel a { text-decoration: none; color: #1ca8d7; margin: 0; padding: 0; }
.blogpost-titel a:hover { text-decoration: none; color: #dd0093; }
.container-post div { line-height: 150%; }
.container-post img.beeld-groot, .container-post img.size-full { margin: 10px 0; }

.container-post div p a { color: #000; text-decoration: none; border-bottom: 1px dotted #000; }
.container-post div p a:hover { color: #dd0093; border-bottom: 1px solid #906; }

.container-post div p a.plaatje { color: #000; text-decoration: none; border-bottom: none; }
.container-post div p a.plaatje:hover { border-bottom: none; }
.container-post div p a.plaatje img { border: none; }

.container-post div ul { margin-left: 20px; }

/* wp-poll stijlen */
#container-poll ul { margin: 0 0 10px 0; padding: 0; }
#container-poll ul li { margin: 0 0 5px 0; padding: 0; list-style: none; }
#polls-4-ans p .Buttons { background: #1ca8d7; border: 1px solid #1ca8d7; color: #fff; padding: 4px 0; width: 250px; }
.pollbar { margin-top: 3px; }

.link-img { display: block; width: 235px; background: #f0f0f0; text-decoration: none; margin-top: 20px; padding: 10px; text-align: center; }
.link-img:hover { display: block; background: #1ca8d7; }
.link-img img { border: none; }

/* tagcloud stijlen */
#category_cloud { padding: 10px 0 0 0; text-align: justify; line-height: 150%; }
#category_cloud a { color: #1ca8d7; text-decoration: none; padding: 5px; }
#category_cloud a:hover { color: #bb0093; }

/* content stijlen */
.content .img-rechts, .content .beeld-post { float: right; margin: 0 0 20px 50px; border: none; }
.content .img-wie-is-wie { float: left; margin: 10px 15px 15px 0; }
.content ul { margin: 0; padding: 0 0 0 20px; }
.content ul li { list-style: outside square url("/img/ico/ico-rondje.png"); margin: 0; padding: 3px 3px 3px 6px; }

.container-post .content .more-link { display: block; width: 200px; height: 30px; text-decoration: none; border-bottom: none; float: left; margin-bottom: 10px; }
.more-link  img { float: left; border: none; }

/* gads stijlen */
.gads { width: 98%; height: 80px; text-align: center; margin: 0 0 10px 0; padding: 20px 0; }

.tbl-stappenplan { width: 900px; margin-bottom: 20px; border-collapse: collapse; }
.tbl-stappenplan td { width: 50%; text-align: left; vertical-align: top; padding: 20px 10px; border-bottom: 3px solid #eee; }
.tbl-stappenplan .eot td { border: none; }
.tbl-stappenplan td img { float: right; }

.cat-item { list-style: none; padding: 8px; margin: 3px; color: #a0a; }

/* links stijlen */
.linkcat { display: block; width: 300px; float: left; margin: 0 20px 30px 0; }
.linkcat h2 { font-family: "DesyrelRegular"; font-size: 2em; color: #1ca8d7; display: block; padding: 5px 5px 5px 25px; background: transparent url("/img/ico/ico-link-categorie.png") 0 50% no-repeat; }
.xoxo li a { text-decoration: none; border-bottom: 1px dotted #000; }
.xoxo li a:hover { text-decoration: none; border-bottom: 1px solid #c06; color: #c06; }

/* navigatie + vorige / volgende stijlen */
#container-navigatie-thumbs { height: 50px; text-align: left; clear: both; }
.navigatie { display: block; height: 20px; background: transparent; text-align: center; margin-top: 10px; }
.navigatie span a { color: #252525; }
.navigatie span a:hover { color: #bb0093; }
.link-terug { float: right;  text-decoration: none; }

/* 404 stijlen */
#target-404 { font-weight: bold; }

/* contactformulier en tell-a-friend stijlen */
.contact-fout { display: block; font-weight: 500; border: 2px solid #c00; margin: 15px 0 25px 0px; padding: 20px; background: #fff; }
.contact-fout img { }
.contact-verstuurd { display: block; font-weight: 500; border: 2px solid #4a77ae; margin: 15px 0 25px 0; padding: 20px; background: #fff; }

#intro-contact { margin: 0 0 20px 0; }
#intro-contact h1 { color: #225378; }
#intro-contact h2 { font-size: 1.1em; color: #4b78af; }

#intro-contact h1, #intro-contact h2 { margin: 0; padding: 0 20px 0 0; }
#intro-contact p { padding: 5px 20px 5px 0 }

#hdr-contact { font-size: 2em; color: #225378; }

#tbl-contact, #tbl-tell-a-friend { width: 920px; margin: 10px 10px 10px 0; }
#tbl-contact td, #tbl-tell-a-friend td { width: 50%; font-size: .9em; padding: 4px 4px 4px 8px; margin: 0; }
.frm-label { background: #f0f0f0; width: 50%; vertical-align: top; }
.frm-veld { background: #eee; width: 50%; text-align: right; }
.frm-veld input, .frm-veld textarea { border: 1px solid #f0f0f0; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Sans-serif; font-size: 1em; }
.frm-veld textarea { font-size: 1em; }
.ico { float: left; margin: 0 20px 20px 0; }
#tbl-contact #kopie { border: 0px; }
#tbl-contact td #naam, #tbl-contact td #ref, #tbl-contact td #email, #tbl-contact td #bericht { width: 95%; padding: 4px; border: 1px solid #ccc; }
#tbl-tell-a-friend td #naam, #tbl-tell-a-friend td #vanemail, #tbl-tell-a-friend td #aanemail, #tbl-tell-a-friend td #url, #tbl-tell-a-friend td #bericht { width: 50%; padding: 4px; border: 1px solid #ccc; }

#tekst-contact { margin-left: -20px; border: 1px solid #f0f; }

#cel-versturen { text-align: right; }
#frm-versturen { text-align: right; }

#verstuur-contactformulier, #verstuur-taf { background: #009bce; color: #fff; border: 2px solid #009bce; margin: 0; float: right; }

/*reageer stijlen */
#auteur, #url, #email { width: 450px; border: 1px solid #999; padding: 5px; font-size: 1em; }
#comment { width: 600px; border: 1px solid #999; padding: 5px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Sans-serif;	font-size: 1em; }
#container-submit { padding-bottom: 20px; }
#submit-nbw-commentaar { border: 1px solid #c00; background: #c00; color: #fff; float: left; padding: 5px; }
#comments { font-family: "BastardusSans", Verdana; font-size: 2em; color: #1ca8d7; margin: 40px 0 0 0; padding: 0; }
#comments .ico-wolk { display: block; float: left; width: 30px; height: 30px; background: transparent url("/img/ico/ico-reacties.png") 0 0 no-repeat; }
#commentlist { padding: 0 0 0 10px; }
#commentlist li { list-style: none; padding-bottom: 20px; margin-bottom: 20px; background: transparent url("/img/stijlen/bg-container-reactie.png") 50% 100% no-repeat; }
.avatar { float: left; padding: 0 15px 0 0; margin: 0 15px 5px 0; border-right: 4px solid #bb0093; }
.reactie-tekst { display: block; clear: right; padding-left: 85px; }
.reactie-meta { clear: both; padding-left: 85px; }
#let-op-mening { font-size: .9em; margin: 10px 0; }

/* post meta stijlen */
.container-post .content .post-social a, .container-post .content .post-taf a, .container-post .content .post-meta a { text-decoration: none; border-bottom: 1px dotted #bb0093; }
.container-post .content .post-social a:hover, .container-post .content .post-taf a:hover, .container-post .content .post-meta a:hover { text-decoration: none; border-bottom: 1px solid #bb0093; }

.post-door-datum { color: #252525; font-size: .9em; }
.post-social { padding: 8px 5px; border: none; background: #cef3ff; font-size: .9em; }
.post-taf { padding: 8px 5px !important; border: none; background: #f0f0f0; color: #252525; font-size: .9em; }
.post-taf a { color: #252525 !important; border-bottom: 1px dotted #252525 !important; }
.post-taf a:hover { border-bottom: 1px solid #252525 !important; }
.post-meta { clear: both; padding: 8px 5px; border: none; background: #fff; font-size: .9em; }

/* widget stijlen */
#container-widgets { display: block; text-align: center; margin: 10px 0 10px 0; padding: 20px 0; /* border-top: 4px solid #eee; border-bottom: 4px solid #eee; */ }
.widget { float: left; width: 275px; height: 300px; overflow: hidden; margin: 0 14px 0 0; text-align: left; padding: 10px; border: 1px solid #eee; }
.widget-laatst { margin: 0; float: right; }
.widget h2 { font-size: 2em; font-family: "BastardusSans", Verdana; color: #1ca8d7; }
.widget a { color: #bb0093; }

/* footer stijlen */
#footer { width: 100%; margin: 0; background: #252525; text-align: center; margin-top: 20px; border-top: 10px solid #252525; border-bottom: 10px solid #1ca8d7; }
#content-footer { background: transparent; width: 960px; margin: 0 auto; padding: 20px 0; color: #fff; }
#content-footer p { margin: 10px 0; }
#content-footer p a { color: #fff; text-decoration: none; }
#content-footer p a:hover { color: #dd0093; }

/* archief stijlen */
.arc-container-jaar { float: left; width: 15%; font-size: 1.75em; color: #ccc; border-top: 1px solid #eee; padding: 10px 0; }
.arc-container-jaar a { color: #ccc; text-decoration: none; }
.arc-container-jaar-dummy { float: left; width: 15%; font-size: 1.75em; color: #ccc; border: none; clear: left; }

.arc-container-maand { float: left; width: 15%; font-size: 1.5em; color: #999; border-top: 1px solid #eee; padding: 10px 0; }
.arc-container-maand a { color: #999; text-decoration: none; }

.arc-container-dag { float: left; width: 70%; }
.arc-container-dag a { color: inherit; text-decoration: none; }

.dag { float: left; width: 15%; clear: right; font-size: 1.5em; color: #333; border-top: 1px solid #eee; padding: 10px 0; }
.arc-item { float: left; width: 85%; clear: right; font-size: .8em; color: #252525; min-height: 2em; padding-top: 15px; border-top: 1px solid #eee;  }
.arc-item a { font-size: 1.25em; color: #252525; }
.arc-item a:hover { font-size: 1.25em; color: #dd0093; }
.divider { width: 100%; height: .1em; background: transparent; clear: both; }
.regel { width: 100%; height: .5em; background: #fff; clear: both; }

.titel-archief { color: #000; }
.titel-archief a { color: inherit; }