/* Stylesheet zur Feuerwehr Braunschweig Startseite */
/* index.hmtl */

/* =============================
   1. Allgemeines
   2. OF Text und Wappen
   3. Fusszeile allgemein
   4. FW Bild und Text
   5. BF Bild und Text
   6. FF Bild uns Text
   ===========================*/

/* =============================
   1. Allgemeines
   ===========================*/

/* Alle Elemente die Abstaende auf 0 
werden spaeter einzeln angegeben! */
* {
margin: 0;
padding: 0;
}

/* mit margin wird hier die ganze Seite
   inkl. Bg IMG verrueckt */
#body {
background-color: white;
color: black;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size: 14px;
margin-top: 20px;
margin-left: 10px;
}

#wrapper {
background-color: white;
color: black;
width: 960px;
height:500px;
background: url(../bilder/bg.gif) no-repeat;
}

h1 {
font-size: 100%;
}

h2 {
font-size: 85%;
font-weight: normal;
}

/* keine Rahmen um die Bilder */
a img {
text-decoration: none;
border: none;
}

a {
color: black;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size: 14px;
text-decoration: none;
}

/* class=text zentriert */
.text{
text-align: center;
}

/* =============================
   2. OF Text und Wappen
   ===========================*/

#of {
position: relative;
padding: 0;
margin: 0;
border: 0;
width: 340px;
top: 160px;
left: 660px;
}

#img_of {
position: absolute;
top: 0px;
left: 0px;
}

/* hier die Breite/Hoehe des OF Wappens eintragen 
   max. Breite 150px !!
   max. Hoehe 150px !!
*/
#logo_of {
width: 78px;
height: 89px;
}

#wrapper_text_of {
float: left;
}

/* gibt an wie weit der Text vom Wappen
   entfernt ist. 10px mehr als Breite des
   Wappens!!! */
#text_of{
margin-left: 100px;
}

/* Abstand zwischen H1 und H2 */
#text_of h1 {
padding-bottom: 1em;
}

/* =============================
   3. Fusszeile allgemein
   ===========================*/

#footer {
position: absolute;
margin: 0;
border: 0;
width: 960px;
top: 440px;
left: 0px;
}

/* Abstand zwischen H1 und H2 */
#text_fw h1, #text_bf h1, #text_ff h1 {
padding-bottom: 0.2em;
}

/* =============================
   4. FW Bild und Text
   ===========================*/

#wrapper_fw{
position: relative;
padding: 0;
margin: 0;
border: 0;
width: 250px;
top: 0px;
left: 170px;
float: left;
}

#fw {
position: absolute;
top: 0px;
left: 0px;
}

/* groesse ELW2 Bild */
#elw2 {
width: 74px;
}

#text_fw {
margin-left: 50px;
}

/* =============================
   5. BF Bild und Text
   ===========================*/

#wrapper_bf{
position: relative;
padding: 0;
margin: 0;
border: 0;
width: 250px;
top: 0px;
left: 180px;
float: left;
}

#bf {
position: absolute;
top: 0px;
left: 0px;
}

/* groesse LF16/12 Bild */
#lf1612 {
width: 74px;
}

#text_bf {
margin-left: 70px;
}

/* =============================
   6. FF Bild uns Text
   ===========================*/

#wrapper_ff{
position: relative;
padding: 0;
margin: 0;
border: 0;
width: 250px;
top: 0px;
left: 190px;
float: left;
}

#ff {
position: absolute;
top: 0px;
left: 0px;
}

/* groesse TSF-W Bild */
#tsf-w {
width: 74px;
}

#text_ff {
margin-left: 60px;
}

/* =============================
   ENDE
   ===========================*/