/*** generic stuff ***/

* {
  /* Make sure that all browsers apply the same margins and paddings. */
  margin: 0px;
  padding: 0px;
}

html {
  min-height: 100.1%; /* always display vertical scrollbars to avoid jumping between pages */
}

.clear {
  clear: both;
  height: 0px;
  line-height: 0px;
}

img {
  border: 0px;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.aligncenter, .imgaligncenter {
  margin-left: auto;
  margin-right: auto;
}

.imgaligncenter {
  display: block;
}

.alignleft, .imgalignleft {
  float: left;
}

.alignright, .imgalignright {
  float: right;
}

.imgalignleft {
  margin-right: 10px;
}

.imgalignright {
  margin-left: 10px;
}

.invisible {
  display: none;
}

body, p, td, table, ul, li {
  font-family: Arial, sans-serif;
  font-size: 10pt;
  font-weight: normal;
}


/*** don't print ***/

#navigation,
.headerRight img,
.memoryProgressBar,
.quicklinks .bluebox,
.pageNav {
  display: none;
}


/*** main page elements ***/

#contentarea {
  position: relative;
  top: 0;
  max-width: 1400px;
}

#footer {
  margin-top: 1em;
  border-top: #6181AD solid 1px;
  text-align: center;
  padding: 5px 18px;
}


/*** links ***/

a {
  text-decoration: underline;
  color: #000044;
}

/* don't format anchors */
a[name] {
  text-decoration: none;
}


/*** colors ***/

.cdrom, .cdrom p {
  color: #0050A0;
}

.buch, .buch p {
  color: #006000;
}

.ccg, .ccg p {
  color: #800080;
}

.quelle {
  color: #777777;
}

.lighter {
  color: #9F9F9F;
}

.emph {
  color: #000099;
}


/*** header ***/

h1 {
  font-size: 14pt;
}

#pathRow {
  margin-bottom: 1em;
}


/*** content ***/

.content {
  margin: 0px 20px;
}

.gridContent {
  width: 70%;
  float: left;
}

.gridSidebar {
  width: 28%;
  float: right;
}

.gridHalf {
  width: 49%;
  float: left;
}

.gridHalf.right {
  width: 49%;
  float: right;
}

p,
.faqAnswer ul,
dl,
.paragraphElement,
ul.quotes,
.usedByList,
.articlePage .content .noBullet li,
.paragraphBoxLeft,
.paragraphBoxRight {
  text-align: justify;
  margin-top: 0.75em;
}

p.moreMargin {
  margin-top: 1.25em;
}

p.evenMoreMargin {
  margin-top: 2em;
}

.bannerAd {
  border-bottom: #6181AD solid 1px;
  border-top: #6181AD solid 1px;
  width: 550px;
  margin: 0px auto 20px;
}

.bannerAd img {
  border: 0px;
  display: block;
  margin: 7px auto;
}

h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22pt;
  font-weight: bold;
  text-decoration: underline;
  text-align: center;
  margin-bottom: 0.75em;
}

h2 a:link, h2 a:visited {
  color: #000000;
}

h2.blueWing {
  text-decoration: none;
}

h2.blueWing > span > span {
  text-decoration: underline;
}

blockquote {
  margin: 1em 3em 0em 1.5em;
  padding-left: 1.5em;
  border-left: 5px solid #DDDDDD;
}

.pt8normal {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: normal;
}

.pt13bold {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13pt;
  font-weight: bold;
}

/*** boxes ***/

.greyframe {
  border: #AFAFAF solid 1px;
  padding: 10px;
  margin-bottom: 20px;
}

.greyframe h3 {
  border-bottom: #AFAFAF solid 1px;
  padding: 8px 10px 5px;
  margin: -10px -10px 10px -10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13pt;
  font-weight: bold;
}

.redbox {
  border: #CFA9A9 solid 1px;
  padding: 10px;
  margin-bottom: 20px;
}

h3.redbox, h4.redbox {
  margin-top: 30px;
  padding: 3px 10px;
}

.redbox h3, .redbox h4 {
  border-bottom: #CFA9A9 solid 1px;
  padding: 4px 10px 3px;
  margin: -10px -10px 10px -10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight: bold;
}

.redbox h3.inner, .redbox h4.inner {
  margin-top: 20px;
  border-top: #CFA9A9 solid 1px;
}

.bluebox {
  border: #6181AD solid 1px;
  padding: 10px;
  margin-bottom: 20px;
}

h3.bluebox, h4.bluebox {
  margin-top: 30px;
  padding: 3px 10px;
}

.bluebox h3, .bluebox h4 {
  border-bottom: #6181AD solid 1px;
  padding: 4px 10px 3px;
  margin: -10px -10px 10px -10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight: bold;
}

.bluebox h3.inner, .bluebox h4.inner {
  margin-top: 20px;
  border-top: #6181AD solid 1px;
}

.limebox {
  border: #CFCFA9 solid 1px;
  padding: 10px;
  margin: 20px auto;
  display: block;
}

h3.limebox, h4.limebox {
  margin-top: 30px;
  padding: 3px 10px;
}


/*** lists ***/

ul.noBullet, ul.bullet, ul.watcherBullet, ul.languageBullet, ol.number, ul.quotes {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

ul.noBullet > li {
  list-style-type: none;
  list-style-image: none;
  margin-bottom: 1.25em;
}

ul.halfSpacing > li {
  margin-bottom: 0.75em;
}

ul.bullet > li {
  margin-left: 20px;
  margin-bottom: 0em;
  list-style: square outside;
  padding-left: 0px;
}

ul.bullet.spaced > li {
  padding-top: 3px;
  padding-bottom: 3px;
}

ul.bullet ul.bullet > li {
  list-style: circle outside;
}

ul.watcherBullet > li {
  list-style-type: square;
  margin: 1em 0em;
}

ul.languageBullet > li {
  list-style-type: none;
  list-style-image: none;
  padding: 4px;
  padding-left: 30px;
  min-height: 20px;
}

ol.number > li {
  margin-left: 20px;
  margin-bottom: 0em;
  list-style: decimal outside;
  padding-left: 0px;
}

ul.bullet > li:first-child, ul.watcherBullet > li:first-child {
  margin-top: 0px;
}

ul.bullet > li:last-child, ul.watcherBullet > li:last-child {
  margin-bottom: 0px;
}

ul.quotes > li {
  list-style-type: square;
  padding-top: 15px;
  padding-bottom: 15px;
}

ul.quotes > li:first-child {
  padding-top: 0em;
}


/*** tables ***/

.bluetable {
  border: 1px solid;
  border-collapse: separate;
  border-spacing: 5px;
  width: 99%;
  margin-left: auto;
  margin-right: auto;
}

.bluetable th {
  border: #6181AD solid 1px;
  padding: 4px 8px;
  text-align: center;
}

.bluetable th.left, .bluetable.left th {
  text-align: left;
}

.bluetable th.right, .bluetable.right th  {
  text-align: right;
}

.bluetable td {
  border: #6181AD solid 1px;
  padding: 4px 8px;
  vertical-align: middle;
}

table.top tr td,
.bluetable tr.top td,
.bluetable td.top {
  vertical-align: top;
}

.bluetable.flat {
  border-collapse: collapse;
  border-spacing: 0px;
  border: #6181AD solid 1px;
}

td.empty, .odd td.empty {
  border: 0px;
}


/*** sidebar ***/

.gridSidebar ul li h4 {
  font-size: 100%;
  margin-bottom: -0.5em;
}

.dHistoryCurrentDay {
  padding: 2px;
  margin-bottom: 8px;
}

.dHistoryYear {
  font-weight: bold;
}


/*** startpage ***/

.gridContent ul li h4 {
  font-size: 100%;
  margin: 0px;
  padding-left: 16px;
  border: 0px;
}

.gridContent ul li li {
  margin-left: 35px;
  margin-bottom: 0em;
  list-style: square outside;
  padding-left: 0px;
}


/*** immortal main page ***/

.buttonbox li {
  float: left;
}

.buttonbox li a {
  color: #000000;
  text-decoration: none;
  display: block;
  padding: 5px 10px;
  float: left;
  margin-right: 15px;
  margin-bottom: 0px;
}


/** single pages ***/

.singlePage h3 {
  font-size: 13pt;
}

table.profile, .profileDetails table {
  width: 100%;
  border: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
}

.profile th, .profile td {
  vertical-align: top;
}

.profile h2 {
  padding: 2px 10px;
  text-align: center;
  margin-left: -10px;
  margin-bottom: 0px;
  display: inline;
}

table.immortalActorProfile,
.singlePage h3.bluebox,
.singlePage .redbox,
.singlePage h3.redbox {
  margin-top: 25px;
  margin-bottom: 5px;
}

.episodeProfile img.pic {
  border: #99C9DC double 4px;
}

.profileImage {
  padding-top: 15px;
  padding-right: 15px;
}

.profileImage img.pic {
  border: #000000 double 4px;
}

.profileDetails {
  padding-top: 15px;
}

.profileDetails th, .profileDetails td {
  vertical-align: top;
  padding: 5px 10px 5px 0px;
}

.profileDetails th {
  text-align: left;
}

table.immortalActorProfile {
  border: #CFA9A9 solid 1px;
  margin-top: 20px;
}

.immortalActorProfile th, .immortalActorProfile td {
  text-align: left;
  vertical-align: top;
  padding: 5px 10px 5px 0px;
}

.immortalActorProfile th {
  padding-left: 30%;
}

.profile table.immortalLongerDetails {
  margin-top: 5px;
  margin-bottom: 0px;
}

.immortalLongerDetails td {
  text-align: left;
  vertical-align: top;
  padding: 5px 10px 5px 0px;
}

.immortalLongerDetails th {
  text-align: left;
  vertical-align: top;
  padding: 5px 0px;
}

.singlePage .immortalLongerDetails h3 {
  margin-top: 10px;
  margin-bottom: 5px;
}

.immortalLongerDetails td.center {
  text-align: center;
}

.immortalLongerDetails td.right {
  padding-right: 40px;
  text-align: right;
}

.entry {
  margin-left: 11px;
  margin-right: 11px;
}

ul.usedByList {
  margin-left: 75px;
}

table.pictures {
  border: 0px solid;
  border-spacing: 8px;
  width: 99%;
  margin: 0px auto;
}

table.pictures th, table.immortalLongerDetails th.lightblue {
  border: #6181AD solid 1px;
  padding: 3px 8px 2px;
  text-align: left;
  font-weight: normal;
}

.quoteTranslation {
  margin-top: 15px;
}


/*** timelines ***/

ul.timeline {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  border: #AFAFAF solid 1px;
}

ul.timeline > li {
  clear: both;
  list-style-type: none;
  list-style-image: none;
  margin-bottom: 1.25em;
  margin-left: 160px;
  border-top: 2px solid #AFAFAF;
}

ul.timeline > li:last-child {
  margin-bottom: 0em;
}

ul.timeline h4 {
  float: left;
  margin-top: -2px;
  margin-left: -160px;
  width: 144px;
  font-size: 1em;
  border-top: 2px solid #AFAFAF;
  padding: 4px 8px;
}

ul.timeline .timelineEnd {
  clear: both;
  margin-top: -2px;
  margin-left: -160px;
  width: 160px;
  height: 2px;
  border-bottom: 2px solid #AFAFAF;
}

.timelineHeaderLeft {
  float: left;
  padding: 4px 11px 4px 20px;
}

.timelineHeaderRight {
  border-bottom: #A6C9E9 solid 1px;
  border-right: #A6C9E9 solid 1px;
  text-align: right;
  padding: 4px 11px 4px 20px;
}

.timelineEntry {
  margin-left: 20px;
  margin-right: 11px;
}

.timelineEntry p, .timelineEntry .redbox {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.timelineEntry .redbox {
  padding-top: 0em;
  padding-bottom: 0em;
}

.shortTimeline ul.timeline {
  margin-top: 1.5em;
}

.shortTimeline ul.timeline > li {
  margin-left: 330px;
  border-top: 0px;
}

.shortTimeline ul.timeline .timelinePictures {
  float: left;
  margin-left: -330px;
  width: 150px;
  padding: 10px 20px 10px 0px;
}

.shortTimeline ul.timeline h4 {
  padding: 10px 8px;
}

.shortTimeline .timelineEntry {
  padding-top: 10px;
}

.shortTimeline .timelineEntry p, .timelineEntry .redbox {
  margin-top: 0px;
  margin-bottom: 10px;
}


/*** article pages ***/

h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16pt;
  font-weight: bold;
  margin-top: 1.5em;
}

h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  margin-top: 1em;
}

.paragraphBoxLeft, .paragraphBoxRight {
  margin-top: 1.25em;
}

.paragraphSidebar {
  padding: 0.75em 15px;
  width: 300px;
}

.paragraphBoxLeft .paragraphSidebar {
  float: left;
}

.paragraphBoxRight .paragraphSidebar {
  float: right;
}

.paragraphSidebar img {
  display: block;
  margin: 3px auto;
}

.paragraphContent {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}

.paragraphBoxLeft .paragraphContent {
  padding-left: 347px;
}

.paragraphBoxRight .paragraphContent {
  padding-right: 347px;
}

.paragraphContent h4 {
  margin-top: 0em;
}

.gastbeitrag  {
  border-left: #FD9633 solid 5px;
  border-bottom: #FD9633 solid 1px;
  padding-left: 10px;
}

.gastBeitragAuthor {
  float: right;
  border-bottom: #FD9633 solid 3px;
  padding-bottom: 5px;
}

.noteJr {
  font-style: italic;
  color: #3030B0;
}


/*** news ***/

.newsList h3 {
  font-size: 11pt;
  font-weight: bold;
  border: #DCE3EA solid 1px;
  border-bottom: #6080AD solid 1px;
  padding: 3px;
  padding-left: 10px;
  margin: 20px 0px 10px;
}

.newsList ul.bullet, .newsList ol.number {
  margin: 0px 10px;
}

.newsDate {
  font-size: 10pt;
  font-weight: normal;
  padding-right: 1em;
}

.newsList p {
  padding: 0px 10px;
}

.newsPerson {
  cursor: help;
  font-size: 90%; /* 90% of normal font size (87.5%) */
  letter-spacing: .07em;
  border-bottom: 1px dashed #666666;
}


/*** link page ***/

.linklist h3 {
  margin-top: 20px;
}

ul.languageBullet > li {
  vertical-align: top;
  margin: 4px 0px;
}

.deadlinkicon {
  margin-left: 10px;
}

.linklist .code {
  width: 600px;
  margin: 1em auto;
}


/*** blog ***/

.blogEntry {
  width: 99%;
  margin: 1em auto;
  border: #AFAFAF solid 1px;
}

.blogDate {
  width: 20%;
  float: left;
}

.blogDate .inner {
  padding: 10px 15px;
  font-weight: bold;
  text-align: right;
  font-size: 13pt;
  font-weight: bold;
}

.blogContent {
  width: 80%;
  float: right;
}

.blogContent .inner {
  border-left: #AFAFAF solid 1px;
  padding: 10px 15px;

}

.blogContent h3 {
  font-size: 13pt;
  font-weight: bold;
  margin-top: 0px;
}

.blogContent p:first-letter {
  font-size: 12pt;
  font-weight: bold;
}


/* books */

.bookTable {
  border-spacing: 10px;
  width: 95%;
}

.bookTable td {
  padding: 2px;
}

.bookTable td h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16pt;
  font-weight: bold;
  text-decoration: underline;
  margin-top: 0px;
}

.bookTable td.bookCover {
  border-top: #6181AD solid 1px;
  border-bottom: #6181AD solid 1px;
  padding: 4px;
  vertical-align: top;
}

.bookTable td.bookContent {
  border-top: #6181AD solid 4px;
  padding-left: 10px;
  padding-top: 4px;
  vertical-align: top;  
}

.bookTable td.bookContent h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: bold;
}


/*** FanFiction ***/

.storybox {
  border: 0px;
}

.indexPage h3 {
  font-size: 13pt;
}

.ffMarked {
  color: #0060C0;
}

.ffSeparator {
  display: block;
  margin: 1.25em auto 1em auto;
  text-align: center;
}

.redbox .copyright {
  border-top: #CFA9A9 solid 1px;
  padding: 6px 10px;
  margin: 20px -10px -10px -10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  text-align: justify;
}

.ffPicture {
  border: #000000 solid 1px;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}


/*** FAQ ***/

.faqQuestion {
  font-size: 10pt;
  font-weight: bold;
  padding-left: 50px;
  position: relative;
}

.faqQuestion h4 {
  padding: 4px 0px;
}

.faqAnswer {
  font-weight: normal;
  padding-right: 20px;
}

.faqAnswer dt {
  font-weight: bold;
}

.faqAnswer dd {
  margin: 4px 0px 10px 20px;
}

.faqSource {
  font-style: italic;
}

.faqFunctionLink {
  position: absolute;
  bottom: 5px;
  left: 10px;
}


/** cards ***/

.suche {
  font-weight: bold;
}

.biete {
  font-weight: bold;
}

.checklistTable {
  border-collapse: collapse;
  border-spacing: 0px;
  border: #6181AD solid 1px;
  margin: 1.5em auto;
}

.checklistTable th {
  text-align: left;
  border: 0px;
  border-bottom: #6181AD solid 2px;
}

.checklistTable td {
  border: 0px;
}

.checklistTable td:first-child {
  text-align: center;
}

.shadow, tr.shadow th, tr.shadow td {
  background-color: #DFDFDF;
}

.checklistTable hr {
  border: 0px;
  border-top: #6181AD solid 1px;
  margin: 1em auto;
  width: 100%;
}


/*** inline pages ***/

.inlinePage #contentarea {
  margin-left: 0px;
  min-height: 0px;
}

.inlinePage #footer {
  margin-left: 0px;
}


/*** more generic stuff ***/

ul.tableOfContent {
  clear: both;
  border-top: #6181AD solid 1px;
  border-bottom: #6181AD solid 1px;
  margin: 2em 0px;
  padding: 1em 10% 1em 20%;
}

.statusImage {
  margin: 3px auto;
  display: block;
}

hr {
  clear: both;
  border: #6181AD solid 1px;
  margin: 1.5em 0em;
}

.trennlinie {
  border-bottom: #6181AD solid 2px;
  margin-bottom: 20px;
  padding-top: 4px;
  padding-bottom: 3px;
}

.banner {
  border: 1px solid #000000;
  display: block;
  margin: 0em auto;
}

.code {
  font-family: monospace;
}

.placesTable .odd td {
  font-weight: bold;
}

.thumb img {
  border: solid 1px;
}

.entry .thumb img, .timelineEntry .thumb img {
  margin: 3px 8px 3px 0px;
}

.blackframe {
  border: #000000 solid 1px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.note {
  font-style: italic;
}

.indent, ul.indent {
  padding-left: 20px;
}

.deadlinkPage {
  padding-left: 175px;
  width: 300px;
  margin-bottom: 1.5em;
  margin-left: 175px;
  min-height: 500px;
}

.inlinePage .deadlinkPage {
  margin: 3em auto;
}

.inlinePage .deadlinkPage p {
  font-size: 11pt;
}


/*** form elements ***/

#contentarea input[type="text"], #contentarea input[type="password"], #contentarea textarea {
  font-size: 12px;
  font-family: Verdana,sans-serif;
  width: 300px;
  margin-top: 5px;
}


/*** memory ***/

.memoryLayer {
  width: 580px;
  height: 620px;
  float: left;
}

.memoryLayer h3 {
  margin-top: 0em;
}

#memoryLayerHidden {
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: -1000px;
}

#memoryLayerStats {
  float: left;
  padding-left: 20px;
}

.memoryPicture {
  margin: 1px;
  border: #000000 solid 1px;
}

#memoryLayerFinished p {
  width: 300px;
}


/*** comments ***/

/*** comments ***/

#poweredby {
  margin-top: 50px;
  text-align: center;
}

.c5t_system {
  padding: 10px;
  width: 800px;
  margin-bottom: 10px;
  border: 1px solid #FF0000;
}

.c5t_debug {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #0070C0;
}

.c5t_comment_form_background {
  padding: 8px;
  width: 450px;
  margin-top: 30px;
  border: 1px solid #C0C0C0;
}

.c5t_comment_form_wrapper {
  padding: 5px;
}

.c5t_comment_form_element {
  margin-bottom: 15px;
}

.c5t_comment_list {
  padding-top: 10px;
  margin-bottom: 10px;
}

.c5t_comment_item {
  border: #FD9633 solid 1px;
  padding: 10px;
  margin-bottom: 20px;
}

.c5t_comment_item_details {
  border-bottom: #FD9633 solid 1px;
  padding: 4px 10px 3px;
  margin: -10px -10px 10px -10px;
}

.c5t_comment_item_text {
  font-family: Arial,sans-serif;
  font-size: 10pt;
  font-weight: normal;
  text-align: justify;
  margin-top: 0.75em;  
}

.c5t_comment_item_title {
  margin: 0 0 10px 0;
  font-weight: bold;
}

.c5t_error_message_item {
  padding-bottom: 10px;
}

.c5t_frontend_pagination {
  margin: 15px 0 15px 0;
}

.c5t_frontend_pagination a {
  border: 1px solid #cccccc;
  padding: 3px 10px;
  text-decoration: none;
  font-size: 90%;
  font-weight: bold;
}

.c5t_frontend_pagination span {
  border: 1px solid #cccccc;
  padding: 3px 10px;
  text-decoration: none;
  font-size: 90%;
  font-weight: bold;
}

.c5t_frontend_pagination form {
  display: inline;
}

.c5t_frontend_pagination input {
  cursor: pointer;
  border: 1px solid #cccccc;
  padding: 2px 10px;
  text-decoration: none;
  font-size: 90%;
  font-weight: bold;
}