body { background: #fff; color: #000; text-align: center; font-size: .85em; }
#header { width: 100%; min-width: 61.75em; height: 10em; background: #000; color: #fff; text-align: left; margin: 0 auto; }
#container-logo { width: 15%; float: left; height: 10em; text-align: right; }
#logo { display: block; position: absolute; width: 20em; height: 15em; background: transparent url("/img/stijlen/sploeng-logo.png") 100% 50% no-repeat; margin: -2em 0 0 -18.75em; }
#container-titel-payoff { width: 59%; float: left; height: 10em; text-align: center; }

#container-zoek-en-nav { width: 25%; float: right; height: 10em; }

#container-zoek { width: 25em; height: 7.5em; float: right; text-align: right; }
#container-frm-zoek { color: #fff; margin: 10px 10px 0 0; padding: 5px; font-size: .9em; float: right; text-align: left; }
#container-frm-zoek #s { font-size: .9em; border: none; background: #f0f0f0; padding: 3px; }
#container-frm-zoek #btn-zoek { background: #fff; border: none; color: #000; margin-left: 3px; padding: 2px; }

#container-nav {  float: right; text-align: right; margin-right: 10px; }
#container-nav a { color: #000; }

#super-container { display: block; width: 100%; min-height: 30em; margin: 0 auto; text-align: left; color: #000; margin: 60px auto; }
#container-content { width: 61.75em; margin: 0 auto; }

.blogpost-titel { font-size: 3em; color: #d00; }
.blogpost-titel a { color: #d00; text-decoration: none; }
.content p { margin-bottom: 20px; }

#footer { width: 100%; background: #000; color: #fff; text-align: center; }
#content-footer { width: 61.75em; background: #000; margin: 0 auto; }

#meta { display: block; background: #000; padding: 10px 0; }
#meta a { color: #ccc; }
#meta a:hover { color: #fff; }

.pagina { }
.pagina h2.titel-pagina { font-size: 3em; color: #000; }
.pagina h2.titel-pagina a { color: inherit; }
.pagina h2 { font-size: 1.4em; color: #666; margin-top: 20px; }
.pagina p a { color: #666; }

.biovraag { display: block; float: left; width: 35%; font-size: 1.1em; font-weight: bold; font-style: italic; clear: left; }
.bioantwoord { display: block; float: left; width: 60%; border-left: 3px solid #eee; padding-left: 10px; clear: right; margin-bottom: 20px; }

/*stijlen reacties */
#lijst-reacties { display: block; background: transparent; width: 40%; margin: 0 auto; padding: 20px 10px; float: left; text-align: left; }
#commentlist li { background: #333; margin: 10px; padding: 10px; list-style: none; }
.container-gravatar { float: left; margin: 0 20px 20px 0; border: 3px solid #fff; }
.reactie-meta { clear: both; margin: 20px 0; border-top: 1px solid #666; font-size: .9em; text-align: left; padding: 10px 5px 0 5px; }
.reactie-meta a { color: #fff; }

/* stijlen reageer */
#reageer { display: block; background: transparent; width: 55%; margin: 0 auto; padding: 20px 10px; float: right; }
#reageer #tbl-reageer { width: 100%; border-collapse: collapse; }
#reageer #tbl-reageer td { text-align: left; vertical-align: top; width: 50%; padding: 10px 5px 10px 10px; border-bottom: 1px solid #333; }
#reageer #tbl-reageer td.cel-label { border-right: 1px solid #333; font-size: .9em; }
#reageer #tbl-reageer td.cel-laatst { border-bottom: none; }
#reageer #tbl-reageer td p a { color: #fff; }
#auteur, #email, #url { border: none; background: #f0f0f0; width: 100%; padding: 3px 2px; }
#comment { border: none; background: #f0f0f0; width: 100%; padding: 3px 2px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .9em; }
#btn-submit-commentaar { color: #fff; border: none; background: transparent; text-decoration: underline; margin: 10px 0; float: right; }

/* stijlen contact */
.titel-contact { color: #000; }
#tbl-contact { width: 100%; }
#tbl-contact td { width: 50%; padding: 15px 0; text-align: left; vertical-align: top; }
#tbl-contact td #naam, #tbl-contact td #ref, #tbl-contact td #email, #tbl-contact td #bericht { font-size: .9em; border: none; border-bottom: #ccc; background: #f0f0f0; padding: 5px; width: 100%; }
#tbl-contact td #bericht { font-size: 1em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
.contact-fout { border: 3px solid #d00; padding: 20px; margin: 20px 0; }
.contact-fout img { float: left; margin: 0 30px 30px 0; }

/* stijlen huishoudelijk */
#huishoudelijk { display: block; padding: 10px 0; background: #333; color: #666;  }
#huishoudelijk ul li { display: inline; list-style: none; margin: 5px 10px; }
#huishoudelijk ul li a { color: #fff; text-decoration: none; }
#huishoudelijk ul li.current_page_item a { color: #d00; }


/* stijlen archief */
.arc { display: block; width: 100%; padding: 10px 0; clear: both; background: #eee; color: #666; text-align: center; }
.arc a { color: #333; text-decoration: none; }
.arc a:hover { color: #d00; text-decoration: none; }

.arc-container-jaar { float: left; width: 15%; font-size: 2em; color: #999; border-top: 1px solid #eee; }
.arc-container-jaar a { color: inherit; text-decoration: none; }
.arc-container-jaar-dummy { float: left; width: 15%; font-size: 2em; color: #999; border: none; }

.arc-container-maand { float: left; width: 15%; font-size: 2em; color: #666; border-top: 1px solid #eee; }
.arc-container-maand a { color: inherit; text-decoration: none; }

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

.dag { float: left; width: 15%; clear: right; font-size: 2em; color: #333; border-top: 1px solid #eee; }
.arc-item { float: left; width: 75%; clear: right; font-size: 1em; color: #000; min-height: 2em; padding-top: 5px; border-top: 1px solid #eee;  }
.arc-item a { font-size: 1.25em; font-weight: bold; }
.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; }

/* stijlen zoekresultaten */
.zoekresultaat { padding: 10px 0 20px 0; }
.zoekresultaat .meer-lezen { float: left; }
.zoekresultaat .meer-lezen a { color: #666; }
.zoekresultaat .meer-lezen a:hover { color: #000; text-decoration: none; }
.zoekresultaat h3 { font-size: 1.6em; }
.zoekresultaat h3 a { color: #000; text-decoration: none; }

/* stijlen vergaarbak */
.clear-me { clear: both; }