/******************************************************************************
 *
 * CSS fuer Website www.kinderrechtsteams.de, www.kinderseiten.tdh.de
 *
 * terre des hommes Deutschland e.V., Osnabrueck
 * (C) 2009 Internetagentur Michael Mann
 *
 * Letzte Aenderung: 10.06.2009
 *
 *****************************************************************************/

/* Abstaende 0, Schriftartfamilie */
html, body  {
  margin: 0px;
  padding: 0px;
  font: 10pt Verdana,Arial,Helvetica,sans-serif;
}

body {
  background: #AFAFAF url(/newdesign/images/layout/pagebackground.png) repeat;
}

/******************************************************************************
 * Allgemeine Formatierungen
 *****************************************************************************/

.content h2 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font: bold 14pt Verdana,Arial,Helvetica,sans-serif;
  border-bottom: 2px solid rgb(166,28,38);
}

.content .subtitle {
  height: 15px;
  margin: 0px 0px 15px 0px;
  font-style: italic;
  padding: 0px 0px 0px 0px;
}


.content blockquote {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-left: 5px solid rgb(166,28,38);
  font-style: italic;
}

.content img.ileft {
  float: left;
  margin: 0px 20px 20px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
}

.content img.iright {
  float: right;
  margin: 0px 0px 20px 20px;
  padding: 0px 0px 0px 0px;
  border: none;
}

.content .more {
   clear: both;
   margin: 0px 0px 10px 0px;
   padding: 0px 0px 0px 0px;
   text-align: right;
   font-weight: bold;
}

.content span.cite {
   font-style: italic;
}

.content img.imgborder {
   border: 2px solid #000000;
}

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

#pagecontainer {
  position: absolute;
  width: 960px;
  height: 100%;
  top: 0px;
  left: 40px;
  background-color: #ffffff;
}

#headercontainer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 960px;
  height: 108px;
}

#headerlogo {
  position: relative;
  top: 20px;
  left: 40px;
  width: 386px;
  height: 70px;
}

#headerlogo img {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

#headerfigures {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 453px;
  height: 108px;
}

#headerfigures img {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

#menucontainer {
  position: absolute;
  top: 108px;
  left: 0px;
  width: 100%;
  height: 77px;
  background: url(/newdesign/images/layout/menuframe.jpg) no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}


#contentcontainer {
  position: absolute;
  top: 180px;
  left: 0px;
  width: 960px;
  height: 100%;
  min-height: 790px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}


#leftcolumn {
  position: absolute;
  top: 0px;
  left: 5px;
  width: 240px;
  height: 100%;
  min-height: 790px;
  background: url(/newdesign/images/layout/bg_left_column.jpg) no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#contentarea {
  position: absolute;
  top: 0px;
  left: 250px;
  width: 700px;
  height: 100%;
  min-height: 790px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#cframetop {
  width: 700px;
  height: 20px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url(/newdesign/images/layout/cframetop.png) no-repeat;
}

#cframebottom {
  width: 700px;
  height: 20px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url(/newdesign/images/layout/cframebottom.png) no-repeat;
}

#content {
  width: 700px;
  min-height: 750px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url(/newdesign/images/layout/cframemiddle.png) repeat-y;
}

#content img.birds {
  margin: 5px 5px 5px 5px;
  padding: 0px 0px 0px 0px;
  border: 0px;
}

#innercontent {
  margin: 0px 0px 0px 0px;
  padding: 20px 40px 20px 40px;
}

/******************************************************************************
 * Teaser
 *****************************************************************************/

.teaser {
   clear: both;
   width: 700px;
   padding-left: 35px;
   margin-top: 0px;
   margin-bottom: 0px;
}

.teasertopframe {
   width: 628px;
   height: 16px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   background: url(/newdesign/images/layout/teasertopframe.png) no-repeat;
}

.teaserbottomframe {
   width: 628px;
   height: 18px;
   background: url(/newdesign/images/layout/teaserbottomframe.png) no-repeat;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.teasercontent {
   width: 628px;
   background: url(/newdesign/images/layout/teasercontent.png) repeat-y;
   padding: 5px 0px 5px 0px;
}

.teasercontent img {
   float: left;
   margin: 20px 20px 20px 40px;
   border: none;
}


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

.teasernofoto h2 {
   margin: 20px 20px 0px 40px;
}

.teasercontent p {
   margin: 20px 40px 20px 40px;
   padding: 0px 0px 0px 0px;
}

.teasersubtitle {
   font-style: italic;
   margin: 0px 0px 15px 0px;
}

.teasernofoto .teasersubtitle {
   margin: 0px 40px 15px 40px;
}

.teasermore {
   clear: both;
   margin: 0px 0px 10px 0px;
   padding: 10px 20px 10px 20px;
   text-align: right;
   font-weight: bold;
}

/******************************************************************************
 * 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 Inhaltsbereich */
.content a:link    { color: rgb(166,28,38); text-decoration: none; }
.content a:visited { color: rgb(166,28,38); text-decoration: none; }
.content a:hover   { text-decoration: underline; }
.content a:active  { color: rgb(166,28,38); text-decoration: none; }

/* Linkauszeichnungen Content Ueberschriften als H-Tag */
.content h2 a:link    { color: #000000; text-decoration: none; }
.content h2 a:visited { color: #000000; text-decoration: none; }
.content h2 a:hover   { color: rgb(166,28,38); text-decoration: underline; }
.content h2 a:active  { color: #000000; text-decoration: 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; }

/******************************************************************************
 * Textformatierungen
 *****************************************************************************/

.fs8  { font-size: 8pt;  }
.fs10 { font-size: 10pt; }
.fs12 { font-size: 12pt; }
.fs14 { font-size: 14pt; }
.fs16 { font-size: 16pt; }
.fbold { font-weight: bold; }
.fitalic { font-style: italic; }

/******************************************************************************
 * Abstaende
 *****************************************************************************/

.mt5  { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }


/*** Specials **/
#top_links {padding:15px 0px 0px 71px;color:#787878;}
#top_links ul {}
#top_links li {float:left;padding: 15px 95px 40px 12px; font-size:26px;}
#top_links a {color:#787878;}
#top_links a:hover {color:#A61C26; text-decoration:none;}

.selected {color:#A61C26;}
.top_links {padding-left:71px;font-size:26px;color:#A61C26; font-weight:bold;}
.rot {color:#A61C26;}
.blau {color:#1EA3E5;}
.slim {width: 360px;}

#ueber_uns {background-image:url(../images/layout/Ueber-Uns_BG.jpg);padding-top:360px;padding-bottom:150px;font-family:Verdana, Arial, Helvetica, sans-serif;}
#kontakt {background-image: url(../images/layout/kontakt_BG.jpg);padding-top:35px;padding-bottom:100px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}

ul{padding:0px 0px 0px 0px; list-style:none; margin:0;}
li{padding-left:30px; margin:0; font-size:10px; font-weight:bold;}
h3 {font-weight:bold; font-size:1.2em; line-height:normal; margin:0 0 5px 0;padding:0;}
h4 {font-size:0.8em;color:#A61C26; line-height:normal; margin:0 0 10px 0;padding:0;}

#news ul {list-style: disc;}


#rivers1 {
	background-image:url(../images/layout/rivers_BG1.jpg);
	padding-top:360px;
	padding-bottom:100px;
	background-repeat: no-repeat;
}
#rivers2 {
	background-image:url(../images/layout/rivers_BG3.jpg);
	padding-top:360px;
	padding-bottom:100px;
	background-repeat: no-repeat;
}
#rivers3 {
	background-image:url(../images/layout/rivers_BG2.jpg);
	padding-top:360px;
	padding-bottom:100px;
	background-repeat: no-repeat;
}

#fragen_header {background-image:url(../images/layout/fragen_header.jpg);height:15px;width:405px;padding:0;}
#fragen_footer {background-image:url(../images/layout/fragen_footer.jpg);height:15px;width:405px;padding:0;}
#fragen {background-color:#47AFE4;width:405px;padding:0;}
#fragen_wrap {padding:30px 0px 20px 71px;}
#fragen a {color:#000; font-size:1.2em;}
#fragen a:hover {color:#fff;text-decoration:none;}


#text {padding:0px 0px 20px 71px; width:565px; }
#text img, #text-solo img, #text_kontakt img {float:right; margin-left:30px; padding:0px 0px 5px 10px;}
#text ul {list-style-image: url(../images/layout/dot.gif);padding-left: 30px;}
#text li {font-weight:normal; font-size:1em;}

#text_kontakt {margin-top:70px;padding:0px 0px 0px 71px; width:565px;}

#text-solo {padding:150px 0px 20px 71px;width:565px;}

#footer_ueber_uns {height:156px; background-image:url(../images/layout/footer_ueber_uns.jpg); background-repeat:no-repeat;}
#footer_kontakt {height:156px; background-image:url(../images/layout/footer_kontakt.jpg); background-repeat:no-repeat;}
#footer_rivers {height:156px; background-image:url(../images/layout/footer_rivers.jpg); background-repeat:no-repeat;}
#footer_rivers2 {height:156px; background-image:url(../images/layout/footer_rivers2.jpg); background-repeat:no-repeat;}