body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    margin : 0px;
    background-color: #CAFFCA;
  }

/* Beschreibt das Aussehen des Kopfbereichs */
#Header {
  position: absolute;
  width: 100%;
  top: 36px;
  left: 0px;
  margin: 17px 0px 0px 0px;
  font: 14pt verdana, arial, helvetica, sans-serif;
  padding: 5px 0px 11px 20px;
  height: 14px;
  border-width: 0;
  line-height: 11px;
  background-image: url(/bilder/header_bg.png);
  height: 14px;
}

/* Beschreibt das Aussehen des Inhalts-Bereichs */
#Content {
  position: absolute;
  top: 100px;
  left: 220px;
  margin: 0px 50px 50px 0px;
  border: 1px dashed #999999;
  background-color: transparent;
  padding: 10px;
  max-width: 900px;
}

/* Haupt-Bild fuer die jeweilige Content-Seite */
#Content #ContentImage {
  float: right; 
  margin-left: 5px;
  max-height: 375px;
  max-width: 500px;
}

/* Grundriss-Bild */
#Content #GrundrissImage {
  display: block; 
  margin: 5px;
  max-width: 900px;
}

/* Deko-Bild fuer die jeweilige Content-Seite */
#Content #DekoImage {
  float: right; 
  margin-left: 5px;
  max-height: 375px;
  max-width: 300px;
}

/* Sortierte Listen im Inhaltsbereich bekommen 2em Einrueckung */
#Content ol {
  margin-left: 0;
  padding-left: 2em;
}
/* Unsortierte Listen im Inhaltsbereich bekommen 1.5em Einrueckung */
#Content ul {
  margin-left: 0;
  padding-left: 1.5em;
}
/* Wenn im Inhaltsbereich auf eine Tabelle ein Absatz (<p>) folgt, wird
   ein Abstand von 16px eingefuegt */
#Content table+p {
  margin-top: 16px;
}

/* Styles fuer das Menue */
#Menu {
  position: absolute;
  top: 100px;
  left: 20px;
  width: 170px;
  padding-top:    10px;
  padding-bottom: 10px;
  padding-left:  3px;
  padding-right: 3px;
  background-color: transparent;
  border: 0px;
  line-height: 17px;
}
#Menu ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  white-space: nowrap;
}
#Menu ul a {
  margin: 0px;
  padding: 0px;

  text-decoration:none;
  background:transparent;
  display:block;
  border:0px;
  border-left:4px solid #EEEEEE;
}
#Menu ul ul {
  background-color: #E0E0E0;
  margin: 0px;
  margin-left: 0em;
  padding-left: 1em;
  list-style-type: none;
  white-space: nowrap;
}
#Menu ul ul a {
  margin: 0px;
  padding: 0px;

  text-decoration:none;
  background:transparent;
  display:block;
  border:0px;
  border-left:4px solid #F7F7F7;
}
div#Menu a span {
  display: none;
}
div#Menu a:hover span {
  display: block;
  position: absolute;
  white-space: normal;
  top: 350px;
  left: -1px; /* Der Rand des Menues ist 1 Pixel breit */
  width: 170px;
  padding:    10px;
  z-index: 100;
  color: black;
  text-decoration: none;
  font-weight: normal;
  border: 1px dashed #999999;
  background-color: #EEEEEE;
  text-align: center;
}

/* Neues Layout fuer das Menue auf Basis des PHPcms-Layouts */
.navlevel0 {
  padding: 2px;
  margin: 2px 3px 2px 3px;
  display: block;
}

.navlevel0sel {
  padding: 1px;
  border: 1px solid #999;
  margin: 2px 3px 2px 3px;
  display: block;
}

.navlevel1 {
  padding: 2px;
  margin: 2px 3px 2px 10px;
  display: block;
}

.navlevel1sel {
  padding: 1px;
  border: 1px solid #999;
  margin: 2px 3px 2px 10px;
  display: block;
}

.navlevel2 {
  padding: 2px;
  margin: 2px 3px 2px 20px;
  display: block;
}

.navlevel2sel {
  padding: 1px;
  border: 1px solid #999;
  margin: 2px 3px 2px 20px;
  display: block;
}

.navlevel3 {
  padding: 2px;
  margin: 2px 3px 2px 30px;
  display: block;
}

.navlevel3sel {
  padding: 1px;
  border: 1px solid #999;
  margin: 2px 3px 2px 30px;
  display: block;
}

#Sterne {
  text-align: left;
  display: block;
  margin-top: 2em;
}

#Menu div a {
  text-decoration:none;
  background:transparent;
}



td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
  }


p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
  }


img {
    border : 0px;
    margin : 0px;
    padding : 0px;
  }


div.headline {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #333333;
  }


div.caption {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #920A00;
    font-weight: bold;
  }


span.nav {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #920A00;
    font-weight: bold;
  }


span.small {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
  }


span.red {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FF0000;
  }


A.topnavi:LINK, A.topnavi:VISITED {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #920A00;
    font-weight: normal;
  }


A.topnavi:HOVER {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FF0000;
    font-weight: normal;
  }


A:LINK, A:VISITED {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #920A00;
    font-weight: normal;
  }


A:HOVER {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FF0000;
    font-weight: normal;
  }


.news {
    border-bottom-color : #920A00;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    padding : 3px;
  }


.newshead {
    border-bottom-color : #920A00;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-top-color : #920A00;
    border-top-style : solid;
    border-top-width : 1px;
    background-color: #EEEEEE;
    padding : 3px;
  }


.redsquare {
    height : 4px;
    width : 4px;
    margin : 4px;
  }


table.topnav {
    border-bottom-color : #333333;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-top-color : #333333;
    border-top-style : solid;
    border-top-width : 1px;
    margin-top : 0px;
    margin-bottom: 20px;
  }


ul.menu {
  background-color: #EEEEEE;
  width: 200px;
  padding: 5px;
  padding-top: 3px;
  padding-bottom: 7px;
  border: 1px;
  border-style: solid;
  border-color: #333333;
}
ul.menu ul {
  padding-left: 25px;
}
ul.menu li {
  padding: 2px;
  padding-bottom: 0px;
  vertical-align: middle;
  list-style-type: none;
}


.imageBlock {
  clear: both;
  border-bottom: 1px solid #BFBFBF;
  margin: 1em;
}

.imageBlock img {
  margin: 1em;
}