/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
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}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
@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}
/* mediaboxAdvanced v1.4.6, (c) 2007-2010 John Einselen <http://iaian7.com>, MIT-style license */
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayFF{background:transparent url("../../assets/mootools/mediabox/1.4.6/images/80.png") repeat}#mbOverlay.mbOverlayIE{position:absolute}#mbCenter{position:absolute;z-index:9999;left:50%;overflow:hidden;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.50);-khtml-box-shadow:0 5px 20px rgba(0,0,0,0.50);-moz-box-shadow:0 5px 20px rgba(0,0,0,0.50);box-shadow:0 5px 20px rgba(0,0,0,0.50);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=180,Color='#000000')}#mbCenter.mbLoading{background:#000 url("../../assets/mootools/mediabox/1.4.6/images/loading.gif") no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbImage{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat;padding:10px}#mbBottom{min-height:20px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#999;text-align:left;padding:0 10px 10px}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:bold;line-height:20px;font-size:12px}#mbNumber{display:inline;color:#999;line-height:14px;font-size:10px;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:14px;font-size:10px}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:normal}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:bold;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:16px;line-height:14px;font-weight:bold}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:bold;text-decoration:underline}
p[foo=rot] {
   color: #a60000;
}

* {
    box-sizing: border-box;
    behavior: url("../../files/css/boxsizing.htc");
}

body {
    color:#333;
    font:1.2em "Exo 2",Lucida Sans Unicode,Lucida Grande,sans-serif
}

h2 {
	color: #4fa91b;
	font-weight: normal;
}

#wrapp {
    border-bottom:1px solid #fff;
}

#flex {
    width:80%;
    display:flex;
    margin-right:auto;
    margin-left:auto;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    border-left: 1px solid #4fa91b;
    padding-left: 25px;
}

#flex2 {
    width:80%;
    display:flex;
    margin-right:auto;
    margin-left:auto;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    border-left: 1px solid #4fa91b;
    padding-left: 25px;
}

#kopf_links, #kopf_rechts {
    width:50%;
}

#container {
}

/** Klasse für die Artikel **/
.siebzig {
    width:80%;
    margin-right:auto;
    margin-left:auto;
    padding-left: 25px;
    border-left: 1px solid #4fa91b;
}

.schrift {
	font:1.3em "Exo 2",Lucida Sans Unicode,Lucida Grande,sans-serif;
}

#navigation {
    background-color:#eee;
    border-bottom:1px solid #fff;
}

/** 2 Spalten **/
#zwei01 {
    width: 50%;
	padding: 15px;
	margin-right: 20px;
	background: #fff;
	border:1px solid #ddd;
    border-radius:6px;
}

#zwei02 {
	width: 50%;
	padding:15px;
	margin-right: 0px;
	color: #000;
	background: #f4f4f4;
	border:1px solid #ddd;
    border-radius:6px;
    behavior:url("assets/css3pie/1.0.0/PIE.htc");
}

#zwei01 a, #zwei02 a {
	color: #fff;
	background: #a60000;
	border: 0px solid #999;
	border-radius: 5px;
	padding: 3px;
	text-decoration: none;
}

#zwei01 a:hover, #zwei02 a:hover {
	color: #fff;
	background: #333;
	text-decoration: none;
}

/** 3 Spalten **/
#drei01 {
    width: 33.4%;
	padding: 0 15px 0 0px;
	margin-right: 20px;
	background: #fff;
	border-right:1px solid #4fa91b;
    border-radius:0px;
}

#drei02 {
	width: 33.4%;
	padding: 0 15px 0 0px;
	margin-right: 20px;
	color: #000;
	border-right:1px solid #4fa91b;
    border-radius:0px;
}

#drei03 {
	width: 33.4%;
	padding: 0 15px 0 0px;
	margin-right: 0px;
	background: #fff;
	border:0px solid #ddd;
    border-radius:6px;
}

#drei01 a, #drei02 a, #drei03 a {
	color: #a60000;
	border: 0px solid #999;
	border-radius: 5px;
	padding: 3px;
	text-decoration: none;
}

#drei01 a:hover, #drei02 a:hover, #drei03 a:hover {
	color: #000;
	text-decoration: none;
}

/** 4 Spalten **/
#vier01 {
    width: 25%;
	padding: 0px;
	margin-right: 20px;
	font:2em "Exo 2",Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #fff;
	border:0px solid #ddd;
    border-radius:6px;
}

#vier02 {
	width: 25%;
	padding:0px;
	margin-right: 20px;
	font:2em "Exo 2",Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #fff;
	border:0px solid #ddd;
    border-radius:6px;
    behavior:url("assets/css3pie/1.0.0/PIE.htc");
}

#vier03 {
	width: 25%;
	padding:0px;
	margin-right: 20px;
	background: #fff;
	border:0px solid #ddd;
    border-radius:6px;
	font:1em Lucida Sans Unicode,Lucida Grande,sans-serif;
}

#vier04 {
	width: 25%;
	padding:0px;
	margin-right: 0px;
	background: #fff;
	border:0px solid #ddd;
    border-radius:6px;
	font:1em Lucida Sans Unicode,Lucida Grande,sans-serif;
}

#vier01 a,#vier02 a,#vier03 a,#vier04 a {
	color: #fff;
	background: #a60000;
	border: 0px solid #999;
	border-radius: 5px;
	padding: 3px;
	text-decoration: none;
}	


#vier01 a:hover, #vier02 a:hover, #vier03 a:hover, #vier04 a:hover {
	color: #fff;
	background: #333;
	text-decoration: none;
}

/** abstand für Text **/
.ao {
	margin-top: 20px;
}
/** Hintergrund Header **/
#back {
	/* IE10+ */ 
    background-image: -ms-linear-gradient(top, #eee 0%, #fff 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #eee 0%, #fff 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #eee 0%, #fff 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), color-stop(100, #fff));

/* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #eee 0%, #fff 100%);

/* W3C Markup */ 
    background-image: linear-gradient(to bottom, #eee 0%, #fff 100%);
	
	border-bottom: 1px solid #4fa91b;
}
/** Rahmen Headerbild **/
.log img {
	border: 3px solid #fff;
	border-right: 0px solid #eee;
	border-radius: 5px;
}

#footer {
    background: eee;
    border-top: 0px solid #eee;
    margin-bottom: 30px;
}

#footer a {
    color: #a60000;
    text-decoration: none;
}
#footer a:hover {
    color: #666;
}
hr {
	height: 10px;
	background: #eee;
	border: 0px;
}

/** Kopfbereich E-Mail Suche Kalender **/
.kbe a {
    color: #666;
    text-decoration: none;
}
.kbe a:hover {
    color: #a60000;
    text-decoration: none;
}

.rech {
    text-align: right;
}

#logo_ganz {
	width:80%;
	margin-right:auto;
    margin-left:auto;
    padding-left: 25px;
    border-left: 1px solid #4fa91b;
}
#logo_mobil {
	display: none;
}
@media screen and (max-width: 1000px){

#flex, #flex2 {
    width:80%;
}

.siebzig {
    width:80%;
}
#logo_ganz {
   width: 80%;
}
}

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

#flex, #flex2 {
    width:90%;
}

.siebzig {
    width:90%;
}
#logo_ganz {
   width: 90%;
}

}

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

#flex {
	display: block;
    width:97%;
    padding-left: 0px;
    border-left: 0px;
}

#flex2 {
	display: block;
    width:97%;
    padding-left: 0px;
    border-left: 0px;
}

#kopf_links, #kopf_rechts {
    width:90%;
}

.siebzig {
    width:97%;
    padding-left: 0px;
    border-left: 0px;
}
#logo_ganz {
   display: none;
}
#logo_mobil {
	display: block;
	width:97%;
    padding-left: 0px;
    border-left: 0px;
}

#zwei01{
    width: 90%;
}
#zwei02{
    width: 90%;
    margin-top: 20px;
}
#drei01{
    width: 97%;
}
#drei02{
    width: 97%;
    margin-top: 20px;
}
#drei03{
    width: 97%;
    margin-top: 20px;
}
#vier01{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
#vier02{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
#vier03{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
#vier04{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
.log img {
	width:98%;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.rech {
    text-align: left;
}
}
#header .mod_navigation {
    font-size:11px;
    color:#fff;
}

#header .mod_navigation ul {
    width:auto;
    float:left;
    margin:0;
    padding:0;
    border-right:0px solid #ccc;
    border-left:0px double #ccc;
}

#header .mod_navigation li {
    float:left;
    margin:0;
    list-style-type:none;
}

#header .mod_navigation a,
#header .mod_navigation span {
    display:block;
    margin-right:0;
    margin-left:0;
    padding:5px 10px;
    text-align:left;
    background-color:#666;
    border-right:1px solid #fff;
    text-decoration:none;
    color:#fff;
    font:1.8em "Exo 2",Lucida Sans Unicode,Lucida Grande,sans-serif;
}

#header .mod_navigation .active,
#header .mod_navigation .trail {
    right:10px;
    background-color:#4fa91b;
    color:#fff;
}

#header .mod_navigation a:hover,
#header .mod_navigation a:focus {
    background-color:#4fa91b;
    text-decoration:none;
    color:#fff;
}

#header .mod_navigation .level_2 {
    left:-32768px;
    position:absolute;
    overflow:hidden;
    display:inline;
    margin-top:1px;
    font-weight:bold;
    font-weight:normal;
}

#header .mod_navigation .level_2 .active {
    margin-top:1px;
    background-color:#a60000;
    color:#ccc;
}

#header .mod_navigation .level_2 li {
    max-width:311px;
    clear:both;
}

#header .mod_navigation li:hover .level_2 {
    width:auto;
    height:auto;
    min-width:78px;
    left:auto;
    top:auto;
    overflow:auto;
    display:block;
    font-weight:normal;
    color:#fff;
    z-index: 1000;
}

#header .mod_navigation .level_2 a,
#header .mod_navigation .level_2 span {
    min-width:300px;
    min-height:30px;
    margin-top:1px;
    padding:2px 5px;
    background-color:#333;
    border:0px solid;
    font-weight:bold;
    font-weight:normal;
    color:#fff;
}

#header .mod_navigation .level_2 a:hover {
    background-color:#a60000;
    font-weight:bold;
    font-weight:normal;
    color:#fff;
}

#header .mod_navigation .level_2 span.active {
    font-weight:normal;
}

#header .mod_navigation .level_3 a,
#header .mod_navigation .level_3 span {
    min-width:300px;
    min-height:30px;
    margin-top:1px;
    margin-left:300px;
    padding:2px 5px;
    background-color:#333;
    border:0px solid;
    font-weight:bold;
    font-weight:normal;
    color:#fff;
}

#header .mod_navigation .level_3 a:hover {
    background-color:#a60000;
    font-weight:bold;
    font-weight:normal;
    color:#fff;
}

#header .mod_navigation .level_3 span.active {
    font-weight:normal;
}