/* =========== Page Layout ================ */

body { color: black; background: ivory; margin-left: 2%; margin-right: 2%; }

body,p,td,h1,div,blockquote { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; }

a:link          { color:navy; text-decoration:none; }
a:hover         { color:navy; text-decoration:underline; }
a:visited       { color:indigo; text-decoration:none; }
a:visited:hover { color:indigo; text-decoration:underline; }
a:active        { color:indigo; text-decoration:none; }

strong { font-weight: normal; }

/* =========== Index Layout ============== */

/* headline */
h1.np_index_headline { font-size: 14pt; }

h2 { font-size: 12pt; }

/* border around all groups */
.np_index_groups { background: whitesmoke; padding: 0px; border: 1px solid dimgray; }

/* a block of groups */
.np_index_groupblock { margin-bottom: 5px; }

/* headline of a group of blocks */
.np_index_grouphead { border-bottom: 1px solid dimgray; background: lavender; color: black; margin-bottom: 5px; padding-left: 5px; padding-right: 5px; }

/* a single group */
.np_index_group { margin-left: 10px; margin-bottom: 5px; }

/* =========== Thread Layout ============== */

/* Headline */
h1.np_thread_headline { font-size: 14pt; }

/* Table around the thread */
table.np_thread_table { width: 100%; border: 1px solid dimgray; border-spacing: 0px; margin: 0px; padding: 0px; }

/* Head of the table */
tr.np_thread_head,td.np_thread_head { color: black; background: lavender; margin: 0px; font-weight: normal; padding-left: 5px; padding-right: 5px; }

/* Even line numbers in the thread */
tr.np_thread_line1,td.np_thread_line1 { padding-left: 3px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; background: #f9f9f9; margin: 0px; }

/* Odd line numbers in the thread */
tr.np_thread_line2,td.np_thread_line2 { padding-left: 3px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; background: #eeeeee; margin: 0px; }

/* Text inside a Line */
span.np_thread_line_text { font-size: 12pt; }

/* The 12pt images, a thread consists of */
img.thread_image { vertical-align: bottom; }

/* =========== Article Layout ============= */

/* headline */
h1.np_article_headline { font-size: 14pt; }

/* Head of an article */
div.np_article_header { font-size: 10pt; background: whitesmoke; padding: 3px; border: 1px solid dimgray; }

/* Layout of the Text-Body */
div.np_article_body { background: white; border: 1px solid dimgray; margin-top: 10px; margin-bottom: 10px; 
  padding: 10px; font-family: Courier New, Courier, Andale Mono, monospace; font-size: 10.5pt; }

/* Layout of quoted text / graphic layout */
blockquote.np_article_quote { border-left: #002255 solid 1px; padding-left: 10px; color: #002277; margin: 0px;
  margin-left: 4px; font-family: Courier New, Courier, Andale Mono, monospace; font-size: 10.5pt; }

/* =========== Post layout =========== */

/* headline */
h1.np_post_headline { font-size: 14pt; }

/* Head with the input fields for subject, name and email  */
.np_post_header { background: whitesmoke; padding: 3px; border: 1px solid dimgray; }

/* Body with the message-field and the post-button in it */
.np_post_body { background: whitesmoke; padding: 3px; border: 1px solid dimgray; margin-top: 10px; }

/* =========== navigation buttons on top of every page =========== */

div.np_buttonbar { background: lavender; padding: 1px; margin-bottom: 10px; border: 1px solid dimgray;  }
span.np_button { padding-left: 5px; padding-right: 5px; border-right: 1px solid dimgray; }
a.np_button { }
span.np_pages { position: absolute; right: 20px; color: black; }
.np_pages_selected { color: black: text-weight: bold; margin-left: 5px; margin-right: 5px; }
.np_pages_unselected { color: black; text-decoration: underline; margin-left: 5px; margin-right: 5px; }

p.tail { font-size: 8pt; color: dimgray; text-align: right; }
a.tail:link          { color:dimgray; text-decoration:none; }
a.tail:hover         { color:dimgray; text-decoration:underline; }
a.tail:visited       { color:dimgray; text-decoration:none; }
a.tail:visited:hover { color:dimgray; text-decoration:underline; }
a.tail:active        { color:dimgray; text-decoration:none; }