/* ------ common.css ------ */
/* Angelegt von Markus-H. Koch am 04.02.2008         */
/* Enthält von vielen Seiten benötigte Standardstile */
/* sowie die Stile für sie benötigende Aliase.       */
/* Die Zielgruppe sind Standardbrowser wie der       */
/* Feuerfuchs und der Internet Explorer.             */

/* Hinweis: Es ist kein Zufall, dass common.css immer */
/* als erstes verlinkt wird! Auf diese weise wird es  */
/* gegebenenfalls von lokaler ausgelegten Stil-       */
/* definitionen überschrieben.                        */

/* KONVENTION: Bis auf einzelne Zeichen sind Klassen-Bezeichner in der */
/* Regel LowerCase. Die hoheitliche Pflicht zu Ausnahmen haben Klassen */
/* die sich auf Aliases beziehen. Ja, diese wachsende Funktion streckt */
/* ihre überall wuchernden Tentakel bereits in die CSS hinein! :-)     */

/* ------ Div-Umgebungen für htDisplay->std2html(..) und Co. ------ */
div.contentline {
/*  margin-top : 8px; */
  margin-left: 25px;
  line-height: 2em;
}

div.center {
/*  margin-top : 8px; */
  text-align : center;
  line-height: 2em;
}

div.right {
/*  margin-top : 8px; */
  margin-right: 25px;
  text-align  : right;
  line-height : 2em;
}

div.packed {
  margin-left: 25px;
}

div.packedcenter {
  text-align : center;
}

div.packedright {
  margin-right: 25px;
  text-align  : right;
}

div.checklistitem { /* CheckListenzeile: Fett. */ 
/*  margin-top : 8px; */
  margin-left: 25px;
  line-height: 2em;
  font-weight: bolder;
}

div.checklistline { /* CheckListenzeile: Eingerückt. */
/*  margin-top  : 8px; */
  margin-left : 30px;
  padding-left: 3ex;
  line-height : 2em;
}

div.extraIndentLine { /* CheckListenzeile: Tief einger. */
/*  margin-top  : 8px; */
  margin-left : 40px;
  padding-left: 3ex;
  line-height : 2em;
}

/* ------ Häufig auftretende Stile ------ */
span.careerBar { /* Für die Striche in K|A|R... */
  color    : #ffcc00;
  font-size: 130%;
}

.yellow, .gelb { color: #FFCC00; } /* Karrieregelb */
.red    { color: #FF0000; }
.gray   { color: #888888; }
.blue   { color: #27408B; }
.green  { color: #BCEE68; }
.white  { color: #FFFFFF; }

/* Schöne Anwendung für :before und :after. Aber nicht mit IE 7 :-( */
span.i { /* für die gelben Pipes in den Überschriften */
  font-weight: bolder;
  font-size  : 125%; /* larger; IE mal wieder... :-( */
  color      : #FFCC00;
}

a:link    { color     : black;  }
a:visited { color     : black;  }
a:hover   { font-style: italic; }

span.bf { font-weight: bolder; }
span.em { font-style: italic;  }
span.underline { text-decoration: underline; }
img.thumb { border: 0; }

div#secondPid {
  position     : absolute;
  margin-top   : 10px;
  top          : 20px;
  left         : 25px;
}

div#thirdPid {
  position     : absolute;
  margin-top   : 10px;
  top          : 20px;
  right        : 25px;
}

div.tip {
  margin-top: 20px; 
  text-align: center;
}

a {
  /* text-decoration: none; */
}

div.tip a.title {
  font-weight: bolder;
}

div.tip a.title:hover {
  color     : #888888;
  font-style: normal;
}

div.pdf { /* Umgebung für den PDF als Druckv.-Button */
  margin-top : 20px;
  font-weight: bolder;
  text-align : center;
}

#titleline, .titleline {
  margin-top   : 20px;
  margin-bottom: 30px;
  font-size    : 140%;
  text-align   : center;
  font-weight  : normal;
}

.titleline a, #titleline a {
  text-decoration: none; 
}

.titleline a:hover, #titleline a:hover {
  color     : #888888;
  font-style: normal;
}

.line { /* Klassische Contentline-Formatierung */
  margin-top : 8px;
  margin-left: 25px;
  line-height: 2em;
}

div.centerline {
  margin-top : 8px;
  margin-left: 25px;
  text-align : center;
}

tr.even, tr.even0 { /* Eher dunkler Farbton */
  background-color: #CAE1FF; /* #87CEFA; */
}

tr.odd, tr.odd0 { /* Eher heller Farbton */
  background-color: #BFEFFF; /* #AFEEEE; */
}

tr.even1 { background-color: #eecbad; } /* Dunkler Orange-Ton */
tr.odd1  { background-color: #ffdab9; } /* Heller  Orange-Ton */

tr.even2 { background-color: #9acc46; } /* Dunkler Gruen -Ton */
tr.odd2  { background-color: #bcee68; } /* Heller  Gruen -Ton */

.submit td {
  padding-top: 0.5em;
}

.even td, .odd td {
  padding-left : 2px;
  padding-right: 2px;
}

/* ------ Den Aliasen zugeordnete Stile ------ */
.larger {
  font-size: 125%; /* larger; IE mal wieder... :-( */
}

.smaller {
  font-size: smaller;
}

.dist1 { /* Platzhalter-Span. */
  padding-right: 1ex;
}

.dist2 { /* Platzhalter-Span. */
  padding-right: 2ex;
}

.dist3 { /* Platzhalter-Span. */
  padding-right: 4ex;
}

div.img {
  margin-top:20px;
  margin-bottom:20px;
  text-align: center;
}

img.img {
  border: 0;
}

img.gtext {
  padding: 0px;
}

/* ------ Hauptlinklistenstyles ------ */
/* Linklistenelemente -- Beide Tabellen betreffend */
div#left table.link, div#right table.link {
  margin-top: 15px;
  color     : white;
}

div#left td.hrule, div#right td.hrule {
  height: 25px;
  color : #FFCC00; /* REDUNDANZ zu 'div#left hr, div#right hr' !! */ 
}

div#left td.left, div#right td.left {
  width: 88%;
}

div#left td.right, div#right td.right {
  text-align: right;
  width: 12%;
}

div#left a:link, div#right a:link {
  color          : white;
	text-decoration: none; 
}

div#left a:visited, div#right a:visited {
  color          : white;
	text-decoration: none; 
}

div#left a:hover, div#right a:hover {
  font-style : italic;
  font-weight: bolder;
}

div#left a.active, div#right a.active, div#right span.active a {
  color      : #ffcc00;
  font-style : italic;
  font-weight: bolder;
}

div#left .passive, div#right .passive {
  color: black;
}

div#left span.active, div#right span.active { /* Für die Pfeilsymbole ◄ */
  color: #ffcc00;
}

div#left span.passive, div#right span.passive {
  /* color: black; */
}

div#left hr, div#right hr {
  color           : #ffcc00; 
  background-color: #ffcc00;
  /* border: 2px #ffcc00; */
}

/* ------ Impressum Styles ------ */
/* Zusätzliche Elemente für den Impressumsblock */
div#right div.abstand { /* Abstand unter dem Impressumsblock */
  margin-bottom: 27px;
}

div#right td.impressum {
  padding: 0px;
  text-align: center;
  width: 100%
}

div#right td.i {
  padding    : 0px;
  color      : #ffcc00;
  font-size  : 125%; /* larger; IE mal wieder... :-( */
  font-weight: bolder;
}

div#right div.gelb {
  text-align      : center;
  color           : black;
  background-color: #ffcc00;
}

/* ------ Bottom oder Fußnoten-Styles ------ */
.search {
  display: inline;
}

/*> Short Advertisements: Visitenkarten.----------------------------*/
div.saMaster {
  margin-top   : 20px;
  margin-bottom: 20px;
  /*margin-left  : 160px;*/
}

/* Div für die short advertisement-Visitenkarten. */
div.saCard, a.saCard {
  display   : block;
  width     : 300px;  /* Wird evtl. von horizontalSa.php5 überschrieben. */
  height    : 150px; 
  text-align: center;
  font-size : smaller;
  background-position: center;
}

/* Div für die Aussage, dass gerade ein Ansprechpartner aktiv ist */
div.saPrologue {
  line-height     : 1.5em; 
  margin-left     : auto;
  margin-right    : auto;
  margin-bottom   : -1em;
  width           : 316px;
  text-align      : center;
  font-weight     : bolder;
  background-color: #cae1ff;
}

div.saPrologue a {
  text-decoration: none;
}

/* Tabelle für die Horizontaldarstellung der Visitenkarte. */
table.sa_horizontal {
  margin      : auto;
  width       : 300px; /* Wird evtl. von horizontalSa.php5 überschrieben. */
  border-width: thick;
  border-color: #faaf0f;
  border-style: solid;
}

table.sa_horizontal td.sa {
}

table.sa_horizontal td.button {
  text-align  : center;
  border-width: thin;
  border-color: #faaf0f;
  border-style: solid;
}

table.sa_horizontal td.button a, div.saResponsive a {
  text-decoration: none;
}

div.saMaster a {
  text-decoration: none;
}
/*< ----------------------------------------------------------------*/
/*> Aliase. --------------------------------------------------------*/
/* CONTACTNOW erzeugt eine Tabelle 'jetzt erreichbarer Ansprechpartner' */
table.CONTACTNOW {
  width: 80%;
  margin: auto
}
table.CONTACTNOW td.left { width: 25% }
/* GOOGLEMAP ist ein Div für eine Google-Map. */
.GOOGLEMAP {
  background-color: #fff68f; /* Blasses gelb */
  margin-left : 25px;
  margin-right: 25px;
  height      : 300px;
}
/*< ----------------------------------------------------------------*/
/*> Sonstiges. -----------------------------------------------------*/
ul, ol { line-height: 2em; }
/*< ----------------------------------------------------------------*/