body {
  font: 0.7em/1.2em Arial, Verdana, sans-serif;
  margin: 0;
  padding: 0;
}

abbr {
  border: none;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #000;
  text-decoration: underline;
}

h1,h2,h3,p {
  font-size: 1.4em;
  margin: 0;
  padding: 0;
}

h2, p.foot a {
  font-size: 1.2em;
  margin: 1em 0 0.75em 0;
}


h3,p {
  font-size: 1em;
  margin: 1em 0 0 0;
}

h3+p {
  margin: 0;
}

p.foot a {
  font-weight: bold;
  text-decoration: none;
}

p.foot a:hover {
  text-decoration: underline;
}

.container {
  position: relative;
  max-width: 980px;
  min-width: 490px;
  padding: 60px 0 0 0;
  border: 1px solid;
  margin: 2em auto;
  background: no-repeat 0 100%;
}

.head {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
}

.head h1 {
  color: #fff;
  line-height: 60px;
  padding: 0 20px;
  margin: 0 200px 0 0;
}

.teaser,
.content {
  width: 450px;
  height: 410px;
  float: left;
  padding: 0 20px 20px 20px;
}

.teaser {
  background: no-repeat 100% 100%;
}

.teaser blockquote {
  margin: 0;
}

.teaser blockquote p {
  font-style: italic;
  font-size: 105%; 
}

.teaser blockquote p cite {
  font-style: normal; 
  font-size: 90%;
}

.content {
  padding-right: 0;
  width: 450px;
  padding-right: 20px;
}

.content .inner {
  height: 335px;
  overflow: auto;
}

.onlinespende .content .inner {
  height: 444px;
  width: 490px;
  margin-left: -20px;
}

.donate {
  display: block;
  overflow: hidden;
  background: url('/_images/bt_online_spenden.png') no-repeat 0 0;
  width: 75px;
  height: 28px;
  text-indent: -1234em;
  margin: 0;
  position: absolute;
  right: 100px;
  bottom: 5px;
}

.footer {
  clear: left;
  position: relative;
  bottom: -20px;
}

.footer a {
  position: absolute;
  right: 0;
}

.signature.susanne-kahl-passoth {
  background: url('/_images/signatur.png') no-repeat 0 0;
  padding: 40px 0 0 0;
}

.navigation,
.navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navigation {
  position: absolute; 
  top: 0;
  right: 0;
  width: 220px;
}

.navigation li {
  padding: 0 0.5em;
  text-align: right;
  position: relative;
}

.navigation li a {
  display: block;
  height: 30px;
  line-height: 30px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.navigation li.selected {
  background: white;
}

.navigation li:hover ul {
  display: block;
}

.navigation ul {
  display: none;
  position: absolute;
  right: 0;
  top: 29px;
  width: 219px;
  padding: 0;
}

.navigation ul li {
  padding: 0 0.5em;
  margin: 0.75em 0;
  text-align: left;
}

.navigation li ul li a {
  height: auto;
  line-height: 1.3em;
  color: #fff;
}

.navigation li:hover a {
  text-decoration: underline;
}

.navigation li:hover ul li:hover a {
  text-decoration: underline;
}

.navigation li:hover ul li a {
  text-decoration: none;
}

.navigation li:hover ul li a {
  color: #fff;
}

.alt_nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

.alt_nav li a {
  position: absolute;
  width: 22px;
  height: 100px;
  display: block;
  left: -15px;
  top: 200px;
  background: url('/_images/bt_zurueck.png') no-repeat 0 0;
  text-indent: -1234em;
  overflow: hidden;
}

.alt_nav li+li a {
  left: auto;
  right: -15px;
  background-image: url('/_images/bt_vor.png');
}

/* ############################### */
/* ###### COLORS & HEIGHTS ####### */
/* ############################### */

.ueberblick .doweria p.foot a,
.ueberblick .doweria h2 a {
  color: #e2007a;
}
.ueberblick .kaenguru p.foot a,
.ueberblick .kaenguru h2 a {
  color: #e75012;
}

.ueberblick .pisa p.foot a,
.ueberblick .pisa h2 a {
  color: #006ab3;
}

.pisa .inner {
  height: 322px; 
}
.ueberblick .kikon p.foot a,
.ueberblick .kikon h2 a {
  color: #562381;
}

.kikon .inner {
  height: 322px; 
}
.ueberblick .kts p.foot a,
.ueberblick .kts h2 a {
  color: #27a22d;
}

.kts .inner {
  height: 308px; 
}
.ueberblick .kjt p.foot a,
.ueberblick .kjt h2 a {
  color: #fbba00;
}

.kjt .inner {
  height: 322px; 
}
.ueberblick .elterntelefon p.foot a,
.ueberblick .elterntelefon h2 a {
  color: #00925b;
}
.ueberblick .kinder-im-blick p.foot a,
.ueberblick .kinder-im-blick h2 a {
  color: #e2001a;
}

.kinder-im-blick .inner {
  height: 322px; 
}
.ueberblick .reichtum2 p.foot a,
.ueberblick .reichtum2 h2 a {
  color: #009ee0;
}

.ueberblick .brotfuerdiewelt p.foot a,
.ueberblick .brotfuerdiewelt h2 a {
  color: #EC7404;
}
.brotfuerdiewelt .inner {
  height: 308px; 
}


/* ################################ */
/* ###### IMPRESSUM / INDEX ####### */
/* ################################ */


.impressum .container,
.index .container {
  border-color: #009ee0;
  background-image: url('/_images/bg_impressum.jpg');
}

.impressum .navigation ul,
.impressum .head,
.index .navigation ul,
.index .head {
  background: #fff;
}

.impressum .navigation ul,
.index .navigation ul {
  border: 1px solid #009ee0;
  border-width: 0 0 1px 1px;
}

.impressum .navigation li+li,
.index .navigation li+li {
  border-top: 1px solid #009ee0;
}

.impressum .navigation li ul li:hover,
.impressum .navigation ul li,
.index .navigation li ul li:hover,
.index .navigation ul li {
  border: none;
}

.impressum .navigation li:hover,
.index .navigation li:hover {
  border-left: 1px solid #009ee0;
}

.impressum .navigation li:hover ul li a,
.index .navigation li:hover ul li a {
  color: #fff;
}

.impressum .navigation li a,
.impressum h2,
.impressum h2 a,
.impressum .foot a,
.impressum .navigation li.selected a,
.impressum .navigation li:hover ul li a,
.impressum .navigation li ul li.selected a,
.impressum .navigation li:hover ul li:hover a,
.index .navigation li a,
.index h2,
.index h2 a,
.index .foot a,
.index .navigation li.selected a,
.index .navigation li:hover ul li a,
.index .navigation li ul li.selected a,
.index .navigation li:hover ul li:hover a {
  color: #009ee0;
}

.impressum .teaser {
  background-image: url('/_images/pic_impressum.png');
}

.index .head h1 {
  background: url('/_images/pic_dwbo.png') no-repeat 0 50%;
  overflow: hidden;
  text-indent: -1234em;
}

.index .teaser {
  background-image: url('/_images/pic_index.png');
}

.impressum .teaser p,
.index .teaser p {
  overflow: hidden;
  text-indent: -1234em;
}

.index .inner {
  height: 360px;
}

/* ######################### */
/* ###### UEBERBLICK ####### */
/* ######################### */

.ueberblick .main li,
.ueberblick .main ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ueberblick h2,
.ueberblick h3,
.ueberblick p {
  margin: 0;
  padding: 0;
}

.ueberblick h2 {
  margin: 1em 0 0 0;
}