/* 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;
}

body
{
font-size:100.1%;
background-color:#ccc; /*#4a63d7*/
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:#116;
font-size:.7em;
font-weight:bold;
}

div#seitenkopf a
{
color:#116;
}

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

div#seitenkopf div.seitenkopf-illu 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:16.5em;/* 16.5 x .8 = 13.2em -> margin-left seiteninhalt = 14em */
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*/
color:#fff;
background-color:#338; /* Farbe #1, Hauptebene */
text-decoration:none;
}

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

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

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

div#sidenav a.group /*Nicht anwaehlbare Buttons 1. Ebene*/
{
font-weight:bold;
color:#ccf;
background-color:#338; /* Farbe #1, Hauptebene */
}

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

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

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

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

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

/* 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-lei .n-lei, #n-qsfi .n-qsfi, #n-qsgr .n-qsgr, #n-qshu .n-qshu, #n-qsne .n-qsne, #n-qsob .n-qsob, #n-qsos .n-qsos, #n-qshe .n-qshe, #n-qste .n-qste, #n-kad .n-kad, #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-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-kem .n-kad
{
border-right:3px solid #f60;
}
/* Aufgeklappter Pfeil für die erste Seite auf den unteren Seiten */
#n-kad .n-kem
{
background-image:url(../illus/pfeil-2.gif) !important;
background-repeat: no-repeat !important;
background-position: right !important;
}

/* auf allen anderen Seiten den Untermenüpunkt kad ausblenden (Format für li-Tags, a-Tags blendet der IE6 nicht korrekt aus, Opera8.5 und FF1.5 schon.) */
#n-ind .nl-kad, #n-lei .nl-kad, #n-qsfi .nl-kad, #n-qsgr .nl-kad, #n-qshu .nl-kad, #n-qsne .nl-kad, #n-qsob .nl-kad, #n-qsos .nl-kad, #n-qshe .nl-kad, #n-qste .nl-kad, #n-imp .nl-kad
{
display:none;
}

/*Seiteninhalt
--------------------------------------------------------------------*/
div#seiteninhalt
{
background-color:#f8f8f8;
margin:0 .5em 0 14em; /* siehe div#sidenav { width:16.5em; } */
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:#bbe;
font-weight:bold;
font-size:1.2em;
padding:.5em 1%;
margin:.5em 0;
}

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

div#seiteninhalt h4
{
background-color:#fdd;
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:#55a;
color:#fff;
border:1px solid #000;
padding:.5em 2% .5em 2%;
margin-right:2em;
}

div#seiteninhalt p.intern a:hover
{
background-color:#ccf;
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
{
margin:0 5px;
padding:.4em 1%;
border:1px solid #cef;
line-height:1.4em;
vertical-align:top;
}

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 p.qs-adresse
{
font-size:.9em;
font-weight:bold;
padding:5px;
}

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;
color:#116;
font-size:.7em;
font-weight:bold;
}

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