/* NU JIJ CSS */


reactietooll { margin-left: 10px; }
/*reactietooll { margin: 0; padding: 0; border: none;} */

p { line-height: 1.4; }

form { clear: left; margin: 0; }

h2 { margin: 0 0 0.2em 0; font-size: 185%; letter-spacing: 0px; font-weight: normal; clear: left; color: #020151; }
h2 span, h3 span { color: #999; white-space: nowrap; }
h3 { margin: 0 0 4px 0; font-size: 165%;  clear: left; color: #4E463F; color: #020151;}
h4 { clear: left; font-size: 100%; font-weight: bold; margin-bottom: 0.2em; color: #999; }

/* main structure */
.container { position: relative; text-align: left; margin: 0 auto; padding: 12px 0 0 15px; width: 920px; position: relative; }
.content { clear: both; padding: 10px 15px 15px 0; margin-top: 7px; background: #fff;}
div.submenu { position: relative; height: 15px; }
.left-column { margin-right: 450px; }
.right-column { float: right; width: 445px; clear: left; margin: 6px -4px 10px 5px; }
.right-column-block, fieldset.statistics-home { width: 425px; margin-bottom: 10px; padding: 0 10px 2px 10px; border: 1px solid #aec0e2; background: #F1F5FC; }

.column-title { padding-top: 7px; }
div.footer { clear: both; margin: 10px auto; padding-top: 10px; border-top: 1px solid #BFBFD9; text-align: center; color: #888; }

/* alert */
.alert-popup { position: absolute; top: 0; left: 50px; width: 100%; height: 100%; z-index: 200000; }
* html .alert-popup { height: 60px; }
.alert-popup div { margin: 20px 0 0 0px; float: left; position: relative; padding: 0 0 10px 30px; background: #FAF9F7 url( ../_images/alert.gif ) 10px 9px no-repeat; border: 1px solid #D1D5DE; }
.alert-popup normal div { padding-left: 0px; background-image: none; }
.alert-popup p { margin: 0; padding: 10px 40px 0 10px; font-size: 12px; color: #000366; }
.alert-popup .close { position: absolute; right: 10px; top: 10px; }


/* top bar */
div.logo { position: absolute; height: 100px; width: 109px; left: -3px; top: 1px; z-index: 10; background: url(../_images/nu-jij-logo.gif) no-repeat top left; cursor: pointer; }
div.logo a { height: 100px; width: 109px; display: block; }
div.logo span { display: none; }
body.safari div.logo { top: 0px; }

.topbar { position: relative; height: 56px; margin: 0 10px 0 10px; background: transparent; color: #fff; }

.topbar a.add-story { display: block; position: absolute; top: 14px; left: 102px; height: 30px; width: 175px; background: url( ../_images/toevoegen.gif ) no-repeat; }
.topbar a.add-story:hover { background-position: 0px -100px; }
.topbar a.add-story clicked { background-position: 0px -200px; }


.topbar-links { float: right; padding: 19px 200px 0 10px; min-height: 33px; text-align: right; }
.topbar-links a { padding: 0 10px; font-weight: bold; font-size: 85%; line-height: 1.8; border-right: 1px solid #93a3c2; text-decoration: none; }
.topbar-links #zoekform { position: absolute; top: 18px; right: 8px; padding-right: 10px; }
.topbar-links #zoekknop { padding: 0 15px 0 0; border: none; font-weight: bold; background: url("../_images/header/search.gif") no-repeat top right; cursor: pointer; cursor: hand; }

body.safari .topbar-links { padding-right: 226px; }
body.safari .topbar-links #zoekform {top: 16px; }
body.safari .topbar-links #zoekknop {padding-bottom: 10px;}


.topmenu { position: relative; margin: 0 10px 0 45px; padding: 5px 0px 5px 35px; z-index: 1; border-top: 1px solid #020051; border-bottom: 1px solid #020051; background: #fff; text-align: center; }
.topmenu a { padding: 0 3px; font-size: 0.9em; color: #020151; word-spacing: -0.17em; white-space: nowrap; }
.topmenu a.current { color: #D40000; }
.topmenu a:hover { color: #d40000; text-decoration: underline; }

/* tabs */
.tabs { position: relative; width: 100%; height: 29px; padding-right: 5px; border-bottom: 1px solid #cbd8f3; }
.tabs .tab { float: right; height: 23px; margin: 5px 1px 0 2px; border: 1px solid #cbd8f3; text-align: center; }
.tabs .tab a { float: left; padding: 4px 9px 2px 12px; text-align: center; white-space: nowrap; background: #F1F5FC; text-decoration: none; height: 16px; color: #222268; font-size: 14px; font-weight: bold; }
.tabs .tab a:hover { color: #D40000; text-decoration: underline; }
.tabs .tab active { border-bottom: 1px solid #fff; }
.tabs .tab active a { background: #fff; }
.tabs .tab a:hover {  color: #D40000; text-decoration: underline; }
.tabs .tab rss,
.tabs .tab rss a { background: none; border: none; padding: 0; }
.tabs .tab rss { padding: 4px 1px 0 12px; }

.tabs h2, 
.tabs h3 { position: absolute; line-height: 1.1; }
.tabs h3 { padding-top: 3px; }

.tabs bijbericht .tab { float: left;}

/* instructie */
.instructie { margin: 10px 0; padding: 10px 15px; background: #EAF2FA; }
.instructie .warning { color: #D40000; font-weight: bold;  }
.instructie p,
.instructie ol,
.instructie ul { margin-top: 0; margin-bottom: 0; }


/* account */
.member-account { height: 75px; }
.member-account .tabs h2, h3 { left: 55px; }
.account-info a { text-decoration: underline; }
.account-info { margin-right: 410px; }
.account-statistics { float: right; width: 400px; margin-bottom: 10px; padding: 10px 10px 15px 20px; border: 1px solid #aec0e2; background: #F1F5FC; }


/* advertisments */
#ad-leaderboard { padding: 10px 0 0 0; text-align: center; }
#ad-rectangle { float: right; width: 336px; margin-top: 5px; }

/* bericht stijl */
.bericht { position: relative; min-height: 110px; padding: 9px 0 10px 65px; background: url("../_images/summary/line.gif") no-repeat left bottom; }
.bericht-link { text-align: right; margin-right: 20px; }
.bericht-link a { text-decoration: underline; }

.bericht-body h3 { margin: 2px 0 0 0; font-size: 130%; letter-spacing: -0.02em; font-weight: bold; line-height: 1.1; }
.bericht-body p { margin: 0.2em 0 0.1em 0; line-height: 1.3; }
.bericht-details { margin-top: 1px; padding: 0; color: #999; font-size: 85%; }
.bericht-details a:hover { color: #d40000; text-decoration: underline; } 
.bericht-details a.persoon { color: #020151;  text-decoration: none; }
.bericht-details a.persoon:hover { color: #d40000;  text-decoration: underline; }
.bericht-details a img.user-image { border: 1px solid #ccc; }
/*.bericht-details img { vertical-align: middle; }*/

.bericht-tools { height: 20px; margin-top: 5px; }
.bericht-tools span,
.bericht-tools a { display: block; float: left; min-height: 18px; padding: 2px 4px; font-size: 85%; white-space: nowrap; /*need for IE6*/ }
.bericht-tools .tool { background: url(../_images/tool-divider2.gif) 0 50% no-repeat; }
.bericht-tools .reacties { background: url(../_images/reacties/reacties.gif) 0 2px no-repeat; padding-left: 18px; }
.bericht-tools .tell-a-friend { background: url(../_images/tell-a-friend.gif) 0 4px no-repeat; padding-left: 18px; }

.bericht detail { min-height: 110px; margin-right: 250px; padding-top: 0px; }

.bericht-subsectie { margin: 5px 340px 0 0; }

/* bury knop */
ul.bury, ul.bury ul { padding: 0; margin: 0; list-style: none; }
ul.bury { float: left; margin: 1px 0 0 0; position: relative; z-index:1000; background: url(../_images/tool-divider.gif) 0 2px no-repeat; }

.bury a.bury-text { display: block; margin: -1px 0 0 3px; padding: 3px 5px 0px 21px; background: url(../_images/small-down-grey.gif) 2px 4px no-repeat;   }
.bury-item a { display: block; width: 38px; text-decoration: none; padding: 3px 0.5em 0px 5px; background: #fff; border-bottom: 1px solid #aec0e2; }
.bury-item a:hover { background: #F1F5FC; }


.bury li { margin-bottom: 0; display: block; }
.bury li ul { position: absolute; display: block; left: 0; top: 20px; padding: 0; margin: -1px 0 0 5px; border: 1px solid #aec0e2; border-bottom: 0; }
.bury li ul li { clear: left; }
/* .bury li:hover ul, .bury li.bury ul { display: block; left: 0; top: 20px; } */


/* bericht stemmers */
ul.stemmers { display: block; clear: left; margin: 0; padding: 14px 0 0 0;  }
.stemmers li { float: left; width: 142px; margin: 0 0 5px 0; padding: 0 6px 0 25px; list-style: none; line-height: 1.2; }
.stemmers li img { vertical-align: middle; }
.stemmers li a { white-space: nowrap; }

.found-persons { width: 420px; margin: 6px 0 20px 5px; padding: 10px; border: 1px solid #aec0e2; }
.found-persons ul { display: block; clear: left; margin: 0; padding: 0 0 5px 10px; }
.found-persons li { float: left; display: block; width: 136px; margin: 0; padding: 14px 0 0 0; }
.found-persons li img { vertical-align: middle; }
.found-persons li a { white-space: nowrap; }
.found-persons .morepersons { clear: left; text-align: right; padding: 10px 2px 2px 0; }
.found-persons .morepersons a { text-decoration: underline; }

/* bericht reacties */
.meldspam { float: right; width: 200px; margin-right: 15px; padding-top: 10px; text-align: right; }
.meldspam a { padding: 0 0 0 23px; background: url( ../_images/meld-spam-over.gif ) no-repeat; }
.reactietool { display: block; float: right; margin: 0; padding: 0;}
.reactietool spam { margin-left: 10px; }
span.reactietool { padding: 2px 3px 0 0; }
a.reactietool img { margin: 0; padding: 0;}
.reactie { margin-left: 2px; }

.reactie-kop { font-size: 85%; padding: 3px 5px; background: #BBBBBB; color: #020051;}
.reactie-kop img.user-photo { vertical-align: middle; }

.reactie-body textarea { width: 97%; height: 12em; }
.reactie-body input { font-size: 115%; font-weight: bold; color: #333; }

.reactie-body { background: #D9D9D9; position: relative; min-height: 25px; padding: 5px 5px 5px 5px; overflow: hidden; /* for long urls */ line-height: 130%; }

.reactie ol { list-style: none; margin: 0; padding: 0; }
.reactie ol li { background: #D2DFF7; color: #333; padding: 0; margin: 0 0 3px 0; position: relative; list-style: none; width: 98%; /* need IE7, can't be 100% */ }
.reactie ol li li { margin-left: 4%; width: 96%; margin-top: 4px; }

.reactie-order { text-align: right; margin-right: 11px; font-size: 11px; }
.reactie-order select { font-size: 11px; }

.reactie-nummer { position: absolute; width: 20px; left: 385px; color: #D2DFF7; font-size: 14px; font-weight: bold; }

/***** fieldsets *****/
fieldset { border: 1px solid #ddd; margin: 1em 0 0 0; padding: 5px 20px 20px 20px; clear: left; }
legend { font-size: 135%; font-weight: normal; color: #000366; padding: 0 0.5em; /* Top and Bottom for IE7 */ }
fieldset fieldset legend { font-size: 105%; font-weight: bold; }
legend span { color: #999; font-size: 90%; letter-spacing: 0; }
fieldset dl { margin: 0; padding: 0; }
fieldset dl.col { margin: 0 20px 20px 10px; padding: 0; }
fieldset dt { clear: left; float: left; width: 18em; /* increase for wider dt text */ text-align: right; padding: 0 1em 0.5em 0; }
fieldset dd { padding: 0 0 0.5em 0; font-weight: bold; }
fieldset.labels label { width: 15em; float: left; text-align: right; display: block; padding: 0 0.5em 0.2em 0; }
fieldset.labels div { padding: 0.2em 0; clear: left; }

/* formulieren */
/* FORMS */

.form label { display: block; margin: 0.7em 0 0.1em 0; font-size: 105%; font-weight: bold; color: #000366; }
.form label span { font-size: 80%; font-weight: normal; color: #999; letter-spacing: 0; }
.form .toelichting { display: block; margin-bottom: 0.3em; margin-top: 0; font-size: 85%; color: #999; }

.col, .col dt, .col dd { margin: 0; padding: 0; white-space: nowrap; }
.col, dl.col { float: left; margin-right: 8px; }
.col { padding: 5px 5px 15px 5px; /*background: url(../_images/columns.gif) no-repeat;*/ /*min-height: 160px;*/ }

.col label { font-weight: normal; display: inline; }
fieldset .col dt { float: none; width: auto; text-align: left; }
dl.col dt { font-weight: bold; font-size: 105%; margin-top: 5px; }
dl.col dd { padding-left: 20px; padding-top: 2px; font-size: 80%; }
dl.col label { font-weight: bold; }
dl.col dd label { font-weight: normal; letter-spacing: 0em; }
dl.col input { vertical-align: middle; margin-top: -1px; }

/* html paginas */
div.nodeContent { padding: 0 10px 10px 20px }
div.nodeContent p,
div.nodeContent ul,
div.nodeContent ol { margin-top: 0; margin-bottom: 0; }
div.nodeContent a { text-decoration: underline; }

/* laatste reactie */
.laatste-reactie-image-link,
.spotlight-image-link { display: block; float: left; width: 30px; height: 30px; overflow: hidden; margin: 1px 5px 0 0; background: #fff; border: 1px solid #aec0e2;}
.laatste-reactie-image,
.spotlight-image { width: 30px; }

.laatste-reactie-name { font-size: 0.85em }
.laatste-reactie-body { margin-bottom: 12px; font-weight: bold; }

/* spotlight berichten */
.spotlight-bericht a.user { font-weight: bold; }
.spotlight-user { margin-bottom: 10px; font-size: 0.85em; }

/* Statistics page */
fieldset.statistics-home { background: white; margin-top: 0px; padding-top: 0px; padding-bottom: 10px; }
fieldset.statistics-home legend { padding: 0 5px; margin: 0 0 5px 0; }
fieldset.statistics-home table { width: 98%; background: #F1F5FC; }
fieldset.statistics-home img.user-image-small { width: 16px; height: 16px; margin: 0 5px 0 0; }
fieldset.statistics-home .more-statistics { text-align: right; font-size: 12px; margin: 5px 10px 0 0; }

fieldset.statistics-large { position: relative; width: 860px; margin-bottom: 0px; padding-bottom: 10px; clear: both; }
fieldset.statistics-large th { font-weight: bold }
fieldset.statistics-large td { vertical-align: top; }
fieldset.statistics-large td.user-image-large { width: 54px; overflow: hidden; padding: 3px 0 0 1px; background: #fff; border: 1px solid #aec0e2; text-align: center; }
fieldset.statistics-large td.user-profile { width: 300px; height: 70px; overflow:hidden; padding-right: 5px; }
fieldset.statistics-large .bericht-details { color: #999; font-size: 0.85em; margin-bottom: 3px; }

fieldset.statistics-small { float: left; width: 247px; margin: 0 11px 0 0; clear: none; }
fieldset.statistics-small table { width: 245px; }
fieldset.statistics-small img.user-image-small { width: 16px; height: 16px; margin: 0 5px 0 0; }

fieldset table tr.odd { background: #F1F5FC; }
fieldset table tr.even { background: #fff; }
img.ranking-star { margin: 0 1px 0 0; border: none; vertical-align: middle; }


/* Stem knoppen */
.stem { position: absolute; top: 5px; left: 0; width: 55px; height: 85px; padding: 5px; font-size: 11px; text-align: center;}
.stem a.up { display: block; width: 50px; height: 50px; background: url( ../_images/stem/stem.gif) no-repeat; color: #6aab35; text-align: center }
.stem div { text-align: center; }
.stem div.count { margin: 5px 0 0 0; }
.stem .count very { font-size: 12px; }
.stem .count high { font-weight: bold; }
.stem .doorkliks { padding: 10px 0 0 0; }

/* PAGING  */
.pages { clear: both; margin: 1em 0; padding: 1em; text-align: center; font-size: 85%; }
.pages a,
.pages span { margin-right: 3px; padding: 0.2em 0.5em; border: 1px solid #fff; background: #fff; }
.pages span.current { border: 1px solid #2E6AB1; font-weight: bold; background: #2E6AB1; color: #fff; }
.pages a { border: 1px solid #9AAFE5; text-decoration: none; }
.pages a.nextprev { font-weight: bold; }
.pages span.nextprev { border: 1px solid #ddd; color: #999; }