html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

body {
    font: 12px Arial, Helvetica, sans-serif;
    text-align: center;
    background-color: #fff7ea;
}

img {
    border: none;
}

.clearfix:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

.clearfix {display:inline-block;}
   /* Hide from IE Mac \*/
.clearfix {display:block;}
   /* End hide from IE Mac */

#distance {
    width: 1px;
    height: 50%;
    background-color: #fff;
    margin-bottom: -267px; /* half of outer's height */
    float: left;
}

div#outer {
    position: relative;
    /* top: 50%; */
    clear: left;
    height: 535px;
    margin: 0 auto;
    /* margin-top: -268px;     /* halbe öhe des DIV's */
    background-image: url(images/backgnd_outer.gif);
    background-position: left top;
    background-repeat: repeat-x;
}

div#container {
    position: relative;
    width: 944px;
    height: 329px;
    margin: 0 auto;
    text-align: left;
    background-color: #921f14;
}

div#header {
    width: 944px;
    margin: 0 auto;
    padding: 30px 0 0 0;
    text-align: left;
    height: 145px;
    background: #fff7ea;
}

div#header .logo {
    float: left;
    width: 293px;
}

div#header .gemeinschaft {
    float: left;
    line-height: 150%;
    margin: 2px 60px 0 137px;
    width: 195px;
}

div#header .gemeinschaft span {
    font-size: 110%;
    font-weight: bolder;
    color: #921f14;
}

div#header .aerzte {
    float: left;
    line-height: 150%;
    margin: 21px 0 0 0;
    width: 180px;
}

div#navigation {
    position: absolute;
    top: -25px;
    left: 0;
    width: 944px;
    text-align: left;
    height: 25px;
    background: #fff7ea;
    z-index: 1000;
}

div#content {
    position: absolute;
    top: 0;
    left: 405px;
    width: 520px;
    text-align: left;
    color: #fff7ea;
}

div#content a, div#content a:link, div#content a:visited {
    color: #fff7ea;
    text-decoration: underline;
}

div#content .content_inner table, div#content .content_inner table p {
  margin:0;
  padding:0;
  border-collapse: collapse;
  border-spacing: 0;
}

div#content .content_headline {
   height: 22px;
   margin: 0 0 0 25px;
   padding: 18px 0 0 0;
}

div#content .content_headline h1 {
    margin: 0;
    padding: 0;
    color: #fff7ea;
    font: 14px Arial, Helvetica, sans-serif;
    font-weight: bolder;
}

div#content .content_inner {
    height: 285px;
    margin: 0;
    padding: 0 19px 0 25px;
    overflow-y: auto; 
    scrollbar-arrow-color: #A2483D;
    scrollbar-base-color: #921F14;
    scrollbar-darkshadow-color: #A2483D;
    scrollbar-face-color: #9B362B;
}

div#content .content_inner h2 {
   margin: 0 0 0 0;
   color: #fff7ea;
   font: 13px Arial, Helvetica, sans-serif;
   font-weight: bolder;
}

div#content .content_inner p {
    padding: 0 30px 9px 0;
    line-height: 130%;
    color: #fff7ea;
    font-size: 100%;
}

div#content .content_inner ul {
    margin: 10px 0 0 0;
    padding:0;
    line-height: 122%;
    list-style: none;
}

div#content .content_inner ul li {
   margin: 0 0 0 0;
   padding: 0 0 3px 10px;
   background-image: url(images/bullet.gif);
   background-position: left top;
   background-repeat:no-repeat;
}

div#content .content_inner ul li ul {
    list-style-type: disc;
}

div#content .content_inner ol {
    margin: -17px 0 0 0;
    padding:0;
    line-height: 122%;
}

div#content .content_inner ol li {
   margin: 0 0 0 0;
   padding: 0 0 3px 10px;
}

div#content .content_inner ol li ul {
    list-style-type: disc;
}

div#content .content_inner ol li ul li {
    margin: 0;
    padding: 0;
}

/***********************/
/* Google Maps */
/***********************/
div#content .content_inner #map {
   border: 2px solid #fff7ea;
   color: #921f14;
}

div#content .content_inner #map a, div#content .content_inner #map a:link, div#content .content_inner #map a:visited {
   color: #921f14;
}

div#content .content_inner #map a:hover {
   text-decoration: underline;
}

div#bild {
    position: absolute;
    width: 405px;
    height: 329px;
    top: 0;
    left: 0;
}

.flash {
   background-image: url(images/portal.jpg);
   background-position: left top;
   background-repeat:no-repeat;
}

div#footer {
    margin: 0 auto;
    width: 944px;
    padding: 8px 0 0 0;
    font-size: 90%;
    text-align: left;
    height: 20px;
    color: #921f14;
}

div#footer a, div#footer a:link, div#footer a:visited {
    color: #921f14;
    padding: 1px 2px 1px 2px;
    text-decoration: none;
    font-weight: normal;
}

div#footer a:hover {
    text-decoration: underline;
}