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}
#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}
table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)}
.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}
/* ############################################################################################################################ */
/* ##################################################   resets, presets  ###################################################### */
/* ############################################################################################################################ */

* {margin: 0; padding: 0; border: 0; outline: 0; background-repeat: no-repeat; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html {-webkit-font-smoothing: antialiased}
ol, ul {list-style: none;}
table {border-spacing: 0;}
caption,th,td {text-align:left;vertical-align:top;}
input, button, textarea, select { font-family: inherit;font-size: 99%;font-weight: inherit;}

/* ##################################################    helpers   ############################################################ */

.float-left {float: left;}
.float-right {float: right;}
.center {text-align: center;}
.align_right {text-align: right;}
.hide {display: none;}

/* ##################################################    general   ############################################################ */

body, html, main {/* important */	height: 100%;}
body{
  background:#FFF0A1 url('../../files/layout/images/bg_web.jpg');
  background-repeat:repeat;
  font-size:100%;
  font-family:'Roboto Condensed';
  padding:25px 0;
  line-height: 1.6em;
}
p {margin-bottom: 15px;}
a {color: #6B1C23; text-decoration: underline;}
a:hover{color: #3a3a3a; text-decoration: none;}
.ce_divider{padding-top:15px;}
.ce_divider hr{border-bottom:1px solid #D3A15B;margin-bottom:30px;}

/* ##################################################   headlines   ############################################################ */

h1, h2, h3, h4, h5, h6 {padding: 0; line-height: 1.4em; margin-bottom: 0.5em; color: #4d4f4f; font-weight: 500;}
#main h1{font-size:30px;font-weight: normal; color: #96843d; }
#main h2{font-size:22px;color:#3a3a3a;}
#main h3{font-size:18px;color:#3a3a3a;font-weight:700}
#main h4{font-size:18px;color:#A80023;font-weight:500}
#right h1{font-size:18px;color:#96843d;font-weight:bold;}
#right h2{font-size:16px;color:#A80023;font-weight:bold;padding-top:10px;}
#left h3{font-size:16px;color:#3a3a3a;font-weight:bold;padding:18px 0 0 18px;}
#footer h1{font-size:16px;color:#000;font-weight:bold;}

/* ##################################################    layout    ############################################################ */

/* css wrapper ------------------------------------------------------------ */  
#wrapper{margin-bottom:25px;font-size:15px;}
/* css header ------------------------------------------------------------- */                                
#offHeader{max-width:821px;margin:0 auto;}
#offHeader .image_container{margin:0;}

/* css container ---------------------------------------------------------- */
#container{max-width:821px;margin:0 auto;background:#E7E3E0; }

/* css main --------------------------------------------------------------- */
#main .inside{padding:20px;}

/* css left,right --------------------------------------------------------- */
#right .inside{padding:20px}
/* css footer ------------------------------------------------------------- */

/* ##################################################     bilder    ############################################################ */

.image_container {position: relative; padding: 0; margin-bottom: 10px; overflow: hidden;}
.image_container .caption {background: rgba(255, 255, 255, 0.6); color: #505050; padding: 3px 6px; width: auto!important; font-size: 11px; position: absolute; left: 0; bottom: 0; width: auto!important;}
.image_container.float_right, .image_container.float_left {float: right;padding: 0; margin-bottom: 3%;}
.image_container.float_right {margin-left: 5%; float: right;}
.image_container.float_left {margin-right: 5%; float: left;}
.image_container img {display: block; height: auto;   max-width: 100%;}

/* ##################################################   navigation  ############################################################ */

/* ------------------------------------------------------------------------ */
/* css navi main */
/* ------------------------------------------------------------------------ */
.navi-main {
    background: #3c220b;
    height: 42px;
    border-radius: 12px 12px 0 0;
}

/* main level_1 ----------------------------------------------------------- */
.navi-main ul {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
}
.navi-main ul.level_1 {
	width: 100%;
	position: relative;
	display: block;
	margin: 0;
  
}
.navi-main ul.level_1 li {
	position: relative;
	float: left;
	display: block;
	margin-left:6px;
}
.navi-main ul.level_1 li a, .navi-main ul.level_1 li strong.active, .navi-main ul.level_1 li strong.forward {
    color: #ccc;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    line-height: 42px;
    padding: 13px 12px;
}
.navi-main ul.level_1 li a:hover, .navi-main ul.level_1 li strong.active, .navi-main ul.level_1 li.submenu:hover > a, .navi-main ul.level_1 li a.trail, .navi-main ul.level_1 li strong.forward {
	color:#fff;
	background:url('../../files/layout/images/navi-hover.png')no-repeat center bottom;
	}
}
/* main level_2 ---------------------------------------------------------- */


/* ----------------------------------------------------------------------- */
/* css navi sub */
/* ----------------------------------------------------------------------- */
#right .navHeading{
  background: rgba(240,204,51,0.7);
}
#right .navHeading h1{margin:0 !important;padding:8px 0 8px 25px !important;	color: #3b3b3b;font-size:90%;text-transform:uppercase;}
aside nav ul {
	margin: 0;
	list-style-type: none;
}
aside nav ul li {
	width: 100%;
	position: relative;
	display: block;
	list-style-type: none;
}
aside nav ul li a, aside nav ul li strong {
width: 100%;
position: relative;
overflow: hidden;
display: block;
text-decoration: none;
color: #3c220b;
padding: 4px;
border-bottom: 1px solid #FA0001;
font-weight:bold;
}

aside nav ul li a:hover, aside nav ul li strong.active, aside nav ul li .trail, aside nav ul li strong.forward:hover {
	text-decoration: none;
	background-color:rgba(211,161,91,0.7);
	color: #6B1C23
}
aside nav ul.level_1 li > ul {
	display: none

}
aside nav ul.level_1 li > ul li strong, aside nav ul.level_1 li > ul li a{
padding:2px 2px 2px 8px !important;	
}
aside nav ul.level_1 li.active > ul, aside nav ul.level_1 li.trail > ul {
	display: block;
}
/* sub level_1 ----------------------------------------------------------- */
/* sub level 2 ----------------------------------------------------------- */


/* mobile navi ----------------------------------------------------------- */
.offcanvas{display:none;padding:0px 10px 4px 10px;font-size:24px;text-align:right;}

/* ----------------------------------------------------------------------- */
/* css pagination */
/* ----------------------------------------------------------------------- */
.pagination {clear: both; border-top: 1px solid #ddd; padding-top: 5px; margin-top: 10px;}
.pagination ul {padding: 0; float: left;}
.pagination p {float: right; white-space: nowrap;}
.pagination li {background: none; padding: 0; margin: 0; float: left; list-style-type: none;}
.pagination li:before, .pagination li a:before {content: '';}
.pagination li a, .pagination li span {background: #fff; display: block; margin-right: 1px; color: #555; text-decoration: none; padding: 3px 7px;}
.pagination li span.current {background: #ccc;}

/* ##################################################    module    ############################################################ */	

/* ----------------------------------------------------------------------- */
/* css gallery */
/* ----------------------------------------------------------------------- */
/* #container .ce_gallery>ul>li {margin: 1% 2% 0 0;} */  
#container .ce_gallery .image_container, .mod_newslist .layout_latest .image_container{text-align:center;padding: 0.5em;border: 1px solid #ddd;border-radius: 2px;background: #fff;background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.02));background-image: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.02));background-image: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.02));background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.02));box-shadow: 0 0 5px rgba(0,0,0,0.1);}
#container .ce_gallery img:hover{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:.7}
#container .ce_gallery img{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}
#container .ce_gallery figcaption.caption{bottom:10px;left:10px}

/* gallery grid */
.ce_gallery .cols_4 .col_0, 
.ce_gallery .cols_4 .col_1,
.ce_gallery .cols_4 .col_2,
.ce_gallery .cols_4 .col_3{    overflow: hidden;
    margin-left: 4%;
    width: 22%;
    float: left;
	margin-bottom: 15px;}

.ce_gallery .col_first {
	margin-left: 0!important;
    clear: both;
}
.ce_gallery img{max-width: 100%;
    display: block;
height: auto;}

/* ----------------------------------------------------------------------- */
/* css blockquote */
/* ----------------------------------------------------------------------- */
blockquote {

  border-left: 5px solid #ccc;
  margin:10px;
  margin-bottom:20px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #EA404D;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
 font-size:150%;color:#444;
  display: inline;
}

/* ----------------------------------------------------------------------- */
/* css listen */
/* ----------------------------------------------------------------------- */
.ce_text ul, .ce_list ul, .ce_textarea ul, .ce_text ol, .ce_list ol, .ce_textarea ol {margin-bottom: 15px; padding-left: 20px;}
.ce_text li, .ce_list li, .ce_textarea li, .ce_text ol, .ce_list ol, .ce_textarea ol {line-height: 1.8em;}
.ce_text ul li, .ce_list ul li, .ce_textarea ul li {list-style-type: disc; list-style-position: outside;}
.ce_text ol, .ce_list ol, .ce_textarea ol {list-style: decimal; padding-left: 25px;}
.ce_text ol ol, .ce_list ol ol, .ce_textarea ol ol {list-style: upper-alpha;}
.ce_text ol ol ol, .ce_list ol ol ol, .ce_textarea ol ol ol {list-style: lower-roman;}	

/* ----------------------------------------------------------------------- */
/* css tabellen */
/* ----------------------------------------------------------------------- */
table {margin-bottom: 10px; border-bottom: solid 3px #E3E3E3; width: 100%;}
table td {border-top: solid 1px #E3E3E3; padding: 0.5em; text-align: left;}
table td p {margin: 0;}
table th {text-align: left; padding: 0.5em;}


/* ----------------------------------------------------------------------- */
/* css news */
/* ----------------------------------------------------------------------- */

.mod_newslist h2{margin:0px;padding-bottom:15px;}
.mod_newslist p.info{margin-bottom:4px;}
.mod_newslist .layout_latest img:hover{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:.7}
.mod_newslist .layout_latest{border-bottom:1px solid #FCF5D6;margin-bottom:20px;float:left;width:49%;padding-right:5px;}
.mod_newslist .layout_latest h2{font-size:18px !important;padding-bottom:5px;}
.mod_newslist .last{border-bottom:0px;}
.mod_newslist .layout_full {padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #ddd;}
.mod_newslist .layout_full.last {border-bottom:0px;}
.mod_newslist .layout_full p.info {font-size:85%; color:#777;}
.mod_newslist .layout_full p.info:before {
  font-family: FontAwesome;
padding-right:6px; 
  content:"\F017";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
text-decoration: inherit;}
/* Footer-News */
footer .mod_newslist a, .ce_text a{text-decoration:underline !important}
footer .mod_newslist a:hover, .ce_text a:hover{text-decoration:none !important}
/* Rechte-Seite */
#right .mod_newslist h1{
  background: rgba(240,204,51,0.7);
  margin:0 !important;padding:8px 0 8px 25px !important;color: #3b3b3b;font-size:90%;text-transform:uppercase;
}
#right .image_container.float_left {
    margin-right:0;
    float: none;
}
#right .mod_newslist h4{font-size:16px;padding:5px 20px;color: #3b3b3b;}
#right .mod_newslist h4:before{	margin-right: 15px;
	font-family: FontAwesome;
	color: #3b3b3b;
	content: "\f0da";}
#right .mod_newslist .layout_latest {border-bottom: 0px solid #FCF5D6;margin-bottom: 5px;}
#right .mod_newslist a{color: #3b3b3b}
#right .mod_newslist a:hover{text-decoration:none !important;color: #6B1C23 !important}


/* ----------------------------------------------------------------------- */
/* css kalender */
/* ----------------------------------------------------------------------- */
#main .mod_eventlist .event.layout_upcoming{overflow:hidden;margin:0 0 15px 0;border-bottom:1px solid #ddd;padding-bottom:15px;}
#main .mod_eventlist .event.layout_upcoming a{width:99%;display:block}
#main .mod_eventlist .event.layout_upcoming i{color:#EA404D;font-style:normal !important;}
#main .mod_eventlist .event.layout_upcoming.last{border-bottom:1px solid transparent}
#main .mod_eventlist .event.layout_upcoming div.eventTitel{margin-left:63px;padding:6px 0 0 0;font-size:120%;color:#393939;font-weight:600}
#main .mod_eventlist .event.layout_upcoming div.location{margin-left:63px;}
#main .mod_eventlist .agendaBox{padding:3px 5px;margin-right:10px;background:#FCB514;display:inline-block;width:40px;}

/* rechte seite --------------------------------------------------------- */
#right .mod_eventlist{padding:10px;}
#right .mod_eventlist .event.layout_upcoming{overflow:hidden;margin:0 0 15px 0;border-bottom:1px solid #ddd;padding-bottom:15px;}
#right .mod_eventlist .event.layout_upcoming div.eventTitel{padding:4px 0;color:#393939;font-weight:700;}
#right .mod_eventlist .event.layout_upcoming.last{border-bottom:1px solid transparent}
#right .mod_eventlist .event.layout_upcoming div.datum{font-size:90%;}
.bce_agenda{float:left;margin-right:12px;width:50px;margin-top:5px;}
.bce_agenda .bce_top{color:#fff;padding:0px 2px;text-transform:uppercase;font-size:80%;text-align:center;background:#E63F4B}
.bce_agenda .bce_bottom{padding:4px 0;text-align:center;font-size:125%;border:1px solid #e1dad6;border-top:0px;}


/* ----------------------------------------------------------------------- */
/* css downloads */
/* ----------------------------------------------------------------------- */
.ce_downloads li {border-bottom: 1px dotted #ccc; padding: 8px 0;}
.ce_downloads img {margin-right: 10px; vertical-align: middle;}
.ce_downloads li span {font-style: italic; font-size: 10px;}

/* ----------------------------------------------------------------------- */
/* css formulare */
/* ----------------------------------------------------------------------- */
.ce_form fieldset {border: 1px solid #ccc; padding: 1em; margin-bottom: 2rem;}
.ce_form legend {display: block; color:#555;}
.ce_form .formbody div{margin-bottom:12px;}
/* labels ---------------------------------------------------------------- */
.ce_form label{display:block;font-size:90%;color:#333;padding-bottom:3px;}
.ce_form .text,.ce_form .textarea,.ce_form select,.ce_form .captcha{padding:6px;background-color:#fff;border:1px solid #d4cbc5;width:90%;box-sizing:border-box;}
.ce_form span.mandatory{display:inline;padding-left:2px;font-weight:bold;color:#F00}
/* text, textarea -------------------------------------------------------- */
.ce_form .text,.ce_form .textarea,.ce_form select,.ce_form .captcha{padding:6px;background-color:#fff;border:1px solid #d4cbc5;width:90%;box-sizing:border-box;}
.ce_form .text:focus,.ce_form .textarea:focus,.ce_form .captcha:focus{border:1px solid #CFCFCF;background:#EDEDED}
.ce_form textarea{height:120px}
/* radio, checkbox ------------------------------------------------------- */
.ce_form .checkbox_container label,.ce_form .radio_container label{font-weight:normal;display:inline !important;float:none !important;}
.ce_form .checkbox_container span,.ce_form .radio_container span{display:block}
.ce_form .checkbox_container + br,.ce_form .radio_container + br{display:none}
.ce_form .checkbox_container label,.ce_form .checkbox_container input,.radio_container label,.radio_container input{vertical-align:middle}
.ce_form input[type="checkbox"],x:-moz-any-link{top:0;position:relative}  
/* captcha --------------------------------------------------------------- */
.ce_form .widget-captcha{padding-top:6px;padding-bottom:6px;padding-left:8px;background-color:#fff;border:1px solid #A80023;width:90%;}
.ce_form .widget-captcha input.captcha{width:100px !important;margin:0 0 4px;padding:6px}
.ce_form .widget-captcha .captcha_text{margin:0;padding:0 0 0 10px;font-size:90%}
/* error ----------------------------------------------------------------- */
.ce_form label.error {color: red;}
.ce_form input.error {border: 1px solid red;}
.ce_form p.error {color: red; clear: both;}
/* submit ---------------------------------------------------------------- */
.ce_form div.submit_container{margin-top:1em;margin-bottom:1em}
.ce_form .submit{display:inline-block;padding:10px;border:1px solid #ddd;background:#eee;cursor:pointer}
.ce_form .submit:hover{display:inline-block;border:1px solid #A80023;background:#ddd;cursor:pointer}
/* boxed ----------------------------------------------------------------- */
.ce_form form.boxed label{display:block;width:20%;float:left;color:#333;font-size:100%;padding:6px 0;}
.ce_form form.boxed .text,.ce_form form.boxed .textarea,.ce_form form.boxed select,.ce_form form.boxed .captcha{width:50%;}
.ce_form form.boxed .widget-captcha{border:0;padding:0px;width:100%;}

/* ----------------------------------------------------------------------- */
/* css comments */
/* ----------------------------------------------------------------------- */

.ce_comments p.info{margin:0;padding:5px 5px 5px 0;font-weight:bold;color:#EA404D}
.ce_comments .comment{margin:0;padding:4px 5px 4px 0;}
.ce_comments .comment_default{margin-bottom:10px;border-bottom:1px solid #ddd}
.ce_comments .last{border-bottom:0px !important;}
.ce_comments .reply{margin:10px 0 0 30px;padding:0}.ce_comments .reply p.info{background:transparent}
.ce_comments .form{margin-top:30px;border-top:1px dotted #d4cbc5;font-size:90%;}
.ce_comments .widget{margin-top:1.5em}
.ce_comments .text, .ce_comments .captcha{display:inline-block;width:29%;margin-right:1%;padding:6px;background-color:#fff;border:1px solid #d4cbc5;box-sizing:border-box;}
.ce_comments textarea{height:120px;display:inline-block;width:50%;margin-right:1%;padding:6px;background-color:#fff;border:1px solid #d4cbc5;box-sizing:border-box;}
.ce_comments .formbody label{display:inline-block;width:40%;margin-top:0}
.ce_comments div.submit_container{padding-top:20px;}
.ce_comments .submit{display:inline-block;padding:10px;border:1px solid #ddd;background:#eee;cursor:pointer}
.ce_comments .submit:hover{display:inline-block;border:1px solid #A80023;background:#ddd;cursor:pointer}

/* ----------------------------------------------------------------------- */
/* css sitemap */
/* ----------------------------------------------------------------------- */
.mod_sitemap .level_1 li, .mod_sitemap .submenu{padding-bottom:4px;}
.mod_sitemap li li { margin-left: 1.5em;}

/* ----------------------------------------------------------------------- */
/* css login */
/* ----------------------------------------------------------------------- */
.mod_login{width:75%;padding:20px 10px 10px 10px;background-color:#fcfcfc;border:1px solid #ddd}
.mod_login .text{width:74.4%;display:inline-block}
.mod_login label{width:20%;display:inline-block}
.mod_login input[type=text],.mod_login input[type=password]{margin-bottom:10px;width:40%;padding:6px;background-color:#fff;border:1px solid #d4cbc5;box-sizing:border-box;}
.mod_login .checkbox_container{margin-left:20.3%;}
.mod_login .submit_container{margin-left:20.3%;}
.mod_login .submit{display:inline-block;padding:10px;border:1px solid #ddd;background:#eee;cursor:pointer}
.mod_login .submit:hover{display:inline-block;border:1px solid #ccc;background:#ddd;cursor:pointer}
.mod_login label[for=autologin]{display:inline}
.logout .submit_container{margin-left:0px;}

/* ----------------------------------------------------------------------- */
/* css personen */
/* ----------------------------------------------------------------------- */
#main .mod_article .person{border-bottom: 1px dotted #ccc;padding-bottom: 5px;margin-bottom: 15px;}
#main .mod_article .person:after{display:block;clear:left;content:"";}
#main .mod_article .person h3.name{}	
#main .mod_article .person .bild-person {margin-bottom:10px;}
#main .mod_article .person .cell-left {width:100px;float:left;font-size:90%;color:#D3A15B}
#main .mod_article .person .cell-right {float:left;min-width:250px;}

/* ##################################################      custom     ############################################################ */

/* columns --------------------------------------------------------------- */
.rs-column{margin-top:5%;}
#cboxOverlay{opacity:0.75 !important;filter: alpha(opacity = 75);}
#cboxLoadedContent{border-color:#fff;border-width:10px;}


/* ##################################################  media queries  ############################################################ */
/* 915px --------------------------------------------------------------- */
@media(max-width: 915px){
	/* Mobile Navigation */
	/* Header */
	.navi-main ul.level_1 li a, .navi-main ul.level_1 li span.active, .navi-main ul.level_1 li span.forward {padding:20px 6px 13px 6px !important;}
	.navi-main ul.level_2 li a, .navi-main ul.level_2 li span.active, .navi-main ul.level_2 li span.forward {padding:5px 13px !important;}
	/* Main */
	/* Footer */ 

}
/* 800px --------------------------------------------------------------- */
@media(max-width: 840px){
	/* Mobile Navigation */
	/* Header */
	.navi-main ul.level_1 li a, .navi-main ul.level_1 li span.active, .navi-main ul.level_1 li span.forward {font-size:18px !important;}
	#offHeader #logo img{width:100px !important}
	/* Main */
	/* Footer */

}
/* 767px --------------------------------------------------------------- */
@media(max-width: 767px){
	body{padding:0px !important;}
	/* Mobile Navigation */
	.offcanvas{display:block;}
	/* Header */
	#offHeader{padding-top:10px !important;}
	#offHeader .inside{padding-left:10px !important;}
	#offHeader #logo img{width:150px !important}
	.navi-main{display:none;}
	/* Linke Spalte */
	.navi-rechts{display:none}
	/* Main */
	#main .inside{padding:20px 10px !important;}
	/* Footer */
	#footer{margin-bottom:0px;}
	#footer .inside{padding:10px !important;}
	#footer .col1_3{float:none;width:100%;}
	#footer .col1_3.last{text-align:center;}
}
/* 480px --------------------------------------------------------------- */
@media(min-width : 320px) and (max-width : 480px){
	/* Mobile Navigation */
	.offcanvas{display:block;}
	/* Header */
	/* Linke Spalte */
	/* Main */
	/* Footer */
	/* Personen */
	#main .mod_article .person{width:100%;float:none;}
	#main .start_col3{float:none;width:100%;}
}

