/******************************************************************************
 *
 * CSS fuer Website www.zuendstoff-kinderrechte.de
 *
 * terre des hommes Deutschland e.V., Osnabrueck
 * (C) 2009 Internetagentur Michael Mann
 *
 *****************************************************************************/

html, body {

      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      font: 10pt Verdana,Arial,Helvetica,sans-serif;
}

body {
      background-color: #e1e1e1;
}

/******************************************************************************
 * Seitenlayout
 *****************************************************************************/

#pagecontainer {
      position: absolute;
      width: 900px;
      margin-left: 40px;
      background-color: #ffffff;
}

#headercontainer {
      width: 900px;
      height: 100px;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
}

#menucontainer {
      width: 900px;
      height: 20px;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
}

#leftcontainer {
      float: left;
      width: 430px;
      height: 100%;
      min-height: 700px;
      margin: 0px 0px 0px 0px;
      padding: 10px 10px 10px 10px;
}

#rightcontainer {
      float: right;
      width: 430px;
      height: 100%;
      min-height: 700px;
      margin: 0px 0px 0px 0px;
      padding: 10px 10px 10px 10px;
}

#logo_tdh {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 410px;
      height: 100px;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      background-color: #ffffff;
}

#logo_tdh img {
      margin: 10px 0px 10px 10px;
      padding: 0px 0px 0px 0px;
      border: none;
}

/******************************************************************************
 * Farben
 *****************************************************************************/

.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; }

/******************************************************************************
 * Bilder
 *****************************************************************************/

.imgleft    { float: left; margin: 0px 20px 20px 0px; border: none; text-align: left; }
.imgright   { float: right; margin: 0px 0px 20px 20px; border: none; text-align: right; }

.imgcaption { font: italic 9pt Verdana,Arial,Helvetica,sans-serif; }


/******************************************************************************
 * Schriftgroessen
 *****************************************************************************/

h1 {
      margin: 10px 0px 30px 0px;
      padding: 0px 0px 0px 0px;
      font: bold 14pt Verdana,Arial,Helvetica,sans-serif;
      border-bottom: 3px dashed rgb(166,28,38);
}

h2 {
      margin: 10px 0px 20px 0px;
      padding: 0px 0px 0px 0px;
      font: bold 12pt Verdana,Arial,Helvetica,sans-serif;
}

p { margin: 0px 0px 20px 0px;