/* ------------------------------------------------------------------------- */
	/*Definition der Links*/
/* normale links */
a:link
{
  color: #069;
  font-size: 12px;
  font-family: Verdana, Arial, sans-serif;
  text-decoration: none;
}
a:visited
{
color: #069;
font-size: 12px;
font-family: Verdana, Arial, sans-serif;
text-decoration: none;
}
a:hover
{
  color: #09e;
  font-size: 12px;
  font-family: Verdana, Arial, sans-serif;
  text-decoration: underline;
}
a:active
{
color: #069;
font-size: 12px;
font-family: Verdana, Arial, sans-serif;
text-decoration: none;
font-weight: bold;
}
/* LinkOhneFunktion: ein link der keine funktion hat. in unternavigation verwendet, da normaler p-tag anderes aussehen hat wie ein link (abstand, schrift...) */
.LinkOhneFunktion
{
  color: black;
  font-size: 12px;
  font-family: Verdana, Arial, sans-serif;
  text-decoration: none;
}
/*Ende Definition Links*/
/* ------------------------------------------------------------------------- */
/* TextUnterUeberschrift: kann verwendet werden um immer 187px von oben zu beginnen als p class="" einsetzen */
#TextUnterUeberschrift
{
  position: absolute;
  top: 187px;
  left: 46px;
  width: 540px;
  margin-top: 20px;
  display: block;
}
/* SchriftBlack012em: schwarze schrift, 1.2em gross und fett (1em standard groesse)*/
.SchriftBlack012em
{
  color: black;
  font-weight: bold;
  font-size: 1.2em;
  font-family: Verdana, Arial, sans-serif;
}
/* H1Klein06: kleine schrift innerhalb h1-tag */
.H1Klein06
{
font-size: 0.5em;
font-weight: normal;
}
/* ------------------------------------------------------------------------- */
/* Versteckt: text, zeichen und anderes. mit span einsetzen */
.Versteckt
{
  color:white;
  font-size: 1px;
}
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* Container: dieser ist nur 580px breit! abstand von links 45px (linker rand soll ja unter der ueberschrift stehen) abstand von oben (vom vorhergehenden tag ist um 35px geringer als normal (-35px) */
.Container
{
 margin-left: 45px;
 margin-top: -35px;
 width: 580px;
}
/* ------------------------------------------------------------------------- */
/*besondere Formate fuer die Ausrichtung (links und rechts)*/
/* als class="" eingesetzt koennen bilder entsprechend ausgerichtet werden */
.Links
{
 float: left;
}
.Rechts
{
 float: right;
}
/* ------------------------------------------------------------------------- */
/* Löschen von Ausrichtungen (beide, liks, rechts) verwendung: <span class="Clear...">&nbsp;</span> */
.ClearAlles
{ clear: both; }

.ClearLinks
{ clear: left; }

.ClearRechts
{ clear: right; }

/* ------------------------------------------------------------------------- */
/* Fett: zeichenformat. absatz fett machen? <span class="Fett"> d</span>avor schreiben und das "d" ist fett. geht auch mit ganzen absaetzen. :-]] Bsp.: <p class="Fett">Blah Blah Blah</p> */
.Fett
{ font-weight: bold; }
/* ------------------------------------------------------------------------- */

/* IndexBildContainer: bild oben rechts auf der hauptseite (abteilungsleitseite). bildbreite: 120px breit */
.IndexBildContainer
{
position: relative;
float: right;
width: 120px;
}
/* ------------------------------------------------------------------------- */
/* Bildunterschrift: unter den bildern sollte eine bildunterschrift stehen die eine etwas kleinere schrift hat wie der restliche text (Mit <span class=""></span> einbinden) */
.Bildunterschrift
{
font-size: 0.8em;
}
/* ------------------------------------------------------------------------- */
/* definition der links im fuss der seite. fuer copyright, E-Mail... */
a.Fuss
{
font-size: 1em;
color: #069;
}
a.Fuss:hover
{
font-size: 1em;
color: #09e;
}

a.LinkNichtFett:hover
	{
  color: #09e;
  font-family: Verdana, Arial, sans-serif;
  text-decoration: underline;
	}
	a.LinkNichtFett:active
	{
  color: #069;
  font-family: Verdana, Arial, sans-serif;
  text-decoration: underline;
	}
/* ------------------------------------------------------------------------- */
/* definition links fuer eitraege im veranstaltungskalender- */
a.Veranstaltungen

{
font-family: Verdana, Arial, sans-serif;
text-decoration: none;
   font-size:12px;
   color: #069;
   font-weight: bold;
}
a.Veranstaltungen:hover
{
font-family: Verdana, Arial, sans-serif;
text-decoration: none;
   font-size: 12px;
   color: #09e;
   font-weight: bold;
   text-decoration: underline;
}
/* ausrichtung fuer tabellenbezeichnung */
caption
{
text-align: left;

}
.KalCaption
{
text-align: left;
}
/* ------------------------------------------------------------------------- */
/* container fuer seminare. SemContainer mit DIV einbinden, SemDatum,... mit Span einbinden. wurde auch auf anderen seiten (Kooperationen) verwendet */

.SemContainerGrau
{
/* float: left; 
position: relative;*/
width: 580px;
background-color: #dcdcdc;
padding: 5px;
margin: 5px 0 0;
}
.SemContainer
{
/* float: left; 
position: relative;*/
width: 580px;
background-color: #ffffff;
padding: 5px;
margin: 5px 0 0;
}
.SemDatum
{
float:left;
position:relative;
margin-right: 10px;
width: 120px;
}
.SemText
{
float: right;
position:relative;
margin-left: 0px;
width: 470px;
text-align: left;
}
.SemLeitung
{
clear: right;
position: relative;
float: left;
text-align: left;
}
/* ------------------------------------------------------------------------- */
/* definition fuer 4spalten-layout. GastContainer mit DIV, rest mit SPAN einbinden. (Bsp.:Jahresbericht 04, Gaeste DKD */
.GastContainerGrau
{
float: left;
position: relative;
width: 580px;
background-color: #dcdcdc;
margin-bottom: 10px;
margin-top: 10px;
}
.GastContainer
{
float: left;
position: relative;
width: 580px;
background-color: #ffffff;
margin-bottom: 10px;
margin-top: 10px;
}
.GastName
{
float: left;
position: relative;
width: 110px;
margin-right: 10px;
}
.GastOrg
{
float: left;
position: relative;
width: 200px;
margin-right: 10px;
}
.GastLand
{
float: left;
position: relative;
width: 140px;
margin-right: 10px;
}
.GastDatum
{
float: right;
position: relative;
width: 90px;
text-align: left;
}
/* ------------------------------------------------------------------------- */
/* container fuer gremien (national und international* 3palten (GremContainer/GremContainerGrau mit DIV, Rest mit SPAN einbinden. */
.GremContainerGrau
{
float: left;
position: relative;
width: 580px;
background-color: #dcdcdc;
margin-bottom: 10px;
margin-top: 10px;
}
.GremContainer
{
float: left;
position: relative;
width: 580px;
background-color: #ffffff;
margin-bottom: 10px;
margin-top: 10px;
}
.GremAbk
{
float: left;
position: relative;
width: 105px;
margin-right: 10px;
text-align: left;
}
.GremText
{
float: left;
position: relative;
width: 290px;
margin-right: 10px;
text-align: left;
}
.GremName
{
float: right;
position: relative;
width: 150px;
text-align: left;
}
/* -------------------------------------------------------------------------- */
/* definition fuer taetigkeitsbereiche */
.TaetigkeitsContainer
{
float: left; 
position: relative;  
width: 580px;
margin-top: 10px;
margin-bottom: 10px;
color: black;
background-color: transparent;
font-size: 1.0em;
}
.TaetigkeitsAbteilung
{
float: left; 
position: relative;  
width: 70px;
font-weight: bold;
}
.TaetigkeitsName
{
width: 480px;
float: right;
}
.TaetigkeitsUeberschrift
{
/* float: left; 
position: relative; */ 
font-weight: bold;
}
.TaetigkeitsBeschreibung
{
float: right;
position: relative;
width: 460px;
text-align: left;
}
/* ------------------------------------------------------------------------- */
/*container fuer texte die ueber die ganze seitenbreite gehen sollen (Bsp.: Jahresbericht 2004, promotionen*/
.TextContainer
{
float: left;
position: relative;
background-color: #ffffff;
width: 580px;
margin-top: 10px;
margin-bottom: 10px;
}
.TextContainerGrau
{
float: left;
position: relative;
background-color: #dcdcdc;
width: 580px;
margin-top: 10px;
margin-bottom: 10px;
}
/* innerhalb des TextContainer mit span verwenden. ergibt zwei spalten nebeneinander. (PomotionenName automatische Breite, PromotionenTitel 390px breit. */
.PromotionenName
{
float: left;
width:auto;
color: rgb(0,0,0);
background-color: transparent
}
.PromotionenTitel
{
float: right;
width:390px;
color: rgb(0,0,0);
background-color: transparent
}
/* ------------------------------------------------------------------------- */
/* ProContainer-Grau: container mit DIV einsetzen, ProLand,... mit span einsetzen (Bsp.: Entwicklungsprojekte (OE Q)*/
.ProContainerGrau
{
float: left;
position: relative;
width: 580px;
background-color: #dcdcdc;
margin-bottom: 10px;
margin-top: 10px;
}
.ProContainer
{
float: left;
position: relative;
width: 580px;
background-color: #ffffff;
margin-bottom: 10px;
margin-top: 10px;
}
.ProLand
{
float: left;
position: relative;
width: 30px;
margin-right: 10px;
}
.ProPartner
{
Float: left;
position: relative;
width: 180px;
margin-right: 10px;
}
.ProBezeichnung
{
float: left;
position: relative;
width: 200px;
margin-right: 10px;

}
.ProLaufzeit
{
float: left;
position: relative;
width: 40px;
margin-right: 5px;
}
.ProBeitrag
{
float: right;
position: relative;
width: 60px;
text-align: left;
}
/* ------------------------------------------------------------------------- */
/* Ansprechpartner: fuer nachrichten aus der abteilung. nach dem text (nur mit p-Tag eingesetzt) <p class="Ansprechpartner">einsetzen.</p> abstand und linie oben sind definiert*/
.Ansprechpartner
{
border-top: 1px solid gray;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
margin-top: 20px;
margin-bottom: 5px;
}
/* ------------------------------------------------------------------------- */
/* ein format fuer Text 12px und TextFett mit 14px bold */ 
.Text
{  font-size: 12px;
  font-family: Verdana, Arial, sans-serif, serif;
}
.TextFett
{
  font-size: 14px;
  font-family: Verdana, Arial, sans-serif, serif;
	font-weight: bold;
}
/* ------------------------------------------------------------------------- */
/* container fuer lehrtaetigkeiten ( LehrtaetigkContainer mit DIV rest mit span einsetzen) */
.LehrtaetigkContainerGrau
{
float: left;
position: relative;
width: 580px;
background-color: #dcdcdc;
margin-bottom: 10px;
margin-top: 10px;
color: black;
}
.LehrtaetigkContainer
{
float: left;
position: relative;
width: 580px;
background-color: #ffffff;
margin-bottom: 10px;
margin-top: 10px;
color: black;
}
.LehrtaetigkDatumVon
{
float: left;
position: relative;
width: 50px;
margin-right: 5px;
}
.LehrtaetigkDatumBis
{
float: left;
position: relative;
width: 50px;
margin-right: 5px;
}
.LehrtaetigkThema
{
float: left;
position: relative;
width: 345px;
padding-right: 5px;
}
.LehrtaetigkeitVortragender
{
float: right;
position: relative;
width: 110px;
text-align: left;
margin-right: 1px;
}
/* fuer zusammenhalt verschiedener zwecke (grauer und normaler hintergrund)abstand zum naechsten und vorherigen 20px*/
.SammelcontainerGrau, .SammelContainerGrau
{
float: left;
position: relative;
width: 580px;
background-color: #dcdcdc;
margin-bottom: 10px;
margin-top: 10px;
}
.Sammelcontainer, SammelContainer
{
float: left;
position: relative;
width: 580px;
background-color: #ffffff;
margin-bottom: 10px;
margin-top: 10px;
}
/* definition fuer presseinfos mit fetten-links fuer 2-spaltige layouts wie z.B. presseinfos */
/* spalte 1 */
.Datum
{
float: left;
position: relative;
width: 90px;
font-family: Arial, Helvetica, Swiss, Geneva, SunSans-Regular, serif;
font-size: 1em;
}
/* Spalte 2 */
.Eintrag
{
float: left;
position: relative;
width: 490px;
font-family: Arial, Helvetica, Swiss, Geneva, SunSans-Regular, serif;
font-size: 1em;
}
/* UnterEintrag: das selbe wie Eintrag nur kleinere schrift */
.UnterEintrag
{
float: left;
position: relative;
width: 490px;
font-size: 0.9em;
font-family: Arial, Helvetica, Swiss, Geneva, SunSans-Regular, serif;
}
/* links in normaler schriftgroesse (1em) als (a class="Text" href=""></a> verwenden*/
a.Text:link
{
  color: #069;
  font-size: 1em;
  font-family: Verdana, Arial, sans-serif;
  text-decoration: none;
	}
	a.Text:hover
	{
  color: #09e;
  font-size: 1em;
  font-family: Verdana, Arial, sans-serif;
  text-decoration: underline;
	}
/* ------------------------------------------------------------------------ */
/* veranstaltungen im <div class="SammelContainer"><span class="Datum"></span><span classVeranstThema"></span><span class...></span></div> als Span einfuegen*/
/* !! <span class="Datum">Classe gibt es schon! 90px breit</span> !! */
.VeranstThema
{
float: left;
position: relative;
width: 250px;
  font-size: 1em;
  font-family: Arial, Helvetica, Swiss, Geneva, SunSans-Regular, serif;
}
.VeranstOrt
{
float: left;
position: relative;
width: 70px;
margin-right: 10px;
margin-left: 10px;
  font-size: small;/*1em;*/
  font-family: Arial, Helvetica, Swiss, Geneva, SunSans-Regular, serif;
}

.VeranstAnsprechpartner
{
float: right;
position: relative;
width: 150px;
  font-size: small; /*1em;*/
  font-family: Arial, Helvetica, Swiss, Geneva, SunSans-Regular, serif;
}
.VeranstTelefon
{
float: left;
position: relative;
font-size: small;/*0.8em;*/
  font-family: Arial, Helvetica, Swiss, Geneva, SunSans-Regular, serif;
}
.Veranstalter
{
float: left;
position: relative;
  font-size: x-small;/*0.7em;*/
  font-family: Arial, Helvetica, Swiss, Geneva, SunSans-Regular, serif;
}
/* ---------------------------------------------------- */
/* KalCaption: ueberschrift ueber tabelle der kalibrierungen, zulassungen, pruefungen */
.KalCaption
{
  font-family: Arial, Helvetica, sans-serif;
font-size:0.9em;
margin-bottom: 10px;
}
/*HrKalibrierungen: linie zwischen kalibrierungen, pruefungen, zulassungen*/
.HrKalibrierungen
{
margin-top: 15px;
}
/* Titelbild: position der titelbilder auf abteilungsseiten (margin-top: -35px) um das bild auf hoehe der h1 ueberschrift zu stellen */
.Titelbild
{
float: right;
position: absolute;
margin-left: 400px;
margin-top: -35px;
}
/* schriftformate fuer z.b. absaetze (<p class="small">...</p> es entfaellt die tipperei mit <p><span style="font-size: small">...</span></p> */
.Small
{font-size: small;}
.xsmall
{font-size: x-small;}
/* schriftgroesse im veranstaltungskalender fuer den eintrag ort wird hier zentral auf sehr klein gestellt (abhaengig von der jeweiligen grundeinstellung des browsers wie alle per css-definierten formate */
.VeranstKalOrt
{ font-size:xx-small; }

/* ------------------------------------------------ */
/* TABELLEN */
/* wenn eine leere zeile in einer tabelle benoetigt wird*/ 
.Tabellenleerzeile5px
{
margin-left: 5px;
margin-top: 5px;
padding-left: 5px;
}
/* ausrichtung text innerhalb einer tabelle */
.TabelleLinksObenAusgerichtet
{
   text-align: left;
   vertical-align: top;
}
/* tabellenkopf ausrichtung des textes */
th
{
   text-align: left;
   vertical-align: top;
}
/* tabellenkopf mit der entsprechenden id (Datum, Uhrzeit...) formatieren */
th#Datum
{
   font-family: Arial, Helvetica, sans-serif;
}
th#Uhrzeit
{
   font-family: Arial, Helvetica, sans-serif;
}
th#Ort
{
   font-family: Arial, Helvetica, sans-serif;
}
th#Titel
{
   font-family: Arial, Helvetica, sans-serif;
}
th#Vortragender
{
   font-family: Arial, Helvetica, sans-serif;
}
th#Abstract
{
   font-family: Arial, Helvetica, sans-serif;
}
.AbstractText
{
font-size: 100%;
}

/* definition des veranstaltungskalenders  */
.EintragVeranstDatum, .EintragVeranstUhrzeit, .EintragVeranstOrt, .EintragVeranstTitel, .EintragVeranstVortragender, .EintragVeranstVeranstalter
{
   font-family: Arial, Helvetica, sans-serif;
   margin-bottom: 10px;
   padding-bottom: 5px;
}
.EintragVeranstTitel
{
   font-weight: bold;
}
.VortragenderOrganisation
{
   font-size: small;
}
.EintragVeranstVeranstalter
{
font-size: small;

}
th#EintragVeranstVeranstalter
{
   font-size: x-small;

}


.Eintrag
{
font-size: 12px;
}
/* horizontale linie alss classe definiert (abstand von oben von unten farbe staerke*/
.hr
{
margin-top: 15px;
margin-bottom: 2px;
padding-top: 10px;
padding-bottom: 5px;
border-top: 1px solid black;
}
/*definition fuer nachrichtentexte der abteilungen*/
.LinieOberhalb
{
float: left;
position: relative;
  margin-top: 25px;
	margin-bottom: 15px;
	padding-bottom: 15px;
  border-top: solid #000033 0px;
  width: 580px;
}
/* wenn ein bild enthalten ist, dass links stehen soll (liesse sich auch mit der definition "Links" weiter oben machen, ist dann aber nicht fuer den bereich nachrichten separat zu aendern. */
.ContainerBildNachrichten
{
/*border: 0px solid transparent;*/
float: left;
position: relative;
margin-top: 10px;
margin-bottom: 15px;
}
/* wie der name schon sagt: unterschrift unter einem bild im bereich nachrichten sollte innerhalb der classe BildNachrichten stehen. evt. mit <br /> unter das bild zaubern */
.BildunterschriftNachrichten
{
/*border: 0px solid transparent;*/
float: left;
position: relative;
font-size: small;
font-style: italic;
font-family: Helvetica, Arial, Swiss, serif;
}
/* zu jeder nachricht aus der abteilung gibt es auch einen ansprechpartner hier die classe dafuer. nachfolgend die classe fuer den e-mail-link um die schriftgroesse beizubehalten */
.AnsprechpartnerNachrichten
{
   font-size: 0.9em;
   font-family: Times New Roman, serif, sans-serif;
}
/* <a class="AnsprechpartnerNachrichten" href=""></a> */
a.AnsprechpartnerNachrichten
{
   font-size: 0.9em;
   font-family: Times New Roman, serif, sans-serif;
}
/*Ende Definition fuer Nachrichtentexte der Abteilungen*/

/* mit acronym bezeichnete tags mit punktlinie in grau und einem fragezeichen beim drueberfahren mit der maus formatieren */
acronym
{
   cursor: help;
   border-bottom: thin dotted Gray;
}
/* im bereich zahlen und fakten abstand oben von 15px def */
.ZuF
{
margin-top: 15px;
}
/* zweispaltiges Layout */
/* der rahmen dafuer */
.RahmenZweiSpaltig
{
float: left;
position: relative;
width: 560px;
}
/*linke spalte*/
.LinkeSpalte
{
float: left;
width: 260px;
margin-right: 15px;
padding-right: 10px;
}
/* rechte spalte */
Rechte Spalte
{
float: right;
width: 260px;
text-align:left;
padding-left: 20px;
margin-left: 5px;
}
/* Deklarationen fuer: Wegweiser Ansprechpartner im Bereich Messtechnik fuer d Biotechnologie */
.BioEinzug{padding-left: 20px;} 
a.Zusammenfassung
{
font-size: x-small; 
float: right;
}
a.Zusammenfassung:hover
{
font-size: x-small; 
float: right;

}

.FettRot
{color: #ee0000; font-weight: bold;}
a.bio:link
{font-size:0.8em;} 
td
{font-size: 0.8em; }
.Abstand1
{margin-top: 5px; background-color: white;}
.Abstand2
{margin-top: 0px;background-color: white;}
tr.Biotechnologie
{
background-color: #fafad2;
text-align:left;
font-weight: bold;
}
a.Klein
{
font-size: x-small;
} 
a.Klein:hover
{
font-size: x-small;
text-decoration: underline;
} 
.Unsichtbar
{
display: none;
}
ul li
{
color: rgb(0,0,0);
background-color: transparent;
}

.NavigationInnerhalbKapitel
{
width: 580px;
text-align: right; 
}

/* ========== Begrenzt den Inhalt in den Seiten auf 580px, und ist als Rahmen fuer den eigentlichen Inhalt vorgesehen ========== */
#SeitenInhaltBegrenzung
{
 width: 580px;
}
#Inhalt{}
.IndexUeberschrift
{
width: 580px;
margin-top: 20px;
}
.width580
{
width: 580px;
}
td
{
font-size: 1.0em;
}
.ZahlenUndFaktenTabelle
{
color: rgb(0,0,0);
background-color: transparent;
}

/*
#statusanzeige {width: 620px; 
border: 0px solid none;
margin:0;
padding:0;
position: absolute;
left: 155px;
float: left;
color: red;}
*/