/*--------------------------------------------------------------------------------*/
/* Globale CSS Definitionen */

/*--------------------------------------------------------------------------------*/
/* Layout */

body {
    margin: 0;
    padding: 0;
    text-align: center;
}
body.inline { /* gilt fuer Seiten, die in der Floatbox geoeffnet werden*/
    background-color: #ffffff;
}

.body_wrapper {
    width: 100%;
    min-height: 100%;
    position: absolute;
    z-index: 0;
    text-align: left;
}
.header_wrapper {
    width: 100%;
    position: relative;
    z-index: 1000;
}
.content_wrapper {
    width: 100%;
    position: relative;
    z-index: 1;
    text-align: left;
}
.footer_wrapper {
    width: 100%;
    z-index: 1000;
}

/*--------------------------------------------------------------------------------*/
/* globale Elemente */

input, select, textarea {
    border:    1px solid #cccccc;
}
input[type=submit],
input[type=button],
input[type=reset],
button {
    min-width: 120px;
    margin-top: 0;
    border-radius: 5px;
    box-shadow: 2px 2px 5px #cccccc;
}
input[type=submit]:hover,
input[type=button]:hover,
button:hover {
    opacity: 0.8;
}
input[type=reset],
input.reset {
    border: 1px solid #999999;
    color: #999999;
}

img {
    border: none;
}

img.noborder {
    border: none;
}

img.left, div.left {
    margin-right: 5px;
    float: left;
}

img.right, div.right {
    margin-left: 5px;
    float: right;
}

img.forward {
    border: none;
    margin: 0 3px 3px 3px;
}

a,
a:hover {
    text-decoration: none;
    color: inherit;
}

/* Sprungmarke zum Inhalt und zum Menue */
a.link_inhalt {
    position: absolute;
    left: 25px;
    top: -100px;
    background-color: #ffffff;
    z-index: 1000;
    padding: 5px;
}
a.link_inhalt:focus {
    top: 18px;
}
a.link_nav {
    position: absolute;
    left: 25px;
    top: -100px;
    background-color: #ffffff;
    z-index: 1000;
    padding: 5px;
}
a.link_nav:focus {
    top: 18px;
}

a.show_menu {
    display: none;
    padding: 0;
    background-image: url(../../images/hamburger_menu.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    z-index: 2000;
    line-height: 16px;
    text-align: left;
    position: absolute;
    right: 3%;
    top: 10%;
    width: 27px;
    height: 16px;
    overflow: hidden;
}
a.show_menu:hover,
a.show_menu:active {
    text-decoration: none;
}
a.show_menu.menu_close {
    background-image: url(../../images/close_grey.png);
    background-size: 60% auto;
}

a.mehr {
    white-space: nowrap;
}

a.forward {
    background-image: none;
}
a.forward::before {
    content: " \00BB  ";
}
span.forward {
    background-image: url(../../images/icons/forward.gif);
    background-repeat: no-repeat;
    background-position: 0 center;
    display: inline;
    padding-right: 20px;
}
a.back {
    background-image: none;
}
a.back::before {
    content: " \00AB  ";
}
span.back {
    background-image: url(../../images/icons/back.gif);
    background-repeat: no-repeat;
    background-position: 0 center;
    display: inline;
    padding-right: 20px;
}
a.top {
    background-image: none;
    background-color: #eeeeee;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    position: fixed;
    bottom: 50px;
    right: 0;
    margin-right: 60px;
    z-index: 1000;
    box-shadow: 0 3px 9px #666666;
    display: none;
    text-align: center;
    text-decoration: none !important;
    font-size: 14px;
}
/*
a.top::before {
    content: "^";
}
*/
.touch a.top {
    height: 0;
    overflow: hidden;
}
span.top {
    background-image: url(../../images/icons/up.gif);
    background-repeat: no-repeat;
    background-position: 0 center;
    display: inline;
    padding-right: 20px;
}

.clear {
    clear: both;
}
.float_left {
    float: left !important;
}
.float_right {
    float: right !important;
}
.align_left {
    text-align: left !important;
}
.align_right {
    text-align: right !important;
}
.align_center,
.center {
    text-align: center !important;
}
.fixed_top {
    position: fixed !important;
    top: 0 !important;
    bottom: auto !important;
}
.fixed_bottom {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
}

.formsc { /* SpamCheck fuer Formulare */
    display: none;
}
.summary,
.wcag_info { /* versteckte Zusammenfassungen und Infotexte fuer Screenreader */
    height: 0;
    overflow: hidden;
}

.pointer {
    cursor: pointer;
}
.off {
    display: none;
}

td, th {
    vertical-align: top;
}
td *:first-child,
th *:first-child {
    margin-top: 0;
}

table.std td {
    padding: 0 10px 0 0;
}

p {
    padding: 0;
}
p:first-child {
    margin-top: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: 1.2em;
}
h1 {
    font-size: 5em;
}
h2 {
    font-size: 2em;
}
h3 {
    font-size: 1.2em;
}

/* Text einer Fussnote (Datum eines Artikels usw.) */
.note {
    font-size: 80%;
}

/* Trennung bei Auflistungen (z.B. News) */
.spacer {
    height: 10px;
    overflow: hidden;
}

/* nur auf Smartphones anzeigen */
.no-touch .visibility_7 {
    display: none;
}
/* auf Smartphones verbergen */
.touch .visibility_8 {
    display: none;
}

/*--------------------------------------------------------------------------------*/
/* Layoutelemente */
/*--------------------------------------------------------------------------------*/
/* Elemente des Headers */

.div_header {
    clear: both;
    margin: 0 auto;
    padding: 0;
    position: relative;
    max-width: 100%;
}
.div_header img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}
.div_header .slogan {
    font-size: 1rem;
}

/*--------------------------------------------------------------------------------*/
/* Elemente des mittleren Contentbereichs */

.content_frame {
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
}
.content_frame img {
    max-width: 100%;
    height: auto;
}

.div_links {
    padding: 0 0 20px 0;
    float: left;
    width: 220px;
}
.div_mitte {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}
.div_rechts {
}

/*--------------------------------------------------------------------------------*/
/* Elemente des Footers */

.div_footer {
    clear: both;
    margin: 0 auto;
    padding: 0;
    position: relative;
    max-width: 100%;
}
.div_footer .copyright {
    width: auto;
    display: inline-block;
    word-break: break-word;
}

.div_footer .producer {
    clear: both;
    padding: 1em 0 0 0;
}

.div_footer a {
    color: inherit;
}

/*--------------------------------------------------------------------------------*/
/* Navigation */
/*--------------------------------------------------------------------------------*/
/* Menue horizontal */

ul.nav_h {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style-type: none;
    position: relative;
}
ul.nav_h li {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style-type: none;
    display: inline-block;
}
ul.nav_h li a {
    text-decoration: none;
    white-space: nowrap;
}
ul.nav_h li.ebene1 {
    padding: 0 24px 0 0;
}
ul.nav_h li.ebene1.aktiv,
ul.nav_h li.ebene1:hover {
    background-color: transparent;
}
ul.nav_h li.ebene1.aktiv a.ebene1,
ul.nav_h li.ebene1:hover a.ebene1 {
    text-decoration: underline;
}

/* flyout Definitionen - 2. Ebene */
ul.nav_h ul {
    display: none;
    position: absolute;
    margin: 0;
    padding: 5px 0 0 0;
    z-index: 10;
}
ul.nav_h li.ebene1:hover ul.ebene2 {
    display: block;
}
ul.nav_h li.ebene2 {
    display: block;
    padding: 0 10px 0 0;
}
ul.nav_h li.ebene2.aktiv a.ebene2,
ul.nav_h li.ebene2:hover a.ebene2 {
    text-decoration: underline;
}

/* flyout Definitionen - 3. Ebene */
ul.nav_h ul ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 100;
}
ul.nav_h li.ebene2:hover ul.ebene3 {
    display: block;
}
ul.nav_h li.ebene3 {
    display: block;
    padding: 0 10px 0 0;
}
ul.nav_h li.ebene3.aktiv a.ebene3,
ul.nav_h li.ebene3:hover a.ebene3 {
    text-decoration: underline;
}

/* flyout Definitionen - 4. Ebene */
ul.nav_h ul ul ul {
    display: none;
    position: absolute;
    z-index: 1000;
}
ul.nav_h li.ebene3:hover ul.ebene4 {
    display: block;
}
ul.nav_h li.ebene4 {
    display: block;
    padding: 0 10px 0 0;
}
ul.nav_h li.ebene4.aktiv a.ebene4,
ul.nav_h li.ebene4:hover a.ebene4 {
    text-decoration: underline;
}

/*--------------------------------------------------------------------------------*/
/* Menue vertikal */

ul.nav_v {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style-type: none;
}
ul.nav_v li {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style-type: none;
}
ul.nav_v li.ebene1 {
    margin: 0 0 0 0;
    border-bottom: 1px dotted #cccccc;
}
ul.nav_v li a {
    padding: 0 0 2px 8px;
    display: block;
    text-decoration: none;
    color: #847F74;
}
ul.nav_v li a:hover {
}
ul.nav_v li.ebene1 a.ebene1, ul.nav_v li.ebene1.first a {
    padding-top: 3px;
    padding-bottom: 3px;
}

ul.nav_v li.ebene1 a.aktiv, ul.nav_v li.ebene1 a:hover, ul.nav_v li.ebene1 a.visted:hover {
    color: #FFFFFF;
    background-color: #000080;
}
ul.nav_v ul.ebene2 {
    background-color: #F1EEE6;
    padding-top: 5px;
}
ul.nav_v li.ebene2 {
    background-image: none;
    padding: 0 0 4px 0;
}
ul.nav_v li a.ebene2 {
    padding: 0 0 0 17px;
    font-size: 14px;
}
ul.nav_v li.ebene2 a:hover, ul.nav_v li.ebene2 a.visted:hover, ul.nav_v li.ebene2 a.aktiv:hover {
    color: #000080;
    background-color: #F1EEE6;
}
ul.nav_v li.ebene2 a.aktiv {
    color: #000080;
    background-color: #F1EEE6;
}
ul.nav_v ul.ebene3 {
    padding: 0;
}
ul.nav_v li.ebene3 {
    background-image: none;
}
ul.nav_v li a.ebene3 {
    padding: 0 0 0 17px;
    background-image: none;
}
ul.nav_v li.ebene3 a.aktiv, ul.nav_v li.ebene3 a:hover, ul.nav_v li.ebene3 a.visted:hover {
    color: #000080;
    background-image: none;
}

/*--------------------------------------------------------------------------------*/
/* Submenue vertikal */

ul.nav_subv {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style-type: none;
}
ul.nav_subv li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.nav_subv li a {
    padding: 4px 2px;
    display: block;
    text-decoration: none;
    color: #474747;
    line-height: 1.2em;
}
ul.nav_subv li a:hover {
}
ul.nav_subv li.ebene1 a.aktiv {
    font-weight: bold;
}
ul.nav_subv ul.ebene2 {
}
ul.nav_subv li.ebene2 {
    padding: 0;
}
ul.nav_subv li.ebene3 {
    padding: 0 0 0 10px;
}
ul.nav_subv li.ebene3 a {
    padding: 0 0 2px 0;
}
ul.nav_subv li.ebene4 {
    padding: 0 0 0 20px;
}
ul.nav_subv li.ebene2 a.aktiv, ul.nav_subv li.ebene2 a:hover, ul.nav_subv li.ebene2 a.visted:hover {
    color: #F19B1F;
    font-weight: normal;
}
ul.nav_subv li.ebene3 a.aktiv, ul.nav_subv li.ebene3 a:hover, ul.nav_subv li.ebene3 a.visted:hover {
    color: #F19B1F;
    font-weight: normal;
}

/*--------------------------------------------------------------------------------*/
/* Meta Menue */

.nav_meta {
    margin: 0;
    padding: 0;
    display: inline-block;
    clear: both;
}
.nav_meta ul {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style-type: none;
}
.nav_meta ul li.ebene1 {
    display: inline-block;
    background-image: none;
    padding: 0 0 0 7px;
    list-style-type: none;
}
.nav_meta ul li.ebene1 a {
    padding: 0;
    margin: 0 0 0 5px;
    text-decoration: none;
}
.nav_meta ul li.ebene1::before {
    content: " \2022  ";
}
.nav_meta ul li.ebene1 a:hover {
    text-decoration: underline;
}

/*--------------------------------------------------------------------------------*/
/* Footer Menue */

.nav_footer {
    position: relative;
    margin: 0;
    padding: 0;
    clear: both;
}
.nav_footer ul {
    text-indent: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}

.nav_footer ul li.ebene1 {
    display: inline-block;
    list-style-type: none;
    text-align: left;
    margin: 0 10px 0 10px;
    vertical-align: top;
}

.nav_footer ul.ebene2 {
    padding: 10px 0 0 0;
    width: auto;
}
.nav_footer ul li.ebene2 {
    list-style-type: none;
    text-align: left;
    margin: 0;
    padding: 0;
}

.nav_footer ul li a {
    padding: 0;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.2em;
}
.nav_footer ul li a:hover, .nav_footer ul li a:visited.hover {
    text-decoration: underline;
}

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

.div_text {
    width: inherit;
    padding: 0;
    min-height: 300px;
    word-wrap: break-word;
}
.div_text_home {
    padding-top: 30px !important;
}
.div_text_inline { /* gilt fuer Seiten, die in der Floatbox geoeffnet werden*/
    background-color: #ffffff;
    text-align: left;
    padding: 10px;
}
.div_text img {
    max-width: 100%;
    height: auto;
}
.div_text h1 {
    line-height: normal;
}
.div_text h2 {
    line-height: normal;
}
.div_text h3 {
    line-height: normal;
}
.div_text a {
    text-decoration: none;
}
.div_text a:hover {
    text-decoration: underline;
}

.teaser {
    margin-bottom: 5px;
}

.kurztext {
    font-style:italic;
}

#divBilderleiste {
    width: 220px;
    float: right;
    text-align: left;
    padding: 0 0 0 10px;
}

#divBilderleiste img {
    margin-bottom: 10px;
}

.bildtext {
    padding: 5px 0;
    /*font-style:italic;*/
    font-size: 80%;
}

#divLinkBeitrag { /* Link auf einen anderen Menuebeitrag am Ende des Textes */
    margin-top: 10px;
}

/*--------------------------------------------------------------------------------*/
/* Funktionsleiste */

.div_funktionsleiste {
    margin: 0;
    padding: 0;
    text-align: right;
    height: 20px;
}

.div_funktionsleiste img {
    margin: 0 4px 0 0;
}

/*--------------------------------------------------------------------------------*/
/* Navigationsleiste */

div.navigationbar {
    margin: 10px 0 10px 0;
    white-space: nowrap;
    padding: 3px 5px 3px 5px;
    text-align: center;
}

/* extra div fuer neue Zeile mit der Ausgabe der Links fuer das Blaettern (fuer set break = true) */
div.navigationbar div.navigationbar_links {
    margin: 1px 0 0 0;
    padding: 2px 0 3px 0;
    text-align: center;
}

/* Formatierung der Links in der Leiste */
div.navigationbar a {
    padding: 2px 4px 2px 4px;
    text-decoration: none;
}

div.navigationbar a:hover {
}

/* Formatierung der nicht verlinkten Texte in der Leiste */
div.navigationbar span {
    padding: 2px 4px 2px 4px;
}
div.navigationbar span.hits {
    padding-right: 10px;
}
div.navigationbar span.minus {
    padding: 2px 0;
}

/* Formatierung der aktuellen Seite in der Leiste */
div.navigationbar span.navigationbar_aktuelle_seite {
    padding: 2px 4px 2px 4px;
    background-color: #cccccc;
    color: red;
}

/* spezielle Auszeichnung */
div.navigationbar.reverse {
    background-color: #ffffff;
    color: red;
}
div.navigationbar.reverse a {
    color: red;
}
div.navigationbar.reverse a:hover {
    background-color: red;
    color: #ffffff;
    text-decoration: none;
}
div.navigationbar.reverse span.navigationbar_aktuelle_seite {
    background-color: red;
    color: #ffffff;
    text-decoration: none;
}

div.navigationbar.top {
    border-bottom: 1px dotted #cccccc;
}
div.navigationbar.bottom {
    border-top: 1px dotted #cccccc;
}

/*--------------------------------------------------------------------------------*/
/* Bloecke mit Text, Bild oder Include */

.content_wrapper .box_wrapper {
    clear: both;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    overflow: hidden;
}
.div_header .box_wrapper {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}
.div_header .box_wrapper .box {
    position: absolute;
    top: 7px;
    margin: 0;
    border-radius: 25px;
    box-shadow: 0 0 20px 3px #ffffff;
    background: rgba(255, 255, 255, 1.0);
}

div.box {
    margin: 0 1% 20px 1%;
    padding: 0 0 0 0;
    text-align: left;
    width: auto;
    border:none;
    float: left;
    background: rgba(255, 255, 255, 0.5);
}

div.box_bezeichnung {
    display: block;
    margin: 0;
    padding: 10px;
    text-align: inherit;
    font-weight: bold;
}

div.box_content {
    padding: 10px;
}
div.box_content *:first-child {
    margin-top: 0;
}
div.box_content * {
    margin-bottom: 0;
}
div.box_content img {
    /* box-shadow: 5px 5px 10px #111111; */
    margin-bottom: 3px;
}
div.box_include {
    padding: 10px;
}

div.box a.box_content, div.box a.box_content:hover {
    text-decoration: none;
}

div.box_image {
    padding: 10px;
}

div.box_list {
    padding: 10px;
}

div.box a {
    text-decoration: none;
}

div.box a:hover, div.box a:visited.hover {
    text-decoration: none;
}
div.box img {
    max-width: 100%;
    width: auto;
    height: auto;
}

/* Variationen */
div.box.ohne_rahmen {
    border: none;
}
div.box.ohne_rahmen div.box_bezeichnung {
    border: none;
}

div.box.box_1col {
    width: 98%;
    min-width: 250px;
    max-width: 980px;
    text-align: left;
}
div.box.box_2col {
    width: 48%;
    min-width: 250px;
    text-align: left;
}
div.box.box_3col {
    width: 31.3%;
    min-width: 250px;
    text-align: left;
}
div.box.box_4col {
    width: 23%;
    min-width: 250px;
    text-align: left;
}
div.box.box_5col {
    width: 18%;
    min-width: 250px;
    text-align: left;
}

div.box.box_l {
    text-align: left;
}
div.box.box_c {
    text-align: center;
}
div.box.box_r {
    text-align: right;
}

/*--------------------------------------------------------------------------------*/
/* Newsletter-Box */

.newsletterbox {
    padding: 5px;
}
.newsletterbox #fieldEmail {
    width: 200px;
}
.newsletterbox div {
    padding: 5px 0 0 0;
    position: relative;
}
.newsletterbox .link_unsubscribe {
    position: relative;
    top: 4px;
    color: #116E95 !important;
}
.newsletterbox .button_subscribe {
    position: absolute;
    right: 0;
}

/*--------------------------------------------------------------------------------*/
/* Breadcrumbmenue */

.div_breadcrumb {
    margin: 0;
    padding: 0;
    text-align: left;
    overflow: hidden;
}

.div_breadcrumb a,
.div_breadcrumb a:hover,
.div_breadcrumb a:visited.hover {
    text-decoration: underline;
    background-color: transparent;
}

/*--------------------------------------------------------------------------------*/
/* Linkleiste (Links zum Seitenbeginn und zurueck) */

.div_linkleiste {
    clear: both;
    padding: 15px 0 10px 0;
}
.div_linkleiste a {
    text-decoration: none;
}
.div_linkleiste a:hover {
    text-decoration: underline;
}
.div_linkleiste.ll_1col div {
    float: left;
    text-align: center;
}
.div_linkleiste.ll_2col div {
    width: 50%;
    float: left;
    text-align: center;
}
.div_linkleiste.ll_3col div {
    width: 33.3%;
    float: left;
    text-align: center;
}
.div_linkleiste.ll_4col div {
    width: 25%;
    float: left;
    text-align: center;
}
.div_linkleiste.ll_5col div {
    width: 20%;
    float: left;
    text-align: center;
}

/*--------------------------------------------------------------------------------*/
/* Meldungsboxen */

.messagebox {
    padding:5px;
    border:1px solid #cccccc;
    background-color: #eeeeee;
    margin-bottom: 20px;
    box-shadow: 3px 3px 5px #666666;
}

.messagebox div,
.messagebox div.li {
    margin: 0;
    padding: 0;
}

.messagebox_error {
    padding:5px;
    border:1px solid #cc0000;
    background-color: #eeeeee;
    color: #cc0000;
    margin-bottom: 20px;
    box-shadow: 3px 3px 5px #666666;
}

.messagebox_error div,
.messagebox_error div.li {
    color: #cc0000;
    text-indent: -9px;
    margin: 0 0 0 9px;
}

.messagebox_error a {
    color: #cc0000;
    text-decoration: underline;
}

.messagebox button.close,
.messagebox_error button.close {
    float: right;
    margin: 0 0 5px 5px;
    padding: 0;
    border: none;
    width: 20px;
    height: 20px;
    background-image: url(../../images/close_grey.png);
    background-size: 100% auto;
    background-color: transparent;
    min-width: auto;
    box-shadow: none;
}
.messagebox_error button.close {
    background-image: url(../../images/close_red.png);
}

.message_begin, .message_end {
    display: none;
}

/*--------------------------------------------------------------------------------*/
/* Signatur bei Druck */

#divSignatur {
    display: none;
    clear: both;
    padding: 20px 0 0 0;
}

/*--------------------------------------------------------------------------------*/
/* Standard Projektfarben und -eigenschaften */

.standard {
}
.web_border_bottom {
    border-bottom: 1px solid;
}
.web_font_size_80p {
    font-size: 80%;
}
.web_font_size_200p {
    font-size: 200%;
    line-height: 120%;
}
.web_font_size_300p {
    font-size: 300%;
    line-height: 150%;
}
.web_shadow {
    box-shadow: 5px 5px 15px #666666;
}
.web_no_shadow {
    box-shadow: none !important;
}
.web_no_margin_top {
    margin-top: 0 !important;
}
.web_no_margin_bottom {
    margin-bottom: 0 !important;
}


.margin_top_1 { margin-top: 1px !important; }
.margin_top_2 { margin-top: 2px !important; }
.margin_top_3 { margin-top: 3px !important; }
.margin_top_4 { margin-top: 4px !important; }
.margin_top_5 { margin-top: 5px !important; }
.margin_top_6 { margin-top: 6px !important; }
.margin_top_7 { margin-top: 7px !important; }
.margin_top_8 { margin-top: 8px !important; }
.margin_top_9 { margin-top: 9px !important; }
.margin_top_10 { margin-top: 10px !important; }
.margin_top_11 { margin-top: 11px !important; }
.margin_top_12 { margin-top: 12px !important; }
.margin_top_13 { margin-top: 13px !important; }
.margin_top_14 { margin-top: 14px !important; }
.margin_top_15 { margin-top: 15px !important; }
.margin_top_16 { margin-top: 16px !important; }
.margin_top_17 { margin-top: 17px !important; }
.margin_top_18 { margin-top: 18px !important; }
.margin_top_19 { margin-top: 19px !important; }
.margin_top_20 { margin-top: 20px !important; }

.margin_bottom_1 { margin-bottom: 1px !important; }
.margin_bottom_2 { margin-bottom: 2px !important; }
.margin_bottom_3 { margin-bottom: 3px !important; }
.margin_bottom_4 { margin-bottom: 4px !important; }
.margin_bottom_5 { margin-bottom: 5px !important; }
.margin_bottom_6 { margin-bottom: 6px !important; }
.margin_bottom_7 { margin-bottom: 7px !important; }
.margin_bottom_8 { margin-bottom: 8px !important; }
.margin_bottom_9 { margin-bottom: 9px !important; }
.margin_bottom_10 { margin-bottom: 10px !important; }
.margin_bottom_11 { margin-bottom: 11px !important; }
.margin_bottom_12 { margin-bottom: 12px !important; }
.margin_bottom_13 { margin-bottom: 13px !important; }
.margin_bottom_14 { margin-bottom: 14px !important; }
.margin_bottom_15 { margin-bottom: 15px !important; }
.margin_bottom_16 { margin-bottom: 16px !important; }
.margin_bottom_17 { margin-bottom: 17px !important; }
.margin_bottom_18 { margin-bottom: 18px !important; }
.margin_bottom_19 { margin-bottom: 19px !important; }
.margin_bottom_20 { margin-bottom: 20px !important; }

.margin_left_1 { margin-left: 1px !important; }
.margin_left_2 { margin-left: 2px !important; }
.margin_left_3 { margin-left: 3px !important; }
.margin_left_4 { margin-left: 4px !important; }
.margin_left_5 { margin-left: 5px !important; }
.margin_left_6 { margin-left: 6px !important; }
.margin_left_7 { margin-left: 7px !important; }
.margin_left_8 { margin-left: 8px !important; }
.margin_left_9 { margin-left: 9px !important; }
.margin_left_10 { margin-left: 10px !important; }
.margin_left_11 { margin-left: 11px !important; }
.margin_left_12 { margin-left: 12px !important; }
.margin_left_13 { margin-left: 13px !important; }
.margin_left_14 { margin-left: 14px !important; }
.margin_left_15 { margin-left: 15px !important; }
.margin_left_16 { margin-left: 16px !important; }
.margin_left_17 { margin-left: 17px !important; }
.margin_left_18 { margin-left: 18px !important; }
.margin_left_19 { margin-left: 19px !important; }
.margin_left_20 { margin-left: 20px !important; }

.margin_right_1 { margin-right: 1px !important; }
.margin_right_2 { margin-right: 2px !important; }
.margin_right_3 { margin-right: 3px !important; }
.margin_right_4 { margin-right: 4px !important; }
.margin_right_5 { margin-right: 5px !important; }
.margin_right_6 { margin-right: 6px !important; }
.margin_right_7 { margin-right: 7px !important; }
.margin_right_8 { margin-right: 8px !important; }
.margin_right_9 { margin-right: 9px !important; }
.margin_right_10 { margin-right: 10px !important; }
.margin_right_11 { margin-right: 11px !important; }
.margin_right_12 { margin-right: 12px !important; }
.margin_right_13 { margin-right: 13px !important; }
.margin_right_14 { margin-right: 14px !important; }
.margin_right_15 { margin-right: 15px !important; }
.margin_right_16 { margin-right: 16px !important; }
.margin_right_17 { margin-right: 17px !important; }
.margin_right_18 { margin-right: 18px !important; }
.margin_right_19 { margin-right: 19px !important; }
.margin_right_20 { margin-right: 20px !important; }

/*--------------------------------------------------------------------------------*/
/* Suche */

#divSearch {
    position: relative;
    width: 200px;
    text-align: right;
}
#divSearch form {
    margin: 0;
    padding: 0;
}
#divSearch input {
    margin: 0;
    padding: 2px 0 0 8px;
    height: 20px;
}

#divSearch .button {
    margin: 0;
    padding: 0 5px;
    height: 23px;
    display: none;
}

/* Markierung von Suchwoertern */
span.suchwort {
    background-color: #ffff9c;
}

/*--------------------------------------------------------------------------------*/
/* Layouts des Inhaltsbereichs */

.section_wrapper {
    clear: both;
    text-align: left;
    margin: 0 auto;
    padding: 0;
    word-wrap: break-word;
}
.section_wrapper:first-child {
    margin-top: 0;
}
.section_wrapper.layout_full {
    max-width: none;
}
.section_wrapper.layout_full_padding {
    max-width: 90%;
}
.section_wrapper.layout_bg_full {
    max-width: none !important;
}
.section_wrapper.layout_bg_full_padding {
    max-width: 90% !important;
}
.section_wrapper.layout_no_padding {
    padding: 0;
}
.section_wrapper.layout_no_margin {
    margin: 0;
}
.section_wrapper.layout_margin_top {
    margin-top: 25px;
}
.section_wrapper.layout_margin_bottom {
    margin-bottom: 25px;
}

.section_wrapper .section {
    width: 100%;
}

.layout_2col_links {
    float: left;
    width: 47.5%;
}
.layout_2col_rechts {
    float: right;
    width: 47.5%;
}
.layout_21col_links {
    float: left;
    width: 65%;
}
.layout_21col_rechts {
    float: right;
    width: 30%;
}
.layout_12col_links {
    float: left;
    width: 30%;
}
.layout_12col_rechts {
    float: right;
    width: 65%;
}
.layout_3col_links {
    float: left;
    width: 30%;
    margin-right: 5%;
}
.layout_3col_mitte {
    float: left;
    width: 30%;
    margin-right: 5%;
}
.layout_3col_rechts {
    float: left;
    width: 30%;
}
.layout_4col_links {
    float: left;
    width: 23.125%;
    margin: 0 2.5% 0 0;
}
.layout_4col_mitte {
    float: left;
    width: 23.125%;
    margin: 0 2.5% 0 0;
}
.layout_4col_rechts {
    float: right;
    width: 23.125%;
}
.layout_5col_links {
    float: left;
    width: 19.2%;
    margin: 0 1% 0 0;
}
.layout_5col_mitte {
    float: left;
    width: 19.2%;
    margin: 0 1% 0 0;
}
.layout_5col_rechts {
    float: right;
    width: 19.2%;
}

.layout_no_margin {
    margin: 0 !important;
}
.layout_no_margin_top {
    margin-top: 0 !important;
}
.layout_no_padding {
    padding: 0 !important;
}
.layout_no_padding_top {
    padding-top: 0 !important;
}
.layout_no_padding_bottom {
    padding-bottom: 0 !important;
}
.layout_margin_top_10 {
    margin: 10px 0 0 0;
}
.layout_margin_top_25 {
    margin: 25px 0 0 0 !important;
}
.layout_margin_top_50 {
    margin: 50px 0 0 0 !important;
}

.empty_col {
    clear: both;
    overflow: hidden;
    height: 1px;
}

/*--------------------------------------------------------------------------------*/
/* Floatbox Optionen */

#fbBox #fbInfoLink, #fbBox #fbPrintLink {
    font-weight: normal !important;
    padding-left: 20px !important;
    background: url(../../images/icons/print.gif) no-repeat;
}

/*--------------------------------------------------------------------------------*/
/* Media-Queries */

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

    .section_wrapper .section {
        padding: 0 2%;
        width: 96%;
    }

    .div_funktionsleiste {
        display: none;
    }

    a.show_menu {
        display: inline-block;
    }
    .nav_01 {
        display: none;
        padding: 0;
        position: relative;
        z-index: 3000;
        text-align: left;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.94);
    }
    .nav_01 ul {
        padding: 0 2%;
    }
    .nav_01 ul li {
        display: block;
    }

    .div_links {
        display: none;
    }
    .div_mitte {
        margin: 0 auto;
        padding: 0;
        float: none;
    }
    .div_mitte .div_text {
        padding: 0;
    }
    .div_rechts {
        margin: 0;
        width: 100%;
    }
    .div_rechts .box {
        margin-right: auto;
        margin-left: auto;
    }

    .nav_footer {
        padding: 10px 1%;
    }

    div.box {
        text-align: center !important;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
}

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

    .layout_2col_links,
    .layout_2col_rechts,
    .layout_21col_links,
    .layout_21col_rechts,
    .layout_12col_links,
    .layout_12col_rechts,
    .layout_3col_links,
    .layout_3col_mitte,
    .layout_3col_rechts,
    .layout_4col_links,
    .layout_4col_mitte,
    .layout_4col_rechts,
    .layout_5col_links,
    .layout_5col_mitte,
    .layout_5col_rechts {
        width: 100%;
        margin: 0;
    }
}

/*--------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------*/
/* templ_text */

.templ_text {
    clear: both;
}
.layout_full_padding .templ_text {
    padding-left: 50px;
    padding-right: 50px;
}

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

    .layout_full_padding .templ_text {
        padding-left: 0;
        padding-right: 0;
    }
}

/*--------------------------------------------------------------------------------*//**
 * Standard CSS-Definitionen fuer templ_abstand
 *
 *********************************************************************************/

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

/* Abstand */
.templ_abstand {
    clear: both;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: fixed;
}

/*--------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------*/
/* templ_bild */

div.templ_bild {
    clear: both;
    width: 100%;
}
div.templ_bild.more_in_row {
    clear: none;
    width: auto;
    float: left;
    margin-right: 1%;
}
div.templ_bild img {
    max-width: 100%;
    height: auto;
    margin: 0;
}

div.bild_legende_top {
}
div.bild_legende_bottom {
}

/*--------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------*/
/* templ_bild_text */

div.templ_bild_text {
    clear: both;
    width: 100%;
}
div.templ_bild_text img {
    max-width: 100%;
    height: auto;
}

/*--------------------------------------------------------------------------------*/
/* Media Queries */

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

    div.templ_bild_text img {
        max-width: 50%;
    }
    div.templ_bild_text div {
        margin-right: 0 !important;
    }
}

/*--------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------*/
/* templ_bildbox */

.templ_bildbox {
    clear: both;
    width: 100%;
    display: flex;
}
.templ_bildbox .templ_bildbox_text {
    width: 48%;
    padding: 2% 2%;
    flex: 1 1 auto;
}
.templ_bildbox .templ_bildbox_text *:first-child {
    margin-top: 0;
}
.templ_bildbox .templ_bildbox_text *:last-child {
    margin-bottom: 0;
}
.templ_bildbox .templ_bildbox_image {
    width: 50%;
    flex: 1 1 auto;
    line-height: 0em;
}
.templ_bildbox .templ_bildbox_image img {
    max-width: 100%;
    height: auto;
}

/*--------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------*/
/* templ_textbox */

.templ_textbox {
    position: relative;
    display: inline-block;
    margin: 0;
    vertical-align: top;
}
.templ_textbox:last-child {
    margin-right: 0 !important;
}

.templ_textbox .textbox_titel {
}
.templ_textbox .textbox_titeltext {
    padding: 0;
}
.templ_textbox .textbox_content {
    padding: 0;
}

.templ_textbox img {
    max-width: 100%;
    height: auto;
}

/*--------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------*/
/* templ_bildergalerie */

div.templ_bildergalerie {
    clear: both;
}
div.templ_bildergalerie div.galerie {
    clear: both;
    margin-top:5px;
	line-height: 0em;
}

div.templ_bildergalerie div.galerie.left {
    margin-right: 0;
}
div.templ_bildergalerie div.galerie.right {
    text-align: right;
	margin-left: 0;
}
div.templ_bildergalerie div.galerie.center {
    text-align: center;
}
div.templ_bildergalerie div.galerie img {
    margin: 0;
}
div.templ_bildergalerie div.galerie img.bild_rahmen {
    border: 1px solid #cccccc;
}

div.templ_bildergalerie div.galerie a {
    border: none;
    position: relative;
    display: inline-block;
    line-height: 0;
}
div.templ_bildergalerie .bild_auswaehlen {
	font-size: 80%;
	padding: 0 0 5px 0;
    text-align: left;
}
div.templ_bildergalerie .bild_auswaehlen a {
	position: relative;
	bottom: 1px;
}
div.templ_bildergalerie .bildtext {
    text-align: left;
    word-wrap: break-word;
	line-height: 1em;
}

div.templ_bildergalerie ul {
    width: auto;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
}
div.templ_bildergalerie ul li {
    display: inline-block;
    padding: 0 1% 1% 0;
}
div.templ_bildergalerie ul.li_100p li {
    width: 100%;
}
div.templ_bildergalerie ul.li_75p li {
    width: 75%;
}
div.templ_bildergalerie ul.li_67p li {
    width: 66.7%;
}
div.templ_bildergalerie ul.li_50p li {
    width: 49.5%;
}
div.templ_bildergalerie ul.li_33p li {
    width: 32.66%;
}
div.templ_bildergalerie ul.li_25p li {
    width: 24.25%;
}
div.templ_bildergalerie ul.li_20p li {
    width: 19.2%;
}
div.templ_bildergalerie ul.li_100p li,
div.templ_bildergalerie ul.li_75p li,
div.templ_bildergalerie ul.li_67p li {
    padding-right: 0 !important;
}
div.templ_bildergalerie ul.li_50p li:nth-child(even) {
    padding-right: 0 !important;
}
div.templ_bildergalerie ul.li_33p li:nth-child(3n+0) {
    padding-right: 0 !important;
}
div.templ_bildergalerie ul.li_25p li:nth-child(4n+0) {
    padding-right: 0 !important;
}
div.templ_bildergalerie ul.li_20p li:nth-child(5n+0) {
    padding-right: 0 !important;
}

/* Optionen fuer ein einzelnes Thumbnail */
div.templ_bildergalerie div.galerie.single a {
    background-color: #333333;
}
div.templ_bildergalerie div.galerie.single a img {
    margin: 0;
    line-height: normal;
}
div.templ_bildergalerie div.galerie.single a:hover img {
    opacity: 0.3;
}
div.templ_bildergalerie div.galerie.single a:hover .bildergalerie_titel {
    display: table-cell;
}

div.templ_bildergalerie div.galerie.single .bildergalerie_titel {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 40%;
    color: #ffffff;
    text-decoration: none;
    font-size: 150%;
    text-transform: uppercase;
    text-align: center;
    display: none;
    vertical-align: middle;
}
div.templ_bildergalerie div.galerie.single .bildergalerie_titel .bildergalerie_subtitel {
    position: relative;
    font-size: 75%;
    font-style: italic;
    text-transform: none;
    top: 30px;
}

div.templ_bildergalerie .links {
    clear: both;
	padding: 20px 0 0 0;
}
div.templ_bildergalerie .links a {
	padding-right: 10px;
}
div.templ_bildergalerie .links a.alle_auswaehlen {
    padding: 0;
}
div.templ_bildergalerie .links a.auswahl_loeschen {
    margin: 0 20px 20px 0;
}
div.templ_bildergalerie .links .delimiter {
    padding: 0 2px;
    color: inherit;
}

/*--------------------------------------------------------------------------------*/
/* Floatbox */

.fbx.fbFooter div {
    text-align: center;
    padding: 6px 0 0 0;
}
.fbx.fbFooter div a {
    color: #ffffff;
    font-size: 80%;
    padding: 0 3px;
    position: relative;
    top: -1px
}

/*--------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------*/
/* templ_bildergalerie_cycle */

.templ_bildergalerie_cycle {
    clear: both;
    height: auto;
    max-width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}
.templ_bildergalerie_cycle ul, .templ_bildergalerie_cycle li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.templ_bildergalerie_cycle img {
    margin: 0;
    border: 0;
    max-width: 100%;
    height: auto;
}

/* controls = Navigationsleiste */
.templ_bildergalerie_cycle .controls {
    position: absolute;
    bottom: 0;
    z-index: 200;
    text-align: center;
    width: 100%;
    padding: 3px 0;
    color: #000000;
    background-color: #ffffff;
    opacity: 0.5;
    font-size: 12px;
    overflow: hidden;
}
.templ_bildergalerie_cycle .controls a {
    line-height: 16px;
    color: grey;
}
.templ_bildergalerie_cycle .controls a.resume,
.templ_bildergalerie_cycle .controls a.stop {
    padding: 0 0 0 2px;
    position: relative;
    top: 1px;
}

.templ_bildergalerie_cycle .controls a.prev {
    width: 7px;
    height: 1.4em;
    padding: 0;
    background: url(../../templ/templ_bildergalerie_cycle/images/prev.png) center center no-repeat;
    position: absolute;
    left: 5px;
    bottom: 5px;
}
.templ_bildergalerie_cycle .controls a.next {
    width: 7px;
    height: 1.4em;
    padding: 0;
    background: url(../../templ/templ_bildergalerie_cycle/images/next.png) center center no-repeat;
    position: absolute;
    right: 5px;
    bottom: 5px;
}


/* caption = Bild x von y */
.templ_bildergalerie_cycle .caption {
    position: relative;
    top: 1px;
    padding: 0 2px;
}

/* slidenav = pager */
.templ_bildergalerie_cycle .slidenav {

}
.templ_bildergalerie_cycle .slidenav a {
    margin: 0 2px;
    padding: 0;
    border: 1px solid grey;
    border-radius: 8px;
    background: #ffffff;
    text-decoration: none;
    text-align: center;
    width: 15px;
    height: 15px;
    font-size: 9px;
    display: inline-block;
    z-index: 501;
    cursor: pointer;
}
.templ_bildergalerie_cycle .slidenav a:hover,
.templ_bildergalerie_cycle .slidenav a.active_slide {
    background: grey;
    color: #ffffff;
}

/*--------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------*/
/* templ_webformular */

.ui-datepicker {
    font-size: 75% !important;
}

/* Webforms allgemein */
.webform table {
    border-spacing: 0;
    padding: 0;
    /* width: 100%; */
}
.webform th {
    font-weight: normal;
    text-align: left;
	padding: 0 10px 0 0;
}

.webform .headline {
    margin: 0 0 5px 0;
    font-size: 120%;
    color: #116E95;
}
.webform .fehler {
    color: #cc0000;
}
.webform .label {
    max-width: 370px;
	font-weight: normal;
    text-align: left;
}
.webform input[type=text] {
    width: 350px;
}
.webform input[type=text].date_eu {
    width: 150px;
}
.webform input[type=text].date_us {
    width: 150px;
}
.webform input {
    font-size: 100%;
}
.webform input[type=text],
.webform textarea,
.webform select {
    font-size: 100%;
    padding: 5px 2px;
}
.webform textarea {
    width: 98%;
    max-width: 98%;
}
.webform input[type=submit],
.webform input[type=button],
.webform input[type=reset],
.webform button {
}
.webform input[type=checkbox] {
    float: left;
    padding-top: 5px;
}
.webform span.checkbox_2col {
    display: inline-block;
    white-space: nowrap;
    min-width: 48%;
}
.webform span.checkbox_3col {
    display: inline-block;
    white-space: nowrap;
    min-width: 32%;
}
.webform span.checkbox_4col {
    display: inline-block;
    white-space: nowrap;
    min-width: 24%;
}
.webform span.checkbox_5col {
    display: inline-block;
    white-space: nowrap;
    min-width: 19%;
}
.webform span.checkbox_text {
    display: block;
    margin-left: 22px;
}
.webform span.checkbox_text {
    display: block;
    margin-left: 22px;
}
.webform .space {
    padding-top: 20px;
}
.webform .break {
    height: 1em;
}
.webform .info_pflichtfelder {
    padding-top: 20px;
}
.webform .left {
    float: left;
}
.webform .desc_top {
    padding: 0 0 3px 0;
}
.webform .desc_left {
    float: left;
    padding: 0 3px 0 0;
}
.webform .desc_right {
    float: left;
    padding: 0.3em 0 0 0.5em;
}
.webform .desc_bottom {
    clear: both;
    padding: 3px 0 0 0;
}
.webform div.break {
    height: 1em;
    overflow: hidden;
}
.webform div.buttons {
    text-align: center;
}

.webform .file_input_wrapper {
    /* @see https://coderwall.com/p/4etjja bzw. http://jsfiddle.net/supershabam/b3WXe/ */
    width: 200px;
    height: 2.5em;
    overflow: hidden;
    position: relative;
    line-height: 1em;
}
.webform .file_input_wrapper > input[type="file"] {
    font-size: 30px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
}
.webform .file_input_wrapper > .button_file_input {
    /*display: inline-block;
    width: 200px;
    height: 30px;*/
}


table.formular {
    border-spacing: 0;
    padding: 0;
}
table.formular td {
    padding: 2px 2px 2px 0;
}
table.formular td.bezeichnung {
    vertical-align: top;
    padding: 4px 2px 2px 0;
    width: 50px;
}
table.formular input[type=text], table.formular textarea {
    width: 250px;
}

/* Webform Seite empfehlen */
table.formular.seite_empfehlen input[type=text] {
    width: 250px;
}
table.seite_empfehlen textarea {
    width: 400px;
    height: 120px;
}

/* Webform Veranstaltungsanmeldung */
#formVeranstaltungsanmeldung #fieldPlz {
    width: 50px;
}
#formVeranstaltungsanmeldung #fieldOrt {
    width: 190px;
}

/* Webform Passwort vergessen */
#formPasswort_vergessen input[type=button],
#formPasswort_vergessen input[type=submit] {
    margin-top: 0;
}

/* Webform Veranstaltungsanmeldung */
#formVeranstaltungsanmeldung #fieldPlz {
    width: 50px;
}
#formVeranstaltungsanmeldung #fieldOrt {
    width: 190px;
}

/* Webforms Newsletter */
#formNewsletter_aktivieren div {
    margin-top: 8px;
    display: inline-block;
}
#formNewsletter_aktivieren div.buttons {
    margin-top: 0;
    vertical-align: top;
}
#formNewsletter_aktivieren div:last-child {
     display: block;
}

#formNewsletter_abmelden table {
    margin-top: 6px;
    display: inline-block;
}
#formNewsletter_abmelden div.buttons {
    display: inline-block;
    vertical-align: top;
}

/*--------------------------------------------------------------------------------*/
/* Media-Queries */

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

    .webform input[type=text] {
        width: 98%;
    }

    .webform form.step01 th, .webform form.step01 td {
        display: block;
        padding-right: 0;
    }
	.webform form.step01 th {
        font-weight: bold;
        width: auto;
    }

    .webform span.checkbox_3col {
        display: inline-block;
        white-space: nowrap;
        min-width: 49%;
    }
    .webform span.checkbox_4col {
        display: inline-block;
        white-space: nowrap;
        min-width: 32%;
    }
    .webform span.checkbox_5col {
        display: inline-block;
        white-space: nowrap;
        min-width: 24%;
    }
}

/*--------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------*/
/* templ_googlemaps */

.templ_googlemaps {
    clear: both;
}
.templ_googlemaps .map_canvas {
    max-width: 100%;
    height: 250px;
}
.templ_googlemaps img {
	box-shadow: none;
}

/*--------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------*/
/* templ_openstreetmap */

.templ_openstreetmap {
    clear: both;
}
.templ_openstreetmap .map_canvas {
    max-width: 100%;
    height: 250px;
}
.templ_openstreetmap .routeplaner {
    padding: 5px 0;
}
.templ_openstreetmap img {
	box-shadow: none;
}

/*--------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------*/
/* templ_inhaltsverzeichnis */

div.templ_link {
    clear: both;
    width: 100%;
}

/*--------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------*/
/* templ_liste */

.templ_liste {
    clear: both;
}
.templ_liste ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.templ_liste ul li {
    list-style-type: none;
    margin: 0;
    padding: 5px 0;
}
.templ_liste ul li.item_title { /* nur Titel ohne Kurztext und Bild */
    padding: 0;
}
.templ_liste table {
    padding: 0;
    border-spacing: 0;
}
.templ_liste .title {
    display: block;
    text-decoration: none;
    margin-bottom: 0;
    font-weight: bold;
}
.templ_liste div.date {
    padding-right: 0;
}
.templ_liste td.date {
    padding-right: 10px;
}
.templ_liste a {
    text-decoration: none;
}
.templ_liste img {
    box-shadow: none;
}

.templ_liste .text {
    position: relative;
}
.templ_liste .teaser {
    padding-bottom: 10px;
}

.templ_liste .item_left .image {
    float: left;
    width: 210px;
}

.templ_liste .item_left .text {
    clear: none;
    margin-left: 225px;
}

.templ_liste .item_right .image {
    float: right;
    width: 210px;
}
.templ_liste .image img {
    display: block;
}

.templ_liste .item_right .text {
    clear: none;
    margin-right: 225px;
}

.templ_liste .more {
    padding-left: 10px;
    display: inline;
}

.templ_liste .li { /* je nach Ausgabe li oder td */
    margin-bottom: 5px;
    padding-top: 5px;
    border-top: 1px dotted #999999;
    clear: both;
}
.templ_liste .li:first-child {
    /*border-top: 1px;*/
}
.templ_liste li:nth-child(even),
.templ_liste tr:nth-child(even) {
    background-color: #ffffff;
}
.templ_liste li:nth-child(odd),
.templ_liste tr:nth-child(odd) {
    /* background-color: #eeeeee; */
}
.templ_liste li:hover,
.templ_liste tr:hover {
}

/* Suchfunktion fuer Liste */
.templ_liste_suche {
    margin: 0 0 25px 0;
    padding: 0 0 5px 0;
}

.templ_liste_suche form {
    margin: 0;
}

.templ_liste_suche table {
    width: auto;
}

.templ_liste_suche table th {
    padding: 3px;
    text-align: left;
    background-color: grey;
    color: #FFFFFF;
}

.templ_liste_suche table td {
    padding: 5px 5px 0 5px;
}
.templ_liste_suche table td.beschreibung {
}
.templ_liste_suche table td.feld {
}
.templ_liste_suche table td.submit {
}

.templ_liste_suche input.submit {
}
.templ_liste_suche .filter_item {
    display: inline-block;
}

/*--------------------------------------------------------------------------------*/
/* Media-Queries */

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

    .templ_liste .item_left .image,
    .templ_liste .item_right .image {
        width: 25vw;
    }

    .templ_liste .item_left .text {
        margin-left: 27vw;
    }

    .templ_liste .item_right .text {
        margin-right: 27vw;
    }
}

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

    .templ_liste .item_left .image,
    .templ_liste .item_right .image {
        width: auto;
        float: none;
    }

    .templ_liste .item_left .text,
    .templ_liste .item_right .text {
        margin: 1em 0 0 0;
    }
}

/*--------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------*/
/* templ_menue */

.templ_menue {
    clear: both;
    margin: 0;
}

.templ_menue .nav_00 ul {
    /* margin: 0;
    padding: 0; */
}
.templ_menue .nav_00.no_style ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.templ_menue .nav_00 ul li {
    margin: 0;
    padding: 0;
}

/*--------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------*/
/* templ_suche */

.div_form_suche {
    position: absolute;
    right: 0;
    bottom: 7px;
    width: 188px;
    text-align: right;
}
.div_form_suche form {
    margin: 0;
    padding: 0;
}
.div_form_suche input {
    border: 1px solid #dddddd;
    margin: 0;
    padding: 2px 3px;
    z-index: 2000;
    position: relative;
    width: 180px;
    font-size: 80%;
}

.div_form_suche .button {
    display: none;
}

.templ_suche form div {
    display: inline-block;
}
.templ_suche table.resultlist td {
    display: table-cell;
}

/*--------------------------------------------------------------------------------*/
/* Media Queries */

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

    .div_form_suche {
        right: 2%;
    }
}

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

    .div_form_suche {
        width: 156px;
    }
    .div_form_suche input {
        width: 150px;
    }
}

/*--------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------*/
/* templ_video */

.templ_video {
}
.templ_video.thumbnail_center div {
    background-position: center;
    text-align: center;
}
.templ_video.thumbnail_right div {
    background-position: right;
    text-align: right;
}
.templ_video a {
    display: inline-block !important;
}
.templ_video img {
    box-shadow: none;
}

/*--------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------*/
/* templ_wechselbilder (Slider) */

.templ_wechselbilder {
    width: 100%;
    margin: 0 auto 0 auto;
    position: relative;
}
.templ_wechselbilder .slideshow {
    width: 102%;
    overflow: hidden;
}
.templ_wechselbilder .slideshow_item {
    float: left;
    width: 100%;
}
.templ_wechselbilder .slideshow_item img {
    box-shadow: none;
}
.templ_wechselbilder .slideshow_text {
    /*background:url(../../images/slide-overlay.png) repeat;*/
    top: 0;
    left: 0;
    color: #fff;
    font-size: 20px;
    position: absolute;
    width: 96%;
    height: 96%;
    padding: 3%;
    z-index:100;
}
.templ_wechselbilder .slideshow_text h2,
.templ_wechselbilder .slideshow_text div.slideshow_header {
    color:#ffffff;
    padding-bottom: 0 !important;
    margin:0!important;
}
.templ_wechselbilder .slideshow_text p {
    color:#ffffff;
    margin: 2px 0 0 0;
}
.templ_wechselbilder .slideshow_text a.button,
.templ_wechselbilder .slideshow_text a.button:hover {
    background-color: grey;
    padding: 8px 10px;
    border-radius: 9px;
    color: #ffffff;
    text-decoration: none;
}


.templ_wechselbilder .controls {
    bottom: 7px;
    position: absolute;
    right:1%;
    z-index:100;
}

.templ_wechselbilder .controls .slidenav {
    float: left;
}

.templ_wechselbilder .controls .slidenav a {
    margin: 0 2px;
    padding: 0;
    border: 1px solid grey;
    border-radius: 8px;
    background: #ffffff;
    text-decoration: none;
    text-align: center;
    font-size: 9px;
    color: grey;
    line-height: 16px;
    width: 15px;
    height: 15px;
    overflow: hidden;
    display: inline-block;
    z-index: 501;
}
.templ_wechselbilder .controls .slidenav a:hover,
.templ_wechselbilder .controls .slidenav a.active_slide {
    background: grey;
    color: #ffffff;
}

.templ_wechselbilder .controls .slidenav_resume,
.templ_wechselbilder .controls .slidenav_stop {
    line-height: 18px;
    font-size: 12px;
    float: left;
    padding-left: 2px;
    text-shadow: 0 0 2px #ffffff;
}

.templ_wechselbilder .slider_text_align_right { text-align: right; }
.templ_wechselbilder .slider_text_align_center { text-align: center; }
.templ_wechselbilder .slider_text_align_left { text-align: left; }

.templ_wechselbilder .slideshow_text .slider_font_size_8  { font-size: 8px;  line-height: 12px; }
.templ_wechselbilder .slideshow_text .slider_font_size_9  { font-size: 9px;  line-height: 13px; }
.templ_wechselbilder .slideshow_text .slider_font_size_10 { font-size: 10px; line-height: 14px; }
.templ_wechselbilder .slideshow_text .slider_font_size_11 { font-size: 11px; line-height: 15px; }
.templ_wechselbilder .slideshow_text .slider_font_size_12 { font-size: 12px; line-height: 16px; }
.templ_wechselbilder .slideshow_text .slider_font_size_13 { font-size: 13px; line-height: 17px; }
.templ_wechselbilder .slideshow_text .slider_font_size_14 { font-size: 14px; line-height: 18px; }
.templ_wechselbilder .slideshow_text .slider_font_size_15 { font-size: 15px; line-height: 19px; }
.templ_wechselbilder .slideshow_text .slider_font_size_16 { font-size: 16px; line-height: 20px; }
.templ_wechselbilder .slideshow_text .slider_font_size_17 { font-size: 17px; line-height: 21px; }
.templ_wechselbilder .slideshow_text .slider_font_size_18 { font-size: 18px; line-height: 22px; }
.templ_wechselbilder .slideshow_text .slider_font_size_19 { font-size: 19px; line-height: 23px; }
.templ_wechselbilder .slideshow_text .slider_font_size_20 { font-size: 20px; line-height: 24px; }
.templ_wechselbilder .slideshow_text .slider_font_size_21 { font-size: 21px; line-height: 25px; }
.templ_wechselbilder .slideshow_text .slider_font_size_22 { font-size: 22px; line-height: 26px; }
.templ_wechselbilder .slideshow_text .slider_font_size_23 { font-size: 23px; line-height: 27px; }
.templ_wechselbilder .slideshow_text .slider_font_size_24 { font-size: 24px; line-height: 28px; }
.templ_wechselbilder .slideshow_text .slider_font_size_25 { font-size: 25px; line-height: 29px; }
.templ_wechselbilder .slideshow_text .slider_font_size_26 { font-size: 26px; line-height: 30px; }
.templ_wechselbilder .slideshow_text .slider_font_size_27 { font-size: 27px; line-height: 31px; }
.templ_wechselbilder .slideshow_text .slider_font_size_28 { font-size: 28px; line-height: 32px; }
.templ_wechselbilder .slideshow_text .slider_font_size_29 { font-size: 29px; line-height: 33px; }
.templ_wechselbilder .slideshow_text .slider_font_size_30 { font-size: 30px; line-height: 34px; }
.templ_wechselbilder .slideshow_text .slider_font_size_31 { font-size: 31px; line-height: 35px; }
.templ_wechselbilder .slideshow_text .slider_font_size_32 { font-size: 32px; line-height: 36px; }
.templ_wechselbilder .slideshow_text .slider_font_size_33 { font-size: 33px; line-height: 37px; }
.templ_wechselbilder .slideshow_text .slider_font_size_34 { font-size: 34px; line-height: 38px; }
.templ_wechselbilder .slideshow_text .slider_font_size_35 { font-size: 35px; line-height: 39px; }
.templ_wechselbilder .slideshow_text .slider_font_size_36 { font-size: 36px; line-height: 40px; }
.templ_wechselbilder .slideshow_text .slider_font_size_37 { font-size: 37px; line-height: 41px; }
.templ_wechselbilder .slideshow_text .slider_font_size_38 { font-size: 38px; line-height: 42px; }
.templ_wechselbilder .slideshow_text .slider_font_size_39 { font-size: 39px; line-height: 43px; }
.templ_wechselbilder .slideshow_text .slider_font_size_40 { font-size: 40px; line-height: 44px; }
.templ_wechselbilder .slideshow_text .slider_font_size_41 { font-size: 41px; line-height: 45px; }
.templ_wechselbilder .slideshow_text .slider_font_size_42 { font-size: 42px; line-height: 46px; }
.templ_wechselbilder .slideshow_text .slider_font_size_43 { font-size: 43px; line-height: 47px; }
.templ_wechselbilder .slideshow_text .slider_font_size_44 { font-size: 44px; line-height: 48px; }
.templ_wechselbilder .slideshow_text .slider_font_size_45 { font-size: 45px; line-height: 49px; }
.templ_wechselbilder .slideshow_text .slider_font_size_46 { font-size: 46px; line-height: 50px; }
.templ_wechselbilder .slideshow_text .slider_font_size_47 { font-size: 47px; line-height: 51px; }
.templ_wechselbilder .slideshow_text .slider_font_size_48 { font-size: 48px; line-height: 52px; }
.templ_wechselbilder .slideshow_text .slider_font_size_49 { font-size: 49px; line-height: 53px; }
.templ_wechselbilder .slideshow_text .slider_font_size_50 { font-size: 50px; line-height: 54px; }
.templ_wechselbilder .slideshow_text .slider_font_size_51 { font-size: 51px; line-height: 55px; }
.templ_wechselbilder .slideshow_text .slider_font_size_52 { font-size: 52px; line-height: 56px; }
.templ_wechselbilder .slideshow_text .slider_font_size_53 { font-size: 53px; line-height: 57px; }
.templ_wechselbilder .slideshow_text .slider_font_size_54 { font-size: 54px; line-height: 58px; }
.templ_wechselbilder .slideshow_text .slider_font_size_55 { font-size: 55px; line-height: 59px; }
.templ_wechselbilder .slideshow_text .slider_font_size_56 { font-size: 56px; line-height: 60px; }
.templ_wechselbilder .slideshow_text .slider_font_size_57 { font-size: 57px; line-height: 61px; }
.templ_wechselbilder .slideshow_text .slider_font_size_58 { font-size: 58px; line-height: 62px; }
.templ_wechselbilder .slideshow_text .slider_font_size_59 { font-size: 59px; line-height: 63px; }
.templ_wechselbilder .slideshow_text .slider_font_size_60 { font-size: 60px; line-height: 64px; }

/*--------------------------------------------------------------------------------*//**
 * Styles fuer die Erweiterung ext_kommentare
 *
 *********************************************************************************/

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

.ext_kommentare {
    clear: both;
}
.ext_kommentare .headline_kommentar {
    margin: 20px 0 5px 0;
    font-weight: bold;
    background-color: #eeeeee;
    padding: 4px;
}
.ext_kommentare .headline_kommentar img {
    float: right;
    margin: 0 3px 3px 3px;
    vertical-align: middle;
}
.ext_kommentare .headline_kommentar a.bearbeiten {
    font-weight: normal;
    float: right;
}

.ext_kommentare .headline_kommentar_first {
    /* margin-top: 70px; */
}

.ext_kommentare .form_kommentar {
    margin: 2em 0 0 0;
    background-color: #eeeeee;
    padding: 5px;
}

.ext_kommentare .headline_neuer_kommentar {
    margin-bottom: 5px;
    font-weight: bold;
}

.ext_kommentare .alle_kommentare {
    margin-top: 20px;
}
.ext_kommentare .keineKommentare {
    margin-top: 20px;
}

.ext_kommentare input.bewertung {
    margin-left: 20px;
}

.ext_kommentare img.bewertung {
    margin-top: 2px;
}

.ext_kommentare img.bewertung_x_von_y {
    float: right;
}

.ext_kommentare .form_kommentar textarea {
    width: 99%;
    height: 100px;
    border: none;
    background-color: #ffffff;
    font-family: inherit;
}
.ext_kommentare .ext_kommentare_info_links {
    padding: 0 0 10px 0;
}
.ext_kommentare .ext_kommentare_fields {
    margin: 10px 0 7px 0;
}
.ext_kommentare .ext_kommentare_fields input {
    margin-left: 0;
    width: 100%;
}
.ext_kommentare .ext_kommentare_fields input[type=text] {
    border: none;
    background-color: #ffffff;
}
.ext_kommentare .ext_kommentare_fields .ext_kommentare_name,
.ext_kommentare .ext_kommentare_fields .ext_kommentare_email {
    display: inline-block;
    width: 40%;
    max-width: 350px;
    min-width: 175px;
    margin-right: 5%;
}

.ext_kommentare .ext_kommentare_info_links,
.ext_kommentare .ext_kommentare_pflichtfelder,
.ext_kommentare .ext_kommentare_info_email {
    clear: both;
}
.ext_kommentare_info_email {
    padding-top: 4px;
}
.ext_kommentare .ext_kommentare_button {
    text-align: right;
}

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