/* Print-CSS fuer:    Welthungerhilfe      */
/* Stand:             18.03.2005          */

/*-- Anfang ALLGEMEIN --*/
body {
    font-family: Verdana, Arial, sans-serif;
    margin-top: 0;
    margin-left: 0;
    background-color:#ffffff;
}

form, input { 
    margin: 0; 
    padding: 0; 
}

p {
    margin: 0; 
    padding: 0; 
}

br {
    line-height: 0.9em;
}

img {
    border: 0;
}

.clear {
    clear: both;
}

.valignTop {
    vertical-align: top;
}

/*-- Ende ALLGEMEIN --*/

/*--Anfang HEADER --*/
#header {
    width: 100%;
    border: none;
}

#logo {
    float: left;
    width: 10.1em;
    height: 4.75em;
    border: none;
    margin-right: 0.18em;
}

#trenner {
    display: none;
}

/* -- Anfang Formular im Header -- */

#headerForm {
    display: none;
}

/* -- Ende Formular im Header -- */

/* -- Anfang Verlaufsnavi --*/

#verlaufsnavi {
    display: none;
}

/* -- Ende Verlaufsnavi --*/

/* -- nur im whh_print.css sichtbar --*/
#pfadPrint {
    width: 49em;
    height: 1em;
    margin-top: 4.9em;
    padding-bottom: 0.5em;
    float: left;
    font-size: 0.7em;
    color: #00A651;
    background-image: url(../bilder/layout/linieGruen.gif);
    background-position: bottom;
    background-repeat: repeat-x;
}

#spendenbutton {
    margin-right: 0.56em;
    float: right;
}
/*-- Ende HEADER --*/

/*-- Anfang NAVIGATION --*/
#navi {
    display: none;
}
/*-- Ende NAVIGATION --*/

/*-- Anfang INHALT --*/

/* -- Grüne Pfeile für Links im Bereich home und themen -- */
.pfeil {
    background-image: url(../bilder/layout/pfeilGruen.gif);
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0.2em;
    float: right;
}

.pfeil a:hover, .pfeil a:active {
    background-image: url(../bilder/layout/pfeilSchwarz.gif);
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}

/*-- umschließt den gesamten Inhaltsbereich--*/
#content {
    font-size: 0.71em;
    line-height: 1.25em;
    width: 54.7em;
    margin-left: 1.15em;
}

#content a {
   color: #00a651;
}

.linieGruen {
    background-image: url(../bilder/layout/linieGruen.gif);
    background-position: center;
    background-repeat: repeat-x;
    line-height: 0.8em;
    clear: both;
}

.linieGrau {
    background-image: url(../bilder/layout/linieGrau.gif);
    background-position: center;
    background-repeat: repeat-x;
    line-height: 1em;
    clear: both;
}

.bildunterzeile {
    line-height: 1.5em;
    font-size: 0.925em;
}

/*--Bereich, der den Inhalt noch einmal in unten und oben aufteilt--*/
.ctBlock {
    width: 100%;
    float: left;
    margin-top: 1.1em;
    display: block;
}

.ctBlockLiGr {
    width: 33.2em;
    float: left;
}

.ctBlockLiGr h2 {
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 0 0; 
    padding: 0 0 0 0; 
    color: #00A651;
}

.ctBlockLiGr h3 {
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 0 0; 
    padding: 0 0 0 0; 
    color: #333333;
}

/* -- richtet das Bild einer Infobroschüre (info.html) im Bereich ctBlockLiGr aus und lässt evtl. umfangreichen Text drum herum fließen --*/
.infoMat {
    float: left;
    padding-top: 0.35em;
    padding-right: 1.15em;
    padding-bottom: 1.0em;
}

/* -- Formatierung der Tabellen im Bereich ctBlockLiGr, suche.html warenkorb.html --*/
.ctBlockLiGr table {
    width: 33.2em;
    font-size: 1em;    
}

.ctBlockLiGr th {
    text-align: left;
    vertical-align: bottom;
}

.ctBlockLiGr td {
    vertical-align: top;
    /*vertical-align: middle;*/
}

.fColor {
    color: #00A651;
}

.ctBlockReGr {
    width: 33.2em;
    float: right;
}

.ctBlockReKl {
    width: 19.9em;
    float: right;
}

.ctBlockLiKl {
    position: relative;
    width: 19.9em;
    float: left;
 }

.ctBlockReKl h3, .ctBlockLiKl h3  {
    font-size: 1.0em;
    font-weight: bold;
    color: #333333;
    margin: 0;
    padding: 0;
}

.ctBlockReKl h2, .ctBlockLiKl h2 {
    font-size: 1.0em;
    font-weight: bold;
    color: #00A651;
    margin: 0;
    padding: 0;
}

.ctBlockLiKl a:link, .ctBlockLiKl a:visited, .ctBlockLiKl a:hover .ctBlockLiKl a:active {
    text-decoration: underline;
    font-size: 1.0em;
    font-weight: normal;
    color: #333333;
}
.ctBlockReKl a:link, .ctBlockReKl a:visited, .ctBlockReKl a:hover .ctBlockReKl a:active {
    text-decoration: underline;
    font-size: 1.0em;
    font-weight: normal;
    color: #333333;
}
  
/*-- 3 Spalten unten auf der Indexseite--*/
.spalteLinks a:link, .spalteLinks a:visited, .spalteLinks a:hover .spalteLinks a:active {
    font-size: 1.0em;
    font-weight: bold;
    margin: 0 0 0 0; 
    padding: 0 0 0 0; 
    color: #00A651;
    text-decoration: none;
}

.spalteMitte a:link, .spalteMitte a:visited, .spalteMitte a:hover .spalteMitte a:active {
    font-size: 1.0em;
    font-weight: bold;
    margin: 0 0 0 0; 
    padding: 0 0 0 0; 
    color: #00A651;
    text-decoration: none;
}

.spalteRechts a:link, .spalteRechts a:visited, .spalteRechts a:hover .spalteRechts a:active {
    font-size: 1.0em;
    font-weight: bold;
    margin: 0 0 0 0; 
    padding: 0 0 0 0; 
    color: #00A651;
    text-decoration: none;
}

.spalteLinks {
    width: 9.8em;
    float: left;
}

.spalteMitte {
    margin-right: 1.35em; 
    margin-left: 1.35em;
    width: 9.8em;
    float: left;
}

.spalteRechts {
    width: 9.8em;
    float: left;
}

/*--einzelne divs, die den Text enthalten--*/
.context {
    display: none;
}

/*-- Anfang Bereich THEMEN --*/

#themenEinleitungAbTop {
    vertical-align: bottom;
    padding-bottom: 0.8em;
    width: 19.9em;
}

#themenEinleitungAbTop h2 {
    font-size: 1.4em;
    color: #00A651;
}

.themenHg {
    width: 31em;
    margin-top: 0.15em;
    float: left;
}

#themenHgBild {
    margin-top: 0.9em;
    margin-right: 0.9em;
    float: left;
}

.themenHgStories {
    width: 21.85em;
    margin-top: 0.9em;
    float: right;
}

.themenHgStoriesContext {
    width: 21.85em;
    float: left;
}
/*-- Ende Bereich Inhalt / THEMEN --*/

/*-- Anfang Fussbereich mit #links und #footer --*/
.links {
    display: none;
}

#footer {
    display: none;
}

.footerZeile {
    width: 33.2em;
    margin-bottom: 0.15em;
    float: left;
}

.footerZeile a, .footerZeile a:link, .footerZeile a:visited, .footerZeile a:hover .footerZeile a:active {
    float: left;
    font-weight: bold;
    color: #00A651;
    text-decoration: none;
}

.footerPosition {
    float: right;
}

/* -- Eingabefelder, Links u. Radiobuttons FORMULAR WARENKORB, BESTELLUNG --*/
.feld {
    background-color: #ffffff;
    border: 0.07em solid #333333;
}

.bestell {
    text-indent: 1.6em;
}

/*-- Ausrichtung von Checkboxen --*/
.check {
    background-color: #ffffff;
    margin-top: -0.25em;
    margin-left: 0.35em;
    margin-right: 0.35em;
}

/*-- Ausrichtung von Radiobuttons --*/
.radio {
    background-color: #ffffff;
    margin-top: 0.15em;
    vertical-align: -0.4em;
}

/* -- Anfang TABELLEN, Tabellen werden für Seiten im Bereich Service benötigt, um tabellarisch angeordnete Formulare und Daten auszurichten--*/
#termine {
    margin-top: 1em;
    width: 53.55em;
    float:left;
    clear: both;
}

#termine h2 {
    font-size: 1.0em;
    font-weight: bold;
    color: #00A651;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#termine table {
    width: 53.55em;
    font-size: 1em;
}

#termine th {
    text-align: left;
    vertical-align: bottom;
    font-weight: bold;
    color: #00A651;
}

#termine td {
    text-align: left;
    vertical-align: top;
}

#schlagworte {
    margin-top: 1em;
    width: 53.55em;
    float:left;
    clear: both;
}

#schlagworte table {
    width: 53.55em;
    font-size: 1em;
}

#schlagworte th {
    text-align: left;
    vertical-align: bottom;
    font-weight: bold;
    color: #333333;
}

#schlagworte td {
    text-align: left;
    vertical-align: middle;
}

#schlagwortSuche {
    padding-left: 1em;
    font-weight: bold;
    color: #00A651;
}
/* -- Ende TABELLEN --*/

/* -- frauengarten.html, Themenseite mit wechselnden Bildern und Text --*/
#themenTeaser {
    width: 100%;
    font-weight: bold;
    padding-bottom: 1em;
}

#themenTeaser h2 {
    font-size: 1.4em;
    font-weight: bold;
    color: #00A651;
}

.themenText {
    float: left;
    width: 100%;
    padding-top: 0.3em; 
    padding-left: 0.3em;
    padding-bottom: 1em;
}

.bildBuLeft {
    padding-top: 0.3em;
    padding-right: 1.0em;
    padding-bottom: 0.7em;
    vertical-align: top;
}

.bildBuRight {
    padding-top: 0.3em;
    padding-left: 1.0em;
    padding-bottom: 0.7em;
    vertical-align: top;
}

/* -- Variable Teaser-Gestalung bsp. afghanistan.html aber NICHT home--*/ 
#teaser {
    vertical-align: top;
}

#teaser h2 {
    font-size: 1.0em;
    font-weight: bold;
    color: #00A651;
    margin: 0;
    padding: 0;
}

#teaser a:link, #teaser a:visited, #teaser a:hover #teaser a:active {
    text-decoration: underline;
    font-size: 1.0em;
    font-weight: normal;
    color: #333333;
}

/* -- Teaser für Übersichtsseite -- */
#teaserUebersicht h2 {
    font-size: 1.0em;
    font-weight: bold;
    color: #00A651;
    margin: 0;
    padding: 0;
}

/* Context-Div für Druckversion */
.contextSpalte {
    display: none;
}