/*--------------------------------------------------------------------------------*/
/* theme styles */

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

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #555555; /*#1f1f1f;*/
}

input, select, textarea {
    color: inherit;
    font-family: Arial, Helvetica, sans-serif;
}
input[type=submit],
input[type=button],
button {
    border:   1px solid #3c3b6e;
    background-color: #3c3b6e;
    color: #ffffff;
}
input.reset {
    border: 1px solid #999999;
    background-color: rgb(240,240,240);
    color: #72827F;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

h1 {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}
h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.8em;
}
a.show_menu {
    display: inline-block;
    background-image: url(../../themes/vmjv_v01/images/hamburger.png);
}

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

.header_wrapper {
    /* position: fixed; */
}
.footer_wrapper {
    background-color: #3c3b6e;
}

.section_wrapper {
    padding: 1em 0px 0px 0px;
}

/*--------------------------------------------------------------------------------*/
/* Header elements */

.div_header .logo {
    width: 20vw;
    max-width: 200px;
}

.div_header .slogan {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10vw;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #3c3b6e;
    right: 3%;
    bottom: 4%;
    text-shadow: 0px 0px 20px #999999;
}

/*--------------------------------------------------------------------------------*/
/* Footer elements */

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

/*--------------------------------------------------------------------------------*/
/* Navigation */

.nav_01 {
    font-size: 1.4em;
    font-variant: small-caps;
    display: none;

    background-color: rgba(60, 59, 110, 0.9);
    background-image: url(../../images/menu_close.png);
    background-repeat: no-repeat;
    background-position: 97% 25px;
    box-shadow: 0px 1px 5px #cccccc;
    padding: 70px 0px 0px 0px;
    text-align: center;
    width: 100%;
}
.nav_01 {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 3000;
}
.nav_01 ul li {
    display: block;
    margin: 0px !important;
}
.nav_01 li a {
    color: #ffffff;
}
.nav_01 li.ebene1 a.ebene1 {
    padding: 10px;
    display: block;
}
.nav_01 li.ebene1 a.aktiv{
    text-decoration: underline;
}
.nav_01 li.ebene1:hover a.ebene1,
.nav_01 li.ebene1 a:hover {
    text-decoration: underline;
}
.nav_01 li.ebene1:hover ul.ebene2,
.nav_01 li.ebene1.aktiv ul.ebene2 {
    display: block;
    position: relative;
    right: auto;
    background-color: transparent;
    padding: 0px;
}
.nav_01 li.ebene2 {
    padding: 0px;
}

/*--------------------------------------------------------------------------------*/
/* Navigationbar */

div.navigationbar {
    background-color: #3c3b6e;
    color: #ffffff;
}
div.navigationbar a:hover {
    background-color: #dbdfe2;
    color: #3c3b6e;
}
div.navigationbar span.navigationbar_aktuelle_seite {
    background-color: #dbdfe2;
    color: #3c3b6e;
}

/*--------------------------------------------------------------------------------*/
/* Wechsel der Sprache */

ul.div_lang {
    position: absolute;
    right: 6.2%;
    top: 9%;
    text-align: right;
    margin: 0px;
}
ul.div_lang li {
    list-style-type: none;
    float: left;
}
ul.div_lang li a {
    display: inline-block;
    min-width: 20px;
    color: #ffffff;
    font-size: 85%;
    padding: 3px 5px;
    border: 1px solid #ffffff;
    text-align: center;
    text-decoration: none;
}
ul.div_lang li a.de {
    position: relative;
    left: 1px;
}
ul.div_lang li a.active, ul.div_lang li a:hover {
    background-color: #3c3b6e;
}

/*--------------------------------------------------------------------------------*/
/* Content */

.div_text {
    line-height: 1.2em;
}
.div_text a {
    text-decoration: none;
    color: #3c3b6e;
}
.newsletterbox .link_unsubscribe {
    color: #3c3b6e !important;
}
.webform .headline {
    color: #3c3b6e;
}

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

.web_schwarz {
    color: #1f1f1f !important;
    border-color: #1f1f1f !important;
}
.web_grau {
    color: #555555 !important;
    border-color: #555555 !important;
}
.web_grau_hell {
    color: #babcbb !important;
    border-color: #babcbb !important;
}
.web_blau {
    color: #3c3b6e !important;
    border-color: #3c3b6e !important;
}
.web_button_blau {
    border: 1px solid #3c3b6e;
    background-color: #3c3b6e;
    color: #ffffff !important;
    padding: 5px 20px;
    /* border-radius: 5px;
    box-shadow: 3px 3px 5px #999999; */
    display: inline-block;
    text-decoration: none !important;
}
.web_button_blau:hover {
    opacity: 0.8;
}
.web_button_blau_rund {
    color: #ffffff !important;
    background-color: #3c3b6e;
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 33px;
    border-radius: 18px;
    text-align: center;
    font-size: 130%;
    font-weight: bold;
    text-decoration: none !important;
}
.web_button_forward {
    color: #ffffff !important;
    background-color: #3c3b6e;
    display: inline-block;
    text-align: center;
    font-size: 22px;
    text-decoration: none !important;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    line-height: 30px;
    font-weight: normal;
}

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

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

/*     .nav_01 {
        background-color: rgba(60, 59, 110, 0.9);
        background-image: url(../../images/menu_close.png);
        background-repeat: no-repeat;
        background-position: 25px 25px;
        box-shadow: 0px 1px 5px #cccccc;
        padding: 70px 0px 0px 0px;
        text-align: center;
        width: 100%;
    } */
    ul.div_lang {
        right: 7.5%;
        top: 8.5%;
    }
}

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

    ul.div_lang {
        right: 9.5%;
        top: 8.0%;
    }
}

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

    ul.div_lang {
        right: 14.5%;
        top: 7.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: 0px;
        padding-right: 0px; 
    }
}

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

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

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

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

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

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

.templ_bildbox {
    clear: both;
    width: 100%;
    display: flex;
    align-items: stretch;
}
.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: 0;
}
.templ_bildbox .templ_bildbox_image img {
    max-width: 100%;
    height: auto;
}

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

.templ_bildbox {
    background-color: #eeeeee;
    margin-bottom: 1em;
    box-shadow: 7px 7px 20px #999999;
}
.templ_bildbox:hover {
    background-color: #cccccc;
    opacity: 0.9;
}

.templ_bildbox .templ_bildbox_text h1 + p,
.templ_bildbox .templ_bildbox_text h2 + p,
.templ_bildbox .templ_bildbox_text h3 + p,
.templ_bildbox .templ_bildbox_text h4 + p {
    margin-top: 0px;
}

.templ_bildbox .templ_bildbox_image img {
    /* filter: sepia(0.9) hue-rotate(155deg); */
}

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

@media only screen and (max-width:1200px) {
    
    .templ_bildbox .templ_bildbox_text p {
        font-size: 2vw;
        line-height: 2vw;
    }
}

@media only screen and (max-width:750px) {
    
    .templ_bildbox .templ_bildbox_text p {
        font-size: inherit;
        line-height: inherit;
    }
}

@media only screen and (max-width:500px) {
    
    .templ_bildbox {
        display: block;
    }
    .templ_bildbox .templ_bildbox_text {
        width: 96%;
        padding: 2% 2%;
        flex: none;
    }
    .templ_bildbox .templ_bildbox_image {
        width: 100%;
    }
    .templ_bildbox .templ_bildbox_image img {
        width: 100%;
    }
}

/*--------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------*/
/* templ_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_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;
}
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: 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;
    padding: 0px 1% 1% 0px;
}
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: 0px !important;
}
div.templ_bildergalerie ul.li_50p li:nth-child(even) {
    padding-right: 0px !important;
}
div.templ_bildergalerie ul.li_33p li:nth-child(3n+0) {
    padding-right: 0px !important;
}
div.templ_bildergalerie ul.li_25p li:nth-child(4n+0) {
    padding-right: 0px !important;
}
div.templ_bildergalerie ul.li_20p li:nth-child(5n+0) {
    padding-right: 0px !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: 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
}

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

.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.5;
    font-size: 12px;
    overflow: hidden;
}
.templ_bildergalerie_cycle .controls a {
    line-height: 16px;
    color: #003366;
}
.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 #003366;
    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: #003366; 
    color: #ffffff;
}

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

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

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

.webform .headline {
    margin: 0px 0px 5px 0px;
    font-size: 120%;
}
.webform .fehler {
    color: #fc0522;
}
.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 input[type=password],
.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 {
    min-width: 120px;
    margin-top: 15px;
    padding: 5px 20px;
    color: #ffffff;
}
.webform input[type=submit]:hover,
.webform input[type=button]:hover,
.webform button:hover {
    cursor: pointer;
}
.webform input[type=reset] {
    background-color: #dddddd;
    border: 1px solid #cccccc;
    color: #444444;
}
.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: 0px 0px 3px 0px;
}
.webform .desc_left {
    float: left;
    padding: 0px 3px 0px 0px;
}
.webform .desc_right {
    float: left;
    padding: 0.3em 0px 0px 0.5em;
}
.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 > .button_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 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 0px;
}
.templ_openstreetmap img {
	box-shadow: none;
}

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

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

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

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

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

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

/*--------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------*/
/* templ_sitemap */

.templ_sitemap {
    clear: both;
}

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

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

.div_form_suche {
    position: absolute;
    right: 0px;
    bottom: 7px;
    width: 188px;
    text-align: right;
}
.div_form_suche form {
    margin: 0px;
    padding: 0px;
}
.div_form_suche input {
    color: #ffffff;
    border: 1px solid #dddddd;
    margin: 0px;
    padding: 2px 3px;
    z-index: 2000;
    position: relative;
    width: 180px;
    background-color: #333333;
    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: 0px auto 0px 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: 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 #003366;
    border-radius: 8px; 
    background: #ffffff; 
    text-decoration: none;
    text-align: center;
    font-size: 9px;
    color: #003366;
    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: #003366; 
    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: 0px 0px 2px #ffffff;
}

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

.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; }

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