/*
   ----------------------------------------------------------------------------
   Freie Universitaet Berlin
   Design: Standard Plus 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
   geändert 19.09.2013 Groetzebauch
   ----------------------------------------------------------------------------
   - Verknuepfte Dateien -
   Seitenhintergrund - body: ../media/layout/bg_body_standard_plus.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)

/*---------------------------------------------------------
Weitere Definitionen */

#inhalt /* Inhaltsbereich */
{
        position:absolute;
        visibility:visible;
        width:561px;
        height:550px;
        z-index:1;
        left:199px;
        top: 216px;
}

/*         Identitaet  */



#inhalt_Foto {
        position: absolute;
        top: 64px;                             /* Abstand Identitätsebene Graphiken der AG rechts, Fotos */
        left: 185;
        height: 63px;
        margin: 0;
        padding: 12px 0 0 0;
        background: #f4f4f4;
}

.Bild1 {
        position: absolute;
        top: 80px;
        left: 0px;
        margin: 0;
        padding: 0 1px 0 1px;

}

.Text1
{
        position: absolute;
        top: 357px;
         left: 78px;
        margin: 0;
        padding: 0 1px 0 1px;

}

.Bild2 {
        position: absolute;
        top: 80px;
        left: 100px;
        margin: 0;
        padding: 0 1px 0 1px;

}

.Text2
{
        position: absolute;
        top: 387px;
        left: 0px;
        margin: 0;
        padding: 0 1px 0 1px;


}


/*---------------------------------------------------------- */

body {
        background: #ffffff url(../media/layout/bg_body_standard_plus.gif) top repeat-x;    /* Grafik geänder entspricht bg_body_standard_plus_breit_flex.gif */

}
/* 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 eingefuegt */
        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: 176px;
}


/*         Identitaetsbereich  */

#baseIdentity {
        position: absolute;
        top: 98px;                             /* Abstand Idetitätsebene Graphiken der AG */
        left: 0;
        height: 63px;
        margin: 0;
        padding: 12px 0 0 0;
        background: #f4f4f4;
}

#baseIdentityLeft {
        position: absolute;
        top: 98px;                             /* Abstand Identitätsebene Graphiken der AG links */
        left: 0;
        height: 63px;
        margin: 0;
        padding: 12px 0 0 0;
        background: #f4f4f4;
}

#baseIdentityRight {
        position: absolute;
        top: 98px;                             /* Abstand Identitätsebene Graphiken der AG rechts, Fotos */
        left: 0;
        height: 63px;
        margin: 0;
        padding: 12px 0 0 0;
        background: #f4f4f4;
}

/*         Linke Navigation  */

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


/*        Inhaltsbereich  */

#baseContent {
        margin: 12px 0px 12px 182px;
        padding: 0px 21px 20px 13px;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        background-color: transparent;  /*fuer benutzerdefinierte Bildschirmeinstellungen */
        min-height: 970px;  /* regelt variabel die Mindesthoehe des Inhaltsbereichs */
        width: 550px; /* Änderung der Breite für Inhalt */
}
* html #baseContent { /* nur fuer IE 5.5 - 6.x */
        height: 970px;  /* regelt variabel die Mindesthoehe des Inhaltsbereichs */
        padding: 10px 20px 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: 650px;
        text-align: left;
}

/*  Datum */

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


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

/*         Header  */

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

#baseHeaderNavigation {
        position: absolute;
        top: 31px;
        right: 0;
        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: #000;
        text-decoration: none;
}

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

#baseHeaderNavigation .langlnk { /* Punkt Englisch in der Service-Navigation ist eingegraut wenn es keine englische Seite gibt*/
        color: #ccc;
}


/*
    Info-Navigation ueber dem Identitaetsbereich
    -----------------------------------------------------------------------------
*/

#NavigationInfo {
        position: absolute;
        width: 767px;
        top: 77px;
        margin: 0;
        padding: 1px 0 0 0;
        height: 19px;
        background-color: transparent;
        border-right: 1px solid #fff;
        text-align: right;
}
*html #NavigationInfo { /* fuer IE*/
        left: 0;
}


#NavigationInfoDidaktik1 {
        position: absolute;
        width: 184px;
        top: 78px;
        margin: 0;
        padding: 1px 0 0 0;
        height: 19px;
        background-color: transparent;
        border-right: 1px solid #fff;
        text-align: left;
}

*html #NavigationInfoDidaktik1 { /* fuer IE*/
        left: 0;
}



/* Links in der Info-Navigation  */

#NavigationInfo ul {
        margin: 0;
        padding: 0;
        display: inline;
        color: #000;
}

#NavigationInfo ul li {
        margin: 0;
        padding: 6px 10px 5px 15px;
        border-left: 1px solid #fff;
        list-style: none;
        display: inline;
        color: #000;
        line-height: 160%;
        background-image: url(http://didaktik.physik.fu-berlin.de/home/media/layout/pfeil_blau_liste.gif);
        background-repeat: no-repeat;
        background-position: 4px 9px;
}

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

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

#NavigationInfo ul li a:hover {
        color: #000;
        text-decoration: none;
}


/*         Identitaet  */

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

.baseIdentityBild2 {
        position: absolute;
        top: 0px;
        left: 329px;
        margin: 0;
        padding: 0 1px 0 1px;
}

.baseIdentityBild3 {
        position: absolute;
        top: 0px;
        left: 475px;
        margin: 0;
        padding: 0 1px 0 1px;
}

.baseIdentityBild4 {
        position: absolute;
        top: 0px;
        left: 621px;
        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;
}

#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(http://didaktik.physik.fu-berlin.de/home/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(http://didaktik.physik.fu-berlin.de/home/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(http://didaktik.physik.fu-berlin.de/home/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(http://didaktik.physik.fu-berlin.de/home/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(http://didaktik.physik.fu-berlin.de/home/media/layout/rechteck_gr_liste.gif);
        margin: 0;
        padding: 0px;
        line-height: 140%;
}
*html #baseContent ul li { /* fuer IE  */
   list-style-image: url(http://didaktik.physik.fu-berlin.de/home/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: 215px;
        left: 785px;
        margin: 0px;
}*/


*html #baseContainerRight { /* fuer IE */
        top: 225px;
}

.baseListBox {
        position: static;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size :90%;
        line-height: 120%;
        margin: 0px 0px 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(http://didaktik.physik.fu-berlin.de/home/media/layout/pfeil_blau_liste.gif);
        background-repeat: no-repeat;
        background-position: 0 4px;
}

.baseListBox h3 a:link {
        color: #039;
        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(http://didaktik.physik.fu-berlin.de/home/media/layout/rechteck_gr_liste.gif);
        margin: 0;
        padding: 0px;
        line-height: 140%;
}
*html .baseListBox ul li { /* fuer IE  */
   list-style-image: url(http://didaktik.physik.fu-berlin.de/home/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: 146px;
        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: 147px;
        right: 0px;
        left: 924px;
        margin: 0;
        padding: 0;
}