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

.contentContainer p {margin:20px 0;}

.left{float:left;}
.right{float:right;}
.center {text-align:center;}

.ofRow {position:fixed;left:0;top:0;width:100%;height:25px;text-align:center;background:transparent url('/of_bann_img/menuklei2.gif') repeat-x top;margin:0;padding:0;z-index:50;}

#backtotop {position:absolute;top:-70px;right:20px;}

.clearingItem {clear:both;float:none;}
.width_1 {margin:0;}
.width_2 {float:left;width:50%;margin:0;box-sizing:border-box;}
.width_3 {float:left;width:33.333%;margin:0;box-sizing:border-box;}
.width_2.leftColumn {padding:0 10px 0 0;}
.width_2.rightColumn {padding:0 0 0 10px;}
.width_3.leftColumn {padding:0 10px 0 0;}
.width_3.middleColumn {padding:0 5px;}
.width_3.rightColumn {padding:0 0 0 10px;}

.contentWidth {position:relative;width:100%;max-width:1190px;padding:0 10px;margin:0 auto;box-sizing:border-box;}

#content {font-family:Tahoma,sans-serif;font-size:12pt;}

/* ERRORPAGE */
.Success, .success {color:green;}
.error, .Error, .errorText {color:red;}
#errorContainer {width:600px;margin:auto;margin-top:10px;border:0;text-align:center;font-family:Arial;}
#errorContainer h1 {font-size:35px;color:#142F5D;text-align:center;font-family:Arial;}
#errorContainer #footerError {margin:15px;font-size:small;color:#fff;font-family:Arial;}
#errorContainer .error {color:#142F5D;font-family:Arial;}

/* BODY-CONTAINERS */
#main {position:relative;width:100%;min-height:100%;margin:0;padding:0;}
#header {position:fixed;width:100%;height:178px;margin:0;top:0;padding:25px 0 0 0;box-sizing:border-box;background:rgba(38,38,38,0.5);border-bottom:1px solid rgba(255,255,255,0.5);z-index:10;transition:ease-out 300ms background, ease-out 300ms border-bottom;}
.headerColored #header {background:#262626;border-bottom:1px solid rgba(255,255,255,0.001);}
#header-content {position:relative;height:152px;margin:0 auto;padding:0;}
#header #logo {position:absolute;padding:0;margin:12px 0 0 40px;z-index:11;}
#content {position:relative;padding-top:268px;padding-bottom:445px;box-sizing:border-box;}
#content.content-startpage {padding-top:90px;}
#footer {position:relative;width:100%;height:355px;background:#262626;margin:-355px 0 0 0;padding:0;z-index:5;}
#footer-content {position:relative;height:245px;margin:0 auto;padding-top:40px;box-sizing:border-box;}
#footer-content a {color:#fff !important;}
#newsletterRow {position:relative;height:110px;background:#cecece;}

#headerSlider {position:relative;height:925px;width:100%;}
.headerSlide.slick-slide {position:relative;height:925px;background:no-repeat center center;background-size:cover;padding-top:177px;box-sizing:border-box;}
#headerSlider .slick-prev {z-index:9;position:absolute;width:70px;height:128px;left:20px;top:53%;background:transparent url('/templates/images/arrow-left.png') no-repeat;border:0;outline:0;cursor:pointer;}
#headerSlider .slick-next {z-index:9;position:absolute;width:70px;height:128px;right:20px;top:53%;background:transparent url('/templates/images/arrow-right.png') no-repeat;border:0;outline:0;cursor:pointer;}
#headerSlider .slick-list {z-index:8;}
.headerSlide .contentWidth {height:100%;color:#fff;font-family:'Open Sans Condensed', sans-serif;line-height:1.5;font-size:45px;letter-spacing:1px;}
.headerSlide .contentWidth > table {width:100%;height:100%;margin:0;padding:0;border:0;border-collapse:collapse;}
.headerSlide .contentWidth > table > tr > td {width:100%;height:100%;margin:0;padding:0;border:0;border-collapse:collapse;vertical-align:middle;}
.headerSlide .contentWidth h1, .headerSlide .contentWidth h2, .headerSlide .contentWidth h3, .headerSlide .contentWidth h4, .headerSlide .contentWidth h5, .headerSlide .contentWidth h6, .headerSlide .contentWidth a {color:#fff;}

#headerBoxes {position:relative;height: auto;width:100%;overflow:hidden;}

#headerBoxes a.box {position:relative;float:left;width:25%;padding:35px;box-sizing:border-box;color:#262626;text-decoration:none;display:block;}
#headerBoxes .box h1 {text-align:left;}
#headerBoxes .box p {font-size:16px;}
#headerBoxes .box1 {background:#a8e3c7;}
#headerBoxes .box2 {background:#b7adc5;}
#headerBoxes .box3 {background:#fee9a6;}
#headerBoxes .box4 {background:#cecece;}
#innerbox {background: url('/templates/images/bg-farbverlauf.png'); height: auto;}


#box-content {font-size: 26px; color: #fff; text-align: center; padding: 15px 0;width: 90%; margin: 0 auto;font-family:'Open Sans Condensed', sans-serif;}

/* NAVIGATIONS */
#menuButton {display:none;}
#navigation {position:absolute;right:0;list-style:none;margin:55px auto 0;padding:0;z-index:10;font-family:'Open Sans Condensed', sans-serif;line-height:1.5;}
#navigation li {position:relative;float:left;margin:0;padding:0;}
#navigation li.first {margin-left:0;}
#navigation li a {position:relative;display:block;font-size:25px;text-transform:uppercase;color:#fff;padding:3px 10px;text-decoration:none;}
#navigation > li > a:after {content:"|";color:#fff;font-size:23px;position:absolute;top:2px;right:-2px;}
#navigation > li.last > a:after {content:'';display:none;}
#navigation li.active > a {color:#fee9a6;}
#navigation li:hover > a {text-decoration:none;color:#fee9a6;}
/* SUBNAVIGATIONS */
#navigation li ul .rightColNavi {display:none;}
#navigation li ul {display:none;}
#navigation li ul {position:absolute;list-style:none;margin:0;padding:0;background:#262626;width:190px;}
#navigation li ul li {float:none;margin:0;padding:0;width:100%;}
#navigation li ul li:hover {background:#cecece;}
#navigation li ul li a {font-size:20px;font-weight:normal;text-transform:none;color:#fff;padding:6px 12px;}
#navigation li ul li.active > a {color:#fee9a6;}
#navigation li ul li:hover > a {color:#262626;}
#navigation li ul li ul {left:190px;top:0;padding:0;}
#navigation li:hover > ul {display:block;}


/* NEWS */
.newsContainer {position:relative;border-top:1px solid #ddd;margin:0;padding:45px 0;min-height:196px;}
.newsContainer.first {margin:30px 0 0 0;border-top:0;}
.newsContainer.detailpage {border-top:0;}
.newsContentThumbnail {position:absolute;width:290px;height:196px;overflow:hidden;margin:0;padding:0;background:no-repeat center center;background-size:cover;}
.newsContentText {position:relative;margin:0 0 0 310px;padding:0 10px 0 0;}
.newsContentText h2 a {font-style:normal;text-decoration:none;color:#262626;}
.newsContentText p a {font-style:normal;}
.newsDate {line-height:18px;font-size:18px;letter-spacing:1px;padding:0 0 10px 0;}
.newsDate a {font-style:normal;text-decoration:none;color:#262626;}

/* CONTACTFORM */
.formRow {clear:both;float:none;}
.formRow label, .buttonRow label {position:relative;float:left;width:220px;line-height:40px;margin:0;padding:0;}
.formRow input[type=text] {position:relative;float:left;width:280px;height:40px;color:#262626;background:#fff;border:1px solid #cecece;line-height:40px;margin:0 0 15px 0;padding:0 10px;box-sizing:border-box;border-radius:0;}
.formRow textarea {position:relative;float:left;width:280px;height:130px;color:#262626;background:#fff;border:1px solid #cecece;resize:none;margin:0 0 10px 0;padding:15px;box-sizing:border-box;border-radius:0;}
/* BUTTONROW */
.buttonRow input {position:relative;font-family:'Open Sans Condensed', sans-serif;font-weight:bold;font-size:22px;letter-spacing:1px;height:40px;width:280px;line-height:40px;cursor:pointer;text-align:center;color:#262626;background:#cecece;border:none;margin:0;padding:0 10px;box-sizing:border-box;border-radius:0;text-transform:uppercase;cursor:pointer;}
a.button         {position:relative;font-family:'Open Sans Condensed', sans-serif;font-weight:bold;font-size:22px;letter-spacing:1px;height:40px;width:280px;line-height:40px;cursor:pointer;text-align:center;color:#262626;background:#cecece;border:none;margin:0;padding:0 10px;box-sizing:border-box;border-radius:0;text-transform:uppercase;display:inline-block;text-decoration:none;}
.buttonRow a.button, .buttonRow input {float:left;}
.buttonRow input:hover, a.button:hover {color:#fff;background:#262626;text-decoration: none;}


a.churchBox {float:left;background:#cecece no-repeat center center;background-size:cover;margin:0 14px 28px;width:calc(33% - 25px);height:145px;position:relative;text-decoration:none;display:block;}
.churchBox img {margin:1px 0 0 1px; display:none;}
.churchBox h3 {color:#262626!important;}
.churchBox .text {position:absolute;bottom:24px;left:24px;right:24px;color:#262626;}
.churchBox .text .date {width:70px;height:100px;background:#bedcff;float:left;font-family:'Open Sans Condensed', sans-serif;font-size:20px;text-transform:uppercase;color:#262626;text-align:center;line-height:1;}
.churchBox .text .date span {display:block;font-size:43px;font-weight:bold;line-height:1.5;}
.churchBox .text .date.c1 {background:#a8e3c7;}
.churchBox .text .date.c2 {background:#B7ADC5;}
.churchBox .text .date.c3 {background:#FEE9A6;}
.churchBox .text .detail {position:absolute;left:85px;right:0;top:10px;}
.churchBox .text .detail h3 {color:#fff;margin:0 0 5px;}
.churchBox .text .detail p {margin:0;padding:0 0 0 24px;background:url('/templates/images/maps.png') no-repeat left 6px;font-family:'Open Sans Condensed', sans-serif;font-size:18px;}

.churchBox .text .detail p.noBg  {background:none; padding: 0 0 0 0;}
.churchBox .text .detail p.noBg i {background:none; padding: 0 6px 0 0;}

.contentCentered {text-align:center;}
.contentCentered a.button {width:calc(33% - 25px);}

.newsBox {float:left;background:no-repeat center center;background-size:cover;margin:0 14px 28px;width:calc(33% - 25px);height:420px;position:relative;text-decoration:none;}
.newsBox h2 a {color:#262626;text-decoration:none;}
.newsBox .desc {margin-top:10px;}
.newsBox a.more {font-style:italic;text-decoration:none;}
.newsBox .img {height:210px;display:block;width:100%;background:#fff no-repeat center top;background-size:100% auto;color:#262626;}

.nlbox {float:left;width:25%;box-sizing:border-box;padding:21px 18px 0 0;position:relative;height:100%;}
.nlbox input, .nlbox button {width:100%;height:66px;background:#fff;border:0;border-radius:0;box-sizing:border-box;padding:0 20px;font-family:'Open Sans Condensed', sans-serif;font-size:18px;font-weight:bold;}
.nlbox input[type=submit] {position:relative;font-size:18px;letter-spacing:1px;line-height:66px;cursor:pointer;text-align:center;color:#262626;background:#fff;border:none;margin:0;padding:0 10px;box-sizing:border-box;border-radius:0;text-transform:uppercase;cursor:pointer;}
.nlbox input[type=submit]:hover {color:#fff;background:#262626;text-decoration: none;}
.nlbox h1 {text-align:left;margin:12px 0 0;text-transform:uppercase;}
#newsletterError {position:absolute;width:100%;background:#cecece;top:21px;color:red;font-weight:bold;}

.footerBox {float:left;height:175px;box-sizing:border-box;padding:0 10px 0 35px;border-left:1px solid #7d7d7d;color:#fff;line-height:1.5;font-size:15px;text-transform:uppercase;font-family:'Open Sans Condensed', sans-serif;letter-spacing:1.2px; width:290px;}
.footerBox h4 {color:#fff;margin:0;line-height:1.5;}
.footerBox.first {padding-left:0;border-left:0;}
.footerBox a {text-decoration:underline;}

#footernavigation .rightColNavi {display:none;}
#footernavigation {list-style:none;}
#footernavigation li {padding:2px 0;}
#footernavigation li a {text-decoration:none;}
#footernavigation li a:hover {text-decoration:underline;}

#event-monthly-allowance {text-align:center;font-weight:bold;font-size:20px;margin-bottom:50px;}
#event-monthly-allowance .left, #event-monthly-allowance .right {cursor:pointer;}
#event-monthly-allowance .center {display:inline-block;}

.event {border-top:1px solid #ddd;padding:45px 0;}
.event.first {border-top:0;}
.event h2 a {text-decoration:none;color:#262626;}
.event-date a {text-decoration:none;color:#262626;}

.eventText {}
.eventText .eventImage {float:left; width: 290px; height: 220px;}
.eventText p {float:left; width: 860px; margin-left: 15px; }

.event-detail-thumbnail div {display:inline-block;position:absolute;width:290px;height:196px;overflow:hidden;margin:0;padding:0;background:no-repeat center center;background-size:cover;}
.event-detail-content {position:relative;margin:0 0 0 310px;padding:0 10px 0 0;}


.galleryCatAlbum {float:left;background:#cecece no-repeat center center;background-size:cover;margin:0 14px 25px;width:calc(25% - 28px);height:280px;position:relative;text-decoration:none;display:block;}
.galleryCatAlbum .mask {position:absolute;bottom:0;left:0;right:0;background:rgba(38,38,38,0.5);color:#fff;box-sizing:border-box;padding:10px;text-align:center;}
.galleryCatAlbum .mask h2 {color:#fff;margin:0;}
.galleryCatAlbum .mask span {color:#cecece;}
.galleryCatAlbum:hover .mask {background:rgba(38,38,38,0.95);}

.galleryAlbumImage {float:left;background:#cecece no-repeat center center;background-size:cover;margin:0 14px 25px;width:calc(25% - 28px);height:220px;position:relative;text-decoration:none;display:block;}


.hyphens {-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}


@media screen and (max-width:1380px) {
  #navigation {margin-top:58px;}
  #navigation li a {padding:3px 4px;font-size:22px;}
  #navigation > li > a:after {font-size:20px;top:3px;}
  #header #logo {margin:30px 0 0 5px;max-width:235px;}
  .footerBox {padding:0 33px;}
  .headerSlide .contentWidth {font-size:34px;box-sizing:border-box;padding:0 95px;}
  
  #headerBoxes a.box {padding:15px;height:100%;}
  #headerBoxes .box p {font-size:14px; }
  
  a.churchBox {height:145px;}
  
  a.churchBox p {line-height: 25px!important;}
  
  .newsBox .img {height:190px;}
}

@media screen and (max-width:1755px) {
    
    #navigation li a {font-size: 19px;} 
    
}

@media screen and (max-width:1055px) {
    
   #menuButton {display:block;position:absolute;right:20px;top:26px;color:#fff;border:1px solid rgba(255,255,255,0.5);padding:0 10px;background:#262626;font-family:'Open Sans Condensed', sans-serif;font-size:18px;cursor:pointer;text-transform:uppercase;}

    #navigation {display:none;}
       
}


.footerlink {text-transform: none;}