/*	
   ----------------------------------------------------------------------------
   Freie Universitaet Berlin
   Design: Standard A
   Stilvorlagen entsprechend dem Seitentyp und der Layoutvariante
	
   Autor: CeDiS, http://www.cedis.fu-berlin.de, cms@cedis.fu-berlin.de
   Datum: 28.02.2005
   ----------------------------------------------------------------------------
   - Verknuepfte Dateien -
   Seitenhintergrund - body: ../media/layout/bg_body_standard.gif 
   Navigationspfeil: ../media/layout/minus.gif
   Suche: ../media/layout/suchpfeil_blau.gif
   Listenpunkte im Content: ../media/layout/rechteck_gr_liste.gif,
   ../media/layout/rechteck_gr_ie.gif	
   ----------------------------------------------------------------------------
   - Farben -
   Hintergrund Seite: #ffffff 
   Fliesstext: #333333 (dunkelgrau)
   h1 h2 #333333 (dunkelgrau)
   h3 #666666 (mittelgrau)
   h4 #cc0000 (rot)
   h5 #333333, hintergrundfarbe: #f4f4f4 (hellgrau)
   h6 #666666 (mittelgrau)
   Service - Navigation - Text (baseHeaderNavigation): #666666 (grau), Aktiv: #000000 (schwarz)
   Identitaetsbereich Hintergrund: #f4f4f4 (hellgrau)
   Navigation auf der linken Seite (baseNavigation)- Hintergrund: #ffffff (weiss)
   Navigation auf der linken Seite - Text -  #666666 (grau), Aktiv: #000000 (schwarz)
   Navigation auf der linken Seite - Rahmen (baseNavigation)- Oben: #cccccc (hellgrau)
   Inhaltsbereich (baseContent) - Rahmen - Links und Rechts: #cccccc (hellgrau)
   Inhaltsbereich (baseContent) - Links: #003399 (leuchtendes blau), visited: #336699 (hellers blau)
   Footer - Text: #666666 (grau), Aktiv #000000 (schwarz)
   FU Standard Blau im Web: #003366
   FU Standard Gruen im Web: #99cc00
   ----------------------------------------------------------------------------
*/

/*
   ----------------------------------------------------------------------------
   Stilvorlagen entsprechend dem Seitentyp und der Layoutvariante
   ----------------------------------------------------------------------------
*/

body {
	background: #fff url(../media/layout/bg_body_standard.gif) top repeat-x;
}
/* Info:
   Das Hintergrundbild entspricht der Hoehe des Identitaetsbereichs und enthaelt die gruene Linie und den grauen Hintergrundstreifen.
   ----------------------------------------------------------------------------
*/


#wrapper {
	position: relative;
	margin: 0px auto 0px 12px;
	width: 768px;
	text-align: left; /* Aufheben von IE_quirks im BODY */
}
*html #wrapper { /* fuer IE */
	margin: 0px 0px 0px 12px;
}
/* Info:
   Der wrapper dient als umspannender Container.
   Er fasst Elemente und Bereiche zusammen, welche im Verhaeltnis zur Breite, Hoehe und Position des wrappers mittels CSS absolut positioniert werden.
   ----------------------------------------------------------------------------
*/


#printlogo { /* dieses div wird nur in der Druckvorschau angezeigt */
	display:none;
}
/* Info:
   Das Printlogo wird nur in der Druckvorschau (separates Popup) und bei der Ausgabe auf einem Drucker verwendet/eingeblendet.
   ----------------------------------------------------------------------------
*/


/* 	Header  */

#baseHeader {
	top: 0;
	margin: 0;
	padding: 0;
	height: 169px;
}


/* 	Identitaetsbereich  */

#baseIdentity {
	position: absolute;
	top: 85px;
	left: 0;
	height: 63px;
	margin: 0;
	padding: 12px 0 0 0;
	background: #f4f4f4;
}


/* 	Linke Navigation  */

#baseNavigationContainer {
	position: absolute;
	top: 174px;
	left: -3px;
	width: 184px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
	line-height: 110%;
} 
*html #baseNavigationContainer { /* fuer IE  */
	top: 184px;
}


/*	Inhaltsbereich  */

#baseContent {
	margin: 12px 0px 12px 184px;
	padding: 0px 40px 20px 12px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: transparent;  /* fuer benutzerdefinierte Bildschirmeinstellungen */
	min-height: 370px; /* regelt variabel die Mindesthoehe des Inhaltsbereichs */
}

*html #baseContent { /* nur fuer IE 5.5 - 6.x */
	height: 370px;  /* regelt variabel die Mindesthoehe des Inhaltsbereichs */
	padding: 10px 40px 20px 12px; 
} 


/*	Fussleiste  */

#baseContainerFooter {
	position: relative;
	color: #666;
	padding: 8px 0 5px 16px;
	text-align: left;
	font-size: 85%;
	line-height: 130%;
	height: 20px; 
	border-top: 4px solid #9c0;
}

/*  Copyright */

#baseContainerFooter div.left {
	position: absolute;
	top: 8px;
	left: 12px;
	width: 360px;
	text-align: left;
}

/*  Datum  */

#baseContainerFooter div.right {
	position: absolute;
	top: 8px;
	left: 400px;
	width: 370px;
	text-align: right;
}


/* 	
	-----------------------------------------------------------------------------
	Spezielle Stilvorlagen
   	-----------------------------------------------------------------------------
*/

/* 	Header  */

.baseHeaderLogo {
	margin: 6px 0 0 6px;
}

#baseHeaderNavigation {
	position: absolute;
	top: 31px;
	right: 0px;
	margin: 0;
	padding: 0;
	font-size: 90%; 
	border-right: 1px solid #666;
	
}

/* 	Links im div baseHeaderNavigation (Servicenavigation)  */

#baseHeaderNavigation ul {
	margin: 0;
	padding: 0;
	display: inline;
}

#baseHeaderNavigation ul li {
	margin: 0;
	padding: 1px 3px 1px 3px;
	border-left: 1px solid #666;
	list-style: none;
	display: inline;
	color: #000;
}

#baseHeaderNavigation ul li a {
	color: #666;
	text-decoration: none;
}

#baseHeaderNavigation ul li a:hover{
	color: #000000;
	text-decoration: none;
}

#baseHeaderNavigation ul li a:visited {
	color: #666;
	text-decoration: none;
}

#baseHeaderNavigation .langlnk { /* Der Punkt Englisch in der Servicenavigation ist vom Tonwert abgeschwaecht, wenn keine englische Version des Web-Auftritts existiert. */
	color: #ccc;
}


/* 	Identitaet  */

.baseIdentityBild{
	position: absolute;
	top: 0px; 
	left: 183px;
	margin: 0;
	padding: 0 1px 0 1px;
}


/* Linke Navigation  */

/* Links in der linken Spalte (baseNavigationContainer)  */

#baseNavigationContainer ul {
	list-style-type: none;
	margin: 35px 0 0 0;
	padding: 0px;
}

*html #baseNavigationContainer ul { /* fuer IE  */
	margin: 40px 0 0 0;
}

#baseNavigationContainer ul ul {
	margin: 1px 0px 0px 0px;
	padding: 0px;
	border: none;
}

#baseNavigationContainer ul ul ul {
	border-bottom: none;
}

#baseNavigationContainer ul li {	
	display: block;
	width: 168px;
	height: auto;
	margin: 0;
	padding: 2px 0 2px 10px;
	color: #000;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	background-image: url(../media/layout/minus.gif);
	background-repeat: no-repeat;
	background-position: 4px 6px;
}
*html #baseNavigationContainer ul li { /* fuer IE  */
	line-height: 150%;
	width: 170px;
	background-position: 4px 8px;
}

#baseNavigationContainer li ul li {
	display: block;
	width: 138px;
	height: auto;
	margin:  0;
	padding: 2px 0px 2px 10px;
	background-color: #fff;
	color: #333;
	font-weight: normal;
	background-image: url(../media/layout/minus.gif);
	font-size: 95%;
	border-bottom: none;
}
*html #baseNavigationContainer li ul li { /* fuer IE  */
	line-height: 150%;
	width: auto;
} 

#baseNavigationContainer li ul li ul li {
	display: block;
	width: 138px;
	height: auto;
	margin: 0;
	padding: 2px 0px 2px 10px;
	background-color: #fff;
	color: #333;
	font-weight: normal;
	background-image: url(../media/layout/minus.gif);
	font-size: 100%;
	border-bottom: none;
}
*html #baseNavigationContainer li ul li ul li { /* fuer IE  */
	line-height: 150%;
	width: auto;
} 

#baseNavigationContainer li ul li ul li ul li {
	display: block;
	width: 138px;
	height: auto;
	margin: 0;
	padding: 2px 0px 2px 10px;
	background-color: #fff;
	color: #333;
	font-weight: normal;
	background-image: url(../media/layout/minus.gif);
	font-size: 95%;
	border-bottom: none;
}
*html #baseNavigationContainer li ul li ul li ul li { /* fuer IE  */
	line-height: 150%;
	width: auto;
} 

#baseNavigationContainer li a {
	text-decoration: none;
	color: #666;
}

#baseNavigationContainer li a.aktiv {
	text-decoration: none;
	color: #000;
}

#baseNavigationContainer li a:hover {
	text-decoration: none;
	color:#333;
}

#baseNavigationContainer li ul li a {
	text-decoration: none;
	color: #666;
}


/*	Contentbereich  */

/* 	Mikronavigation (Navigations-Pfad)  */

#baseContainerNavigationToRoot {
	font-size: 90%;
	line-height: 120%;
	width: auto;
	padding: 0 20px 0 0;
	margin: 0 0 15px 0;
}

/*  Links im Navigationspfad  */

.baseNavigationToRoot {
	color:#000;
}

.baseNavigationToRoot a {
	color:#666;
}

.baseNavigationToRoot a:hover {
	color: #000;
	text-decoration: none;
}

.baseNavigationToRoot a:visited {
	color:#666;
	text-decoration: none;
}


/*
	Symbole fuer Druck und Druckvorschau  
   	-----------------------------------------------------------------------------
*/

#baseIcons {
	float: right;
	margin: -2px 0px 10px 40px;
	padding: 0px;
}
*html #baseIcons { /* fuer IE  */
	margin: 0px 0px 10px 40px;
}

#basePrintPreview {
	display:none;
}
/* Info:
   Diese Symbole werden nur in der Druckvorschau (separates Popup) und bei der Ausgabe auf einem Drucker verwendet/eingeblendet.
   ----------------------------------------------------------------------------
*/


/*	Standardlisten und numerierte Listen im Contentbereich  */

#baseContent ul {
	margin: 0px 20px 0px 12px;
	padding: 4px 0 4px 0px;
}

#baseContent ol {
	margin: 4px 20px 4px 12px;
	padding: 4px 0 4px  0px;
}

#baseContent ol li {
	list-style-type: decimal;
	margin: 0 0 0 20px;	
	padding: 0px;
}
*html #baseContent ol li { /* fuer IE  */
	margin: 0 0 0 25px;	
}

#baseContent ul li {
   list-style-image: url(../media/layout/rechteck_gr_liste.gif); 
	margin: 0;
	padding: 0px;
	line-height: 140%;
}
*html #baseContent ul li { /* fuer IE  */
   list-style-image: url(../media/layout/rechteck_gr_ie.gif); 
}


/*	News - Anzeige der Vor- und Zuruecklinks  */

.baseNewsNavigationPrevNext {
	margin: 20px 0 0px 0;
	padding: 0;
}

#vor {
	float: right;
}

#zurueck {
	float: left;
}


/* 	Fussleiste  */

/* 	Links im div baseContainerFooter  */

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

#baseContainerFooter a:hover {
	color: #000;
	text-decoration: none;
}

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


/*	Kontaktdaten und Anschrift des Institut  */

.institution {
	background-color: #E6ECF2;
	border: none;
	margin: 16px 0 12px 0;
	padding: 8px;
}

.institution td {
	padding: 2px 8px 2px 8px;
}

.clear {
	clear: both;
}

.bIcons {
	float:left;
	margin:8px 4px 4px 0px;
}

.institution strong{
	color: #333;
}

.fuImgPosition {
	margin: 4px 0 4px 0;
}


/* zum Positionieren von Bildern (Umfliessen) im Contentbereich */

.imgLeft {
	float: left;
	margin: 10px 20px 10px 0;
}

.imgRight {
	float: right;
	margin: 10px 0 10px 20px;
}


/* 	
	News, Container rechts vom Contentbereich
	--------------------------------------------------------------------------------------------------------------------------
*/

#baseContainerRight {
	position: absolute;
	padding:0px;
	top:205px;
	left:785px;
	margin:0px;
}
*html #baseContainerRight { /* fuer IE  */
	top: 217px;
}

.baseListBox {
	position: static;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size :90%; 
	line-height: 120%;
	margin: 0 0 15px 8px;
	padding: 0;
	width: 186px;
	background-color: #fff;
	color: #333;
}

.baseListBox h2 {
	font-weight: bold;
	font-size: 110%;
	color: #666;
	margin: 4px 0 4px 0px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 3px 0;
}

.baseListBox h3 {
	font-weight: normal;
	color: #333;
	margin: 6px 0 0px 0;
	padding: 0 0 0 10px;
	background-image: url(../media/layout/pfeil_blau_liste.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

.baseListBox h3 a:link {
	color: #003399;
	text-decoration: none;
}

.baseListBox h3 a:visited {
	color: #369;
	text-decoration: none;
}

.baseListBox h3 a:hover {
	color: #039;
	text-decoration: underline;
}

.baseListItemDate {
	font-size: 90%;
	color: #666;
	font-weight: normal;
	margin: 2px 0 10px 0;
	padding: 0 0 0 10px;
}

.baseListItemAbstract {
	color: #333;
	margin: 4px 0px 2px 0;
	padding: 0 0 0 10px;
}

.baseListItemAbstract p {
	color: #333;
	margin: -4px 0px -3px 0;
}

.baseListBox ul {
	margin: 0px 20px 0px 12px;
	padding: 4px 0 4px 0px;
	width: 186px;
}

.baseListBox ul li{
	list-style-image: url (../media/layout/rechteck_gr_liste.gif); 
	margin: 0;
	padding: 0px;
	line-height: 140%;
}
*html .baseListBox ul li { /* fuer IE  */
   list-style-image: url(../media/layout/rechteck_gr_ie.gif); 
}

.baseListItemTermin {
	font-weight: bold;
	margin-top: 2px;
    padding: 0 0 0 10px;
	color: #666;
}


/*  QuickLinks  */

#baseQuickLinks /*form*/ {
	position: absolute;
	top: 134px;  
	right: 0px;
	left: 776px;
	margin: 0;
	padding: 0;
	font-size: 95%;
	color: #666;
}

#baseQuickLinks .quick {
	font-size: 95%;
	margin: 0px 0px 0 10px;
	width:124px;
}

.quickLinksIcon {
  	position: absolute;
	top: 135px;  
	right: 0px;
	left: 924px;
	margin: 0;
	padding: 0;
}