body {
        background-color: ThreedDarkShadow; /* Hintergundfarbe der gesamten Seite */
        margin: 0px;
        padding-left:250px; /* Abstand der Seite vom linken Rand*/
}

/**************************************************/

/* Kopftabelle mit Logo hellblauer Balken und Logo Handwerkerservice */
.TabelleKopf1 {
        width: 750px; /* Breite der Tabelle */
        height: 60px; /* Höhe der Tabelle */
        background-color: orange;
        margin-top: 0px;
}

/* Logo Bild mit hellblauem Balken */
.logotop {
        width:750;
}

/* Logo Bild mit Handwerkerservice */
.logohwminge {
        height:26px;
}

/**************************************************/


/* Tabelle mit den Bildern von Häusern und Detlef bei der Arbeit */
.TabelleKopfBilder {
        width: 750px;
        height: 145px;
        margin-top: 0px;
        padding: 0px;
}

/* Bild 1 */
.logobild1 {
   width:190;
        height:100%;
}

/* Bild 2 */
.logobild2 {
  width: 560px;
  height:100%;
}

/**************************************************/

/* Tabelle mit der Menüleiste Oben */
.TabelleKopfMenu {
        width: 750px;
        height: 22px;
        background-color: rgb(3,63,123);
        margin-top: 0px;
}

/* Formatierung für die Hyperlinks im Menüleiste oben */
.TabelleKopfMenu A {
        color: white;
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size:10px;
}

/* Formatierung für die Hyperlinks im Menüleiste oben
 * Mit der Maus über den Link fahren.
 */
.TabelleKopfMenu A:hover {
        color: yellow;
        text-decoration: none; /* Nicht unterstreichen */
}

/* Formatierung für die Hyperlinks in Menüleiste oben
 * Aktuell angeklickter Link.
 */
.TabelleKopfMenu A:active {
        color: yellow;
        text-decoration: none; /* Nicht unterstreichen */
}

/**************************************************/


.TabelleKopfHome {
        width: 750px;
        height: 30px;
        background-color: rgb(254,153,0);
        margin-top: 0px;
        text-decoration: none;
}

.TabelleKopfHome A:hover {
        color: yellow; /*Schriftfarbe*/
        text-decoration: none; /* Nicht unterstreichen */
}

/* Formatierung für die Hyperlinks in Menüleiste oben
 * Aktuell angeklickter Link.
 */
.TabelleKopfHome A:active {
        color: yellow; /*Schriftfarbe*/
        text-decoration: none; /* Nicht unterstreichen */
}

/**************************************************/

/* Rahmentabelle, enthält Tabelle Menuleiste Links und Tabelle mit IFrame für die Unterseiten */
.TabelleHaupt {
        width: 750px;
        height: 700px;
        background-color: Rgb(153,52,0);
        margin-top: 0px;
}

/* Tabelle, enthält die Menuleiste Links */
.TabelleMenuLinks {
        width: 90x;
        margin-top: 10px;
        margin-left: 10px;

}

/* Formatierung für die Hyperlinks in Menüleiste Links */
.TabelleMenuLinks A {
        color: white; /*Schriftfarbe*/
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size:11px;
}


/* Formatierung für die Hyperlinks in Menüleiste Links
 * Mit der Maus über den Link fahren.
 */
.TabelleMenuLinks A:hover {
        color: yellow; /*Schriftfarbe*/
        text-decoration: none; /* Nicht unterstreichen */
}

/* Formatierung für die Hyperlinks in Menüleiste oben
 * Aktuell angeklickter Link.
 */
.TabelleMenuLinks A:active {
        color: yellow; /*Schriftfarbe*/
        text-decoration: none; /* Nicht unterstreichen */
}


/* Tabelle, enthält Iframe für Unterseiten
 * Aktuell angeklickter Link.
 */
.TabelleUnterseite {
   width:100%;
        height:690px;
        margin-top: 0px;
        margin-left:0px;
}

/* Formatierung für Tabelle mit dem Copyright */
.copyright {
   width:750px;
   background-color: Rgb(153,52,0); /* Hintergundfarbe*/
        color: white; /*Schriftfarbe*/
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;  /*Texthöhe*/
        font-weight: bold; /* Text fett */
}
