/********************************************************************
 * Standard-CSS fuer Domain www.tdh.de
 * (C) 2006 Internetagentur Michael Mann
 *******************************************************************/

/* Farbgebung

Kernfarbe
Ziegelrot     rgb(166,28,38)

Zusatzfarben  Sonnengelb         Meergrün           Himmelblau
Lichtton      rgb(254,241,214)   rgb(225,242,240)   rgb(224,243,252)
Hellton       rgb(254,224,165)   rgb(189,227,225)   rgb(187,229,249)
Mittelton     rgb(253,198,91)    rgb(117,196,195)   rgb(107,199,241)
Vollton       rgb(252,170,7)     rgb(0,148,142)     rgb(0,153,229)

Rahmenfarben
Grau     rgb(119,136,153)

*/

/*-----------------------------------------------------------------*/
/* Standardfestlegungen                                            */
/*-----------------------------------------------------------------*/

/* Schriftart für alle Elemente, keine Abstaende */
html,body,div,table {   margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font: 10pt Verdana,Helvetica,sans-serif;
}

/* Hintergrund-Formatierung */
body { background: url(/content/images/layout/bg_page.gif) repeat-y left; }

/* Ueberschriften */
h1        { margin-top: 100px; margin-bottom: 10px; font-weight: normal; font-size: 20pt; letter-spacing: 1px; }
h2        { margin-top: 50px; margin-bottom: 15px; font-size: 14pt; letter-spacing: 1px; font-weight: normal; }
h3        { margin-top: 30px; margin-bottom: 15px; font-size: 12pt; font-weight: normal; }
h4        { margin-top: 30px; margin-bottom: 0px; font-size: 12pt; font-weight: bold; }
h5        { }
h6        { }

/* Bildformatierung allgemein */
img       { margin: 0 0 0 0; padding: 0 0 0 0; border: none; }

/* Sonstige Auszeichnungen */
strong    { font-weight: bold; }
em        { font-style: italic; }
hr        { color: rgb(254,241,214); width: 100%; height: 2px; border: 1px solid rgb(254,241,214); }

/*-----------------------------------------------------------------*/
/* Farbgebung                                                      */
/*-----------------------------------------------------------------*/

.cBgGreen   { background-color: rgb(0,148,142); }
.cBgGreen2  { background-color: rgb(225,242,240); }
.cBgBlue    { background-color: rgb(0,153,229); }
.cBgBlue2   { background-color: rgb(224,243,252); }
.cBgRed     { background-color: rgb(166,28,38); }
.cBgYellow  { background-color: rgb(254,241,214); }
.cBgYellow2 { background-color: rgb(254,224,165); }
.cBgGrey    { background-color: #ecf2f7; }
.cBgWhite   { background-color: #ffffff; }
.cFgGreen   { color: rgb(0,148,142); }
.cFgBlue    { color: rgb(0,153,229); }
.cFgRed     { color: rgb(166,28,38); }
.cFgYellow  { color: rgb(254,241,214); }
.cFgYellow2 { color: rgb(254,224,165); }
.cFgWhite   { color: #ffffff; }
.cFgBlack   { color: #1e1e1e; }
.cImportant { background-color: rgb(254,241,214); }
.cUnimportant { color: #ACACAC; }
.mb30         { margin-bottom: 30px; }

/*-----------------------------------------------------------------*/
/* Farbgebung fuer Tabellenueberschriften und -zeilen              */
/* bei Datenpraesentation                                          */
/*-----------------------------------------------------------------*/

table.fData th,td    { padding: 2px; }
table.fData th       { color: #ffffff; background-color: rgb(166,28,38); }
table.fData tr.fRow1 { color: #1e1e1e; background-color: rgb(254,241,214); }
table.fData tr.fRow2 { color: #1e1e1e; background-color: rgb(254,224,165); }


/*-----------------------------------------------------------------*/
/* Textformatierungen                                              */
/*-----------------------------------------------------------------*/

.tLeft     { text-align: left; }
.tRight    { text-align: right; }
.tCenter   { text-align: center; }
.tTop      { vertical-align: top; }
.tMiddle   { vertical-align: middle; }
.tBottom   { vertical-align: bottom; }
.tBold     { font-weight: bold; }

/* Ersatz fuer H2-Ueberschriften */
.tTitle    { margin-top: 50px; margin-bottom: 15px; font-size: 14pt; letter-spacing: 1px; font-weight: normal; }

/*-----------------------------------------------------------------*/
/* Schriftgroessen                                                 */
/*-----------------------------------------------------------------*/

.fs8       { font-size: 8pt; }
.fs9       { font-size: 9pt; }
.fs10      { font-size: 10pt; }
.fs12      { font-size: 12pt; }
.lh11      { line-height: 1.4em; }

/*-----------------------------------------------------------------*/
/* Grafik-/Bildformatierungen                                      */
/*-----------------------------------------------------------------*/

.iDownload { margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; border: none; }

/*-----------------------------------------------------------------*/
/* Spezielle Formatzuweisungen                                     */
/*-----------------------------------------------------------------*/

.fLeft       { float: left; }
.fRight      { float: right; }
.fCenter     { margin-left: auto; margin-right: auto; }
.fStop       { clear: both; }
.fNone       { float: none; }
.fNoMargin   { margin: 0px 0px 0px 0px; }
.fNoPadding  { padding: 0px 0px 0px 0px; }
.fP5A        { padding: 5px 5px 5px 5px; }
.fP5T        { padding: 10px 0px 0px 0px; }
.fM5T        { margin-top: 5px; }
.fMB20       { margin-bottom: 20px; }
.fBorder     { border: 1px solid #f0f0f0; }
.fBT2Yellow  { border-top: 2px solid rgb(254,224,165); }
.fBB2Yellow  { border-bottom: 2px solid rgb(254,224,165); }
.fImportant  { padding: 5px 5px 5px 5px; background-color: rgb(254,241,214); }
.fFieldset   { border: 1px solid #ACACAC; padding: 10px; }


/*-----------------------------------------------------------------*/
/* Sektionsformatierungen                                          */
/*-----------------------------------------------------------------*/

/* Container fuer alle Seitenlayout-Elemente */
#pContainer { position: absolute; top: 0px; left: 40px; width: 870px; margin-bottom: 10px; }

/* Kopf mit Logo und Bildleiste */
#pHead       { position: absolute; top: 0px; left: 0px; width: 870px; height: 100px; }
#bLogo       { float: left; width: 370px; background-color: #ffffff; }
#bLogo img   { margin: 15px 0px 0px 25px; }
/* #bLogo img   { margin: 15px 0px 0px 25px; } */
#bTopPicture { float: right; width: 410px; }

/* Suchfeld im oberen Bereich */
#bSearch                { position: absolute; top: 127px; right: 10px; width: 200px; padding: 2px; text-align: right; }
#bSearch form           { margin: 0px; padding: 0px; }
#bSearch input.ffText   { width: 125px; font-size: 8pt; }
#bSearch input.ffButton { width: 60px; font-size: 8pt; }

/* Navigationselemente Oben */
#nTopNav           { position: absolute; top: 100px; left: 0px; width: 870px; height: 20px; }

/*Brotkruemelnavigation */
#nBreadcrumb       { position: absolute; top: 127px; left: 10px; width: 560px; padding: 2px; font-size: 8pt; }

/* Brotkruemelnavigation Downloadbereich */
#nDownloads        { padding: 2px; font-size: 8pt; }

/* Linke Navigationselemente */
#nLeftNav          { }

/* Container 40 Jahre Schriftzug */
#p40Years          { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; top: 0px; left: 870px; width: 50px; height: 600px; z-index: 5; text-align: left; background-color: #ffffff; }

/* Container fuer Inhaltsbereich */
#pContent          { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; top: 170px; left: 0px; width: 870px; z-index: 5; text-align: left; background-color: #ffffff; }

/* Linke Spalte */
#pLeft             { position: absolute; top: 0px; left: 10px; width: 200px; height: 300px; margin-bottom: 10px; }

/* Rechte Spalte */
#pRight            { position: absolute; top: 0px; left: 660px; width: 200px; margin-bottom: 10px; }

/* Mittlere Spalte bei dreispaltigem Layout */
#pMiddle           { position: absolute; top: 0px; left: 245px; width: 380px; margin-bottom: 10px; background-color: #ffffff; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; color: #1e1e1e; }

/* Mittlere Spalte bei zweispaltigem Layout */
#pMiddle2          { position: absolute; top: 0px; left: 245px; width: 610px; margin-bottom: 10px; background-color: #ffffff; padding-left: 0px; padding-right: 0px; color: #1e1e1e; }

/* Seitenfuss mit Copyright-Informationen */
#pFoot             { clear: both; border-top: 1px solid #e0e0e0; margin-top: 50px; padding-top: 5px; padding-bottom: 10px; text-align: left;  font-size: 7pt; }


/*-----------------------------------------------------------------*/
/* Untersektionsformatierungen                                     */
/*-----------------------------------------------------------------*/

/* Titelangaben der Seite */
.bPageTitle    { padding-bottom: 4px; margin-bottom: 10px; border-bottom: 2px solid rgb(254,224,165);; }
.bPagePreTitle { margin: 0px 0px 10px 0px;  padding: 0px 0px 0px 0px; font: 10pt Arial,Helvetica,sans-serif; line-height: 13pt; letter-spacing: 2px; color: #4f4f4f; }
.bPageSubTitle { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; font: italic 10pt Arial,Helvetica,sans-serif; line-height: 13pt; color: #4f4f4f; }
.bPageAuthor   { font-size: 10pt;  line-height: 12pt; letter-spacing: 2px; font-style: italic; font-variant: small-caps; }
.bPageTitle h1 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

/* Funktionsleiste rechts neben Titel und am Seitenende */
.bFunctionsTop    { float: right; width: 80px; margin-left: 10px; text-align: right; }
.bFunctionsBottom { float: right; width: 80px; margin-left: 10px; text-align: right; }

/* Inhaltsboxen in der linken und rechten Spalte */
.bBox           { width: 200px;  margin-bottom: 20px; }
.bBox p         { margin-bottom: 15px; }
.bBoxTitle      { padding: 2px 2px 2px 2px; font-size: 10pt; font-weight: bold;  }
.bBoxText       { padding: 3px 6px 5px 6px; line-height: 130%; }
.bBoxMore       { padding: 0px 2px 4px 2px; font-size: 8pt; text-align: right; }

/* Bildformatierungen innerhalb von Inhaltsboxen linke und rechte Spalte */
.bBox img         { float: left; margin-right: 4px; margin-bottom: 4px; padding: 0px; }
.bBox img.center  { float: none; margin-left: auto; margin-right: auto; margin-bottom: 4px; }
.bBox img.single  { float: none; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; }

/* Inhaltsboxen fuer Banner linke und rechte Spalte */
.bBanner            { margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; }
.bBanner img        { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; border: 1px solid #f0f0f0; }
.bBanner span       { display: block; font-size: 8pt; text-align: left; }

/* Textbloecke in der mittleren Spalte, dreispaltige Startseite */
.bTextContainer     { clear: both; width: 610px; overflow: visible; }
.bTextBoxLeft       { float: left; width: 280px; padding: 5px; margin-right: 10px; }
.bTextBoxRight      { float: right; width: 280px; padding: 5px; margin-left: 10px; }
.bTextBox           { margin-bottom: 30px; clear: both; }
.bTextBox280        { width: 280px; }
.bTextBoxTitle      { font-weight: bold; }
.bTextBoxText       { padding-top: 10pt;}
.bTextBoxText ul    { list-style-type: square; }
.bTextBoxText ul li { margin-left: 15px; }
.bTextBoxMore       { clear: both; margin-top: 10pt; text-align: right; }
.bTextBox h2        { margin-top: 0px; margin-bottom: 0px; font-weight: bold; font-size: 10pt; letter-spacing: 0px; }
.bTextBox h3        { margin-top: 0px; margin-bottom: 0px; font-weight: bold; font-size: 10pt; letter-spacing: 0px; }

/* Inhaltsblock fuer Fussnoten */
.bPageFootNotes     { margin-top: 10px; margin-bottom: 20px; font-size: 8pt; padding-top: 5px; }

/* Bildbloecke */
.bImgLeft      { float: left; margin-right: 20px; margin-bottom: 10px; padding: 5px; text-align: left; }
.bImgLeft img  { margin-left: -5px; margin-top: -5px; }
.bImgRight     { float: right; margin-left: 20px; margin-bottom: 10px; padding: 5px; text-align: right; }
.bImgRight img { margin-right: -5px; margin-top: -5px; }
.bImgCaption   { margin-top: 10px; font-size: 8pt; font-style: italic; }

/* Linksammlung am Ende eines Artikels */
.bTextInformation        { margin: 30px 0px 0px 0px; padding: 2px 5px 2px 5px; border: 2px solid #f0f0f0; }

/* Ruecksprunglink */
.bBackLink   { clear: both; margin-top: 20px; padding-top: 5px; }

/* Paginierungsbox */
.bPager      { clear: both; margin-top: 10px; text-align: center; }

/* Teaserfotos */
.bTeaser150  { width: 150px; height: 150px; }
.bTeaser200  { width: 150px; height: 200px; }
.fTeaser150  { background: url(/content/images/layout/teaser_bg_150x150.png) no-repeat; padding-top: 8px; padding-left: 8px; }
.fTeaser200  { background: url(/content/images/layout/teaser_bg_150x200.png) no-repeat; text-align: center; padding-top: 10px; }

/* Jump-Labels */
.bJumpLabels { margin-bottom: 20px; padding-left: 20px; padding-right: 20px; text-align: center; }

/* Bloecke fuer die Darstellung der Arbeitsgruppen */
.bAgTitle    { border-bottom: 1px solid #ACACAC; font-weight: bold; }
.bAgContact  { float: right; width: 250px; margin-top: 10px; margin-bottom: 10px; padding: 10px; }
.bAgDetails  { margin-top: 10px; }

/* Spendenbutton am unteren Bildschirmrand */
.bDonate     { float: left; }
.bDonate span { font-weight: bold;  }
.bDonate span a { padding: 2px; background-color: rgb(166,28,38); color: #ffffff; }
.bDonate span a:active { color: #ffffff; }
.bDonate span a:visited { color: #ffffff; }
.bDonate span a:hover { color: rgb(254,224,165); text-decoration: none; }

/*-----------------------------------------------------------------*/
/* Listenformatierung                                              */
/*-----------------------------------------------------------------*/

/* Inhaltsbereich allgemein */
#pMiddle ul ,
#pMiddle2 ul { list-style-type: square; }

#pMiddle ul li ,
#pMiddle2 ul li { margin-left: -25px; }

/* Rubrikenliste Downloadbereich */
ul.bDownloadCategories { margin-left: 35px; margin-top: 10px; margin-bottom: 10px; list-style: none outside url(/content/images/layout/ordner.gif); }
ul.bDownloadCategories li { float: left; width: 200px; }

/* Textbox mit weiteren Informationen */
.bTextInformation ul     { margin: 5px 0px 0px 42px; padding: 0px; list-style-position: outside; }
.bTextInformation ul li  { line-height: 130%; list-style-image: url(/content/images/layout/bullet2.gif); }


/* Listenformatierungen fuer Menu oben */
ul#lTopNav                { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; list-style-type: none; }
ul#lTopNav li             { display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 9pt; font-weight: bold; }

/* Listenformatierungen fuer Menu links (mehrere Ebenen) */
ul#lLeftNav1    { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; list-style-position: outside; }
ul#lLeftNav1 li { padding: 0px 6px 2px 6px; border-bottom: 1px solid rgb(254,224,165); }

ul#lLeftNav2    { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; list-style-position: outside; }
ul#lLeftNav2 li { padding: 0px 6px 2px 20px; border-bottom: 1px solid #ffffff; }

ul#lLeftNav3    { margin: 5px 0px 5px 15px; padding: 0px 0px 0px 0px; list-style-type: square; list-style-position: outside; }
ul#lLeftNav3 li { padding: 0px 0px 3px 0px; border-bottom: none; }

ul#lLeftNav4    { margin: 10px 0px 10px 12px; padding: 0px 0px 0px 0px; list-style-type: disc; list-style-position: outside; }
ul#lLeftNav4 li { border-bottom: none; }

/* Abweichende Formatierungen linke Inhaltsbox bei Navigation */
#nLeftNav .bBoxText { padding: 0px 0px 0px 0px; }


/* Einblendbares Inhaltsverzeichnis auf den Seiten */
#bPageOverview  { display: none; width: 610px; z-index: 10; background-color: #ffffff; }
#bPageOverview .fFrame { float: right; width: 260px; margin-left: 10px; margin-bottom: 20px; padding: 5px 2px 2px 5px; border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-right: 3px solid #e2e2e2; border-bottom: 3px solid #e2e2e2;  }
#bPageOverview ul { margin: 0px 0px 5px 0px; list-style-type: square; list-style-position: outside; }
#bPageOverview li { margin-left: -25px; }


/*-----------------------------------------------------------------*/
/* Linksauszeichnungen                                             */
/*-----------------------------------------------------------------*/

/* Linkauszeichnungen allgemein */
a:link    { color: #0000FF; text-decoration: none; }
a:visited { color: #0099E5; text-decoration: none; }
a:hover   { color: #0099E5; text-decoration: underline; }
a:active  { color: #0099E5; text-decoration: none; }

/* Linkauszeichnungen Content Ueberschriften */
.bTextBoxTitle a:link    { color: rgb(166,28,38); text-decoration: none; }
.bTextBoxTitle a:visited { color: rgb(166,28,38); text-decoration: none; }
.bTextBoxTitle a:hover   { text-decoration: underline; }
.bTextBoxTitle a:active  { color: rgb(166,28,38); text-decoration: none; }

/* Linkauszeichnungen Content Ueberschriften als H-Tag */
.bTextBox h2 a:link    { color: #000000; text-decoration: none; }
.bTextBox h2 a:visited { color: #000000; text-decoration: none; }
.bTextBox h2 a:hover   { color: #0000FF; text-decoration: underline; }
.bTextBox h2 a:active  { color: #000000; text-decoration: none; }

.bTextBox h3 a:link    { color: #000000; text-decoration: none; }
.bTextBox h3 a:visited { color: #000000; text-decoration: none; }
.bTextBox h3 a:hover   { color: #0000FF; text-decoration: underline; }
.bTextBox h3 a:active  { color: #000000; text-decoration: none; }

/* Linkauszeichnungen Inhaltsboxen linke / rechte Spalte */
.bBoxText a:link    { color: #0000FF; text-decoration: none; }
.bBoxText a:visited { color: #0099E5; text-decoration: none; }
.bBoxText a:hover   { color: #0099E5; text-decoration: underline; }
.bBoxText a:active  { color: #000000; text-decoration: none; }

.bBoxMore a:link    { color: #0000FF; text-decoration: none; }
.bBoxMore a:visited { color: #0099E5; text-decoration: none; }
.bBoxMore a:hover   { color: #0099E5; text-decoration: underline; }
.bBoxMore a:active  { color: #000000; text-decoration: none; }

.bBanner a:link    { color: #0000FF; text-decoration: none; }
.bBanner a:visited { color: #0099E5; text-decoration: none; }
.bBanner a:hover   { color: #0099E5; text-decoration: underline; }
.bBanner a:active  { color: #000000; text-decoration: none; }

/* Linkauszeichnung Brotkruemelnavigation */
#nBreadcrumb a:link    { color: #0000FF; text-decoration: none; }
#nBreadcrumb a:visited { color: #0099E5; text-decoration: none; }
#nBreadcrumb a:hover   { text-decoration: underline;}
#nBreadcrumb a:active  { color: #0099E5; text-decoration: none; }

/* Linkauszeichnung obere Navigationsleite */
ul#lTopNav li a           { height: 20px; border-right: 1px solid #ffffff; padding-top: 0px; padding-bottom: 0px; padding-left: 2px; padding-right: 4px; color: rgb(254,241,214); text-decoration: none; }
ul#lTopNav li a.selected  { color: #000000; text-decoration: none; }
ul#lTopNav li a:hover     { color: rgb(253,198,91); text-decoration: none; }

/* Linkauszeichnung linke Navigationsleite */
ul#lLeftNav1 li a { color: #000000; text-decoration: none; }
ul#lLeftNav2 li a { color: #000000; text-decoration: none; }
ul#lLeftNav3 li a { color: #000000; text-decoration: none; }
ul#lLeftNav4 li a { color: #000000; text-decoration: none; }

ul#lLeftNav1 li a.selected { color: #0099E5; }
ul#lLeftNav2 li a.selected { color: rgb(166,28,38); font-weight: bold; }
ul#lLeftNav3 li a.selected { color: rgb(166,28,38); font-weight: bold; }
ul#lLeftNav4 li a.selected { font-weight: bold; }

ul#lLeftNav1 li a:hover,
ul#lLeftNav2 li a:hover,
ul#lLeftNav3 li a:hover,
ul#lLeftNav4 li a:hover   { color: #0099E5; }

ul#lLeftNav1 li a:active,
ul#lLeftNav2 li a:active,
ul#lLeftNav3 li a:active,
ul#lLeftNav4 li a:active  { color: #000000; }


/*-----------------------------------------------------------------*/
/* Formulare                                                       */
/*-----------------------------------------------------------------*/

#donation_frm { }
#donation_frm fieldset { border: 1px solid #ACACAC; }

fieldset.fFieldset legend { font-size: 10pt; }


/*-----------------------------------------------------------------*/
/* Spezielle Inhaltsformatierungen                                 */
/*-----------------------------------------------------------------*/

#pMiddle blockquote,
#pMiddle2 blockquote  { padding: 5px 5px 5px 5px; background-color: rgb(225,242,240); }

a.cloud { width: 100px; height: 30px; margin-right: 15px; color: #afafaf; }
a.cloud1 { font-size: 12pt; color: rgb(0,148,142); }
a.cloud2 { font-size: 12pt; color: rgb(0,153,229); }
a.cloud3 { font-size: 16pt; color: rgb(252,170,7); }
a.cloud4 { font-size: 18pt; color: rgb(166,28,38); }

/*-----------------------------------------------------------------*/
/* 40 Jahre terre des hommes                                       */
/*-----------------------------------------------------------------*/


/* EOF */