body {
    height: 768px;
    color: #000000; background-color: #FFFFFF;
    font-size: 11px;
    font-family:  Arial, Helvetica, Verdana, sans-serif;
    letter-spacing: normal;
    margin-top: 0; margin-bottom: 20px;
    margin-left: 112px;
    margin-right: 112px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 20px;
    min-width: 25%; /* Mindestbreite verhindert Umbruch und Anzeige in modernen Browsern */
  }

#submenue_am,
#submenue_dw,
#submenue_ju,
#submenue_pr,
#submenue_pt  {
              display:none;
              }

a:link { color: #3333FF; text-decoration:none; font-weight: normal;  }
a:visited { color: #336633; background-color: #FFFFFF; text-decoration:none;   }
a:hover { color: #CC3300; text-decoration:none; background-color:#FFFFFF; font-weight: normal; }
a:active { color:#CCCCCC; background-color:#FFFFFF; font-weight: normal; }

h2 {
font-size: 15px;
font-weight: bold;
margin-left: 10px;
}

h3 {
font-size: 13px;
font-weight: bold;
margin-left: 10px;
}

h4 {
font-size: 12px;
font-weight: bold;
margin-left: 10px;
}

td h4 {
      background-color:#DFDFDF;
      height:25px;
      }

#Inhalt table        {
             width:469px;
             }

object { margin-left: 15px; margin-right: 15px; }

#logo {
        height: 80px;
        width: 479px;
        margin-top: 0;
margin-left: 180px;
margin-right: 363px;
                margin-bottom: 15px;
                padding-top: 0;
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;  /*das Logo befindet sich oben zentriert*/
}

#logo img { /*Das Logo steht oben links ueber dem Inhaltsbereich. Das Logo ist mit der Startseite verkuepft.*/
position: relative;
left: 12px;
top: 37px;
}

#logo a { color: #000000; background-color: #FFFFFF; font-weight: normal; }

#logo a:visited {
    color: #336633; background-color: #FFFFFF; font-weight: normal;
  }

#logo a:hover {
    color: #CC3300; background: none;
        font-weight: normal;
        font-size: 11px;
  }

#logo a:active {
    color: #CCCCCC; background-color:#FFFFFF; font-weight: normal;
  }

#logo a:focus { color: #CC3300; background-color:#FFFFFF; font-weight: normal; }

#kopf { /*Im Kopfbereich sind Ziergraphik und Brotkrummenleiste vereint.*/
        background-image: url(grafikplatzhalter.jpg); background-repeat: no-repeat;
        height: 150px;
        width: 800px;

                margin-top: 0;
                margin-bottom: 10px;
                font-family: Arial, Verdana , Helvetica , sans serif;
                font-size: 10px;
                position:relative;
                top:0px;
                left:0px;
        vertical-align: middle;  /*der Kopf besteht aus einer Graphik und soll die drei Spalten ueberdachen, ohne die vollstaendige Breite einzunehmen. Der betreffende Div-Container beinhaltet zudem die Bortkrummenzeile samt Hintergrundbild sowie die Nebennavigation.*/
}

#kopf a  {
font-size: 10px;
text-decoration: none; background: none;
}

#kopf a:link {
color: #000000; background: none; font-weight: normal;
font-size: 10px;
}

#kopf a:visited {
    color: #336633; background: none; font-weight: normal;
  }

#kopf a:hover {
    color: #CC3300; 
    background: none;
        font-weight: normal;
        font-size: 10px;
  }

#kopf a:active {
    color: #CCCCCC; background-color:#FFFFFF; font-weight: normal;
  }


#kopf a:focus { color:#CC3300; background-color:#FFFFFF; font-weight: normal; }

#logo a.abrueckung  {
margin-left:60px;
}

.nebennav { height: 12px; width: 200px; margin-bottom: 12px; padding-left: 12px;  } /*Die Nebennavigation enthaelt die Links zur Sitemap und Impressum.*/

.nebennav p {
height: 12px;
margin-top: 6px;
position: relative; left: 415px; bottom: -10px;
margin-bottom: 3px; font-weight: normal;
}

.brotkr {
position:absolute;
top:123px;
left:0px;
margin-top:0px;
padding-top:0px;
padding: 0px;
background-image: url(brotkr.jpg);
background-repeat: no-repeat;
height: 21px;
width: 799px;
font-size: 10px;
font-family: Arial , Helvetica , Verdana ,  sans-serif;
}

.brotkr p {  margin-left: 196px;  margin-top: 0; padding-top: 4px; padding-right: 3px;   }

#Navigation {
    font-family: Arial , Helvetica , Verdana , sans serif;
    float: left;
    height: auto;
    width: 140px;
    margin-top: 0;
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
    padding: 0;
  }


#Navigation a  {
    background-color: #FFFFFF;
    display: block;
    font-weight: normal;
    margin-bottom: 15px;
    text-decoration: none;
}

#Navigation a:link {
    color: #000000; background-color: #FFFFFF; font-weight: normal;
  }

#Navigation a:visited {
    color: #336633; background-color: #FFFFFF; font-weight: normal;
  }

#Navigation a:hover {
    color: #CC3300; background-color: #FFFFFF; font-weight: normal;
    text-decoration: underline;
  }

#Navigation a:active {
    color: #CCCCCC; background-color:#FFFFFF; font-weight: normal;
  }

#Navigation a:focus { color: #CC3300; background-color:#FFFFFF; font-weight: normal; text-decoration: underline}

#Navigation .submenue a {
  font-size:10px;
  font-weight: normal;
  margin-left: 8px;
}

#Navigation .submenue .submenue2 a  {
  margin-left:16px;
}

#Navigation .submenue a.aktiviert {
  text-decoration:underline;
}

#Navigation p { margin-top: 0; padding-top: 0; }

.submenue p {
margin-left: 8px;
font-size: 12px;
}

.submenue a:link {
    color:#000000;
    background-color:#FFFFFF;
  }

.submenue a:visited {
    color: #336633;
    background-color:#FFFFFF;
  }

.submenue a:hover {
    color:#CC3300;
    background-color:#FFFFFF;
  }

.submenue a:active {
    color:#CCCCCC;
    background-color:#FFFFFF;
  }

.submenue a:focus {
        color:#CC3300;
        background-color:#FFFFFF;
        }

#Termine        {
                position: absolute; left: 782px; top: 255px;
                width: 119px;
                height: auto;
                margin-top: 0;
                padding: 0;
		font-family: Arial , Helvetica , Verdana , sans-serif;
}

#Termine table  {
                width:100%;
                font-size:10px;
                margin-left:0px;
                margin-top:10px;
                margin-bottom:10px;
                padding-top:0px;
                }

#Termine table th  {
text-align:left;
font-weight:800;
}

#Termine table td  {
text-align:left;
font-weight:300;
}

#Termine p {
font-size: 10px;
margin-top: 0px;
padding-top: 0px;
margin-left:0px;
}



div#Inhalt {
position:absolute;
left:293px;
top:255px;

font-family: Arial, Helvetica, Verdana, sans-serif;
letter-spacing: 0.08em;

padding-top: 0;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 20px;

background-color: #FFF;

width: 469px;
height: auto; /* Der MS IE 5 und 6 mag die Angaben min-height und max-height gar nicht, obwohl oder gerade weil sie Standard sind */

border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-top: 0; margin-bottom: 20px;
  }

#Inhalt p {
    font-size: 11px;
    margin-left: 10px;
        margin-right: 0;
        margin-top: 5px;
  }

.akzent { font-style: italic; letter-spacing: 0.08em; }

.bildlinks  { /*Text umfliesst Bild links*/
  border: 0;
  max-width: 200px;
  max-height: 200px;
  float: left;
  margin-top: 0;
  margin-left: 10px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  font-size: 10px;
   }

.textblock { text-align: left; margin-left: 10px; letter-spacing: 0.08em; }
