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

div.templ_bildergalerie div.galerie.right {
    text-align: right;
}
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;
    font-size: 80%;
    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;
}
.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: 0px;
    z-index: 200;
    text-align: center;
    width: 100%;
    padding: 3px 0px;
    color: #000000;
    background-color: #ffffff;
    opacity: 0.7;
    font-size: 12px;
    overflow: hidden;
}
.templ_bildergalerie_cycle .controls a {
    line-height: 16px;
    color: #000000;
}
.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 #000000;
    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: #000000; 
    color: #ffffff;
}

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

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

/* 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: #E0871A;
    text-transform: lowercase;
    font-weight: bold;
}
.webform .fehler {
    color: #cc0000;
}
.webform .label {
    max-width: 370px;
	font-weight: normal;
    text-align: left;
}
.webform input[type=text] {
    width: 350px;
}
.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: 98%;
    max-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;
}

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

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

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

/* Listenblock */
.templ_liste {
    clear: both;
}
.templ_liste ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.templ_liste ul li {
    list-style-type: none;
    margin: 0px;
    padding: 5px 0px;
}
.templ_liste ul li.item-title { /* nur Titel ohne Kurztext und Bild */
    padding: 0px;
}
.templ_liste table {
    padding: 0px;
    border-spacing: 0px;
}
.templ_liste .title {
    display: block;
    text-decoration: none;
    margin-bottom: 0px;
}
.templ_liste div.date {
    padding-right: 0px;
}
.templ_liste td.date {
    padding-right: 10px;
}
.templ_liste a {
    text-decoration: 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 .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 {
    background-color: #dddddd;
}*/

/* Suchfunktion fuer Liste */
.templ_liste_suche {
    /* background-color: #eeeeee; */
    margin: 0px 0px 25px 0px;
    padding: 0px 0px 5px 0px;
}

.templ_liste_suche form {
    margin: 0px;
}

.templ_liste_suche table {
    width: auto;
}

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

.templ_liste_suche table td {
    padding: 5px 5px 0px 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:630px) {
    
    .templ_liste .item-left .image {
        width: 160px;
    }
    
    .templ_liste .item-left .text {
        margin-left: 175px;
    }
    
    .templ_liste .item-right .image {
        width: 160px;
    }
    
    .templ_liste .item-right .text {
        margin-right: 175px;
    }
}

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

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

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

/* Sitemap */
.templ_sitemap {
    clear: both;
}

.templ_sitemap ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

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

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

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

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

.templ_textbox img {
    max-width: 100%;
    height: auto;
}
.templ_textbox .link_expand {
    width: 100%;
    position: relative;
    text-align: right;
    top: -2.5em;
    margin-bottom: -2.5em;
}
.templ_textbox .link_expand .link_expand_overlay {
    width: 100%;
    height: 3.0em;
    background: linear-gradient(transparent,#ffffff);
}
.templ_textbox .link_collapse {
    width: 100%;
    position: relative;
    text-align: right;
}

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

@media print {
    
    .templ_textbox .textbox_content {
        overflow: visible !important;
        height: auto !important;
    }
    .templ_textbox .link_expand {
        display: none;
    }
}

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