/* CSS Document f�r Vademecum*/

* {
  margin: 0;
  padding: 0;
}

html, body { 
  height:100%;
  width:100%;
  background-color:#FFFFFF;
  font-family:Arial,Verdana, Helvetica, sans-serif;
  font-size:12px;
  color:#000000; 
}

#main {
  margin-top:3em;
  background-color:#FFFFFF; 
}


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

a:link {
  color: #000000;
  text-decoration: none; 
}

a:visited {
  color: #000000;
  text-decoration: none; 
}


/*Titel ----------------------------------------------------------------------*/

#header {
  position:fixed;
  height:17.9em;
  width:81em;
  margin-top:-12.5em;
  padding-top:1em;
  background-color:white;
  z-index:3;
}

#header-logo{
  width: 15em;
}

#header-logo img{
  margin-left:2em;
}

#institut {
  width:20em;
  margin-top:-2.7em;
  margin-left:27em;
  text-align:right;
  font-size:21px;
  color:#004387;
}


/*Container ------------------------------------------------------------------*/

#container {
}


/*Grauer Balken --------------------------------------------------------------*/

#grauer-balken{
  position:fixed;
  height:25px;
  width:80.5em;
  margin-top:-4.5em;
  margin-left:2em;
  background-color:#CCCCCC;
  z-index:5;
}

#grauer-balken-linie {
  position:fixed;
  height:29px;
  width:2px;
  margin-top:-4.5em;
  margin-left:18.1em;
  background-color:#FFFFFF;
  z-index:5;
}


/*Menü -----------------------------------------------------------------------*/

#Navigation {
  position:fixed;
  width: 16em;                     
  height: 25em;
  margin-left:2em;
  margin-top:-1.5em;    
  z-index:4;
}

#Bild {
  padding-bottom:1.5em;
}

#Links {
  width: 16.2em;
  height: 25.8em;
  /*erzeugt einen scrollbaren Flie?txt indem der Text angezeigt wird.*/
  overflow:auto;  
}

div.ueberschriftLinkeSeite {
  height:1.7em;
  padding:5px;
  padding-top:0.7em; 
  padding-left:1.0em;
  background-color:#7190B3;
  font-size:12px;
  font-weight:bolder;
  color:#FFFFFF;
}

ul.Liste {    
  list-style-type: none;
  margin-left:-1.0em;
  /*padding einstellen, damit l�ngere Parameter sich nicht mit dem n�chsten Parameter uberschneiden, keine H�henangabe machen */
  padding-left: 0.83em;
}

a.parameterlink {
  margin-left:0.3em;
  padding: 5px;
  display: block;
  background-color:#transparent;
}

ul.Liste li.normal {
  width: 179px;
  margin-top:0.1em;
  padding-top:0.4em;
  padding-bottom:0.4em;
  padding-right:-1em;
  list-style-type: none;
  color:#000000;
  background-color:#CCCCCC; 
  text-align:left; 
}

ul.Liste li.aktuell {
  width: 179px;
  margin-top:0.2em;
  padding-top:0.4em;
  padding-bottom:0.4em;
  list-style-type: none;
  background-color:#666666;
  text-align:left;
}

li.aktuell a.parameterlink {
  color:#ffffff; 
  font-weight:bold;
}

ul.Liste li.normal, a:hover {
  color:#ffffff;
  text-decoration: none; 
} 

ul.Liste li.normal, a:focus {
  list-style-type: none;
}

 
/*Rechte Seite ---------------------------------------------------------------*/

#rechteseite {
  margin-left:20em;
  margin-top:12.5em;
  background-color:transparent; 
}


/*Rechte Seite Header -------------------------------------------*/

#header-rechts{
  position:fixed;
  z-index:4;
}

#haupt-ueberschrift-rechts {
  margin-bottom:1em;
  background-color:#FFFFFF;
  font-size:18px;
  font-weight:bold;
  color:#000000;
}

/*Buchstabenleiste -----------*/

#buchstabenleiste {
  width:29.5em;  
  height: 30px;
  margin-bottom:4em;
  font-size:15px;
}

div.alphabet {
  /*um zwei texte neben einander zu bekommen, benutzt man float:left/right (die Breite in px angeben)*/	
  float: left;   
  margin-top:0.5em;
  padding-right:0.5em;
}

div.alphabet a.ankerlink{
  margin-top:5em;
  color:#000000;
}


/*Rechte Seite Inhalt -------------------------------------------*/

#inhalt-rechts{
  padding-top:8.6em;
/*breite Eingefügt am 7.7.11 - R.K.:
sonst fließt rechte Seite bein Hochscrollen rechts am Header-rechts
vorbei:*/     
  width:60em;
  z-index:2;
}

/*Inhalt -------------------*/

div.ueberschrift-rechts {
  font-weight:bolder;
  font-size:13px;
  color:#000000;
}

div.Vad-Eintraege{
  font-size:13px;  
}

/* innerhalb des divs sollen die ul-Eintr�ge rechts einger�ckt werden
und das ist dazu die Syntax :-) */

div.Vad-Eintraege ul{
  margin-left: 6ex;
}

div.Vad-Eintraege li {
  margin-top:1ex;
  margin-bottom:1ex;
}

div.Vad-Eintraege ol{
  margin-left: 6ex;
}

div.Vad-Eintraege li {
  margin-top:1ex;
  margin-bottom:1ex;
}

/*alle hover-Links in der Klasse bodytext umfärben, sonst */
/*greift die Vererbung und das hover wird unsichtbar (weiß) 8.7.11 */
.bodytext a:hover{
  color: blue;
  text-decoration: none;
}


table.referenztabelle {
  font-size:13px;
  border:0; 
  border-collapse:separate; 
  border-spacing:10px;
}

table.referenztabelle th,td {
  padding:5px;
}

table.contenttable{
  font-size:13px;  /* vorher 15 px*/
  border:0; 
  border-collapse:separate; 
  border-spacing:10px;
}

table.contenttabelle th,td {
  padding:5px;
}

div.warnmeldung {
  font-weight:normal;
  color:#990033;
}

#disclaimer {
  width:65em;
  font-size:11px;
  color:#000000;
}


/*IE -------------------------------------------------------------------------*/

* html #header {
  margin-top:-2.5em;
  margin-bottom:1em;
  height:17.9em;
  width:81em;
  z-index:4;
}

* html #grauer-balken{
  height:25px;
  margin-top:10em;
  background-color:#cccccc;
}

* html #grauer-balken{
  position:fixed;
  height:25px;
  width:80.5em;
  margin-top:-4.5em;
  margin-left:2em;
  background-color:#CCCCCC;
  z-index:5;
}

* html #grauer-balken-linie {
  position:fixed;
  height:29px;
  width:2px;
  margin-top:-4.5em;
  margin-left:18.1em;
  background-color:#FFFFFF;
  z-index:5;
}


* html #Navigation {
  float:left;
  margin-top:1.3em;    
}

* html ul.Liste li.normal {
  width: 179px; 
}

* html ul.Liste li.aktuell {
  width: 179px;
}

* html ul.Liste li.normal, a:hover {
  color:#ffffff;
  text-decoration: none; 
} 

* html #container {
  margin-top:6.0em;
}          

* html #rechteseite {
  width:62em;
  height:64em;
  margin-top:3.0em;
  left:1.5em;
  padding-top:1.5em;
  background-color:transparent;   
}

* html #header-rechts{
  height:5em;
  position:fixed;
  z-index:3;
}

* html #Inhalt-rechts{
  height:54em; 
  left:5em; 
  padding-top:0.0em;
  overflow:auto;
  scrollbar-base-color:#FFFFFF;         /*Ein Teil vom Rand der Scrollbar */
  scrollbar-3d-light-color:#FFFFFF;     /*3D-Ansicht*/
  scrollbar-arrow-color:#FFFFFF;        /*Pfeile */
  scrollbar-darkshadow-color:#FFFFFF;   /*Schatten */
  scrollbar-face-color:#FFFFFF;         /*Scrollbalken, Anfang/ende der Scrollbar */
  scrollbar-highlight-color:#FFFFFF;    /*Ein Teil vom Rand der Scrollbar*/
  scrollbar-shadow-color:#FFFFFF;       /*Schatten */
  scrollbar-track-color:#FFFFFF;        /*Hintergrund der Scrollbar */       
  z-index:2;
}