@charset "UTF-8";
/* CSS Document */
/* ------------------------------------------- VARIABLEN ------------------------------------------- */
/* ------------------------------------------ ALLGEMEINES ------------------------------------------ */
html {
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
  overflow-x: auto; }

body {
  background-color: #F3F3F3; }

html, body, p, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

#all {
  width: 1024px;
  height: auto;
  margin: auto; }

/* -------------------------------------------- SCHRIFT -------------------------------------------- */
h2 {
  margin-bottom: 5px; }

h5 {
  margin: -5px 0px 5px 0px; }

/* ------------------------------------ HEAD | obere Page-Box -------------------------------------- */
#head {
  background: white;
  box-shadow: 0 0 14px #999;
  -webkit-box-shadow: 0 0 14px #999;
  -moz-box-shadow: 0 0 14px #999;
  width: 1024px;
  height: 484px; }

#top {
  background-image: url(../images/top.png);
  background-repeat: no-repeat;
  background-position: left;
  width: 1024px;
  height: 160px; }

#logo {
  margin-top: 33px;
  margin-left: 40px;
  position: absolute;
  z-index: 2; }

#space1 {
  background: none;
  width: 1024px;
  height: 150px; }

´
#menuDiv {
  margin-right: 18px; }

#menuLine {
  border-bottom: 1px solid black;
  width: 1024px;
  height: 0px;
  margin-top: 20px;
  position: absolute; }

#mainMenu {
  margin: 0px;
  padding: 0px;
  float: right;
  display: inline-block; }

#mainMenu ul, #mainMenu li {
  display: inline; }

#mainMenu li a {
  padding: 3px 9px; }

#mainMenu li ul {
  padding: 0;
  margin: 0; }

#mainMenu li.active a {
  background-color: #E6E6E6; }

/* ------------------------------------------- BANNER ---------------------------------------------- */
#contentImageContainer {
  margin-top: 19px; }

#contentImageHeading {
  height: 305px;
  position: absolute;
  z-Index: 2; }

#contentImage {
  height: 305px;
  position: absolute;
  z-Index: 1; }

#blackBox {
  background-image: url(../images/blackBox.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 295px;
  height: inherit;
  position: relative;
  display: table; }

#title {
  background: none;
  width: 240px;
  margin-left: 32px;
  float: left;
  position: absolute;
  bottom: 30px; }

/* ------------------------------------------------------------------------------------------------ */
/* ----------------------------------- BODY | untere Page-Box ------------------------------------- */
#body {
  background: white;
  box-shadow: 0 0 14px #999;
  -webkit-box-shadow: 0 0 14px #999;
  -moz-box-shadow: 0 0 14px #999;
  width: 1024px;
  height: auto;
  margin-top: 30px;
  padding-top: 32px; }

/* ------------------------------------------ PAGE MENU ------------------------------------------- */
#pageMenu {
  background: #6C80AD;
  width: 250px;
  height: auto;
  float: left; }

#pageMenu ul {
  padding: 15px 0px 15px 35px;
  margin: 0; }

#pageMenu ul li {
  list-style-type: none;
  margin-left: -45px;
  padding-left: 0px; }

#pageMenu ul li h6 {
  padding: 0;
  margin: 0; }

#pageMenu ul li a {
  display: block;
  width: 260px;
  padding-left: 45px;
  text-decoration: none; }

#pageMenu ul li a.link {
  background-image: none;
  text-decoration: none; }

#pageMenu ul li a.visited {
  background-image: none;
  text-decoration: none; }

#pageMenu ul li a:focus {
  background-image: url(../images/blauerBalken.png);
  background-repeat: no-repeat;
  background-position: -0px 4px;
  text-decoration: none; }

#pageMenu ul li a:hover {
  background-image: url(../images/blauerBalken.png);
  background-repeat: no-repeat;
  background-position: -0px 4px;
  text-decoration: none; }

#pageMenu ul li a.active {
  background-image: none;
  text-decoration: none; }

/* ---------------------------------------- BANNER GALLERY ---------------------------------------- */
.ssbutton {
  top: 270px;
  right: -15px; }

.ssbutton a span img {
  height: 22px; }

/* --------------------------------------- CONTENT BEREICH ---------------------------------------- */
#text {
  width: 700px;
  height: auto;
  margin-top: -5px;
  margin-right: 32px;
  padding: 0;
  float: right;
  overflow: visible; }

/* ORGELEINTRAG --------------------------------------------------- */
#orgelText {
  width: 560px;
  float: left; }

#orgelGallery {
  width: 104px;
  margin-top: -26px;
  float: right; }

.orgelTextClass {
  margin-bottom: 8px; }

/* DISPOSITION TABELLE --------------------------------------------- */
.dispTable {
  width: 100%;
  margin-top: 20px; }

.dispTableEineSpalte {
  width: 50%; }

.disp_list_table_header {
  border-bottom: 2px solid #C6C6C5;
  padding-left: 5px; }

.disp_list_table_text {
  border-bottom: 1px solid #C6C6C5;
  padding-left: 5px; }

.mehrzeilig {
  line-height: 18px;
  padding-top: 4px;
  padding-bottom: 4px; }

.disp_list_table_size {
  border-bottom: 1px solid #C6C6C5;
  padding-right: 5px; }

/* IMPORTANT NEWS | (Adressänderung)  ----------------------------- */
.importantNewsRed {
  border: 1px solid #7C0000;
  background-color: #F9E4E4;
  height: auto;
  width: auto;
  padding: 7px; }

.importantNewsGrey {
  background-color: #F2F2F2;
  border: 1px solid #848484;
  width: auto;
  height: auto;
  margin-bottom: 30px;
  padding: 7px; }

/* PFEIL BEI OPEN-CLOSE LINKS | (bei Truhen & Leistungen)  ------- */
.pfeil {
  border: 0px;
  vertical-align: baseline;
  margin: 0px 0px -1px -2px; }

/* Trennlinie | (bei Truhen & Leistungen)  ----------------------- */
.trennlinieDiv {
  width: 761px;
  height: 9px;
  pading: 0px;
  margin: 15px 0px 25px -56px;
  position: relative; }

/* ----------------------------------------- LEISTUNGEN -------------------------------------------- */
#leistDivCloseNeubau {
  margin-top: 15px; }

#leistDivCloseNeubau, #leistDivCloseTruhen, #leistDivCloseHausorgeln, #leistDivCloseRestaurierung, #leistDivCloseReRe, #leistDivCloseStimmung, #leistDivCloseWartung, #leistDivCloseUmstellung {
  display: inherit; }

#leistDivOpenNeubau, #leistDivOpenTruhen, #leistDivOpenHausorgeln, #leistDivOpenRestaurierung, #leistDivOpenReRe, #leistDivOpenStimmung, #leistDivOpenWartung, #leistDivOpenUmstellung {
  display: none; }

.leistDivClose {
  background-color: none;
  border-left: 1px solid #6F6F6E;
  height: auto;
  margin-bottom: 5px; }

.leistDivClose ul {
  cursor: pointer;
  margin: 0;
  padding: 0px 0px 0px 18px; }

#leistDivOpenNeubau {
  margin-top: 15px; }

.leistDivOpen {
  background-color: none;
  border-left: 1px solid #2B43AA;
  height: auto;
  margin: 25px 0px 25px 0px;
  padding-left: 16px; }

.leistDivOpenText1 {
  margin-top: 7px; }

.leistDivOpenText2 {
  margin-bottom: 20px; }

.leistDivOpen h3 {
  cursor: pointer; }

.leistTableBsp {
  width: 100%;
  margin-top: 8px; }

.leistTableBspImg img {
  margin-bottom: 13px; }

.leistTableBsp h3, .leistTableBsp p {
  padding: 0px 0px 0px 10px; }

/* ------------------------------------------- TRUHEN ---------------------------------------------- */
.truhenDiv {
  background-color: none;
  border-left: 1px solid #2B43AA;
  height: auto;
  margin: 25px 0px 25px 0px;
  padding-left: 16px; }

.truhenDisposition {
  margin-top: 4px;
  cursor: pointer; }

.truhenTable {
  margin-top: 12px;
  margin-bottom: 10px; }

.truhenTableInfo {
  width: 421px;
  height: 160px;
  margin-left: 10px; }

.truhenTableInfo td {
  padding-left: 5px; }

.truhenTableInfoLine {
  border-bottom: 1px solid #C6C6C5; }

.truhenTableDisposition {
  margin-top: 5px;
  margin-left: 12px;
  margin-bottom: 20px; }

#truhenTableDispositionTruheBirne, #truhenTableDispositionTruheEsche {
  display: none; }

#truhenDispLinkTruheBirne, #truhenDispLinkTruheEsche {
  color: #6F6F6E; }

/*.truheBeitrag { background-color: #F9F3EF; }
.truheDiv { width: 700px; margin-bottom: 20px; }

.truheTitel { padding-bottom: 10px; }
.truheInfoKurz { padding-left: 10px;  }

.truheLinks { padding-bottom: 2px; }
.truheLinks h4 span, .truheLinks h4 img { cursor: pointer; }

#truheInfoNeidhardt, #truheInfoEsche, #truheInfoBirne { display: none; }

.truheInfoDiv {
        width: 700px;
        height: auto;
        margin-bottom: 30px;
}*/
/* ----------------------------------------- WERDEGANG -------------------------------------------- */
#werdegangTable tbody tr td {
  padding: 4px 5px 4px 0px;
  border-bottom: 1px solid #8492C1; }

#space2 {
  width: inherit;
  height: 70px;
  clear: both; }

/* ------------------------------------------ KONATKT --------------------------------------------- */
#map {
  width: 700px;
  height: 450px;
  background-color: blue;
  color: magenta;
  margin-top: 50px; }

.mapprint {
  display: none; }

#googlemap27_kcyf1_0 {
  width: 700px !important;
  align-content: center !important; }

.gm-style {
  width: 700px !important;
  align-content: center !important; }

.gm-style div {
  align-content: center !important; }

/* ------------------------------------------- FOOTER --------------------------------------------- */
#footer {
  border-top: 1px solid black;
  padding-top: 5px;
  padding-right: 35px;
  padding-left: 35px;
  height: 30px; }

#footerLeft {
  float: left; }

#footerRight {
  float: right; }

#footerLeft li {
  display: inline; }

#footerLeft ul {
  padding: 0px;
  margin: 0px; }

#footerLeft li:before {
  content: " | "; }

#footerLeft li:first-child:before {
  content: ""; }

.footerlink {
  text-decoration: none; }

.footersocial img {
  display: none;
}

.items-row {
  padding-top: 18px; }

/* ------------------------------------------- PHOCA GALLERY --------------------------------------------- */
/* Thumbnail size for galleries embedded in articles. Kept here (not in Phoca's
   media/com_phocagallery/css/custom/default.css) so Phoca updates don't wipe it. */
.pg-image {
  width: 104px; }

/* Phoca 5.x adds theme_standard.css, which forces .pg-item-box to a fixed 15em
   width - keep the boxes shrink-to-fit around the thumbnail as before. */
.pg-item-box {
  width: auto;
  padding: 0;
  display: block; }

/*# sourceMappingURL=main2.css.map */
