BODY

.body {
   margin-left:0px;
   margin-right:0px;
   margin-top:0px;
   margin-bottom:0px
}

html, body {
   font-family:verdana, arial, helvetica, sans-serif;
   font-size:95%; /*erreicht annähernd gleiche Schriftgrößen in NN, IE und OP*/
   margin:0px;
   padding:0px;
}

img { border:none; }



/* - - - - - - - - - - - - Beginn Formatierung Tabellen- und Zellenhinterguende - - - - - - - - - - - - */

.dunkelblau { background-color:#004d8f; }
.hellblau { background-color:#E5EDF4; }
.gold { background-color:#ba9354; }
.weiss { background-color:#ffffff; }
.grau_hell { background-color:#d8d9da; }
.grau_dunkel { background-color:#868688; }

/* - - - - - - - - - - - - Ende Formatierung Tabellen- und Zellenhinterguende - - - - - - - - - - - - */


/* - - - - - - - - - - - - Beginn Schriftformatierung - - - - - - - - - - - - */
.normal {
   font-family:verdana, arial, helvetica, sans-serif;
   font-size:11px;
   letter-spacing:0.7px;
}

.normal_fett {
   font-size:100%;
   font-weight: bold;
}

.blau_fett {
   font-family:verdana, arial, helvetica, sans-serif;
   font-size:12px;
   font-weight: bold;
   letter-spacing:0.7px;
    line-height:16px;
   color: #004d8f;
}

.blau {
   font-family:verdana, arial, helvetica, sans-serif;
   font-size:12px;
   font-weight: 500;
   letter-spacing:0.7px;
   line-height:16px;
   color: #004d8f;
}

.schwarz_fett {
   font-family:verdana, arial, helvetica, sans-serif;
   font-size:12px;
   font-weight: bold;
   letter-spacing:1.0px;
   color: #000000;
}

.schwarz {
   font-family:verdana, arial, helvetica, sans-serif;
   font-size:12px;
   font-weight: 500;
   letter-spacing:0.7px;
   color: #000000;
}

.schwarz_feature_ue {
   font-size: 10px;
   font-weight: 700;
   letter-spacing: 0.7px;
   line-height: 11px;
   vertical-align: top;
   color: #000000;
 }
.schwarz_feature_text {
   font-size: 10px;
   font-weight: 500;
   letter-spacing: 0.7px;
   line-height: 11px;
   vertical-align: top;
   color: #000000;
 }

/* - - - - - - - - - - - - Ende Schriftformatierung - - - - - - - - - - - - */


/* - - - - - - - - - - - - Beginn Linkformatierung - - - - - - - - - - - - */
a.link {
   font-size:100%;
   text-decoration: none;
   color: #004d8f;
}
a.link:hover { color: #000000; }

a.link_rot {
   font-size:100%;
   text-decoration: none;
   color: #EA0814;
}

a.link_schwarz {
   font-size:100%;
   text-decoration: none;
   color: #000000;
}

a.link_blau {
   font-size:100%;
   text-decoration: none;
   color: #004d8f;
}

a.link_blau_fett {
   font-size:100%;
   font-weight: bold;
   text-decoration: none;
   color: #004d8f;
}
/* - - - - - - - - - - - - Ende Linkformatierung - - - - - - - - - - - - */



/* Beginn Positionierung / Formatierung Startgrafiken */

.pos_startbilder {
  padding-left: 48px;
  padding-top: 48px;
  z-index:1;
  }
.startbilder {
  border: 4px solid #99B8D2;
  margin-right:18px;
  /* z-index:1; */
  }
/* Ende Positionierung / Formatierung Startgrafiken */
#feature { width:120px;}

#grafik {
  position: absolute;
  top:288px;
  left:48px;
  }

.inhalt {
  padding-left:240px;
  padding-right:20px;
  padding-top:48px;
  width: 100%;
  }

/* Beginn Formatierung Historeinseite */
.historienseite {
  padding-left:48px;
  padding-right:20px;
  padding-top:48px;
  width: 100%;
  }

#historie_text {position: relative; left:240px;}

#grafik_personen_links {position: relative; left:48px;}
#grafik_personen_rechts {position: relative; left:240px;}

#grafik_postkarte {position: relative; left:48px;}

#grafik_haus_links {position: relative; left:48px;}
#grafik_haus_rechts {position: relative; left:240px;}

/* Ende Formatierung Historienseite */



/* - - - - - - - - - - - - BEGINN Formatierung Hauptnavigation - - - - - - - - - - - - */


td.bg_hauptnavigation {
  background-color:#004d8f;
  border-bottom: 4px solid #000;
  padding-left:8px;
  }

ul#Navigation { display: block; margin: 0;}

ul#Navigation li {
   margin: 0;
   list-style: none;
   float: left;
   position: relative;
   margin-right:24px;

   display: block;
   }

ul#Navigation li ul {
   margin: 0px;
   float: left;
   position: absolute;
   top: 44px; left: -40px;
   display: none;  /* Unternavigation beim Start ausblenden */
   }

ul#Navigation li ul li{ /* definiert die Hintergrundfarbe der aufklappbaren Submenues */
   float: none;
   background-color:#d8d9da;
   display: block;
   }

ul#Navigation a, { display: block; }
ul#Navigation li:hover ul { display: block; /* Unternavigation in modernen Browsern einblenden */ }

a.navigation {
   font-family:verdana, arial, helvetica, sans-serif;
   font-size:12px;
   font-weight:700;
   letter-spacing:1.0px;
   text-decoration: none;
   color:#ffffff;
   padding-left: 9px; padding-top: 8px; padding-bottom: 8px;
   display: block;
   width: 159px;
   }
a.navigation:hover {
   color:#ffffff; background-color:#000000;
   padding-left: 9px; padding-top: 8px; padding-bottom: 8px;
   display: block;
   width: 159px;
   }

/* Beginn Formatierung Aufklappmenue der Hauptnavigation */

a.subnavigation_oben {
   font-family:verdana, arial, helvetica, sans-serif;
   font-size:10px;
   font-weight:700;
   letter-spacing:0.7px;
   text-decoration: none;
   color:#868688;
   padding-left: 9px; padding-top: 9px; padding-bottom: 4px;
   display: block;
   width: 159px;
   border-top: 4px solid #000;
   }
a.subnavigation_oben:hover {
   color:#000000;
   padding-left: 9px; padding-top: 9x; padding-bottom: 4px;
   display: block;
   width: 159px;
   border-top: 4px solid #000;
   }

a.subnavigation {
   font-family:verdana, arial, helvetica, sans-serif;
   font-size:10px;
   font-weight:700;
   letter-spacing:0.7px;
   text-decoration: none;
   color:#868688;
   padding-left: 9px; padding-top: 9px; padding-bottom: 4px;
   display: block;
   width: 159px;
   }
a.subnavigation:hover {
   color:#000000;
   padding-left: 9px; padding-top: 9x; padding-bottom: 4px;
   display: block;
   width: 159px;
   }

a.subnavigation_unten {
   font-family:verdana, arial, helvetica, sans-serif;
   font-size:10px;
   font-weight:700;
   letter-spacing:0.7px;
   text-decoration: none;
   color:#868688;
   padding-left: 9px; padding-top: 9px; padding-bottom: 4px;
   display: block;
   width: 159px;
   border-bottom: 24px solid #d8d9da;
   }
a.subnavigation_unten:hover {
   color:#000000;
   padding-left: 9px; padding-top: 9x; padding-bottom: 4px;
   display: block;
   width: 159px;
   border-bottom: 24px solid #d8d9da;
   }
/* Ende Formatierung Aufklappmenue der Hauptnavigation */



/* Beginn Formatierung Sonderbutton Historie */
#historie {
   position: relative;
   top:8px;
   left:28px;
   }
a.histrorie {
   font-family:verdana, arial, helvetica, sans-serif;
   font-size:12px;
   font-weight:700;
   letter-spacing:0.7px;
   text-decoration: none;
   color:#ba9354;
   }
a.histrorie:hover {
   color:#ba9354;
   }
/* Beginn Formatierung Sonderbutton Historie */


/* Beginn Formatierung Nebennavigation / Kontakt/Impressum */
.nav_hellblau {
   background-color:#E5EDF4;
   padding-left:28px;
   }
a.neben_navigation {
   font-family:verdana, arial, helvetica, sans-serif;
   font-size:10px;
   line-height:20px;
   font-weight:700;
   letter-spacing:1px;
   color: #004d8f;
   text-decoration: none;
   }
a.neben_navigation:hover {color: #000000;}
a.neben_navigation_aktiv {color: #004d8f;}
/* Ende Formatierung Nebennavigation / Kontakt/Impressum */

#testclass {
  z-index:1;
  position:absolute;
  top:300px;
  left:50px;
}