body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/*
	jQuery.mmenu CSS
*/
/*
	jQuery.mmenu panels CSS
*/
.mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }

.mm-menu .mm-hidden {
  display: none; }

.mm-wrapper {
  overflow-x: hidden;
  position: relative; }

.mm-menu,
.mm-menu > .mm-panel {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0; }

.mm-menu {
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0; }
  .mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 20px;
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0); }
    .mm-menu > .mm-panel.mm-opened {
      -webkit-transform: translate(0%, 0);
      -moz-transform: translate(0%, 0);
      -ms-transform: translate(0%, 0);
      -o-transform: translate(0%, 0);
      transform: translate(0%, 0); }
    .mm-menu > .mm-panel.mm-subopened {
      -webkit-transform: translate(-30%, 0);
      -moz-transform: translate(-30%, 0);
      -ms-transform: translate(-30%, 0);
      -o-transform: translate(-30%, 0);
      transform: translate(-30%, 0); }
    .mm-menu > .mm-panel.mm-highest {
      z-index: 1; }
  .mm-menu .mm-list {
    padding: 20px 0; }
  .mm-menu > .mm-list {
    padding-bottom: 0; }
    .mm-menu > .mm-list:after {
      content: '';
      display: block;
      height: 40px; }

.mm-panel > .mm-list {
  margin-left: -20px;
  margin-right: -20px; }
  .mm-panel > .mm-list:first-child {
    padding-top: 0; }

.mm-list,
.mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-list {
  font: inherit;
  font-size: 14px; }
  .mm-list a,
  .mm-list a:hover {
    text-decoration: none; }
  .mm-list > li {
    position: relative; }
    .mm-list > li > a,
    .mm-list > li > span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: inherit;
      line-height: 20px;
      display: block;
      padding: 10px 10px 10px 20px;
      margin: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    width: auto;
    margin-left: 20px;
    position: relative;
    left: auto; }
  .mm-list a.mm-subopen {
    background: rgba(3, 2, 1, 0);
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }
    .mm-list a.mm-subopen:before {
      content: '';
      border-left-width: 1px;
      border-left-style: solid;
      display: block;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .mm-list a.mm-subopen.mm-fullsubopen {
      width: 100%; }
      .mm-list a.mm-subopen.mm-fullsubopen:before {
        border-left: none; }
    .mm-list a.mm-subopen + a,
    .mm-list a.mm-subopen + span {
      padding-right: 5px;
      margin-right: 40px; }
  .mm-list > li.mm-selected > a.mm-subopen {
    background: transparent; }
  .mm-list > li.mm-selected > a.mm-fullsubopen + a,
  .mm-list > li.mm-selected > a.mm-fullsubopen + span {
    padding-right: 45px;
    margin-right: 0; }
  .mm-list a.mm-subclose {
    text-indent: 20px;
    padding-top: 30px;
    margin-top: -20px; }
  .mm-list > li.mm-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
    padding-right: 5px; }
  .mm-list > li.mm-spacer {
    padding-top: 40px; }
    .mm-list > li.mm-spacer.mm-label {
      padding-top: 25px; }
  .mm-list a.mm-subopen:after,
  .mm-list a.mm-subclose:before {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%; }
  .mm-list a.mm-subopen:after {
    border-top: none;
    border-left: none;
    right: 18px; }
  .mm-list a.mm-subclose:before {
    border-right: none;
    border-bottom: none;
    margin-bottom: -15px;
    left: 22px; }

.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }
  .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block; }
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen {
  height: 40px; }
  .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after {
    top: 16px;
    bottom: auto; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen {
  height: 25px; }

html.mm-opened .mm-page {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-menu {
  background: #333333;
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.1); }
  .mm-menu .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.05); }
  .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
  box-sizing: border-box;
  position: relative; }

.mm-slideout {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease; }

html.mm-opened {
  overflow: hidden;
  position: relative; }
  html.mm-opened body {
    overflow: hidden; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-offcanvas {
  display: none;
  position: fixed; }
.mm-menu.mm-current {
  display: block; }

.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 440px; }

html.mm-opening .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);
  transform: translate(80%, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(440px, 0);
    -moz-transform: translate(440px, 0);
    -ms-transform: translate(440px, 0);
    -o-transform: translate(440px, 0);
    transform: translate(440px, 0); } }

/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top,
.mm-menu.mm-bottom {
  width: 100%;
  min-width: 100%;
  max-width: 100%; }

.mm-menu.mm-right {
  left: auto;
  right: 0; }

.mm-menu.mm-bottom {
  top: auto;
  bottom: 0; }

html.mm-right.mm-opening .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  -moz-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  -o-transform: translate(-80%, 0);
  transform: translate(-80%, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-440px, 0);
    -moz-transform: translate(-440px, 0);
    -ms-transform: translate(-440px, 0);
    -o-transform: translate(-440px, 0);
    transform: translate(-440px, 0); } }
/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-slideout {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  z-index: 0 !important; }

.mm-menu.mm-front {
  z-index: 1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

html.mm-opened.mm-next .mm-page {
  box-shadow: none; }

.mm-menu.mm-front, .mm-menu.mm-next {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0); }
  .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0); }
.mm-menu.mm-front.mm-top {
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%); }
.mm-menu.mm-front.mm-bottom {
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%); }

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

.mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom {
  height: 80%;
  min-height: 140px;
  max-height: 880px; }

/*
	jQuery.mmenu counters addon CSS
*/
em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 40px;
  top: 50%; }
  em.mm-counter + a.mm-subopen {
    padding-left: 40px; }
    em.mm-counter + a.mm-subopen + a,
    em.mm-counter + a.mm-subopen + span {
      margin-right: 80px; }
  em.mm-counter + a.mm-fullsubopen {
    padding-left: 0; }

.mm-vertical em.mm-counter {
  top: 12px;
  margin-top: 0; }

.mm-nosubresults > em.mm-counter {
  display: none; }

.mm-menu em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

/* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/* ColorBox, (c) 2011 Jack Moore, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/** Style sheet 1200px centered Layout with Body-Background-Image rost and Site-Background anthrazit **/

/** Scrollbalken rechts wird immer angezeigt - verhindert hüpfen der Seiten **/
html {
	overflow-y:scroll;
}

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

/**  Seitenhoehe fuer IE6 immer ganzes Fenster **/
 * html #wrapper {
    height:100%;
} 

body {
	font:16px/22px Verdana, Geneva, sans-serif;
	line-height:22px;
	color:#FFFFFF;
	background-color:#333333;
	background-image:url("../../files/design_2017/images/wrapper_background_rost_hell.jpg"); /* background-image:url("../../files/design_2017/body_background_IMG_1357.jpg"); */
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

/** Überschriften **/
h1, h2, h3, h4, h5, h6 {
	margin-top:0;
}

h5 {
	font-weight:bold;
}

/** Links **/
a {
	color:#FFFFFF;
	text-decoration:underline;
}

a:hover, a:active {
	color:#F5AF1B;
}

/** farbige Schriftzüge **/
.crea_red {
	background-color:#E2006E;
}

.crea_blue {
	background-color:#004595;
}

/** Gesamtansicht, -layout **/
#wrapper {
	max-width:1200px;
    position:relative;
	min-height:100%;
	height:auto !important;
	height:100%;
	border-right:2px solid #FFFFFF;
	border-left:2px solid #FFFFFF;
}

/** Kopfbereich **/
#header .mod_eventlist {
	position:absolute;
	top:50px;
	left:35px;
}

#header .mod_eventlist a {
	display:none;
}

#header .header_logo {
	margin-bottom:30px;
	text-align:right;
}

#header .header_logo img {
	margin-top:35px;
	margin-right:35px;
}

#topButton {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 50px; /* Place the button at the bottom of the page */
    right: 50px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color:#4D473D; /* Set a background color */
    color:#FFFFFF; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
	border:1px solid rgba(255,255,255,.3);
    border-radius: 10px; /* Rounded corners */
}

#topButton:hover {
/*    background-color: #555; /* Add a dark-grey background on hover */
	color:#F5AF1B;
}
	
/** Inhaltbereich **/
#container {
	max-width:1200px;
	margin:0 auto;
	position:relative; 
    padding:30px 35px 175px;
} 

/** Aussenabstand für alle Inhaltselemente ausser der Startseite **/
#main div[class ^= "ce_"] {
	margin:20px 0;
}

/** Allgemeine Formate **/
#main {
	text-align:justify;
}

/** Inhalt Startseite **/
.startpage .image_container {
	width:100%;
	margin:0;
	padding:0;
}

.startpage .content-slider img {
	width:99.8%;
	height:100%;
	border:1px solid #FFFFFF;
}

.startpage .slider-control {
	opacity:0.8;
}

.startpage .slider-control .slider-menu b {
	color:#333333; /*color:rgba(0,49,169,.3)*/
}

.startpage .slider-control .slider-menu b.active {
	color:#E0D7C8;opacity:0.6; /*color:rgba(226,0,110,.3)*/
}

.startpage .slider-control a {
	display:none;
}

.startpage div.start_slogan {
	position:absolute;
	top:575px;
	width:100%;
	height:78px;
	margin:0 -35px;
	padding:0 35px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background-image:url("../../files/design_2014/bg_anthrazit_trsp70.png");
	display:table;
}

#main .start_slogan h1.ce_headline {
	font-size:35px;
	font-style:italic;
	text-align:center;
	margin:0;
	padding:0;
	border-bottom:0px solid #FFFFFF;
	display:table-cell;
	vertical-align:middle;
}

/** Inhalte Kontakt Seite **/
#main #kontakt .ce_text {
	width:25%;
	float:left;
}

#main #kontakt .content_contact_form {
	margin-top:50px;
}

#main #kontakt .mod_eventlist {
	margin-top:10px;
	margin-top:-480px;
	float:left;
}

#main #kontakt .mod_eventlist h5 {
	color:#F5AF1B;
}

#main #kontakt .mod_eventlist a {
	display:none;
}

#main #kontakt .mod_dlh_googlemaps {
	margin-top:-380px;
	margin-bottom:50px;
}

/** Inhalte übrige Seiten **/
/** Überschriften h1 in allen Seiten **/
#main h1.ce_headline {
	margin:0 0 30px;
	padding:30px 0 20px 0;
	border-bottom:1px solid #E0D7C8;
}

#main h2.ce_headline {
	margin:0 0 30px;
}

/** Tabellen in Text-Elementen **/
#main .ce_text table td {
	padding:5px 0;
}

#main .ce_hyperlink {
	float:left;
}

#main .ce_hyperlink figure {
	margin:0 40px 35px 0;
}

#main .ce_hyperlink img {
	border:1px solid #FFFFFF;
}

#main .ce_hyperlink figcaption {
	position:absolute;
	margin:-28px 0 0 1px;
	padding:0 2px;
	width:250px;
	font-size:12px;
	background-image:url("../../files/design_2014/bg_anthrazit_trsp60.png");
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

/***** Galerien in Hauptseiten *****/
/***** Gallery-Creator *****/
#main .gallery_creator {
	margin:0 -40px 0 0;
}

#main .gallery_creator h6 {
	display:none;
}

#main .gallery_creator .list_albums .level_1 {
	max-width:252px;
	width:auto;
	margin:0 40px 35px 0;
}

#main .gallery_creator .list_albums .col_1 {
	float:none;
}

#main .gallery_creator .list_albums .col_2 {
	margin-left:0;
}

#main .mod_gallery_creator_list .list_albums li {
	float:left;
}

#main .mod_gallery_creator_list img, #main .mod_gallery_creator_reader img {
	border:1px solid #FFFFFF;
}

#main .mod_gallery_creator_list h2, #main .mod_gallery_creator_list .tstamp, 
#main .mod_gallery_creator_list .visitors {
	display:none;
}

#main .mod_gallery_creator_list .count_pics {
	display:none;
}

#main .mod_gallery_creator_list .album_comment {
	position:absolute;
	margin:-28px 0 0 1px;
	padding:0 2px;
	width:100%;
	max-width:246px;
	font-size:12px;
	background-image:url("../../files/design_2014/bg_anthrazit_trsp60.png");
}

#main .mod_gallery_creator_reader h2 {
	margin:0 0 30px;
	padding:30px 0 20px 0;
	border-bottom:1px solid #E0D7C8;
}

#main .mod_gallery_creator_reader .album_comment {
	display:none;
}

#main .mod_gallery_creator_reader figure {
	margin:0 40px 35px 0;
}
/***** End Gallery-Creator *****/

/***** Contao Galerie *****/
#main .ce_gallery {
	width:100%;
}

#main .ce_gallery li {
	float:left;
	height:auto;
	margin:0 40px 35px 0;
}

#main .ce_gallery li.col_last {
	margin:0 0 35px 0;
}

#main .ce_gallery img {
	max-width:348px;
	height:auto;
	border:1px solid #FFFFFF;
}

#main .ce_gallery figcaption {
	position:absolute;
	margin:-28px 0 0 1px;
	padding:0 2px;
	width:auto;
	font-size:12px;
	background-image:url("../../files/design_2014/bg_anthrazit_trsp60.png");
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.startpage #main .ce_gallery figcaption {
	visibility:hidden;
}
/***** End Contao Gallery *****/

#main .backlink {
	font-size:12px;
}

#main .backlink a:before {
	content:url("../../files/design_2017/images/pfeil_left.gif");
}

/** Tabellenloses Kontakt-Formular **/
#main .ce_text table td div.ce_form {
	margin-top:0;
}

#main .tableless label {
	width:140px;
	display:inline-block;
	margin-top:0.8em;
	padding-bottom:3px;
}

#main .tableless .checkbox_container label,
#main .tableless .radio_container label {
	display:inline;
}

#main input[type="text"],
#main input[type="email"],
#main textarea {
	padding:2px;
	background-color:#EADFCD;
	border:1px solid #333333;
	color:#000000;
	font-size:14px;
}

#main input[type="text"],
#main input[type="email"] {
	width:60%;
}

#main textarea {
	width:60%;
	height:140px;
	font-size:14px;
	margin-top:0.9em;
	vertical-align:top;
}

#main input[type="text"]:focus,
#main input[type="email"]:focus,
#main textarea:focus {
	background-color:#EADFCD;
	border-color:#333333 !important;
}

#main select {
	padding:1px;
	background-color:#EADFCD;
	border:1px solid #333333;
	color:#000000;
	font-size:14px;
}

#main fieldset.radio_container,
#main fieldset.checkbox_container {
	display:inline-block;
	margin:0;
	padding:0;
	border:0;
}

#main .tableless fieldset.radio_container,
#main .tableless fieldset.checkbox_container {
	display:block;
	margin-top:0.8em;
	margin:1em 0;
}

#main .tableless fieldset.radio_container legend {
	display:inline;
	float:left;
}

#main .tableless fieldset.radio_container legend span,
#main .tableless fieldset.checkbox_container legend {
	width:200px;
	display:inline;
	padding-bottom:10px;
	visibility:visible;
}

#main .tableless fieldset.radio_container legend span.madatory {
	float:left;
}

#main .checkbox_container span,
#main .radio_container span {
	display:inline;
	margin-right:5px;
}

#main .checkbox_container+br,
#main .radio_container+br {
	display:none;
}

#main .checkbox_container label,
#main .checkbox_container input {
	vertical-align:middle;
}

#main .tableless input[type="checkbox"],
x:-moz-any-link {
	top:-2px;
	position:relative;
}

#main input[type="radio"],
x:-moz-any-link {
	top:2px;
	position:relative;
}

#main .submit_container {
	margin-top:1em;
	margin-bottom:1em;
}

#main input[type="submit"] {
	background-color:#EADFCD;
}

#main .tableform .formbody,
#main .tableless .formbody {
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0.5em 1em;
}

#main .tableless .formbody {
	padding-top:0;
}

#main fieldset {
	display:inline-block;
	margin-top:1em;
	border-top:1px dotted #333333;
}

#main legend {
	padding-right:6px;
}

#main span.mandatory {
	font-weight:bold;
	color:#F5AF1B;
}

#main p.confirm {
	font-size:16px;
	color:#F5AF1B;
}

#main p.error {
	margin-bottom:6px;
	font-size:11px;
	font-weight:bold;
	color:#F5AF1B;
}

#main input[type="text"].error,
input[type="email"].error,
textarea.error {
	border-color:#F5AF1B !important;
}

#main input.captcha {
	width:48px;
	margin-right:6px;
}

#main span.captcha_text {
	font-weight:normal;
	color:#FFFFFF;
}

*:first-child+html span.captcha_text {
	top:-3px;
	position:relative;
}

/** GoogleMap Formate **/
#main .mod_dlh_googlemaps {
	color:#FFFFFF;
}

#main .dlh_googlemap {
	border:1px solid #FFFFFF;
}

#main .mod_dlh_googlemaps div.gm-style-iw {
	width:auto;
	height:auto;
}

#main .mod_dlh_googlemaps a {
	color:#000000;
}

#main .mod_dlh_googlemaps a:hover {
	color:#F5AF1B;
}

#main .mod_dlh_googlemaps input {
	background-color:#FFFFFF;
}

#main .page_referenzen div.ce_text {
	width:50%;
	float:left;
}

#main .page_referenzen div.ce_text.ref_text_first {
	width:100%;
	float:none;
}

#main .page_referenzen a {
	text-decoration:none;
}

/** Toplink **/
#main .ce_toplink {
	font-size:12px;
}

#main .page_referenzen .ce_toplink a {
	text-decoration:underline;
}

/** Inhalt Anlässe **/
#main #anlaesse .ce_text figure {
	margin-right:20px;
	margin-bottom:10px;
}
  
/** Fusszeile **/
#footer {
	width:100%;
	height:150px;
	position:absolute;
	bottom:0px;
	font-size:14px;
	background-image:url("../../files/design_2014/bg_anthrazit_trsp70.png");
	border-top:1px solid #FFFFFF;
}

#footer .inside {
	padding:0 35px;
}

#footer div.footer_contact {
	width:50%;
	float:left;
	margin:25px 0 0 ;
}

#footer div.footer_contact .ce_text {
	margin:0 25px;
}

#footer div.footer_contact .ce_text.first {
	float:left;
}

#footer div.footer_copyright {
	position:absolute;
	right:35px;
	bottom:-140px;
	width:25%
	margin:25px 0 0 ;
	font-size:10px;
	line-height:14px;
	text-align:right;
}

/** Media-Query für Anzeige mit Displaygrössen von 768 bis 1024px **/
@media (max-width: 1024px) and (min-width: 768px) 
{
	#header .mod_navigation {
		height:auto;
		max-height:80px;
	}

	#header .mod_navigation li,
	#header .mod_navigation li:hover, 
	#header .mod_navigation li.active {
		height:auto;
	}
}

/** Media-Query für Anzeige mit Displaygrössen kleiner als 768px **/
@media (max-width:767px)
{
	#header {
		height:auto;
	}

	#main .inside {
		margin-left:0;
	}

	#header .mod_navigation {
		height:auto;
	}

	#header .mod_navigation li,
	#header .mod_navigation li:hover, 
	#header .mod_navigation li.active {
		height:auto;
	}
}

#footer .toggle_view {
	position:absolute;
	float:right;
	width:30%;
	right:35px;
	bottom:-50px;
	margin:10px 0 0;
	text-align:right;
	display:none;
}

#footer .toggle_view a {
	height:40px;
	color:#FFFFFF;
	font-size:14px;
	text-decoration:none;
	border-radius:4px;
}

@media only screen and /*(min-width:801px) and */(max-width:1024px)/*(max-width:819px)*****************************************/
{
	* {
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}

	body {
		font:1em/1.375em Verdana, Geneva, sans-serif;
		color:#FFFFFF;
		background-color:#333333;
	}

	h1 {
		font-size:1.375em;
		line-height:1.25em;
	}

	h2 {
		font-size:1.25em;
		line-height:1.125em;
	}

	h3 {
		float:left;
		font-size:1.125em;
	}

	h4 {
		font-size:1em;
		font-weight:bold;
	}

	h5 {
		font-size:1em;
		line-height:1.125em;
	}

	a {
		color:#FFFFFF;
		text-decoration:underline;
	}

	a:hover, a:active {
		color:#F5AF1B;
	}

	#wrapper {
		padding:1.5em;
		border:0;
	}

	#header {
		height:auto;
		border-bottom:0.063em solid #FFFFFF;
	}

	#header .header_logo {
		height:auto;
		margin-bottom:0;
	}

	#header .header_logo img {
		padding:0;
		margin:0.5em 0 1em;
	}

	#header .mod_quicknav {
		opacity:0.8;
	}

	#header .nav_main_mobile {
		font-size:1em;
		max-width:100%;
		padding:0.875em 0;
	}

	#header .nav_main_mobile form {
		padding:0;
		margin:0;
	}

	#header .nav_main_mobile select {
		width:66%;
		color:#FFFFFF;
		background:#333333;
		border:0.063em solid #E0D7C8;
	}

	#header .nav_main_mobile option {
		padding:0.5em 0.25em;
	}

/** Mobile Toggle Button ("Navicon") **/
     #header div.offcanvas .navicon {
        float:right;
        height: 30px;
        width: 34px;
        margin: 20px;
        border-top: 18px double #FFF;
        border-bottom: 6px solid #FFF;
        font-size:0;
    }

	#topButton {
	    right:1.5em; /* Place the button 30px from the right */
	}
	
/**	http://www.frankdaniels.de/ **/
/*	#nav_mobile_trigger a{width:75px;height:75px;right:0;top:0;position:absolute;display:none;background:#B80C96 url("../../files/files/fd/graphix/icon-mobile-nav.png") center center no-repeat}*/
/*	#nav_mobile_trigger a{display:block}*/

/** Inhalt allgemein **/
	#container {
		padding:0 0 3.5em;
	}
	
	#main .block {
		overflow:visible;
	}

	#main {
		text-align:left;
		padding-bottom:0;
	}

/** Inhalt Startseite **/
	.startpage #container {
		padding:0.625em 0 4.375em;
	}

	.company_jobs {
		position:relative;
		margin:0;
		text-align:justify;
	}

	.company_offers {
		position:relative;
		margin:0;
	}

	.startpage div.start_slogan {
		top:80%;
		height:auto;
		margin:0;
		padding:0.5em 0;
	}

	#main .start_slogan h1.ce_headline {
		font-size:1.875em;
	}

	.slider-control {
		height:auto;
	}

/** Inhalte übrige Seiten **/
	#main h2.ce_headline {
		margin:0 0 1em;
		font-size:1.25em;
		line-height:1.125em;
	}

	#main .mod_gallery_creator_list h3 {
		float:none;
		max-width:99%;
	}
	
	#main div.mod_gallery_creator_list {
	    display:inline-block;
	}

	#main .ce_gallery ul {
/*		margin-left:22%;*/
	}

	#main .ce_gallery li,
	#main .ce_gallery img {
		width:auto;
		height:auto;
	}

	#main .ce_gallery li {
		margin:0 2.5em 2.1875em 0;
	}

	#main .ce_gallery figcaption {
		font-size:0.75em;
	}

	#main .ce_gallery figcaption.caption[style] {
		width:auto;
	}

/** Inhalte Kontakseite **/
	#main #kontakt .ce_text {
		width:25%;
		float:left;
	}

	#main #kontakt .ce_form {
		width:50%;
		float:right;
		margin-top:20px;
	}

	#main .tableless fieldset.checkbox_container legend {
		width:0.063em;
	}

	#main #kontakt .mod_dlh_googlemaps {
		position:absolute;
	    margin-top:15.625em;
		color:#FFFFFF;
	}

	#main .dlh_googlemap {
		max-width:88%;
	}

/** Inhalte Fakten & Daten und Referenzen **/
	#fakten-daten table,
	#referenzen table {
		max-width:100%;
		font-size:0.875em;
	}

	#main #fakten-daten .ce_text table td,
	#main #referenzen .ce_text table td {
		width:auto;
		padding:0.125em;
	}

	#referenzen a:link {
		text-decoration:underline;
	}

/** SiteMap Navigation **/
	#main .mod_sitemap ul.level_2,
	#main .mod_sitemap ul.level_3 {
		padding-left:1.563em;
	}

/** Fusszeile **/
	#footer {
		position:relative;
		height:auto;
		background:none;
		border-top:0.063em solid #FFFFFF;
	}

	#footer .inside {
		margin:0;
		padding:0;
	}

/** Navigation horizontal in der Fusszeile **/
	#footer nav {
		width:25%;
		float:left;
		margin:25px 0 0 ;
	}

#footer div.footer_copyright {
		right:0;
	}

	#footer .toggle_view {
		width:25%;
		right:0;
		margin-right:1em;
		display:none;
	}
}

/** Style sheet Tablet-Screen-Layout von 820px bis 900px ******************************************************************/
@media only screen and (max-width:900px)
{
	#main .dlh_googlemap {
		max-width:75%;
	}

/** Inhalt Startseite **/
	.startpage #container {
		padding:0.625em 0 1.625em;
	}

	.startpage div.start_slogan {
		top:79%;
		padding:0;
	}

	#main .start_slogan h1.ce_headline {
		font-size:1.5em;
		padding-bottom:0.25em;
	}

	.slider-control {
		height:auto;
	}
}

/** Style sheet Tablet-Screen-Layout von 700px bis 819px ******************************************************************/
@media only screen and (max-width:819px)
{
	#wrapper {
		padding:0.5em;
		border:0;
	}

	#topButton {
		bottom:0.625em; /* Place the button at the bottom of the page */
	    right:0.625em; /* Place the button 30px from the right */
	}
	
/** Inhalt Startseite **/
	.startpage #container {
		padding:0.625em 0 1.625em;
	}

	.startpage div.start_slogan {
		top:79%;
		padding:0;
	}

	#main .start_slogan h1.ce_headline {
		font-size:1.5em;
		padding-bottom:0.25em;
	}

	.slider-control {
		height:auto;
	}

/** Inhalte allgemein **/
	#main .ce_gallery ul {
/*		margin-left:12%;*/
	}

	#main .ce_gallery li {
		margin:0 2.5em 2.1875em 0;
	}

/** Inhalte Kontakseite **/
	#main #kontakt .ce_text {
	  width:50%;
	  float:left;
	}

	#main #kontakt .ce_text.content_contact_open {
		margin-bottom:3em;
	}

	#main #kontakt .ce_form {
		width:100%;
		float:none;
	}

	#main .dlh_googlemap {
		max-width:100%;
		height:auto;
		margin-top:0;
	}

	#main #kontakt .mod_dlh_googlemaps {
		position:relative;
	    margin-top:0;
		margin-bottom:0;
		color:#FFFFFF;
	}

	#main .tableless fieldset.radio_container {
		padding:1em 0;
	}

	#main #kontakt .tableless fieldset.radio_container legend, #main .tableless fieldset.checkbox_container legend {
	    visibility:visible;
	}

	#main #kontakt legend, #main #kontakt label {
		width:28%;
	}

/** Fusszeile **/
	#footer {
		position:relative;
		margin:0;
		padding:0;
	}

	#footer div.footer_contact {
		width:100%;
		float:none;
		padding:0;
		display:inline-block;
	}

	#footer div.footer_contact .ce_text {
		width:50%;
		margin:0;
		padding:0;
	}

	#footer div.footer_copyright {
		position:relative;
		margin-top:1em;
		right:0;
		bottom:0;
		text-align:left;
	}

/** Navigation horizontal in der Fusszeile **/
	#footer nav {
		width:100%;
		margin:0;
		padding:0;
	}

	#footer nav li {
		float:left;
		padding:0 0.5em 0 0;
		font-size:0.875em;
	}

	#footer nav li:after {
		content:"|";
	}

	#footer nav li.last:after {
		content:"";
	}

	#footer nav a {
		padding-right:0.625em;
		text-decoration:none;
	}
}

/**************************************************************************************************************************/
/** Style sheet Mobile-Screen-Layout bis 699px **/
@media only screen and (max-width:699px)
{
	.startpage div.start_slogan {
		top:78%;
	}

	#main .start_slogan h1.ce_headline {
		font-size:1.25em;
		padding-bottom:0.25em;
	}

	.slider-control {
		height:auto;
	}

	.start_slogan h1 {
		font-size:1em;
	}

/** Inhalte übrige Seiten **/
	#main .ce_gallery ul {
		margin-left:0;
	}

	#main input[type="text"], #main input[type="email"], #main textarea {
	    width:60%;
	}

	#main .tableless fieldset.radio_container legend, #main .tableless fieldset.checkbox_container legend {
	    float:none;
	    width:100%;
		padding:0.8125em 0;
	    visibility:visible;
	}

	#main .tableless label {
	    width:100%;
	}

	#main #kontakt .radio_container legend {
		width:auto;
		margin-right:1em;
		padding:0;
		float:left;
	}

	#main input.captcha {
		float:none;
	    width:20%;
		margin:0.625em 0 0;
	}

	span.captcha_text {
		float:left;
		margin:0.625em 0.5em 0 0;
	}

	#main .submit_container {
	    margin-top:2em;
	    margin-bottom:1.5em;
	}

	#main .page_referenzen div.ce_text {
		width:auto;
		float:left;
	}

	#referenzen a:link {
		text-decoration:underline;
		display:inline-block;
	}
}

/**************************************************************************************************************************/
/** Style sheet Mobile-Screen-Layout bis 599px **/
@media only screen and (max-width:599px)
{
	.startpage div.start_slogan {
		top:78%;
		height:auto;
		font-size:1em;
		margin:0;
		padding:0;
	}

	#main .start_slogan h1.ce_headline {
		font-size:1.125em;
		padding-bottom:0.15em;
	}

	#main .mod_gallery_creator_list .list_albums li {
	    float:none;
	}

	#main .ce_gallery li.col_last {
		margin:0 2.5em 2.1875em 0;
	}
	
	#main input[type="text"], #main input[type="email"], #main textarea {
	    width:100%;
	}

	#main #kontakt .radio_container legend {
		float:none;
	}

	span.captcha_text {
		width:100%;
		margin:0.625em 0;
	}

	#main #kontakt .dlh_googlemap {
		margin:auto;
		padding:auto;
	}

	#footer div.footer_contact .ce_text {
		width:100%;
	}
}

/** Style sheet Mobile-Screen-Layout bis 450px ****************************************************************************/
@media only screen and (max-width:450px)
{
	.startpage div.start_slogan {
		top:75%;
		font-size:0.8125em;
		margin:0;
		padding:0;
	}

	#main .start_slogan h1.ce_headline {
		width: 100%;
		padding: 0;
		padding-bottom:0.125em;
	}

	#main .mod_gallery_creator_list h3 {
		float:none;
		max-width:90%;
	}
	
/** Inhalt Anlässe **/
	#main #anlaesse .ce_text figure {
		float:none;
	}
  
/** Inhalt Kontakt Seite **/
	#main #kontakt .ce_text {
	    width:100%;
		float:left;
	}
}

/** Style sheet Mobile-Screen-Layout bis 400px ****************************************************************************/
@media only screen and (max-width:400px)
{
	.startpage div.start_slogan {
		top:68%;
		font-size:0.8125em;
		margin:0;
		padding:0;
	}

	#main .start_slogan h1.ce_headline {
		width: 100%;
		padding: 0;
		font-size:1.125em;
		padding-bottom:0.125em;
	}

	#main .radio_container span {
    display:block;
	}
}

/** Style sheet Mobile-Screen-Layout bis 360px ****************************************************************************/
@media only screen and (max-width:360px)
{
	.startpage div.start_slogan {
		top:68%;
		height:auto;
		font-size:0.8125em;
		margin:0;
		padding:0;
	}

	#main .start_slogan h1.ce_headline {
		width: 100%;
		padding: 0;
		font-size:1em;
		padding-bottom:0.15em;
	}
  
/** Inhalt Kontakt Seite **/
	#main #kontakt .ce_text {
	    width:100%;
		float:left;
	}
}

/** Style sheet Mobile-Screen-Layout bis 320px ****************************************************************************/
@media only screen and (max-width:320px)
{
	.startpage div.start_slogan {
		top:68%;
		height:auto;
		font-size:0.8125em;
		margin:0;
		padding:0;
	}

	.startpage div.start_slogan h1 {
		height:auto;
	}

	#main div.widget-captcha label {
		display:inline;
	}
	
	#main input.captcha {
	    width:50%;
		margin-top:0.625em;
		margin-top:3em;
	}

	span.captcha_text {
		float:left;
		margin:0.625em 0;
		margin-top:-3.5em;
	}
}

/** Style sheet Mobile-Screen-Layout bis 240px ****************************************************************************/
@media only screen and (max-width:240px)
{
	#main div.mod_gallery_creator_list {
		display:block;
		max-width:100%;
	}
	
	#main .gallery_creator .list_albums .level_1 {
		margin:0 0 35px 0;
	}

	#main div.mod_gallery_creator_list img {
	    max-width:100%;
	}
}