body 
{
  color: rgb(50,50,70);
  background-color: rgb(68,97,192);
  font-size: 100.01%;
  font-family: Arial, Helvetica, 'Times New Roman';
  margin: 0; 
  text-align: center;  /* Zentrierung im Internet Explorer */
  min-width: 41em; /* 41em; Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  font-weight: normal; 
}

/* --- Allgemeine Seiten --- */

/* Div-Block um den gesamten Inhaltsbereich der Seite */
div#Page 
{
  font-family: Arial, Helvetica, 'Times New Roman';
  font-size: 1.0em;
  text-align: left;    /* Seiteninhalt wieder links ausrichten */
  margin: 0em;      /* standardkonforme horizontale Zentrierung */
  padding: 0em 0em 3em 0em;  /* Innenabstand unten fuer den Footer */
  color: rgb(50,50,70);
  background-color: rgb(165,205,248);
  border: 6px solid rgb(250,253,255);
}


/* Header, umgibt Title, LogoLeft und LogoRight */
div#Header
{
  font-size: 1.0em;
  text-align: center;
  margin: 0em;
  padding: 0.2em 0.0em 0.2em 0.0em;
}
/* Graphik links neben der Ueberschrift */
div#LogoLeft
{
  font-size: 1em;
  float: left;
  width: 8em;
  text-align: center;
  margin: 0em; 
  padding: 1.5em 0em 0em 2.5em;
}
/* Graphik rechts neben der Ueberschrift */
div#LogoRight
{
  font-size: 1em;
  float: right;
  width: 8em;
  text-align: center;
  margin: 0em; 
  padding: 1.5em 2.5em 0em 0em;
}
/* mittige Ueberschrift */
div#Title
{
  font-size: 0.8em;
  text-align: center;
  margin: 0em 20em 0em 20em; 
  padding: 1em 0 0.6em 0;
}


/* Navigationsblock an der Seite */
div#Navigation
{
  float: left;
  font-size: 1.0em;
  width: 10.5em;
  margin: 0em 1.5em 0em 1.5em; 
  padding: 0 0 0 0;
  color: rgb(50,50,70);
  background-color: rgb(51,102,255);
  border: 1px solid rgb(50,50,70);
}
* html div#Navigation
{
  margin-right: -0.5em;
  margin-left: 0.5em;
  padding-right: -0.5em;
  padding-left: 0.5em;
}

/* Funktionsfeld im Navigationsblock an der Seite */
ul.function 
{
  font-size: 1em;
  width: 7.92em;
  margin: 0.2em 0.2em 0.2em 0.2em; 
  padding: 0.6em 1.3em 0.6em 0.7em;
  background-color: rgb(165,205,248);
  border: 1px solid rgb(50,50,70);
}
* html ul.function
{
  margin-right: 0em;
  margin-left: 0em;
  padding-right: 1.1em;
  padding-left: 0.8em;
}
ul.function li 
{
  list-style: none;
  margin: 0.5em 0.3em 0.5em 0.0em;    /* breitere Beschriftung erfordert weniger linken Rand */
  padding: 0.2em 0.5em 0.2em 0.5em;
}
ul.function li ul
{
  font-size: 1.0em;
  width: 9em;
  margin: 0em 1em 0em -1.35em; 
  padding: 0.2em 0 0.2em 0;
  color: rgb(50,50,70);
  background-color: rgb(185,225,255);
  border: 1px solid rgb(50,50,70);
}
ul.function li ul li
{
  list-style: none;
  margin: 0.5em 0.3em 0.5em 0.3em;
  padding: 0.2em 0.5em 0.2em 0.5em;
}
ul.function a 
{
  display: block;
  padding: 0.2em;
  text-decoration: none; 
  font-size: 0.9em;
  font-weight: bold;
}
ul.function a:link, ul.function a:visited 
{
  color: rgb(50,50,70);  
  background-color: transparent;
  font-weight: bold;
}
ul.function a:hover, ul.function a:active
{
  color: rgb(100,130,173);  
  background-color: transparent;
  font-weight: bold;
}



/* Inhaltsbereich */
div#Content 
{
  min-height: 20em;  /* sonst ist der innere Bereich zu klein */
  color: rgb(50,50,70);
  font-size: 0.9em;
  text-align: left;
  margin: 0em 2.0em 0em 15.2em;  /* Abstand zur Seite, damit dort die Navigation Platz hat */ 
  padding: 1em 3em 3em 3em;  /* Innenabstand zu Ueberschrift und Text */
  background-color: rgb(227,239,255);
  border: 1px solid rgb(150,182,198);
}
/* Ueberschrift im Inhaltsbereich */
div#ContentTitle
{
  font-size: 1.1em;
  font-weight: bold;
  text-align: left;
  margin: 1.2em 0em 0.5em 0em;
}
/* Drucksymbol neben der Ueberschrift im Inhaltsbereich */
div#SymbolPrint
{
  float: right;
  margin-top: -1em;
  
}
/* Ueberschrift im Inhaltsbereich auf der Druckansicht */
div#ContentTitlePrint
{
  font-size: 1.1em;
  font-weight: bold;
  text-align: left;
  margin: 1.2em 0em 0.5em 2em;
}
/* Text Inhaltsbereich */
div#ContentText 
{
  font-size: 1em;
  margin: 1.2em 0em 1.2em 0em;
  line-height: 1.5em;
}


/* Login-Formular */
div#Loginform
{
  width: 20em;
  font-size: 1.0em;
  text-align: right;
  padding: 3em 3em 0 0;
}
* html div#Loginform
{
  margin-right: -3em;
}


/* Fusszeile */
div#Footer
{
  width: 100%;
  font-size: 0.7em;
  float: right;
  text-align: center;
  font-weight: normal;
  padding: 0em 0em 0em 0em;
  margin: 1.5em 0em 0em 0em;
  color: rgb(28,57,152);
}
div#Footer a, div#Footer span 
{
  font-size: 1em;
  color: rgb(28,57,152);
  background-color: transparent;
  padding: 0;
  text-decoration: none; 
}
* html div#Footer a, * html div#Footer span 
{
  width: 1em;    /* nur fuer IE 5.0x erforderlich */
  w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}
div#Footer a:hover, div#Footer span 
{
  font-size: 1em;
  color: rgb(100,130,173);  
  background-color: transparent;
  font-weight: normal;
}
/* Abstand des EU-Logos zum Footer-Text */
span.logo_footer
{
  margin-right: 0.5em;
}


/* Links allgemein */
a 
{
  font-size: 1em;
  color: rgb(50,50,70);  
  font-weight: normal;
  text-decoration: none; 
}
a:link, a:visited 
{
  color: rgb(50,50,70);  
  font-weight: normal;
  background-color: transparent;
}
a:hover, a:active, a:focus
{
  color: rgb(100,130,173);  
  font-weight: normal;
  background-color: transparent;
}


/* Klassen */
/* Ueberschrift h1 auf allen Seiten */
.titleh1
{
  font-size: 1.7em;
  margin-top: 0.3em;
  margin-bottom: 0.5em;
  font-weight: bold;
  text-align: center;
}
/* Ueberschrift h2 auf allen Seiten */
.titleh2
{
  font-size: 1.5em;
  margin-top: 0.3em;
  margin-bottom: 0.4em;
  font-weight: normal;
  text-align: center;
}
/* Ueberschrift h3 auf allen Seiten */
.titleh3
{
  font-size: 1.2em;
  margin-top: 0.2em;
  margin-bottom: 0.3em;
  font-weight: normal;
  text-align: center;
}

.formfield 
{
  vertical-align: top;
  font-family: Arial, Helvetica, 'Times New Roman';
  font-size: 0.9em;
  text-align: left;	
  font-weight: normal;
  border: 1px solid rgb(150,182,198);       
  padding-bottom: 5px;
  margin-top: 2px;
  color: rgb(50,50,70);  
}
/* formfield, das so aussieht wie der Hintergrund */
.formfield_merge
{
  vertical-align: top;
  font-family: Arial, Helvetica, 'Times New Roman';
  font-size: 1em;
  text-align: left;	
  font-weight: normal;
  border: transparent; 
  padding-bottom: 5px;
  margin-top: 2px;
  background-color: transparent; 
  color: rgb(50,50,70);  
}
/* formfield, das so aussieht wie der Hintergrund (Organtabelle, Ueberschrift) */
.formfield_merge_oth
{
  vertical-align: top;
  font-family: Arial, Helvetica, 'Times New Roman';
  font-size: 1em;
  text-align: left;	
  font-weight: bold;
  border: transparent; 
  padding-bottom: 5px;
  margin-top: 2px;
  background-color: transparent; 
  color: rgb(240,255,255);
}
.button 
{
  margin: 0;
  font-weight: normal;
  color: rgb(50,50,70);
  background-color: rgb(250,253,255);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-color: rgb(150,182,198);
}
/* Button, der gefaehrlich aussieht */
.button_alert 
{
  margin: 0;
  font-weight: normal;
  color: rgb(250,50,70);
  background-color: rgb(250,253,255);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-color: rgb(250,182,198);
}
/* Button, der so aussieht wie der Hintergrund */
.button_merge
{
  font-size: 1em;
  margin: 0 0 0 0.5em;
  color: rgb(50,50,70);
  background-color: rgb(165,205,248);
  border: 1px solid rgb(165,205,248);
}
/* Formatierung der Tabelle um die Knoepfe oben auf den Einzeldatenansichten */
table.upper_buttons
{
  width: 100%;
  margin-bottom: 1em;
}
/* Formatierung der Tabelle um die Knoepfe unten auf den Einzeldatenansichten */
table.lower_buttons
{
  width: 100%;
  margin-top: 1em;
}
/* Formatierung der Tabelle um die Knoepfe unter den Eintragsgruppen */
table.lower_buttonssub
{
  width: 100%;
  margin-top: 0.1em;
  margin-bottom: 0.4em;
}

/* Formatierung des Suchformulars */
table.searchform
{
  width: 100%;
  margin-top: 1em;
}
table.searchform td
{
  padding-left: 3em;
  padding-top: 0.5em;
  padding-right: 1em;
  padding-bottom: 0.5em;
  text-align: left;
  vertical-align: top;
}


/* --- Datenbank-Anzeige --- */

/* Page wie oben */

/* Header, umgibt Title, LogoLeft und LogoRight, sowie Seitenueberschrift und Tabellenkopf */
div#DBHeader
{
  min-width: 99%;     /* Anpassung fuer Firefox 3 */
  position: fixed;
  font-size: 1.0em;
  text-align: center;
  margin: -6px 6px 0em 0em;
  padding: 0.2em 0.0em 0.0em 0.0em;
  background-color: rgb(165,205,248);
  border-top: 6px solid rgb(250,253,255);
}

/* Inhaltsbereich */
div#DBContent 
{
  color: rgb(50,50,70);
  font-size: 0.9em;
  text-align: left;
  margin-top: 12em;
  padding: 5em 0em 0.1em 0em;  /* Innenabstand zu Ueberschrift und Text */
  background-color: rgb(227,239,255);
  border: 1px solid rgb(150,182,198);
}
/* Inhaltsbereich bei Druckansicht */
div#DBContentPrint 
{
  color: rgb(50,50,70);
  font-size: 0.9em;
  text-align: left;
  margin: 0em;
  padding: 0em;
  background-color: rgb(227,239,255);
  border: 1px solid rgb(150,182,198);
}
/* Inhaltsbereich bei Suchergebnissen */
div#DBContentSearchResult 
{
  color: rgb(50,50,70);
  font-size: 0.9em;
  text-align: left;
  margin-top: 12em;
  padding: 8em 0em 0.1em 0em;  /* Innenabstand zu Ueberschrift und Text */
  background-color: rgb(227,239,255);
  border: 1px solid rgb(150,182,198);
}

* html div#DBContent
{
  margin: 0;   
}
/* Ueberschrift im Inhaltsbereich */
div#DBContentTitle
{
  font-size: 1.0em;
  font-weight: bold;
  text-align: left;
  margin: 0em 0em 0em 0em;
  padding: 0.9em 0em 0.8em 2em;
  background-color: rgb(227,239,255);
}
/* Text Inhaltsbereich */
div#DBContentText 
{
  font-size: 1em;
  margin: 2.5em 0em 0.0em 0em;
}

/* Falls ein Suchergebnis ausgegeben werden soll, 
wird die Statistik ueber der Tabellenansicht angezeigt */
/* Ueberschrift im Inhaltsbereich */
div#DBContentTitleSearchResult
{
  font-size: 1.0em;
  font-weight: bold;
  text-align: left;
  margin: 0em 0em 2em 0em;
  padding: 0.9em 0em 0.8em 2em;
  background-color: rgb(227,239,255);
}
/* Text Inhaltsbereich */
div#DBContentTextSearchResult 
{
  color: rgb(68,97,192);
  text-align: left;
  font-size: 0.9em;
  margin: -1.5em 0em 0.6em 2.5em;
}
div#DBContentTextSearchResult span
{
  font-weight: bold;
}

/* Navigationsblock oben */
div#DBNavigation 
{
  float: right;
  font-size: 0.9em;
  text-align: center;
  margin: -1.6em 0.2em 0.0em 0.1em;  /* Abstand des Navigationsblocks zum Rand */
  padding: 0 0 0 0;
  color: rgb(50,50,70);
  /*background-color: rgb(51,102,255);
  /*border: 1px solid rgb(50,50,70);*/
}
* html div#DBNavigation
{
  width: 36.5em;
  margin-right: -2em;
  margin-left: 1em;
  margin-top: -2em;
}

ul#DBNavigation 
{
  /* width: 660px;  Breitenangabe, damit die Navigation bei geringer Aufloesung nicht umgebrochen wird*/
  font-size: 1em;
  text-align: center;
  margin: 0.2em 0.1em 0.2em 0.1em;  /* blauer Rand im Hintergrund */
  padding: 0.0em 0.0em 0.0em 0.0em;
  /* background-color: rgb(165,205,248);*/
  /* border: 1px solid rgb(50,50,70);*/
}
* html ul#DBNavigation
{
  margin-right: -2em;
  margin-left: -2em;
  padding-right: 2em;
  padding-left: 2em;
}
ul#DBNavigation li 
{
  list-style: none;
  display: inline;
  padding: 0em;
}
ul#DBNavigation a, ul#DBNavigation span 
{
  text-decoration: none; 
  font-size: 0.9em;
  font-weight: bold;
  /*border: 1px solid rgb(68,97,192);*/
  margin: 0em 0.3em 0em 0.3em;
  padding: 0.3em;
}
* html ul#DBNavigation a, * html ul#DBNavigation span 
{
  width: 1em;    /* nur fuer IE 5.0x erforderlich */
  w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}
ul#DBNavigation a:link, ul#DBNavigation a:visited 
{
  float: left;    /* float und width fuer gleich breite Elemente */
  /* width: 8em; */
  min-width: 6.5em; 
  color: rgb(50,50,70);  
  background-color: rgb(165,205,248);  /* Farben der Navigationsschaltflaechen */
  font-weight: bold;
}
ul#DBNavigation a:hover, a:active, a:focus 
{
  color: rgb(100,130,173);  
  background-color: rgb(165,205,248);  /* Farben der Navigationsschaltflaechen */
  font-weight: bold;
}
ul#DBNavigation div /* um die Menuepunkte mit Hintergrund und Rahmen der Liste zu umschliessen */
{
  clear: left;
}


/* Datendarstellung in einer Serumuebersichtstabelle */
table.dballtable
{
  width: 100%;
}
/* Tabellenueberschrift */
table.dballtable th
{
  font-size: 0.9em;
  text-align: center;
  padding: 7px 4px 7px 4px;
  color: rgb(200,215,253);
  background-color: rgb(68,97,192);
}
/* Datenzelle */
table.dballtable td
{
  font-size: 1em;
  padding: 4px;
  color: rgb(50,50,70);
  background-color: rgb(165,205,248);
}
/* Datenzeile ausgrauen, falls Serum nicht mehr vorhanden oder nicht anzeigbar */
table.dballtable td span
{
  color: rgb(130,150,170);
  background-color: rgb(165,205,248);
}

/* Datendarstellung in einer Serumdetailtabelle */
table.dbtable
{
  width: 100%;
}
/* Tabellenueberschrift */
table.dbtable th
{
  font-size: 0.9em;
  text-align: center;
  padding: 7px 4px 7px 4px;
  color: rgb(200,215,253);
  background-color: rgb(68,97,192);
}
/* Datenzelle */
table.dbtable td
{
  font-size: 1em;
  padding: 4px;
  color: rgb(50,50,70);
  background-color: rgb(165,205,248);
}

/* Datendarstellung in einer Organdetailtabelle */
table.dborgantable
{
  width: 100%;
}
/* Tabellenueberschrift */
table.dborgantable th
{
  font-size: 1.0em;
  text-align: center;
  padding: 7px 4px 7px 4px;
  color: rgb(240,255,255);
  background-color: rgb(100,114,160);
}
/* Datenzelle */
table.dborgantable td
{
  font-size: 1em;
  padding: 4px;
  color: rgb(50,50,70);
  background-color: rgb(178,205,236);
}

/* verlinkte Serumnummern (display) */

.details a 
{
  font-size: 1em;
  color:rgb(50,50,70);  
  font-weight: normal;
  text-decoration: none; 
}
.details a:link, .details a:visited 
{
  color:rgb(50,50,70);  
  font-weight: normal;
  background-color: transparent;
}
.details a:hover, a:active, a:focus 
{
  color:rgb(100,130,173);  
  font-weight: normal;
  background-color: transparent;
}


/* Formatierung der Schrift, in der die Fehlermeldungen (bei Dateneingaben) dargestellt werden */
.error_code
{
  font-size: 1em;
  color: red;
}


/* Formatierung der Schrift, welche den Datumstyp naeher beschreibt */
.moderate
{
  font-size: 1em;
  color: rgb(100,130,173);
}