/* http://www.recycling-hoefe-bremen.de
   Begonnen am 23.2.2006
   */

/* body
--------------------------------------------------------------------*/
*
{
font-family: Arial, Helvetica, "Trebuchet MS", Verdana, Sans-Serif;
margin:0;
padding:0;
/*border:1px solid red !important;*/
}

body
{
font-size:100.1%;
background-color:#47a;
min-width:770px;
}

img
{
border:0;
}

/* Seitenkopf
--------------------------------------------------------------------*/
div#seitenkopf
{
background:url(../illus/topx.png) repeat-x;
margin:0;
padding:5px;
width:100%;
text-align:center;
color:#cef;
font-size:.7em;
font-weight:bold;
}

div#seitenkopf a
{
color:#cef;
}

    div#seitenkopf a:hover
    {
    color:#4f0;
    text-decoration:none;
    }

div#seitenkopf div.seitenkopf-illu a img
{
margin:5px 10px;
}

div#seitenkopf p.seitenkopf-unterzeile
{
margin:10px auto;
}

/* Navigationsleiste linke Spalte
--------------------------------------------------------------------*/
div#sidenav
{
clear:both;
font-size:.8em;
margin:-2px 0 5px .5em; /*5px*/
float:left;
width:17em;/* 17 x .8 = 13.6em -> margin-left seiteninhalt = 14.4em */
display:inline;
}

div#sidenav ul
{
list-style-type:none;
}

div#sidenav li
{
margin:2px 0 0 0;
}

div#sidenav li.abstandhalter
{
margin:.8em 0 0 0;
}

div#sidenav li.abstandhalterdoppelt
{
margin:3.2em 0 0 0;
}

div#sidenav a /*Anwaehlbare Buttons 1. Ebene*/
{
display:block;
padding:.3em 4%; /*5px 10px*/
width:90%; /*195px*/
color:white;
background-color:#036; /* Farbe #1, Hauptebene */
text-decoration:none;
}

    div#sidenav a:hover
    {
    color:black;
    background-color:#cef; /* Farbe #3, Hovereffekt */
    }

div#sidenav a.titel /*Nicht anwaehlbarer Button ganz oben (ohne href!) */
{
font-weight:bold;
font-size:1.2em;
color:#cef;
background-color:#036; /* Farbe #1, Hauptebene */
}

    div#sidenav a.titel:hover
    {
    color:black;
    background-color:#cef; /* Farbe #3, Hovereffekt */
    }

div#sidenav a.gr-top /*Anwaehlbare Buttons mit Untermenue 1. Ebene*/
{
font-weight:bold;
color:#cef;
background-color:#036; /* Farbe #1, Hauptebene */

background-image:url(../illus/pfeil-1.gif);
background-repeat: no-repeat;
background-position: right;
}

    div#sidenav a.gr-top:hover /*Nicht anwaehlbare Buttons 1. Ebene*/
    {
    color:black;
    background-color:#cef; /* Farbe #3, Hovereffekt */
    }

div#sidenav ul ul li
{
margin:0;
}

div#sidenav ul ul a /*Anwaehlbare Buttons 2. Ebene*/
{
text-indent:4%;
color:white;
background-color:#258; /* Farbe #2, 1. Unterebene */
}

    div#sidenav ul ul a:hover
    {
    color:black;
    background-color:#cef; /* Farbe #3, Hovereffekt */
    }

div#sidenav a.kommentar, div#sidenav a.kommentar:hover /* Nicht anwählbare Kommentare am unteren Ende der Liste (ohne href!) */
{
color:#258;
background-color:transparent;
}

div#sidenav a.beb
{
color:#ecfbe6;
background-color:#a0001c;
}

    div#sidenav a.beb:hover
    {
    color:black;
    background-color:#ecfbe6;
    }

div#sidenav ul ul a.beb
{
background-color:#a0001c;
}

    div#sidenav ul ul a.beb:hover
    {
    color:black;
    background-color:#ecfbe6;
    }

/* Seitenabhängige Formatierungen in der Navigation */

/* Auf jeder Seite den dazugehörigen Menüpunkt hervorheben (Format für a-Tags) */
#n-ind .n-ind, #n-akt .n-akt, #n-ueu .n-ueu, #n-rfiw .n-rfiw, #n-rfim .n-rfim, #n-hae .n-hae, #n-nen .n-nen, #n-rfib .n-rfib, #n-rhew .n-rhew, #n-rhem .n-rhem, #n-rheb .n-rheb, #n-rhuw .n-rhuw, #n-rhum .n-rhum, #n-rhub .n-rhub, #n-kad .n-kad, #n-imp .n-imp, #n-swv .n-swv
{
background:#f8f8f8 !important;
color:#f00 !important;
font-weight:bold;
border-right:2px solid #f60;
}

/* Extraformat Gruppenüberschriften (Format für a-Tags) */
/* Markierter Hintergrund, Seitenmarkierung und aufgeklappter Pfeil für die erste Seite */
#n-rfi .n-rfi, #n-rhe .n-rhe, #n-rhu .n-rhu, #n-kem .n-kem
{
background:#f8f8f8 !important;
color:#f00 !important;
font-weight:bold;
border-right:3px solid #f60;

background-image:url(../illus/pfeil-2.gif) !important;
background-repeat: no-repeat !important;
background-position: right !important;
}

/* Extrawurst BEB-Untermenü */
#n-beb .n-beb
{
background:#dbead5 !important;
color:#c20024 !important;
font-weight:bold;
border-right:3px solid #f60;

background-image:url(../illus/pfeil-2.gif) !important;
background-repeat: no-repeat !important;
background-position: right !important;
}

/* Seitenmarkierung für die unteren Seiten auf der ersten Seite */
#n-rfi .n-rfiw, #n-rfi .n-rfim, #n-rfi .n-hae, #n-rfi .n-nen, #n-rfi .n-rfib,
#n-rhe .n-rhew, #n-rhe .n-rhem, #n-rhe .n-rheb,
#n-rhu .n-rhuw, #n-rhu .n-rhum, #n-rhu .n-rhub,
#n-kem .n-kad,
#n-beb .n-bebli
{
border-right:3px solid #f60;
}

/* Aufgeklappter Pfeil für die erste Seite auf den unteren Seiten */
#n-rfiw .n-rfi, #n-rfim .n-rfi, #n-hae .n-rfi, #n-nen .n-rfi, #n-rfib .n-rfi,
#n-rhew .n-rhe, #n-rhem .n-rhe, #n-rheb .n-rhe,
#n-rhuw .n-rhu, #n-rhum .n-rhu, #n-rhub .n-rhu,
#n-kad .n-kem
{
background-image:url(../illus/pfeil-2.gif) !important;
background-repeat: no-repeat !important;
background-position: right !important;
}

/* auf id="n-rfi" die Untermenüpunkte für rhe, rhu, kem und beb ausblenden (Format für li-Tags, a-Tags blendet der IE6 nicht korrekt aus, Opera8.5 und FF1.5 schon.) */
#n-rfi .nl-heli, #n-rfi .nl-huli, #n-rfi .nl-kad, #n-rfi .nl-bebli
{
display:none;
}

/* auf den Unterseiten von id="n-rfi" die Untermenüpunkte für rhe, rhu, kem und beb ausblenden (Format für li-Tags) */
#n-rfiw .nl-heli, #n-rfiw .nl-huli, #n-rfiw .nl-kad, #n-rfiw .nl-bebli,
#n-rfim .nl-heli, #n-rfim .nl-huli, #n-rfim .nl-kad, #n-rfim .nl-bebli,
#n-hae .nl-heli, #n-hae .nl-huli, #n-hae .nl-kad, #n-hae .nl-bebli,
#n-nen .nl-heli, #n-nen .nl-huli, #n-nen .nl-kad, #n-nen .nl-bebli,
#n-rfib .nl-heli, #n-rfib .nl-huli, #n-rfib .nl-kad, #n-rfib .nl-bebli
{
display:none;
}

/* auf id="n-rhe" die Untermenüpunkte für rfi, rhu, kem und beb ausblenden (Format für li-Tags) */
#n-rhe .nl-fili, #n-rhe .nl-huli, #n-rhe .nl-kad, #n-rhe .nl-bebli
{
display:none;
}

/* auf den Unterseiten von id="n-rhe" die Untermenüpunkte für für rfi, rhu, kem und beb ausblenden (Format für li-Tags) */
#n-rhew .nl-fili, #n-rhew .nl-huli, #n-rhew .nl-kad, #n-rhew .nl-bebli,
#n-rhem .nl-fili, #n-rhem .nl-huli, #n-rhem .nl-kad, #n-rhem .nl-bebli,
#n-rheb .nl-fili, #n-rheb .nl-huli, #n-rheb .nl-kad, #n-rheb .nl-bebli
{
display:none;
}

/* auf id="n-rhu" die Untermenüpunkte für rfi, rhe, kem und beb ausblenden (Format für li-Tags) */
#n-rhu .nl-fili, #n-rhu .nl-heli, #n-rhu .nl-kad, #n-rhu .nl-bebli
{
display:none;
}

/* auf den Unterseiten von id="n-rhu" die Untermenüpunkte für rfi, rhe, kem und beb ausblenden (Format für li-Tags) */
#n-rhuw .nl-fili, #n-rhuw .nl-heli, #n-rhuw .nl-kad, #n-rhuw .nl-bebli,
#n-rhum .nl-fili, #n-rhum .nl-heli, #n-rhum .nl-kad, #n-rhum .nl-bebli,
#n-rhub .nl-fili, #n-rhub .nl-heli, #n-rhub .nl-kad, #n-rhub .nl-bebli
{
display:none;
}

/* auf id="n-kem" die Untermenüpunkte für rfi, rhe, rhu und beb ausblenden (Format für li-Tags) */
#n-kem .nl-fili, #n-kem .nl-heli, #n-kem .nl-huli, #n-kem .nl-bebli
{
display:none;
}

/* auf den Unterseiten von id="n-kem" die Untermenüpunkte für rfi, rhe, rhu und beb ausblenden (Format für li-Tags) */
#n-kad .nl-fili, #n-kad .nl-heli, #n-kad .nl-huli, #n-kad .nl-bebli
{
display:none;
}

/* auf id="n-beb" die Untermenüpunkte für rfi, rhe, rhu und kem ausblenden (Format für li-Tags) */
#n-beb .nl-fili, #n-beb .nl-heli, #n-beb .nl-huli, #n-beb .nl-kad
{
display:none;
}

/* auf allen anderen Seiten die Untermenüpunkte für rfi, rhe, rhu, kem und beb ausblenden (Format für li-Tags) */
#n-ind .nl-fili, #n-ind .nl-heli, #n-ind .nl-huli, #n-ind .nl-kad, #n-ind .nl-bebli,
#n-akt .nl-fili, #n-akt .nl-heli, #n-akt .nl-huli, #n-akt .nl-kad, #n-akt .nl-bebli,
#n-ueu .nl-fili, #n-ueu .nl-heli, #n-ueu .nl-huli, #n-ueu .nl-kad, #n-ueu .nl-bebli,
#n-imp .nl-fili, #n-imp .nl-heli, #n-imp .nl-huli, #n-imp .nl-kad, #n-imp .nl-bebli,
#n-swv .nl-fili, #n-swv .nl-heli, #n-swv .nl-huli, #n-swv .nl-kad, #n-swv .nl-bebli
{
display:none;
}

/*Seiteninhalt
--------------------------------------------------------------------*/
div#seiteninhalt
{
background-color:#f8f8f8;
margin:0 .5em 0 14.4em; /* siehe div#sidenav { width:17em; } */
padding:15px;
/*Internet Explorer 6: Der Peek-a-boo Bug, dokumentiert in:
http://notizen.joergkrusesweb.de/2004-1/css-bugs.html
Ohne die folgende Zeile werden Tabellen im Bereich "Seiteninhalt"
im IE 6 bis unterhalb der Navigation verschoben angezeigt.*/
height:100%;
max-width:50em;
}

div#seiteninhalt h1
{
background-color:#bde;
font-weight:bold;
font-size:1.2em;
padding:.5em 1%;
margin:.5em 0;
}

div#seiteninhalt h1.h1beb
{
background-color:#b10020; /* cad9c4 */
color:#ffffff;
margin:0 0 .5em 0;
}

div#seiteninhalt h2
{
border:1px solid #bde;
font-weight:bold;
font-size:1.1em;
padding:.25em 1%;
margin:.25em 0;
}

div#seiteninhalt h2 a
{
text-decoration:none;
}

div#seiteninhalt h3
{
background-color:#cef;
font-style:italic;
font-size:1em;
padding:.5em 1%;
margin:.25em 0;
}

div#seiteninhalt h3.h3beb
{
background-color:#b10020; /* #dbead5 */
color:#ffffff;
margin:0 0 .25em 0;
}

div#seiteninhalt h3.h3alternativ
{
background-color:transparent;
padding:.5em 1% .25em;
border-bottom:2px solid #bde;
}

div#seiteninhalt h4
{
background-color:#8f5;
font-style:italic;
font-size:.9em;
padding:.5em 1%;
margin:.25em 0;
text-indent:1em;
}

div#seiteninhalt h5
{
font-size:1em;
padding:.25em 1% 0;
margin:.25em 0 0 0;
font-weight:bold;
}

div#seiteninhalt div.eintrag-aktuelles
{
margin-left:3em;
}

div#seiteninhalt div.divbeb
{
background-color:#dbead5;
border:1px solid #b10020;
margin:0;
padding:0;
}

div#seiteninhalt div.divbeb p
{
margin:1em;
}

div#seiteninhalt div.divbeb ul
{
list-style-type:square;
margin:.5em 1em .75em 5%;
line-height:1.4em;
}

div#seiteninhalt p
{
font-size:1em;
padding:0 1%;
margin:0 0 .65em 0;
line-height:1.3em;
}

div#seiteninhalt p.wobinich
{
color:#700;
background:transparent;
border:1px solid #eee;
font-style:italic;
font-size:.7em;
padding:2px 1%;
margin:0 0 .5em 0;
text-align:right;
}

div#seiteninhalt p.hinweis
{
background-color:#fea;
color:#b50;
font-weight:bold;
font-size:.9em;
padding:.5em 2%;
border:2px dotted #f8f8f8;
margin:.75em 0;
}

div#seiteninhalt p.terminliste /* nur Schadstoffmobil */
{
color:#530;
border:1px solid #dca;
padding:.5em 1%;
font-size:.9em;
font-weight:bold;
}

div#seiteninhalt p.terminliste .faellt-aus /* nur Schadstoffmobil */
{
text-decoration:line-through;
font-weight:normal;
}

div#seiteninhalt p.intern
{
margin:2em 0;
font-size:.8em;
font-weight:bold;
}

div#seiteninhalt p.intern a
{
text-decoration:none;
background-color:#258;
color:#fff;
border:1px solid #000;
padding:.5em 2% .5em 2%;
margin-right:2em;
}

div#seiteninhalt p.intern a:hover
{
background-color:#cef;
color:#000;
}

div#seiteninhalt ul
{
list-style-type:square;
margin:.5em 0 .75em 3%;
padding:0;
line-height:1.4em;
}

div#seiteninhalt li
{
margin-bottom:.2em;
}

div#seiteninhalt table
{
table-layout:auto;
border-collapse:collapse;
width:100%;
margin-bottom:1em;
}

div#seiteninhalt table td
{
padding:.3em .6em;
border:1px solid #cef;
line-height:1.4em;
vertical-align:top;
}

div#seiteninhalt table.fotogalerie td
{
vertical-align:bottom;
padding:5px;/*.5em 0 .5em 1%;*/
border:0;
border-bottom:1px solid #9f9f9f;
}

div#seiteninhalt table.adresse-betrieb
{
table-layout:fixed;
margin-bottom:0;
}

div#seiteninhalt table.adresse-betrieb td
{
padding:.5em 10px;
border:0;
}

div#seiteninhalt table.adresse-betrieb td p
{
line-height:1.4em;
margin-bottom:0;
}

div#seiteninhalt table.adresse-betrieb td.thumb
{
width:82px;
}

div#seiteninhalt table.adresse-betrieb td.thumb img
{
height:65px;
width:82px;
}

div#seiteninhalt p.nahverkehrsverbindung
{
font-size:.9em;
padding:0 5px;
margin:0 0 10px 0;
line-height:1.3em;
}

/*Seitenfuss
--------------------------------------------------------------------*/
div#seitenfuss
{
clear:both;
margin:0 auto;
padding:1em 0;
text-align:center;
font-size:.7em;
font-weight:bold;
color:#cef;
}

div#seitenfuss p
{
padding:.5em 0;
}