/* -*- coding: iso-latin-1 -*-
#bab9b5: hellgrau, wie mittelstreifen
#87877f: dunkelgrau, wie streifen rechts
#4a4a45: dunkelgrauer, highlight für navi mittelstreifen
#285099: linkblau
schwarz, weiß
*/

@import url(/css/layout.css);

/* text in überschriften verstecken */
h3 span, h2 span { 
  display:none; 
}

#aktuell { 
/*  padding-top:215px; */
  position:absolute;
  bottom:40px;
  width:353px;
}

#aktuell h3 {
  border-bottom:1px solid black;
  border-right:1px solid black;
  font-weight:bold; 
  letter-spacing:0.15em;
  text-align:right;
  padding:0 1ex .5ex 0;
  margin:0 0 1ex -25px;
/*  text-transform:uppercase; */
  text-transform:lowercase;
/*  color:#87877f;*/
  color:black;
}

#aktuell .today {
  background:black;
  color:white;
  padding:0 .5ex;
}

#aktuell #rezensionen .beschreibung { 
  color:black;
}

/*
 * angaben zur formatierung der dynamisch generierten inhalte
 */

h2.header {
  margin:0 0 4em 0;
}

h2.linked-header {
  margin:0; padding:0;
}

h2.linked-header a {
  display:block;
  margin:0 0 4em 0;
  text-indent:-100em;
}

h2.linked-header a:active,
h2.linked-header a:focus {
  border:0;
  -moz-outline:0;
}

.liste {
}

.liste h3 {
  font-weight:normal;
  color:black;
  text-transform:uppercase;
}

.eintrag {
  margin: 0 0 1em 0;
  clear:both;
}

.datum {
  color:black;
}

.titel, a.titel {
  font-size:100%;
  margin:0 0 10px 0;
  font-weight:normal;
  color:black;
  text-transform:uppercase;
}

.titel a {
  text-transform:lowercase;
  margin:0 0 0 1ex;
}

.untertitel {
}

.bild {
  float:left;
  margin:0 8px 10px 0;
  border:0;
}

.beschreibung {
  color:black;
  text-transform:lowercase;
}

.feldname {
  font-weight:bold;
}

.teaser {
  margin:0 0 2em 0;
}

.teaser h3 {
  text-transform:uppercase;
  border-bottom:1px solid #BAB9B5;
  padding:0 0 0.5ex 0;
  margin:0 0 0.6ex 0;
}

.teaser h3 .links {
  display:block;
  float:right;
  width:50%;
  text-transform:lowercase;
  text-align:right;	
}

.teaser .eintrag {
  margin:0;
}

.contentnavigation {
  text-transform:uppercase;
  margin:0 0 3em 0;
}

.contentnavigation .aktiv {
  color:black;
}

.contentnavigation a {
  color:#87877f;
}

.abisz {
  border:1px solid #BAB9B5;
  padding:4px;
  margin:0 0 1em 0;
  clear:both;
}

.abisz a {
  color:#87877f;
  text-transform:uppercase;
}

.abisz .titel {
  color:black;
}

.abisz .aktiv {
  color:black;
  text-transform:uppercase;
}

#reaktion h2.header {  
  width:106px; height:29px;
  background:url(/img/menuetitel/reaktion.gif) no-repeat;
}

#reaktion .kommentar { 
  color:black;
}

#gespraeche h2.linked-header a { 
  width:124px; height:30px;
  background:url(/img/menuetitel/gespraeche.gif) no-repeat;
}

#gespraeche .titel { 
  margin:0;
}

#gespraeche .untertitel { 
  font-weight:normal;
}

#gespraeche .eintrag { 
  margin:0;
}

#gespraeche .eintrag .datum, 
#gespraeche .eintrag .beschreibung { 
  color:#87877f;
}

#gespraeche .interview .gespraechsteilnehmer { 
  color:black;
}

#gespraeche .interview .antwort .gespraechsteilnehmer { 
  text-transform:uppercase;
}

#gespraeche .interview p { 
  margin:.25ex 0 1ex 2ex;
}

#gespraeche strong { 
  font-weight:normal;
  text-transform:uppercase;  
}

#labelneuerscheinungen h2.linked-header a {
  height:29px;
  background:url(/img/menuetitel/labelneu.gif) no-repeat;
}

#rezensionen h2.linked-header a {
  height:29px;
  background:url(/img/menuetitel/rezensionen.gif) no-repeat;
}

#suchergebnisse h2.header {
  height:27px;
  background:url(/img/menuetitel/suchergebnisse.gif) no-repeat;
}

#labelneuerscheinungen .liste {
  border:1px solid #BAB9B5;
  padding:4px;
  margin:0 0 1em 0;
}

#rezensionen .liste { 
}

#labelneuerscheinungen .liste h3,
#rezensionen .liste h3 {
  font-weight:bold;
  margin:0 0 1ex 0;
}

#labelneuerscheinungen .liste .eintrag {
  margin:0;
}

#rezensionen .liste .eintrag  { 
  margin:0 0 1ex 0;
}

#labelneuerscheinungen .teaser .beschreibung, 
#rezensionen .teaser .beschreibung { 
  color:#87877f;
}

#labelneuerscheinungen .teaser .datum,
#rezensionen .teaser .datum { 
  margin-right:1ex;
}

#labelneuerscheinungen .eintrag .titel,
#rezensionen .eintrag .titel { 
  font-weight:normal;
  margin:0;
}

#labelneuerscheinungen .eintrag .untertitel,
#rezensionen .eintrag .untertitel { 
  font-weight:normal;
  color:black;
  text-transform:lowercase;
  margin:0 0 1ex 0;
}

#labelneuerscheinungen .eintrag .bild,
#rezensionen .eintrag .bild { 
  padding:2px; 
  border:1px solid #87877f;
}

#labelneuerscheinungen .eintrag .beschreibung,
#labelneuerscheinungen .eintrag .datum,
#rezensionen .eintrag .beschreibung,
#rezensionen .eintrag .datum { 
  color:#87877f;
}

#labelneuerscheinungen .eintrag .feldname,
#rezensionen .eintrag .feldname { 
  font-weight:normal;
  color:black;
}

#rezensionen h2.header {
  width:152px; height:29px;
  background:url(/img/menuetitel/rezensionen.gif) no-repeat;
}

#label h2.linked-header a {
  height:29px;
  background:url(/img/menuetitel/labels.gif) no-repeat;
}

#label .eintrag { 
}

#label .eintrag .bild { 
  padding:2px; 
  border:1px solid #87877f;
  /* float:right; */
}

#label .eintrag .teaser { 
  margin:0 0 1em 0;
}

#label .eintrag .beschreibung { 
  color:#87877f;
  clear:both;
}

#label .eintrag .titel { 
  margin-bottom:0;
}

#label .eintrag .untertitel { 
  font-weight:normal;
  color:black;
  margin-bottom:1em;
}

#label .eintrag .feldname { 
  color:black;
  font-weight:normal;
}

#label .liste .eintrag { 
  margin:0;
}

#magazine h2.linked-header a {
  height:29px;
  background:url(/img/menuetitel/magazine.gif) no-repeat;
}

#magazine .eintrag {
  margin:0 0 2em 0;
}

#magazine .untertitel {
  color:#87877F;
  text-transform:lowercase;
  font-weight:normal;
}

#magazine .be_only { 
  display:none;
}

#magazine .feldname { 
  color:black;
  font-weight:normal;
}

#magazine .logo { 
  float:right;
}

/* bild ist 72px breit + 8px rand -> 80px rand links, aber, wir 
* brauchen es nicht (und der rand wird nur für die links angezeigt,
 * warum?)
 */
#magazine .eintrag .beschreibung, #magazine .eintrag .inhalt
{
  margin-left:0px; 
}

#magazine .eintrag:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* Hides from IE-mac \*/
* html #magazine .eintrag { height:1%; }
/* End hide from IE-mac */


#konzert h2.linked-header a {
  height:30px;
  background:url(/img/menuetitel/konzerte.gif) no-repeat;
}

.eintrag .caption { 
  color:black;
  font-weight:bold;
}

.eintrag .stopper { 
  position:relative;
  border:1px solid #bab9b5;
  padding:8px 8px;
  margin:1.7em 0 1.2em 0;
}

.eintrag .stopper .caption { 
  color:inherit; font-weight:inherit;
  position:absolute;
  top:-.9em;
  background:white;
  padding:0 2px;
  
}

.eintrag .aenderung { 
  color:black;
  margin-left:2ex;
}

.verschoben .eintrag,
.faellt-aus .eintrag { 
  text-decoration:line-through;
}

#funk h2.header {
  height:30px;
  background:url(/img/menuetitel/funk.gif) no-repeat;
}

#funk h2.linked-header a {
  height:30px;
  background:url(/img/menuetitel/funk.gif) no-repeat;
}

#kultur h2.header {
  height:30px;
  background:url(/img/menuetitel/kultur.gif) no-repeat;
}

#kultur h2.linked-header a {
  height:30px;
  background:url(/img/menuetitel/kultur.gif) no-repeat;
}

#tanz h2.header {
  height:30px;
  background:url(/img/menuetitel/tanz.gif) no-repeat;
}

#tanz h2.linked-header a {
  height:30px;
  background:url(/img/menuetitel/tanz.gif) no-repeat;
}

#meldung h2.linked-header a {
  height:30px;
  background:url(/img/menuetitel/meldungen.gif) no-repeat;
}

#verweise h2.linked-header a {
  height:30px;
  background:url(/img/menuetitel/verweise.gif) no-repeat;
}

#verweise .eintrag {
  margin:0;
}

#kontakt h2.header { 
  height:30px;
  background:url(/img/menuetitel/kontakt.gif) no-repeat;
  margin-bottom:291px;
}

#kontakt h4 { 
  margin:0;
}

#kontakt div { 
  margin:0 0 1em 0;
}

#rueckschau h2.linked-header a { 
  height:30px;
  background:url(/img/menuetitel/rueckschau.gif) no-repeat;
}

#impressum h2.header { 
  height:30px;
  background:url(/img/menuetitel/impressum.gif) no-repeat;
  margin-bottom:301px;
}

#impressum h4 { 
  margin:0;
}

#impressum div {
  margin:0 0 1em 0;
}

#rundbrief h2.header { 
  margin-bottom:301px;
  height:30px;
  background:url(/img/menuetitel/rundbrief.gif) no-repeat;
}

#rundbrief input.text { 
  border:1px solid #bab9b5;
  margin:2px 0;
  color:#87877f;
  padding:0.2ex 1ex;
}

#rundbrief input.submit { 
  /* background:#bab9b5; border:0; color:white; */
  background:white; font-weight:bold; border:1px solid #bab9b5; color:#87877f;
  padding:1px;
  margin:2px 0;
  /* letter-spacing:0.05em; */
}

#rundbrief .warnung { 
  color:#f00;
}

#rundbrief .checkbox-align label { 
  /* position:relative;
     top:-0.5ex; */
}

#ironflameradio h2.header { 
  width:186px; height:30px;
  background:url(/img/menuetitel/ironflameradio.gif) no-repeat;
  margin-bottom:250px;
}

#popup .eintrag .untertitel { 
  font-weight:normal;
}

.galerie { 
  margin:0 0 2em 0;
}

.galerie h3 { 
  margin-bottom:1em;
}

.galerie img { 
  border:0;
  margin:0 3px 3px 0;
}

#suchergebnisse .info { 
  margin:0 0 1em; 
  text-transform:uppercase;
  color:black;
}

#suchergebnisse form {
  margin:0 0 3em 0;
}

#suchergebnisse input.text,
#suchergebnisse input.submit,
#suchergebnisse select { 
  border:1px solid #bab9b5;
  color:#87877F;  
  background:white;
}

#suchergebnisse input.text { 
  margin:0 1ex 0 0;
}

#suchergebnisse input.submit { 
  font-weight:bold; 
}

#suchergebnisse .field { 
  margin:0 0 .5em 0;
}

#suchergebnisse .item { 
  margin:0 0 2em 0;
}

#suchergebnisse .item .title a {
  font-weight:bold;
  color:#87877F;
}

#suchergebnisse .item .title .date { 
  font-size:90%;
}

#suchergebnisse .item .excerpt { 
  margin:0 0 0 2ex;
}

#suchergebnisse .active { 
  color:black; font-weight:bold;
}

#fehler h2.header { 
  width:124px; height:30px;
  background:url(/img/menuetitel/fehler.gif) no-repeat;
}

#wgt h2.header {  
  width:232px; height:31px;
  background:url(/img/menuetitel/wgt.gif) no-repeat;
  
}