/**
 * Globale CSS-Definitionen
 *
 * (c) www.lemontree.at
 *
 * @author Gerhard Buchecker <gbuchecker@lemontree.at>
 *
 *********************************************************************************/

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

/* alegreya-sans-regular - latin */
@font-face {
    font-family: 'Alegreya Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/alegreya-sans-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/alegreya-sans-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/alegreya-sans-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/alegreya-sans-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/alegreya-sans-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/alegreya-sans-v20-latin-regular.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}

/* caveat-regular - latin */
@font-face {
    font-family: 'Caveat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/caveat-v14-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/caveat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/caveat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/caveat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/caveat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/caveat-v14-latin-regular.svg#Caveat') format('svg'); /* Legacy iOS */
}

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

body {
    margin: 0px;
    padding: 0px;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 1.4em;
    color: #444444;
    background-color: #fadbbf;
    text-align: center;
}
body.inline { /* gilt fuer Seiten, die in der Floatbox geoeffnet werden*/
    background-color: #ffffff;
}

input, select, textarea {
    border-top:    1px solid #cccccc;
    border-right:  1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-left:   1px solid #cccccc;
    color: #666666;
    font-family: 'Alegreya Sans', sans-serif;
}
input[type=submit], input[type=button] {
    border: none;
    border-radius: 10px;
    /* background-color: #BE7441; */
    color: #BE7441;
    padding: 5px 10px;
    box-shadow: 5px 5px 15px #444444;
}
input[type=reset] {
    border: none;
    border-radius: 10px;
    color: #444444;
    padding: 5px 10px;
    box-shadow: 5px 5px 15px #444444;
}

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: 0px 3px 3px 3px;
}

a.mehr {
    white-space: nowrap;
}

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

.clear {
    clear: both;
}
.floatLeft {
    float: left !important;
}
.floatRight {
    float: right !important;
}
.alignLeft {
    text-align: left !important;
}
.alignRight {
    text-align: right !important;
}
.alignCenter, .center {
    text-align: center !important;
}

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

input.securitycode {
    text-transform: uppercase;
    height: 22px;
    width: 83px !important;
    font-size: 18px;
}

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

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

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

/* 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;
}

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

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

img {
    border: none;
}

a {
    color: #BE7441;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    color: #BE7441;
}
a.show_menu {
    display: none;
    position: absolute;
    bottom: 16px;
    left: 2%;
    background-image: url(../../images/hamburger_weiss.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    color: #ffffff;
    z-index: 1050;
    font-family: 'Caveat', cursive;
}
a.show_tel {
    display: none;
    position: absolute;
    bottom: 16px;
    right: 2%;
    color: #ffffff;
    z-index: 1050;
    font-size: 90%;
}
p {
    padding: 0px;
}
p:first-child {
    margin-top: 0px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Caveat', cursive;
    font-weight: bold;
    color: #BE7441;
}
h1 {
    font-size: 2em;
    margin-top: 0px;
    margin-bottom: 1em;
    text-align: center;
}
h2 {
    font-size: 1.75em;
    margin-top: 1.5em;
    margin-bottom: 3px;
}
h2:first-child {
    margin-top: 0;
}
h3 {
    font-size: 1.5em;
    margin-bottom: 2px;
}
h3:first-child {
    margin-top: 0;
}

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

.bodyWrapper {
    width: 100%;
    min-height: 100%;
    position: absolute;
    z-index: 0;
}

.mainWrapper {
    margin: 0px auto;
    width: 100%;
    text-align: left;
    position: relative;
    z-index: 1;
}

.headerWrapper {
    background: linear-gradient(#fadbbf, #df925c);
    box-shadow: 0px 5px 10px #444444;
    z-index: 1000;
    /* position: fixed; */
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    margin: 0px 0px 0px 0px;
}

.divHeader {
    max-width: 1100px;
    width: 100%;
    min-height: 300px;
    margin: 0 auto;
    padding: 25px 0px 26px 0px;
    position: relative;
}

.contentWrapper {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
}

.divLinks {
    padding: 0px 0px 20px 0px;
    float: left;
    width: 220px;
}
.divMitte {
    margin: 0px;
    padding: 0px 0px 40px 0px;
    float: left;
    width: 100%;
}
.divRechts {
}

.footerWrapper {
    /* background: linear-gradient(#333333,#222222,#111111); */
    /* background: linear-gradient(#954F1E,#e0935d); */
    margin: 20px 0px 0px 0px;
    /* box-shadow: 0px -5px 10px #444444; */
    width: 100%;
    z-index: 1000;
}
.divFooter {
    clear: both;
    max-width: 1100px;
    width: 100%;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    text-align: center;
    color: #444444;
    position: relative;
    font-size: 90%;
}

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

.divHeader a.logo {
    position: absolute;
    left: 0px;
    top: 205px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: 100;
    background-color: rgba(255,255,255,0.0);
    font-family: 'Caveat', cursive;
    font-size: 400%;
    /* font-weight: bold; */
    color: #eeeeee;
    text-align: center;
    text-shadow: 5px 5px 10px #333333;
    padding: 0px;
}
.divHeader a.logo:hover {
    text-decoration: none;
}

.divHeader img {
    width: 100%;
    height: auto;
    box-shadow: 0px 0px 20px;
}

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

.divFooter .footer_col {
    float: left;
    width: 33.3%;
}
.divFooter .footer_col.left {
    text-align: left;
}
.divFooter .footer_col.center {
    text-align: center;
}
.divFooter .footer_col.right {
    text-align: right;
}

.divFooter a {
    color: #ffffff;
}

/*--------------------------------------------------------------------------------*/
/* Menues */

/* komplettes Menue 01 */

.divNav01 {
    margin: 0px;
    padding: 0px 14px 0px 14px;
    position: relative;
    text-align: center;
    z-index: 1200;
    font-family: 'Caveat', cursive;
    font-size: 140%;
    font-weight: normal;
}
.divNav01 ul {
    background-image: none;
    margin: 0px;
    padding: 0px;
    text-indent: 0px;
}
.divNav01 ul li {
    /*float: left;*/
    display: inline-block;
    background-image: none;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
}


.divNav01 li.ebene1 {
    margin: 0px 0px 7px 0px;
    padding: 4px 15px;
}

.divNav01 li a {
    padding: 0px 0px 2px 0px;
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
}
.divNav01 li a:hover {
}
.divNav01 li.ebene1 a.ebene1 {
    padding-top: 3px;
    padding-bottom: 3px;
}

.divNav01 li.ebene1:hover a.ebene1, .divNav01 li.ebene1 a.aktiv, .divNav01 li.ebene1 a:hover, .divNav01 li.ebene1 a.visted:hover {
    /* color: #BE7441; */
    color: #ac571b;
    /* text-shadow: 3px 3px 5px #fadbbf; */
}

/* flyout Definitionen - 2. Ebene */
.divNav01 ul ul {
    display: none;
    position: absolute;
    margin: 0px 0px 0px -10px;
    padding: 0px;
    z-index: 1400;
    text-align: left;
    box-shadow: 5px 5px 10px #444444;
    border: none;
}
.divNav01 li:hover ul.ebene2 {
    display: block;
}

.divNav01 li li {
    display: block;
    background-color: #df925c;
}
.divNav01 li li.ebene2 a {
    padding: 2px 10px;
}

/* flyout Definitionen - 3. Ebene */
.divNav01 ul ul ul {
    position: absolute;
    top: 0px;
    left: 100%;
    padding: 2px 0px 0px 1px;
}
.divNav01 li:hover ul ul {
    display: none;
}
.divNav01 li li:hover ul {
    display: block;
}
.divNav01 li li li {
    float: none;
}
.divNav01 li.ebene3 a {
    color: #ffffff !important;
}
.divNav01 li.ebene3:hover a {
    color: #000000 !important;
}






.divNav01 ul.ebene3 {
    padding: 0px;
    display: none;
}
.divNav01 li.ebene2.aktiv ul.ebene3 {
    display: block;
}
.divNav01 li.ebene3 {
    background-image: none;
}
.divNav01 li a.ebene3 {
    padding: 2px 0px 2px 23px;
    background-image: none;
}
.divNav01 li.ebene3 a.aktiv, .divNav01 li.ebene3 a:hover, .divNav01 li.ebene3 a.visted:hover {
    color: #A11013;
    background-image: none;
}

/* Meta Menue */
.divNav02 {
    max-width: 1100px;
    width: 100%;
    margin: 10px auto 0px auto;
    padding: 0px;
    text-align: center;
}
.divNav02 ul {
    background-image: none;
    margin: 0px;
    padding: 0px;
    text-indent: 0px;
}
.divNav02 ul li {
    /*float: left;*/
    display: inline-block;
    background-image: none;
    padding: 0px 7px 0px 0px;
    list-style-type: none;
}
.divNav02 ul li a {
    display: inline-block;
    padding: 0px 0px 0px 0px;
    margin: 0px 10px 0px 10px;
    text-decoration: none;
    color: #BE7441;
    font-size: 80%;
}
.divNav02 ul li a:hover {
    text-decoration: none;
    color: #BE7441;
}
.divNav02 ul li::after {
    content: " \2022  ";
}
.divNav02 ul li:last-child::after {
    content: "";
}


/* Footer Menue */
.divFooterNav {
    position: relative;
    max-width: 1100px;
    width: 96%;
    margin: 0px auto;
    padding: 10px 2%;
    clear: both;
    background-color: transparent;
    text-align: center;
}
.divFooterNav ul {
    text-indent: 0px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    clear: both;
}

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

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

.divFooterNav ul li a {
    padding: 0px;
    font-weight: normal;
    font-size: 80%;
    text-decoration: none;
    line-height: 1.2em;
    color: #BE7441;
}
.divFooterNav ul li a:hover, .divFooterNav ul li a:visited.hover {
    text-decoration: underline;
}

.divFooterNav ul li a.ebene2 {
    font-weight: normal;
    font-size: 80%;
    color: #444444;
}

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

.divText {
    padding: 60px 28px 0px 28px;
    line-height: 1.5em;
    min-height: 300px;
}
.divTextHome {

}
.divTextInline { /* gilt fuer Seiten, die in der Floatbox geoeffnet werden*/
    background-color: #ffffff;
    text-align: left;
    padding: 10px;
}
.divText img {
    box-shadow: 5px 5px 15px #444444;
}
.divText h1 {
    line-height: normal;
}
.divText h2 {
    line-height: normal;
}
.divText h3 {
    line-height: normal;
}
.divText a {
}

.teaser {
    margin-bottom: 5px;
}

.kurztext {
    font-style:italic;
}

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

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

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

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

.copyrightWrapper {
    width: 100%;
    max-width: 1100px;
    margin: 0px auto;
    padding: 5px 0px 10px 0px;
}
.contacts {
    position: absolute;
    width: 100%;
    height: 82px;
    /* max-width: 1100px; */
    bottom: -40px;
    left: 0px;
    display: block;
    color: #444444;
    text-align: center;
    line-height: 82px;
    background-image: url(../../images/bg_contacts_weiss.png);
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 80%;
}
.contacts a {
    text-decoration: none;
    color: #444444;
}
.contacts span {
    width: 25%;
    max-width: 275px;
    display: inline-block;
}
.contacts_small {
    display: none;
}
.copyright {
    float: left;
    display: inline-block;
    color: #444444;
    text-align: center;
}
.copyright a {
    text-decoration: none;
    color: #444444;
}
.producer {
    display: block;
    text-align: center;
    font-size: 0.65em;
    padding: 3px 0px 0px 0px;
    opacity: 0.8;
}
.copyrightWrapper a {
    text-decoration: none;
    color: #444444;
}
.copyrightWrapper a:hover {
    text-decoration: none;
    color: #444444;;
}

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

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

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

/*--------------------------------------------------------------------------------*/
/* Definitionen fuer die Navigationsleiste */

div.nbNavigationbar {
    margin: 10px 0px 10px 0px;
    /* white-space: nowrap; */
    background-color: #BE7441;
    color: #ffffff;
    padding: 3px 5px 3px 5px;
    text-align: left;
}

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

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

div.nbNavigationbar a:hover {
    background-color: #ffffff;
    color: #BE7441;
}

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

/* Formatierung der aktuellen Seite in der Leiste */
div.nbNavigationbar span.aktuelleSeite {
    padding: 2px 4px 2px 4px;
    background-color: #ffffff;
    color: #BE7441;
}

/* spezielle Auszeichnung */
div.nbNavigationbar.reverse {
    color: #BE7441;
    background-color: #ffffff;
}
div.nbNavigationbar.reverse a {
    color: #BE7441;
}
div.nbNavigationbar.reverse a:hover {
    color: #ffffff;
    background-color: #BE7441;
    text-decoration: none;
}
div.nbNavigationbar.reverse span.aktuelleSeite {
    color: #ffffff;
    background-color: #BE7441;
    text-decoration: none;
}
div.nbNavigationbar.no_background {
    padding-left: 0px;
}
div.nbNavigationbar.no_background,
div.nbNavigationbar.no_background a:hover,
div.nbNavigationbar.no_background span.aktuelleSeite {
    background-color: transparent;
}

div.nbNavigationbar.top {
    border-bottom: 1px solid;
    margin-top: 1em;
}
div.nbNavigationbar.bottom {
    border-top: 1px solid;
}

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

.boxWrapper {
    clear: both;
    padding: 20px 0px 0px 0px;
    text-align: center;
}

div.box01 {
    padding: 0px 0px 0px 0px;
    margin: 0px 1% 10px 1%;
    background-color: transparent;
    text-align: left;
    width: 97%;
    max-width: 330px;
    border: 1px solid #df925c;
    font-size: 90%;
    box-shadow: 3px 3px 10px #444444;
    text-align: left;
    display: inline-block;
    vertical-align: top;
}

div.box01Bezeichnung {
    display: block;
    margin: 0px;
    padding: 3px 5px 3px 5px;
    background-color: transparent;
    color: #BE7441;
    text-align: left;
    font-family: 'Caveat', cursive;
    font-size: 1.2em;
    font-weight: normal;
}

div.box01Content {
    padding: 5px;
    color: #333333;
}
div.box01Content *:first-child {
    margin-top: 0px;
}
div.box01Content * {
    margin-bottom: 0px;
}
div.box01Include {
    padding: 0px;
}

div.box01 a.box01Content, div.box01 a.box01Content:hover {
    text-decoration: none;
}

div.box01Image {
    padding: 0px;
}

div.box01Liste {
    padding: 5px 5px 5px 5px;
}

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

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

/* Variationen */

div.box01.rahmen {
    box-shadow: none;
}
div.box01.rahmen div.box01Bezeichnung {
}
div.box01.rahmen div.box01Content {
}

div.box01.schatten {
    border: 1px solid transparent;
}
div.box01.schatten div.box01Bezeichnung {
}
div.box01.schatten div.box01Content {
}

div.box01.transparent {
    border: 1px solid transparent;
    background-color: transparent;
    box-shadow: none;
}
div.box01.transparent div.box01Bezeichnung {
    border: none;
    background-color: transparent;
}
div.box01.transparent div.box01Content {
    color: #444444;
}

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

.newsletterbox {
    padding: 5px;
}
.newsletterbox #fieldEmail {
    width: 200px;
}
.newsletterbox div {
    padding: 5px 0px 0px 0px;
    position: relative;
}
.newsletterbox .linkUnsubscribe {
    position: relative;
    top: 4px;
    color: #BE7441 !important;
}
.newsletterbox .buttonSubscribe {
    position: absolute;
    right: 0px;
}

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

.divBreadcrumb {
    margin: 0px;
    padding: 0px;
    text-align: left;
    color: #666666;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    overflow: hidden;
    font-family: "News Cycle", Helvetica, sans-serif;
}

.divBreadcrumb a {
    color: #666666;
    text-decoration: none;
    background-color: transparent;
}

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

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

.box {
    padding: 5px;
    border: 1px solid #cccccc;
    background-color: #eeeeee;
    box-shadow: 3px 3px 5px #444444;
}

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

.messageBox div, .messageBox div.li {
    margin: 0px;
    padding: 0px;
}

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

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

.messageBoxError a {
    color: #cc0000;
    text-decoration: underline;
}
.message_begin, .message_end {
    display: none;
}

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

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

/*--------------------------------------------------------------------------------*/
/* Empfehlen */

#divEmpfehlen {
}

#divEmpfehlen .input {
    width: 200px;
}

/*--------------------------------------------------------------------------------*/
/* Text einer Fussnote (Datum eines Artikels usw.) */

.note {
    font-family : Helvetica, sans-serif;
}

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

.standard {
}
.web_schwarz {
    color: #000000 !important;
    border-color: #000000 !important;
}
.web_grau {
    color: #666666 !important;
    border-color: #666666 !important;
}
.web_anthrazit {
    color: #3c3c3c !important;
    border-color: #3c3c3c !important;
}
.web_grau_blau {
    color: #21252b !important;
    border-color: #21252b !important;
}
.web_rot {
    color: #D41118 !important;
    border-color: #D41118 !important;
}
.web_orange {
    color: #BE7441 !important;
    border-color: #BE7441 !important;
}
.web_apricot_hell {
    color: #fadbbf !important;
    border-color: #fadbbf !important;
}
.web_apricot_dunkel {
    color: #df925c !important;
    border-color: #df925c !important;
}
.web_gruen {
    color: #168a3e !important;
    border-color: #168a3e !important;
}
.web_blau {
    color: #6B888D !important;
    border-color: #6B888D !important;
}
.web_font_h1 {
    font-family: 'Caveat', cursive;
    font-weight: bold;
    /* color: #BE7441; */
    font-size: 2em;
}
.web_font_h2 {
    font-family: 'Caveat', cursive;
    font-weight: bold;
    /* color: #BE7441; */
    font-size: 1.75em;
}
.web_font_h3 {
    font-family: 'Caveat', cursive;
    font-weight: bold;
    /* color: #BE7441; */
    font-size: 1.5em;
}
.web_strong {
    background-color: #feff99 !important;
    padding-left: 2px;
    padding-right: 2px;
}
.web_button {
    border: 1px solid #BE7441;
    border-radius: 18px;
    background-color: #BE7441;
    color: #ffffff;
    padding: 5px 10px;
    text-decoration: none;
    box-shadow: 5px 5px 15px #444444;
}
.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; }

/*--------------------------------------------------------------------------------*/
/* Trennung bei Auflistungen (z.B. News) */

.spacer {
    height: 10px;
    overflow: hidden;
}

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

/*--------------------------------------------------------------------------------*/
/* Definitionen fuer Kommentare */

.divKommentare .headlineKommentare {
    margin: 70px 0px 5px 0px;
    padding: 0px;
    font-family: "MinionPro","Times New Roman", Georgia, Times, Serif;
    font-weight: bold;
    font-style: italic;
    font-size: 28px;
    line-height: 20px;
    color: #7a7972;
}

.divKommentare .headlineNeuerKommentar {
    margin: 40px 0px 5px 0px;
    padding: 0px;
    font-family: "MinionPro","Times New Roman", Georgia, Times, Serif;
    font-weight: bold;
    font-style: italic;
    font-size: 28px;
    line-height: 20px;
    color: #7a7972;
}

.divKommentare .headlineKommentar {
    margin: 40px 0px 0px 0px;
    padding: 0px;
    font-family: "MinionPro","Times New Roman", Georgia, Times, Serif;
    font-weight: bold;
    font-style: italic;
    font-size: 120%;
    color: #7a7972;
}

.divKommentare .alleKommentare {
    margin-top: 20px;
}

.divKommentare input.bewertung {
    margin-left: 20px;
}
.divKommentare img.bewertung {
    margin-top: 2px;
}
.divKommentare img.bewertungXvonY {
    float: right;
}

.divKommentare .formKommentar {
    margin: 0px;
    padding: 0px;
}
.divKommentare .formKommentar textarea {
    width: 99%;
    height: 100px;
}
.divKommentare .divKommentareFields {
    margin: 10px 0px 10px 0px;
}
.divKommentare .divKommentareFields input {
    margin-left: 0px;
    width: 100%;
}
.divKommentare .divKommentareFields .divKommentareName,
.divKommentare .divKommentareFields .divKommentareEmail {
    display: inline-block;
    width: 95%;
    max-width: 350px;
    margin-right: 5%;
}

.divKommentare .divKommentareInfoLinks,
.divKommentare .divKommentarePflichtfelder,
.divKommentare .divKommentareInfoEmail {
    clear: both;
    font-size: 90%;
    color: #7a7972;
}
.divKommentare .divKommentareButton {
    text-align: right;
    padding-right: 20px;
}

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

#divSearch {
    position: absolute;
    right: 15px;
    bottom: -38px;
    width: 200px;
    text-align: right;
}
#divSearch form {
    margin: 0px;
    padding: 0px;
}
#divSearch input {
    margin: 0px;
    padding: 2px 0px 0px 8px;
    border-top: 1px solid #919191;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #919191;
    height: 20px;
}

#divSearch .button {
    background-color: #96abd5;
    color: #ffffff;
    margin-right: 0px;
    padding: 0px 5px;
    height: 23px;
    border: 1px solid #878484;
    display: none;
}

/*--------------------------------------------------------------------------------*/
/* Layouts */

.layout_1col, .layout_2col, .layout_21col, .layout_12col, .layout_3col {
    width: 100%;
    max-width: 1044px;
    clear: both;
}
.layout_2col_links {
    float: left;
    width: 48%;
    margin-right: 4%;
}
.layout_2col_rechts {
    float: left;
    width: 48%;
}
.layout_21col_links {
    float: left;
    width: 66%;
    margin-right: 2%;
}
.layout_21col_rechts {
    float: left;
    width: 32%;
}
.layout_12col_links {
    float: left;
    width: 32%;
    margin-right: 2%;
}
.layout_12col_rechts {
    float: left;
    width: 66%;
}
.layout_3col_links {
    float: left;
    width: 32%;
    margin-right: 2%;
}
.layout_3col_mitte {
    float: left;
    width: 32%;
    margin-right: 2%;
}
.layout_3col_rechts {
    float: left;
    width: 32%;
}

.layout_no_margin {
    margin: 0;
}
.layout_margin_top_10 {
    margin: 10px 0 0 0;
}
.layout_margin_top_25 {
    margin: 25px 0 0 0;
}
.layout_margin_top_50 {
    margin: 50px 0 0 0;
}

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

/*--------------------------------------------------------------------------------*/
/* Definitionen verschiedener Elemente */

/* Liste der aktuellen Beitraege und Artikel */
.templ_aktuelles {
    clear: both;
}

/* Listenblock */
.templ_liste {
    clear: both;
}
.templ_liste ul, .templ_liste ul li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.templ_liste ul li.item-title { /* nur Titel ohne Kurztext und Bild */
    padding: 0px;
}
.templ_liste a.title {
    display: block;
    text-decoration: none;
    /*margin-bottom: 7px;*/
}
.templ_liste .text {
    padding-bottom: 20px;
    position: relative;
}
.templ_liste .item-left .image {
    float: left;
    width: 160px;
}
.templ_liste .item-left .text {
    clear: none;
    margin-left: 175px;
}
.templ_liste .item-right .image {
    float: right;
    width: 160px;
}
.templ_liste .item-right .text {
    clear: none;
    margin-right: 175px;
}
.templ_liste .more {
    padding-left: 10px;
    display: inline;
}

/* Link zum Seitenbeginn und zurueck */
.templ_linkleiste {
    clear: both;
    padding: 15px 0px 10px 0px;
}
.templ_linkleiste a {
    text-decoration: none;
}
.templ_linkleiste a:hover {
    text-decoration: underline;
}
.templ_linkleiste.ll_1col div {
    float: left;
    text-align: center;
}
.templ_linkleiste.ll_2col div {
    width: 50%;
    float: left;
    text-align: center;
}
.templ_linkleiste.ll_3col div {
    width: 33.3%;
    float: left;
    text-align: center;
}
.templ_linkleiste.ll_4col div {
    width: 25%;
    float: left;
    text-align: center;
}
.templ_linkleiste.ll_5col div {
    width: 20%;
    float: left;
    text-align: center;
}

/* Newsletter Archiv */
.templ_newsletter_archiv {
    clear: both;
}

/*--------------------------------------------------------------------------------*/
/* 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 (min-width:1100px) {
}

@media only screen and (max-width:1100px) {
    
    .mainWrapper {
        margin: 0px auto;
        box-shadow: 0px 0px 0px #444444;
    }

    .contentWrapper {
        padding: 0px 2%;
        width: 96%;
    }
    .contentWrapper img {
        max-width: 100%;
        height: auto;
    }
    
    .divFunktionsleiste {
        display: none;
    }
    
    a.show_menu {
        display: inline-block;
        padding: 5px 5px 5px 25px;
    }
    a.show_menu:hover, a.show_menu:active {
        text-decoration: none;
    }
    a.show_tel {
        display: inline-block;
        padding: 5px 5px 7px 5px;
    }
    a.show_tel:hover, a.show_tel:active {
        text-decoration: none;
    }

    .divHeader {
        padding: 10px 2% 50px 2%;
        width: 96%;
        min-height: auto;
    }
    .divHeader a.logo {
        top: 20px;
        bottom: auto;
    }
    .divMitte {
        padding: 0px;
    }
    .divMitte .divText {
        padding: 40px 0px 0px 0px;
    }
    .divMitte .divBreadcrumb {
        /* padding: 0px 0px 0px 2%; */
    }
    
    .divNav01 {
        display: none;
        padding: 0px;
    }
    .divNav01 ul {
        text-align: left;
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 5px 0px;
        border-bottom: 1px solid #ffffff;
    }
    .divNav01 ul li {
        display: block;
    }
    .divNav01 ul li.ebene1 {
        padding: 0px 2%;
    }
    .divNav01 ul li a {
        color: #ffffff;
        display: block;
    }
    .divNav01 li.ebene1 a.aktiv, .divNav01 li.ebene1 a:hover, .divNav01 li.ebene1 a.visted:hover {
        border: none;
    }
    .divNav01 li:hover ul.ebene2 {
        display: block;
    }
    .divNav01 li.ebene1 ul {
        position: relative;
        display: block;
        margin: 0px;
        padding: 0px 0px 0px 0px;
    }
    .divNav01 li.ebene1 ul {
       box-shadow: none;
    }
    .divNav01 li.ebene1 ul li {
       border: none;
    }
    .divNav01 li li {
        background-color: transparent;
    }
    .divNav01 li li.aktiv {
        background-color: inherit;
    }
    .divNav01 li li.ebene2 a {
        padding: 2px 10px 2px 20px;
    }
    
    .contacts {
        background-size: auto 100%;
        line-height: 60px;
        height: 60px;
        bottom: -29px;
        overflow: hidden;
    }
    .contacts span{
        width: 48%;
        max-width: none;
    }
    .contacts .contacts_03, .contacts .contacts_04 {
        display: none;
    }
    
    .divCopyright {
        text-align: center;
        padding-left: 3px;
        padding-right: 3px;
    }
    .divCopyright div {
        float: none !important;
    }
    .divCopyright ul li {
        float: none;
    }
    .divCopyright ul li a {
        border-right: none;
    }
}

@media only screen and (max-width:800px) {
    
    .divHeader {
        height: auto;
        min-height: auto;
    }
    
    .divHeader a.logo {
        font-size: 300%;
    }
    
    .layout_2col_links {
        width: 100%;
        margin-right: 0px;
    }
    .layout_2col_rechts {
        width: 100%;
        margin-right: 0px;
    }
    .layout_21col_links {
        width: 100%;
        margin-right: 0px;
    }
    .layout_21col_rechts {
        width: 100%;
        margin-right: 0px;
    }
    .layout_12col_links {
        width: 100%;
        margin-right: 0px;
    }
    .layout_12col_rechts {
        width: 100%;
        margin-right: 0px;
    }
    .layout_3col_links {
        width: 100%;
        margin-right: 0px;
    }
    .layout_3col_mitte {
        max-width: none;
        width: 100%;
    }
    .layout_3col_rechts {
        width: 100%;
        margin-right: 0px;
    }
    
    /* nur auf Smartphones anzeigen */
    .visibility_7 {
        display: block;
    }
    /* auf Smartphones verbergen */
    .visibility_8 {
        display: none;
    }
}

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

    .divHeader a.logo {
        font-size: 180%;
    }
    .contacts {
        line-height: 40px;
        height: 40px;
        bottom: -19px;
        font-size: 60%;
    }
    
    .divText table th, .divText table td {
        display: block;
        padding-right: 0;
        width: auto;
    }
    
    h1 {
        font-size: 1.7em;
    }
    h2 {
        font-size: 1.6em;
        margin-top: 1.3 em;
    }
}

@media only screen and (max-width:440px) {
    
    .divHeader {
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        width: 100%;
    }
    .contacts span {
        width: 47%;
        padding: 0px 1%;
        text-align: right;
    }
    .contacts span:first-child {
        text-align: left;
    }
}

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

    .divHeader a.logo {
        font-size: 120%;
    }
}

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

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

/* Abstand */
.templ_abstand {
    clear: both;
    overflow: hidden;   
}

/*--------------------------------------------------------------------------------*//**
 * CSS-Definitionen fuer templ_bild
 *
 * (c) www.lemontree.at
 *
 * @author Gerhard Buchecker <gbuchecker@lemontree.at>
 *
 *********************************************************************************/

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

div.templ_bild {
    clear: both;
    width: 100%;
}
div.templ_bild img {
    max-width: 100%;
    height: auto;
    margin: 0px;
}

div.bild_legende_top {
}
div.bild_legende_bottom {
}

/*--------------------------------------------------------------------------------*//**
 * CSS-Definitionen fuer templ_bild_text
 *
 * (c) www.lemontree.at
 *
 * @author Gerhard Buchecker <gbuchecker@lemontree.at>
 *
 *********************************************************************************/

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

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

/*--------------------------------------------------------------------------------*//**
 * Standard CSS-Definitionen fuer templ_bildergalerie
 *
 * (c) www.lemontree.at
 *
 * @author Gerhard Buchecker <gbuchecker@lemontree.at>
 *
 *********************************************************************************/

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

/* 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: 0px;
}
div.templ_bildergalerie div.galerie.right {
    text-align: right;
    margin-left: 0px;
}
div.templ_bildergalerie div.galerie.center {
    text-align: center;
}
div.templ_bildergalerie div.galerie img {
    margin: 0px;
    /* border: 1px solid #cccccc; */
}

div.templ_bildergalerie div.galerie a {
    border: none;
    position: relative;
    display: inline-block;
    line-height: 0px;
}
div.templ_bildergalerie .bild_auswaehlen {
	font-size: 80%;
	padding: 0px 0px 5px 0px;
    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: 0px auto;
    padding: 0px;
    list-style-type: none;
}
div.templ_bildergalerie ul li {
    display: inline-block;
}

/* Optionen fuer ein einzelnes Thumbnail */
div.templ_bildergalerie div.galerie.single a {
    background-color: #333333;
}
div.templ_bildergalerie div.galerie.single a img {
    margin: 0px;
    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 0px 0px 0px;
}
div.templ_bildergalerie .links a {
	padding-right: 10px;
}
div.templ_bildergalerie .links a.alle_auswaehlen {
    padding: 0px;
}
div.templ_bildergalerie .links a.auswahl_loeschen {
    margin: 0px 20px 20px 0px;
}
div.templ_bildergalerie .links .delimiter {
    padding: 0px 2px;
    color: inherit;
}

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

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

/*--------------------------------------------------------------------------------*//**
 * CSS-Definitionen fuer templ_bildergalerie_cycle_cycle
 *
 * (c) www.lemontree.at
 *
 * @author Gerhard Buchecker <gbuchecker@lemontree.at>
 *
 *********************************************************************************/

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

/* Bildergalerie cycle mit wechselndem Bild */
.templ_bildergalerie_cycle {
    clear: both;
    height: auto;
    max-width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
    line-height: 1em;
}
.templ_bildergalerie_cycle ul, .templ_bildergalerie_cycle li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.templ_bildergalerie_cycle img {
    margin: 0px;
    border: 0px;
    max-width: 100%;
    height: auto;
}

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

.templ_bildergalerie_cycle .controls a.prev {
    width: 7px; 
    height: 1.4em;
    padding: 0px;
    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: 0px;
    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: 0px 2px;
}

/* slidenav = pager */
.templ_bildergalerie_cycle .slidenav {
    
}
.templ_bildergalerie_cycle .slidenav a {
    margin: 0 2px; 
    padding: 0px; 
    border: 1px solid #BE7441;
    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.activeSlide {
    background: #BE7441; 
    color: #ffffff;
}

/*--------------------------------------------------------------------------------*//**
 * CSS-Definitionen fuer Webformulare
 *
 *********************************************************************************/

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

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

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

.webform .headline {
    margin: 0px 0px 5px 0px;
    font-size: 120%;
    color: #BE7441;
}
.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%;
}
.webform input[type=submit],
.webform input[type=button],
.webform input[type=reset],
.webform button {
    min-width: 80px;
    margin-top: 15px;
    /* background-color: #feff99;
    color: #666666; */
}
.webform input[type=checkbox] {
    float: left;
    padding-top: 5px;
}
.webform span.checkboxText {
    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: 0px 0px 3px 0px;
}
.webform .desc_left {
    float: left;
    padding: 0px 3px 0px 0px;
}
.webform .desc_right {
    float: left;
    padding: 0px 0px 0px 3px;
}
.webform .desc_bottom {
    clear: both;
    padding: 3px 0px 0px 0px;
}
.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 > .btn-file-input {
    /*display: inline-block;
    width: 200px;
    height: 30px;*/
}


table.formular {
    border-spacing: 0px;
    padding: 0px;
}
table.formular td {
    padding: 2px 2px 2px 0px;
}
table.formular td.bezeichnung {
    vertical-align: top;
    padding: 4px 2px 2px 0px;
    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: 0px;
}

/* 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: 0px;
    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 table {
        width: 100%;
    }
    .webform input[type=text],
    .webform textarea {
        width: 98%;
    }
    
    .webform form.step01 th, .webform form.step01 td {
        display: block;
        padding-right: 0;
    }
	.webform form.step01 th {
        font-weight: bold;
        width: auto;
    }
}

/*--------------------------------------------------------------------------------*//**
 * Standard CSS-Definitionen fuer templ_googlemaps
 *
 * (c) www.lemontree.at
 *
 * @author Gerhard Buchecker <gbuchecker@lemontree.at>
 *
 *********************************************************************************/

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

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

/*--------------------------------------------------------------------------------*//**
 * CSS-Definitionen fuer templ_menue
 *
 * (c) www.lemontree.at
 *
 * @author Gerhard Buchecker <gbuchecker@lemontree.at>
 *
 *********************************************************************************/

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

/* Menue */
.templ_menue {
    clear: both;
    margin: 0px;
    /* padding: 10px;
    background-color: #eeeeee; */
}

.templ_menue .divNav ul {
    /* margin: 0px;
    padding: 0px; */

}
.templ_menue .divNav.no_style ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.templ_menue .divNav ul li {
    margin: 0px;
    padding: 0px;
    color: #BE7441;
}

/*--------------------------------------------------------------------------------*//**
 * CSS-Definitionen fuer templ_wechselbilder
 *
 *********************************************************************************/

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

/* Wechselbilder (Slider) */
.templ_wechselbilder {
    width: 100%;
    margin: 0px auto 0px auto;
    position: relative;
}
.templ_wechselbilder .slideshow {
    width: 102%;
    overflow: hidden;
}
.templ_wechselbilder .slideshow-item {
    float: left;
    width: 100%;
}
.templ_wechselbilder .slideshow-text {
    /*background:url(../../images/slide-overlay.png) repeat;*/
    top: 0px;
    left: 0px;
    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:0px!important;
    margin:0!important;
}
.templ_wechselbilder .slideshow-text p {
    color:#ffffff;
    margin: 2px 0px 0px 0px;
}
.templ_wechselbilder .slideshow-text a.button, .slideshow-text a.button:hover {
    background-color: #00abde;
    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: 0px; 
    border: 1px solid #7c9745;
    border-radius: 8px; 
    background: #ffffff; 
    text-decoration: none;
    text-align: center;
    font-size: 9px;
    color: #7c9745;
    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.activeSlide {
    background: #7c9745; 
    color: #ffffff;
}

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

.templ_wechselbilder .bigLink{
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index:100px;
    background: url(../../images/blank.png) repeat;
}

.templ_wechselbilder .sliderTextAlignRight { text-align: right; }
.templ_wechselbilder .sliderTextAlignCenter { text-align: center; }
.templ_wechselbilder .sliderTextAlignLeft { text-align: left; }

.templ_wechselbilder .slideshow-text .sliderFontSize8  { font-size: 8px;  line-height: 12px; }
.templ_wechselbilder .slideshow-text .sliderFontSize9  { font-size: 9px;  line-height: 13px; }
.templ_wechselbilder .slideshow-text .sliderFontSize10 { font-size: 10px; line-height: 14px; }
.templ_wechselbilder .slideshow-text .sliderFontSize11 { font-size: 11px; line-height: 15px; }
.templ_wechselbilder .slideshow-text .sliderFontSize12 { font-size: 12px; line-height: 16px; }
.templ_wechselbilder .slideshow-text .sliderFontSize13 { font-size: 13px; line-height: 17px; }
.templ_wechselbilder .slideshow-text .sliderFontSize14 { font-size: 14px; line-height: 18px; }
.templ_wechselbilder .slideshow-text .sliderFontSize15 { font-size: 15px; line-height: 19px; }
.templ_wechselbilder .slideshow-text .sliderFontSize16 { font-size: 16px; line-height: 20px; }
.templ_wechselbilder .slideshow-text .sliderFontSize17 { font-size: 17px; line-height: 21px; }
.templ_wechselbilder .slideshow-text .sliderFontSize18 { font-size: 18px; line-height: 22px; }
.templ_wechselbilder .slideshow-text .sliderFontSize19 { font-size: 19px; line-height: 23px; }
.templ_wechselbilder .slideshow-text .sliderFontSize20 { font-size: 20px; line-height: 24px; }
.templ_wechselbilder .slideshow-text .sliderFontSize21 { font-size: 21px; line-height: 25px; }
.templ_wechselbilder .slideshow-text .sliderFontSize22 { font-size: 22px; line-height: 26px; }
.templ_wechselbilder .slideshow-text .sliderFontSize23 { font-size: 23px; line-height: 27px; }
.templ_wechselbilder .slideshow-text .sliderFontSize24 { font-size: 24px; line-height: 28px; }
.templ_wechselbilder .slideshow-text .sliderFontSize25 { font-size: 25px; line-height: 29px; }
.templ_wechselbilder .slideshow-text .sliderFontSize26 { font-size: 26px; line-height: 30px; }
.templ_wechselbilder .slideshow-text .sliderFontSize27 { font-size: 27px; line-height: 31px; }
.templ_wechselbilder .slideshow-text .sliderFontSize28 { font-size: 28px; line-height: 32px; }
.templ_wechselbilder .slideshow-text .sliderFontSize29 { font-size: 29px; line-height: 33px; }
.templ_wechselbilder .slideshow-text .sliderFontSize30 { font-size: 30px; line-height: 34px; }
.templ_wechselbilder .slideshow-text .sliderFontSize31 { font-size: 31px; line-height: 35px; }
.templ_wechselbilder .slideshow-text .sliderFontSize32 { font-size: 32px; line-height: 36px; }
.templ_wechselbilder .slideshow-text .sliderFontSize33 { font-size: 33px; line-height: 37px; }
.templ_wechselbilder .slideshow-text .sliderFontSize34 { font-size: 34px; line-height: 38px; }
.templ_wechselbilder .slideshow-text .sliderFontSize35 { font-size: 35px; line-height: 39px; }
.templ_wechselbilder .slideshow-text .sliderFontSize36 { font-size: 36px; line-height: 40px; }
.templ_wechselbilder .slideshow-text .sliderFontSize37 { font-size: 37px; line-height: 41px; }
.templ_wechselbilder .slideshow-text .sliderFontSize38 { font-size: 38px; line-height: 42px; }
.templ_wechselbilder .slideshow-text .sliderFontSize39 { font-size: 39px; line-height: 43px; }
.templ_wechselbilder .slideshow-text .sliderFontSize40 { font-size: 40px; line-height: 44px; }
.templ_wechselbilder .slideshow-text .sliderFontSize41 { font-size: 41px; line-height: 45px; }
.templ_wechselbilder .slideshow-text .sliderFontSize42 { font-size: 42px; line-height: 46px; }
.templ_wechselbilder .slideshow-text .sliderFontSize43 { font-size: 43px; line-height: 47px; }
.templ_wechselbilder .slideshow-text .sliderFontSize44 { font-size: 44px; line-height: 48px; }
.templ_wechselbilder .slideshow-text .sliderFontSize45 { font-size: 45px; line-height: 49px; }
.templ_wechselbilder .slideshow-text .sliderFontSize46 { font-size: 46px; line-height: 50px; }
.templ_wechselbilder .slideshow-text .sliderFontSize47 { font-size: 47px; line-height: 51px; }
.templ_wechselbilder .slideshow-text .sliderFontSize48 { font-size: 48px; line-height: 52px; }
.templ_wechselbilder .slideshow-text .sliderFontSize49 { font-size: 49px; line-height: 53px; }
.templ_wechselbilder .slideshow-text .sliderFontSize50 { font-size: 50px; line-height: 54px; }
.templ_wechselbilder .slideshow-text .sliderFontSize51 { font-size: 51px; line-height: 55px; }
.templ_wechselbilder .slideshow-text .sliderFontSize52 { font-size: 52px; line-height: 56px; }
.templ_wechselbilder .slideshow-text .sliderFontSize53 { font-size: 53px; line-height: 57px; }
.templ_wechselbilder .slideshow-text .sliderFontSize54 { font-size: 54px; line-height: 58px; }
.templ_wechselbilder .slideshow-text .sliderFontSize55 { font-size: 55px; line-height: 59px; }
.templ_wechselbilder .slideshow-text .sliderFontSize56 { font-size: 56px; line-height: 60px; }
.templ_wechselbilder .slideshow-text .sliderFontSize57 { font-size: 57px; line-height: 61px; }
.templ_wechselbilder .slideshow-text .sliderFontSize58 { font-size: 58px; line-height: 62px; }
.templ_wechselbilder .slideshow-text .sliderFontSize59 { font-size: 59px; line-height: 63px; }
.templ_wechselbilder .slideshow-text .sliderFontSize60 { font-size: 60px; line-height: 64px; }

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