/* (c) Kerstin Altmanninger */

/* Farben: 
 *
 * dunkler Ton: #D4D000
 * heller Ton:  #E1DE4D
 *
 */


/* ----------------------------------------------------------------------------------- */
/* --- Positionierung der Bereiche --- */
/* ----------------------------------------------------------------------------------- */

#container {
  position:         absolute;
  z-index:          0;
  margin-left:      5em;
  margin-top:       0em;
  top:              0%;
  width:            90%;
  font-family:      Verdana, sans-serif;
  font-size:        70%;
}

#greenBox {
  position:         absolute;
  z-index:          0;
  top:              0%;
  left:             0%;
  width:            90%;
  height:           5.2em;
  background-color: #D4D000;
}

#heading1 {
  position: absolute;
  z-index:  1;
  top:      4.2em;
  left:     0%;
  width:    100%;
}

#heading2 {
  position:   absolute;
  z-index:    1;
  margin-top: 1.9em;
  right:      0%;
}

.tEqualityH {
  position:    absolute;
  z-index:     0;
  top:         0%;
  left:        0.5em;
  font-weight: bold;
  font-size:   140%;
}  

#menue {
  position:         absolute;
  z-index:          0;
  top:              6.2em;
  left:             0%;
  width:            17em;
  background-color: #E1DE4D;
  border:           1px solid #D4D000;
}

#main hr {
  border-width: 1px; 
  border-style: solid; 
  border-color: #E1DE4D;
}

.possibleSol {
  background-color: #E1DE4D;
}

img {
  border:       none;
  display:      block;
  margin-left:  auto;
  margin-right: auto
}

.invisible, dfn {
  position: absolute;
  left:     -1000px;
  top:      -1000px;
  width:    0px;
  height:   0px;
  overflow: hidden;
  display:  inline;
}

#main {
  position:         absolute;
  z-index:          0;
  left:             20em;
  top:              8.5em;
  background-color: #FFF;
}

#window {
  position: absolute;
  z-index:  0;
  left:     0%;
  top:      7em;
}


/* ----------------------------------------------------------------------------------- */
/* --- Style fuer Index Seite --- */
/* ----------------------------------------------------------------------------------- */

#bg {
  position:         absolute;
  z-index:          0;
  top:              5em;
  left:             0%;
  width:            100%;
  height:           70em;
  background-color: #E1DE4D;
}

#IStatements {
  position:   absolute;
  z-index:    1;
  top:        22.5em;
  left:       370px;
  right:      5em;
}

#IStatements img {
  margin-left: 0%;
}

#IBackground {
  position:          absolute;
  z-index:           0;
  top:               10em;
  left:              1em;
  background-image:  url(../img/TequalityGrafik_D4D000.png);
  height:            439px;
  background-repeat: no-repeat;
  border:            0;
}

#index a:visited, #index a:link, #index a:active, #index a:hover, #index a {
  color:           #000000;
  text-decoration: none;
  border-width:    0px;
}

#ITitle {
  padding-top:  4em;
  padding-left: 4em;
}

#ITitle1 {
  position:    absolute;
  z-index:     2;
  top:         4em;
  left:        3em;
  font-size:   140%;
  font-weight: bold;
}

#ITitle2 {
  font-size:   160%;
  font-weight: bold;
}

#IImpressum {
  position:  absolute;
  z-index:   0;
  top:       65em;
  left:      1em;
  font-size: 80%;
}


/* ----------------------------------------------------------------------------------- */
/* --- Schriftformatierungen --- */
/* ----------------------------------------------------------------------------------- */

html, body {
  height:           100%;
  margin:           0;
  padding:          0;
  font-family:      Verdana, sans-serif;
  background-color: #FFF;
}

.h2 {
  font-size:   130%;
  font-weight: bold;
  color:       #D4D000; 
}

.h3 {
  font-size:   120%;
  font-weight: bold;
  color:       #D4D000; 
}

.h4 {
  font-weight: bold;
  color:       #D4D000; 
}

.green {
  color: #D4D000;
}


/* ----------------------------------------------------------------------------------- */
/* --- Listenformatierungen --- */
/* ----------------------------------------------------------------------------------- */

#menue ul, #menue li, #listRect ul, #listRect li, #noIcon ul, #noIcon li {
  padding:    0;
  margin:     0;
  list-style: none;
}

#menue ul li {
  font-weight:   bold;               /* Fuer Hauptpunkte sollen die Eintraege Fett sein. */
  border-bottom: 4px solid #D4D000;  /* Hauptpunkte haben zum naechsten Punkt eine dicke Border. */
}

#menue ul li a:hover, #hauptNavigation ul li a:focus, #hauptNavigation ul li a:active {
  background-color:    #FFF;
  border-left:         5px solid #FFF;
  border-right:        5px solid #FFF;
  padding-left:        19px;
  padding-right:       2px;
  background-position: 5px 0.7em;
}

#menue ul li ul li {
  font-weight:   normal;
  border-top:    1px solid #D4D000;
  border-bottom: 0 solid #D4D000;
}

#menue ul li a {
  background: url(../img/list_icon_black.gif) no-repeat 10px 0.7em;
  padding:    6px 7px 6px 24px;
}

#menue ul li.selectedOne div a {
  border-left:         5px solid #D4D000;
  padding-left:        19px;
  background-position: 5px 0.7em;
  background-image:    url(../img/list_icon_black_down.gif);
}

#menue ul li.selectedOne div a:hover, 
#hauptNavigation ul li.selectedOne div a:focus, 
#hauptNavigation ul li.selectedOne div a:active {
  border-left-color: #FFF;
}

#menue ul li.selectedOne div.selectedOne {
  border-left: 5px solid #FFF;
  color:       #D4D000;
  background:  url(../img/list_icon_D4D000.gif) no-repeat 5px 0.7em #FFF;
  padding:     6px 7px 6px 19px;
}

#menue ul li ul li a {
  background: url(../img/list_sub_black.gif) no-repeat 20px 0.45em;
  padding:    4px 7px 4px 34px;
}

#menue ul li ul li a:hover, 
#hauptNavigation ul li ul li a:focus, 
#hauptNavigation ul li ul li a:active {
  background-color:    #FFF;
  border-left:         5px solid #FFF;
  border-right:        5px solid #FFF;
  padding-left:        29px;
  padding-right:       2px;
  background-position: 15px 0.45em;
}
 
#menue ul li ul li.selectedOne {
  border-left: 10px solid #D4D000;
  font-weight: bold;
  background:  url(../img/list_sub_D4D000.gif) no-repeat 10px 0.45em #FFF;
  padding:     4px 7px 4px 24px;
  color:       #D4D000;
}

#listRect li {
  background: url(../img/list_rect_D4D000.gif) no-repeat 10px 0.45em #FFF;
  margin-left: -50px;
  padding-left: 24px;
}


/* ----------------------------------------------------------------------------------- */
/* --- Tabellenformatierungen --- */
/* ----------------------------------------------------------------------------------- */

#window tr, #main tr {
  background-color: #E1DE4D;
}

#window td {
  border-bottom: 2px solid #FFF;
  padding-left:  1em;
}

#tabBorder {
  border-left: 4px solid #D4D000;
}

#main th {
  padding-left:  0.5em;
  padding-right: 0.5em;
}


/* ----------------------------------------------------------------------------------- */  
/* --- Links Formatting --- */
/* ----------------------------------------------------------------------------------- */

a:visited, a:link, a:active, a:hover { 
  text-decoration: underline; 
  font-weight:     bold; 
  color:           #727272; 
}

.tdBlack a:visited, .tdBlack a:link, .tdBlack a:active, .tdBlack a:hover { 
  text-decoration: underline; 
  color:           #000000; 
}

#menue a {
  text-decoration: none;
  display:         block;    /* Links im Menue sollen Block-Elemente sein, damit die ganze Navigations-Flaeche klickbar ist.*/
  color:           #000000;
}

#linkA {
  color:           #727272;
  text-decoration: underline;
}