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

/*body
--------------------------------------------------------------------*/
*
{
font-family: Helvetica, Arial, "Trebuchet MS", Verdana, Sans-Serif;
margin:0;
padding:0;
}

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

img
{
border:0;
}

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

div#seitenkopf a
{
color:#fe0;
}

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

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

div#seitenkopf p.seitenkopf-unterzeile
{
padding:5px;
margin:0 auto;
}

/*Navigationsleiste linke Spalte
--------------------------------------------------------------------*/
div#sidenav
{
clear:both;
font-size:.8em;
margin:-2px 0 5px .5em; /*5px*/
float:left;
width:16em;/* 16 x .8 = 12.8em -> margin-left seiteninhalt = 13.6em */
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 a /*Anwaehlbare Buttons 1. Ebene*/
{
display:block;
padding:.3em 4%; /*5px 10px*/
width:90%; /*195px*/
background-color:#207;           /* Hauptfarbe Menübuttons*/
color:#fff;                      /* Hauptfarbe Menübuttonschrift*/
text-decoration:none;
}

    div#sidenav a:hover
    {
    background-color:#fe0;
    color:#000;
    }

div#sidenav a.titel /* Button für die Startseite, ganz oben */
{
font-weight:bold;
font-size:1.2em;
background-color:#207;
color:#fe5;
}

    div#sidenav a.titel:hover
    {
    background-color:#fe0;
    color:#000;
    }

div#sidenav a.gr-top /*Anwaehlbare Buttons mit Untermenue 1. Ebene*/
{
font-weight:bold;
color:#fe5;
background-color:#207; /* 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:#fe0; /* Farbe #3, Hovereffekt */
    }

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

div#sidenav ul ul a /*Anwaehlbare Buttons 2. Ebene*/
{
text-indent:4%;
background-color:#219;
color:#fff;
}

    div#sidenav ul ul a:hover
    {
    background-color:#fe0;
    color:#000;
    }

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

/* 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-arb .n-arb, #n-mo1 .n-mo1, #n-m1b .n-m1b, #n-mo2 .n-mo2, #n-m2b .n-m2b, #n-mo3 .n-mo3, #n-m3b .n-m3b, #n-kad .n-kad, #n-kem .n-kem, #n-imp .n-imp
{
background:#f8f8f8 !important;
color:#f00 !important;
font-weight:bold;
border-right:2px solid #f00;
}

/* Extraformat Gruppenüberschriften (Format für a-Tags) */
/* Markierter Hintergrund, Seitenmarkierung und aufgeklappter Pfeil für die erste Seite */
#n-m1s .n-m1s, #n-m2s .n-m2s,  #n-m3s .n-m3s, #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;
}
/* Seitenmarkierung für die unteren Seiten auf der ersten Seite */
#n-m1s .n-mo1, #n-m1s .n-m1b, #n-m2s .n-mo2, #n-m2s .n-m2b, #n-m3s .n-mo3, #n-m3s .n-m3b, #n-kem .n-kad
{
border-right:3px solid #f60;
}
/* Aufgeklappter Pfeil für die erste Seite auf den unteren Seiten */
#n-mo1 .n-m1s, #n-m1b .n-m1s, #n-mo2 .n-m2s, #n-m2b .n-m2s, #n-mo3 .n-m3s, #n-m3b .n-m3s, #n-kad .n-kem
{
background-image:url(../illus/pfeil-2.gif) !important;
background-repeat: no-repeat !important;
background-position: right !important;
}

/* auf id="n-m1s" und Unterseiten die Untermenüpunkte für m2s, m3s und kem ausblenden (Format für li-Tags, a-Tags blendet der IE6 nicht korrekt aus, Opera8.5 und FF1.5 schon.) */
#n-m1s .nl-m2li, #n-m1s .nl-m3li, #n-m1s .nl-kad,
#n-mo1 .nl-m2li, #n-mo1 .nl-m3li, #n-mo1 .nl-kad,
#n-m1b .nl-m2li, #n-m1b .nl-m3li, #n-m1b .nl-kad
{
display:none;
}

/* auf id="n-m2s" und Unterseiten die Untermenüpunkte für m1s, m3s und kem ausblenden (Format für li-Tags) */
#n-m2s .nl-m1li, #n-m2s .nl-m3li, #n-m2s .nl-kad,
#n-mo2 .nl-m1li, #n-mo2 .nl-m3li, #n-mo2 .nl-kad,
#n-m2b .nl-m1li, #n-m2b .nl-m3li, #n-m2b .nl-kad
{
display:none;
}

/* auf id="n-m3s" und Unterseiten die Untermenüpunkte für m1s, m2s und kem ausblenden (Format für li-Tags) */
#n-m3s .nl-m1li, #n-m3s .nl-m2li, #n-m3s .nl-kad,
#n-mo3 .nl-m1li, #n-mo3 .nl-m2li, #n-mo3 .nl-kad,
#n-m3b .nl-m1li, #n-m3b .nl-m2li, #n-m3b .nl-kad
{
display:none;
}

/* auf id="n-kem" und Unterseite die Untermenüpunkte für m1s, m2s und m3s ausblenden (Format für li-Tags) */
#n-kem .nl-m1li, #n-kem .nl-m2li, #n-kem .nl-m3li,
#n-kad .nl-m1li, #n-kad .nl-m2li, #n-kad .nl-m3li
{
display:none;
}

/* auf allen anderen Seiten die Untermenüpunkte mo1, m1b, mo2, m2b, mo3, m3b und kad ausblenden (Format für li-Tags) */
#n-ind .nl-m1li, #n-ind .nl-m2li, #n-ind .nl-m3li, #n-ind .nl-kad,
#n-akt .nl-m1li, #n-akt .nl-m2li, #n-akt .nl-m3li, #n-akt .nl-kad,
#n-arb .nl-m1li, #n-arb .nl-m2li, #n-arb .nl-m3li, #n-arb .nl-kad,
#n-imp .nl-m1li, #n-imp .nl-m2li, #n-imp .nl-m3li, #n-imp .nl-kad
{
display:none;
}

/*Seiteninhalt
--------------------------------------------------------------------*/
div#seiteninhalt
{
background-color:#f8f8f8;
margin:0 .5em 0 13.6em; /* siehe div#sidenav { width:16em; } */
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:1%;
max-width:50em;
}

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

div#seiteninhalt h2
{
border:1px solid #2040aa;
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:#fff199;
font-style:italic;
font-size:1em;
padding:.5em 1%;
margin:.25em 0;
}

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

div#seiteninhalt h4
{
background-color:#be6;
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 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 10px 0;
text-align:right;
}

div#seiteninhalt p.hinweis
{
background-color:#fee;
color:#f00;
font-weight:bold;
font-size:1em;
padding:.5em 2%;
border:2px solid red;
margin:10px 0 10px 0;
}

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

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

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

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

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

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

div#seiteninhalt table td
{
margin:0 5px;
padding:.5em 1%;
border:1px solid #cef;
vertical-align:top;
}

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

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

div#seiteninhalt table.adresse-betrieb td
{
margin:0 5px;
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 acronym
{
border-bottom:1px dotted #f88;
cursor:help;
}

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

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