/* ###################### Farben ################### */

/* Schrift normal        : #0050A0 */

/* Schrift link_normal        : #0050A0 */

/* Schrift link_hover        : #8F8F8F */
@font-face {
  font-family: 'FA-Solid';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("../font/fontAwesome/fa-solid-900.eot");
  src: url("../font/fontAwesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../font/fontAwesome/fa-solid-900.woff2") format("woff2"), url("../font/fontAwesome/fa-solid-900.woff") format("woff"), url("../font/fontAwesome/fa-solid-900.ttf") format("truetype"), url("../font/fontAwesome/fa-solid-900.svg#fontawesome") format("svg"); }



/* Seitentitel */
h1,
.item-page h1 {

        margin-bottom                : 10px;

        padding                        : 2px;

         font-size                : 16px;

         font-weight                : bold;

         border-bottom                : 3px dotted #BCD75C;


         }



/* Beitragsüberschrift */

.item-page h2,

.blog h2,

.gallery h2,

.category-list h2,

.gallery .sectiontableheader {

        margin-bottom                : 10px;

        padding                        : 2px;

         font-size                : 16px;

         font-weight                : bold;

         border-bottom                : 3px dotted #BCD75C;

         }


h2 a,
.item-page h2 a, .blog h2 a,

.item-page h2 a:link, .blog h2 a:link,

.item-page h2 a:visited, .blog h2 a:visited {

        color                        : #005F00;

         text-decoration                : none;

         font-weight                : bold;

         }



.item-page h2 a:hover, .blog h2 a:hover {

        color                        : #0050A0;

         text-decoration                : none;

         }



/* #############################################################*/

/* ############### Grundeinstellungen Fließtext ################*/

/* #############################################################*/



/* Info: die Überschriften H1 und H2 sind gleichzeitig Überschriften für Komponenten etc.*/

.blog h3,

.item-page h3 {

        text-align                : left;

        margin-top                : 10px;

        margin-bottom                : 10px;

        padding                        : 2px;

         font-size                : 16px;

         font-weight                : bold;

         border-bottom                : 2px solid #BCD75C;

         }

.blog h4,

.item-page h4 {

        margin-top                : 10px;

        margin-bottom                : 10px;

        padding                        : 2px;

         font-size                : 16px;

         font-weight                : bold;

         text-decoration                : underline;

         text-align                : center;

         }

.blog h5,

.item-page h5 {

        margin-top                : 10px;

        margin-bottom                : 3px;

        padding                        : 2px;

         font-size                : 15px;

         font-weight                : bold;

         text-decoration                : underline;

         text-align                : left;

         }

.blog h6,

.item-page h6 {

        margin-top                : 10px;

        margin-bottom                : 10px;

        padding                        : 2px;

         font-size                : 13px;

         font-weight                : bold;

         text-decoration                : underline;

         text-align                : left;

         }





.item-page p,

.blog p,

.category-desc p {

        margin                        : 0px;

        padding                        : 0px;

         }



.item-page a, .item-page a:link, .item-page a:visited

a, a:link, a:visited {

        color                        : #9F0000;

         text-decoration                : none;

         font-weight                : bold;

         }



.item-page a:hover,

a:hover {

        color                        : #007F00;

         text-decoration                : underline;

         }



.startseite img {

        border                        : 5px solid white;
        width: 90%;
        height:auto;
        margin: 0 auto
         }



.blog img,
.com-content-article__body > p > img {
        max-width: 100%;
        max-height: auto;
        border                        : 5px solid white;
         }


/* #############################################################*/

/* ############### Einstellungen - Breadcrumbs #################*/

/* #############################################################*/

.moduletable-breadcrumb {

}



#breadcrumbs,

#breadcrumbs a,

#breadcrumbs a:link,

#breadcrumbs a:visited{

        color                        : #005F00;

         font-size                : 12px;

         padding                        : 3px;

}

#breadcrumbs a:hover{

        color                        : #007F00;

}



.moduletable h3 {

        font-size                : 15px;

         }

/* #############################################################*/

/* ##################### Anfang: Artikel Infos ################# */

/* #############################################################*/

dl.article-info {

    clear: both;

    padding: 0px 0 3px 0;

    margin: 0 0 10px 0;

    border: 1px #999 solid;

}



dl.article-info dt.article-info-term {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 13px;

    line-height: 13px;

    color: #333;

    font-weight: bold;

    font-style: italic;

    border-bottom: 1px #999 solid;

    padding: 0 0 3px 0;

    margin: 0 0 3px 0;

}



dl.article-info dd {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 11px;

    line-height: 11px;

    color: #666;

}



dl.article-info dd a {

   color: #666;

}



dl.article-info dd a:hover {

    color: #333;

}



/* ------------------------------

   Tooltip voor de editor button

------------------------------- */

.tip {

    background-color: #fff;

    border: 1px #999 solid;

    padding: 5px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 11px;

}



.tip-title {

    font-weight: bold;

}





/* ###################### Seitenzahlen - Links ################### */



a.pagenav,

a.pagenav:link,

a.pagenav:visited {

         text-decoration                : none;

         font-weight                : bold;

         }



a.pagenav:hover {

         text-decoration                : underline;

         }





/* ########################## Weiterlesen - Link ##################### */

p.readmore,

.backbutton {

        margin-top                       : 10px;

        margin-bottom                       : 20px;

            text-align                   : right; }

p.readmore a,

p.readmore a:link,

p.readmore a:visited {

        padding                        : 0px;

            font-style                : italic;

            text-decoration                : none;



}



p.readmore a:hover {

            color                        : #0090E0;

}



/* ###################### Seitenzahlen  ################### */

div.pagination {

            clear                        : both;

            text-align                : center;

            margin                        : 15px 0 0 0;

         font-size                : 14px;  }



div.pagination p.counter {

            font-style                : italic;

}



div.pagination ul {

            list-style                : none;

            padding                        : 0;

}



div.pagination ul li {

            list-style                : none;

            display                        : inline;

         padding                        : 5px 8px 5px 8px!important;  /*oben rechts unten links */

}



.pagenav   {

         padding                        : 2px!important;  /*oben rechts unten links */

}



/* ########################## Icons - Drucken, E-Mail, PDF ##################### */

ul.actions {

        list-style                       : none;

        padding                        : 0;

        margin                        : 0;

        float                        : right;

        text-align                : right;

}



ul.actions li {

        display                        : inline;

}



ul.actions li a img {

        border                        : 0px!important;

}



ul.actions li a:hover img {

        border                        : 0px!important;

}



/* ###################### Blog - Einstellungen ################### */



div.items-more ol {

        list-style-type                : none!important;

         }



div.items-leading {

        border-bottom                : 1px dotted #868178;

         padding-bottom                : 20px;

         margin-bottom                : 10px;

         }



.cols-1 {

        display                        : block;

         float                        : none !important;

         margin                        : 0 !important;

         }

/* Blog - 2-spaltig*/

.cols-2 .column-1 {

        float                        : left;

         width                        : 46%;

         margin-right                : 2%;

         border-right                : 1px dotted #868178;

         padding                        : 0 10px 9000px 10px;  /*oben rechts unten links */

        margin                        : 0px 0 -9015px 0;   /*oben rechts unten links */

            height                        : 100%;

         }



.cols-2 .column-2 {

        float                        : left;

         margin                        : 0;

         width                        : 46%;

         padding                        : 0 10px 9000px 10px;   /*oben rechts unten links */

        margin                        : 0px 0 -9015px 0;  /*oben rechts unten links */

            height                        : 100%;

         }

/* Blog - 3-spaltig*/

.cols-3 .column-1 {

        float                        : left;

         padding                        : 0 5px;

         width                        : 29%;

         margin-right                : 2%;

         border-right                : 1px dotted #868178;

         }



.cols-3 .column-2 {

        float                        : left;

         margin-left                : 0;

         padding                        : 0 5px;

         width                        : 29%;

         margin-right                : 2%;

         border-right                : 1px dotted #868178;

         }



.cols-3 .column-3 {

        float                        : left;

         padding                        : 0 5px;

         width                        : 29%;

         }

/* Blog - 4-spaltig*/

.cols-4 .column-1 {

        float                        : left;

         padding                        : 0 5px;

         width                        : 20%;

         margin-right                : 2%;

         border-right                : 1px dotted #868178;

         }



.cols-4 .column-2 {

        float                        : left;

         margin-left                : 0;

         padding                        : 0 5px;

         width                        : 20%;

         margin-right                : 2%;

         border-right                : 1px dotted #868178;

         }



.cols-4 .column-3 {

        float                        : left;

         margin-left                : 0;

         padding                        : 0 5px;

         width                        : 20%;

         margin-right                : 2%;

         border-right                : 1px dotted #868178;

         }



.cols-4 .column-4 {

        float                        : left;

         padding                        : 0 5px;

         width                        : 20%;

         }



.items-row {

        margin-bottom                : 10px !important;

         overflow                : hidden;

         }



.column-1, .column-2, .column-3 {

        padding                        : 10px 5px;

         }



.column-2 {

        margin-left                : 40%;

         width                        : 55%;

         }



.column-3 {

        width                        : 30%;

         }



.blog-more {

        padding                        : 10px 5px;

         }









/* ###################### Kategorieliste ################### */

.categories-list {

color:#FF7F00;

}



li.first {

color:#FF7F00;

}



.categories-list li.first {

color:#FF7F00;

}



.categories-list li.last {

color:#FF7F00;

}



.categories-list span.item-title {

color:#FF7F00;

}



.categories-list dl.article-count {

color:#FF7F00;

}



* Beitragsliste

*

*/



.category-list {



}



.filters,

.display-limit {

        border                        : 0px!important;

         text-align                : right;

}



select#limit {



}



.cat-items {



}



form#adminForm {



}



table.category {

        border-collapse                : collapse;

         padding                        : 0px; /*oben rechts unten links */

         margin                        : 0px!important;

         border                        : 1px solid #8F8F8F;

         vertical-align                : top;

         width                        : 99%;

}

table.category td,

table.category th {
         padding                        : 6px!important; /*oben rechts unten links */

}



th#tableOrdering,

th#tableOrdering2,

th#tableOrdering3,

th#tableOrdering4   {



}



 /*  Kategorie-Überschrift*/

th.list-title,

th.list-author,

th.list-date,

th.list-hits {



         }

th.list-hits,

th.list-date {

        text-align                : center!important;

         }



.cat-list-row0,
.cat-list-row1 {

        border-bottom                : 1px solid #8F8F8F;

        }

thead {

        border-bottom                : 2px solid #8F8F8F;

        }



td.list-author {

        text-align                : center!important;

        }

#visually-hidden {
         display: none;
         }
.com-content-category__table caption {
         display: none;
         }
.com-content-category__pagination {
         text-align: right;
         padding: 0.8em 0}


td.list-hits,

td.list-date{

        border-bottom                : 1px solid #8F8F8F;

        }



 /* Zellen der Einzelüberschriften der Beiträge*/

td.list-title {



}



tr.cat-list-row0 {



}



tr.cat-list-row1 {



}



td.createdby {



}



td.list-hits {



}



.cat-children {



}



.cat-children h3 {

        border-bottom                : 1px solid #BFBFBF;

         font-size                : 16px;

}



.cat-items {



}



li.first {



}



li.first span.item-title {



}



li.first span.item-title a {



}



li.last {



}



li.last span.item-title {



}



li.last span.item-title a {



}



.jg_photo_container {

    margin:0px auto!important;

    width:99%!important;

}



.jg_photo_container {

    text-align:center!important;

}



.jg_element_txt li, .jg_element_txt_r li, .jg_element_txt_l li, .jg_element_txt_c li, .jg_element_txt_subs li, .jg_element_txt_subs_r li, .jg_subcatelem_txt_r, .jg_subcatelem_txt_l, .jg_subcatelem_txt_c li {

    text-align:center!important;



}

.jg_element_txt  {

    text-align:center!important;

    width:99%!important;

}

.jg_element_txt a {

   padding-bottom:10px!important;

}



.jg_element_gal, .jg_element_gal_r{

    text-align:center!important;

}

..jg_element_cat,

.jg_element_cat a {

    text-align:center!important;

}

.jg_element_gal, .jg_element_gal_r {

    text-align:center!important;

}

.jg_catelem_photo {

    text-align:center!important;

    width:99%!important;

}

/********************************************/

/** Formatierung Bilder im Content-Bereich **/

/********************************************/



.easy_img_caption{

        display                        : inline-block!important;

        line-height                : 0.5;

        vertical-align                : middle;

             text-decoration                : none !important;

             border                        : 0px;

         background-color        : transparent !important;               }



.easy_img_caption_inner{

        display                        : inline-block !important;

        width                        : 100% !important;

         background-color        : transparent !important;

             color                        : #7F7F7F!important;

             padding-top                : 5px !important;

             text-align                : center !important;

             padding-bottom                : 15px !important;

             padding-left                : 0px !important;

             padding-right                : 0px !important;

             margin                        : 0px !important;

             font-size                : 13px !important;

             text-decoration                : none !important;

             border-top                : 0px;

               }



.Bild_links {

        float                        : left;

        margin-right                : 20px;

        text-align                    : center;



}



.Bild_rechts {

        float                        : right;

        margin-left                : 20px;

        text-align                : center;

}

.Bild_mitte {

             text-align                : center;



}

.pd-no-subcat {
         display:none;
         }

#phoca-dl-categories-box div.pd-categoriesbox {
    background: #ffffff url(images/grey-bg.png) left top repeat-x;
    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: inset 0 1px 3px #fff, 0 0 3px #ccc;
    -o-box-shadow: inset 0 1px 3px #fff, 0 0 3px #ccc;
    -webkit-box-shadow: inset 0 1px 3px #fff, 0 0 3px #ccc;
    -moz-box-shadow: inset 0 1px 3px #fff, 0 0 3px #ccc;
} {
    background: #ffffff url(images/grey-bg.png) left top repeat-x;
    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: inset 0 1px 3px #fff, 0 0 3px #ccc;
    -o-box-shadow: inset 0 1px 3px #fff, 0 0 3px #ccc;
    -webkit-box-shadow: inset 0 1px 3px #fff, 0 0 3px #ccc;
    -moz-box-shadow: inset 0 1px 3px #fff, 0 0 3px #ccc;
}

.pd-categoriesbox small,
#phoca-dl-most-viewed-box {
         display:none;
         }


/* ################################################################# */
/*               Seitenumbrüche   +  Weiter und Zurück               */
/* ################################################################# */
.com-content-category-blog__navigation {
         display                 :flex;
         flex-wrap               :wrap; }


.com-content-category-blog__counter {
         order           : 2;
         width           : 100%;
         display: none}


.com-content-category-blog__pagination {
         order           : 1;
         display         : flex;
         justify-content : center;
         width           : 100%;
         margin-top      : 1em;
         }

.pagination {
         margin-top      : 1em;
         text-align      : center;}

/* Schaltflächen die nicht anklickbar sind werden ausgeblendet */
.pagination__wrapper {
         display : flex;
         margin: 0;
         justify-content: space-around;
         }

.com-content-category__counter {
         text-align: center;
         }
.pagination__wrapper ul {
         display : flex;
         margin: 0;
         padding-inline-start: 0px;}
.pagination__wrapper ul > li{
         list-style: none;
         padding:0;
         margin: 0 .25em}

.pagination li.disabled ,
.pagination .counter {
         text-decoration      : none!important;
         background-color     : transparent;
         padding              : 0.35em 0.85em;
         border               : 0px solid #DFDFDF;
         color                : #AFAFAF;
         border-radius        : 0.25em }

.pagination__wrapper ul > li > a{
         text-decoration      : none!important;
         background-color     : transparent;
         padding              : 0.35em 0.85em ;
         border               : 0px solid #0098CC;
         color                : #9F0000;
         border-radius        : 0.25em }


/* Schaltfläche die aktiv ist und Hover-Effekt*/
.pagination__wrapper ul > li > a:hover,
.pagination__wrapper ul > li > a:focus,
.pagination__wrapper ul > .active > a,
.pagination__wrapper ul > .active > span {
         background-color     : transparent;
         color                : #005F00!important;
         border               : 0px solid #0098CC;
        }

/* Schaltfläche die aktiv ist */
.pagination__wrapper ul > .active > a,
.pagination__wrapper ul > .active > span {
         cursor          : default;
}
.icon-angle-left:before {
         font-family     : 'FA-Solid';
         content         : '\f053'!important ;
                  font-size: 80%;}

.icon-angle-double-left:before {
         font-family     : 'FA-Solid';
         content         : '\f100'!important ;
                  font-size: 80%;}


.icon-angle-right:before {
         font-family     : 'FA-Solid';
         content         : '\f054'!important ;
         font-size: 80%;         }

.icon-angle-double-right:before {
         font-family     : 'FA-Solid';
         content         : '\f101'!important ;
         font-size: 80%;}


.pagination a,
.pagination span {
         display                         : inline-block;
}

/* EDCOMAN */
#edocman-categories{
         margin-top: 1em;
         }
.edocman-category-title a small {
         display: none;}

#edocman-categories .edocman-box-heading, #edocman-documents .edocman-box-heading, #edocman-document-page .edocman-box-heading  {
    border-radius: 5px 5px 0 0;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    padding: 1em 1.5em;
    margin: 0;
}

#edocman-categories .edocman-box-heading, #edocman-documents .edocman-box-heading, #edocman-document-page .edocman-box-heading {
    background: #FFFFFF!important;
    border: 1px solid #DBDEE1;}

#edocman-category > h1{
         width: 100%!important;
         border-bottom: 0!important;
    margin-bottom: 10px!important;
    padding: 2px;
    font-size: 16px!important;
    font-weight: bold!important;   }

#edocman-category {
border-bottom: 3px dotted #BCD75C;
}

#edocman-documents .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 0!important;
}

.edocman-taskbar .btn-primary {
    color: #9F0000;
    text-shadow: none;
    background-color: transparent;
    background-image: none;
    background-image:  none;
    background-image:  none;
    background-image:  none;
    background-image:  none;
    background-repeat:  none;

    border-color: none;
    border-color:  none; ;
}

.dj-cat-title {
         display: none;
         }