* {margin:0;padding:0;}
html,body {height:100%;}
body {font-family:'Lato', sans-serif;font-size:14px;line-height:2.2;color:#343434;}

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

p {margin:10px 0;}
h1 {font-family:'Lato', sans-serif;font-size:24px;font-weight:normal;text-transform:uppercase;padding:0 0 24px;margin:0;line-height:1.25;letter-spacing:1px;}
h2 {font-family:'Lato', sans-serif;font-size:24px;text-transform:uppercase;padding:0 0 25px;margin:0;line-height:1.25;letter-spacing:1px;}
h3 {font-family:'Lato', sans-serif;font-size:19px;text-transform:uppercase;font-weight:normal;padding:0 0 10px;margin:0;line-height:1.25;letter-spacing:1px;}

.contentContainer p {margin:20px 0;}

.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;}

a:link, a:visited {text-decoration:none;color:#004188;}
a:active {text-decoration:none;color:#004188;}
a:hover {text-decoration:underline;color:#004188;}
a img {border-width:0;}

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

*::-moz-selection {background-color:#013F8A;color:#FFF;}
*::selection {background-color:#013F8A;color:#FFF;}

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

.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;}

#mainWrapper {width: 100%; min-height: 100%; padding-top: 25px;}

.menuOpen #toggleNavi {left: -115px;}
.menuClosed #toggleNavi {left: 0px;}
#toggleNavi{width: 115px; height: 160px; top: 25px; left: 0; background: #fff; position: fixed; z-index: 10; transition: left 0.2s linear;}
#toggleNavi #logoLink img{width: 115px;}
#toggleNavi #naviLink {display: block; width: 100px; padding: 0 0 0 15px; height: 40px; line-height: 40px; color: #fff; font-weight: 600; background: #004188 url(./../../images/arrow-navi.png) no-repeat 90px center;}
#toggleNavi #naviLink:hover {text-decoration: none;}

#map #toggleNavi {left: 0!important; top: 25px!important;}

.menuOpen #map #toggleNavi {display: none;}

#menuWrapper {width: 250px; background: #fff; z-index: 5; float:left; position: fixed; left: 0px; height: 100%; top: 0; transition: left 0.2s linear; overflow-y: auto; -webkit-overflow-scrolling: touch;}
#contentWrapper {width: calc(100% - 250px); height: 100%;right: 0; float:left; position: absolute; top: 0; transition: width 0.2s linear; }

.menuClosed #menuWrapper {left: -250px;}
.menuClosed #contentWrapper {width: 100%;}

#logoWrapper {width: 160px; margin: 30px auto;}

/*STARTSEITE*/
#mapWrapper{position: fixed;  height: 100%; background: #F2F2F2; background-size: cover; transition: width 0.2s linear;}
#map{height: 100%; width: 100%;}
.menuClosed #mapWrapper {width: 100%;}
.menuOpen #mapWrapper {width: calc(100% - 250px);}

/* MAPNAVIGATION */
#mapNavigation {position: absolute; z-index: 100; margin: 50px 0 0 50px;}
.filterLink {display: block; height: 50px; width: 50px; float:left; margin: 0 25px 25px 0; cursor: pointer;}
.filterLink.dienstleistung:hover {background: #013F8A url(./../../images/dienstleistung_weiss.png) no-repeat center!important;}

.filterLink.dienstleistung:hover {background: #013F8A url(./../../images/dienstleistung_weiss.png) no-repeat center!important;}
.filterLink.gastronomie-hotelerie:hover {background: #013F8A url(./../../images/gastronomie-hotelerie_weiss.png) no-repeat center!important;}
.filterLink.gesundheit:hover {background: #013F8A url(./../../images/gesundheit_weiss.png) no-repeat center!important;}
.filterLink.handel:hover {background: #013F8A url(./../../images/handel_weiss.png) no-repeat center!important;}
.filterLink.handwerk:hover {background: #013F8A url(./../../images/handwerk_weiss.png) no-repeat center!important;}
.filterLink.vereine-soziales:hover {background: #013F8A url(./../../images/vereine-soziales_weiss.png) no-repeat center!important;}
.filterLink.verwaltung-recht:hover {background: #013F8A url(./../../images/verwaltung-recht_weiss.png) no-repeat center!important;}
.filterLink.sonstiges:hover {background: #013F8A url(./../../images/sonstiges_weiss.png) no-repeat center!important;}
.filterLink.vorstand:hover {background: #013F8A url(./../../images/vorstand_weiss.png) no-repeat center!important;}
.filterLink.all:hover {background: #013F8A url(./../../images/allemitglieder_weiss.png) no-repeat center!important;}

.infoWindow {padding: 25px;}
.infoWindow .infoWindowTitle {color: #013F8A; font-weight: bold; font-size: 18px;}
.infoWindow .infoWindowRow {float:left; margin: 10px 0 0 0;}
.infoWindow .infoWindowRow img {float:left; margin: 0 15px 0 0; }
.infoWindow .infoWindowRow span {float:left; }
.infoWindow .infoWindowRow span a {color: #013F8A;}



/* CONTENT */
#contentHeader {width: 100%; height: 290px;}
#content{transition: padding 0.2s linear;width: 1395px; margin: 0 auto;}
.menuClosed #content {padding: 30px 10px 30px 10px;}
.menuOpen #content {padding: 30px 10px 30px 10px;}


/* NAVIGATION */
#navigationWrapper {float:left; margin: 0 0 0 45px;}
#navigation {list-style-type: none;}
#navigation li {line-height: 50px;}
#navigation li:hover {}

#navigation li a {text-transform: uppercase; color: #343434; font-weight: 600; font-size: 16px;}
#navigation li:hover > a {text-decoration: none;}

#navigation li ul{display: none; list-style-type: none; margin-left: 5px;}
#navigation li ul li a {font-size: 14px;}

#navigation .dropDownLink {margin-left: 15px;}
#navigation .dropDownLink i {line-height: 50px;}

#closeNaviLink{display: block; height: 45px; cursor: pointer; margin: 30px 0 0 0; line-height: 45px; width:100%; background: #013F8A url(./../../images/arrow-navi-left.png) no-repeat 10px center; float:left; text-transform: uppercase; color: #fff; font-weight: 600; font-size: 16px; text-align: center;}
#closeNaviLink:hover{text-decoration: none;}

/* 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: 'Lato', sans-serif;}
#errorContainer h1 {font-size:35px;color:#142F5D;text-align:center;    font-family: 'Lato', sans-serif;}
#errorContainer #footerError {margin:15px;font-size:small;color:#fff;    font-family: 'Lato', sans-serif;}
#errorContainer .error {color:#142F5D;    font-family: 'Lato', sans-serif;}

/* NEWS */
.newsContainer {position:relative;border-top:1px solid #ddd;margin:0;padding:45px 0;}
.newsContainer.first {margin:30px 0 0 0;border-top:0;}
.newsContainer.detailpage {border-top:0;}
.newsContentThumbnail {position:relative;float:left;width:290px;height:196px;overflow:hidden;margin:0 10px 0 0;padding:0; text-align: center;}
.newsContentText {position:relative;float:left;width:calc(100% - 310px);font-size:16px;margin:0;padding:0 10px 0 0;}
.newsContentText h2 a {font-style:normal;text-decoration:none;color:#646464;}
.newsContentText p a {font-style:normal;text-decoration:none;color:#646464;}
.newsDate {line-height:18px;font-size:18px;letter-spacing:1px;padding:0 0 10px 0;}
.newsDate a {font-style:normal;text-decoration:none;color:#646464;}

/* CONTACTFORM */
.formRow {clear:both;float:none;}
.formRow label {position:relative;float:left;width:220px;margin:0;padding:0;}
.formRow input[type=text] {position:relative;float:left;width:280px; height: 35px; line-height: 35px; color:#343434;font-family:'Lato', sans-serif;font-size:14px;background:#fff;border:1px solid #343434;margin:0 0 15px 0;padding:7px 10px;box-sizing:border-box;}
.formRow textarea {position:relative;float:left;width:280px;height:105px;color:#343434;font-family:'Lato', sans-serif;font-size:14px;background:#fff;border:1px solid #343434;resize:none;margin:0 0 15px 0;padding:7px 10px;box-sizing:border-box;}

.formRow input[type=text]:focus,.formRow textarea:focus {border: 1px solid #004188;}

/* BUTTONROW */
.buttonRow input   {position:relative;float:right;font-size: 16px;height: 35px;width:307px;cursor:pointer;text-align:center;font-family:'Lato', sans-serif;font-size:14px;color:#fff;background:#343434;border:none;margin:0;padding:7px 10px;box-sizing:border-box;}
.buttonRow a.button{position:relative;float:right;font-size: 16px;height: 35px;width:307px;cursor:pointer;text-align:center;font-family:'Lato', sans-serif;font-size:14px;color:#fff;background:#343434;border:none;margin:0;padding:7px 10px;box-sizing:border-box;}
.buttonRow input:hover, .buttonRow .button:hover {color:#fff;background:#004188;text-decoration: none;}

#menuContact {width: 160px; margin: 50px auto 10px auto;}
#menuContact .title {font-weight: 600; font-size: 12px; line-height: 14px;}
#menuContact .vorsitz {font-size: 12px; line-height: 14px; }

#menuContact .contactRow {margin: 20px 0 0 0;}
#menuContact .contactRow img {float:left; margin-right: 10px; width: 15px;}
#menuContact .contactRow span {float:left; font-size: 12px; line-height: 14px;}

#menuContact #poweredBy {margin: 20px 0 0 0; text-align: center; float:left;}

/* GALLERIES */
.galleryCatAlbum {position:relative;display:block;float:left;width:280px;height:187px;text-align:center;background:#fff no-repeat center center;border:5px solid #013F8A;overflow:hidden;margin:0 20px 25px;padding:0;background-size:cover;}
.galleryCatAlbum .mask {position:absolute;top:0;left:0;width:280px;height:187px;overflow:hidden;margin:0;padding:0;}
.galleryCatAlbum .mask {background-color:rgba(255,255,255,0.75);-webkit-transform:translateY(-197px);-moz-transform:translateY(-197px);-o-transform:translateY(-197px);-ms-transform:translateY(-197px);transform:translateY(-197px);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-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;}
.galleryCatAlbum img {position:relative; display:block;}
.galleryCatAlbum .mask h2 {position:relative;font-size:16px;text-transform:uppercase;text-align:center;color:#fff;background:#013F8A;margin:18px 0 0 0;padding:8px 0;}
.galleryCatAlbum .mask p {position:relative;font-size:14px;color:#fff;text-align:center;margin:18px 0;padding:0;}
.galleryCatAlbum .mask span {position:relative;display:block;width:135px;font-size:16px;font-style:normal;text-decoration:none;text-transform:uppercase;text-align:center;color:#fff;background:#013F8A;margin:0 auto;padding:8px 0;}
.galleryCatAlbum:hover {border:5px solid #013F8A;}
.galleryCatAlbum:hover .mask {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1;}
.galleryAlbumImage {position:relative;display:block;float:left;width:205px;height:137px;border:5px solid #FFFFFF;background:#fff no-repeat center center;margin:0 25px 25px;padding:0;}
.galleryAlbumImage.first {margin:0 0 25px 0;}
.galleryAlbumImage:hover {border:5px solid #FFFFFF;}

/* RESSOURCEN */
#resourceHeadline {font-weight:normal;color:#343434!important;padding:0;}
.resourceText {width:100%;margin-top:25px;}
.resourceText img {float:right;margin:0 3px 10px 10px;border:3px solid #004188;}

.resourceOverviewList {margin-top:40px;background-position:40px top;background-repeat:no-repeat;box-sizing:border-box;padding:0 0 0 0px;}
/*
.resourceOverviewList.resOverviewImg-2 {background-image:url('./../../images/dienstleistung_big.png');}
.resourceOverviewList.resOverviewImg-3 {background-image:url('./../../images/gastronomie_big.png');}
.resourceOverviewList.resOverviewImg-4 {background-image:url('./../../images/gesundheit_big.png');}
.resourceOverviewList.resOverviewImg-5 {background-image:url('./../../images/handel_big.png');}
.resourceOverviewList.resOverviewImg-6 {background-image:url('./../../images/handwerk_big.png');}
.resourceOverviewList.resOverviewImg-7 {background-image:url('./../../images/vereine_big.png');}
.resourceOverviewList.resOverviewImg-8 {background-image:url('./../../images/verwaltung_big.png');}
.resourceOverviewList.resOverviewImg-9 {background-image:url('./../../images/sonstiges_big.png');}
.resourceOverviewList.resOverviewImg-11 {background-image:url('./../../images/vorstand_big.png');}
.resourceOverviewList.resOverviewImg-1 {background-image:url('./../../images/allemitglieder_big.png');}*/
.resourceOverviewList > h2 {border-bottom:1px solid #e7e7e7;padding-bottom:10px;margin-bottom:30px;}

.resOverviewInfoBox1 {float:left;line-height:2;width:210px;box-sizing:border-box;padding-right:20px;}
.resOverviewInfoBox2 {float:left;line-height:2;width:200px;box-sizing:border-box;padding-right:20px;}
.resOverviewInfoBox3 {float:left;line-height:2;width:310px;box-sizing:border-box;}
.resOverviewInfoBox2 a, .resOverviewInfoBox3 a {color:#343434;}
.resourceBox a.button {margin:20px 0 22px;}

.resOverviewPerson {padding-left:26px;box-sizing:border-box;background:url('./../../images/person.png') no-repeat left 3px;font-weight:bold;margin-bottom:12px;}
.resOverviewAddress {padding-left:26px;box-sizing:border-box;background:url('./../../images/maps.png') no-repeat left 5px;}
.resOverviewTelephone {padding-left:26px;box-sizing:border-box;background:url('./../../images/telefon.png') no-repeat left 5px;}
.resOverviewFax {padding-left:26px;box-sizing:border-box;background:url('./../../images/fax.png') no-repeat 2px 5px;}
.resOverviewEmail {padding-left:30px;box-sizing:border-box;background:url('./../../images/mail.png') no-repeat left 8px;}
.resOverviewWeb {padding-left:30px;box-sizing:border-box;background:url('./../../images/link.png') no-repeat left 4px;}

.resourceCat {float:left;width:148px;height:45px;color:#fff;background:#004188;border:1px solid #004188;margin:3px;text-align:center;}
.resourceCat h2 {color:#fff;font-weight:normal;}
.resourceCat a {width:148px;height:45px;}
.resourceCat:hover {background:#fff;}
.resourceCat:hover h2 {color:#004188;font-weight:bold;}
.resourceBox {margin:0 0 20px;border-bottom:1px solid #e7e7e7; }
.resourceBox h3 {font-size:21px;letter-spacing:0;color:#343434;}
.resourceBox .resListLogoBox {float:left;width:230px;max-height:100px;overflow:hidden;margin-bottom:5px;}
.resourceBox .resListLogoRightBox {float:left;}
.resourceBox .resListLogoRightBox h3 {max-width:490px;}
.resDetailBox {margin-bottom:40px;}
.resDetailLogo {display:inline-block;margin:5px 0 5px 8px;border:2px solid #fff;}
.resDetailImage {display:inline-block;width:85px;height:50px;margin:5px 0 5px 8px;border:2px solid #fff;overflow:hidden;float:left;}
.resDetailBoxImages {display:inline-block;width:200px;float:left;}
.resDetailBoxContactInfo {line-height: 175%;}
.resDetailBoxContactInfo a {color:#004188!important;}
.resDetailBoxContactInfo a:hover {color:#004188!important;text-decoration:underline;}

.mitgliederBox {float:left;width:480px;text-align:right;}
.mitgliederBox p {font-size:15px;letter-spacing:0.7px;}
.exposeBox {float:right;width:480px;text-align:left;}
.resourceOverviewHome {margin:15px 0;}
.resourceOverviewHome .rescatlink {display:inline-block;float:left;margin:0 0 10px 18px;width:49px;height:49px;background-color:#f1f1f1;border:1px solid #f1f1f1;background-position:center center;background-repeat:no-repeat;}
.resourceOverviewHome .rescatlink.active {border-color:#014189;}
.resourceOverviewHome .rescatlink:hover {background-color:#343436;border-color:#343436;}
#rescathometext {float:right;font-size:16px;padding:8px 0 0;text-transform:uppercase;}
.resourceOverviewPage {border:1px solid #e7e7e7;border-right:0;border-left:0;padding:20px 0 10px;}
.resourceOverviewPage #rescathometext {float:left;padding:8px 0 0 25px;}
.resourceOverviewHome .rescatlink.rescathome-2 {background-image:url('./../../images/dienstleistung.png');}
.resourceOverviewHome .rescatlink.rescathome-2:hover {background-image:url('./../../images/dienstleistung_weiss.png');}
.resourceOverviewHome .rescatlink.rescathome-3 {background-image:url('./../../images/gastronomie-hotelerie.png');}
.resourceOverviewHome .rescatlink.rescathome-3:hover {background-image:url('./../../images/gastronomie_weiss.png');}
.resourceOverviewHome .rescatlink.rescathome-4 {background-image:url('./../../images/gesundheit.png');}
.resourceOverviewHome .rescatlink.rescathome-4:hover {background-image:url('./../../images/gesundheit_weiss.png');}
.resourceOverviewHome .rescatlink.rescathome-5 {background-image:url('./../../images/handel.png');}
.resourceOverviewHome .rescatlink.rescathome-5:hover {background-image:url('./../../images/handel_weiss.png');}
.resourceOverviewHome .rescatlink.rescathome-6 {background-image:url('./../../images/handwerk.png');}
.resourceOverviewHome .rescatlink.rescathome-6:hover {background-image:url('./../../images/handwerk_weiss.png');}
.resourceOverviewHome .rescatlink.rescathome-7 {background-image:url('./../../images/vereine-soziales.png');}
.resourceOverviewHome .rescatlink.rescathome-7:hover {background-image:url('./../../images/vereine-soziales_weiss.png');}
.resourceOverviewHome .rescatlink.rescathome-8 {background-image:url('./../../images/verwaltung-recht.png');}
.resourceOverviewHome .rescatlink.rescathome-8:hover {background-image:url('./../../images/verwaltung-recht_weiss.png');}
.resourceOverviewHome .rescatlink.rescathome-9 {background-image:url('./../../images/sonstiges.png');}
.resourceOverviewHome .rescatlink.rescathome-9:hover {background-image:url('./../../images/sonstiges_weiss.png');}
.resourceOverviewHome .rescatlink.rescathome-11 {background-image:url('./../../images/person.png');}
.resourceOverviewHome .rescatlink.rescathome-11:hover {background-image:url('./../../images/vorstand_weiss.png');}
.resourceOverviewHome .rescatlink.rescathome-12 {background-image:url('./../../images/allemitglieder.png');}
.resourceOverviewHome .rescatlink.rescathome-12:hover {background-image:url('./../../images/allemitglieder_weiss2.png');}


.ResourceBox{float:left;}

/* COOKIE BANNER */
#cmsCookieChoiceBannerModal {position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.01);opacity:0.01;z-index:9999;}
#cmsCookieChoiceBanner {position:fixed;top:0;left:0;right:0;background:rgba(240,240,240,0.9);color:#000;font-size:14px;font-family:Arial,sans-serif;line-height:1.2;z-index:10000;box-shadow:0 0 15px rgba(0,0,0,0.2);max-height:300px;overflow:auto;}
#cmsCookieChoiceBannerInner {position:relative;margin:0 auto;max-width:1500px;padding:20px 10px 10px 10px;box-sizing:border-box;text-align:left;}
#cmsCookieChoiceBannerTitle {font-size:18px;font-weight:bold;margin-bottom:3px;}
#cmsCookieChoiceBannerText {margin-bottom:5px;max-width: 100% !important;}
#cmsCookieChoiceBanner  {-webkit-filter:unset;filter:unset;}

.cmsCookieChoiceBannerToolbox {color:#000;font-size:14px;font-family:Arial,sans-serif;line-height:1.2;}
.cmsCookieChoiceBannerGroup {float:left;margin:10px 20px 10px 0;width:220px;}
.cmsCookieChoiceBannerGroupTitle {font-weight:bold;margin-bottom:5px;}
.cmsCookieChoiceBannerChoice {margin:5px 0 0;}
.cmsCookieChoiceBannerChoice input[type=checkbox] {margin:0 5px 0 0;background:unset;padding:unset;vertical-align:middle;}
.cmsCookieChoiceBannerChoice label {vertical-align:middle;}
.cmsCookieChoiceBannerChoice label.marked {font-weight:bold;}
.cmsCookieChoiceBannerChoiceInfoIcon {display:inline-block;margin:0 0 0 5px;opacity:0.6;cursor:pointer;padding:0 2px;vertical-align:middle;}
.cmsCookieChoiceBannerChoiceInfo {margin:3px 0 0;font-size:12px;opacity:0.8;}
.cmsCookieChoiceBannerToolboxButtons {margin:10px 0 0;}
.cmsCookieChoiceBannerToolboxButtons button {border:0;background:#999;color:#fff;margin:0 5px 5px 0;padding:5px 10px;font-size:14px;line-height:1.2;border-radius:0;-webkit-appearance:none;cursor:pointer;outline:0;}
.cmsCookieChoiceBannerToolboxButtons button.default {background: #013F8A;color: #fff;}
.cmsCookieChoiceBannerToolboxButtons button:hover {background:#444;}
.cmsCookieChoiceBannerToolboxButtons button.default:hover {background: #fff;color: #013F8A;}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton {background: transparent;color:#000000;opacity:0.6;font-size:12px;padding:5px 5px;}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton:hover {background: transparent;}


#navilogo {width: 110px; height: auto;}