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

img
{
border:0;
}

a
{
text-decoration:none;
}

/*Seitenkopf
--------------------------------------------------------------------*/
div#seitenkopf
{
background:#fff;
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;
margin:0;
width:0;
height:0;
display:none;
background-color:transparent;
}


/*Seiteninhalt
--------------------------------------------------------------------*/
div#seiteninhalt
{
clear:both;
background-color:transparent;
margin:0;
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%;
}

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 img
{
margin-right:2%;
}

div#seiteninhalt dl
{
float:right;
margin:.65em 1% .65em 2%;
width:250px;
}

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

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:#285;
color:#fff;
border:1px solid #000;
padding:.5em 2% .5em 2%;
margin-right:2em;
}

div#seiteninhalt p.intern a:hover
{
background-color:#cfc;
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:100%;
margin:0 0 1em 0;
}

div#seiteninhalt acronym
{
font-variant:normal;
border:0;
}

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

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

div#seitenfuss a
{
display:none;
}