/* CSS Stil für die Webseiten von
 *    http://www.ts-plan.de
 * Author: Dr. Jürgen Vollmer, Karlsruhe,
 *         <Juergen.Vollmer@informatik-vollmer.de>
 * 2008(C) Copyright: Dr. Jürgen Vollmer
 * $Id: ts-plan.css,v 1.27 2018/05/17 18:28:58 vollmer Exp $
 * Basiert auf:
 * 	http://developer.yahoo.com/yui
 */
address {
 text-align:       center;
 padding:          1px 0 1px 0;
}

img {
 border:    ridge 2px;
}
img.noborder {
 border:    none;
}
p.center img {
 display:      block;
 margin-left:  auto;
 margin-right: auto;
}
p.center {
 text-align:   center;
}

.left {
 text-align:   left;
}

/* Kopf */
#hd table {
  width: 100%;
}
div#hd h1 {
 font-size  : 220%;
 font-weight: bolder;
}
.hd1 {
 padding-left: 10px;
 background:   #bbbbbb;
}
.hd2 {
 padding-left: 5px;
 background:   #cccccc;
}

/* Navigationsleiste
 * see: http://www.htmldog.com/articles/suckerfish/dropdowns/example/vertical.html
 */
#nav, #nav ul { /* all lists */
 margin:     0;
 list-style: none;
 float:      left;
 width:      156px;
 padding:    2px;
 border:     1px solid #9933CC; /* c1 */
}

#nav li { /* all list items */
 position:          relative;
 float:             left;
 width:             154px;
 margin-top:        2px;
 margin-bottom:     2px;
 height:            2.5ex;
 color:             #9933CC; /* c1 */
 background:        #FFCC00; /* c2 */
}

#nav li ul { /* second-level lists */
 z-index:      99;
 position:     absolute;
 left:         -999em;
 margin-left:  100px;
 margin-top:   -1em;
 background:   #eeeeee;
 padding:      3px;
 border:       1px solid;
}

#nav li ul ul { /* third-and-above-level lists */
 left: -999em;
}

#nav li a {
 width:            150px;
 display:          block;
 font-weight:      bold;
 text-decoration:  none;
 color:            #9933CC; /* c1 */
 background:       #FFCC00; /* c2 */
 padding-left:     2px;
 border:           2px solid #FFCC00; /* c2 */
}

#nav li a:hover {
  background:   #9933CC; /* c1 */
  color:        #FFCC00; /* c2 */
}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
 left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul { /* lists nested under hovered list items */
 left: auto;
}

em {
  font-style: italic;
}

#nav li.cur a {
  width:  146px;
  height: 2.1ex;
}
#nav li.cur {
  width:  152px;
  border: 2px solid red;
}

/* Hauptext */
#bd {
  background:     #eeeeee;
  font-size:      123.1%;
  padding-bottom: 1ex;
}
div#bd h2 {
 text-align:  center;
 font-size:   larger;
 font-weight: bolder;
 margin-top:  1ex;
}
div#bd h3 {
 text-align:  center;
 font-size:   larger;
 font-weight: bolder;
 margin-top:  1ex;
}

div#bd h4 {
 text-align:  left;
 font-size:   normal;
 font-weight: bolder;
 margin-top:  1ex;
}

/* Fusszeile */
#ft {
  font-size:  77%;
  background: #bbbbbb;
}

/* TS-Farben */
.c1 {
  color: #9933CC;
}
.c2 {
  color: #FFCC00;
}

p {
  margin-right: 10px;
}
p.indent {
  margin-top:  10px;
  text-indent: 1em;
}
p.noindent {
  margin-top:  10px;
  text-indent: 0em;
}

.small {
  font-size:  small;
}

table.center,
table.center caption {
  margin-top:    1ex;
  margin-bottom: 1ex;
  margin-left:   auto;
  margin-right:  auto;
}
table.center caption,
table.center tr th {
 text-align:  center;
 font-size:   larger;
 font-weight: bold;
 border:      1px solid;
 padding:     2px;
}
table.center td {
 valign:      top;
 border:      1px solid;
 padding:     2px;
}

table.privat {
  border: 1px solid;
  margin-top:    1ex;
  margin-bottom: 1ex;
}

table.privat caption,
table.privat tr th {
 text-align:  center;
 font-size:   larger;
 font-weight: bold;
 border:      1px solid;
 padding:     2px;
}
table.privat tr td {
 border:      1px solid;
 padding:     2px;
}

table.privat a:link,
table.privat a:visited,
table.privat a:hover,
table.privat a:focus,
table.privat a:active,
table.privat a {
 background-image:     url(../images/extern.gif);
 background-repeat:    no-repeat;
 background-position:  0 5px;
 padding-left:         15px;
 text-decoration:      none;
}
table.privat a:hover {
 background: red;
}

ul.itemize,
ul.itemize li {
  margin-left:         0.7em;
  list-style-position: outside;
  list-style-type:     disc;
}
ul.itemize li {
}
ol.decimal,
ol.decimal li {
  margin-left:         0.7em;
  list-style-position: outside;
  list-style-type:     decimal;
}

dt {
  font-weight: bolder;
}
dd {
  margin-left: 2em;
}

img.button {
  width:          15px;
  height:         15px;
  vertical-align: middle;
  border:         none;
  margin-right:   1px;
  margin-left:    1px;
}

img.buttonLarge {
  width:          32px;
  height:         32px;
  vertical-align: middle;
  border:         none;
  margin-right:   2px;
  margin-left:    2px;
}

a.extern:link,
a.extern:visited,
a.extern:focus,
a.extern:hover,
a.extern:active,
a.extern {
 background-image:     url(../images/extern.gif);
 background-repeat:    no-repeat;
 background-position:  0 5px;
 padding-left:         15px;
 text-decoration:      underline;
}

.uline {
 text-decoration: underline;
 font:            italic
}

pre.mail {
  font-family: Fixedsys,Courier,monospace;
  font-size:   small;
}

/******************************************************************************
 * Layout der Zertifikats-Daten-Tabelle
 *****************************************************************************/
table.zertifikat {
  text-align:      left;
  background:      #efefef;
  border-collapse: collapse;
  margin-left:     auto;
  margin-right:    auto;
}
table.zertifikat td {
  border:          solid 1px #aaa;
  padding:         3px;
}

#Certificate  {
  margin-top:  200px;
  margin-left: 22px;
}
/******************************************************************************
 * Layout von delete/change-Anfragen
 *****************************************************************************/
a span.deleteRequested {
  color:            black;
  background-color: red;
  text-decoration:  line-through underline;
}
a:hover span.deleteRequested  {
  color:            black;
  background-color: red;
  text-decoration:  line-through underline;
}

a span.changeRequested {
  color:            black;
  background-color: yellow;
  text-decoration:  underline;
}
a:hover span.changeRequested  {
  color:            black;
  background-color: yellow;
  text-decoration:  underline;
}

a span.hasChangeRequest {
  color:            black;
  background-color: orange;
  text-decoration:  underline;
}
a:hover span.hasChangeRequest  {
  color:            black;
  background-color: orange;
}
/*****************************************************************************/