body {
  border: 0;
  padding: 0;
  margin: 0;
  background-image: url(../images/kopf_hintergrund.gif);
  background-repeat: repeat-x;
  font: normal 100% arial, sans-serif;
}

.unsichtbar {
  display: none;
}

.trenner {
  clear: both;
  float: none;
}

img {
  border: 0;
}

#unten {
}

#spalte1, #spalte2, #spalte3 {
  float: left;
}

#spalte1 {
  width: 140px;
}

#spalte2 {
  width: 390px;
  padding: 0 31px 0 40px;
}

#spalte3 {
  width: 180px;
}

/* -- Home-Elemente ------ */

#spalte2_home {
  width: 600px;
  margin-left: 40px;
  margin-top: 21px;
  float: left;
}

/*
--------------------------
-- Kopf ------------------
--------------------------
*/

#kopf {
  width: 780px;
  height: 120px;
  border-right: 1px solid #fff;
}

#kopf h1 {
  position: absolute;
  z-index: 2;
  top: 80px;
  left: 8px;
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: normal;
}
#kopf h1.dw_klein {
  top: 84px;
  font-size: 18px;
}

/*
--------------------------
-- Hauptnavigation -------
--------------------------
*/

#hauptnavigation {
  background: #5bb1e3;
  padding: 29px 20px 30px 0;
  background-image: url(../images/raster.gif);
  margin-top: 1px;
  overflow: hidden;
  height: 100%;
}

#hauptnavigation ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#hauptnavigation ul li {
}

#hauptnavigation ul li a {
  background: #5bb1e3;
  font: bold 80% arial, sans-serif;
  color: #fff;
  text-decoration: none;
  display: block;
  border-top: 1px solid #fff;
  padding: 3px 0 3px 9px;
}

#hauptnavigation ul li a:hover, #hauptnavigation ul li a.aktiv {
  background: #1381b0;
}

/*
--------------------------
-- Wissens-Box -----------
--------------------------
*/

#bfdw_navigation {
  padding: 0;
  margin-top: 20px;
  overflow: hidden;
  height: 100%;
}

#bfdw_navigation strong {
  font: bold 80% arial, sans-serif;
  color: #e65a10;
}

#bfdw_navigation_raster {
  margin-left: -8px;
  background: #e65a10;
  background-image: url(../images/raster.gif);
  height: 10px;
  font-size: 1%;
}

#bfdw_navigation ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#bfdw_navigation ul li {
}

#bfdw_navigation ul li a {
  background: #e65a10;
  font: bold 80% arial, sans-serif;
  color: #fff;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #fff;
  padding: 3px 0 3px 9px;
}

#bfdw_navigation ul li a:hover {
  background: #b02a00;
}

/*
--------------------------
-- History ---------------
--------------------------
*/

#history {
  margin: 30px 0 20px 0;
  font-size: 60%;
  color: #999;
}

#history a {
  color: #999;
  text-decoration: none;
}

#history a:hover {
  text-decoration: underline;
}

#history strong {
  color: #000;
  font-weight: normal;
}

/*
--------------------------
-- Inhalt ----------------
--------------------------
*/

#inhalt {
  font-size: 80%;
}

#inhalt h1 {
  margin: 0;
  font-weight: normal;
  font-size: 180%;
}

#inhalt .hoch {
  vertical-align: super;
  font-size: 80%;
}

#text_vorspann {
  font-weight: bold;
}

.text_copytext a {
  color: #1381b0;
  font-weight: bold;
}

.text_copytext a:hover {
  text-decoration: none;
}

/* -- Home-Elemente ------ */

#home_box_spalte1 {
  float :left;
  width: 390px;
  margin-right: 30px;
}

#home_box_spalte1_links, #home_box_spalte1_rechts {
  width: 180px;
  float: left;
  overflow: hidden;
}

#home_box_spalte1_links {
  margin-right: 30px;
}

#home_box_spalte2 {
  float :left;
  width: 180px;
}


/*
--------------------------
-- Fotozeile -------------
--------------------------
*/

#fotozeile {
  height: 100%;
  overflow: hidden;
  background: #deeff9;
  margin-top: 20px;
}

#fotozeile_spalte1 {
  float: left;
  width: 240px;
}

#fotozeile_spalte2 {
  float: left;
  height: 100%;
  overflow: hidden;
  width: 150px;
}

#fotozeile_foto_raster {
  height: 10px;
  background: #000;
  background-image: url(../images/raster.gif);
  font-size: 1%;
}

#fotozeile_bildtext_raster {
  height: 10px;
  background: #1381b0;
  background-image: url(../images/raster.gif);
  font-size: 1%;
}

#fotozeile_bildtext {
  color: #1381b0;
  padding: 5px;
}

#fotozeile_bildtext p {
  margin: 0 0 12px 0;
}

#foto_copyright {
  font-size: 80%;
}


/*
---------------------------------
-- Downloads/Links am Seitenende
---------------------------------
*/

#downloads {
  margin-top: 20px;
  color: #1381b0;
}

#downloads_raster {
  height: 10px;
  background: #1381b0;
  background-image: url(../images/raster.gif);
  font-size: 1%;
}

#downloads_inhalt {
  height: 100%;
  overflow: hidden;
  background: #deeff9;
  padding: 5px 5px 10px 5px;
}

#downloads_inhalt p {
  margin: 0 0 12px 0;
}

#downloads_inhalt ul {
  margin: 0;
  padding: 0 0 0 16px;
  list-style-type: square;
}

#downloads_inhalt a {
  color: #1381b0;
  text-decoration: none;
}

#downloads_inhalt a:hover {
  text-decoration: underline;
}


/*
--------------------------
-- Bereichsnavigation ----
--------------------------
*/

.bereichsnavigation {
  font: normal 80% arial, sans-serif;
  margin-top: 50px;
}

.bereichsnavigation strong {
  font-weight: bold;
  color: #1381b0;
}

.bereichsnavigation_raster {
  height: 10px;
  background: #1381b0;
  background-image: url(../images/raster.gif);
  font-size: 1%;
  margin-top: 3px;
}

.bereichsnavigation ul {
  background: #deeff9;
  margin: 0;
  padding: 5px 5px 10px 20px;
  list-style-type: square;
  color: #1381b0;
}

.bereichsnavigation ul li {
}

.bereichsnavigation ul li a {
  color: #1381b0;
  text-decoration: none;
  margin-bottom: 3px;
  display: block;
}

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

/*
--------------------------
-- Info-Boxen ------------
--------------------------
*/

.infobox {
  font: normal 80% arial, sans-serif;
  margin-top: 30px;
  background: #f2f2f2;
  padding-bottom: 5px;
}

.infobox_headline {
  background: #fff;
  width: 100%;
  padding: 0 0 3px 0;
}

.infobox_raster {
  height: 10px;
  background: #000;
  background-image: url(../images/raster.gif);
  font-size: 1%;
}

.infobox img {
  padding: 0 0 3px 0;
}

.infobox p {
  margin: 0 0 12px 0;
}

.infobox a {
  color: #1381b0;
  font-weight: bold;
}
.infobox a:hover {
  text-decoration: none;
}

.foto_umfluss {
  float: left;
  margin-right: 5px;
}

.box_weiter {
  text-align: right;
  margin-top: 5px;
}

.box_weiter a {
  text-decoration: none;
  font-weight: bold;
  color: #1381b0;
  padding: 0 21px 0 0;
  background-image: url(../images/pfeil_weiter_box.gif);
  background-repeat: no-repeat;
  background-position: right 2px;
}

.box_weiter a:hover {
  text-decoration: underline;
}

/* -- Home-Elemente ------ */

.infobox_gross {
  font: normal 80% arial, sans-serif;
  margin-top: 30px;
  background: #f2f2f2;
  padding-bottom: 5px;
}

.infobox_gross .infobox_headline {
  background: #fff;
  font-size: 120%;
}

.infobox_gross p {
  margin: 0 0 12px 0;
}

.infobox_gross a {
  color: #1381b0;
  font-weight: bold;
}
.infobox_gross a:hover {
  text-decoration: none;
}

.infobox_gross .box_weiter a:hover {
  text-decoration: underline;
}

/* -- Box Spenden ------ */

.infobox_spenden {
  font: normal 80% arial, sans-serif;
  margin-top: 30px;
  background: #e65a10;
  color: #fff;
  padding-bottom: 5px;
}

.infobox_spenden .infobox_headline {
  background: #fff;
  color: #e65a10;
}

.infobox_spenden .infobox_raster {
  background-color: #e65a10;
}

.infobox_spenden p {
  margin: 0 0 12px 0;
}

.infobox_spenden ul {
  list-style-type: square;
  margin: 0;
  padding: 0 0 0 20px;
}

/* -- Home-Elemente ------ */

.infobox_gross {
  font: normal 80% arial, sans-serif;
  margin-top: 30px;
  background: #f2f2f2;
  padding-bottom: 5px;
}

.infobox_gross .infobox_headline {
  background: #fff;
  font-size: 120%;
}

.infobox_gross p {
  margin: 0 0 12px 0;
}

.infobox_gross a {
  color: #1381b0;
  font-weight: bold;
}
.infobox_gross a:hover {
  text-decoration: none;
}

.infobox_gross .box_weiter a:hover {
  text-decoration: underline;
}



/*
--------------------------
-- Teaserliste -----------
--------------------------
*/

.teaser {
  padding: 10px 0 10px 0;
  clear: both;
  float: none;
}

.teaser_raster {
  height: 10px;
  background: #000;
  background-image: url(../images/raster.gif);
  font-size: 1%;
  margin-top: 3px;
}

.teaser_inhalt {
}

.teaser_foto {
  float: left;
  margin-right: 10px;
}

.teaser_text {
  padding: 3px 0 0 5px;
}

.teaser_text p {
  margin: 0 0 12px 0;
}

.teaser_text a {
  color: #1381b0;
  font-weight: bold;
  text-decoration: underline;
}
.teaser_text a:hover {
  text-decoration: none;
}

.teaser_text a.weiter {
  text-decoration: none;
  font-weight: bold;
  color: #1381b0;
  background-image: url(../images/pfeil_weiter.gif);
  background-repeat: no-repeat;
  background-position: right 5px;
  margin-right: 0;
  padding-right: 12px
}
.teaser_text a.weiter:hover {
  text-decoration: underline;
}



/*
--------------------------
-- Fusszeile -------------
--------------------------
*/

#fuss_service {
  margin-top: 45px;
  font-size: 80%;
  font-weight: bold;
  text-align: right;
}

.fuss_link {
  padding-bottom: 2px;
}

.fuss_link a {
  background-image: url(../images/pfeil_weiter.gif);
  background-repeat: no-repeat;
  background-position: right;
  margin-right: 0;
  padding-right: 15px;
  color: #1381b0;
  text-decoration: none;
}

.fuss_link a:hover {
  text-decoration: underline;
}

.fuss_link a.seitenanfang {
  background-image: url(../images/pfeil_seitenanfang.gif);
}

#fuss_copyright {
  font-size: 60%;
  margin-top: 40px;
  margin-bottom: 30px;
}

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

#fuss_copyright a:hover {
  text-decoration: underline;
}
