header,footer,nav,section,aside,main,article,figure,figcaption{display:block}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,iframe{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}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,.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}
@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}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
@media screen {
body {
    background-image:url("../../files/style/bg.gif");
}
body.largeview {
    margin:0 auto;
    padding:0;
    text-align:center;
    /* background-image:url("../../files/style/bg.gif"); */
}
body.largeview > #wrapper > #header {
    /* background-image:url("../../files/style/bg.gif"); */
    position: sticky;
}
body.largeview > #wrapper > #container > #main {
    top:128px;
    /* background-image:url("../../files/style/bg.gif"); */
}
@media (min-width: 768px) {
    #container { margin-right: 2em; }
}
hr {
    margin-top:.8em;
    margin-bottom:.8em;
}
ul {
    list-style-type:square;
}
#logo {
    top:30px;
    position:relative;
    border: 0;
}
.inside > .logolink:hover {
    background-color:transparent;
}
#counter {
    width:42px;
    height:11px;
    top:198px;
    position:absolute;
    padding:1px;
    background-color:#004000;
    border-left:0px hidden;
    font:10px Arial,Helvetica,sans-serif;
    font-weight:bold;
    z-index: 1000;
}
#header {
    left:330px;
    top:70px;
    position:absolute;
    color:#007;
}
#header h1 {
    font-size:2.4em;
    color:#007;
}
#header h2 {
    margin-left:.2em;
    font-size:1.4em;
    color:#007;
}
#header h1,
#header h2 {
    margin-top:0;
    margin-bottom:0;
    font-family:Arial,Verdana,Helvetica,sans-serif;
    line-height:1.8em;
    font-weight:bold;
}
#main {
    left:0;
    top:232px;
    position:relative;
    margin-right:16px;
    margin-left:16px;
    font:1em/1.3em Arial,Verdana,Helvetica,sans-serif;
    font-weight:normal;
    color:#333;
}
#main p {
    margin-top:.5em;
    margin-bottom:.5em;
}
#main h1 {
    font-size:1.6em;
}
#main h2 {
    font-size:1.4em;
}
#main h3 {
    font-size:1.2em;
}
#main h4 {
    font-size:1em;
}
#main h5 {
    font-size:.8em;
}
#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
    line-height:1.5em;
    margin-top: 0.8em;
    font-weight:bold;
    color:#333;
}
.inside a:link,
.inside a:visited {
    color:#111;
}
.inside a:active {
    text-decoration:none;
    color:#333;
}
.inside a:hover {
    /* background-color:#eee; */
    text-decoration:none;
    color:#f00;
}
.rte a:hover,
.mod_navigation a:hover,
.mod_customnav a:hover,
.mod_articlelist a:hover
{ 
    background-color:#eee;
}
.mod_article {
    margin-bottom:1.5em;
}
.spoiler a {
    color: #000;
      text-decoration: none;
}
.spoiler a:active,
.spoiler a:focus {
    border:none;
}
.spoiler a:active p,
.spoiler a:focus p {
    display: block;
}
.mod_navigation {
    width:200px;
    left:10px;
    top:50px;
    position:relative;
    font:1.3em/1.5em Arial,Verdana,Helvetica,sans-serif;
    font-weight:normal;
    color:#333;
}
.w3c {
    left:30px;
    top:660px;
    position:absolute;
}
.copy {
    margin-top:20px;
    margin-left:-5px;
    font:.8em Arial,Verdana,Helvetica,sans-serif;
    font-weight:normal;
    color:#000;
}
.privacy {
    margin-top:20px;
    margin-left:-4px;
    font:.7em Arial,Verdana,Helvetica,sans-serif;
    font-weight:normal;
    color:#000;
}
.privacy a:link {
    text-decoration: none;
    letter-spacing: 0.05em;
}
.mod_customnav {
    right:0;
    top:-212px;
    position:absolute;
    white-space:nowrap;
    font-size:.7em;
}
.mod_navigation ul {
    margin:0;
    padding-left:10px;
    list-style-type:none;
}
.mod_navigation li {
    margin:0;
    padding-right:5px;
    padding-left:0;
}
.mod_navigation li,
.mod_navigation a,
.mod_navigation p {
    font-weight:bold;
}
.mod_navigation .level_2 li,
.mod_navigation .level_2 a,
.mod_navigation .level_2 p {
    font-size:1em;
    font-weight:normal;
}
.mod_navigation .level_3 li,
.mod_navigation .level_3 a,
.mod_navigation .level_3 p {
    font-size:.9em;
    font-weight:normal;
}
.level_3 .active {
    font-size:.9em;
    font-weight:normal;
}
.mod_navigation a:link,
.mod_navigation a:visited,
.mod_navigation a:active {
    text-decoration:none;
    color:#333;
}
.mod_navigation a:hover {
    text-decoration:none;
    color:#f00;
}
#topnavi.mod_customnav li {
    display:inline;
}
#extra_nav_left.mod_customnav {
    left:20px;
    top:64px;
    position:relative;
    display:block;
    font-size:.8em;
    line-height:1.2em;
}
.mod_articlelist li,
.pagination li {
    display:inline;
    margin-left:.75em;
    list-style-type:none;
}
.mod_customnav a:link,
.mod_customnav a:visited,
.mod_customnav a:active,
.mod_articlelist a:link,
.mod_articlelist a:visited,
.mod_articlelist a:active {
    text-decoration:none;
    color:#333;
}
.mod_customnav a:hover,
.mod_articlelist a:hover {
    text-decoration:none;
    color:#f00;
}
.mod_articlelist ul,
.pagination ul {
    display:inline;
    padding-left:0;
}
.mod_articlelist {
    margin-top:.5em;
}
div.mod_articlelist::before {
    font-weight:bold;
    content:"Springe zu: "
}
.mod_linklist .title {
    margin-bottom:1em;
}
.mod_linklist .entry {
    margin-bottom:1.5em;
}
.mod_eventlist .header,
.layout_latest .info,
.layout_full .info {
    font-weight:bold;
}
.layout_simple {
    margin-left:1.5em;
    line-height:1.4em;
}
.mod_eventlist .event {
    margin-top:-0.3em;
    margin-bottom:1.2em;
}
.mod_search .first {
    margin-top:2em;
}
.content-toplink {
    margin-left:auto;
    text-align:right;
}
.rahmen p {
    margin:0;
    padding:6px;
    background-color:#FDD;
}
#printer {
    top:180px;
    position:absolute;
    left:240px;
}
#footer {
    bottom:10px;
    left:0;
    padding:20px;
    text-align:center;
    font:10px Arial,Verdana,Helvetica,sans-serif;
    font-weight:normal;
    color:#333;
}
.guestname {
    font-weight:bold;
    color:#060;
}
.guestbookentry {
    margin-left:30px;
}
.guestbookdate {
    font-size:.75em;
    color:#c00;
}
.pagecount {
    float:right;
    text-align:left;
    font-size:.75em;
}
.pageselect {
    float:left;
    text-align:right;
    font-size:.75em;
}
.ce_comments .form .formbody .widget {
    display: flex;
}
.ce_comments .form {
    margin-bottom:1.5em;
    margin-left:1em;
    font-size:.9em;
}
.ce_comments input,
.ce_comments textarea,
.ce_comments button {
    margin:.2em 1em .4em;
    padding-right:.2em;
    padding-left:.2em;
    background-color:#ffd;
    border:1px solid #333;
    font-size:.9em;
    color:#333;
    order: 1;
}
.ce_comments label {
    order: 2;
}
.ce_comments button {
    margin-top:.2em;
    margin-left:1em;
}
.ce_comments .text {
    width: 332px;    
}
.centered {
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}
.pdf_link a:hover,
.syndication a:hover {
    background-color:transparent;
}
.image_container {
    overflow:auto;
}
.radio_container {
    border: 0
}
.toggler::before,
.toggler::after {
    content:url('/files/style/downarrow.png')
}
.toggler button {
    border: none;
    background: none;
}
#ctrl_keywords_9 {
    width:22em;
    margin-right:5px;
    margin-bottom:5px;
}
#chumby {
    margin-left:50px;
}
}

@media print {
body {
    margin:0;
}
* {
    font-family:Arial,Helvetica,sans-serif;
}
#container {
    overflow:visible;
}
#header,
#logo,
#counter,
#left,
.mod_customnav,
.mod_articleList,
.ce_toplink,
.pdf_link,
.ce_toplink {
    display:none;
}
#main {
    top:25px;
    margin-right:0;
}
}

/* Bildabstand:
   https://community.contao.org/de/showthread.php?86263-5-2-Bildabstand-einstellen&p=594149&viewfull=1#post594149
*/
.ir5 img { margin-right: 5px; }
.il5 img { margin-left: 5px; }
.v5, .it5 img { margin-top: 5px; }
.n5, .ib5 img { margin-bottom: 5px; }

.ir10 img { margin-right: 10px; }
.il10 img { margin-left: 10px; }
.v10, .it10 img { margin-top: 10px; }
.n10, .ib10 img { margin-bottom: 10px; }

.ir15 img { margin-right: 15px; }
.il15 img { margin-left: 15px; }
.v15, .it15 img { margin-top: 15px; }
.n15, .ib15 img { margin-bottom: 15px; }

.ir20 img { margin-right: 20px; }
.il20 img { margin-left: 20px; }
.v20, .it20 img { margin-top: 20px; }
.n20, .ib20 img { margin-bottom: 20px; }

.ir25 img { margin-right: 25px; }
.il25 img { margin-left: 25px; }
.v25, .it25 img { margin-top: 25px; }
.n25, .ib25 img { margin-bottom: 25px; }

.ir30 img { margin-right: 30px; }
.il30 img { margin-left: 30px; }
.v30, .it30 img { margin-top: 30px; }
.n30, .ib30 img { margin-bottom: 30px; }

.ir35 img { margin-right: 35px; }
.il35 img { margin-left: 35px; }
.v35, .it35 img { margin-top: 35px; }
.n35, .ib35 img { margin-bottom: 35px; }

.ir40 img { margin-right: 40px; }
.il40 img { margin-left: 40px; }
.v40, .it40 img { margin-top: 40px; }
.n40, .ib40 img { margin-bottom: 40px; }

.il50 img { margin-left: 50px; }
.il55 img { margin-left: 55px; }
.il60 img { margin-left: 60px; }
.il65 img { margin-left: 65px; }
.il70 img { margin-left: 70px; }
.il80 img { margin-left: 80px; }
.il90 img { margin-left: 90px; }
.il100 img { margin-left: 100px; }
.il110 img { margin-left: 110px; }
.il120 img { margin-left: 120px; }
.il130 img { margin-left: 130px; }
.il140 img { margin-left: 140px; }
.il150 img { margin-left: 150px; }
.il160 img { margin-left: 160px; }
.il170 img { margin-left: 170px; }
.il180 img { margin-left: 180px; }
.il190 img { margin-left: 190px; }
.il200 img { margin-left: 200px; }

.v45 { margin-top:45px; }
.v50 { margin-top:50px; }
.v60 { margin-top:60px; }
.v100 { margin-top:100px; }

.n42 { margin-bottom:42px; }
.n45 { margin-bottom:45px; }
.n50 { margin-bottom:50px; }
.n60 { margin-bottom:60px; }

@media (max-width: 767px) {
    #container { margin-right: 0.6em; }
}
@media (min-width: 768px) {
    #jump-to-nav, #extra_nav_left.mod_customnav {
            display:none;
        }
}
@media (max-width: 479px) {
    #jump-to-nav {
                text-indent: -9999px;
        }
        #left {
                top: 212px;
                left: 32px;
        }
        #header {
                left: 32px;
        }
        #header h1, h2 {
            line-height:1.5em;
        }
}
@media (max-width: 767px) {
    .showat768 {
                display: block;
        }
    .hideat768, p.w3c {
                display: none;
        }
    #jump-to-nav {
                background-image: url("../../files/style/nav_mobile.png");
                background-position: right center;
                background-repeat: no-repeat;
                color: #090;
                display: block;
                float: left;
                font-size: 14px;
                font-weight: bold;
                width: 32px;
                height: 32px;
                line-height: 32px;
                /* margin-right: -15px; */
                margin-top: -212px;
                /* padding-right: 50px; */
                text-decoration: none;
        }
}