/*
Sticky Footer Solution
by Steve Hatcher
http://stever.ca
http://www.cssstickyfooter.com

http://paletton.com/#uid=63M0U0kbnBN33VV6XNag4tHkMot
http://paletton.com/#uid=53H0N0kbmBG32VS6VN5g3tEkLop
*/

/*
ToDo

border-radius prüfen, sollte überall 8px sein

*/

*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;}

/* Du musst margin auf 0 für alle Elemente setzen und immer padding statt margin
für vertikale Abstände (top und bottom) verwenden, anderenfalls werden diese margin-
Werte zur Gesamthöhe addiert und der Footer wird zu weit nach unten geschoben, was
vertikale Scrollbalken im Browser erzeugt. */

html, body, #wrap{height:100%;}

body > #wrap{height:auto; min-height:100%;}

@font-face {
    font-family: 'Open_Sans';
    font-display: swap;
    src: local('Open Sans'), local('OpenSans'), url('fonts/open_sans/regular.woff2') format('woff2'), url('fonts/open_sans/regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
   
}

nav, footer {
    display: block;
}

body{font-size:15px;line-height:22px;font-family:"Open_Sans","Verdana","Arial","Helvetica",sans-serif;color:#444444;background:#F9F9F9;}

#wrap{width:100%} /* IE8 hack to get it to apply margin auto centering to element inside this one */




/* CLEAR FIX */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size: 1px;}
.clearfix{display:inline-block}

/* Bereich nicht für IE-mac Anfang \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* Bereich nicht für IE-mac Ende */

/* CLEAR FIX */
.clf:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clf{display:inline-block}

/* Bereich nicht für IE-mac Anfang \*/
* html .clf{height:1%}
.clf{display:block}
/* Bereich nicht für IE-mac Ende */


/*a img{border:none}*/
a{text-decoration:underline;}
a:link{color:#0066ff;}
a:hover{color:#7A0A17;}
a:visited{color:#0066ff;}

p{margin:10px 0 5px 0}
span.strike{text-decoration:line-through}
form{margin:25px 0 5px 0}


/* Header */
#header{padding:5px 0 15px 0;height:240px;background:#476712 url("/bilder/webseite/logo-4b.jpg");background-size: cover;background-position:center center;}
#header #header_text{max-width:1240px;margin:0 auto;padding:0 10px 0 10px;height:110px;position:relative;}

/* Content Area */
#main{
padding-bottom:120px;/* Muss genau so hoch sein wie der Footer */
max-width:1240px;
margin:0 auto;
clear:both;
}
/*Für FLEX*/
#main{
display: box; /* 2009 */
display: flexbox; /* 2011 */
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display: flex; /* new */
box-orient: horizontal; /* 2009 */
box-orient: horizontal; /* 2011 */
flex-direction: row; /* new */
}

#content{max-width:100%;padding:30px 10px 25px 0;}

.sidebar2{float:right;width:302px;height:auto;}
.content_wrap2{margin-right:-320px;width:100%;float:left;}
.content2{max-width:100%;margin-right:320px;}

#content h1{font-size:1.5em;margin:0;line-height:1.1em;color:#406722;font-weight:normal;}
#content h2{font-size:1.2em;color:#6b8838;margin:15px 0 10px 0;}
#content h3{font-size:1.1em;}
#content h3, #content h4,#content h5{margin:15px 0 10px 0;color:#000;font-weight:bold;}
#content h4,#content h5{font-size:1.0em;}

/* Alles im Contentbereich links und rechts einrücken */
#content h1, #content h2, #content h3, #content h4, #content h5, #content iframe, #content .startseite_empfehlung, #content .hauptbild, #content .adresse, #content fieldset, #content hr, #content p, #content ul, #content .ukcount, #content .spr, #content blockquote, #content .framediv, #content #kalenderdiv, #content #gmapbox, #content .box, #content .ukbox, #content .thumbnail-line, #content .cont, #content .bg_cont, #content .bilderbox, #content .nzg, #content .box_filter, #content .box_option, #content .pagebar, #content #kalenderbox, #content address, #content .uk_umgebung{margin-left:10px;margin-right:10px;}

#content .adresse address{margin:0;}

#content .sidebar2 iframe{margin:0;}

#content ul,ol{margin:10px 0 10px 20px;padding-left:10px;}
#content li{line-height:20px;}

#content #iframepiwik{width:100%;border:1px solid #000}
#content #iframepiwik{background-color:#eee;}

/* Footer */
#footer{position:relative;margin-top:-120px; /*Negativer Wert der Footer-Höhe */clear:both;background-color:#444444;color:#ffffff;font-size:11px;height:120px;}
#footer a{color:#ffffff;text-decoration:underline;}
#footer a:hover{color:#804249;}
#footer a:visited{color:#ffffff;}
#foot{height:120px;max-width:1240px;margin:0 auto;line-height:1.1em;padding:45px 10px 0 10px;}

#sidebar,.sidebar{
padding:30px 0 25px 0;float:right;width:340px;}

#inner_wrap{padding-top:0;}

/* Für Ausrichtung per negativen Margin
Braucht der IE 9 und 10 */
#inner_wrap{
width: 100%;
padding-left:235px\9;
	margin-left:-230px\9;
	float: right;
}

/*Für FLEX*/
#inner_wrap{
-webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
-ms-flex-order: 2;              /* TWEENER - IE 10 */
-webkit-order: 2;               /* NEW - Chrome */
-webkit-order: 2;
order:2;
}

#content_wrap{margin-right:-340px;float:left;width:100%;}

/* navigation */
#navigation{width:230px;padding:30px 0 25px 10px;margin-right: 15px;}
/* Für Ausrichtung per negativen Margin*/
/*#navigation{float:left;}*/
/*Für FLEX*/
#navigation{
-webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
-ms-flex-order: 1;              /* TWEENER - IE 10 */
-webkit-order: 1;               /* NEW - Chrome */
order:1;
-webkit-flex: 0 0 230px;
-ms-flex: 0 0 230px;
flex: 0 0 230px;
}

#navigation ul{list-style:none;background-color: #fff;border:1px solid #D1D7DB;margin-bottom: 20px;}
#navigation ul.nav1, #navigation ul.nav2, #navigation ul.nav3, #navigation ul.nav4 {
	border: none;
	margin-bottom: 0;
	padding-left:5px;
}

#navigation li{margin:0 0 7px 0;display:block;}

#navigation ul.nav2{margin-left:10px;margin-top:5px;line-height:1.2em;}
#navigation ul.nav2 li{margin: 0 0 7px 0;color:#333;font-size:.92em;}
#navigation ul.nav2 li a{padding:0;}

#navigation ul.nav2inline{margin-left:10px;line-height:1.2em;}
#navigation ul.nav2inline li{display:inline;margin:0;color:#333;font-size:.85em;}
#navigation ul.nav2inline li span{display:none;}
#navigation ul.nav2inline li a{color:#333;padding:0;}
#navigation ul.nav2inline li:after{content:",";}
#navigation ul.nav2inline li:last-child:after{content:"";}

#navigation ul.nav3{margin-left:14px;margin-top: 5px;}
#navigation ul.nav4{margin-left:14px;margin-top: 5px;}
#navigation li > a{padding:3px 3px 3px 0;text-decoration:none;line-height:100%;}
#navigation li > a:hover{color:#000;}
#navigation .current a{background:#999;color:#fff;border-radius:5px;}

#navigation li > span{font-size:.8em;color:#666;}

#navigation .menu_button{display:none;}

#navigation ul strong{
	display:block;
	background-color: #6A822C;
	padding: 5px 2px 5px 5px;
	font-weight: normal;
	color:#fff;
}

img{
  max-width:100%;/*height: auto;*/}
img:not(.b-lazy){
  height:auto;}
img.b-loaded{
  height:auto;}

ins{
text-decoration:none;}

.footer_left{float:left;}
.footer_right{float:right;}

.hauptbild{margin-top:5px;float:left;max-width:50%;}

.logolink{float:left;max-width:45%;}
.logo{border:none;padding:0;border-radius:0;background:transparent;}

/* Float und Clear */
.f_left,.f_links{float:left;margin-right:10px; margin-bottom:10px;}
.f_right,.f_rechts{float:right;margin-left:10px; margin-bottom:10px;}
.c_left{clear:left;}
.c_right{clear:right;}

.headerautoc{position:relative;display:inline;}

.nowrap{white-space:nowrap;}
.label_200{float:left;width:150px;}
label.w140{float:left;width:140px;}
label.w180{float:left;width:180px;}
.txt_270_140{width:270px;height:140px;}
.social_header{position:absolute;height:60px;top:25px;right:15px}
.adbox1{padding-top:50px;}

span.error{color:#f00}
/*.errorbox{font-weight:700;color:red}*/
.msg{text-align:left;margin:10px;padding:10px}
.msg.fehler{background-color:#FCC;border:1px solid #f00}


.socialbox_detail{margin-left:10px;padding-top:10px;}

.cont,.cont_bg,.ukextra{background-color:#fff;}
.cont,.ukextra{border:1px solid #D1D7DB;}


/* Unterkünfte */
.ukliste img{float:left;margin:0px 15px 5px 0;background-color:#fff;border:none;padding:0;position:relative;max-width:100%;}
#content .ukliste h3{padding:0;margin:-4px 0 0 0;font-size:1em;font-weight:bold;}
#content .ukliste h3 a{color:#111;text-decoration:none;font-size: 11.5pt;}
#content .ukliste p{padding:0;margin:4px 0 5px 0;}
.ukliste{cursor: pointer;/*line-height:18px;*/position:relative;background-color:#fff;transition:border 0.2s ease-in-out 0s;margin: 0 0 12px 0;padding:10px;border:1px solid #D1D7DB;}
.ukliste:hover{border:1px solid #52822C;}
#content .ukliste .shortinfo {
    clear: left;
    padding: 3px;
    background-color: #B9D18F;
    margin-bottom: 0;
    margin-top: 14px;
    position: relative;
}
#content .ukliste .shortinfobox {
    width: 25%;
    display: inline-block;
    vertical-align: top;
}
#content .ukliste .preis {
    text-align: right;
    }

#content .uk_list_adress {
    display: inline-block;
}

.reg{color: #999;font-size: 0.9em;}

.mylink{z-index:2;position:relative;}

.highlight{background-color:#ebf1dd!important;}

.ukliste p.ukldetail{color:#666;margin-top:20px;}

.ukextra_outer{float:left;width:50%;min-width:245px;padding-right:10px;height:130px;}
.ukextra_outer:nth-child(2n){padding-right:0;}
.ukextra{font-size:0.9em;height:120px;line-height:1.3em;line-height:18px;position:relative;padding:5px;}
.ukextra img{float:left;margin:0px 10px 5px 0px;position:relative;max-width:40%;padding:0;background-color:#FFF;border:none;}

.imgbox{margin:0 15px 5px 0;float:left;height:125px;width:216px;max-width:50%;height:auto;}

.ukbreak{clear:left;}

/* UK-Liste Regionen im Umkreis*/
#content .umkreis_regionen {margin:0 10px 0 10px;padding:0;}
#content .umkreis_regionen li {display: inline-block;}
#content .umkreis_regionen li:after {content:"\00a0-\00a0";}
#content .umkreis_regionen li:last-child:after {content:"";}

.red{color:red;}
.gruen{color:#008000;}
.grey{color:#808080;}
.darkgreen{color:#01AD46 !important;}
.underline{text-decoration:underline;}
.i, .italic{font-style:italic;}

.box_filter, .box_option{border:1px solid #ebf1dd;background:#B9D18F;padding:5px;margin-top:10px;}

.order_option {
    float: right;
}


.reg {
    margin: 0;
    padding: 0;
}

.reg li {
    display: inline;
}

.reg li::after {
    content: "\00a0\2022\00a0";
}

.reg li:last-child::after {
    content: "";
}


#content .box_filter > p{margin-left:0;margin-right:0;}
#content .box_bew p{margin-left:0;margin-right:0;}
#content .box_bew ul{list-style-type: none;
margin: 0px;
padding: 0px;}
#content .box_bew ul li{border-top: 1px solid #c5c58b;
padding: 10px 0px;}

/* Werbeboxen */
.wbox,.wbox2,.wbox3,.wbox4,.box_bew,.wbox200,.wbox300{background-color:#ebf1dd;border:1px solid #B9D18F;padding:3px;margin:0 0 15px 0;position:relative;}

.gbox300{margin:0 0 15px 0;position:relative;text-align: right;}
.gbox300{width:300px;}
.wbox,.wbox2,.wbox3,.wbox4,.wbox200,.wbox300{width:300px;}
.unterkunft_eintragen{background-color:#AFBFDA;}
.wbox300 img{padding:3px;border:none;background-color:#fff;border-radius:0;}
#content .wbox300 p{margin-left:0;margin-right:0;}
.gad{border:1px solid #c5c58b;margin: 0 0 15px 0;}

.box_bew > img{float:left;margin-right:5px;}
.bew_label{font-size:0.9em;}

#content h2.detail{color:#000;}
#content h4.detail{margin:0;padding:0;}
.uk_detail_aussen{position:relative;
/*border:1px solid #fff;  fuer opera - sonst zucken */
margin-left:10px;
margin-right:10px;}
.uk_detail_innen_50{width:49%;float:left;}.uk_detail_aussen h3{margin:12px 0 6px 0;}
.uk_detail_aussen ul{margin:0;padding:0 0 10px 15px;list-style-type:circle;text-indent:0;line-height:1.3em;}
.uk_detail_aussen li.dlist{float:left;width:49%;}
.anfragelink_detail{text-decoration:none;border:1px solid #52822C;background-color:#7C9D42;padding:3px 6px 3px 6px;color:#edf7f7;}
a.anfragelink_detail{color:#edf7f7;white-space:nowrap;}
.float_rechts{position:relative;float:right;margin-left:10px;margin-bottom:10px;}
.float_rechts img{padding:3px;border:1px solid #c5c58b;margin-bottom:2px;}
#content ul.uk_umgebung{list-style:none;margin:0;}

img{padding:2px;border:1px solid #D1D7DB;background-color:#fff;}

img.borderfree{padding:0;border:none !important;background:none !important;}

hr{border:0;border-bottom:1px solid #355181;border-top:solid 1px #fff;padding-top:5px;margin-bottom:5px;clear:left;}

.map_anreise{padding:0 !important;width:auto;height:300px;margin-bottom:10px;}
.map_anreise img{border-radius:0 !important;padding:0 !important;border:none !important;margin:0 !important;}

.neuzugaenge ul{list-style:none;}
.nostyle{list-style:none;}

#content ul.detail_nav{
margin:0 10px 0 10px;padding:20px 0 0 0;list-style-type:none;}

#content ul.detail_nav li{
line-height:1.5em;}

#content li.anfrage{
padding-bottom:20px;}

#content li.portfolio{
padding-top:20px;}

/* Header-Suche */
#div{position:relative;}
#searchresult{position:absolute;top:25px;left:0;z-index:100;background-color:#fff;border:1px solid #000;list-style:none;font-size:12px;max-height:350px;overflow:auto;width:100%;max-width:300px;}
#searchresult li{cursor:pointer;line-height:38px;}
#searchresult li:not(.ligruppe):hover{background-color:#eee;}
#searchresult li.ligruppe{border-bottom:1px solid #aaa;font-weight: bold;cursor:inherit;}
#searchresult.hidden{display:none;}

/* Rating-Sterne */.sternebox{float:right;height:35px;position:relative;right:-6px;top:-6px;}.sterne{width:80px;height:16px;margin:5px 0 5px 0;padding:0;position:relative;background:url(/bilder/webseite/star-matrix.png) no-repeat 0 0;}.sternerating{width:85px;height:16px;margin:0;padding:0;position:relative;background:url(/bilder/webseite/star-matrix.png) no-repeat 0 0;}.star0{background-position:0 0}.star1{background-position:0 -16px}.star2{background-position:0 -32px}.star3{background-position:0 -48px}.star4{background-position:0 -64px}.star5{background-position:0 -80px}.sterne_count{font-size:9px;position:absolute;margin-top:12px;}





.box_ag_lm{margin:20px 0;text-align:center;color:#f93;}
.box_ag_lm a{color:#f93;}



.star_label_ges{padding-left:85px;margin:0 0 10px 0;width:110px;}
.star_box{width:240px;float:left;}
.star_label{padding-left:85px;margin:0;width:220px;}



/* Anfragelink */
.anfragelink{text-decoration:none;border:1px solid #52822C;background-color:#7C9D42;padding:3px 6px 3px 6px;color:#edf7f7;display: inline-block;}
a.anfragelink{color:#edf7f7;}



.flex{
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/* Hack IE 7, 8 und 9 */
/* achtung, wirkt auch bei 10 und 11 !*/
.flex{display:block\9;}
/* Hack IE 8 und 9 Ende */


/*.bilderbox img{padding:3px;background-color:#fff;}*/
.bold{font-weight:bold;}

#krumen{padding:0 10px 0 10px;font-size:0.8em;max-width:1240px;margin:0 auto 0 auto;}

/* Bildboxen */
dl.image{width:200px;float:left;clear:both;border:1px solid #ebedef;}
dl.left{float:left;text-align:center;margin:5px 15px 5px 10px;color:inherit;padding:2px 2px;width:210px;box-shadow:4px 4px 5px #999999;}
dl.left dt, dl.left dd{margin:0;padding:0;text-align:center;}
dl.right{float:right;text-align:left;margin:12px 10px 5px 15px;color:inherit;padding:2px 2px;box-shadow:4px 4px 5px #999999;}
dl.right dt, dl.right dd{margin:0;padding:0;text-align:center;}
dd{width:200px;line-height:12px;font-size:0.85em;}
dl span.cr{display:block;font-size:0.85em;color:#999;padding:0 3px;}

/* Imagebox */
.imagebox{padding:0;text-align:center;position:relative;line-height:12px;font-size:0.85em;}
.imagebox.left, .imagebox.right{margin:3px 10px 10px 10px;max-width:40%;}
.imagebox.left{float:left;}
.imagebox.right{float:right;}
.imagebox img{margin:0;}
.imagebox h6{font-size:0.85em;padding:0 3px;font-weight:normal;}
.imagebox .desc{display:block;color:#000;padding:0 3px;}
.imagebox span.cr, .imagebox small.cr{display:block;font-size:0.85em;color:#999;padding:0 3px;}
.imagebox span.cr a, .imagebox small.cr a{color:#999;}
.imagebox span.lupe{position:absolute;background-image:url('/bilder/webseite/magnifier.png');background-repeat:no-repeat;background-position:right center;top:140px;left:190px;width:10px;height:10px;}

figure, figcaption { display:block; clear:both;}
figcaption{font-size:0.85em;padding:0 3px;font-weight:normal;}

/* Lastminute */
.lastminute{cursor: pointer;/*padding:1em;*/margin-bottom:1.5em;transition:border 0.2s ease-in-out 0s;}
.lastminute:hover{border:1px solid #52822C;}
.lastminute h3{padding:0;margin:0;}
.lastminute img{float:left;margin:2px 10px 5px 0;position:relative;}

div.box{padding:10px;}

#content .box h3, #content .box h4, #content .box p{margin-left:0;margin-right:0;}


.bewertung{margin-bottom:10px;}
.bew_kommentar{border:1px solid rgb(204, 204, 204);background-color:rgb(238, 238, 238);margin-left:20px;margin-top:10px;margin-bottom:10px;padding:10px;}
.bew_info{clear:left;text-align:right;}

.t_right{text-align:right;}

/* Pagebar */
.pagebar{text-align:center;padding:20px 0 20px 0;margin:0px;}
.pagebar a, .pagebar a:visited{padding:1px 3px;text-decoration:none;display:block;height:100%;}
.pagebar .break{}
.pagebar a.prev-page, .pagebar a.next-page{font-weight:bold;}
.pagebar .this-page{padding:1px 3px;border-color:#999;font-weight:bold;display:block;background:#B9D18F;line-height:26px;}
.pagebar a:hover{background:#ebf1dd;border-color:#333;text-decoration:none;}
#content .pagebar ul{margin:0;padding:0;}
#content .pagebar ul li{display:inline-block;width:35px;height:30px;margin-right:3px;border:solid 1px #ddd;background:#fff;line-height:26px;}

a.itemtitle{color:#76be8b;}

/* Formularfelder */
input[type=submit]{margin:10px 0 0 0;width:140px;border:1px solid #B9D18F;background-color:#ebf1dd;}
input,textarea,select{font-size:1em;color:#333;border:1px solid #B9D18F;}
.input_50{width:50px;max-width:100%;}
.input_70{width:70px;max-width:100%;}
.input_80{width:80px;max-width:100%;}
.input_85{width:85px;max-width:100%;}
.input_90{width:90px;max-width:100%;}
.input_200{width:200px;max-width:100%;}
.input_270{width:270px;max-width:100%;}
.input_300{font-size:1em;width:300px;}
.txt_270_140{width:270px;height:140px;}
.txt_320_180{width:320px;height:180px;background:#FFF;}
.txt_300_180{width:300px;height:180px;background:#FFF;}
label.w120{float:left;width:120px;}
.label_120{float:left;width:140px;}
label.w140{float:left;width:140px;}
label.w150{float:left;width:150px;}
label.w160{float:left;width:160px;}
label.w170{float:left;width:170px;}
label.w260{float:left;width:260px;}

.pflicht{background-color:#ebf1dd !important}
fieldset{padding:10px;margin-bottom:10px;}
legend{padding:0 10px;font-weight:bold;}

#headersuche {margin-right: 100px;float:left;}
#headersuche input{height:1.7em;margin:0 0 10px 0;}
#headersuche .submit{background-color:#c5c58b;}
#headersuche .suchdiv{width:86px;max-width:100%;height:26px;background-color:#fafaf5;border:1px solid #c5c58b;display:inline-block;cursor:text;margin-bottom:-7px;line-height:25px;}



.map_anreise {
    width: auto;
    height: 350px;
    margin-bottom: 10px;
}
.map_anreise img {background-color: transparent;}

/* Weitere Regionen Orte etc */
.weitere_liste{width:50%;float:left;}


/* Bewertungsformular Anfang */
.ratingform{width:80px;height:16px;/*margin:0;padding:0;clear:both;*/position:relative;background:url(/bilder/webseite/star-matrix.png) no-repeat 0 0;}
/*
.nostar{background-position:0 0}
.onestar{background-position:0 -16px}
.twostar{background-position:0 -32px}
.threestar{background-position:0 -48px}
.fourstar{background-position:0 -64px}
.fivestar{background-position:0 -80px}
*/

div .ratingform div{float:left;}
div .ratingform div a{position:absolute;left:0;top:0;width:16px;height:16px;text-decoration:none;z-index:200;}

div .ratingform div.s1 a{left:0}
div .ratingform div.s2 a{left:16px;}
div .ratingform div.s3 a{left:32px;}
div .ratingform div.s4 a{left:48px;}
div .ratingform div.s5 a{left:64px;}
div .ratingform div a:hover{z-index:2;width:80px;height:16px;overflow:hidden;left:0;background:url(/bilder/webseite/star-matrix.png) no-repeat 0 0}
div .ratingform div.s1 a:hover{background-position:0 -96px;}
div .ratingform div.s2 a:hover{background-position:0 -112px;}
div .ratingform div.s3 a:hover{background-position:0 -128px}
div .ratingform div.s4 a:hover{background-position:0 -144px}
div .ratingform div.s5 a:hover{background-position:0 -160px}

div.rating-cancel{float:left;margin-right:5px;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel a{background:url(/bilder/webseite/delete.gif) no-repeat 0 0;display:block;width:16px;height:100%;border:0;}
div.rating-cancel a:hover{background-position:0 -16px;}

.bw_select_hide{display:none;}
/* Bewertungsformular Ende */


.javascript-enabled #suche{display:none;}

/* Bildergalerie */
.foto_box{text-align:center;padding-bottom:4px;margin-top:5px;}
.foto_box_thumb{float:left;margin:0px 5px 5px 0;padding-top:6px;width:176px;height:164px;text-align:center;}
.foto_box_thumb span{display:block;margin:0px 5px 0 5px;}
.foto_box_thumb img{padding:2px;}

/* Google Map und InfoWindow */
#gmapbox{position:relative;margin-top:10px;}
#mapclickstop{position:absolute;z-index:999;width:100%;height:100%;}
#mapdiv{padding:0;text-align:center;height:180px}
#mapdiv img{background-color:transparent;padding:0;border:none;border-radius:0 !important;}
#mapdiv.gmaplarge{height:400px}
#gmapbox .mapcontrolbutton{z-index:1000;width:100px;height:19px;background-color:#7794D5;border:1px solid #000;cursor:pointer;text-align:center;}
#gmapbox .controlbuttontext{font-family:'Arial',sans-serif;font-size:12px;color:#fff;}
.leaflet-popup-content{width:300px;height:140px;font-size:10px;line-height:12px;text-align:left;}
.leaflet-popup-content img{float:left;margin:12px 5px 0 0;}
.leaflet-popup-content a{color:red;}
.giwtab{border-right:1px solid black;text-align:center;padding:3px 7px;}
.off{font-size:10px;background-color:#dddddd;border-bottom:1px solid black;cursor:pointer;}
.on{font-size:11px;font-weight:bold;}
.processimg{margin:auto auto;text-align:center;width:150px;}

/* Slideshow */
#slideshow{width:308px;}
#slideshow img{margin:0 auto;display:block;border-radius:15px;}
#thumbbox{text-align:center;padding-top:10px;}
.be_slide_1{font-size:0;margin:0;padding:0;text-align:center;position:absolute;left:0;top:0;background-color:#edf7f7;}
.be_slide_img{max-height:225px;max-width:300px;}
.slidediv{font-size:0;margin:0;padding:0;text-align:right;position:absolute;left:0;top:0;background-color:#fff;}
.slidediv img{max-height:225px;max-width:300px;}
.fader{position:relative;display:inline-block;}

/* Neuzugänge */
.nzg{padding:5px;}
.nzg img{float:left;padding:2px;margin:0px 10px 5px 0;}

/* LM-Logo */
.lm_button{background:url("/bilder/webseite/web20-logo-3-blank-w50.jpg") no-repeat;width:50px;height:50px;padding-top:14px;text-align:center;font-weight:bold;color:#008000;float:right;margin:0;}
.lm_button_bg{background:url("/bilder/webseite/web20-logo-3-blank-w50-bg-farbig.jpg") no-repeat;width:50px;height:50px;padding-top:14px;text-align:center;font-weight:bold;color:#008000;float:right;margin:0;}

#iframepiwik{border:1px solid #000;background-color:#eee;width:550px;height:200px;}

/* Breadcrumb */
.breadcrumb{display:block;list-style:outside none none;margin:0;}
.breadcrumb li{display:inline-block;}
.breadcrumb li:after{content:"\00a0\00203A\00a0";display:inline-block;color:#333;}
.breadcrumb li:last-child:after{content:"";}

/* Preise */
.spr div.timeline{  float:left; position:relative;border:none; }
.spr div.timeline:hover{ background-color:#eee;}
.spr div.timeline span{ display:none; }
.spr div.timeline:hover span{display:block;position:absolute;top:20px;left:0;width:110px;z-index:100;color:#2f2f2f;padding:2px 10px;background-color:#ebebeb;text-align:left;border-color:#780303;border-style:solid;border-width:1px 4px;font-weight:normal;}
.spr table{font:12px Verdana,Arial,Helvetica,sans-serif;}
.spr table{color:#333;margin:8px 0 0 0;border:0px solid #555;border-collapse:collapse;}
.spr table.color1,div.color1{background-color:#fff8dc;}
.spr table.color2,div.color2{background-color:#f5f5dc;}
.spr table.color3,div.color3{background-color:#ffebcd;}
.spr table.color4,div.color4{background-color:#fffff0;}
.spr table.color5,div.color5{background-color:#f0fff0;}
.spr table.color6,div.color6{background-color:#faf0e6;}
.spr table.color7,div.color7{background-color:#f0f8ff;}
.spr table.color8,div.color8{background-color:#f0ffff;}
.spr table.color9,div.color9{background-color:#ffffe0;}
.spr table.color10,div.color10{background-color:#f5fffa;}
.spr table.color11,div.color11{background-color:#fdf5e6;}
.spr table.color12,div.color12{background-color:#fff5ee;}
.spr .cl_color1{background-color:#BCAA61;}
.spr .cl_color2{background-color:#898989;}
.spr .cl_color3{background-color:#B88F54;}
.spr .cl_color4{background-color:#C4C46C;}
.spr .cl_color5{background-color:#6DC26D;}
.spr .cl_color6{background-color:#D8B089;}
.spr .cl_color7{background-color:#6C9AC4;}
.spr .cl_color8{background-color:#6CC4C4;}
.spr .cl_color9{background-color:#BDBD62;}
.spr .cl_color10{background-color:#9A9187;}
.spr .cl_color11{background-color:#AE9A75;}
.spr .cl_color12{background-color:#C48E6A;}
.spr td.color1{color:#BCAA61;}
.spr td.color2{color:#898989;}
.spr td.color3{color:#B88F54;}
.spr td.color4{color:#C4C46C;}
.spr td.color5{color:#6DC26D;}
.spr td.color6{color:#D8B089;}
.spr td.color7{color:#6C9AC4;}
.spr td.color8{color:#6CC4C4;}
.spr td.color9{color:#BDBD62;}
.spr td.color10{color:#9A9187;}
.spr td.color11{color:#AE9A75;}
.spr td.color12{color:#C48E6A;}
.spr td{border:0px solid #666;}
.spr td.txt_saison{width:160px;font-weight:bold;padding-left:3px;}
.spr td.txt_mindestaufenthalt{width:235px;}
.spr td.txt_jede_weitere{/*width:75px;*/text-align:right;}
.spr td.txt_belegung{width:70px;text-align:right;padding-right:3px;}
.spr td.val_zeitraum{width:139px;padding-left:1px;}
.spr td.val_zeitraum_empty{width:139px;padding-left:3px;}
.spr td.img_spacer_del_zeitraum{width:21px;text-align:left;}
.spr td.txt_staffelung{width:110px;}
.spr td.txt_preis{width:165px;text-align:right;}
.spr td.txt_person{width:55px;text-align:right;}
.spr td.txt_maximal{width:70px;text-align:right;padding-right:3px;}
.spr td.val_staffelung{width:110px;}
.spr td.val_preis{width:70px;text-align:right;}
.spr td.txt_fuer{width:30px;text-align:right;}
.spr td.val_personen{width:25px;text-align:right;padding-right:3px;}
.spr td.txt_pers{width:37px;text-align:left;}
.spr td.val_person{width:58px;text-align:right;}
.spr td.val_maximal{width:70px;text-align:right;padding-right:3px;}
.spr td.txt_zimmertyp{text-align:right;}
.spr td.txt_aufenthaltsdauer{width:110px;}
.spr td.right{text-align:right;}
.spr td.center{text-align:center;}
.spr td.color_line{width:2px;}
.spr td.borderfree{ border:none; }
.spr .zeitblock{border-left:1px dotted #999;color:#999;float:left;text-align:center;font-size:0.8em;}
.zeitblock.d27{width:28px;}
.zeitblock.d28{width:29px;}
.zeitblock.d29{width:30px;}
.zeitblock.d30{width:31px;}


/* Thumbnails */
.thumbnail{float:left;padding:10px 0 5px 0;width:50%;border:1px solid #F9F9F9;text-align:center;}
#content .thumbnail h3{margin:2px 0 5px 0;line-height:1.2em;font-size:1em;}
.thumbnail img{margin:0 0 5px 0;}
.thumbnail .desc{display:block;margin:0 10px 0 10px;color:#000;}
.thumbnail-line{border-bottom:0px solid #666;}
.thumbnail:hover{background-color:#ddd;border:1px solid #bbb;}

.thumbnail .desc,.desc:link,.desc:visited,.desc:active{color:#616161;text-decoration:none;}
.thumbnail .desc:hover{background:transparent;z-index:100;}
.thumbnail .desc span{display:none;text-decoration:none;}
.thumbnail .desc:hover span{display:inline;position:relative;z-index:100;color:#2f2f2f;text-align:center;border-color:#c5c58b;border-style:solid;border-width:0px;font-weight:normal;}



#to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    color:#fff;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.5s ease;
    opacity:0;
    z-index: 99;
}

#to-top:hover
{
	color:#fff;
	cursor:pointer;
}

.to-top-arrow {
    font-size: 35px;
    position: relative;
    left: 8px;
    top: -3px;
    line-height: 50px;
}

#to-top.fadein
{
    opacity:1;
}

#to-top.fadeout
{
	opacity:0;
}



/* Slideshow BBS */
.bss-box{width:300px;}

.bss-slides{
  position: relative;
  display: block;
}
.bss-slides:focus{
 outline: 0;
}
.bss-slides figure{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  max-height: 100%;
	height: 100%;
}
.bss-slides figure:first-child{
  position: relative;
}
.bss-slides figure img{
  opacity: 0;
  -webkit-transition: opacity 1.2s;
  transition: opacity 1.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  max-height: 100%; /*neu*/
}
.bss-slides .bss-show{
  z-index: 2;
}
.bss-slides .bss-show img{
  opacity: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
}

.bss-slides figcaption{
  position: absolute;
  font-family: sans-serif;
  font-size: .8em;
  bottom: .75em;
  right: .35em;
  padding: .25em;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .25);
  border-radius: 2px;
  opacity: 0;
  -webkit-transition: opacity 1.2s;
  transition: opacity 1.2s;
}
.bss-slides .bss-show figcaption{
  z-index: 3;
  opacity: 1;
}
.bss-slides figcaption a{
  color: #fff;
}



/* Leaflet */

/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
	max-width: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	     -o-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	     -o-transition:      -o-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(/addons/leaflet-osm/images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(/addons/leaflet-osm/images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path {
	background-image: url(/addons/leaflet-osm/images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}










.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}








.marker-cluster-small {
	background-color: rgba(181, 226, 140, 0.6);
	}
.marker-cluster-small div {
	background-color: rgba(110, 204, 57, 0.6);
	}

.marker-cluster-medium {
	background-color: rgba(241, 211, 87, 0.6);
	}
.marker-cluster-medium div {
	background-color: rgba(240, 194, 12, 0.6);
	}

.marker-cluster-large {
	background-color: rgba(253, 156, 115, 0.6);
	}
.marker-cluster-large div {
	background-color: rgba(241, 128, 23, 0.6);
	}

	/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: rgb(181, 226, 140);
	}
.leaflet-oldie .marker-cluster-small div {
	background-color: rgb(110, 204, 57);
	}

.leaflet-oldie .marker-cluster-medium {
	background-color: rgb(241, 211, 87);
	}
.leaflet-oldie .marker-cluster-medium div {
	background-color: rgb(240, 194, 12);
	}

.leaflet-oldie .marker-cluster-large {
	background-color: rgb(253, 156, 115);
	}
.leaflet-oldie .marker-cluster-large div {
	background-color: rgb(241, 128, 23);
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	}
.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;

	text-align: center;
	border-radius: 15px;
	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
.marker-cluster span {
	line-height: 30px;
	}

.marker-cluster {
  opacity: 1 !important
}

.active-cluster-element {
  opacity: 0.2;
}

/* Leaflet */



/* 3-Spalten-Layout beibehalten, Sidebar verkleinern */
@media screen and (max-width:1200px)
{
	#sidebar{width:200px;}
	.sidebar2{width:200px;}
	#navigation{width:190px;
	-webkit-flex: 0 0 190px;
	-ms-flex: 0 0 190px;
	flex: 0 0 190px;
	}

	#content_wrap{margin-right:-210px;}
	.content2{margin-right:210px;}
	.wbox, .wbox2, .wbox3, .wbox4, .wbox200, .wbox300{width:200px;}
}

/* 2 Spalten, Navi und Content, Sidebar einrücken */
@media screen and (max-width:1023px)
{
	#content,.content2{margin-right:0;}
	#navigation li{margin:0 0 9px 0;}
	.sidebar2{float:none;clear:both;margin:0;padding-top:0;padding-bottom:0;width:100%;}
	.sidebar2{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;flex-direction: row; flex-wrap:wrap; flex-flow:row wrap;}
	.content_wrap2{border-left: none;}

	.wb1{order:3;}
	.wb2{order:2;}
	.wbox300{width:50%;}
	.g1{width:100%;}
	.box_bew{width:auto;margin-right:10px;margin-left:10px;}
	.gbox300{width:100%;margin-right:10px;margin-left:10px;}
	#content .box_bew ul li{display:inline-block;width:50%;vertical-align: top;padding:6px;}

}

/* 1 Spalten */
@media screen and (max-width:767px){

	/*.nomobile{display:none;}*/
	.regio{display:none;}
	#content{padding:30px 0 25px 0;}

	#main {
	box-orient: vertical; /* 2009 */
	box-orient: vertical; /* 2011 */
	flex-direction: column;
	}

	#inner_wrap{padding-left:0;padding-top: 0;}
	/*Für FLEX hier ändern*/
	#inner_wrap {
    float: none;
    margin-left: 0;
    width: 100%;
	}

	#sidebar{margin-left:0;}

	#navigation .menu_button{display:inline;font-size:1.3em;text-align:right;color:#000;text-decoration:none;}
	#navigation .menu_button:hover{color:#58cbdb;text-decoration:none;}
	#navigation {float:none;clear:both;width: 100%;-webkit-flex:none;-ms-flex:none;flex:none;top:150px;}
	#navigation #nav{display:none;list-style:none;margin-right:0;padding-left:0;margin-bottom:0;}
	#navigation #nav.expanded{display:block;}
	#navigation li{display:block;border-right:1px solid #565656;margin: 0;}
	#navigation li strong{padding:0 20px;line-height:33px;}

	#navigation li.spacer{display:none;}
	#navigation li > a{	display:block;	/*height:30px;*/}
	.notab{display:none !important;}
	#navigation ul{	display:inline-block;/*background-color:#e4e4c9;*/}

	#navigation ul li.hauptpunkte ul.nav1{	display:none;	position:absolute;	background-color:#eee;	z-index:99;	max-height:250px;	/*overflow:scroll;*/	overflow:auto;	-webkit-overflow-scrolling:touch;}
	#navigation ul li.hauptpunkte ul.expanded{	display:block;}
	#navigation ul li.hauptpunkte ul li{	margin:0;	font-size:12px;}
	#navigation ul li.hauptpunkte ul li span{	display:none;}
	#navigation ul li.hauptpunkte ul li a{	color:#000;	line-height:33px;	padding:0 15px;	border-top:1px solid #ddd;}

	.wbox300{margin-left:10px;margin-right:10px;}

	.gad{margin:10px 0;padding:10px ;border-top:1px dashed #97979f;border-bottom:1px dashed #97979f;}
	.gad:before{content:"Werbung:";color:#97979f;margin-left:10px;font-size:0.9em;}

	.footer_left{float:none;}
	.footer_right{float:none;}

	.content_wrap2 {float:none;margin:0;}
}

/* 1 Spalte */
@media screen and (max-width:600px)
{
	/*#content,.content2{margin-right:0;}*/

	.box1{	-webkit-order:2;	-moz-order:2;	-ms-order:2;	order:2;	padding-top:20px;	padding-bottom:20px;}
	.adbox1{	-webkit-order:1;	-moz-order:1;	-ms-order:1;	order:1;	padding-top:20px;	padding-bottom:20px;}
	.wbox300{width:100%;}

	#content .ukliste .shortinfobox {
    width: 33%;
	}

	#content .ukliste .nosmart {
    display:none;
	}

	#headersuche {
    margin: 0;
	}
}

@media screen and (max-width:540px)
{
	.ukextra {
    	height: auto;
    	}

    .ukextra_outer {
    	float: none;
    	width: auto;
    	padding-right: 0;
    	height: auto;
    	padding-bottom: 15px;
	}
}

/* iphone landscape */
@media screen and (max-width:480px)
{
	/*#header{height:140px;}*/

	#headersuchform {
    margin: 0;
    text-align: center;
	}

	#main{padding-left:0;padding-right:0;}
	#navigation .menu_button{display:inline;font-size:1.3em;text-align:right;color:#000;text-decoration:none;}
	#navigation .menu_button:hover{color:#58cbdb;text-decoration:none;}
	#navigation #nav{display:none;list-style:none;margin-right:0;padding-left:0;margin-bottom:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}


	#navigation #nav.expanded{display:block;display:-webkit-flex;display:-ms-flex;display:flex;}
	#navigation{padding:20px;/*text-align:center;*/}
	#navigation ul{/*display:block;*/margin-bottom: 10px;}
	#navigation strong{color:#000;line-height:33px;}
	#navigation li{display:block;vertical-align:bottom;/*background-color:#e4e4c9;*/border-right:none;}
	#navigation #arten{-webkit-order:1;	/*-moz-order:1;*/	-ms-order:1;	order:1;	}
	#navigation #laender{-webkit-order:1;	/*-moz-order:1;*/	-ms-order:1;	order:1;	}
	#navigation #bundeslaender{-webkit-order:1;	/*-moz-order:1;*/	-ms-order:1;	order:1;	}
	#navigation #regionen{-webkit-order:2;	/*moz-order:2;*/	-ms-order:2;	order:2;	}
	#navigation #orte{-webkit-order:3;	/*-moz-order:3;*/	-ms-order:3;	order:3;	}
	#navigation #themen{-webkit-order:3;	/*-moz-order:3;*/	-ms-order:3;	order:3;	}
	#navigation li a{display:block;padding:10px 0 10px 20px;font-size:.9em;color:#000;text-decoration:underline;}
	#navigation li > span{display:none;}
	#navigation ul li.hauptpunkte ul.nav1{	position:relative;}
	.sidebar2{width:100%;}
	/*.nomobile{display:none !important;}*/
	#content .ukdetailnav li{line-height:2em;}

	.featured_links_regionen{float:none;height:auto;width:auto;}
	.reg_left{margin:0 0 4px 0;}
	.uk_detail_aussen{
	border:none;}
	.uk_detail_innen_50{
	width:100%;float:none;}

	#gmapbox{display:none;}

	/*ehemals aus 1200px*/
	.spr table{width:100%;}
	.spr td{display:inline-block;}
	.spr td.val_zeitraum{display:block;padding-bottom:10px;font-weight: bold;}
	.spr td.txt_jede_weitere{display:none;}
	.spr td.txt_belegung{display:none;}
	.spr td.color_line{display:none;}
	.spr td.saisonname{width:189px;padding-left:3px;}
	.spr td.val_zeitraum_empty{display:none;}
	.spr td.val_staffelung{padding-left:3px;}
	.spr td.txt_person:before{content: attr(data-label) " ";}
	.spr td.txt_maximal:before{content: attr(data-label) " ";}
	.spr td.txt_zimmertyp{width:180px;padding-left:3px;}
	.spr tr.empty_col{display:none;}
	.spr td.txt_mindestaufenthalt{width:auto;}
	.spr td.val_person_empty{width:180px;}


	.spr td.txt_saisonname{width:100%;background-color: #e4e4c9;}
	.spr td.txt_mindestaufenthalt{text-align:right;display:block;width:100%;}
	.spr td.val_staffelung{display:block;padding-top:5px;}
	.spr td.val_preis{width:auto;padding-left:15px;text-align:left;}
	/*.spr td.val_preis:before{content: attr(data-label) " ";}*/
	.spr td.css_pro_Nacht:before{content:"Preis pro Nacht: ";}
	.spr td.css_pro_Woche:before{content:"Preis pro Woche: ";}
	.spr td.css_pro_Monat:before{content:"Preis pro Monat: ";}
	.spr td.val_person{width:auto;display:block;padding-left:15px;text-align:left;}
	.spr td.val_person:before{content:"jede weitere Person: ";}
	.spr td.val_maximal{width:100%;padding-left:15px;text-align:left;}
	.spr td.val_maximal:before{content:"Belegung maximal: ";}
	.spr td.txt_preis{display:none;}
	.spr td.txt_person{display:none;}
	.spr td.txt_maximal{display:none;}
	.spr td.txt_zimmertyp{width:100%;display:block;text-align:left;padding-top:5px;}
	.spr td.txt_fuer{width:auto;padding-left:4px;}
	.spr td.val_personen{width:auto;padding-left:4px;padding-right:0;}
	.spr td.txt_pers{width:auto;padding-left:4px;}
	.spr td.empty_cell{display:none;}

	.spr table.color1,div.color1{background-color:#fafaf5;}
	.spr table.color2,div.color2{background-color:#fafaf5;}
	.spr table.color3,div.color3{background-color:#fafaf5;}
	.spr table.color4,div.color4{background-color:#fafaf5;}
	.spr table.color5,div.color5{background-color:#fafaf5;}
	.spr table.color6,div.color6{background-color:#fafaf5;}
	.spr table.color7,div.color7{background-color:#fafaf5;}
	.spr table.color8,div.color8{background-color:#fafaf5;}
	.spr table.color9,div.color9{background-color:#fafaf5;}
	.spr table.color10,div.color10{background-color:#fafaf5;}
	.spr table.color11,div.color11{background-color:#fafaf5;}
	.spr table.color12,div.color12{background-color:#fafaf5;}

	#content .box_bew ul li {
    display: block;
    width: 100%;
    vertical-align: top;
    padding: 6px;
	}

	#content .ukliste h3 {
    display: inline;
	}


	#content .ukliste .shortinfobox {
    width: 100%;
	}

	#content .ukliste .nosmart {
    display:none;
	}

	#content .ukliste .preis {
    position: absolute;
    /*bottom: 32px;*/
    top: 0;
	right: 14px;
	}

	.order_option {
    float: none;
    margin-left: 0;
	}

	.count_option {display: block;}
}

@media screen and (max-width:420px)
{
	.hauptbild{float:none;max-width: none;}
	.bss-box{width: auto;}

	#header {
    height: 180px;
	}

	.ukliste img {
	border: none;
	padding: 0;
	}

	.imgbox.imgbox_portrait {
    		height: 225px;
    		overflow: hidden;
	}
	
	.lastminute img{float:none;}

	.ukliste img.img_portrait {

    position: relative;
    top: 50%;
    transform: translateY(-50%);
	}




	.thumbnail{float:none;width:100%;}

	.ukliste {
    padding: 5px;
    }

    #content .ukliste .preis {
    position: absolute;
    /*bottom: 27px;*/
    top: 0;
	right: 9px;
	}

	#content .ukliste .sternebox {
    float: none;
    }

	#content .ukliste .uk_list_adress {
    display: block;
	}

	.anfragelink {
    margin-top: 5px;
    display: inline-block;
	}

	.reg {
    font-size: 0.79em;
	}

	.imgbox{margin:0 0 5px 0;/*max-width:45%;*/max-width:100%;width:100%;float:none;}

	.ukliste img {width: 100%;height: auto;}

	.nosmart{display:none !important;}

	/* Weitere Regionen Orte etc */
	.weitere_liste{width:100%;float:none;}
}



/* iphone portrait */
@media screen and (max-width:320px)
{
	.nzg img {
		width: 100%;
	}

	#content ul{margin:10px 5px 10px 20px;}
	.sidebar2{width:100%;margin:0;}

}


@media
/* WebKit based browsers (Chrome, Safari, latest Opera) */
only screen and (-webkit-min-device-pixel-ratio:1.5),
/* Older Firefox browsers (prior to Firefox 16) */
only screen and (-moz-device-pixel-ratio:2),
/* Opera Mini & Opera Mobile */
only screen and (-o-min-device-pixel-ratio:3/2),
/* Kindle Fire, Kindle HD */
only screen and (min-device-pixel-ratio:1.5),
/* The standard way:dots-per-physical-inch 1.5 */
only screen and (min-resolution:1.5dppx),
/* dppx-Fallback:dots-per-CSS-inch 144.00*/
only screen and (min-resolution:192dpi)
{
}



/* Datepicker CSS */
.kalenderdiv {
position:absolute;
width:400px;
z-index:200;
}

.kalleft{right:0;top:20px;}
.kalright{left:0;top:20px;}
.kalcenter{width:100%;}
.kaldivone{width:270px !important;}

.kalposrel{position:relative;}
.kalpossta{position:static;}

#datepicker {
font-family: "Lucida Grande", "Trebuchet MS", "Tahoma", "Helvetica", "Arial", sans-serif;
font-size: 0.8em;
width: 100%;
margin: 0 auto;
padding: 5px;
/*width: 480px;*/
text-align: center;
background-color: #fff;
position: relative;
}

#datepicker div.kalendermonat {
float: left;
margin: 0px 2px 2px 0px;
padding: 0;
line-height: 25px;
background-color: #EEEEEE;
border: 1px solid #555555;
/*position: relative;*/
}

#datepicker table,#datepicker td{
border: none;
padding: 0;
margin: 0;
}

#datepicker table {
font-size: 11px;
font-weight: normal;
color: #333333;
background: #ffffff;
}


#datepicker td {
width: 25px;
height: 25px;
}

#datepicker .we{
background-color: #EEEEEE;
color: #666666;
}

#datepicker .wo{
background-color: #bbbbbb;
color: #666666;
}

#datepicker .we.nohover{
background-color: #EEEEEE;
color: #999;
text-decoration: line-through;
}

#datepicker .wo.nohover{
background-color: #bbbbbb;
color: #999;
text-decoration: line-through;
}

#datepicker .we:hover, #datepicker .wo:hover {
background: #3366CC;
color: #ffffff;
}

#datepicker .we.nohover:hover {
background-color: #EEEEEE;
color: #999;
}

#datepicker .wo.nohover:hover {
background-color: #bbbbbb;
color: #999;
}

#datepicker td.s1, #legende td.s1{background-color:#95dc94;}
#datepicker td.s2, #legende td.s2{background-color:#FF8080;}
#datepicker td.s3, #legende td.s3{background-color:#FFFF80;}
#datepicker td.s4, #legende td.s4{background-color:#777777;}
#datepicker td.bg {background: url('/bilder/webseite/belegungskalender/belegungskalender-sprite-25px.png') no-repeat top left;}

#datepicker .s22{background-position: 0 0 ! important;}
#datepicker .s21{background-position: 0 -30px ! important;}
#datepicker .s24{background-position: 0 -60px ! important;}
#datepicker .s23{background-position: 0 -90px ! important;}
#datepicker .s12{background-position: 0 -120px ! important;}
#datepicker .s14{background-position: 0 -150px ! important;}
#datepicker .s13{background-position: 0 -180px ! important;}
#datepicker .s42{background-position: 0 -210px ! important;}
#datepicker .s41{background-position: 0 -240px ! important;}
#datepicker .s44{background-position: 0 -270px ! important;}
#datepicker .s43{background-position: 0 -300px ! important;}
#datepicker .s32{background-position: 0 -330px ! important;}
#datepicker .s31{background-position: 0 -360px ! important;}
#datepicker .s34{background-position: 0 -390px ! important;}
#datepicker .s33{background-position: 0 -420px ! important;}

#datepicker a:hover {
color: #ffffff;
}

#datepicker .monat_jahr{
color: #3366CC;
}

#datepicker a {
text-decoration: none;
color: #666666;
}

#datepicker td a {
display: block;
width: 100%;
}

#datepicker .nav a {
padding: 4px;
font-weight: bold;
}

#datepicker .nav a:hover {
color: #3366CC;
}

#datepicker #datepickerclose {
position:absolute;
top:5px;
right:5px;
}

#datepicker #datepickerclose > a, #datepicker #datepickerclose > a:hover {
color: #FF0000;
}





@media screen and (max-width: 1200px) {
	/*
	.kalenderdiv {
 	   width: 480px;
	}

	#datepicker .nav {padding-bottom: 10px;font-size: 1.3em;}

	#datepicker td {
		width: 30px;
		height: 30px;
		}
	#datepicker td.bg {background: url('/bilder/webseite/belegungskalender/belegungskalender-sprite-30px.png') no-repeat top left;}
	#datepicker .s22{background-position: 0 0 ! important;}
	#datepicker .s21{background-position: 0 -35px ! important;}
	#datepicker .s24{background-position: 0 -70px ! important;}
	#datepicker .s23{background-position: 0 -105px ! important;}
	#datepicker .s12{background-position: 0 -140px ! important;}
	#datepicker .s14{background-position: 0 -175px ! important;}
	#datepicker .s13{background-position: 0 -210px ! important;}
	#datepicker .s42{background-position: 0 -245px ! important;}
	#datepicker .s41{background-position: 0 -280px ! important;}
	#datepicker .s44{background-position: 0 -315px ! important;}
	#datepicker .s43{background-position: 0 -350px ! important;}
	#datepicker .s32{background-position: 0 -385px ! important;}
	#datepicker .s31{background-position: 0 -420px ! important;}
	#datepicker .s34{background-position: 0 -455px ! important;}
	#datepicker .s33{background-position: 0 -490px ! important;}
	*/

	.kalenderdiv {
	width:540px;
	}

	#datepicker .nav {padding-bottom: 10px;font-size: 1.3em;}

	#datepicker td {
		width: 35px;
		height: 35px;
		}

	#datepicker td.bg {background: url('/bilder/webseite/belegungskalender/belegungskalender-sprite-35px.png') no-repeat top left;}
	#datepicker .s22{background-position: 0 0 ! important;}
	#datepicker .s21{background-position: 0 -40px ! important;}
	#datepicker .s24{background-position: 0 -80px ! important;}
	#datepicker .s23{background-position: 0 -120px ! important;}
	#datepicker .s12{background-position: 0 -160px ! important;}
	#datepicker .s14{background-position: 0 -200px ! important;}
	#datepicker .s13{background-position: 0 -240px ! important;}
	#datepicker .s42{background-position: 0 -280px ! important;}
	#datepicker .s41{background-position: 0 -320px ! important;}
	#datepicker .s44{background-position: 0 -360px ! important;}
	#datepicker .s43{background-position: 0 -400px ! important;}
	#datepicker .s32{background-position: 0 -440px ! important;}
	#datepicker .s31{background-position: 0 -480px ! important;}
	#datepicker .s34{background-position: 0 -520px ! important;}
	#datepicker .s33{background-position: 0 -560px ! important;}
}

/* 2 column (ehemals 760) */
@media screen and (max-width: 767px) {
	#datepicker .nav {padding-bottom: 10px;font-size: 1.3em;}
}