/*
@font-face {
	font-family: 'nbwTitel';
	src: url('/fonts/OFLGoudyStM.eot');
	src: local('OFL Sorts Mill Goudy Regular'), local('OFLGoudyStM'), url('/fonts/OFLGoudyStM.woff') format('woff'), url('/fonts/OFLGoudyStM.otf') format('opentype'), url('/fonts/OFLGoudyStM.svg#OFLGoudyStM') format('svg');
}
*/

@font-face {
	font-family: 'nbwTitel';
	src: url('/fonts/BastardusSans.eot');
	src: local('BastardusSans Regular'), local('BastardusSans'), url('/fonts/BastardusSans.woff') format('woff'), url('/fonts/BastardusSans.ttf') format('truetype'), url('/fonts/BastardusSans.svg#BastardusSans') format('svg');
}

body { font: normal 100% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #282828; background: #fff url("/img/stijlen/bdy/grid.png") 0 0 repeat; }
h1,h2,h2,h3,h4 { font-family: Georgia, "Times New Roman", Times, serif; color: #000; margin: 1em 0 .5em 0; }
h1 { font-size: 2.5em; color: #000; line-height: 110%; }
h1 span { color: #2c6a8f; }
h2 { font-size: 1.6em; color: #2c6a8f; }
h3 { font-size: 1.4em; color: #2c6a8f; }
h4 { font-size: 1.3em; }
p { font-size: .9em; color: #333; }
li { list-style: url("/img/stijlen/ico/blt-nbw.gif") outside square; font-size: .9em; }
a, a:visited { color: #000; background: transparent; text-decoration: underline; }
a:hover, a:active { color: #2c6a8f; background: transparent; text-decoration: none; }
a img { border: none; }
abbr, acronym { cursor: help; }
code, pre { font-size: 1.2em; }

.img-rechts, .imgRight { float: right; margin: 0 0 10px 10px; }
.ico-menu { float: right; margin: 10px; padding: 5px 5px 0 0; }
.ico-menu:hover { cursor: pointer; }
.zoom-foto { border: 1px solid #ccc; background: #fff; margin: 10px; padding: 6px; position: absolute; left: 90px; clear: both; }
.clear-me { height: 1px; display: block; clear: both; }
.doorgestreept { text-decoration: line-through; }
.to-upper { text-transform: uppercase; }
.centreer-me { text-align: center; }

/* container stijlen */
#container { text-align: left; max-width: 61.75em; margin: 20px auto 0 auto; background: transparent; }

/* banner stijlen */
#banner { display: block; width: 100%; background: transparent url("/img/stijlen/banner/banner-nbw-v9.0.png") 0 0 no-repeat; font-family: "nbwTitel", "Trebucket MS", Arial, Helvetica, sans-serif; font-size: 2.5em; padding: 10px 0 30px 60px; }

/* menu stijlen */
#container-menu { width: 100%; display: block; background: transparent;  }
#mnu-nbw { display: block; width: 61.75em; background: transparent url("/img/stijlen/menu/bg-menu.gif") 0 0 repeat-x;  margin: 0 0 10px 0; padding: 0 0 5px 0; }
#mnu-nbw .menu-main { display: block; float: left; width: 140px; background: transparent; color: #fff; font-size: .9em; font-weight: normal; padding: 6px 3px 3px 20px; }
#mnu-nbw .menu-main.menu-actief { display: block; float: left; width: 140px; background: transparent url("/img/stijlen/menu/bg-menuitem-1-naar-2.gif") 13px 30px no-repeat; color: #fff; font-size: .9em; font-weight: normal; padding: 6px 3px 3px 20px; }
#mnu-nbw div a { color: #fff; font-weight: normal; text-decoration: none; }
#mnu-nbw div a:hover { color: #eee; font-weight: normal; text-decoration: none; }
#mnu-nbw .menu-actief a { color: #dfe0b6; font-weight: normal; text-decoration: none; }

#mnu-nbw div div { display: block; background: transparent; padding: 0; margin: 20px 0 0 0; color: #000; font-size: .9em; border-right: 1px solid #fff; }
#mnu-nbw div div div.menu-sub { display: block; background: transparent; padding: 0; margin: 3px 0 0 0; color: #000; font-size: .85em; border: none; }
#mnu-nbw div div div.menu-sub a { color: #000; }
#mnu-nbw div div div.menu-sub a:hover { color: #2c6a8f; }
#mnu-nbw div div div.menu-actief.menu-sub a { color: #2c6a8f; font-weight: bold; }
#mnu-nbw .menu-main div .menu-sub div { display: none; }
.nbw-after { display: none;  width: 100%; height: 15px; background: transparent; padding: 0; text-align: left; clear: both; font-size: .7em; }

/* sidebar stijlen */
#sidebar { display: block; width: 35%; float: right; text-align: left; font-size: .8em; margin: 5px 0 20px 0; background: #fff; padding: 0 0 0 10px; }
#sidebar h2 { margin: 0 0 10px 0; }

#metainfo { display: block; background: transparent;  padding: 0 15px 15px 0; margin: 0 0 10px 0; min-height: 10em; }                                             
#metainfo h2 { font-family: "nbwTitel"; font-size: 1.5em; margin: 0 0 10px 0; color: #2c6a8f; }
#metainfo p { font-size: .9em; }
#avatar-auteur { float: left; margin: 0 5px 5px 0; }

#twitterstream { display: block; background: transparent;  padding: 0 15px 15px 0; margin: 0 0 10px 0; }                                             
#twitterstream h2 { font-family: "nbwTitel"; font-size: 1.5em; margin: 0 0 10px 0; color: #2c6a8f; }
#twitterstream p { font-size: .9em; margin: 10px 0 0 0; }
#twitterstream p.twitter-message {}

#container-tagcloud { display: block; background: #eee; padding: 15px; margin: 0 0 10px 0; font-size: .85em; }
#container-tagcloud-single { display: block; background: transparent; padding: 15px 15px 15px 0; margin: 0 0 10px 0; font-size: .85em; }

#reacties { display: block; background: transparent; padding: 15px; margin: 0 0 10px 0; }

#container-zoek { margin-bottom: 10px; min-height: 25px; height: 25px; padding: 10px; border: 1px solid #eee; background: #eee; clear: both; }
#btn-zoek { width: 15%; float: right; font-size: .9em; border: 1px solid #000; background: #000; color: #fff; margin: 0; padding: 5px 2px; }
#s, #btn-zoek { padding: 3px 4px; margin: 0; }
#s { width: 80%; float: left; background: #fff; border: 1px solid #ccc; padding: 5px; }

#recent-gepost { display: block; padding: 0 15px 15px 0; margin: 0 0 10px 0; }
#recent-gepost h2 { font-family: "nbwTitel"; font-size: 1.6em; margin: 0 0 10px 0; color: #2c6a8f; }
#lijst-recent { margin: 0 0 0 15px; }
#lijst-recent li { list-style: outside square url("/img/stijlen/ico/blt-cirkel-000.gif"); margin-bottom: 5px; }

#lijst-nbw-commentaar { }
.item-nbw-commentaar { margin: 0 0 20px 20px; padding: 0; }
.item-nbw-commentaar p { font-size: .95em; }
.lijst-nbw-commentaar-meta { display: block; font-size: .95em; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: .5em 0; margin: .5em 0 0 0; }
#container-reageer { display: block; background: #eee; padding: 5px 15px 15px 15px; margin: 10px 0; font-size: 1em; }
#container-reageer h3 { font-family: "nbwTitel"; font-size: 1.5em; color: #2c6a8f; padding: 0; margin: 0 0 5px 0; }
#container-reageer label { font-size: .95em; }
#commentform p { margin-bottom: 10px; }
#commentform #auteur, #commentform #url, #commentform #email { width: 95%; border: 1px solid #ccc; padding: 3px; font-size: 1em; }
#comment { width: 95%; border: 1px solid #ccc; padding: 3px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; }
#container-submit { padding-bottom: 20px; }
#submit-nbw-commentaar { border: 1px solid #2c6a8f; background: #2c6a8f; color: #fff; float: left; padding: 3px; margin: 3px 0 10px 1px; }
.reacties-toegestane-tags, .reacties-rss-trackback { clear: both; margin: 10px 0; }

/* content stijlen */
#container-content { background: #fff; padding: 20px; }
#content { width: 62.5%; float: left; font-size: .85em; line-height: 150%; background: #fff; border-right: 1px solid #eee; margin-top: 5px; }
#content p { margin-bottom: 10px; }
#content ul { margin: 20px; }
#content ul li { padding: 0 0 0 10px; }
#content p img.size-full { width: 98%; overflow: hidden; }
#content p a img.size-full { width: 98%; overflow: hidden; }

#wrapper-container-subcategorie { display: block; background: #eee; margin: 0 0 10px 0; padding: 10px; }
#container-subcategorie { background: transparent; color: #000; } 
#container-subcategorie ul { display: block; min-height: 10px; }
#container-subcategorie ul li { list-style: none; color: #282828; display: list-item; float: left; margin: 0 0 0 10px; } 
#container-subcategorie ul li a { color: #282828; text-decoration: none; }
#container-subcategorie ul li a:hover { color: #2c6a8f; text-decoration: none; }

/* advertentieblokken stijlen */
#gads, #gads-728x90 { text-align: center; margin: 20px 0; }
#container-gads-float-right { float: right; }
#gads-float-right, #gads-google-pack { margin: 30px 10px 0 10px; padding: 0 20px; border-left: 3px solid #eee; }
#gads-google-pack { border: none; }

/* archief stijlen */
#bloggie h2 { display: block; border-bottom: 1px solid #eee; padding-bottom: 3px; margin-bottom: 0; }
.lijst-archief { margin: 2px 2px 10px 10px; padding: 0; }
.archief-item { margin: 2px 2px 2px 10px; padding: 0 0 0 10px; list-style: outside square url("/img/stijlen/ico/blt-nbw.gif"); border: 1px solid #fff; width: 50%; }
.archief-item:hover { color: #000; background: #eee; border: 1px solid #eee; }

/* zoekresultaat stijlen */
#lijst-zoekresultaten { padding-left: 20px; }
#lijst-zoekresultaten li { padding-left: 10px; }

/* footer stijlen */
#footer { display: block; clear: both; width: 100%; margin: 15px 0 0 0; text-align: center; color: #fff; background: rgba(40, 40, 40, 0.8); }
#footer #container-footer-content { display: block; width: 61.75em; height: 100%; text-align: center; margin: 0 auto; padding: 20px 0; }
#footer #container-footer-content p { text-align: left; margin: 10px 0; color: #fff; font-size: .8em; line-height: 130%; }
#footer #container-footer-content p a { color: #dfe0b6; text-decoration: none; }
#footer #container-footer-content div { display: block; width: 33%; float: left; text-align: left; font-size: .9em; padding-top: 30px; }
#footer #container-footer-content h3 { font-family: "nbwTitel"; font-size: 1.1em; letter-spacing: 1px; margin: 0; padding: 5px 0 0 0; text-transform: uppercase; color: #dfe0b6; }
#footer #container-footer-content div#kolom-rechts { display: block; width: 32%; float: right; text-align: left; font-size: .9em; text-align: right; }
#footer #container-footer-content div img#img-ftr { margin: 5px 0 30px 0; padding: 5px; background: #eee; border: 1px solid #333; }
#footer #container-footer-content div ul { margin: 10px 20px 30px 0; padding: 10px 0 0 0; border-top: 1px solid #eee; }
#footer #container-footer-content div ul li { list-style: none; margin: 0; padding: 0 0 10px 0; font-weight: normal; }
#footer #container-footer-content div ul li a { color: #fff; text-decoration: none; }
#footer #container-footer-content div ul li a:hover { color: #dfe0b6; }
#footer #container-footer-content div p, #footer #containter-footer-content div a { color: #fff; background: transparent; }
#footer #container-footer-content div a:hover { text-decoration: none; }

/* diezijnz stijlen */
#sd-diezijnz { display: block; margin: 10px 0; padding: 0; }
.thumb-sd-diezijnz { margin: 0; padding: 0; }
.link-sd-diezijnz { display: block; float: left; padding: 3px; margin: 3px; background: #e2f1f1; border: 1px solid #84c5c6; width: 180px; height: 95px; }
.link-sd-diezijnz img { width: 180px; height: 95px; }
.link-sd-diezijnz:hover { color: #fff; background: #84c5c6; border: 1px solid #84c5c6; }

/* cms overzicht stijlen */
#container-cms-lijst { width: 90%; border: none; }
#cms-lijst-links, #cms-lijst-rechts { width: 50%; float: left; }

/* betabanners stijlen */
.img-banner-thumbs { float: left; clear: both; padding: 0 10px 0 0; margin: 0 10px 10px 0; border-right: 3px solid #235; }
.banner-thumbs { display: block; margin: 0 0 0 50px; padding: 10px 0; border-top: 0px solid #f0f0f0; clear: both; }
.banner-thumbs p { margin: 5px 0; padding: 0; }
.sdBanner { cursor: pointer; }

.inline-code { font-family: "Courier New", Courier, monospace; color: #000; font-size: 1.2em; }
.typex { font-family: "Courier New", Courier, mono; color: #999; }
.comment-fout { border: 2px solid #c00; margin: 10px; padding: 20px; }
.icoClose { float: right;  margin: 5px; cursor: pointer; }
.imgInline { float: right; padding: 0; margin: 15px 0 5px 15px; border: 1px solid #f0f0f0; }
.container-post-footer { padding: 10px 10px 3px 10px; margin: 0 35px; color: #000; }
.container-post-footer a { color: #000; }
.container-post-footer a:hover { color: #c00; }
.over-deze-post { text-align: right; padding: 0; margin: 0; font-size: 0.85em; }
.nbwlog-commentaar { text-align:right; font-size: 0.85em; margin-right: 45px; }
.nbwlog-comment { border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; }
.nbwlog-comment-wie-wanneer { font-weight: 500; }
.nbwlog-comment-ico { float: left; margin: 0 5px 0 2px; }
.f-117 { display: none; }
.blt-tag { margin: 2px 2px 2px 10px; padding: 0; list-style: url("/img/stijlen/ico/blt-tag.gif") outside square; }
.img-nbwlog-thumb { float: right; margin: 0 0 20px 20px; }
.img-nbwlog-full { padding: 3px; border: 1px solid #f0f0f0; background: transparent; }
.date-post { float: left; display: block; width: 61px; height: 71px; border: 0px solid #ccc; background: transparent url("/img/stijlen/miscel/bg-datum-post.jpg") 0 0 no-repeat; color: #000; padding: 0; margin-right: 10px; text-align: center; }
.post-day { display: block; font-size: 1.7em; margin: 10px 0 0 0; padding: 0; font-weight: 700; }
.post-month { display: block; font-size: .9em; margin: 8px 0 0 0; padding: 0; }
.post-year { font-size: .9em; }
.text-nbwlog { border: none; padding: 0 50px 0 35px; line-height: 160%; font-size: .9em; }

/* schrijfsels stijlen */
.schrijfsel { border-top: 1px solid #eee; padding: 10px 10px 30px 0; clear: both; }
.schrijfsel h1 { font-family: "nbwTitel"; margin-top: 0; }
.schrijfsel h2 { font-family: "nbwTitel"; }
.content-nbwlog-blogpost { font-size: .95em; }
.titel-nbwlog { font-family: "nbwTitel"; /* font-family: Georgia, "Times New Roman", Times, serif; */ font-size: 2.5em; padding: 0; line-height: 120%; margin: 10px 0 0 0; }
.titel-nbwlog a { text-decoration: none; color: #2c6a8f; }
.titel-nbwlog a:hover { color: #f09f1c; }
.stamp-nbwlog-blogpost { margin: 0 0 10px 0; font-size: .85em; color: #2c6a8f; }
.stamp-nbwlog-blogpost span { color: #2c6a8f; }

.content-nbwlog-blogpost p { margin: 0 0 15px 0; font-size: .95em; }
.content-nbwlog-blogpost img { padding: 5px 0; border: none; background: transparent; max-width: 50em; }
.content-nbwlog-blogpost .img-nbwlog-thumb { float: right; margin: 0 0 20px 20px; border: none; }
.content-nbwlog-blogpost .img-schaduw { padding: 5px; -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1); box-shadow: 0 1px 10px rgba(0,0,0,.1); }

.content-nbwlog-blogpost .wp-smiley { border: none; }
.more-link { font-size: .95em; padding: 5px; color: #fff; background: #333; text-decoration: none; clear: both; }
.more-link:hover { color: #000; background: transparent; text-decoration: none; }

.item-nbw-commentaar img { padding: 0; border: none; }
.content-nbwlog-blogpost ul { margin: 10px 0 ; padding: 0 0 0 10px; }
.content-nbwlog-blogpost ul li { font-size: .95em; }
.item-nbw-commentaar { list-style: url("/img/stijlen/ico/ico-reactie.png") outside square; }
.citeer, blockquote { display: block; color: #333; border-left: 3px solid #eee; margin: 20px 0; padding: 0 0 0 20px; }
blockquote ol { margin-left: 20px; }
.ico-tag { float: left; }
.content-nbwlog-blogpost .persoonlijke-titel { border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #f0f0f0; margin: 25px 15px 25px 0; padding: 10px; font-size: .9em; }
#related-posts { margin-top: 20px; }
#related-posts ul { margin: 0; padding: 0; }
#related-posts ul li { display: list-item; list-style: none; }

/* formulier stijlen */
#container-formulier-captcha { clear: both; }
#container-captcha { margin: 0 0 10px 0; min-height: 11em; }
#form-contact { background: #eee; padding: 20px; margin: 0 15px 0 0; }
.formulier input, .formulier textarea, .formulier-fout input, .formulier-fout textarea, .formulier-captcha input, .formulier-captcha textarea, .formulier-fout-captcha input, .formulier-fout-captcha textarea { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border: 1px solid #dfe0b6; padding: 3px; }
.formulier textarea, .formulier-fout textarea, .formulier-captcha textarea, .formulier-fout-captcha textarea { font-size: .9em; border: 1px solid #dfe0b6; padding: 3px; }
#form-contact #naam, #form-contact #email, #form-contact #bericht { border: 1px solid #eee; width: 95%; }
#form-contact #goReact { background: #2c6a8f; color: #fff; border: 1px solid #2c6a8f; }
.formulier #kopie, .formulier-captcha #kopie { border: none; }
.formulier-fout input, .formulier-fout textarea { background: #ff9; }
.img-captcha { width: 100px; height: 100px; margin: 0; padding: 1px; border: 0px solid #ccc; }
.a-captcha { display: block; float: left; margin: 0 3px 3px 0; padding: 3px; text-decoration: none; border: 1px solid #000; }
.a-captcha:hover { background: #dfe0b6; }
.contact-fout { border-top: 3px solid #c00; border-bottom: 3px solid #c00;  margin: 10px 15px 10px 0; padding: 10px 0; }

/* cv / bio stijlen */
#persoonlijke-info, #talenkennis, #computervaardigheden { width: 95%; border-collapse: collapse; font-size: .9em; }
#cv-todo li, #visie-kenmerken li { list-style: url("/img/stijlen/ico/blt-nbw.gif") outside square; font-size: .9em; }
.pers-q, .comp-q, .talen-q { width: 40%; text-align: left;	vertical-align: top; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; padding: .35em; color: #f09f1c; }
.pers-a, .comp-a, .talen-a { width: 60%; text-align: left;	vertical-align: top; border-bottom: 1px solid #f0f0f0; padding: .35em; }
.pers-q-laatst, .comp-q-laatst, .talen-q-laatst { width: 40%; text-align: left; vertical-align: top; border-right: 1px solid #f0f0f0; padding: .35em; color: #f09f1c; }
.pers-a-laatst, .comp-a-laatst, .talen-a-laatst { width: 60%; text-align: left; vertical-align: top; padding: .35em; }
.biovraag { font-weight: 700; }
.bioantwoord { }

/* microformat stijlen */
.vevent { display: block; border: 1px solid #000; padding: 20px; margin: 10px; width: 400px; background: #f0f0f0; }
.vevent .url { text-decoration: none; }
.vevent .url .dtstart { font-weight: 600; }
.vevent .url .dtend { font-weight: 600; }
.vevent .url .summary { font-weight: 600; }
.vevent .url .location {  }
.vevent .description { display: block; font-size: .9em; background: #fff; border: 1px dotted #ccc; padding: 10px 5px; margin: 5px 0 0 0 }

/* 404 stijlen */
#bdy-404 { text-align: center; margin: 0; padding: 0; background: #fff url("/img/stijlen/miscel/404-feeling-somewhat-lost.jpg") 50% 0 no-repeat;  }
#container-404 { max-width: 61.75em; margin: 0 auto; text-align: left; }
#container-404 p { color: #c00; font-weight: normal; font-size: .9em; }

.q-code { display: block; font-family: "Courier New", Courier, Fixed, monospace; overflow: auto; font-weight: normal!important; }
.q-code li { list-style: outside decimal; margin: 0; padding: 0; }

#container-menu-posts-pages { display: block; float: left; width: 100%; background: transparent; color: #fff; border-bottom: 5px solid #282828; clear: both; }
#container-submenu-posts-pages { display: block; float: left; width: 100%; background: #282828; color: #fff; margin: 0 0 10px 0; padding-bottom: 10px; clear: both; }

#menu-posts, #menu-pages { display: block; }

#menu-posts li, #menu-pages li { display: block; float: left; margin: 0; padding: 10px 20px 5px 20px; background: transparent; font-size: 1.2em; }

#menu-posts li.current-cat, #menu-posts li.current-cat-parent, #menu-posts li.current-cat-ancestor { color: #fff; background: #282828; }
#menu-pages li.current_page_item, #menu-pages li.current_page_parent, #menu-pages li.current_page_ancestor { color: #fff; background: #282828; }

#menu-posts li.current-cat a, #menu-posts li.current-cat-parent a, #menu-posts li.current-cat-ancestor a { color: #f09f1c; background: #282828; }
#menu-pages li.current_page_item a, #menu-pages li.current_page_parent a, #menu-pages li.current_page_ancestor a { color: #f09f1c; background: #282828; }

#menu-posts li a, #menu-pages li a { color: #666; text-decoration: none; }
#menu-posts li a:hover, #menu-pages li a:hover { color: #282828; }

#menu-posts li.current-cat a:hover, #menu-posts li.current-cat-parent a:hover, #menu-posts li.current-cat-ancestor a:hover { color: #f09f1c; }
#menu-pages li.current_page_item a:hover, #menu-pages li.current_page_parent a:hover, #menu-pages li.current_page_ancestor a:hover { color: #f09f1c; }

#submenu-posts, #submenu-pages, #broodkruimelpad { padding-left: 15px; }
#submenu-posts li { display: block; float: left; margin: 0; padding: 5px 10px 5px 5px; font-size: .8em; list-style: none; }
#submenu-pages { margin-left: 25px; padding: 10px; }
#submenu-pages li { width: 35%; float: left; margin: 0 5px 0 10px; padding: 5px 5px 0 10px; font-size: .8em; list-style: outside square url("/img/stijlen/ico/blt-nbw-submenu.gif"); }

#submenu-posts li a, #submenu-pages li a { color: #fff; text-decoration: none; }
#submenu-posts li a:hover, #submenu-pages li a:hover { color: #2c6a8f; }
#submenu-pages li.current_page_item a { color: #2c6a8f;  }

#broodkruimelpad { font-size: 1em; color: #fff; padding-top: 10px; }
#broodkruimelpad a { margin: 10px 0; color: #fff; }
#broodkruimelpad a:hover { color: #2c6a8f; }
#broodkruimelpad strong { font-weight: normal; color: #dfe0b6; }

/* blog demo stijlen */
/* css 3 slagschaduw op boxes */
.demo-slagschaduw { display: block; width: 310px; height: 343px; text-align: center; padding: 5px; margin: 20px 0; border: 1px solid #eee; -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); }


