/*
   ----------------------------------------------------------------------------
   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: 08.06.2006
   ----------------------------------------------------------------------------
   - Verknuepfte Dateien -
   Seitenhintergrund - body: ../media/layout/bg_body_standard.gif
   Navigationspfeil: ../media/layout/button_blue.jpg
   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 0px 0px 5px;
        width: 997px;
        text-align: left; /* Aufheben von IE_quirks im BODY */
}
*html #wrapper { /* fuer IE */
        margin: 0px 0px 0px 5px;
}
/* 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 {
        width: 997px;
        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 {
        float: left;
        width: 190px;
        margin: 0;
        padding: 0;
        list-style: none;
}

/*        Inhaltsbereich Startseite */
#baseContentStartseite {
        float: left;
        width: 520px;
        margin: 15px 0px 12px 5px;
        padding: 0px 20px 20px 12px;
/*        border-top: 1px solid #ccc;
          border-bottom: 1px solid #ccc; */
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        background-color: transparent;  /* fuer benutzerdefinierte Bildschirmeinstellungen */
        min-height: 557px;

                 }
*html #baseContentStartseite { /* nur fuer IE 5.5 - 6.x */
        height: 557px;  /* regelt variabel die Mindesthoehe des Inhaltsbereichs */
/*        overflow: auto; */
        padding: 20px 20px 20px 12px;
}
/*        Inhaltsbereich  */
#baseContent {
        float: left;
        width: 787px;
        margin: 15px 0px 12px 5px;
        padding: 0px 0px 20px 12px;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        background-color: transparent;  /* fuer benutzerdefinierte Bildschirmeinstellungen */
        min-height: 557px; /* regelt variabel die Mindesthoehe des Inhaltsbereichs */
/*        overflow: auto; */
         }
*html #baseContent { /* nur fuer IE 5.5 - 6.x */
        width: 775px;
        height: 557px;  /* regelt variabel die Mindesthoehe des Inhaltsbereichs */
/*        overflow: auto; */
        padding: 20px 0px 20px 12px;
}

/*        Rechter Container  */
#baseContainerRight {
        float: left;
        width: 200px;
        padding: 10px;
        margin:0px;
}
*html #baseContainerRight { /* fuer IE  */
        top: 190px;
}
/*        Fussleiste  */
#baseContainerFooter {
        position: relative;
        color: #666;
        padding: 8px 0 5px 16px;
        text-align: left;
        font-size: 85%;
        line-height: 130%;
        height: 70px;
        border-top: 4px solid #9c0;
}
/*  Copyright */
#baseContainerFooter div.left {
        position: absolute;
        top: 8px;
        left: 12px;
        width: 280px;
        text-align: left;
}
/*  Datum  */
#baseContainerFooter div.right {
        position: absolute;
        top: 8px;
        left: 300px;
        width: 200px;
        text-align: right;
}
/* Logos */
#baseContainerFooter div.logos {
        position: absolute;
        top: 2px;
        left: 610px;
        width: auto;
}

#baseContainerFooter p {font-size: 85%;color: #666;}

/*       -----------------------------------------------------------------------------
        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:{
        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{
        height: 80px;
        width: 1061px;
        position: absolute;
        top: 0px;
        left: 195px;
        margin: 0;
        padding: 0 1px 0 1px;
}
/* Linke Navigation  */
/* Links in der linken Spalte (baseNavigationContainer)  */
#baseNavigationContainer ul {
        list-style-type: none;
        margin: 17px 0 0 0;
        padding: 0px;
}
*html #baseNavigationContainer ul { /* fuer IE  */
        margin: 10px 0 0 0;
}
#baseNavigationContainer ul li {
        list-style-type: none;
}

#baseNavigationContainer ul li a:link, #baseNavigationContainer ul li a:visited, #baseNavigationContainer ul li a:active {
        display: block;
        width: 190px;
        height: 30px;
        padding: 5px;
        color: #000;
        font-weight: normal;
/*        background-image: url(../media/layout/button_blue.jpg);
        background-repeat: no-repeat;
        background-position: 0px 0px; */
}

/* Navigationsbuttons in der Hauptfunktionsleiste */

#nav1 {background-image: url(../buttons/info.jpg);background-repeat: no-repeat;}
#nav2 {background-image: url(../buttons/studienangebote.jpg);background-repeat: no-repeat;}
#nav3 {background-image: url(../buttons/forschungseinrichtungen.jpg);background-repeat: no-repeat;}
#nav4 {background-image: url(../buttons/merkliste.jpg);background-repeat: no-repeat;}
#nav5 {background-image: url(../buttons/karte.jpg);background-repeat: no-repeat;}
#nav6 {background-image: url(../buttons/buchbestellung.jpg);background-repeat: no-repeat;}
#nav7 {background-image: url(../buttons/links.jpg);background-repeat: no-repeat;}
#nav8 {background-image: url(../buttons/kontakt.jpg);background-repeat: no-repeat;}
#nav9 {background-image: url(../buttons/anmeldung.jpg);background-repeat: no-repeat;}
#nav10 {background-image: url(../buttons/login.jpg);background-repeat: no-repeat;}
/* #nav10 {background-image: url(../buttons/studienangebot_neu.jpg);background-repeat: no-repeat;}
*/
#nav11 {background-image: url(../buttons/forschungseinrichtung_neu.jpg);background-repeat: no-repeat;}


/* hervorgehobene Navigationsbuttons(bei Mouseover) */

#nav1 a:hover {background-image: url(../buttons/info_akt.jpg);background-repeat: no-repeat;}
#nav2 a:hover {background-image: url(../buttons/studienangebote_akt.jpg);background-repeat: no-repeat;}
#nav3 a:hover {background-image: url(../buttons/forschungseinrichtungen_akt.jpg);background-repeat: no-repeat;}
#nav4 a:hover {background-image: url(../buttons/merkliste_akt.jpg);background-repeat: no-repeat;}
#nav5 a:hover {background-image: url(../buttons/karte_akt.jpg);background-repeat: no-repeat;}
#nav6 a:hover {background-image: url(../buttons/buchbestellung_akt.jpg);background-repeat: no-repeat;}
#nav7 a:hover {background-image: url(../buttons/links_akt.jpg);background-repeat: no-repeat;}
#nav8 a:hover {background-image: url(../buttons/kontakt_akt.jpg);background-repeat: no-repeat;}
#nav9 a:hover {background-image: url(../buttons/anmeldung_akt.jpg);background-repeat: no-repeat;}
#nav10 a:hover {background-image: url(../buttons/login_akt.jpg);background-repeat: no-repeat;}
/* #nav10 a:hover {background-image: url(../buttons/studienangebot_neu_akt.jpg);background-repeat: no-repeat;}
*/
#nav11 a:hover {background-image: url(../buttons/forschungseinrichtung_neu_akt.jpg);background-repeat: no-repeat;}

/* hervorgehobener Navigationsbuttons nach Auswahl */

#akt1 {background-image: url(../buttons/info_akt.jpg);background-repeat: no-repeat;}
#akt2 {background-image: url(../buttons/studienangebote_akt.jpg);background-repeat: no-repeat;}
#akt3 {background-image: url(../buttons/forschungseinrichtungen_akt.jpg);background-repeat: no-repeat;}
#akt4 {background-image: url(../buttons/merkliste_akt.jpg);background-repeat: no-repeat;}
#akt5 {background-image: url(../buttons/karte_akt.jpg);background-repeat: no-repeat;}
#akt6 {background-image: url(../buttons/buchbestellung_akt.jpg);background-repeat: no-repeat;}
#akt7 {background-image: url(../buttons/links_akt.jpg);background-repeat: no-repeat;}
#akt8 {background-image: url(../buttons/kontakt_akt.jpg);background-repeat: no-repeat;}
#akt9 {background-image: url(../buttons/anmeldung_akt.jpg);background-repeat: no-repeat;}
#akt10 {background-image: url(../buttons/login_akt.jpg);background-repeat: no-repeat;}
/* #akt10 {background-image: url(../buttons/studienangebot_neu_akt.jpg);background-repeat: no-repeat;}
*/
#akt11 {background-image: url(../buttons/forschungseinrichtung_neu_akt.jpg);background-repeat: no-repeat;}

/* #baseNavigationContainer ul li a:hover {
         font-weight: bold;
         background-image: url(../media/layout/button_green.jpg);
        background-repeat: no-repeat;
        background-position: 0px 0px; */
}
#baseNavigationContainer li a {
        text-decoration: none;
        color: #666;
}
#baseNavigationContainer li a.aktiv {
        text-decoration: none;
        color: #000;
}
/*        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 0px;
        padding: 0px;
}
*html #baseIcons { /* fuer IE  */
        margin: 0px 0px 10px 0px;
}
#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 10px;
        padding: 4px 0 4px 0px;
}
#baseContentStartseite ul {
        margin: 0px 20px 0px 10px;
        padding: 4px 0 4px 0px;
}

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

#baseContentStartseite ul li {
          list-style-type:square;
/*         list-style-image: url(../media/layout/rechteck_gr_liste.gif); */
        margin-left: 5px;
        padding: 3px;
        line-height: 140%;
}
*html #baseContentStartseite ul li { /* fuer IE  */
/*         list-style-image: url(../media/layout/rechteck_gr_ie.gif); */
}
/* Tabellen im Content-Bereich */

#baseContent table.main * th {
  background-color: #E5ECF9;
  border: 1px solid #97ACD4;
  border-bottom: none;
  color: #97ACD4;
  font-weight: bold;
}
#baseContent table.main * td {
  background-color: #ffffff;
  border: 1px solid #97ACD4;
  border-top: none;
  color: #000000;
  vertical-align: top;
}
#baseContent table.vert th {
  width: 180px;
  background-color: #C5D2E4;
  color: #333;
  padding: 2px 5px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #ffffff;
}
#baseContent table.vert td {
  padding: 2px 5px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #ccc;;
}
#baseContent table.sr {
  width: 100%;
  border: 1px solid #C5D2E4;
  margin: 5px auto;
}
#baseContent table.sr th {
  background-color: #d6d7d6;
  border-bottom: 1px solid #ccc;;
  padding: 3px 5px;
}
#baseContent table.sr td {
  width: 33%;
  padding: 2px;
}
#baseContent table.sr th a {
  background-color: #d6d7d6;
  font-size: 1.25em;
}
#baseContent table.cbList {
  width: 100%;
}
#baseContent table.cbList td {
  background-color: #ffffff;
  color: #000000;
}
#baseContent table.cbList td.dark {
  background-color: #d6d7d6;
  color: #000000;
}
#baseContent table.cbList label {
  display: block;
  margin-left: 3px;
}

#baseContent table.standard {
  width: 100%;
}
#baseContent table.standard th {
  background-color: #C5D2E4;
  color: #ffffff;
  font-weight: bold;
  padding: 2px 5px;
}
#baseContent table.standard td {
  background-color: #ffffff;
  color: #000000;
  padding: 2px 5px;
/*   white-space: nowrap; */
}
#baseContent table.standard td.dark {
  background-color: #ccccff;
  color: #000000;
}
#baseContent table.standard label {
  display: block;
  margin-left: 3px;
}

/*        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;
}
/*
        Elemente im rechten Container
        --------------------------------------------------------------------------------------------------------------------------
*/
.baseListBox {
        position: static;
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size :90%;
        line-height: 120%;
        margin: 0 0 15px 8px;
        padding: 0;
        width: 210px;
        background-color: #fff;
        color: #333;
}
/* Logos */
.logos_right {
        position: relative;
        top: 10px;
         left: 10px;
}

.logos_right p {font-size: 75%;color: #666;}

.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;
}
#loginbox {
	       border: 1px solid #999999;
	       width:  180px;
        margin: 10px 0px 5px 5px;
        padding: 0px 0px 3px 3px;
}

#loginbox td, #loginbox input{
	       font-size: 10px;
}
#loginbox h4 {
	       font-family: verdana, sans-serif;
	       font-weight: bold;
	       font-size: 11px;
	       color: #7777bb;
	       background-color: #F4F4F4;
	       border-bottom: 1px dotted #999999;
	       display: block;
	       padding: 2px 5px;
	       margin: 0px;
}