/* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at:http://fancybox.net *  * Copyright (c) 2008 - 2010 Janis Skarnelis * That said,it is hardly a one-person project. Many people have submitted bugs,code,and offered their advice freely. Their support is greatly appreciated. *  * Version:1.3.3 (04/11/2010) * Requires:jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses:*   http://www.opensource.org/licenses/mit-license.php *   http://www.gnu.org/licenses/gpl.html */
#fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none;}
#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('/dateien/fancybox/fancybox.png');}
#fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none;}
#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none;}
#fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:1101;outline:none;display:none;}
#fancybox-outer{position:relative;width:100%;height:100%;background:#fff;}
#fancybox-content{width:0;height:0;padding:0;outline:none;position:relative;overflow:hidden;z-index:1102;border:0px solid #fff;}
#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101;}
#fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:transparent url('/dateien/fancybox/fancybox.png') -40px 0px;cursor:pointer;z-index:1103;display:none;}
#fancybox-error{color:#444;font:normal 12px/20px Arial;padding:14px;margin:0;}
#fancybox-img{width:100%;height:100%;padding:0;margin:0;border:none;outline:none;line-height:0;vertical-align:top;}
#fancybox-frame{width:100%;height:100%;border:none;display:block;}
#fancybox-left,#fancybox-right{position:absolute;bottom:0px;height:100%;width:35%;cursor:pointer;outline:none;background:transparent url('/dateien/fancybox/blank.gif');z-index:1102;display:none;}
#fancybox-left{left:0px;}
#fancybox-right{right:0px;}
#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;}
#fancybox-left-ico{background-image:url('/dateien/fancybox/fancybox.png');background-position:-40px -30px;}
#fancybox-right-ico{background-image:url('/dateien/fancybox/fancybox.png');background-position:-40px -60px;}
#fancybox-left:hover,#fancybox-right:hover{visibility:visible; /* IE6 */ }
#fancybox-left:hover span{left:20px;}
#fancybox-right:hover span{left:auto;right:20px;}
.fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001;}
#fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url('/dateien/fancybox/fancybox-x.png');}
#fancybox-bg-ne{top:-20px;right:-20px;background-image:url('/dateien/fancybox/fancybox.png');background-position:-40px -162px;}
#fancybox-bg-e{top:0;right:-20px;height:100%;background-image:url('/dateien/fancybox/fancybox-y.png');background-position:-20px 0px;}
#fancybox-bg-se{bottom:-20px;right:-20px;background-image:url('/dateien/fancybox/fancybox.png');background-position:-40px -182px; }
#fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url('/dateien/fancybox/fancybox-x.png');background-position:0px -20px;}
#fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url('/dateien/fancybox/fancybox.png');background-position:-40px -142px;}
#fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url('/dateien/fancybox/fancybox-y.png');}
#fancybox-bg-nw{top:-20px;left:-20px;background-image:url('/dateien/fancybox/fancybox.png');background-position:-40px -122px;}
#fancybox-title{font-family:Helvetica;font-size:12px;z-index:1102;}
.fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative;}
.fancybox-title-outside{padding-top:10px;color:#fff;}
.fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left;}
#fancybox-title-over{padding:10px;background-image:url('/dateien/fancybox/fancy_title_over.png');display:block;}
.fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px;}
#fancybox-title-float-wrap{border:none;border-collapse:collapse;width:auto;}
#fancybox-title-float-wrap td{border:none;white-space:nowrap;}
#fancybox-title-float-left{padding:0 0 0 15px;background:url('/dateien/fancybox/fancybox.png') -40px -90px no-repeat;}
#fancybox-title-float-main{color:#FFF;line-height:29px;font-weight:bold;padding:0 0 3px 0;background:url('/dateien/fancybox/fancybox-x.png') 0px -40px;}
#fancybox-title-float-right{padding:0 0 0 15px;background:url('/dateien/fancybox/fancybox.png') -55px -90px no-repeat;}
/* IE6 */
.fancybox-ie6 #fancybox-close{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dateien/fancybox/fancy_close.png',sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dateien/fancybox/fancy_nav_left.png',sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dateien/fancybox/fancy_nav_right.png',sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dateien/fancybox/fancy_title_over.png',sizingMethod='scale'); zoom:1; }
.fancybox-ie6 #fancybox-title-float-left{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dateien/fancybox/fancy_title_left.png',sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dateien/fancybox/fancy_title_main.png',sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dateien/fancybox/fancy_title_right.png',sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame{height:expression(this.parentNode.clientHeight + "px");}
#fancybox-loading.fancybox-ie6{position:absolute; margin-top:0;top:expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2:document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop )) + 'px');}
#fancybox-loading.fancybox-ie6 div{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dateien/fancybox/fancy_loading.png',sizingMethod='scale'); }
/* IE6,IE7,IE8 */
.fancybox-ie .fancybox-bg{background:transparent !important; }
.fancybox-ie #fancybox-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dateien/fancybox/fancy_shadow_n.png',sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dateien/fancybox/fancy_shadow_ne.png',sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dateien/fancybox/fancy_shadow_e.png',sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dateien/fancybox/fancy_shadow_se.png',sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dateien/fancybox/fancy_shadow_s.png',sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dateien/fancybox/fancy_shadow_sw.png',sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dateien/fancybox/fancy_shadow_w.png',sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dateien/fancybox/fancy_shadow_nw.png',sizingMethod='scale'); }
/* custom: */
.fancyboxGalery a { float:left; padding:0 5px 5px 0; }
.fancyboxGalery { margin-bottom:5px; }
/* end: fancybox styles */body{margin:0;padding:0;text-align:center;font-family:Verdana;font-size:12px;color:#333;overflow-y:scroll;behavior:url(/dateien/tpl/PIE.htc);}
#wrapper{width:900px;margin:0px auto;padding:0px 0px 20px 0px;text-align:left;position:relative;background-color:#fff;behavior:url(/dateien/tpl/PIE.htc);}
#header{width:900px;height:100px;position:relative;padding:0px;background-color:white;margin:0px auto;}
#logo{position:absolute;width:220px;height:136px;background-color:#fff;text-align:center;z-index:20;}
#logoshadow{position:absolute;width:220px;height:125px;background-color:red;border-radius:0px 0px 60px 60px;box-shadow:0px 0px 9px;z-index:10;}
#logo img{width:186px; height:99px;}
#navi{float:left;padding:0;margin:0px 0px 0px 240px;}
#navi ul{position:absolute;z-index:100;margin:0;padding:0;}
#navi ul li{list-style:none;float:left;color:#a8a8a8;margin:0;display:block;background-color:#fff;}
#navi ul li a{display:block;color:#777;text-decoration:none;height:26px;padding:35px 15px 0px 15px;border:1px solid #fff;text-shadow:1px 1px 1px rgba(0,0,0,0.2);behavior:url(/dateien/tpl/PIE.htc);border-top:5px solid #fff;border-collapse:separate;}
#navi ul li a:hover,#navi ul li a.active{border-top:5px solid #009030;behavior:url(/dateien/tpl/PIE.htc);}
#navi ul li ul li a:hover,#navi ul li ul li a.active{border:1px solid #ddd;background-image:linear-gradient(bottom,rgb(230,230,230) 0%,rgb(255,255,255) 100%);background-image:-o-linear-gradient(bottom,rgb(230,230,230) 0%,rgb(255,255,255) 100%);background-image:-moz-linear-gradient(bottom,rgb(230,230,230) 0%,rgb(255,255,255) 100%);background-image:-webkit-linear-gradient(bottom,rgb(230,230,230) 0%,rgb(255,255,255) 100%);background-image:-ms-linear-gradient(bottom,rgb(230,230,230) 0%,rgb(255,255,255) 100%);background-color:#f3f3f3;behavior:url(/dateien/tpl/PIE.htc);}
#navi ul li ul{position:absolute;margin:0px;z-index:100;width:auto;padding:0;background-color:#fff;}
#navi ul li ul li{clear:left;display:block;}
#navi ul li ul li ul{margin-left:202px;margin-top:-34px;clear:left;display:block;}
#navi ul li ul li a{border:1px solid #fff;border-top:1px solid #fff;height:auto;width:170px;padding:6px 15px 0px 15px;display:block;text-align:left;background-color:#fff;background-color:rgba(255,255,255,0.8);behavior:url(/dateien/tpl/PIE.htc);}
#headerimage{background-color:white;width:900px;height:250px;margin-top:20px;behavior:url(/dateien/tpl/PIE.htc);}
#headerimage img{z-index:15;background-color:white;}
#colorbanner{width:100%;background-color:#009030;height:20px;}
#content{background-color:white;padding-top:35px;/*margin-top:250px;*/}
#impressum {padding-top:10px;}
#impressum.active { text-decoration:underline; }
#datenschutz {padding-top:10px;}
#datenschutz.active { text-decoration:underline; }
#leftcontent{width:170px;float:left;text-align:center;}
#leftcontent img{margin:15px 7px;}
#rightcontent{width:685px;float:left;}
#footer{width:900px;text-align:right;margin:4px auto;}
#footer a{color:#000;text-decoration:none;font-size:12px;}
#footer a:hover{text-decoration:underline;}
.clear{width:0px;height:0px;overflow:hidden;clear:both;}
h1{font-size:16px;}
h2{font-size:14px;}
h3,h4,h5,h6{font-size:13px;}
p,ul,ol{font-size:12px;line-height:18px;}
a{color:#333;text-decoration:underline;}
a:hover{color:#000;}
table{border:0px solid #fff;}
strong{font-weight:bold;}
a img{text-decoration:none;border:0px solid white;}
a.sf-with-ul:after{content:"»";padding-left:5px;}
.likebox { float:left; margin-left:20px;}
#mnavi,.logos {display: none;}
#cookie-message {
    font-family: Arial, Helvetica, sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    background: rgba(0, 0, 0, .9);
    padding: 15px;
    color: #d2d2d2;
    font-size: 13px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    box-sizing: border-box;
}

#cookie-message .inner-space {
    max-width: 1140px;
    margin: 0 auto;
}

#cookie-message .cookie-wrapp {
    display: flex;
    justify-content:space-between;
}

.cookie-buttons {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-left: 1rem;
}

.cookie-btn {
    color: #fff;
    background: rgb(254, 178, 0);
    padding: 6px 15px;
    margin-right: 5px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    text-decoration: none;
    white-space:nowrap

}

.cookie-btn:hover {
    opacity: .8;
    color: #fff;
}

.cookie-btn-secondary {
    background: rgb(77, 77, 77);
}

#cookie-message.cookie-hidden {
    bottom: -500px!important;
}


@media only screen and (max-width : 768px) {
    #cookie-message .cookie-wrapp {
        display: block;
        padding: 0 1rem;
    }

    .cookie-buttons {
        width: 100%;
        margin-top: 1rem;
        padding-left: 0;
    }
}
@media screen and (max-width: 567px) { 

    #page {
        height: auto;
        width: auto;
        margin: 0;
    }
    
    #wrapper {
        width: 100%;
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 0;
    }
    
    #navi, #subnavi, #leftcontent {
        display: none;
    }
    
    #logoshadow {
        display: none;
    }
    
    #header {
        width: 100%;
        height: auto;
        padding: 0;
    }
    
    #impressum {
        display: inline-block;
        top: 5px !important;
    }
    
    #datenschutz {
        display: inline-block;
        top: 5px !important;
    }
    
    #header .logo {
        display: inline-block;
        height: 100px !important;
        width: auto;
        position: relative !important;
    }
    
    #headerimage {
        height: 100px;
        width: 100%;
        margin: 0;
        background-size: contain;
    }
    
    #logo {
        z-index: 100;
        position: relative;
        display: block;
        height: 100px !important;
        float: none;
        padding: 0;
        width: 50%;
        background: none;
    }
    
    #logo a {
        display: inline;
    }
    
    #logo img {
        float: none;
        display: block;
        height: 100% !important;
    }

    #text {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    #shadow {
        display: none;
    }
    
    #rightcontent {
        width: 100%;
        height: 100%;
        float: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        padding: 10px;
        box-sizing: border-box;
    }
    
    #footer {
        text-align: center;
        height: auto;
        width: 100%;
        padding-bottom: 20px;
    }
    
    .logos {
        text-align: center;
    }
    
    #tw_verband {
        position: relative;
        left: 0;
        top: 0;
        right: auto;
        bottom: auto;
    }
    
    .tw_contents img {
        display: block;
        max-width: 100%;
    }
    
    .tw_contents table tr td {
        box-sizing: border-box;
    }
    
    .tw_contents .tmbl-nofloat td.left {
        width: 30%;
        padding-right: 10px;
    }
    
    .tw_contents .tmbl-nofloat td.left img {
        display: block;
        width: 100%;
        margin-right: 10px;   
    }
    
    .tw_contents .tmbr-nofloat td.right {
        width: 30%;
        padding-left: 10px;
    }
    
    .tw_contents .tmbr-nofloat td.right img {
        display: block;
        width: 100%;
        margin-left: 10px;   
    }
    
    .tw_contents .tmbr-float img {
        display: block;
        max-width: 50% !important;
    }
    
    .tw_contents .myForm form {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .tw_contents .myForm form label {
        display: block;
        float: none;
        width: 100%;
        height: auto;
        margin: 10px 0 0 0;
    }
    
    .tw_contents .myForm form .eingabe {
        float: none;
        width: 95% !important;
    }
    
    .tw_contents .myForm form input.button {
        margin-left: 0;
    }
    
    .tw_contents .map {
        width: 100%;
    }
    
    .tw_contents .route {
        width: 100%;
    }
    
    .tw_contents .route .quote-hilite label {
        float: none;
    }
    
    .tw_contents .route .quote-hilite .inputbox {
        width: 90%;
    }
    
    .tw_contents .route .quote-hilite {
        width: 100%;
        height: auto;
        border: 0 none;
    }
    
    .tw_contents .route .ziel {
        float: none !important;
        display: block;
        margin-top: 5px;
        width: 100%;
    }
    
     .tw_contents .route .slideBtn {
        position: relative;
    }
    
    .tw_contents .youtube iframe {
        width: 100%;
    }
    
    .likebox {
        float: none;
        padding: 20px;
        position: relative;
        left: 0;
    }
    
    .logos {
        text-align: center;
        display: block;
        padding-bottom: 20px;
    }
    
    #tw_verband {
        display: inline-block;
    }
    
    #mnavi {
        display: block;
        width: 26px;
        height: 26px;
        background: url("/dateien/tpl/menu_btn.png") no-repeat left top;
        position: absolute;
        top: 30px;
        right: 30px;
        z-index: 1000;
    }
    
    #mnavi ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    

    #mnavi > ul {
        position: fixed;
        right: -250px;
        top: 0;
        margin: 0;
        padding: 50px 0 0 0;
        z-index: 500;
        width: 250px;
        height: 100%;
        background: #fff;
        -webkit-transition: right 0.6s;
        -moz-transition: right 0.6s;
        -o-transition: right 0.6s;
        transition: right 0.6s;
    }
    
    #mnavi.open > ul {
        right: 0;
        box-shadow: -2px -2px 4px 0 rgba(0, 0, 0, 0.3);
        -webkit-transition: right 0.6s;
        -moz-transition: right 0.6s;
        -o-transition: right 0.6s;
        transition: right 0.6s;
    }
    
    #mnavi.open ul ul a.active,
    #mnavi.open ul ul a:hover {
        background: #9c9c9c;
    }
    
    #mnavi > ul li {
        margin: 0;
        padding: 0;
        text-align: left;
    }
    
    #mnavi > ul li a {
        text-decoration: none;
        display: block;
        border-bottom: 1px solid #ebebeb;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        padding: 10px 20px;
    }

    #mnavi > ul li a:hover,
    #mnavi > ul li a.active {
        text-decoration: none;
        background: #009030;
        color: #fff;
    }
    
    #navclose {
        display: none;
        position: fixed;
        top: 15px;
        right: 15px;
        width: 26px;
        height: 26px;
        background: url("/dateien/tpl/menu_btn.png") no-repeat left bottom;
        z-index: 1500;
    }
}form.kontaktformular .loading_icon { float:right; background:url(/dateien/ajax-loader.gif) no-repeat 1px; height:30px; width:30px; display:none; position:relative; }
form.kontaktformular .done { background: no-repeat 2px; padding-left:20px;font-size:12px; width:70%; margin:20px auto; display:none }
form.kontaktformular { padding:10px; width:360px; background:#e7e7e7; border:1px #c4c4c4 solid;}
form.kontaktformular label { width:110px; height:22px; margin-top:5px; display:block; float:left; }
form.kontaktformular .eingabe { width:248px; height:20px; margin-top:5px; border:1px #c4c4c4 solid; float:left; }
form.kontaktformular .checkbox { margin-top:5px; float:left; }
form.kontaktformular textarea { width:248px; height:98px; border:1px #c4c4c4 solid; margin-top:5px; font-family:arial; font-size:12px; float:left; } 
form.kontaktformular input.button { height: 23px; width: 112px; margin-top:10px;  margin-left: 240px; background:#FFF; border:1px #c4c4c4 solid; }
form.kontaktformular br { clear:both; }
form.kontaktformular textarea {resize:none;}
form.kontaktformular .fields_required_info { color:#888; }
input[type="text"],input[type="password"],textarea { 
    -webkit-appearance:none; /* schatten etc entfernen */ 
    -webkit-border-radius:0; /* runde ecken entfernen */
    -webkit-box-sizing: border-box; /* css-box modell umstellen */
}.tmbr-float img {  float:right; margin:0 0 10px 10px;}.tmbl-nofloat table { width:100%; border:0; }
.tmbl-nofloat table td.left { width:160px; text-align:left; vertical-align:top; }
.tmbl-nofloat table td.left { text-align:left; vertical-align:top; }.map { position: relative; width: 525px; height: 270px; border:1px solid #000; }

.route { color:#000; position: relative; width:527px; padding-bottom:30px; }

.quote-hilite { display:none; position: relative; width:511px; height:35px; padding:7px; background: #fff; border:1px solid #000; border-top:0px; }

.slideBtn { color:#fff; position:absolute; right:0; background:#000; width:120px; height:20px; vertical-align:center; text-align:center; padding-top:5px; cursor:pointer; }

form { margin: 0; padding: 0; }

form label {cursor: pointer; width:90px; height:22px; margin-top:5px; display:block; float:left; }

.ziel { float:left; width:300px; }

.inputbox { background: none repeat scroll 0 0 #fff; width:290px; border:1px solid #000; }

form button { background: none repeat scroll 0 0 #fff; border:1px solid #000; }

.inputbox:hover, .inputbox:focus { background: none repeat scroll 0 0 #E1EDF7; }