@import "pfadnavi.css";
@import "metanavi.css";
@import "navigation.css";
@import "navigation3.css";
@import "content.css";
@import "slider.css";
@import "geleistetes.css";


body {
 margin: 0 auto 0 auto; padding: 0; text-align: center;
 background-color: #F5F5F5;
 background-color: #D6D1CE;
 background-color: #F5F5F5;
 font-family: Verdana, Arial, sans-serif; font-size: 100.01%;
 backgrounxd-image: url(https://www.retter112.de/grafik/bg_seite.png);
 background-repeat: no-repeat;
 background-position: bottom left;
 backgxround-color: red;
 background-color: #F5F3F0;
}

.unsichtbar {display: none;}

/* Generelles zum Grundesign im Kopf */

#streifen_grau {
 position: absolute;
 top: 2em;
 left: 50%;
 margin: 0; padding: 0;
 right: 0;
 margin-left: 31.25em;
 margin-left: 15.35em;
 height: 5.5em;
 z-index: 1;
 background-image: url(https://www.retter112.de/grafik/bg_logo.png);
}
/* Stellt den Streifen an der richtigen Position im IE7 dar. \*/
*html #streifen_grau {
  position: relative;
}

/* Generelles zum Grundesign im Kopf ENDE*/

#xy_seite {
 position: relative;
 z-index: 1;
 heixght: 10em;
 text-align: center;
 margin: 0 auto 0 auto; marxgin: 0;
 padding: 0;
 width: 62.5em;
 bacxkground-color: fff;
 font-family: Arial, sans-serif; font-size: 100.01%;
}

#seitenkopf {
 height: 9em;
 text-align: left;
 margin: 35px 0 0 0; padding: 0;
 width: 62.5em;
 bacxkground-color: #fff;
 borxder-bottom: 2px solid #F3EEE8;
}

#navigation {
  float: left;
  position: relative;
  margin: 5.35em 0 0 0.5em; padding: 0;
  text-align: left;
  left: 0;
  z-index: 4;
  width: 33.5em;
  height: 2.085em;
  background-color: #74655D;
  background-image: url(../grafik/bg_navi_e1_off.png);
  background-repeat: repeat-x;
  background-position: bottom;  
}

#content {
 float: left;
 position: relative;
 texxt-align: center;
 width: 62.5em;
 backxground-color: #EBEBEB;
 bacxkground-color: #fff;
 backgrouxnd-color: #F5F5F5;
 bacxkground-color: #D6D1CE;
 z-index: 2;
}

#content_links_mitte {
 float: left;
 width: 48.58em;
 min-height: 20em;
 backxground-color: yellow;
 bordxer-right: 1px solid #fff;
 bordxer-bottom: 1px solid #DCDADA;
 borxder-left: 1px solid #DCDADA;
}

#content_links {
 float: left;
 position: relative;
 width: 15.2em;
 margin: 0 0 1em 0;
 backgxround-color: red;
 bordxer-top: 1px solid #DED3C3;
}

#content_mitte{
 float: left;
 position: relative;
 width: 33.38em;
 boxrder-top: 1px solid #5398D3;
 text-align: left;
 toxp: -0.5em;
 backgxround-color: #fff;
 backgrxound-image: url(https://www.retter112.de/grafik/bg_content_mitte.png);
 background-repeat: repeat-x;
 mxin-height: 20em;
}

#foxoter_links_mitte {
 width: 40em;
 clear: both;
 float: left;
 margin: 2em 0 2em 0;
 bacxkground-color: green;
 border-top: 1px solid #fff;
}

#content_rechts {
 float: left;
 margin: 0; padding: 0;
 width: 13.85em; /* 14.06 +2*/
 paxdding-left: 1em;
 bacxkground-color: red;
 text-align: left;
 boxrder-top: 1px solid #DED3C3;
}

#websuche {
  positixon: relative;
  z-ixndex: 99;
  margin: 0.3em 0 0 0; padding: 0;
}

#websuche form {
  flxoat: left;
  padding: 0; margin: 1.25em 0 0 0.5em;
  border: 0;
}

#websuche input {
  padding: 0.5em 0.225em 0.5em 2em;
  margin: 0;
  xposition: relative;
  width: 16.25em;
  background: white url(../grafik/lupe.gif) center 0 no-repeat;
  background-position: 3px center;
  border: 1px solid #DED3C3;
 -moz-border-radius: 0.55em;
 -webkit-border-radius: 0.55em;  
  font-size: 0.69em;
  color: #CCCCCC;
}

#websuche input:hover, #websuche input:focus {
  background: white url(../grafik/lupe2.gif) center 0 no-repeat;
  background-position: 3px center;
  border: 1px solid #74655D;
  color: #74655D;
}

#submit {
  width: 2em;
  height: 2em;
  background-color: #005CA9;
  padding: 0; margin: 0;
}

form { margin: 0; padding: 0;}

#footer {
 width: 45.38em;
 clear: both;
 float: left;
 margin: 0.5em 0 2em 1em;
 text-align: left;
}

#footer p {
  font-size: 0.65em;
  color: #BDB1AB;
  text-decoration: none;
  position:relative;
  width:100%;
}

#footer p a{
  color: #BDB1AB;
  text-decoration: underline;
}

#bannerzone {
 float: left;
 position: relative;
 margin: 1em 0 0 1em; padding: 0 0 0.5em 0;
 width: 47.38em;
 heixght: 8em;
 background-color: #A6968E;
 -moz-border-radius: 0.55em;
 -webkit-border-radius: 0.55em;  
 border-radius: 0.55em;
 behaxvior: url(border-radius.htc);
}

.banner {
 float: left;
 margin: 0.5em 0 0 0.5em; padding: 0 0 0 0;
 width: 13em;
 height: 7em;
 background-color: #F5F3F0;
 border-radius: 0.55em;
 -moz-border-radius: 0.55em;
 -webkit-border-radius: 0.55em;  
}

.banner p{
 float: left;
 margin: 8em 0 0.5em 1.25em; padding: 0;
 font-size: 0.69em;
 color: #74655D;
}

.banner p a{
 color: #74655D;
 text-decoration: none;
}

.banner p a:hover{
 color: #C00000;
 text-decoration: underline;
}

#onlinespende {
 background-image: url(https://www.retter112.de/grafik/helmlampe.png);
 background-repeat: no-repeat;
 background-position: 0 0.5em;
}

#feuerloescher a:hover{
  position: absolute;
  top: 15em; left: 1em;
  width: 3em; height: 4em;
  background-image: url(https://www.retter112.de/css/grafik/map/feuerloescher_hover.png)
}