/* ----- Body ---- */

body {
text-align:center;
margin:0; 
padding:0;
font-family: sans-serif;
color:#000; 
background-color:#fff; 
line-height: 1.5;
} 


/* ----- Grundformatierungen (hX, p, em, strong, ... ---- */

h1 {
font-family: Garamond,Verdana,Helevetiva,Arial,Trebuchet,Tahoma,sans-serif;
color:#B30838;
font-size:1.4em;
/* border-bottom:1px solid #EEC8D2; */
background-color:transparent;
margin-bottom: 6px;
padding-bottom: 0;
/* letter-spacing: 0.3em; */
}

h2 {
font-family: Arial,Trebuchet,Tahoma,sans-serif;
color:#C58390;
font-weight: bold;
font-size:1.1em;
background-color:transparent;
margin-top: 0;
padding-top: 0;
border-bottom:1px solid #EEC8D2;
}

h3 {
font-family: Verdana,Helevetiva,Arial,Trebuchet,Tahoma,sans-serif;
color:black;
font-size:1em;
background-color:transparent;
}

p {
max-width:1000px;
/*padding: 0 10px 12px 15px;*/
}

/* ----- Links ----- */

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

a:hover {
color:red;
text-decoration:none;
}

a:visited, a:active {
color:gray;
}


a.autor:link {
color:gray;
text-decoration:underline;
}
a.autor:hover {
color:red;
text-decoration:none;
}
a.autor:visited a.autor:active {
color:gray;
}


/* ----- Layoutboxen (divs, spans,...) ---- */

div.top {
text-align:left;
padding: 0px;
}

div.main-menu {
width:225px;
float: left;
text-align:left;
padding-bottom: 3px;
border-bottom: solid #95CFF5 2px;
}

div.csc-textpic {clear: both;}

div.rubriken {
float:right;
margin:0;
padding:2px 0 0 0;
width:179px;
height:66px;
text-align:right;
}

div.left-block {
position: absolute;
left:0px;
margin-top: 1px;
width: 225px;
text-align:left;
min-height: 100px;
background-color: white;
overflow: hidden;
}

div.main-block {
position: absolute;
left: 225px;
min-width: 550px;
width:auto;
padding-right: 1em;
padding-left: 1em;
text-align:left;
}

p.Hinweis-web-only {
margin-right: 30%;
margin-left: 2em;
font-size: smaller;
font-style: italic;
}

div.right-block {
float:right;
width:170px;
text-align:left;
border:1px solid #000;
}

div.bottom {
clear:both;
text-align:center;
padding:1px 0 4px 0;
font-weight:bold;
font-size:0.8em;
background-color:#E6E6E6;
color:#000;
border-top:1px solid #000;
border-bottom:1px solid #000;
width:auto;
}


/* ----- Navigationslayout (wcms) ----- */

ul.main-menue {
        list-style: none;
width:100%;
        padding: 3px 0;
        margin: 0;
        background-color: #DCE5EB;
        border-top: 1px solid #95CFF5;
        border-bottom: 1px solid #95CFF5;
        border-right: 1px solid #95CFF5;
        font: bold 12px Verdana, sans-serif;
}
ul.main-menue li {
clear: both;
}
ul.main-menue li.level1 {
        padding: 3px 0.5em;
        border-bottom: none;
        margin: 0;
        text-decoration: none;
        margin-left: 0px;
}
ul.main-menue li.level2 {
        padding: 3px 0.5em;
        border-bottom: none;
        margin: 0;
        text-decoration: underline;
        margin-left: 5px;
}
ul.main-menue li.level3 {
        padding: 3px 0.5em;
        border-bottom: none;
        margin: 0;
        font-weight:normal;
        text-decoration: underline;
        margin-left: 10px;
}
ul.main-menue li.level4 {
        padding: 3px 0.5em;
        border-bottom: 1px dotted #95CFF5;
        margin: 0;
        text-decoration: none;
        margin-left: 10px;
        font-weight:normal;
}
ul.main-menue a {
clear: both;
display: block;
        background: #DCE5EB;
        text-decoration: none;
/* Das folgende ist nur wegen eines Bugs im IE nötig; der kommt sonst mit
seinem Boxenmodell durcheinander und macht den Text zu breit. */
        border-right: solid #DCE5EB 1px;
}
ul.main-menue a:link { color: #0072BC; }
ul.main-menue a:visited { color: #0072BC; }
ul.main-menue a:hover {
        color: #0072BC;
        background: white;
}

/* Das ist -- wie oben -- nur wegen eines Bug im IE nötig. */

span.main-menue-highlighted { 
        border-right: solid #DCE5EB 1px;
}

/* Sonstiges*/

div.float-left, div.artikel-bild-without-caption {
float: left;
/*background-color:black;*/
margin-right: 1em;
margin-top: 0.5em;
margin-bottom: 0.5em;
clear: both;
}

img.artikel-bild, img.artikel-bild-without-caption {
background-color:#f6f6f6;
padding: 0;
margin: 0;
}

div.float-left, img.artikel-bild-without-caption {
border: 1px solid #c0c0c0;
border-left: 6px solid #c0c0c0;
border-top: 0;
background: #EEEAE6;
}

p.caption {
margin: 0px;
text-align: left;
font-size:0.8em;
padding:5px;
width: 290px;   /* FixMe: Provisorisch! */
}

img {
border:0px;
}

p.metazeile {
font-family: Verdana,Helevetiva,Arial,Trebuchet,Tahoma,sans-serif;
font-weight: bold;
color:gray;
font-size:.9em;
background-color:transparent;
}

div.RWTH-Disclaimer {
clear: both;
padding-top: 1ex;
text-align: right;
font-size: xx-small;
}

div.Schlagwort-Logo { float: right; margin: 0; margin-left: 2em; margin-bottom: 1.6ex;
                      font-size: x-large; font-weight: bold }
span.Schlagwort-Logo-dunkel { color: black }
span.Schlagwort-Logo-hell { color: gray }

/* ----- Verschiedene Varianten des Inhalsverzeichnisses einer Ausgabe ----- */

/* ausgabe-naviagtion:       Ein Inhaltsverzeichnis links in der Navigations-Spalte
   ausgabe:                  Sonst, z.Zt. für die "aktuelle Ausgabe" und innerhalb der
                             Gesamtliste

   Gesamtinhaltsverzeichnis: Die Top-Level-Liste für die Einzelausgaben (Archiv)
*/

ul.ausgabe, ul.ausgabe-navigation, ul.Gesamtinhaltsverzeichnis {
list-style: none;
}

/* In der Navigationsspalte soll's nicht eingerückt sein */
ul.ausgabe-navigation { padding-left: 0px; margin-left: 0px }

li.Gesamtinhaltsverzeichnis {
margin-bottom: 1em;
}

p.Jahresliste { margin-top: 1ex; margin-bottom: 1ex; font-size: large }
span.Jahresliste, strong.Jahresliste-highlighted { margin-right: 0.7em }
strong.Jahresliste-highlighted { font-size: x-large }

ul.ausgabe a, ul.ausgabe-navigation a {
text-decoration: none;
}

ul.ausgabe-navigation li { border-bottom: dashed gray 1px }
ul.ausgabe-navigation { border-top: dashed gray 1px }

span.ausgabe-navigation-einleitungszeile { font-style: italic }

div.ausgabe {
margin-top: 2ex;
}

div.ausgabe-inhaltsverzeichnis-navigation { margin-left: 0.5em }

img.RedaktionBild { float: left;
vertical-align: middle;
padding: 0px 15px 20px 0;
width:200px;
}

/* ----- Veranstaltungskalender ----- */

div.party { background: #f6f6f6; border-left: 5px solid #a3a3a3; margin-left: 2em;
            padding-left: 1em; padding-right: 1em;
            margin-bottom: 1ex }

p.party-date { font-weight: bold; font-size: larger; color: #C58390 }

p.party-name { font-weight: bold; padding-top: 0.5ex }

p.party-time-location { }

p.party-description {  padding-bottom: 1ex }


/* ----- Kinoprogramm ----- */

div.kinofilm { background: #f6f6f6; border-left: 5px solid #a3a3a3; margin-left: 2em;
               padding-left: 1em; padding-right: 1em;
               margin-bottom: 1ex }

p.kinoprogramm-datum { font-weight: bold; font-size: larger; color: #C58390 }

p.kinoprogramm-filmtitel { font-weight: bold; padding-top: 0.5ex }

p.kinoprogramm-zeit-und-ort { }

p.kinoprogramm-beschreibung { padding-bottom: 1ex }


/* ----- Kurzbeschreibungen der Autoren unter dem Artikel ----- */

div.autoren-infoboxen { clear: both; margin-top: 2ex; border-top: 1px solid #a3a3a3; }

div.autor-infobox { clear: right; padding-top: 1ex }

img.autor-bild { width: 100px; float: right; margin-left: 1.5em }

p.autor-kurzbeschreibung { margin-left: 30%; font-style: italic;
                           text-align: right;
                           padding-top: 0pt; margin-top: 0pt }