body {
  margin: 0px;
  padding: 0px;
  font-family: arial,verdana,helvetica,sans-serif;
  font-size: 80%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
  /*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
  color:#391073;
  background-color:#FFFFE5;
  }

#content {
  margin: 0em;
  padding: 4em 6em 2em 6em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
  }

/*the following classes are to demonstrate better line heights for narrow columns*/
.narrow1{
  width: 50%;
  line-height: 1.3em;
  }
.narrow2{
  width: 50%;
  line-height: 1.5em;
  }

/*typography*/
a {
  text-decoration: underline;
  color: #391073;
  }
a:link {
  }
a:visited {
  }
a:active {
  }
a:hover {
  text-decoration: none;
  color:#f00;
  }
acronym {
  border-width:0px;
  border-bottom-width:1px;
  border-style:dotted;
}
h1 {
  font-size: 1.7em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: normal;
  }
h1 span.gross {
 font-size: 1.4em;
 margin: 1.2em 0em 1.2em 1.0em;
 font-weight: normal;
}
h2 {
  font-size: 1.5em;
  font-weight: normal;
  margin-top: 1em;
  margin-bottom: 0.5em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
  }
h3 {
  font-size: 1.2em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: bold;
  }
h4 {
  font-size: 1.2em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: bold;
  }
h5 {
  font-size: 1.0em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: bold;
  }
h6 {
  font-size: 0.8em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: bold;
  }
img {
  border: 0;
  }
ol, ul, li {/*
  list-style: none;*/
  font-size: 1.0em;
  line-height: 1.4em;
  margin-top: 0.2em;
  margin-bottom: 0.1em;
  }
p {
  font-size: 1.0em;
  line-height: 1.3em;
  margin: 1.2em 0em 1.2em 0em;
  }
li > p {
  margin-top: 0.2em;
  }
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
  font-family: monospace;
  font-size: 1.0em;
  }
strong, b {
  font-weight: bold;
  }


/* EIGENE SPEZIELLE FORMATIERUNGEN */
#copyright {
  clear:both;
  font-size:0.70em;
  text-align:right;
  margin-top:0px;
  padding:10px;
  padding-top:40px;
  padding-bottom:30px;
}


/* LAYOUT MIT CASCADING STYLE SHEETS VON glish.com/css/ */
#leftcontent {
  position: absolute;
  left:0px;
  top:105px;
  width:160px;
  background:#1393CF;
  border:0px solid #000;
  }

#centercontent {
  background:#FFFFE5;
  color:#391073;
  margin-left:160px;
  margin-right:0px;
  border:0px solid #000;
  /*
  IE5x PC mis-implements the box model. Because of that we sometimes have
  to perform a little CSS trickery to get pixel-perfect display across browsers.
  The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
  parsing bug in IE5x PC that will prematurly close a style rule when it runs
  into the string "\"}\"". After that string appears in a rule, then, we can override
  previously set attribute values and only browsers without the parse bug will
  recognize the new values. So any of the name-value pairs above this comment
  that we need to override for browsers with correct box-model implementations
  will be listed below.

  We use the voice-family property because it is likely to be used very infrequently,
  and where it is used it will be set on the body tag. So the second voice-family value
  of "inherit" will override our bogus "\"}\"" value and allow the proper value to
  cascade down from the body tag.

  The style rule immediately following this rule offers another chance for CSS2
  aware browsers to pick up the values meant for correct box-model implementations.
  It uses a CSS2 selector that will be ignored by IE5x PC.

  Read more at http://www.glish.com/css/hacks.asp
  */
  voice-family: "\"}\"";
  voice-family: inherit;
  margin-top:0px;
  margin-left:160px;
  margin-right:0px;
  padding:10px;
  }

/*
html>body #centercontent {
    margin-top:0px;
    margin-left: 160px;
    margin-right:  0px;
  }
  */

#showmessages {
  clear:both;
  border:1px solid #000;
  background-color:#1393CF;
  color:#fff;
  font-weight:bold;
  padding:3px;
  padding-left:10px;
  padding-right:10px;
  margin:0px;
  margin-bottom:15px;
}

#centercontent .rightcontent {
  border:0px solid #391073;
  float:right;
  width:156px;
  background:#A5E3FF;
  margin:-10px -5px 10px 10px;
  padding:5px; /* legt inneren Rahmen fest */
  padding-left:10px;
  padding-right:10px;
  }
#centercontent #inhalt {
  margin:5px;
  margin-left:10px;
}

#bannercontent {
  margin:0px;
  margin-bottom:0px;
  height:105px;
  background-color:#1393CF;
  color:#FFFFE5;
  border:0px solid #000;
  }
#bannercontent a {
  color:#FFFFE5;
}


/*
  Unterschiedliche Darstellung für die "Schnellstartleiste"
*/
#quicklaunchcontainer {
  margin:0px;
  padding:6px;
  padding-left:3px;
  font-family:verdana;
}
#quicklaunchcontainer a {
  text-decoration:none;
  font-weight:bold;
  font-size:12px;
}
#quicklaunchcontainer a:hover {
  text-decoration:none;
}
.quicklaunch {
  background-color:#1393CF;
  padding:2px;
  padding-left:5px;
  padding-right:5px;
  margin:2px;
}

/*
  Die Untermenüpunkte (Leiste links) werden hier definiert.
  Jede Menüebene (Level 2 bis n) muss dabei definiert werden.
  Bis 3 sollte eigentlich ausreichen...
*/
#menucontainer {
  margin:2px;
  margin-top:10px;
  margin-bottom:10px;
  font-size:12px;
  font-family:verdana;
}
#menucontainer a {
  text-decoration:none;
  font-weight:bold;
  font-size:12px;
  color:#FFFFE5;
}
#menucontainer a:hover {
  text-decoration:none;
}
.selected {
  border:1px solid #391073;
  border-right:1px solid #FFFFE5;
  border-bottom:1px solid #FFFFE5;
}
.notselected {
  border:1px solid  #1393CF;
}
.notselected:hover {
  border:1px solid #391073;
  border-left:1px solid #FFFFE5;
  border-top:1px solid #FFFFE5;
}

.submenu1 {
  display:block;
  padding:5px;
  padding-top:3px;
  padding-bottom:3px;
  margin:1px;
}

.submenu2 {
  display:block;
  padding:1px;
  padding-left:5px;
  margin:1px;
  margin-left:6px;
}

.submenu3 {
  display:block;
  padding:1px;
  padding-left:5px;
  margin:1px;
  margin-left:22px;
}

.submenu4 {
  display:block;
  padding:1px;
  padding-left:5px;
  margin:1px;
  margin-left:28px;
}
.submenu5 {
  display:block;
  padding:1px;
  padding-left:5px;
  margin:1px;
  margin-left:30px;
}

/* Definition der Tabelle (Eingabeformular) */
.eingabe {
  margin-left:30px;
  margin-right:auto;
  background-color:#A5E3FF;
  border:1px solid #391073;
/*  border-left:1px solid #FFFFE5;
  border-top:1px solid #FFFFE5;*/
  border-collapse:collapse;
  text-align:left;
}
/* Definition normaler Tabellenzellen (th=Was? td=Eingabefeld) */
.eingabe tr td,.eingabe tr th {
  padding:0px;
  padding-top:1px;
  padding-left:5px;
  padding-right:5px;
}
/* Definition des Tabellenheaders, immer als th id=eingabetitel! */
.eingabe tr th.eingabetitel {
  background-color:#391073;
  color:#FFFFE5;
  text-align:center;
  padding:4px;
  margin:0px;
}
/* Definition der Zelle mit den Eingabeschaltern */
.eingabe tr td.eingabebuttons {
  text-align:center;
  padding:3px;
  padding-top:10px;
  padding-bottom:10px;
  margin:3px;
}
/* Flacher Style der Eingabeboxen. Muß eventuell noch
 * überarbeitet werden wenn Checkboxes kommen etc.
 */
input {
  border:1px solid #391073;
  font-size:1.0em;
}

textarea {
  font-family: arial,verdana,helvetica,sans-serif;
  font-size:1.0em;
  border:1px solid #391073;
}

.check {
  font-size:1.0em;
  border-width:0px;
}

#maintitle {
  margin-top:0px;
  margin-left:10px;
  margin-bottom:3px;
  margin-right:3px;
  font-family:arial;
  font-weight:bold;
  font-size:25px;
  color:#FFFFE5;
}

.rightselected {
  display:block;
  border:1px solid #391073;
  border-right:1px solid #FFFFE5;
  border-bottom:1px solid #FFFFE5;
  margin:2px;
  padding:1px;
  padding-left:10px;
}
a.rightnotselected {
  display:block;
  border:1px solid #A5E3FF;
  margin:2px;
  padding:1px;
  padding-left:10px;
}
a.rightnotselected:hover {
  display:block;
  text-decoration:none;
  color:#391073;
  border:1px solid #391073;
  border-left:1px solid #FFFFE5;
  border-top:1px solid #FFFFE5;
  margin:2px;
  padding:1px;
  padding-left:10px;
}

table.liste_gross {
  border-collapse:collapse;
  margin:0px;
  padding:0px;
  font-size:100%;
  border:1px solid #391073;
}
table.liste {
  border-collapse:collapse;
  margin:0px;
  padding:0px;
  font-size:85%;
  border:1px solid #391073;
}
table.liste tr.eins,table.liste_gross tr.eins {
  background-color:#A5E3FF;
}
table.liste tr.zwei,table.liste_gross tr.zwei {
  background-color:#FFFFE5;
}
table.liste tr th, table.liste_gross tr th {
  border:1px solid #000;
}
table.liste tr td, table.liste tr th,table.liste_gross tr td, table.liste_gross tr th {
  margin:0px;
  padding:0px;
  padding-left:5px;
  padding-right:5px;
}

table.klein {
  font-size:85%;
}

table.sbexplorer_aussen {
  border-collapse:collapse;
  border:1px solid #000;
  background-color:#A5E3FF;
}
table.sbexplorer_aussen tr td {
  border:1px solid #000;
  padding:5px;
}
table.sbexplorer_aussen tr th {
  border:1px solid #000;
  padding:5px;
  text-align:left;
}


table.sbexplorer {
  border-collapse:collapse;
  border:0px solid #000;
}
table.sbexplorer tr td, table.sbexplorer tr th {
  border:0px solid #000;
  font-size:80%;
  padding:0px;
  margin:0px;
}

a.sbexplorer_selected {
  background-color:#391073;
  color:#FFFFE5;
  padding-left:1px;
  padding-right:1px;
  font-weight:normal;
}
a.sbexplorer_selected:hover {
  color:#FFFFE5;
}
a.sbexplorer_notselected {
  padding-left:1px;
  padding-right:1px;
  font-weight:normal;
}
a.sbexplorer_notselected:hover {
  color:#391073;
}

table.personalcard  {
  border-collapse:collapse;
  border:1px solid #391073;
  width:380px;
}
table.personalcard tr th {
  background-color:#A5E3FF;
  padding-left:5px;
  padding-right:5px;
  padding-top:3px;
  text-align:left;
  vertical-align:top;
}
table.personalcard tr td {
  padding-left:5px;
  padding-right:5px;
  padding-top:3px;
}
ul.personalcard {
  padding-top:0pt;
  padding-bottom:0pt;
  padding-left:1.4em;
  margin:0pt;
}
ul.personalcard li {
  line-height: 1.1em;
  margin-top: 0pt;
  margin-bottom: 0pt;
}
table.personalcardh1 tr th {
  padding-left:5px;
  padding-right:5px;
  padding-top:15px;
  text-align:left;
  font-size:1.6em;
  line-height:1.1em;
  font-weight:normal;
  vertical-align:top;
  padding-bottom:20px;
}
table.personalcardh1  {
  border-collapse:collapse;
  padding:0px;
  margin:0px;
  margin-bottom:1px;
  border:0px solid #391073;
  width:381px;
}
.withborder {
  border:1px solid #391073;
}

table.daten {
  border-collapse:collapse;
  margin:0px;
  padding:0px;
  font-size:85%;
  border:1px solid #391073;
}
table.daten tr th {
  border:1px solid #000;
}
table.daten tr td{
  margin:0px;
  padding:0px;
  padding-left:5px;
  padding-right:5px;
  text-align:left;
}

/* Info-Boxen am rechten Rand von Holger Janssen*/

table.addon { border-collapse:collapse; border-spacing:0px; empty-cells:show; background-color:transparent; border-style:none; border-color:#000; border-width:0px; }
 table.addon th { border-collapse:collapse; font-size:10px; text-align:right; background-color:#1393CF; color:#FFFFE5; padding:0px; padding-right:3px; }
 table.addon td { font-size:10px; background-color:#A5E3FF; color:#1393CF; padding:0px; margin:0px; }
 table.addon th a { color:#FFFFE5; text-decoration:none; padding:0px; margin:0px; }
 table.addon td a img{ font-size:10px; background-color:#A5E3FF; color:#1393CF; padding:0px; margin:0px; border-width:0px;}

 a.addoncontainer { text-decoration:none; }

table.inth tr td {margin:0px; padding:0px; padding-left:4px; padding-right:4px; text-align:left;}
table.inth_l0 tr td{margin:0px; padding:0px; padding-right:4px; text-align:left;}
table.inth_l0 td a {text-decoration:none; }
table.inth_l0 td a img{text-decoration:none; }

/* Daten und Fakten */
table.daten_und_fakten { border-collapse:collapse;border:1px solid #391073; empty-cells:show; margin:2px; margin-left:20px; margin-right:20px;}
table.daten_und_fakten th { border:1px solid #391073; text-align:center; font-weight:bold; padding:3px;padding-left:5px;padding-right:5px; }
table.daten_und_fakten td { border:1px solid #391073; padding:1px; padding-left:3px; padding-right:3px;}
table.daten_und_fakten td p { margin:0px; padding:0px; }

table.daten_und_fakten_navigation {padding:0px;font-size:14px;border-collapse:collapse; border:0px solid #000;margin-top:30px;margin-bottom:20px;empty-cells:show;background-color:#A5E3FF;}
table.daten_und_fakten_navigation td {padding:3px;padding-left:5px;padding-right:5px;font-weight:bold; white-space:nowrap;}
table.daten_und_fakten_navigation td a {font-weight:bold;text-decoration:underline;}

p.daten_und_fakten_quelle {margin-left:20px;margin-right:20px;font-size:10px;}
p.daten_und_fakten {margin-left:20px;margin-right:20px;margin-bottom:2px;font-weight:bold;}
p.daten_und_fakten img {border:1px solid #391073;}

table.daten_und_fakten1 { border-collapse:collapse;border:0px solid #391073; empty-cells:show; margin:2px; margin-left:20px; margin-right:20px;}
table.daten_und_fakten1 td { border:0px solid #391073; padding:1px; padding-left:3px; padding-right:3px;font-size:12px;text-align:center;}
table.daten_und_fakten1 img {border:1px solid #391073;}

/* Document-Feeds */
div.docFeedCategory {
  font-weight:bold;
  font-size:1.2em;
}
ul.docFeedUL {
  margin-top:0.5em;
  margin-bottom:2.5em;
}
li.docFeedLI {
  margin-bottom:1em;
}