/* ---- Grundeinstellungen ---- */

body {

    background-color:#440024;
    margin:0;
    padding:0;
    }

ul, li {

    margin:0 0 0 20px;
    padding:0;

    }

h1 {

    margin:24px 0 12px 0;

    }

h2 {

    margin:48px 0 12px 0;
    text-decoration:none;
    clear:both;

    }

h2.first {

    margin:0 0 12px 0;

    }

h3 {

    margin:25px 0 0 0;
    clear:both;

    }

hr {

    background-color: #440024;

    }

img {

    border: 0;

    }

.none {                /* nicht sichtbare Bereiche */

    display:none;

    }

.center {              /* zentriert formatierte Bereiche */

    text-align: center;

    }

.links {              /* Textausrichtung links - formatierte Bereiche */

    text-align: left;

    }

.noborder {            /* Bereiche ohne Border */

    border: 0;

    }

acronym {              /* Abkürzungen (für IE der Rahmen) */

    border-bottom-style: dotted;
    border-bottom-width: 1px;
    cursor:help;

    }

a {                    /* Links allgemein */

    text-decoration: underline;
    color:#440024;

    }

a:hover,
a:focus {

    text-decoration: underline;
    background-color:#ffed88;

    }

/* --- ENDE Grundeinstellung --- */



/* --- Übergeordnet für alle Container --- */

div.hp {

    font-family:/*BaskervilleT*/"Times New Roman",serif;
    font-size: 1em;
    border:solid 1px;
    border-color: #FFFADD #756400 #756400 #FFFADD;  /*    #554800 #756400 #B09600    #FFFADD*/
    background-color:#ffed88;
    color:#440024;
    text-align:justify;

    }



/* --- Definition für den Kopf --- */

/* Titelbereich -- eigener DIV */

#titel {

    top:20px;
    left:20px;
    position:absolute;
    width:95%;
    height:162px;

    }

#titel #ueberschrift {        /* extra DIV für ÜBerschrift im Titel */

    font-variant:small-caps;
    z-index:2;
    position:absolute;
    top:0;
    left:200px;
    height:160px;

    vertical-align:middle;

    }

#titel #ueberschrift h1 {

    font-size:2.5em;

    }

#titel #stalogo {             /* Container für Logo im Titel */

    position:absolute;
    top:0;
    left:7px;
    padding:0;
    z-index:1;

    }

#titel #hd_bild {             /* Container für Heidelbergbild im Titel */

    position:absolute;
    top:0;
    right:0;
    padding:0;
    z-index:1;
    height:100%;

    }

#titel #hd_bild img {             /* Heidelbergbild im Titel */

    height:100%;

    }

/* ENDE --- Titelbereich -- eigener DIV */


/* nicht sichtbare Sprungmarken für Screenreadernutzer etc. (Im Titelbereich) */

a.sprungmarke,
a.sprungmarke:hover {

    position:absolute;
    bottom:10px;
    left:10px;
    color:#ffed88;
    background-color:#ffed88;
    font-weight:bold;
    text-decoration:none;
    z-index:1;

    }

a.sprungmarke:focus {

    color:#880048;
    z-index:3;

    }

/* --- Ende Definition Kopf --- */



/* --- Definitionen für den Inhalt --- */

/* DIV Container -unsichtbar- über komplette Breite */

#unten {

    z-index:1;
    position:absolute;
    border-width:0;
    top:200px;
    left:20px;
    width:95%;
    padding-bottom:40px;
    background-color:#440024;

    }

/* DIV Container für den Inhalt */

#unten #inhalt {

    margin:0 0 0 180px;
    padding:20px 40px;
    overflow:hidden;

    }

#unten #inhalt .start { /* NUR Startseite */

    padding:20px;

    }

/* --- Definitionen Nebennavigation im Inhalt --- */

#unten #inhalt #nebennavigation {

    margin:-10px 0 0 0;
    list-style-type:none;

    }

#unten #inhalt #nebennavigation li {

    display:inline;

    }


#unten #inhalt #nebennavigation a { /* Schalter Nebennavigation allgemein */

    text-align:center;
    text-decoration:none;
    border:solid 1px;
    border-color: #FFFADD #756400 #756400 #FFFADD;
    font-weight:bold;
    margin:2px 2px;
    padding:2px 10px;
    font-size:0.9em;
    float:left;

    }

#unten #inhalt #nebennavigation a:link { /* Schalter ..... */

    color:#440024;

    }

#unten #inhalt #nebennavigation a:visited { /* Schalter besuchte Links */

    color:#440024;

    }

#unten #inhalt #nebennavigation a:hover,
#unten #inhalt #nebennavigation a:focus,
#unten #inhalt #nebennavigation a.aktiv { /* aktive Schalter (Maus, Tastatur, class für aktuelle Seite) */

    color:#880048;
    border:solid 1px;
    border-color: #756400 #FFFADD #FFFADD #756400;
    background-color:#fff1aa;

    }

/* --- Ende Nebennavigation --- */

div.inhaltrahmen {  /* Definition der Div-Container im Inhaltsbereich */

    padding:10px;
    background-color:#fff1aa;
    border:#440024 solid 1px;
    margin:10px 20px 20px 40px;

    }

div.bild {  /* Definition der Div-Container für Bilder mit Quellenhinweis */

    background-color:#fff1aa;
    border:0;
    margin-left:20px;
    margin-bottom:10px;
    float:right;
    font-size:0.8em;

    }

div.startlinks { /* Definition der Div-Container im Inhaltsbereich auf der Startseite */

    clear:both;
    float:left;
    width:45%;
    height:300px;
    margin:20px 0;

    }


div.startrechts {

    float:right;
    width:45%;
    height:300px;
    margin:20px 0;

    }

td,th {            /* Tabellen -- im Inhaltsbereich */

    color:#440024;
    border:solid 2px;
    border-color:#ffed88;
    vertical-align:top;
    padding:5px;
    background-color:#fff1aa;

    }

table {

    border:solid 2px;
    border-color:#ffed88;

    }

ul.kontakt {           /* Listen -- im Inhaltsbereicht */

    list-style-type:none;

    }

li.leitung {           /* Listenpunkte -- im Inhaltsbereich */

    margin:0;
    padding-top: 5px

    }

/* --- Formularfelder -- im Inhaltsbereich --- */

input,
select,
textarea {

    font-family:"Times New Roman",serif;
    color:#440024;
    margin:0 0 5px 0;
    background-color:#FFF8CA;
    border:solid 1px;
    border-color: #756400 #FFFADD #FFFADD #756400;

    }

input.first {          /* erstes Formularfeld bei zwei nebeneinanderliegenden Feldern */

    margin-left:0px;

    }

input.button {         /* Eingabebutton anderes Aussehen */

    text-align:center;
    background-color:#ffed88;
    border:solid 1px;
    border-color: #FFFADD #756400 #756400 #FFFADD;
    font-weight:bold;
    font-size:0.9em;
    width:140px;

    }


/* ENDE Formularfelder */

#unten #inhalt img.logo {   /* Logos -- auf Linkseite */

    float: left;
    clear: left;
    vertical-align:text-top;
/*  margin:12px 0px 0px 0px;  */

    }

#unten #inhalt ul.link { /* Text auf Linkseite */

    margin-left: 100px;

    }

#unten #inhalt span.link { /* Überschrift 3 auf Linkseite */

    margin-left: 10px;

    }

#unten #inhalt li {    /* Aufzählungspunkte -- auf Linkseite */

    margin:5px 0 0 0;

    }


/* DIV Container für den Fuss mit Copyrighthinweis */

#unten #fuss {

    padding:10px 10px 10px 20px;
    margin:20px 0 0 180px;
    height:31px;
    overflow:visible;

    }

/* --- ENDE Inahltsbereich ---/



/* --- Definitionen für die Navigation --- */

/* DIV Container für Navigation (linke Spalte) */

#navigation {

    z-index:2;
    position:absolute;
    top:200px;
    left:20px;
    width:150px;
    padding:5px;

    }

#navigation #haupt {   /* Hauptnavigationspunkte */

    list-style-type:none;
    margin:0 0 30px 0;
    padding:0;

    }

#navigation #unter {   /* Unternavigationspunkte */

    list-style-type:none;
    margin:0 0 0 -3px;
    padding:0;

    }

#navigation #haupt li, /* Auzählungszeichen der Haupt- und Unternavigationspunkten */
#navigation #unter li {

    margin:0;
    padding:3px;

    }

/* Definition der Schalter */

#navigation #haupt a {          /* Schalter Hauptnavigation allgemein */

    display: block;
    text-align:center;
    text-decoration:none;
    border:solid 1px;
    border-color: #FFFADD #756400 #756400 #FFFADD;
    font-weight:bold;
    margin:2px 0;
    padding:2px;
    font-size:1.1em;
    width:140px;

    }

#navigation #unter a {           /* Schalter Unternavigation allgemein */

    display: block;
    text-align:center;
    text-decoration:none;
    border:solid 1px;
    border-color: #FFFADD #756400 #756400 #FFFADD;
    font-weight:bold;
    margin:2px 0;
    padding:2px;
    font-size:0.9em;
    width:140px;

    }

#navigation #haupt a:link,       /* Schalter ..... */
#navigation #unter a:link {

    color:#440024;

    }

#navigation #haupt a:visited,    /* Schalter besuchte Links */
#navigation #unter a:visited {

    color:#440024;

    }

#navigation #haupt a:hover,      /* aktive Schalter (Maus, Tastatur, class für aktuelle Seite) */
#navigation #haupt a:focus,
#navigation #unter a:hover,
#navigation #unter a:focus,
#navigation #haupt a.aktiv,
#navigation #unter a.aktiv {

    color:#880048;
    border-color: #756400 #FFFADD #FFFADD #756400;
    background-color:#fff1aa;

    }

/* -------------------------------------------------------------------------------------*/
/* nur während der Entwicklungsphase, danach class löschen !! AUCH IN DEN DOKUMENTEN !! */
/**/ #unten #inhalt #nebennavigation a.inaktiv:hover,                                 /**/
/**/ #unten #inhalt #nebennavigation a.inaktiv:focus,                                 /**/
/**/ #navigation #haupt a.inaktiv:hover,                                              /**/
/**/ #navigation #haupt a.inaktiv:focus,                                              /**/
/**/ #navigation #unter a.inaktiv:hover,                                              /**/
/**/ #navigation #unter a.inaktiv:focus {                                             /**/
/**/                                                                                  /**/
/**/     background-color:#ffed88;                                                    /**/
/**/     color:#440024;                                                               /**/
/**/     border-color: #FFFADD #756400 #756400 #FFFADD;                               /**/
/**/                                                                                  /**/
/**/     }                                                                            /**/
/* -------------------------------------------------------------------------------------*/

/* --- ENDE Navigation --- */