body {
    background-color: #E8F1F5;
    font-size: 11px;
    font-family: Verdana, Arial, Sans-Serif;
    color:#564b47;
    padding:0px;
    margin:0px;
}
a {
  color: #0000FF;
  text-decoration:none;
}
a:hover {color: #FF0000;}

h1 {
    font-size: 11px;
    text-transform:uppercase;
    margin:0px
}
h2 {
    font-size:10px;
    font-weight: normal;
    margin:0px;
}


/* ---------- Alle Elemente sind in der Gesamtseite -------------- */
#gesamtseite {
width: 950px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
}

/* ----------Kopf mit Firma, Tätigkeit und Menü -------------- */
#kopf {
text-align: right;
b\ackground-color: #e1ddd9;
padding: 0px;
margin-top: 30px;
}


#firma {
     width:150px;
     height:150px;
     background-color: #B3C4D5;
     background-image: url(../bilder_org/logo_bg.jpg);
     float:left;
     position:relative;
}
#firma h1 {
    font-size: 17px;
    color:#FFFFFF;
    position: absolute;
    bottom: 7px;
    left: 9px;
 }


#taetigkeiten {
     height:150px;
     float:left;
     position:relative;
 }

#taetigkeiten h1 {
    font-size: 17px;
    color:#B3C4D5;
    vertical-align: bottom;
    text-align: left;
    bottom: 7px;
    left: 5px;
    position: absolute;
 }
 #bild_kopf {
     height:150px;
     float:right;
     position:relative;
 }

 #abstand_kopf {
     clear:both;
     height:20px;
     padding: 4px;
     text-align: right;
 }

.flip_bild {
    float:left;
    margin-left:20px;
    margin-bottom:0px;
    position:relative;
}

/* ----------- Spätere Breadcrumbs ---------------- */
 #wo_bin_ich_und_menue {
     background-color: #B3C4D5;
     height:25px;
 }


 #wo_bin_ich {
     background-color: #B3C4D5;
     padding-top:5px;
     vertical-align: middle;
     float:right;
     position:relative;
 }

 #wo_bin_ich a {
    color: #FFFFFF;
    padding-right:15px;
    font-weight:normal;
    text-decoration:none;
    font-size:11px;
    vertical-align: top;
 }
 #wo_bin_ich a:hover {
    color: #564b47;
 }


/* ----------- Menü ---------------- */
 #menue {
    color: #FFFFFF;
    padding-right:15px;
    font-weight:bold;
    text-decoration:none;
    font-size:12px;
    padding-top: 0px;

    text-align: left;
    background-color: #B3C4D5;
    float:left;
    position:relative;
 }

 #inhalt {
     clear:both;
     background-color: #D3DDE7;
     height: 400px;
     padding:10px
 }


/* ------- Seite mit Artikel und Produkten -------------------- */

.ganze_seite {
     padding: 10px;
     background-color: #C7D1D6;
     height: 360px;
     width: 890px;
     padding:10px;
     margin:10px;
     float:left;
     position:relative;
 }

.artikel {
     padding: 10px;
     background-color: #C7D1D6;
     height: 160px;
     width: 420px;
     padding:10px;
     margin:10px;
     float:left;
     position:relative;
 }
.artikel img {
    float:left;
    margin-right:20px;
    margin-bottom:10px;
}

/* --------------------------- */
 #fussbereich {
    clear:both;
    background-color: #B3C4D5;
    text-align: right;
    height:22px;
    color: #FFFFFF;
    padding-right:15px;
    padding-top: 7px;
    font-weight:bold;
 }