/*** 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;
}

.printonly, .invisible {
  display: none;
}

body {
  background: url(../design/menu_background.jpg) #FDFDF7 repeat-y top left;
}

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


/*** main page elements ***/

#header {
  background: url(../design/title_bg.jpg) transparent repeat-x bottom left;
  height: 80px;
  margin-left: 120px;
}

#contentarea {
  margin-left: 120px;
  min-height: 500px;
  position: relative;
  top: 0;
  max-width: 1400px;
}

#navigation {
  background: url(../design/navigation_bg.jpg) transparent no-repeat top left;
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  min-height: 433px;
}

#footer {
  margin-left: 120px;
  margin-top: 1em;
  background-color: #ECD6D6;
  border-top: #6181AD solid 2px;
  text-align: center;
  padding: 5px 18px;
}


/*** links ***/

a:link {
  text-decoration: none;
  color: #3333F6;
}

a:visited {
  text-decoration: none;
  color: #CC3333;
}

a:hover {
  text-decoration: underline;
  color: #0000CC;
}

a.padd:hover {
  background-color: #FFE7B3;
}

a.redArrow {
  background: url(../design/dreieck2.gif) transparent no-repeat center left;
  padding-left: 13px;
}

a.redArrow:hover {
  background: url(../design/dreieck3.gif) transparent no-repeat center left;
}

a.blueArrow {
  background: url(../design/dreieck0.gif) transparent no-repeat center left;
  padding-left: 13px;
}

a.blueArrow:hover {
  background: url(../design/dreieck1.gif) transparent no-repeat center left;
}

a.lirssinline {
  padding-left: 15px;
  background: url(../design/link-icon_rss.png) no-repeat center left;
}

/* don't format anchors */
a[name] {
  text-decoration: none;
  background-color: transparent;
  /* we can't really set a color here, so hover color might be applied */
}


/*** header ***/

.headerLeft {
  background: url(../design/title_left.jpg) transparent no-repeat top left;
  height: 80px;
}

.headerRight {
  background: url(../design/title_right.jpg) transparent no-repeat top right;
  height: 80px;
  padding: 0px 60px;
}

h1 {
  display: none;
}

#pathRow {
  vertical-align: bottom;
  height: 25px;
  line-height: 22px;
}


/*** navigation ***/

.navTop {
  margin-top: 10px;
  background: url(../design/navigation_box_top.png) transparent no-repeat top left;
  width: 90px;
}

.navBottom {
  background: url(../design/navigation_box_bottom.png) transparent no-repeat bottom left;
  width: 90px;
}

.navTop ul {
  margin: 0;
  padding: 8px 0px;
}

.navTop ul li {
  list-style-type: none;
  list-style-image: none;
  margin: 0px;
  padding: 0px 4px 0px 6px;
  background: url(../design/navigation_box_bg.png) transparent repeat-y top left;
}

.navTop ul li:first-child a {
  border-top: 1px solid #A6BFD6;
}

.navTop ul li a {
  color: #3434CC;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #A6BFD6;
  font-weight: bold;
  padding: 0.20em 3px 0.15em 5px;
}

.navTop ul li a.current {
  color: #FF0000;
  text-decoration: none;
  background-color: #FCEECE;
}

.navTop ul li a:hover {
  color: #FF0000;
  text-decoration: none;
  background-color: #FCEECE;
}

.subNavigation {
  margin: 100px 12px 0px 6px;
}

.submenueHeader {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #000044;
  background-color: #DAE6F3;
  border: #A6C9E9 solid 1px;
  padding: 2px 4px;
  text-align: center;
}

.submenueField {
  background-color: #ECF3FA;
  border: #CAD6E9 solid 1px;
  border-top: #ECF3FA solid 1px;
  margin: 0;
  padding: 2px 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #000044;
}

.submenueField li {
  list-style-type: none;
  list-style-image: none;
  margin: 0px;
  padding: 3px 0px;
  font-weight: bold;
}

.submenueField li ul {
  margin: 0;
  padding: 2px 0px 2px 10px;
}

.submenueField a:hover {
  background-color: #FFE7B3;
}

.letterBox {
  margin-left: -2px; /* to compensate for the padding of the first column */
}

.letterBox td {
  padding: 1px 2px;
  font-weight: bold;
}


/*** 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;
}


/*** content ***/

.content {
  margin: 0px 20px;
}

.pageNav {
  padding: 3px 3px;
}

.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;
  color: #000099;
}

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

h2 {
  color: #000099;
  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, h2 a:hover {
  color: #000099;
}

h2.blueWing {
  text-decoration: none;
}

h2.blueWing > span {
  background: url(../design/bord_bl.gif) transparent no-repeat left center;
}

h2.blueWing > span > span {
  background: url(../design/bord_br.gif) transparent no-repeat right center;
  padding: 0px 115px;
  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;
  color: #000044;
}

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

/*** boxes ***/

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

.greyframe h3 {
  background-color: #DAE6F3;
  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;
  color: #000044;
}

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

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

.redbox h3, .redbox h4 {
  background-color: #ECD6D6;
  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;
  color: #880000;
}

.redbox h3 a:hover, .redbox h4 a:hover,
h3.redbox a:hover, h4.redbox a:hover {
  color: #880000;
}

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

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

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

.bluebox h3, .bluebox h4 {
  background-color: #DAE6F3;
  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;
  color: #000044;
}

.bluebox h3 a:hover, .bluebox h4 a:hover,
h3.bluebox a:hover, h4.bluebox a:hover {
  color: #000044;
}

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

.limebox {
  border: #CFCFA9 solid 1px;
  padding: 10px;
  background-color: #F6F6DF;
  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: none;
  list-style-image: none;
  background: url(../design/watch10d.gif) transparent no-repeat left 3px;
  padding-left: 16px;
  margin: 1em 0em;
}

ul.watcherBullet > li.external {
  background: url(../design/watch10a.gif) transparent no-repeat left 3px;
}

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: none;
  list-style-image: none;
  background: url(../design/strich2.gif) transparent top left no-repeat;
  margin-bottom: 10px;
  padding-top: 21px;
}

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


/*** tables ***/

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

.bluetable th {
  background-color: #DAE6F3;
  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 {
  background-color: #EAF0FA;
  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 .odd td {
  background-color: #F6F9FA;
}

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

td.empty, .odd td.empty {
  border: 0px;
  background-color: transparent;
}


/*** 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%;
  background: url(../design/watch10d.gif) transparent no-repeat left center;
  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: #3434CC;
  text-decoration: none;
  display: block;
  padding: 5px 10px;
  float: left;
  margin-right: 15px;
  margin-bottom: 0px;
}

.buttonbox li a:hover {
  color: #FF0000;
  text-decoration: none;
  background-color: #FCEECE;
  border-color: #CC0000;
}


/** 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;
}

.profileIcon img {
  background-color: #FDFDF7;
}

.profile h2 {
  background-color: #FDFDF7;
  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 {
  background: url(../design/headln1a.gif) transparent top left repeat-x;
}

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

.episodeProfile .profileImage {
  background: url(../design/headln2a.gif) transparent top left no-repeat;
  padding-top: 15px;
}

.swordProfile, .immortalProfile {
  background: url(../design/headln1.gif) transparent top left repeat-x;
}

.swordProfile img.pic, .immortalProfile img.pic {
  border: #6181AD double 4px;
}

.swordProfile .profileImage, .immortalProfile .profileImage {
  background: url(../design/headln2.gif) transparent top left no-repeat;
  padding-top: 15px;
}

.bookProfile {
  background: url(../design/headln1b.gif) transparent top left repeat-x;
}

.bookProfile img.pic {
  border: #66A966 double 4px;
}

.bookProfile .profileImage {
  background: url(../design/headln2b.gif) transparent top left no-repeat;
  padding-top: 15px;
}

.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;
  background-color: #F6E9E6;
  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 {
  color: #03069C;
  background-color: #ECF3FA;
  border: #6181AD solid 1px;
  padding: 3px 8px 2px;
  text-align: left;
  font-weight: normal;
}

.quoteTranslation {
  margin-top: 15px;
  color: #555555;
}

.quicklinks td {
  /* to allow for place for the quicklink box */
  padding-right: 172px;
}

.quicklinks .bluebox {
  position: absolute;
  top: 80px;
  right: 20px;
  width: 130px;
}

.quicklinks ul.noBullet > li {
  margin-bottom: 0.25em;
}


/*** timelines ***/

ul.timeline {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  background: url(../design/timeline-bg.png) transparent top left repeat-y
}

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

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

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

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

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

.timelineHeaderRight {
  background-color: #ECF3FA;
  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;
  background: url(../design/timeline-bg.png) transparent 170px top repeat-y
}

.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;
  color: #000099;
  margin-top: 1.5em;
}

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

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

.paragraphBoxLeft {
  background: url(../design/paragraph-sidebar-bg-left.png) left top repeat-y;
}

.paragraphBoxRight {
  background: url(../design/paragraph-sidebar-bg-right.png) right top repeat-y;
}

.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;
  background-color: #ECF3FA;
  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;
}

.newsSource {
  color: #000099;
}

.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 {
  background-color: #F6F9FA;
  vertical-align: top;
  margin: 4px 0px;
}

ul.languageBullet > li.english {
  background: url(../design/dot-engl.gif) #F6F9FA no-repeat left 2px;
}

ul.languageBullet > li.french {
  background: url(../design/dot-fran.gif) #F6F9FA no-repeat left 2px;
}

ul.languageBullet > li.german {
  background: url(../design/dot-germ.gif) #F6F9FA no-repeat left 2px;
}

ul.languageBullet > li.hungarian {
  background: url(../design/dot-hung.gif) #F6F9FA no-repeat left 2px;
}

ul.languageBullet > li.japanese {
  background: url(../design/dot-japa.gif) #F6F9FA no-repeat left 2px;
}

ul.languageBullet > li.portuguese {
  background: url(../design/dot-port.gif) #F6F9FA no-repeat left 2px;
}

ul.languageBullet > li.spanish {
  background: url(../design/dot-span.gif) #F6F9FA no-repeat left 2px;
}

.deadlinkicon {
  margin-left: 10px;
}

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


/*** blog ***/

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

.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;
  background-color: #FDFDF7;
}

.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;
  color: #006000;
  margin-top: 0px;
}

.bookTable td h3 a:hover {
  color: #006000;
}

.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;
  color: #006000;
}


/*** FanFiction ***/

.storybox {
  width: 700px;
}

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

.ffMarked {
  color: #0060C0;
}

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

.redbox .copyright {
  background-color: #ECD6D6;
  border-top: #CFA9A9 solid 1px;
  padding: 6px 10px;
  margin: 20px -10px -10px -10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #880000;
  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;
}

.faqQuestion h4 a:hover {
  color: #000044;
}

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

.faqAnswer dt {
  font-weight: bold;
}

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

.faqSource {
  color: #000099;
  font-style: italic;
}

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


/** cards ***/

.suche {
  color: #A00000;
  font-weight: bold;
}

.biete {
  color: #006600;
  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%;
}

.checklistNote {
  color: #5F5F5F;
}

.ccgReprint {
  border-left: 5px solid #0070C0;
  padding-left: 5px;
}

.ccgMisprint {
  border-left: 5px solid #E06000;
  padding-left: 5px;
}

.ccgComment {
  border-left: 5px solid #007F00;
  padding-left: 5px;
}


/*** inline pages ***/

body.inlinePage {
  background-image: none;
}

.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 {
  background: url(../design/watch250.gif) transparent no-repeat top left;
  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;
}

.memoryProgressBar {
  width: 90px;
  border: #000000 solid 1px;
  background-color: #FFFDF7;
  margin-right: 2px;
  float: left;
}

#memoryLayerFinished p {
  width: 300px;
}