/*
 * svn $Id: main.css 49 2011-06-07 10:42:57Z p8245297 $
 * Spezielles Stylesheet
 * Generelles Layout:
 *  div id="logo"
 *   img src=...
 *
 *  div id="middle"
 *   div id="Navigation"
 *    div class="navi" (mehrfach)
 *   div id="contents"
 *    hr class="trenner"
 *     div id="breadcrumbs"
 *    hr class="trenner"
 *     div (mehrfach)   ...
 *
 *  hr class="trenner"
 *
 *  div id="copyright"
 *  div id="date"
 */
body {
  background-color: #E3E2C3; /* #DEDEDE;*/
  color: #000000;
  margin: 0;
  font-family: Arial, Helvetica, Univers, Zurich BT, sans-serif;
}

#logo {
  background-color: #FFFFFF;
  vertical-align: top;
}

#middle {
  float: left;
}

.trenner {
  clear: left;
  height: 2px;
  vertical-align: middle;
  width: 100%;
  color: #3F409a; /* gray */;
}

#copyright {
  font-size: 72%;
  float: left;
  width: 40%;
  margin-left: 2px;
}

#date {
  direction: rtl;
  margin-right: 2px;
  font-size: 72%;
}

#navigation {
  position: relative;
  float: left;
  width: 10em;
  font-size: 91%;
}

#contents {
  position: relative;
  margin-left: 2px;
  overflow: visible;
  float: left;
  max-width: 40em;
}

#breadcrumbs {
  font-size: 91%;
}

.navi {
  background-color: #FFFFFF;
  color: #7F9FD3;
  height: 100%;
  clear: left;
  margin: 2px;
}

.navi-active {
  background-color: #FFFFFF;
  color: #7F9FD3;
  height: 100%;
  clear: left;
  margin: 2px;
  text-align: right;
}

.login {
  /*color: #FFFFFF;*/
  clear: left;
}

form.login {
  margin: 2px;
  padding: 4px;
  background-color: #DDDDDD; /*#A5BED6;*/
  /*background-image:url('../images/Background.png');
  background-repeat:repeat;*/
  text-align: center;
}

#user, #password {
  margin: 0;
  padding: 0;
  /* border: none none 0px;*/
}

.loginbutton {
  cursor: hand;
  display: inline;
  height: 100%;
  margin: 0;
  padding: 0;
}

em {
  font-weight: bold;
  font-size: 144%;
  color: #551A8B;
}

h2 {
  margin: 1ex 0 0;
}

a:link {
  color: #3F409A;
}

a:visited {
  color: #3F409A;
}

a:hover {
  color: #7F9FD3;
  cursor: hand;
}

.navi a:link {
  color: #3F409A;
  text-decoration: none;
}

.navi a:visited {
  color: #3F409A;
  text-decoration: none;
}

.navi:hover, .navi:focus {
  color: #7F9FD3;
  cursor: hand;
}

.Titelklein {
  text-align: center;
  font-size: 144%;
}

.Werkzeuge {
  border: 0;
  margin: 0;
  padding: 0 3.5pt 0 3.5pt;
  border-collapse: collapse;
  font-size: 81%;
  table-layout: auto;
}

p.ohne {
  margin: 0;
  padding: 0 4px 0 0;
}

form.button {
  float: right;
  margin: 0;
}

.button {
  background-color: #CCCCCC;
  color: #000000;
  margin: 0;
  font-family: Arial, Helvetica, Univers, Zurich BT, sans-serif;
  border: none;
}

/*
 * Tables in Langbeschreibungen
 */
.Projekt {
  background-color: #E3E2C3; /*#E0E0E0;*/
  color: #000000;
  font-size: 100%; /*81%;*/
  padding: 0 3.5pt 0 3.5pt;
}

.indent {
  margin-left: 1cm;
  display: list-item;
  list-style: circle inside;
}

.PTable {
  border-collapse: collapse;
  border: none;
  font-size: 81%;
  empty-cells: show;
}

.OL {
  vertical-align: top;
  border: solid windowtext 1.5pt;
  border-right: solid windowtext .75pt;
  padding: 0 3.5pt 0 3.5pt
}

.OM {
  vertical-align: top;
  border-top: solid windowtext 1.5pt;
  border-left: none;
  border-bottom: solid windowtext 1.5pt;
  border-right: solid windowtext .75pt;
  padding: 0 3.5pt 0 3.5pt
}

.OR {
  vertical-align: top;
  border: solid windowtext 1.5pt;
  border-left: none;
  padding: 0 3.5pt 0 3.5pt
}

.ML {
  vertical-align: top;
  border-top: none;
  border-left: solid windowtext 1.5pt;
  border-bottom: solid windowtext .75pt;
  border-right: solid windowtext .75pt;
  padding: 0 3.5pt 0 3.5pt
}

.MM {
  vertical-align: top;
  border-top: none;
  border-left: solid windowtext .75pt;
  border-bottom: solid windowtext .75pt;
  border-right: solid windowtext .75pt;
  padding: 0 3.5pt 0 3.5pt
}

.MR {
  vertical-align: top;
  border-style: none;
  border-right: 1.5pt solid windowtext;
  border-bottom: .75pt solid windowtext;
  padding: 0 3.5pt 0 3.5pt
}

.UL {
  vertical-align: top;
  border-top: none;
  border-left: solid windowtext 1.5pt;
  border-bottom: solid windowtext 1.5pt;
  border-right: solid windowtext .75pt;
  padding: 0 3.5pt 0 3.5pt
}

.UM {
  vertical-align: top;
  border-top: none;
  border-left: solid windowtext .75pt;
  border-bottom: solid windowtext 1.5pt;
  border-right: solid windowtext .75pt;
  padding: 0 3.5pt 0 3.5pt
}

.UR {
  vertical-align: top;
  border-style: none;
  border-right: 1.5pt solid windowtext;
  border-bottom: 1.5pt solid windowtext;
  padding: 0 3.5pt 0 3.5pt
}

.link {
  display: inline;
  border: none white 0;
}

th, td {
  text-align: left;
}

td.right, th.right {
  text-align: right;
}

td.center, th.center {
  text-align: center;
}

.form_error {
  text-align: left;
  color: red;
  font-weight: bold;
}

.form_input th {
  vertical-align: top;
}

.edit {
  margin-right: 270px;
}

.edit legend {
  font-size: 144%;
}

.row_0 td {
}

.row_1 td {
  background-color: #e4eaf4;
}

.detail {
  background-color: #e4eaf4;
  text-align: right
}

.detail .navi {
  /* Stichworte rechtsbündig */
  margin-right: 0;
  text-align: right;
}

.selector {
  background-color: #e4eaf4;
}

.zeitraum {
  display: none;
}

.right {
  text-align: right;
}

.selector {
  background-color: #e4eaf4;
}

.selector .navi {
  /* Stichworte rechtsbündig */
  margin-right: 0;
}

.selLabel {
  position: absolute;
  min-width: 25em;
  text-align: left;
}

.selLink {
  width: 25em;
  margin-left: 23em;
  text-align: right;
  background-color: #FFFFFF; /*#e4eaf4;*/
  color: #3F409A; /* #FFFFFF;*/
}

/**
 * Aufbau Karteikarten mit Reitern
 * <!--
 * <div class=tabs id=>
 * Reiter:
 *   <ul class=tabs>
 *     <li id= >
 *       <a class=active href=javascript:show(this);>
 * Key:
 *   <div class=tabs>
 *     <div class=active   id=>
 *     <div class=inactive id=>
 * -->
 */
div.tabs {
  padding: .5em; /* VAR Rand zu übergeordnetem Element*/
  max-width: 39em;
}

/* Reiter */
ul.tabs {
  list-style: none; /* ohne Bullets */
  padding-left: 1em; /* Linker Abstand der Reiter */
}

ul.tabs li {
  float: left; /* Damit Reiter nebeneinander */
  padding-right: 4px; /* Abstand zwischen Reitern */
}

ul.tabs a {
  display: block; /* Damit Reiter und Kasten gleiche Höhe*/
  padding: .1em; /* Abstand Text von Reiterkasten*/
  border: 1px solid #000000; /* Kasten */
  border-top-width: 2px; /* Oben etwas dicker */
  border-bottom: none; /* unten NIE */
}

ul.tabs a, ul.tabs a:link, ul.tabs a:visited {
  color: #4A5373; /* andere Schriftfarbe */
  text-decoration: none;
}

ul.tabs a:hover {
  color: #FFFFFF;
  cursor: hand;
}

ul.tabs a.active, ul.tabs a:link.active, ul.tabs a:visited.active {
  background: #EEEEEE; /* aktiver Reiter: Hintergrund  wie div.tabs div.tabs*/
  color: #4A5373; /* andere Schriftfarbe */
}

ul.tabs a.active {
  position: relative; /* damit unterer den oberen vom Key überdeckt */
  top: 1px; /* Höhe der Keyrahmens */
}

/* Keys */
div.tabs div.tabs {
  clear: left; /* wegen Freiraum linker Rand */
  border: solid 1px #000000;
  border-top: solid 1px #000000; /* höhe wie ul.tabs a.active */
  background: #EEEEEE; /* wie ul.tabs a.active */
}

div.tabs div.inactive {
  display: none; /* Ausblenden inaktives Key */
}

div.tabs div.active {
  display: block; /* Einblenden aktives Key */
}

/* zweispaltige Darstellung Stichworte */
div.Keys {
  position: relative;
  min-width: 40em;
}

.Key_1 {
  position: relative; /* */
  width: 18em;
}

.Key_2 {
  position: absolute;
  width: 18em;
  left: 19em;
  top: 0;
}