html, body, table, td {
 font-family: Verdana, "Tahoma", "Geneva", Arial, Helvetica, sans-serif;
 /* font-size: 8pt; */
 font-size: 100%;
}

body {
 margin: 0;
 padding: 0;
 background-color: #ffffff;
 color: #444444;
}

h1 {
  font-size: 140%;
  font-weight: bold;
}

h2, h3, h4, dt {
  font-size: 120%;
}
h2 {
  font-weight: bold;
}
h3, h4 {
  font-weight: normal;
}

h5 {
    margin: 2em 1em 0.5em 1em;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
    color: #000000;
    background-color: #f7f7f7;  /* same sas td.content ! */
}
h5 + ul,
h5 + p {
    margin-top: 0;
}

/* h4 will be formatted similarily to "dt",
   so rules will be found there!
*/
h1, h2, h3 {
  margin: 0.5em;
  margin-top: 2em;
}
h1.topHeader, h2.topHeader, h3.topHeader {
  margin-top: 0.25em;
}

td.content, #headerTable, #rightColumn,
dl dd table td /*,
dd ol, dd ul,
dd dl dt */ {
/* #headerTable spezifies navigational area, #rightColumn left on right side. */
  font-size: 0.8em;
}
/* Correct case "Termine": */
td.content dl.termin_list dd ul {
    font-size: 100%;
}
/* Separate rule - be nice to MS IE:
td.content > ul,
td.content > ol {
  font-size: 0.8em;
}
*/

p {
  margin: 1em;
}
p.mehr {
  margin-top: 0;
  margin-right: 0;
  text-align: right;
  font-size: 100%;
}

table th {
  font-weight: bold;
}

dl {
  margin-top: 2em;
}
dt, h4 {
  margin: 0.25em 0.25em 0.25em 0.5em;
  padding: 0.25em;
  background-color: #eeeeee;
  color: #222222;
}
dd {
  margin: 0.25em 0.5em 1.5em 1.5em ;
  padding: 0;
  /* line-height: 140%; */
}
dd p {
  margin: 0;
  padding: 0.5em 0 0 0;
}
dd ul {
  padding: 0.5em 1em 0.5em 1.5em;
}

dd dl {
  margin-top: 0.5em;
}
dd dl dt {
  margin: 0.5em 0em 0.25em 0em;
  padding: 0;
  background-color: inherit;
  color: inherit;
  /* font-size: See before in extra rule (80%) */
  font-weight: bold;
}
dd dl dd {
  margin: 0em 0.5em 0.25em 1.5em;
}
dd dl dd p {
  padding: 0;
}

dl dd table {
  /* background-color: #f7f7ff; */
  background-color: #ffffff;
}



a, a:link, a:active, a:visited {
 /* color: black; */
 /* color: #1877b5; */
 color: #1177aa;
 text-decoration: none;
}

a:hover {
 /* color: black; */
 text-decoration: underline;
}

span.activeMenu {
  margin-left: 10px;
}
/* Note: More (overwriting) rules for special links see below! */


.blank { /* Diese Klasse soll unsichtbaren Text erzeugen! */
  display: none;
}

.underTitle {
  font-size: 80%;
  font-weight: normal;
}

.beispiel {
    margin: 1em 2em 2em 2em;
}
.hinweis_dezent {
  font-style: oblique;
}
/* Inline text, which should be stressed a little bit only: */
.inlineStress {
  color: #000000;
  background-color: #f7f7f7;
}

.hinweis {
  font-weight: bold;
}

/* Block level element (Paragraph), used inside of "Termine": */
.wichtigerHinweis {
  font-weight: bold;
  font-size: 110%;
  margin: 0.5em 1.5em;
}
.redText {
  color: #cc0000;
}

#naviOben {
 padding-right: 190px;
}

.headnav a, .headnav a:link, .headnav a:active, .headnav a:visited  {
color: #717171;
text-decoration: none;
font-weight: bold;
margin-left: 10px;
}

.headnav a:hover	{
color: #555555;
color: #0783B9;
text-decoration:underline;
}

#naviUnten {
 padding-left: 90px;
}


/*
.headnav a.activeMenu {
*/
.headnav span.activeMenu {
  background-color: #E4F1FA;
  color: black;
  font-weight: bold;
}
.headnav a.normalMenu {
  /* No settings yet, but class will/must be defined in XSLT script to get "activeMenu". */
}

td.buttonCell {
  height: 28px;
}
img.button {
  margin: 0;
  padding: 0;
}

#shadowLeft {
  background-image: url(img/schatten_links.jpg);
}
#shadowRight {
  background-image: url(img/schatten_rechts.jpg);
}
#shadowBottom {
  background-image: url(img/schatten_unten.jpg);
}
#headerTable {
  background-image: url(img/header.jpg);
}



.zellenrahmen  {
 border: 1px solid #ECECEC;
}

.content    {
 padding: 15px;
 border: 1px solid #ECECEC;
 background-color: #f7f7f7;
}

.content ul.numberManually li p a {
  font-size: 110%;
  font-weight: bold;
}

.kontakt    {
  padding: 7px;
  border: 1px solid #ECECEC;
}


#trilogie {
  margin: 0em 0em 0em 1.5em;
  padding: 0.5em 1em 1em 2em;
  width: 190px; /* Already hardcoded in HTML, but needed for some special cases */
}
#trilogie ul {
  padding-left: 0em;
}
#trilogie li {
  list-style-type: disc;
}

/*
#ph {
*/
/*
  #mainContentTable is workaround for Konqueror with (wanted?) side
  effect to layout:
*/
.puffer, #mainContentTable {
  /* background-image: url(img/ph.jpg); */
  background-image: url(img/ph_250.jpg);
  background-position: top right;
  background-repeat: repeat-y;
}

div.zurueck {
  text-align: right;
  font-size: 62%;
}

/* Not used:
#ph2 {
background-image: url(img/ph8.jpg);
 background-position: bottom;
background: no-repeat;
}
*/




/* Styles spezific for index.html only: */
#startseite {
  margin: 0.5em 0.25em;
  padding: 0;
  /* border: 1px solid blue; */
}

#startseite, #startseite ul {
  padding-left: 35px;
}

#startseite li {  /* #startseite ist ein UL tag! */
  /* list-style-type: none; */
  /* list-style-image: url(img/pfeil.jpg); */
  list-style-image: url(img/pfeil-menu.gif);
  list-style-position: outside;
  margin: 0;
  padding: 0;
  /* border: 1px solid black; */
}
#startseite li h2 {
  padding: 0;
  /* Causes list item image to be cutted by content border:
  margin: 0.5em 1em;
  */
  margin: 0.5em 0em 0.25em 0em;
}
#startseite li p {
  /* padding: 0em 1em; */
  padding: 0;
  margin: 0.25em 1em 2em 17px;   /* width of "Pfeil" image! */
}

/* For termine.html: */
ul.withArrow li {
  list-style-image: url(img/pfeil-menu.gif);
  list-style-position: outside;
  margin-left: 2em;
}




/* For angebote.html: */
ul.multTermine {
  margin: 0.25em 0em 0.25em 3em;  /* 80% font-size! */
  padding: 0;
}

ul.multTermine li {
  padding-left: 0em;
  /* background-color: yellow; */
}



/* For konzeptmsl.html and (partially) wasist.html: */
ul.numberManually li {
  list-style-type: none;
}

ol.alphaList {
  list-style-type: upper-alpha;
}
/* #realText is one of several ol.alphaList: */
.subHead2 {
  font-size: 120%;
  font-weight: bold;
  margin: 1em 0em 0.5em 0em;
}
.subHead2 * {
  font-weight: normal;
}
.realText, .noRealList {
  margin: 0;
}
.realText li {
  list-style-position: inside;
}
/*
.realText li p {
  / * font-size: 67%;       66,66... % of 120 equals to 80% from base value. * /
}
*/
.realText li p {
  margin-left: 1em;
}
.realText li ul li {
  margin: 0;
  padding: 0;
  /* font-size: 80%; */
  list-style-type: disc;
}

.noRealList li {
  list-style-type: none;
  list-style-position: outside;
}
.noRealList li ol li {
  list-style-type: decimal;
  margin-top: 0.5em;
}
.noRealList li ul li {
  list-style-type: circle;
  /* font-size: 120%;    Why we need this setting...?! */
}
/* End section of styles for konzept.msl (start about line 254). */