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,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.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}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#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/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 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/colorbox/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/colorbox/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/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.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}
@media screen and (min-width:1000px) {
#header .navi {
    
    height:auto;
    float:left;
    margin-top:0px;
    
    padding-top:0;
}
#header ul {
    float:left;
}
#header li {
    float:left;
    list-style-type:none;
    font-family:exo_2regular;
	/* font-family: Verdana, Arial;  */
	letter-spacing: -0.1px;
	font-size: 16px;
	line-height: 19px;
	padding-top:5px;
	padding-right:10px;
    padding-left:10px;
    margin-right:20px;
    
    height: 38px;
	
    
}

#header .mod_navigation a {
  
    text-decoration:none;
}
#header .mod_navigation .active  {
    font-weight: normal;
     background: url(../../files/daten-sachtleben/gfx/bg-mainnav.png); background-position: 0px 0px; color: #fff; background-repeat: no-repeat; 
}
#header strong.forward.trail {
    font-weight: normal;
      
}
#header .mod_navigation li.forward.trail {
    font-weight: normal;
     background-image: url(../../files/daten-sachtleben/gfx/bg-mainnav.png); 
     background-position: 0px 0px; 
     color: #fff; 
     background-repeat: no-repeat; 
}
#header .mod_navigation li.trail {
    font-weight: normal;
     background-image: url(../../files/daten-sachtleben/gfx/bg-mainnav.png); 
     background-position: 0px 0px; 
     color: #fff; 
     background-repeat: no-repeat; 
}
#header .mod_navigation li a:hover,
#header .mod_navigation li a:focus {
    
    
    color:#bfbfbf;
}
#header .level_1 li a {
	
    display: block;
	height: 38px;
	
	color: #fff;
	
}
/* ----------sub navigation---------- */


div#sub-nav {
	position: absolute;
	left: 0;
	top: 210px;
	width: 240px;
	font-size: 65%;
	text-align: right;
}

div#sub-nav li {
	padding-right: 5px;
	height: auto;
	line-height: 120%;
	background: url(../../files/daten-sachtleben/gfx/li_subnav.png) no-repeat right 4px;
}

div#sub-nav ul.level_1 li:hover { background: url(../../files/daten-sachtleben/gfx/li_subnav-hover.png) no-repeat right 4px; }
div#sub-nav ul.level_2 li:hover { background: url(../../files/daten-sachtleben/gfx/li_subnav2.png) no-repeat right 6px; }

div#sub-nav ul.level_1 li 		{ font-weight: bold; }
div#sub-nav li.active span		{ color: #000; font-weight: bold; }
div#sub-nav ul.level_1 li span.active { 
	background: #fff; 
	color: #000;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;
	opacity: .85; 
	filter: alpha(opacity=85);
	-moz-opacity: .85; 
	margin-right: -4px;
}

div#sub-nav ul.level_1 li.active { padding-right: 5px; background: none; }


div#sub-nav ul.level_1 li a,
div#sub-nav ul.level_1 li span {
	display: inline-block;
	padding: 4px 7px 3px 7px;
	color: #fff;
	height: auto;
	padding-top: 6px;
	line-height: 115%;
	text-transform: uppercase;
}

div#sub-nav ul.level_2 li {
	border: none;
	list-style-position: outside;
	padding-left: 0;
	font-weight: normal;
	background: url(../../files/daten-sachtleben/gfx/li_subnav2.png) no-repeat right 6px;
	margin-right: 7px;
	padding-right: 2px;
}


div#sub-nav ul.level_2 li a,
div#sub-nav ul.level_2 li span {
	display: inline-block;	
	padding-top: 3px;
	color: #fff;
	height: auto;
	padding-bottom: 2px;
	line-height: 115%;
	font-size: inherit;
	text-transform: none;
}

div#sub-nav ul.level_1 li a:hover {
	color: #fff;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}

div#sub-nav ul.level_2 li.last				{ padding-bottom: 8px; }
}




@media screen and (min-width:901px) and (max-width:999px) {
#header .navi {
    
    height:auto;
    float:left;
    margin-top:0px;
    
    padding-top:0;
}
#header ul {
    float:left;
}
#header li {
    float:left;
    list-style-type:none;
    font-family:exo_2regular;
	/* font-family: Verdana, Arial;  */
	letter-spacing: -0.1px;
	font-size: 15px;
	line-height: 19px;
	padding-top:5px;
	padding-right:10px;
    padding-left:10px;
    margin-right:12px;
    
    height: 38px;
	
    
}

#header .mod_navigation a {
  
    text-decoration:none;
}
#header .mod_navigation .active  {
    font-weight: normal;
     background: url(../../files/daten-sachtleben/gfx/bg-mainnav.png); background-position: 0px 0px; color: #fff; background-repeat: no-repeat; 
}
#header strong.forward.trail {
    font-weight: normal;
      
}
#header .mod_navigation li.forward.trail {
    font-weight: normal;
     background-image: url(../../files/daten-sachtleben/gfx/bg-mainnav.png); 
     background-position: 0px 0px; 
     color: #fff; 
     background-repeat: no-repeat; 
}
#header .mod_navigation li.trail {
    font-weight: normal;
     background-image: url(../../files/daten-sachtleben/gfx/bg-mainnav.png); 
     background-position: 0px 0px; 
     color: #fff; 
     background-repeat: no-repeat; 
}
#header .mod_navigation li a:hover,
#header .mod_navigation li a:focus {
    
    
    color:#bfbfbf;
}
#header .level_1 li a {
	
    display: block;
	height: 38px;
	
	color: #fff;
	
}
/* ----------sub navigation---------- */


div#sub-nav {
	position: absolute;
	left: 0;
	top: 210px;
	width: 240px;
	font-size: 65%;
	text-align: right;
}

div#sub-nav li {
	padding-right: 5px;
	height: auto;
	line-height: 120%;
	background: url(../../files/daten-sachtleben/gfx/li_subnav.png) no-repeat right 4px;
}

div#sub-nav ul.level_1 li:hover { background: url(../../files/daten-sachtleben/gfx/li_subnav-hover.png) no-repeat right 4px; }
div#sub-nav ul.level_2 li:hover { background: url(../../files/daten-sachtleben/gfx/li_subnav2.png) no-repeat right 6px; }

div#sub-nav ul.level_1 li 		{ font-weight: bold; }
div#sub-nav li.active span		{ color: #000; font-weight: bold; }
div#sub-nav ul.level_1 li span.active { 
	background: #fff; 
	color: #000;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;
	opacity: .85; 
	filter: alpha(opacity=85);
	-moz-opacity: .85; 
	margin-right: -4px;
}

div#sub-nav ul.level_1 li.active { padding-right: 5px; background: none; }


div#sub-nav ul.level_1 li a,
div#sub-nav ul.level_1 li span {
	display: inline-block;
	padding: 4px 7px 3px 7px;
	color: #fff;
	height: auto;
	padding-top: 6px;
	line-height: 115%;
	text-transform: uppercase;
}

div#sub-nav ul.level_2 li {
	border: none;
	list-style-position: outside;
	padding-left: 0;
	font-weight: normal;
	background: url(../../files/daten-sachtleben/gfx/li_subnav2.png) no-repeat right 6px;
	margin-right: 7px;
	padding-right: 2px;
}


div#sub-nav ul.level_2 li a,
div#sub-nav ul.level_2 li span {
	display: inline-block;	
	padding-top: 3px;
	color: #fff;
	height: auto;
	padding-bottom: 2px;
	line-height: 115%;
	font-size: inherit;
	text-transform: none;
}

div#sub-nav ul.level_1 li a:hover {
	color: #fff;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}

div#sub-nav ul.level_2 li.last				{ padding-bottom: 8px; }
}





@media screen and (min-width:769px) and (max-width:900px) {
#header .navi {
    
    height:auto;
    float:left;
    margin-top:0px;
    
    padding-top:0;
}
#header ul {
    float:left;
}
#header li {
    float:left;
    list-style-type:none;
    font-family:exo_2regular;
	/* font-family: Verdana, Arial;  */
	letter-spacing: -0.1px;
	font-size: 14px;
	line-height: 19px;
	padding-top:5px;
	padding-right:5px;
    padding-left:5px;
    margin-right:8px;
    
    height: 38px;
	
    
}

#header .mod_navigation a {
  
    text-decoration:none;
}
#header .mod_navigation .active  {
    font-weight: normal;
     background: url(../../files/daten-sachtleben/gfx/bg-mainnav.png); background-position: 0px 0px; color: #fff; background-repeat: no-repeat; 
}
#header strong.forward.trail {
    font-weight: normal;
      
}
#header .mod_navigation li.forward.trail {
    font-weight: normal;
     background-image: url(../../files/daten-sachtleben/gfx/bg-mainnav.png); 
     background-position: 0px 0px; 
     color: #fff; 
     background-repeat: no-repeat; 
}
#header .mod_navigation li.trail {
    font-weight: normal;
     background-image: url(../../files/daten-sachtleben/gfx/bg-mainnav.png); 
     background-position: 0px 0px; 
     color: #fff; 
     background-repeat: no-repeat; 
}
#header .mod_navigation li a:hover,
#header .mod_navigation li a:focus {
    
    
    color:#bfbfbf;
}
#header .level_1 li a {
	
    display: block;
	height: 38px;
	
	color: #fff;
	
}

/* ----------sub navigation---------- */


div#sub-nav {
	position: absolute;
	left: 0;
	top: 210px;
	width: 240px;
	font-size: 65%;
	text-align: right;
}

div#sub-nav li {
	padding-right: 5px;
	height: auto;
	line-height: 120%;
	background: url(../../files/daten-sachtleben/gfx/li_subnav.png) no-repeat right 4px;
}

div#sub-nav ul.level_1 li:hover { background: url(../../files/daten-sachtleben/gfx/li_subnav-hover.png) no-repeat right 4px; }
div#sub-nav ul.level_2 li:hover { background: url(../../files/daten-sachtleben/gfx/li_subnav2.png) no-repeat right 6px; }

div#sub-nav ul.level_1 li 		{ font-weight: bold; }
div#sub-nav li.active span		{ color: #000; font-weight: bold; }
div#sub-nav ul.level_1 li span.active { 
	background: #fff; 
	color: #000;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;
	opacity: .85; 
	filter: alpha(opacity=85);
	-moz-opacity: .85; 
	margin-right: -4px;
}

div#sub-nav ul.level_1 li.active { padding-right: 5px; background: none; }


div#sub-nav ul.level_1 li a,
div#sub-nav ul.level_1 li span {
	display: inline-block;
	padding: 4px 7px 3px 7px;
	color: #fff;
	height: auto;
	padding-top: 6px;
	line-height: 115%;
	text-transform: uppercase;
}

div#sub-nav ul.level_2 li {
	border: none;
	list-style-position: outside;
	padding-left: 0;
	font-weight: normal;
	background: url(../../files/daten-sachtleben/gfx/li_subnav2.png) no-repeat right 6px;
	margin-right: 7px;
	padding-right: 2px;
}


div#sub-nav ul.level_2 li a,
div#sub-nav ul.level_2 li span {
	display: inline-block;	
	padding-top: 3px;
	color: #fff;
	height: auto;
	padding-bottom: 2px;
	line-height: 115%;
	font-size: inherit;
	text-transform: none;
}

div#sub-nav ul.level_1 li a:hover {
	color: #fff;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}

div#sub-nav ul.level_2 li.last				{ padding-bottom: 8px; }
}




/* ----------Ende Head navigation---------- */


/* ----------product navigation---------- */



#productnav {
	
	height: auto;
	color: #fff;
	margin-bottom: 30px;
}

#productnav li { 
	text-align: right;
	margin-left:1px;
	margin-right:1px;
	border-bottom: 1px solid #000;
	
	background: url(../../files/daten-sachtleben/gfx/li_sub_a.png) no-repeat 94.5% 12px;
	
}



#productnav li:hover {
	background: url(../../files/daten-sachtleben/gfx/li_sub_b1.png) no-repeat right 0px;
}

#productnav li a {
	display: block;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 11px 32px 15px 20px;
	
}
#productnav li a.spezialtiefbau, #productnav li.active.spezialtiefbau {
	
	font-size: 11px;
	
	
}
#productnav li a:hover {
	display: block;
	color: #bfbfbf;
	font-weight: bold;
}


#productnav li.active,
#bergbaunav li.active {
	
	padding: 10px 30px 10px 0px;
	background: url(../../files/daten-sachtleben/gfx/li_sub_c1.png) repeat right top;
	border-right: 2px solid #cc0000;
	border-top: 1px solid #232323;
	border-bottom: 1px solid #232323;
	
}

#bergbaunav li.active {
	width: 100%;
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	text-align: right;
}

#bergbaunav li.active span { margin: 0 30px 0 10px; display: block; }














/* lightboxanpassung */
#colorbox {
  
  background: #aa0000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 10px 40px rgba(0,0,0,0.70);
  -webkit-box-shadow: 0 10px 40px rgba(0,0,0,0.70);
}
#cboxLoadedContent {
  border: 5px solid #aa0000;
  background: #fff;
  
}
#cboxTitle
{padding-top: 3px;

  padding-left: 20px;
  }
  
#cboxCurrent
  {padding-top: 3px;

  padding-right: 20px;
  }
/* basic.css */
/* basic.css */
Reset margins
    body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
code,
ol,
ul,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
option,
select,
textarea {
    margin:0;
    padding:0;
    
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
caption,
th,
td {
    vertical-align:top;
    text-align:left;
    font-family:raleway;
}
abbr,
acronym {
    border-bottom:1px dotted #666;
    font-variant:normal;
    cursor:help;
}
blockquote,
q {
    quotes:none;
}
fieldset,
img {
    border:0;
}
li {
    list-style-type:none;
}
sup {
    vertical-align:text-top;
}
sub {
    vertical-align:text-bottom;
}
del {
    text-decoration:line-through;
}
ins {
    text-decoration:none;
}
a {
    font-weight: normal;
    text-decoration:none;
    color:#fff;
}
:focus {
    outline:0;
}
Font settings
    input,
button,
textarea,
select {
    font-size:99%;
    font-family:inherit;
    font-weight:inherit;
}
pre,

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size:100%;
}

table {
    font-size:inherit;
}
caption,
th {
    font-weight:bold;
}
Default margins
    h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
table,
ol,
ul,
form {
    margin-bottom:0px;
}

@font-face {
    font-family:"downtemporegular";
    src: url("../../files/daten-sachtleben/font/downtempo-bold-webfont.eot");
    src: url("../../files/daten-sachtleben/font/downtempo-bold-webfont.eot?#iefix") format("embedded-opentype"),
         url("../../files/daten-sachtleben/font/downtempo-bold-webfont.woff2") format("woff2"),
         url("../../files/daten-sachtleben/font/downtempo-bold-webfont.woff") format("woff"),
         url("../../files/daten-sachtleben/font/downtempo-bold-webfont.ttf") format("truetype"),
         url("../../files/daten-sachtleben/font/downtempo-bold-webfont.svg#downtemporegular") format("svg");
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:"exo_2regular";
    src: url("../font/exo2-regular-webfont.eot""");
    src: url("../../files/daten-sachtleben/font/exo2-regular-webfont.eot?#iefix") format("embedded-opentyp"),
         url("../../files/daten-sachtleben/font/exo2-regular-webfont.woff2") format("woff2"),
         url("../../files/daten-sachtleben/font/exo2-regular-webfont.woff") format("woff"),
         url("../../files/daten-sachtleben/font/exo2-regular-webfont.ttf") format("truetype"),
         url("../../files/daten-sachtleben/font/exo2-regular-webfont.svg#exo_2regular") format("svg");
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:"exo_2thin";
    src: url("../../files/daten-sachtleben/font/exo2-thin-webfont.eot");
    src: url("../../files/daten-sachtleben/font/exo2-thin-webfont.eot?#iefix") format("embedded-opentype"),
         url("../../files/daten-sachtleben/font/exo2-thin-webfont.woff") format("woff"),
         url("../../files/daten-sachtleben/font/exo2-thin-webfont.ttf") format("truetype"),
         url("../../files/daten-sachtleben/font/exo2-thin-webfont.svg#exo_2thin") format("svg");
    font-weight: normal;
    font-style: normal;

}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

.clearfix { transform-origin: 0 0; }

@font-face {
    font-family: "LigatureSymbols";
                        src: url("../../files/daten-sachtleben/font/LigatureSymbols-2.11.eot");
                        src: url("../../files/daten-sachtleben/font/LigatureSymbols-2.11.eot?#iefix") format("embedded-opentype"),
                            
                             url("../../files/daten-sachtleben/font/LigatureSymbols-2.11.woff") format("woff"),
                             url("../../files/daten-sachtleben/font/LigatureSymbols-2.11.ttf") format("truetype"),
                             url("../../files/daten-sachtleben/font/LigatureSymbols-2.11.svg#ralewayregular") format("svg");
                        font-weight: normal;
                        font-style: normal;
}
.lsf,
.lsf-icon:before {
    font-family:LigatureSymbols;
    -webkit-text-rendering: optimizeLegibility;
      -moz-text-rendering: optimizeLegibility;
      -ms-text-rendering: optimizeLegibility;
      -o-text-rendering: optimizeLegibility;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-font-smoothing: antialiased;
      -ms-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      font-smoothing: antialiased;
}
.lsf,
.lsf-icon:before {
    content:attr(title);
      margin-right:0.3em;
      font-size:200%;
}
.lsf,
.lsf-icon:before {
    content: '\E100';
}

.lsf-icon-personal:before,
.lsf-icon-video:before,
.back-to-top:before {
    font-family:LigatureSymbols;
    -webkit-text-rendering: optimizeLegibility;
      -moz-text-rendering: optimizeLegibility;
      -ms-text-rendering: optimizeLegibility;
      -o-text-rendering: optimizeLegibility;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-font-smoothing: antialiased;
      -ms-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      font-smoothing: antialiased;
}


.lsf-icon-personal:before {
    content: '\E05c';
    font-size:200%;
}
.lsf-icon-video:before {
    content: '\E139';
     
      font-size:200%;
}
.back-to-top:before {
    content: '\E135';
}
.back-to-top {
    background-color:rgba(201,4,4,.85);
    position: fixed;
     bottom:80px;
     right:20px;
        text-align: center;
            width: 50px;
            height: 50px;
            text-align: center;
            border-radius: 25px;
     z-index: 100;
}
a.back-to-top {
    color: #fff;
    font: 36px pt_sansregular;
    
}


@media screen and (max-width:768px) {
    
#standard-seite {
    display:none;
}
.navi {
    display:none;
}

video {
  max-width: 96%;
  height: auto;
  border: 1px solid #fff;
}
#pfeil {
    float:right;
    margin-right:20px;
    margin-bottom:20px;
    background-color:rgba(201,197,197,.65);
    text-align: center;
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 25px;
}
#box4 {
    margin-right: auto;
    margin-left: auto;
    
    border: 2px solid #fff;
    
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 50px;
   
}



nav ul[title] {
    display:none;
}



/*- - - - - - - - - - NEW - - - - - - - - - - - */
body {
	
	
background: linear-gradient(135deg, #191919 20%, #282828 47%, #383838 100%);

}

body {
	
	width:100%;
    margin:0;
    padding:0;
}



body, textarea {
	font-family:exo_2regular;
	/* font-family: Verdana, Arial;  */
	letter-spacing: 0.5px;
	
	line-height: 19px;
}

/*- - - - - - - - - - NEW - - - - - - - - - - - */

html {
    width:100%;
    height:101%;
}


#wrapper {
    width:100%;
    margin:0;
    padding:0;
}



#header-nav {
    width:100%;
    top:0;
    position:relative;
    z-index:1000;
    
}
#headerbereich {
    width:100%;
    max-width:980px;
    left:auto;
    right:auto;
    margin-right:auto;
    margin-left:auto;
    	background: linear-gradient(135deg, #191919 20%, #282828 47%, #383838 100%);
}
#navilogo {
    width:100%;
    position:fixed;
    padding-top:0px;
    padding-bottom:0px;
    
}
#your_div_id_here {
    width:100%;
    height:85px;
    left:0;
    top:0;
    position:fixed;
    display:none;
    padding:0px;
    
    background: linear-gradient(135deg, #191919 20%, #282828 47%, #383838 100%);
	
    
}
* html #navilogo {
    top:expression(auto);
}
.fixed-navi {
    top:0px;
    position:absolute;
    position:fixed !important;
}
* html .fixed-navi {
    top:expression(documentElement.scrollTop);
}
#logo {
    width:120px;
   
    z-index:10000;
      padding-left:25px;
    padding-top:15px;
    padding-bottom:5px;
}

#slider {
    width:100%;
    border: 2px solid #6b6969;
}

#container {
	width:99%;
    max-width:980px;
    left:auto;
    right:auto;
    margin-top:0px;
    margin-right:auto;
     margin-left:auto;
     padding-bottom:150px;
    border: 0px solid #353535;
  background-color: #080808;
   
}
#main {
	width:99%;
	 margin-top:85px;
	
	border-left: 0px solid #353535;
	
    }
#left {
	width:0%;
	
	
    }

/*- - - - - - - - - - Navigation rechts - - - - - - - - - - - */




@media screen and (max-width: 768px){

#nav-right {
    display:none;
}
#nav-right2 {
   display:none;
}
#nav-right3 {
    display:none;
}


}

/*- - - - - - - - - - Ende Navigation rechts - - - - - - - - - - - */


/*- - - - - - - - - - Startseite - - - - - - - - - - - */
#main .rte p {
  margin-bottom: 10px;
}
#main .rte li {
  margin-left: 20px;
  padding-left: 5px;
  list-style-position: outside;
  list-style: square;
  margin-bottom: 5px;
}
#main h2 {
  color: #aa0000;
  text-shadow: 1px 1px 0px #000, -1px -1px 0px #000;
  margin-top: 15px;
  margin-bottom: 15px;
  
}

h1 {
  font-size: 22px;
  line-height: 25px;
}
h2 {
  font-size: 18px;
  line-height: 22px;
}
h1, h2, td.ref-head {
  font-family: 'downtemporegular';
  font-weight: normal;
  letter-spacing: 1px;
}







#hauptinhalt h1, #hauptinhalt h2, #hauptinhalt td.ref-head {
	font-family: downtemporegular;
	font-weight: normal;
	letter-spacing: 1px;
}

#hauptinhalt h1 { font-size: 22px; line-height: 25px; }
#hauptinhalt h2 { font-size: 18px; line-height: 22px; }
/*- - - - - - - - - - Ende Startseite - - - - - - - - - - - */

/*- - - - - - - - - - Start Unterseite - - - - - - - - - - - */
#txt{
   margin-top: 25px;
  margin-right: 5px;
  margin-bottom: 50px;
  margin-left:25px;
  font-size: 13px;
  color: #fff;
}
#txt a:hover {
    color: #aa0000;
}
#news, #googlemaps, #sitemap {
   margin: 25px 15px 50px 40px;
  
  font-size: 13px;
  color: #fff;
}
#left h1 {
	color: #fff;
	padding:70px 20px 70px 20px;
	text-align: right;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	font-size: 20px;
}



#gallery li  {
 
  padding-right:12px;
  padding-bottom:5px;
  

}
#gallery img {
  
  border: 1px solid #fff;
  object-fit: cover;
  width: 110px;
  height:110px;
}


div#gallery .caption {
	font-size: 10px;
	color: #fff;
}

#main .ce_hyperlink a,
div.pagination {
	font-size: 12px;
	color: #fff;
}

div.pagination li {
	margin: 3px 10px 5px 0;
	float: left;
}

div.pagination li span.pag_nfo { font-size: 9px; color: #333; display: none; }

div.pagination a {
	font-size: 12px;
	color: #7f6868;
	display: block;
}

div.pagination a:hover {
	color: #fff;
}

#togglePics div.toggler {
  
  padding: 0 20px;
  background: url("../../files/daten-sachtleben/gfx/toggler-plus.png") left top no-repeat;
}
#togglePics .toggler {
  margin: 0 20px 0px 0px;
    margin-bottom: 0px;
  font-size: 12px;
}
/* Style für das aufgeklappte Akkordion */
#togglePics div.active {
    padding:0 20px;
    background: url("../../files/daten-sachtleben/gfx/toggler-minus.png") left top no-repeat;
}

.toggler {
	color:#FFF;
}
.accordion div { margin-top: 50px; }

.toggler:hover {
	color: #fff;
	padding-left: 11px;
	background: #990000;
}

.toggler {
  font-size: 14px;
  font-weight: bold;
  height: 20px;
  margin: 0px;
  margin-bottom: 5px;
  padding: 5px 0 5px 10px;
  cursor: pointer;
  -moz-user-select: none;
  -khtml-user-select: none;
  background: #aa0000;
}

.ref {
  
  width: 92%;
  margin-top:20px;
  color: #fff;
  font-size: 12px;
}
table.referenzen  {
  width: 100%;
  
}
table.referenzen td.ref-head {
  
  color: #aa0000;
  border-top: none;
  font-size: 15px;
}
table.referenzen td {
  border-top: 1px solid silver;
  padding: 5px 0 5px;
}
h1, h2, td.ref-head {
  font-family: 'downtemporegular';
  font-weight: normal;
  letter-spacing: 1px;
}
td.ref-01 {
  width: 50%;
  padding-right: 10px;
}

#bewerbung {
  background: #fff;
  padding: 10px;
  color: #000;
  margin-bottom: 25px;
}

/*- - - - - - - - - - Ende Unterseite - - - - - - - - - - - */


/*----------FOOTER----------*/
#footer { height: auto !important; }

#footer {
	width: 100%;
	margin-top: 0px;
	border-top: 0px solid #252525;
	background: url(../../files/daten-sachtleben/gfx/trans_white-10.png);
	font-size: 11px;
	line-height: 14px
}


#copy {
	width: 100%;
	float:left;
    max-width:980px;
    left:auto;
    right:auto;
   clear:both;
    margin-right:auto;
    margin-left:auto;
    
    padding-bottom:100px;
}
#news3{
    width:100%;
    max-width:980px;
    left:auto;
    right:auto;
    top:20px;
    position:relative;
    clear:both;
    margin-right:auto;
    margin-bottom:0;
    margin-left:auto;
    font-family:exo_2regular;
    text-align:center;
}



/*----------NEWSLIST FOOTER----------*/
#footer p {
	color: #999595;
}
#footer .email a {
	color: #999595;
}
#footer .text p a{
	color: #fff;
}
#footer .mod_newslist,
#footer .mod_newslist a {
	color: #fff;
}

#footer .mod_newslist img {
	border: 3px solid #fff;
}

#footer .mod_newslist .info {
	font-size: 8px;
}

#footer .mod_newslist h2 {
	font-size: 12px;
	margin: 5px 0 5px;
}

#footer .mod_newslist .more {
	margin-top: 10px
}

#footer .layout_latest.first { margin-right: 20px; }

#footer .layout_latest {
	float: left;
	width: 300px;

}














.error {
    color:#f00;
}

required {
    border:2px solid #f00;
    color:#f00;
}

#impressum {
    width:40%;
    margin-right:auto;
    margin-left:auto;
    padding-right:10px;
    padding-left:10px;
}
#impressum a {
	font:17px/24px raleway;
     font-weight:normal;
    color:#1c1c1d;
}
#impressum p {
	font:17px/24px raleway;
     font-weight:normal;
    color:#1c1c1d;
}
.rs-column.-large-col-5-1 {
  float: left;
  width: 17%;
  margin-right:1.5%;
  margin-left:1.5%;
}

}

@media screen and (min-width:769px) {
#navigation-mobile {
    display:none;
}    
#mobile-seite {
    display:none;
}
#pfeil {
    float:right;
    margin-right:20px;
    margin-bottom:20px;
    background-color:rgba(201,197,197,.65);
    text-align: center;
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 25px;
}

video {
  max-width: 96%;
  height: auto;
  border: 1px solid #fff;
  background-color: transparent;
}

#box4 {
    margin-right: auto;
    margin-left: auto;
    
    border: 2px solid #fff;
    
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 50px;
   
}



nav ul[title] {
    display:none;
}

#your_div_id_here {
    width:100%;
    height:45px;
    left:0;
    top:0;
    position:fixed;
    display:none;
    padding:0px;
    background-color:rgba(25,25,25,.95);
    
    
}

/*- - - - - - - - - - NEW - - - - - - - - - - - */


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

body {
	background: linear-gradient(135deg, #191919 20%, #282828 47%, #383838 100%);
	background-attachment: fixed;
}

body, textarea {
	font-family:exo_2regular;
	/* font-family: Verdana, Arial;  */
	letter-spacing: 0.5px;
	font-size: 13px;
	line-height: 19px;
}

/*- - - - - - - - - - NEW - - - - - - - - - - - */

html {
    width:100%;
    height:101%;
}
div.menubutton {
    display:none;
}
div.backLink a {
    display:none;
}
#wrapper {
    width:100%;
    margin:0;
    padding:0;
}

#navilogo,
section {
    display:block;
}

#header-nav {
    width:100%;
    top:0;
    position:relative;
    z-index:1000;
}
#headerbereich {
    width:100%;
    max-width:980px;
    left:auto;
    right:auto;
    margin-right:auto;
    margin-left:auto;
}
#navilogo {
    width:100%;
    position:absolute;
    padding-top:0px;
    padding-bottom:0px;
    
}
* html #navilogo {
    top:expression(auto);
}
.fixed-navi {
    top:5px;
    position:absolute;
    position:fixed !important;
}
* html .fixed-navi {
    top:expression(documentElement.scrollTop);
}
#logo {
    width:136px;
    left:auto;
    right:auto;
    margin-right:auto;
    margin-left:auto;
    z-index:10000;
    padding-top:20px;
    padding-bottom:15px;
}

#slider {
    width:100%;
    border: 2px solid #6b6969;
}

#container {
	width:100%;
    max-width:980px;
    left:auto;
    right:auto;
    margin-top:50px;
    margin-right:auto;
     margin-left:auto;
     margin-bottom:50px;
    border: 1px solid #353535;
  background-color: #080808;
   
}
#main {
	width:70%;
	float:right;
	
	border-left: 1px solid #353535;
	
    }
#left {
	width:30%;
	float:right;
	
    }

/*- - - - - - - - - - Navigation rechts - - - - - - - - - - - */


@media screen and (min-width: 769px){
	

.test {
    width:50px;
    height:auto;
    position:relative;
    border-top:1px solid #fff;
    border-right:0px solid #fff;
    border-bottom:1px solid #fff;
    border-left:1px solid #fff;
    background: #aa0000;
      transition: width 1s;
}
.test p {
    padding:10px 0 10px 17px;
    font: exo_2regular;
    color:#fff;
}
.test:hover,
.test2:hover {
    width: 110px;
}
.hover {
    height: auto;
        background-color: #aa0000;
        z-index: 100;
}
.mask a {
    
    color:#fff;
    
}
.mask {
    width:110px;
    padding-left:10px;
    padding-top:15px;
    padding-bottom:10px;
    font:0.9em exo_2regular;
    color:#fff;
    position: absolute;
        top:0;
        background-color: #aa0000;
        opacity: 0;
        z-index: 2;
}
.test:hover .mask,
.test2:hover .mask2 {
    opacity: 1;
}
#nav-right {
    position:fixed;
    top:296px;
    right:0;
        z-index:100;
}
#nav-right2 {
    position:fixed;
    top:342px;
    right:0;
        z-index:100;
}
#nav-right3 {
    position:fixed;
    top:388px;
    right:0;
        z-index:100;
}
}


@media screen and (max-width: 768px){

#nav-right {
    display:none;
}
#nav-right2 {
   display:none;
}
#nav-right3 {
    display:none;
}


}

/*- - - - - - - - - - Ende Navigation rechts - - - - - - - - - - - */


/*- - - - - - - - - - Startseite - - - - - - - - - - - */
#main .rte p {
  margin-bottom: 10px;
}
#main .rte li {
  margin-left: 20px;
  padding-left: 5px;
  list-style-position: outside;
  list-style: square;
  margin-bottom: 5px;
}
#main h2 {
  color: #aa0000;
  text-shadow: 1px 1px 0px #000, -1px -1px 0px #000;
  margin-top: 15px;
  margin-bottom: 15px;
  
}

h1 {
  font-size: 22px;
  line-height: 25px;
}
h2 {
  font-size: 18px;
  line-height: 22px;
}
h1, h2, td.ref-head {
  font-family: 'downtemporegular';
  font-weight: normal;
  letter-spacing: 1px;
}







#hauptinhalt h1, #hauptinhalt h2, #hauptinhalt td.ref-head {
	font-family: downtemporegular;
	font-weight: normal;
	letter-spacing: 1px;
}

#hauptinhalt h1 { font-size: 22px; line-height: 25px; }
#hauptinhalt h2 { font-size: 18px; line-height: 22px; }
/*- - - - - - - - - - Ende Startseite - - - - - - - - - - - */

/*- - - - - - - - - - Start Unterseite - - - - - - - - - - - */
#txt{
   margin-top: 25px;
  margin-right: 15px;
  margin-bottom: 50px;
  margin-left:40px;
  font-size: 13px;
  color: #fff;
}
#txt a:hover {
    color: #aa0000;
}
#news, #googlemaps, #sitemap {
   margin: 25px 15px 50px 40px;
  
  font-size: 13px;
  color: #fff;
}
#left h1 {
	color: #fff;
	padding:70px 20px 70px 20px;
	text-align: right;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	font-size: 20px;
}
#gallery li  {
 
  padding-right:10px;
  padding-bottom:5px;
  

}
#gallery img {
  
  border: 1px solid #fff;
  object-fit: cover;
  width: 140px;
  height:140px;
}



div#gallery .caption {
	font-size: 10px;
	color: #fff;
}

#main .ce_hyperlink a,
div.pagination {
	font-size: 12px;
	color: #fff;
}

div.pagination li {
	margin: 3px 10px 5px 0;
	float: left;
}

div.pagination li span.pag_nfo { font-size: 9px; color: #333; display: none; }

div.pagination a {
	font-size: 12px;
	color: #7f6868;
	display: block;
}

div.pagination a:hover {
	color: #fff;
}

#togglePics div.toggler {
  
  padding: 0 20px;
  background: url("../../files/daten-sachtleben/gfx/toggler-plus.png") left top no-repeat;
}
#togglePics .toggler {
  margin: 0 20px 0px 0px;
    margin-bottom: 0px;
  font-size: 12px;
}
/* Style für das aufgeklappte Akkordion */
#togglePics div.active {
    padding:0 20px;
    background: url("../../files/daten-sachtleben/gfx/toggler-minus.png") left top no-repeat;
}

.toggler {
	color:#FFF;
}
.accordion div { margin-top: 50px; }

.toggler:hover {
	color: #fff;
	padding-left: 11px;
	background: #990000;
}

.toggler {
  font-size: 14px;
  font-weight: bold;
  height: 20px;
  margin: 0px;
  margin-bottom: 5px;
  padding: 5px 0 5px 10px;
  cursor: pointer;
  -moz-user-select: none;
  -khtml-user-select: none;
  background: #aa0000;
}

.ref {
  
  width: 92%;
  margin-top:20px;
  color: #fff;
  font-size: 12px;
}
table.referenzen  {
  width: 100%;
  
}
table.referenzen td.ref-head {
  
  color: #aa0000;
  border-top: none;
  font-size: 15px;
}
table.referenzen td {
  border-top: 1px solid silver;
  padding: 5px 0 5px;
}
h1, h2, td.ref-head {
  font-family: 'downtemporegular';
  font-weight: normal;
  letter-spacing: 1px;
}
td.ref-01 {
  width: 50%;
  padding-right: 10px;
}

#bewerbung {
  background: #fff;
  padding: 10px;
  color: #000;
  margin-bottom: 25px;
}

/*- - - - - - - - - - Ende Unterseite - - - - - - - - - - - */


/*----------FOOTER----------*/
#footer { height: auto !important; }

#footer {
	width: 100%;
	margin-top: 0px;
	border-top: 0px solid #252525;
	background: url(../../files/daten-sachtleben/gfx/trans_white-10.png);
	font-size: 11px;
	line-height: 14px
}


#copy {
	width: 100%;
	float:left;
    max-width:980px;
    left:auto;
    right:auto;
   clear:both;
    margin-right:auto;
    margin-left:auto;
    
    padding-bottom:100px;
}
#news3{
    width:100%;
    max-width:980px;
    left:auto;
    right:auto;
    top:20px;
    position:relative;
    clear:both;
    margin-right:auto;
    margin-bottom:0;
    margin-left:auto;
    font-family:exo_2regular;
    text-align:center;
}



/*----------NEWSLIST FOOTER----------*/
#footer p {
	color: #999595;
}
#footer .email a {
	color: #999595;
}
#footer .text p a{
	color: #fff;
}
#footer .mod_newslist,
#footer .mod_newslist a {
	color: #fff;
}

#footer .mod_newslist img {
	border: 3px solid #fff;
}

#footer .mod_newslist .info {
	font-size: 8px;
}

#footer .mod_newslist h2 {
	font-size: 12px;
	margin: 5px 0 5px;
}

#footer .mod_newslist .more {
	margin-top: 10px
}

#footer .layout_latest.first { margin-right: 20px; }

#footer .layout_latest {
	float: left;
	width: 300px;

}














.error {
    color:#f00;
}

required {
    border:2px solid #f00;
    color:#f00;
}

#impressum {
    width:40%;
    margin-right:auto;
    margin-left:auto;
    padding-right:10px;
    padding-left:10px;
}
#impressum a {
	font:17px/24px raleway;
     font-weight:normal;
    color:#1c1c1d;
}
#impressum p {
	font:17px/24px raleway;
     font-weight:normal;
    color:#1c1c1d;
}
.rs-column.-large-col-5-1 {
  float: left;
  width: 17%;
  margin-right:1.5%;
  margin-left:1.5%;
}

}

.kontaktformular .formbody {
    width:95%;
    margin-right:auto;
    margin-left:auto;
    padding-right:10px;
    padding-left:10px;
}
.kontaktformular input.text,
.kontaktformular textarea {
	border: 1px solid #333;
	background: url(../../files/daten-sachtleben/gfx/trans_white-10.png) repeat;
	padding-left: 3px;
	-moz-box-shadow: 0px 0px 2px rgba(217,217,217,0.5);
	-webkit-box-shadow: 0px 0px 2px #d9d9d9;
	box-shadow: 0px 0px 2px #d9d9d9;
	color: #fff;
}

.kontaktformular input.text:hover,
.kontaktformular textarea:hover {
	border: 1px solid #f2f7f9;
	background: url(../../files/daten-sachtleben/gfx/trans_white-15.png) repeat;
}

.kontaktformular input.text:focus,
.kontaktformular textarea:focus {
	border-left: 2px solid #d9d9d9;
	padding-left: 6px;
	
}
.kontaktformular label {
    width:25%;
    float: left;
	margin-bottom: 15px;
       color:#fff;
    font:14px/24px exo_2regular;
}
.kontaktformular input {
    width:70%;
    float: left;
	margin-bottom: 15px;
    font:14px/24px exo_2regular;
    padding-left:10px;
    color:#696666;
   
}


.widget-textarea .textarea {
    width:65%;
    height:10em;
    padding:10px;
    color:#fff;
   font:18px/24px exo_2regular;
}
.kontaktformular .widget-submit .submit {
    width:25%;
    margin-left:25%;
    padding:10px;
    color:#666;
    font:14px/24px exo_2regular;
}
legend {
    width:20%;
    float:left;
    
}
.checkbox_container .checkbox {
    width:50px;
    padding-right:0;
}
.checkbox_container {
    
    margin-top:20px;
    margin-bottom:25px;
}
#lbl_9_0{
       width:65%;
       font:14px exo_2regular;
}
input#opt_9_0{
    
    font:14px exo_2regular;
}
.error {
    color:#f00;
}
#txt p.error {
    color:#f00;
}









/*----------Formulare----------*/
#form-contact {
	font-size: 11px;
	color: #fff;
}

#form-contact span.mandatory, #form-contact .error { color: #cc0000; }

#form-contact label.error { margin-top: 20px; }

#kontaktformular {
	margin: 25px 15px 50px 40px;
}

#form-contact .formbody {
	width: 550px;
}

#main #kontaktformular h2 { margin: 48px; }

#form-contact label,
#form-contact input {
	float: left;
	margin-bottom: 15px;
}

#form-contact label {
	width: 100px;
}

#form-contact label {
	margin-right: 50px;
	text-align: right;
}

#form-contact .radio_container label {
	width: 50px;
	margin-right: 10px;
	text-align: left;
}

#form-contact input.text,
#form-contact textarea {
	width: 385px;
}

#form-contact input.text { height: 25px; }

#form-contact input.text,
#form-contact textarea {
	border: 1px solid #333;
	background: url(../../files/daten-sachtleben/gfx/trans_white-10.png) repeat;
	padding-left: 3px;
	-moz-box-shadow: 0px 0px 2px rgba(217,217,217,0.5);
	-webkit-box-shadow: 0px 0px 2px #d9d9d9;
	box-shadow: 0px 0px 2px #d9d9d9;
	color: #fff;
}

#form-contact input.text:hover,
#form-contact textarea:hover {
	border: 1px solid #f2f7f9;
	background: url(../../files/daten-sachtleben/gfx/trans_white-15.png) repeat;
}

#form-contact input.text:focus,
#form-contact textarea:focus {
	border-left: 2px solid #d9d9d9;
	padding-left: 6px;
	width: 379px;
}

#form-contact textarea {
	height: 100px;
	float: left;
}

#form-contact .submit_container {
	margin-left: 150px;
	padding-top: 20px;
	clear: left;
}

#form-contact input.submit 		{ background: url(../../files/daten-sachtleben/gfx/bt_formsend.png) no-repeat; }

#form-contact input.submit {
	border: none;
	text-indent: -1000px;
	height: 30px;
	width: 154px;
}

#form-contact input.submit:hover {
	border: none;
	background: url(../../files/daten-sachtleben/gfx/bt_formsend.png) no-repeat left -29px;
	text-indent: -1000px;
}

#form-contact textarea {margin-bottom: 10px;}
#form-contact .checkbox_container label {width: 300px; text-align:left;}
@media screen and (max-width:768px) {
div.menubutton {
    right:2rem;
    position:absolute;
    display:block;
    top:2rem;
    z-index: 10;
}
div.menubutton a {
    display:block;
    padding:.3rem;
    background-color:transparent;
    border:1px solid #fff;
    border-radius:.25rem;
    font-family:exo_2regular;
    text-decoration:none;
    color:#fff;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
div.menubutton a.shownav:after {
    font-size:.6rem;
    content: " \25bc";
}
div.menubutton a.hidenav:after {
    font-size:.6rem;
    content: " \25b2";
}
div.menubutton a.hidenav {
    display:none;
}
nav.mod_navigation {
    margin:0;
    padding:0;
    transition: 1s;
    background-color: #fff;
}
nav.mod_navigation ul.level_1 {
    margin-top:10px;
    margin-right:0;
    margin-bottom:10px;
    padding:0;
}



nav.mod_navigation a:hover,
nav.mod_navigation a:focus {
    text-decoration:underline;
}
#header nav.mod_navigation {
    max-height:0;
}
#menu:target nav.mod_navigation {
    min-height:60rem;
}
#menu:target a.shownav {
    display:none;
}
#menu:target a.hidenav {
    display:block;
}
}

@media screen and (max-width:768px) {
#header .navi {
    width:100%;
    height:auto;
    float:right;
    margin-top:10px;
}


#header .mod_navigation li{
    
    text-decoration:none;
    font:17px exo_2regular;
    margin:8px;
    border-bottom:1px dotted #dedcdc;
}

#header .mod_navigation .active {
    font-family:exo_2regular;
    font-weight:bold;
    color:#353535;
    padding-left:5px;
}
#header .mod_navigation .trail {
    font-family:exo_2regular;
    font-weight:bold;
    color:#353535;
    padding-left:5px;
}
#header .mod_navigation li a:hover,
#header .mod_navigation li a:focus {
    font-family:exo_2regular;
    font-weight:normal;
    color:#aa0000;
}
#header .level_1 li a {
    color:#666;
    padding-left:10px;
    
}
#header .level_2 li {
    clear:both;
    border: none;
}
#header .level_2 li a {
    padding-left:20px;
}
#header .mod_navigation .level_2 .active {
    padding-left:10px;
    
    
    font-family:exo_2regular;
    font-weight:normal;
    color:#aa0000;
}
}