/*************************************************************************/
/* Name der Datei:  screen.css                                           */ 
/* Letzte Änderung: 19.11.2007                                           */
/*************************************************************************/
/* 26.10.2006  MM   ol.none   neu                                        */
/* 23.02.2006  MM   Bei table.address width in Kommentar gesetzt.        */
/*                  Im Quellcode wird jede Spalte mit width angegeben.   */
/*************************************************************************/
  

/* ------------------------------ GLOBALs ------------------------------ */

body.ebene2   /* MM */   
    { background-color: #f8f8ff; /* ghostwhite */ /* #DDE4EA; hellblau */
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;	
	margin: 0px;
	margin-bottom: 15px;
	padding: 0px;
	/* text-align: center; */
	min-width: 752px; }

div.ebene2   /* MM */   
    {	margin-left:5%;
	margin-right:5%; 
      text-align: left; }

      /* die graue Hinterlegung der Überschrift des Inhalts */
.bgray, #profil h3, #vertnavi h4  
    { background-color: #ADC4D0;
	margin: 0;
	padding: 0.2em;
	font-size: 1.2em; }

      /* Abstände auf der Institutsprofilseite der Absätze */
#profil h3 
    {	margin-top: 2em; }

#profil p 	     
    { margin: 0.5em;
 	margin-bottom: 1em; }

      /* Bilder in die Mitte der Schrifthöhe setzen, kein Rahmen, Abstand */
img   
    {	vertical-align: middle;
	border: 0px;
	margin-right: 3px; } 

      /* kein Abstand für spezielle Bereiche */
#fussteil img, #kopfteil img, #navi img  
    {	padding: 0px; }

hr  
    {	border: 1px dotted #7182B6; /* #FFCC00 #ADC4D0; */
	/* width: 95%; */
	text-align: center; }

hr.ndot   /* MM */  
    {	border: 1px; }

      /* für Klassen die oben etwas gepunktet trennen sollen */
.trenner  
    {	display: block;
	border: none;
	border-top: 1px dotted #ADC4D0; }

      /* Objekt links anordnen, rechts umfließen */
.left  
    {	float: left; }

      /* inhalt links anordnen */
.tleft      
    {	text-align: left; }

      /* inhalt rechts anordnen */
.tright  
    { text-align: right; }

.center 
    {	text-align: center; }

.small  /*  für kleinere Fonts */
    { font-size: smaller;
	font-weight: normal; }

.large  /* für größere Fonts */
    { font-size: larger; }


.hidden  /* Objekte die nicht  vorhanden sind */
    { visibility: hidden; }

ul /* Alle Listen benutzen ein Quadrat als Aufzählungszeichen */
    {	list-style: square; }

ul.lineh li  /* Für Listenpunkte mit doppeltem Abstand (unten) */
	/* line-height: 1.5em; */
    {	margin-bottom: 1em; }

h2  /* H2's sind nun anderhalbfach groß zur Schriftgröße */
    {	font-size: 1.5em; }

h4  /* H4's bekommen grundsätzlich eine normale Schritgröße */
    {	font-size: 1em; }

.clear /* für Objekte an denen abschließend nicht mehr umflossen werden soll */
    {	clear: both; }

/* Alle LINKS  */
a:link 
    {	color: navy;
	text-decoration: none; }

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

a:hover, a:focus, a:active 
    {	color: blue;
	text-decoration: none;
	background-color: #FFFFCC; } /* #CCFFCC; */


/* am 14.11.2007 aus alter CSS-Datei kopiert - MM */ 
/* Wird dort verwendet wo '[mehr], [more], [hier], [HTML] oder [PDF]' steht */
a.mehr
   { font-size:8pt; }


/* ------------------------------ ENDE GLOBALs ------------------------------ */

body {
	background-color: #DDE4EA; /* hellblau */
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;	
	margin: 0px;
	margin-bottom: 15px;
	padding: 0px;
	text-align: center;
	min-width: 752px;

} /*body.home {  der hart umstrittene farbverlauf 
	background: #DDE4EA url(../img/bg_verlauf.jpg) repeat-x fixed bottom; 
}*/ body.home hr {  /* auf der Home-Page die HRs verkürzen */
	width: 90%;
} 


#komplett { /* Bereich der alles beinhaltet */
	width: 100%;
}


#kopfteil {
	/* Bereich mit Bunte Kopfzeile und ITAS-Schriftzug */
	text-align: right;
	height: 54px;
	background: url(../img/itas_kopfzeile.jpg) repeat-x left;
	padding-right: 10px;
} 

/* ---------- NAVIGATION HORIZOTAL --------------------------------- */
#navi { /* der (Hintergrund-) Bereich der Navigation */
	padding-bottom: 17px;
	background: url(../img/bg_navi_u.gif) repeat-x bottom;
	text-align: right;
} #navi #rand_oben { /* Der Rand_oben des Navibereichs */
	background: url(../img/bg_navi_o.gif) repeat-x top;
	padding: 0;
	padding-top: 0.5em;
	border-top: 1px solid #DDE4EA;
} head:first-child+body #navi #rand_oben { /* Trick: versteht bisher nur Opera und Mozilla */
	border: none;
	padding-top: 7px;
} #navi a {
	padding-left: 1em;
	padding-right: 1em;
	border-right: 1px solid gray;
	margin: 0px;
} #navi a:link, #navi a:visited {
	color: navy; 
} #navi a:hover, #navi a:focus {
	color: blue;
}
/* Ende Navigation ------------------- */

#mittelteil {
	padding: 1em;
	padding-top: 0.5em;
	text-align: left;
	margin-bottom: 1em;
}

#inhalt, #info {
	text-align: left;
	margin-left:  16em;
	margin-right: 17em;
} #inhalt p, #info p {
	margin: 1em;
} #inhalt hr {
	/* clear: both; */
} #inhalt .cl {
	clear: left;
}

#info {
	/* Box "Institutsprofil" auf der Homepage */
	border: double;
	margin-bottom: 0.5em;
} 

/* ---------- NAVIGATION LINKS/VERTIKAL (nur Home) --------------------------------- */
#vertnavi {
	float: left;
	width: 15em;
	padding-top: 0px;
	padding-bottom: 1em;
	margin-bottom: 1em;
	background-color: #F8F8FF; /* #ADC4D0;/* "ghost-white" */
} #vertnavi h4 {
	padding-left: 0.5em;
	margin: 0px;
	margin-top: 1em;
/*	border: 1px solid white; */
	border-left: none;
	border-right: none;
} #vertnavi a:link, #vertnavi a:visited {
	color: navy; 
} #vertnavi a:hover {
	color: blue;
} #vertnavi ul {
	padding: 0px;
	margin: 0px;
	margin-left: 0.5em;
	margin-right: 0.5em; 
	list-style: none;
	color: #666666;
} #vertnavi li {
	/* margin-bottom: 0.3em;  
	border: 2px solid white; */
	border: 1px solid #F8F8FF;
} head:first-child+body #vertnavi li { /* Mozilla + Opera only, IE fix mit 1px Rand */
	border: none;
} #vertnavi a {
	margin: 0px;
	padding: 0px;	
	display: block;
	border: 2px solid #D0ECE7; 
	border-top: none;
} /* ------------------ VERTNAVI ENDE ------------------ */


#rightbox { /* der komplette rechte Teil (nur Home) */
	float: right;
	width: 16em;
}

#kontakt { /* Box "Anschrift" */

} #kontakt p {
	margin: 0.5em;
}

#fussteil { /* blaugraue Box "Letzte Änderung" (nur Home) */
	text-align: right;
	padding: 0.5em;	
	padding-top: 1em;	
	margin-top: 0.5em;
	margin-bottom: 1em;
} #fussteil .small {
	border: none;
}
/* ---------------------- 2te Ebene Inhalt----------------------- */
#inhalt2 { /* Inhaltsbox auf der 2ten Ebene */
	padding: 1em;;
	padding-top: 0em;
} /* #inhalt2 hr {
	width: 100%;
} */ #inhalt2 h1.top {
	position: absolute;
	top: -10px;
	left: 10px;
	border: 1px solid gray;
	background-color: white;
	padding: 2px;
}

#vertnavi, #info, #inhalt, #kontakt, #fussteil { /* der Rahmen um alle Divs im Mittelteil */
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 2px solid #4B4E4F;
	border-bottom: 2px solid #4B4E4F;
}

#navi, #fussteil, #kopfteil {
	background-color: #ADC4D0; /* Blau-Grau */
}

#info, #inhalt, #kontakt {
	background-color: #F8F8FF; /* ghost-white */
	color: black;
} /* head:first-child+body #info, 
  head:first-child+body #inhalt, 
  head:first-child+body #inhalt2, 
  head:first-child+body #kontakt {
	background: url(../img/bg_weisstransp.png);
} */
/* ------------------------------ 2te EBENE ENDE --------------------------- */


/* ------------- FORMULARE ------------------------------------------- */
form { /* Formulare nicht als width:100% anzeigen */
	display: inline;
	/* white-space: nowrap; */
} input { /* Eingabefelder formatieren */
	border: 1px solid gray;
	background: white;
	vertical-align: top;
	color: gray;
} input:hover, input:focus { /* funktioniert erst im IE ab IE7 */
	border: 1px solid black;
	color: black;
} /*button { /* nicht im Gebrauch, weil jetzt nur noch 'input'-buttons anstelle 'buttons' verwendet werden 
	color: white;
	padding: 0;
	vertical-align: middle;
	border-top: none;
	border-left: none;	
	border-bottom: 2px solid gray;
	border-right: 2px solid gray;	
	height: 1.5em;
} button img { /* die Lupe verkleinern */
/*	height: 1em;
} button:hover, button:focus {
	/* funktioniert noch nicht im IE */
/*	border-top: 1px solid #444444;
	border-left: 1px solid #444444;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}*/ /* ---------------- ENDE FORMULARE -------------------------------- */



table { /* für Tabellen muss der Font immer seperat eingestellt werden (kein Bug) */
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
} /* td, */ th { /* cellpadding, border-bottom, text-anordnung "top" */
	padding: 0.5em;
	border-bottom: 1px solid #ADC4D0;
	vertical-align: top;
} th { /* nicht fett, aber blaugrau hinterlegt */
	font-weight: normal;
	background-color: #ADC4D0;/* #CCFFCC;  */
} table.address { /* spezielle Darstellung der Mitarbeiter-Tabelle */
	/* width: 700px; */
	background-color: #F8F8FF; /* ghost-white */
	border: 1px solid gray;
} .address th { /* hier haben die THs wieder fetten Inhalt & Farbhinterlegung */
	font-weight: bold;
	background-color: #F8F8FF;
} .address img {
	vertical-align: text-bottom;
	position: relative;
	top: 1px;
} #kalenderinhalt { /* grafische Anpassungen für den Veranstaltungskalender... */ 
	width: 94%;
} head:first-child+body #kalenderinhalt { /* Moz + Opera only, IE fixed above... */ 
	width: 100%;
} #kalender th { 
	background-color:  #ADC4D0;   /* #f8f8ff; */  
	text-align: left;
} #kalender td, #globalchange td { /* ..und noch die GlobalChange-Tabelle */
	 border: none; 
} #kalender hr.trenner {
	border: 1px solid #ADC4D0;
	width: 100%;
} .globalchangetable {
	width: 94%;
} head:first-child+body .globalchangetable { /*Moz+Opera only, das gleiche Spiel wie oben... */
	width: 100%;
}


/***********************************************/
/* 23.03.2006   Anfang Übernahme von alter CSS */
/***********************************************/

div.navigator
   { font-family:Arial,Helvetica,sans-serif;
     text-align:left;
     font-size:8pt; }

div.fusszeile
   { font-family:Arial,Helvetica,sans-serif;
     text-align:right;
     font-style:italic;
     font-size:8pt; }

div.etag
   { text-align: left;
     background-color: #f8f8ff;
     border: 1px solid gray;
     padding-top: 0px;
     padding-right: 10px;
     padding-bottom: 10px;
     padding-left: 10px;
     margin-left:  16em;
     margin-right: 0.5em; }

/* Wird vervendet für die jeweilige Seitenüberschrift nach dem FZK-Logo */
td.ueberschrift
   { font-family:Arial,Helvetica,sans-serif;
     font-size:14pt;
     font-weight:bold;
     color:#006666; }

/* Hervorhebung eines Textteiles - wird grün */
strong
  { font-family:Arial,Helvetica,sans-serif;
     font-size:9pt;
     font-weight:bold;
     color:#006666; }

span.liste
   { font-family:Arial,Helvetica,sans-serif;
     font-size:9pt;
     color:#000000; }

/* Wird in Inhaltsverzeichnissen von Büchern benutzt,
   z. B. /deu/Itaslit/grun02a_inhalt.htm (01.07.02 MM) */
span.ueberschrift
   { font-family:Arial,Helvetica,sans-serif;
     font-size:11pt;
     font-weight:bold;
     margin-top:8pt;
     margin-bottom:2pt;
     color:#006666; }

/* Titel einer Tagung etc. in Veranstaltungskalender und Veranstaltugnsankündigungen in TATuP */
span.tadbnr
   { font-family:Arial,Helvetica,sans-serif;
     font-size:11pt;
     font-weight:bold;
     color:#006666; }

/* Standardliste hat quadratischen Blickpunkt */
ul
   { font-family:Arial,Helvetica,sans-serif;
     font-size:9pt;
     list-style-type:square; }

/* Verwendung: Listenmenus auf den Hauptseiten   */
/* Im Zusammenhang mit span.liste wird ein grüner quadratischen Blickpunkt erzeugt */
ul.menu
   { font-family:Arial,Helvetica,sans-serif;
     font-size:9pt;
     list-style-type:square;
     color:#006666; }

/* 10.11.2004 Verwendung: Eingerückte quasiliste ohne Listenbullet
   Verwendung zuerst bei der Übersicht der Forschungsbereiche */
ul.none
   { font-family:Arial,Helvetica,sans-serif;
     font-size:9pt;
     margin-bottom:0pt;
     margin-top:9pt;
     margin-left:18pt;
     list-style-type:none;}

/* 26.10.2006   MM */
ol.none
   { font-family:Arial,Helvetica,sans-serif;
     font-size:9pt;
     margin-bottom:0pt;
     margin-top:0pt;
     margin-left:18pt;
     list-style-type:none;}

/* Standardliste hat numerischen Blickpunkt */
ol
   { font-family:Arial,Helvetica,sans-serif;
     font-size:9pt;
     list-style-type:decimal; }

/* Liste hat kleinen alphabetischen Blickpunkt (a., b., c., d.) */
ol.alphakl
   { font-family:Arial,Helvetica,sans-serif;
     font-size:9pt;
     list-style-type:lower-alpha; }

/* Liste hat großen alphabetischen Blickpunkt (A., B., C., D.) */
ol.alphagr
   { font-family:Arial,Helvetica,sans-serif;
     font-size:9pt;
     list-style-type:upper-alpha; }

/* Liste hat kleinen römischen Blickpunkt (i., ii., iii., iv.) */
ol.romankl
   { font-family:Arial,Helvetica,sans-serif;
     font-size:9pt;
     list-style-type:lower-roman; }

/* Liste hat großen römischen Blickpunkt (I., II., III., IV.) */
ol.romangr
   { font-family:Arial,Helvetica,sans-serif;
     font-size:9pt;
     list-style-type:upper-roman; }

p
   { font-family:Arial,Helvetica,sans-serif;
     font-size:9pt; }

/* Dies ist ein Text-Paragraf mit nur geringem Abstand oben und untern (3pt) und kursiverer Schrift.
Verwendung in der "Aktualisiert"-Zeile oder Bereich z.B. bei den Literaturlisten. Arbeitet man hier nur mit BR dann wird der Grundfont nicht richtig übernommen. Arbeitet man mit einem normalen P, dann werden zu große Abstände davor und danach erzeugt. UR 29.1.2002 */

p.aktualisiert
   { font-family:Arial,Helvetica,sans-serif;
     font-size:9pt;
     font-style:italic;
     margin-bottom:3pt;
     margin-top:3pt; }

/* 02.06.2004 MM */
/* kleiner Abstand zum vorangehenden und folgenden Text, verwendet im Newskasten
   auf der Homepage */
p.abstandkl
   { font-family:Arial,Helvetica,sans-serif;
     font-size:9pt;
     margin-bottom:3pt;
     margin-top:3pt; }



/* 26.09.2005 MM: wird im Veranstaltungskalender verwendet */
td.weiss
   { font-family:Arial,Helvetica,sans-serif;
     font-size:9pt;
     color:#ffffff; }


/* 19.11.2007 MM */
.orange
   { font-family:Arial,Helvetica,sans-serif;
     color:#ff9900; }