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

body
{
font-size:100.1%;
background-color:#cee/*#4a7 #7c4*/;
min-width:770px;
}

img
{
border:0;
}

/*Seitenkopf
--------------------------------------------------------------------*/
div#seitenkopf
{
background:url(../illus/topx.png) repeat-x;
margin:0 auto;
padding:5px;
width:100%;
color:#c00;
text-align:center;
}

div#seitenkopf div.seitenkopf-header
{
padding:5px;
font-family: Helvetica, Arial, Sans-Serif;
font-size:2.8em;
font-style:italic;
color:#f00;
}

div#seitenkopf div.seitenkopf-header .extra
{
font-family: Helvetica, Arial, Sans-Serif;
font-weight:bold;
}

div#seitenkopf p.seitenkopf-unterzeile
{
padding:5px;
font-size:.7em;
font-weight:bold;
}

/*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;
background-color:transparent;
}

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:#077;           /* Hauptfarbe Menübuttons*/
color:#fff;                      /* Hauptfarbe Menübuttonschrift*/
text-decoration:none;
}

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

div#sidenav a.titel /* Nicht anwählbarer Button ganz oben (ohne href!) */
{
font-weight:bold;
font-size:1.2em;
background-color:#077;
color:#dff;
}

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

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

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

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

    div#sidenav ul ul a:hover
    {
    background-color:#acc;
    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:#299;
}

/* 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-ueu .n-ueu, #n-jva .n-jva, #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-btt .n-btt, #n-upa .n-upa, #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-btt .n-bttli, #n-upa .n-upali, #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 id="n-btt" die Untermenüpunkte für upa und kem ausblenden (Format für li-Tags, a-Tags blendet der IE6 nicht korrekt aus, Opera8.5 und FF1.5 schon.) */
#n-btt .nl-upali, #n-btt .nl-kad
{
display:none;
}

/* auf id="n-upa" die Untermenüpunkte für btt und kem ausblenden (Format für li-Tags) */
#n-upa .nl-bttli, #n-upa .nl-kad
{
display:none;
}

/* auf id="n-kem" und Unterseite die Untermenüpunkte für btt und upa ausblenden (Format für li-Tags) */
#n-kem .nl-bttli, #n-kem .nl-upali,
#n-kad .nl-bttli, #n-kad .nl-upali
{
display:none;
}

/* auf allen anderen Seiten die Untermenüpunkte von btt, upa und kad ausblenden (Format für li-Tags) */
#n-ind .nl-bttli, #n-ueu .nl-bttli, #n-jva .nl-bttli, #n-imp .nl-bttli,
#n-ind .nl-upali, #n-ueu .nl-upali, #n-jva .nl-upali, #n-imp .nl-upali,
#n-ind .nl-kad, #n-ueu .nl-kad, #n-jva .nl-kad, #n-imp .nl-kad
{
display:none;
}

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

div#seiteninhalt h2
{
border:1px solid #9bb;
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:#cee;
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 #9bb;
}

div#seiteninhalt h4
{
background-color:#fec;
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 dl
{
float:right;
margin:.65em 1% .65em 2%;
width:250px;
}

div#seiteninhalt dd
{
font-size:.8em;
background-color:#fec;
padding:2px 3px;
}

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:#fea;
color:#b50;
font-weight:bold;
font-size:.9em;
padding:.5em 2%;
border:2px dotted #f8f8f8;
margin:.75em 0;
}

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

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

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

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

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

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 #9f9f9f;
}

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 iframe
{
width:100%;
height:500px;
margin:0 0 1em 0;
}

div#seiteninhalt acronym
{
font-variant:normal;
border-bottom:1px dotted #f88;
cursor:help;
}

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

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