* {margin:0;padding:0;}
html,body {height:100%;}
body {padding:0 55px 60px 55px;box-sizing:border-box;}

.desktopOnly {display: block;}
.mobileOnly {display: none;}
.tabletOnly {display: none;}
.smartphoneOnly {display: none;}

.wysiwygEditable:hover, .wysiwygEditableText:hover {outline:1px dashed red;}
.wysiwygImageUploadMsg {position:fixed;z-index:9999;top:50%;left:50%;width:300px;height:40px;background:rgba(255, 80, 80, 0.8);color:#000;border:2px solid #ff0000;text-align:center;line-height:1.3;font-family:arial;font-weight:bold;margin-left:-150px;padding:5px;font-size:16px;}
#wysiwygTools {position:fixed;z-index:9999;bottom:0;right:0;background:#fff;border:1px solid #ff0000;color:#000;line-height:1.3;font-family:arial;font-weight:normal;font-size:14px;padding:3px;}

.left{float:left;}
.right{float:right;}

*::-moz-selection {background-color:#fae5ec;color:#000;}
*::selection {background-color:#fae5ec;color:#000;}

.ofRow {position:fixed;left:0;top:0;width:100%;height:25px;text-align:center;background:transparent url('https://www.online-forum.net/of_bann_img/menuklei2.gif') repeat-x top;margin:0;padding:0;z-index:50;transition:ease-out top 300ms;}
.navfixed .ofRow {top:-25px;}
.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 15px 0 0;}
.width_2.rightColumn {padding:0 0 0 15px;}
.width_3.leftColumn {padding:0 10px 0 0;}
.width_3.middleColumn {padding:0 5px;}
.width_3.rightColumn {padding:0 0 0 10px;}

#mainWrapper {position: relative;min-height: 100%;height: auto !important;height: 100%;}
#contentWrapper {padding-bottom: 240px;}

/* 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-top:325px;transition:ease-out padding-top 300ms;}
.navfixed #main {padding-top:160px;}
#header {position:fixed;top:0;left:55px;right:55px;height:385px;margin:0;padding:25px 0 0 0;box-sizing:border-box;background:#cbdfe5;z-index:10;transition:ease-out all 300ms;}
#whiteRow {position:absolute;background:#fff;height:60px;left:0;top:0;right:0;transition:ease-out height 300ms;}
#header-content {position:relative;width:100%;height:300px;margin:60px auto 0 auto;padding:0;transition:ease-out height 300ms;}
#header-content #logo {position:relative;margin:27px 0 0 40px;padding:0;height:229px;transition:ease-out all 300ms;}
.navfixed #header {height:220px;padding:0;}
.navfixed #whiteRow {height:35px;}
.navfixed #header-content {height:145px;}
.navfixed #header-content #logo {height:130px;margin-top:15px;}
#content {position:relative;width:100%;max-width:1446px;margin:0 auto;padding:40px 0 40px 0;box-sizing:border-box;line-height:2;}
#content td, #content th {line-height:2;}
#content ul, #content ol {margin-left:20px;}
#footer {position:relative;width:100%;margin:0 0 25px;padding:0;z-index:5;}
#footer-content {position:relative;width:100%;max-width:1426px;margin:0 auto;padding:0;}

.searchBox {background:url('./../../images/search_header.png') no-repeat left center;height:32px;width:32px;transition:ease-out all 400ms;overflow:hidden;cursor:pointer;}
.searchBox.open {width:230px;cursor:default;}
.searchBox form {width:230px;opacity:0;transition:ease-out opacity 400ms;position:relative;box-sizing:border-box;padding:0 0 0 32px;}
.searchBox.open form {opacity:1;}
.searchBox form input[name="search"] {width:140px;border:0;margin:0;height:32px;vertical-align:top;background:transparent;float:left;}
.searchBox form input[name="submit"] {width:58px;height:32px;vertical-align:top;float:left;}

#header-content .searchBox {position:absolute;right:60px;top:30px;}
#footernavigationContent .searchBox {position:absolute;right:10px;background-image:url('./../../images/search_footer.png');top:0;margin-top:-6px;}

/* NAVIGATIONS */
#navigationButton {display:none;}
#navigation .rightColNavi {display:none;}
#navigation {position:absolute;bottom:55px;right:60px;list-style:none;margin:0;padding:0;transition:ease-out bottom 300ms;z-index:11;}
.navfixed #navigation{bottom:5px;}
#navigation li {position:relative;float:left;margin:0 0 0 10px;padding:0;}
#navigation li.first {margin-left:0;}
#navigation li a {position:relative;display:block;font-weight:bold;font-size:24px;letter-spacing:0.3px;color:#53585a;line-height:1.2;padding:3px 8px 12px 8px;}
#navigation > li > a {border-bottom:2px solid transparent;}
#navigation > li.active > a {border-bottom:2px solid #53585a;}
#navigation li.active > a {color:#53585a;}
#navigation > li:hover > a {text-decoration:none;color:#53585a;border-bottom:2px solid #53585a;}
/* SUBNAVIGATIONS */
#navigation li ul .rightColNavi {display:none;}
#navigation li ul {display:none;}
#navigation li ul {position:absolute;left:50%;list-style:none;margin:0 0 0 -102px;padding:5px 0 0;background:#fae5ec;width:100%;min-width:205px;}
#navigation li ul li {float:none;margin:0;padding:0;width:100%;}
#navigation li ul li a {font-size:18px;font-weight:normal;text-transform:none;text-align:center;color:#53585a;padding:7px 15px;}
#navigation li ul li:hover > a {text-decoration:none;color:#000;}
#navigation li ul li.active > a {text-decoration:none;color:#000;}
#navigation li ul li ul {left:100%;margin-left:0;top:0;padding:0;}
#navigation li:hover > ul {display:block;}

#footernavigationRow {background:#f6f6f6;padding:55px 0;margin-bottom:75px;}
#footernavigationContent {position:relative;width:100%;max-width:1446px;margin:0 auto;padding:0 10px;box-sizing:border-box;}
#footernavigation .rightColNavi {display:none;}
#footernavigation {list-style:none;display:inline-block;}
#footernavigation li {display:inline-block;margin:0 15px 0 0;}
#footernavigation li a {font-weight:bold;color:#53585a;font-size:16px;}
#footernavigation li a:hover {text-decoration:none;color:#000;}

.mapbox {float:left;width:485px;height:320px;margin-right:60px;}
.footercol {float:left;margin-right:150px;}
.footerbox {line-height:1.5;font-size:15px;}
.footerbox.map img {height:100px;margin-bottom:50px;margin-left:-30px;position:relative;}
.footerbox.map {background:url('./../../images/map.png') no-repeat left 150px;padding:0 0 0 50px;}
.footerbox.phone {background:url('./../../images/phone.png') no-repeat left top;padding:10px 0 10px 50px;margin-top:25px;}
.footerbox.mobile {background:url('./../../images/mobile.png') no-repeat left top;padding:10px 0 10px 50px;margin-top:30px;}
.footerbox.fax {background:url('./../../images/fax.png') no-repeat left top;padding:10px 0 10px 50px;margin-top:150px;}
.footerbox.time {background:url('./../../images/time.png') no-repeat left top;padding:10px 0 10px 50px;margin-top:26px;}


@media screen and (max-width:1350px) {
  .footercol {margin-right:40px;}
}


@media screen and (max-width:1200px) {
  .footercol {margin-right:40px;}
}

#footerlinks {position:absolute;bottom:10px;right:0;font-size:13px;}
#footerlinks a {text-transform:uppercase;}


#header-bg {position:absolute;background:#f8dee7;height:220px;left:0;right:0;top:520px;transition:ease-out top 300ms;}
.navfixed #header-bg {top:355px;}
#header-image {position:relative;height:355px;border-bottom:10px solid #C5DBE2;}
.home #header-image {height:auto;}
#header-image-slider {position:relative;height:100%;overflow:hidden;}
#header-image-slider .slick-list, #header-image-slider .slick-track {height:100%;}
#header-image-slider .slide {height:100%;position:relative;background:no-repeat center center;background-size:cover;}
#header-image-slider .slide img {width:100%;}

#footerAllEventsLink {position:absolute;right:10px;margin-top:-50px;font-weight:bold;}
#footer-events {margin:35px 0 100px;position:relative;}
#footer-events .slick-arrow {display:inline-block;width:40px;height:80px;position:absolute;top:50%;margin-top:-40px;}
#footer-events .slick-arrow.slick-prev {left:-60px;background:url('./../../images/arrow-left.png') no-repeat center center;cursor:pointer;}
#footer-events .slick-arrow.slick-next {right:-60px;background:url('./../../images/arrow-right.png') no-repeat center center;cursor:pointer;}
#footer-events .footerEvent {position:relative;height:270px;width:470px;outline:0;margin:0 10px;background:#f5f5f5;box-sizing:border-box;overflow:hidden;padding:30px 20px;}
#footer-events .footerEvent.withThumbnail {padding-left:190px;}
#footer-events .footerEvent .image {position:absolute;left:0;top:0;height:100%;width:170px;background:no-repeat center center;background-size:cover;}
#footer-events .footerEvent p {margin:15px 0;}
#footer-events .footerEvent .previewText {line-height:1.1;margin:0 0;}
#footer-events .footerEvent .moreLink {position:absolute;bottom:0;padding-bottom:20px;left:19px;right:19px;text-decoration:none;background:#f5f5f5;}
#footer-events .footerEvent.withThumbnail .moreLink {left:190px;}
@media screen and (max-width: 1500px) {
  
  #footer-events .slick-arrow.slick-prev {left:0px;z-index:5;}
  #footer-events .slick-arrow.slick-next {right:0px;z-index:5;}
}

#benrathBox {margin-bottom:100px;line-height:2;}
#benrathBox > a {display:block;float:left;width:50%;height:370px;text-decoration:none;padding:50px;box-sizing:border-box;background:no-repeat right center;background-size:auto 100%;}
#benrathBox ul, #benrathBox ol {margin-left:20px;}

#benrathApp {margin-bottom:100px;background:#cbdfe5;}
#benrathAppContent {position:relative;width:100%;max-width:1446px;padding:0 10px;margin:0 auto;box-sizing:border-box;line-height:2;}

/* NEWS */
.newsContainer {position:relative;border-bottom:1px solid #404041;margin:0;padding:45px 0;}
.newsContainer.first {margin:30px 0 0 0;}
.newsContainer.detailpage {background:none;}
.newsContentThumbnail {position:relative;float:left;width:290px;overflow:hidden;margin:0 30px 0 0;padding:0;}
.newsContentText {position:relative;float:left;width:630px;font-size:16px;margin:0;padding:0 10px 0 0;}
.newsContentText h2 a {font-style:normal;text-decoration:none;color:#53585a;}
.newsContentText p a {font-style:normal;text-decoration:none;color:#53585a;}
.newsDate {line-height:18px;font-size:18px;letter-spacing:1px;padding:0 0 10px 0;}
.newsDate a {font-style:normal;text-decoration:none;color:#53585a;}

input[type=text], input[type=password] {position:relative;width:280px;color:#53585a;background:#fff;border:1px solid #53585a;margin:0 0 15px 0;padding:7px 10px;box-sizing:border-box;outline:0;border-radius:0;}
textarea {position:relative;width:280px;height:105px;color:#53585a;background:#fff;border:1px solid #53585a;resize:none;margin:0 0 15px 0;padding:7px 10px;box-sizing:border-box;outline:0;border-radius:0;}
button, input[type=button], input[type=submit], input[type=reset], .button, a.button {display:inline-block;position:relative;font-size:16px;height:35px;width:280px;cursor:pointer;text-align:center;color:#fff;background:#53585a;border:none;margin:0;padding:7px 10px;box-sizing:border-box;outline:0;border-radius:0;}
a.button {padding:0 10px;width:auto;}
button:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, .button:hover {color:#fff;background:#000;text-decoration:none;}

/* CONTACTFORM */
.formRow {clear:both;float:none;}
.formRow label {position:relative;float:left;width:220px;margin:0;padding:0;}
.formRow input[type=text] {float:left;}
.formRow textarea {float:left;}
/* BUTTONROW */
.buttonRow input   {float:left;}
.buttonRow a.button{float:left;}

/* RESOURCES */
.resource {position:relative;border-bottom:1px solid #404041;margin:0;padding:45px 0;}
.resource.first {margin:30px 0 0 0;}
.resource-thumbnail {position:relative;float:left;width:290px;height:196px;overflow:hidden;margin:0 30px 0 0;padding:0; text-align: center;}
.resource-teaser {position:relative;float:left;width:calc(100% - 320px);font-size:16px;margin:0;padding:0;}
.resource-teaser .float {position:relative;float:left;width:50%;font-size:16px;margin:0;padding:0;}
.resource-teaser .fancybox-maps {font-style:normal;text-decoration:none;color:#53585a;}


.resourcedetail {position:relative;margin:0;padding:0;}
.resourcedetail-thumbnail {position:relative;float:left;width:290px;height:196px;overflow:hidden;margin:0 30px 0 0;padding:25px 0 0 0;}
.resourcedetail-thumbnail img {max-width:290px;max-height:196px;}
.resourcedetail-content {position:relative;float:left;width:calc(100% - 320px);font-size:16px;margin:0;padding:0;}
.resourcedetail-content .fancybox-maps {font-style:normal;text-decoration:none;color:#53585a;}


/* SEARCHRESULTS */
.searchresult {position:relative;border-bottom:1px solid #404041;margin:0;padding:20px 0;}
.searchresult.first {margin:30px 0 0 0;}
.searchresult h2 a {font-style:normal;font-size:30px;text-decoration:none;color:#53585a;}
.searchresult a {font-style:normal;font-size:16px;text-decoration:none;color:#53585a;}

/* GALLERIES */
.galleryalbum {position:relative;float:left;width:280px;height:187px;text-align:center;background:#fff no-repeat center center;background-size:cover;border:5px solid #fae5ec;overflow:hidden;margin:0 20px 25px 0;padding:0;}
.galleryalbum .mask,.view .content {position:absolute;top:0;left:0;width:280px;height:187px;overflow: hidden;margin:0;padding:0;}
.galleryalbum h2 {position:relative;line-height:38px;font-family:Lato;font-weight:300;font-size:16px;text-transform:uppercase;text-align:center;color:#fff;background:#53585A;margin:18px 0 0 0;padding:0;}
.galleryalbum p {position:relative;font-family:Verdana;font-weight:300;font-size:16px;font-style:italic;color:#fff;text-align:center;margin:18px 0;padding:0;}
.galleryalbum a.info {position:relative;display:block;width:135px;height:30px;line-height:30px;font-family:Verdana;font-weight:300;font-size:16px;font-style:normal;text-decoration:none;text-transform:uppercase;text-align:center;color:#fff;background:#53585A;margin:0 auto;padding:0;}
.galleryalbum .mask {background-color:rgba(0, 100, 100, 0.3);-webkit-transform:translateX(-300px);-moz-transform:translateX(-300px);-o-transform:translateX(-300px);-ms-transform:translateX(-300px);transform:translateX(-300px);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.galleryalbum:hover .mask {-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px);}
.galleryalbumimage {position:relative;float:left;width:205px;height:137px;background:#fff no-repeat center center;background-size:cover;border:5px solid #fae5ec;overflow:hidden;margin:0 0 25px 20px;padding:0;}
.galleryalbumimage a {display:block;width:100%;height:100%;}

/* EVENTS */
#event-monthly-allowance div {position:relative;float:left;width:33%;font-family:Verdana;font-weight:300;font-size:20px;font-style:normal;text-decoration:none;text-transform:uppercase;margin:0 0 15px 0;padding:0;}
#event-monthly-allowance div.left {text-align:left;cursor:pointer;}
#event-monthly-allowance div.center {text-align:center;}
#event-monthly-allowance div.right {text-align:right;cursor:pointer;}
.event-error {color:red;}
.event {position:relative;border-bottom:1px solid #53585A;margin:0;padding:45px 0;}
.event h2 a {font-style:normal;text-decoration:none;color:#53585A;}
.event p a {font-style:normal;text-decoration:none;color:#53585A;}
.event-date {position:relative;line-height:18px;font-size:18px;text-transform:uppercase;letter-spacing:1px;padding:0 0 10px 0;}
.event-date a {font-style:normal;text-decoration:none;color:#53585A;}

.event-detail {position:relative;margin:0;padding:0;}
.event-detail-thumbnail {position:relative;float:left;width:290px;height:196px;overflow:hidden;margin:0 30px 0 0;padding:0;}
.event-detail-content {position:relative;float:left;width:630px;font-size:16px;margin:0;padding:0;}
.event-detail-date {position:relative;line-height:18px;font-size:18px;text-transform:uppercase;letter-spacing:1px;padding:0 0 10px 0;}
.event-detail-back a {position:relative;bottom:0;right:0;display:block;width:90px;height:30px;line-height:30px;font-family:Verdana;font-weight:300;font-size:16px;font-style:normal;text-decoration:none;text-transform:uppercase;text-align:center;color:#fff;background:#404041;margin:0;padding:0 2px 0 0;}
.event-detail-back a:hover {background:#53585A;}

/* SPONSOREN */
#sponsorenWrapper {height: 200px; width: 100%; padding: 15px 0;}
#sponsorenTop {height: 50px;}
#sponsorenTop h1 { text-align: center;}
#sponsorenBottom {height: 150px; width: 100%;}
.sponsorItem {float:left; height: 100%;  width: 33.3%;}
.sponsorItem .sponsorItemImage {height: 90%; width: 90%; margin: 2% auto; background-size: contain!important;}


/* FOOTER  */
#footerlogo {float: left; height: 100px; width: auto; margin-right: 0px;}
.footerbox {float: left;margin-right: 50px;margin-top: 5px;}
.footerbox.map {
  background: url('./../../images/map.png') no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
  padding: 0 0 0 50px;
  background-position: 0 90%;
}
#footernavigationRow {margin-bottom: 30px;}
#footer-content {max-width: 100%;}
.footercol {margin-top: 30px;}
.footercol table td img {margin-left: 30px;margin-right: 10px;}
.footercol p {margin: 0;}
.footercol table {float: left;}