/* --- Stylesheet 2729 () --------- */
/*! normalize.css v2.1.3 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block;}
audio,canvas,video{display: inline-block;}
audio:not([controls]){display: none;height: 0;}
[hidden],template { display: none; }
html{font-family: sans-serif;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body{margin: 0;}
a{background: transparent;}
a:focus{outline: thin dotted;}
a:active,a:hover{outline: 0;}
h1{font-size: 2em; margin: 0.67em 0;}
abbr[title]{border-bottom: 1px dotted;}
b,strong{font-weight: bold;}
dfn{font-style: italic;}
hr{-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
mark{background:#ff0;color:#000;}
code,kbd,pre,samp{font-family: monospace, serif;font-size: 1em;}
pre{white-space: pre-wrap;}
q{quotes: "\201C" "\201D" "\2018" "\2019";}
small{font-size: 80%;}
sub,sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
img{border: 0;}
svg:not(:root){overflow: hidden;}
figure{margin: 0;}
fieldset{border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend{border: 0;padding: 0;}
button,input,select,textarea{font-family: inherit;font-size: 100%;margin: 0;}
button,input{line-height: normal;}
button,select{text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled]{cursor: default;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="search"] { -webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
textarea{overflow: auto;vertical-align: top;}
table{border-collapse: collapse;border-spacing: 0;}
/*! HTML5 Boilerplate v4.3.0 */
html,button,input,select,textarea{color:#222;}
html{font-size:1em;line-height:1.4;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
audio,canvas,img,svg,video{vertical-align:middle;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
.browsehappy{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0;}
.hidden{display:none!important;visibility:hidden;}
.visuallyhidden{border:0;clip:rect(0000);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;overflow:visible;position:static;width:auto;margin:0;}
.invisible{visibility:hidden;}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
::-moz-selection,::selection{background:#b3d4fc;text-shadow:none;}
.print { display:none; }
@media print {
*{background-color:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;}
a,a:visited{text-decoration:underline;}
a[href^=javascript:]:after,a[href^=#]:after{content:"";}
pre,blockquote{border:1px solid #999;page-break-inside:avoid;}
thead{display:table-header-group;}
tr,img{page-break-inside:avoid;}
img{max-width:100%!important;}
@page{margin:.25cm;}
p,h2,h3{orphans:3;widows:3;}
h2,h3{page-break-after:avoid;}
.noprint { display:none; }
.print { display:block; }
}
.break {clear: both;}
.clear {clear: left;}
.left {float: left;}
.right {float: right;}
/* --- Stylesheet 2730 () --------- */
body, #body {
background:#ecf1f3;
font-family: 'Roboto', sans-serif;
}
#element_adresse_titel, #element_formiconen_3975 h4, .button.traminologin { display:none; }
#header {
position:fixed;
left:0px;
right:0px;
top:0px;
height:60px;
background:#505050;
z-index:155;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
}
#nav {
z-index:101;
}
#header #logo {
position:absolute;
top:0px;
right:80px;
width:250px;
height:160px;
background: #fff url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat 10px -610px;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
z-index:185;
cursor:pointer;
-webkit-transition: all .5s; /* Safari */
transition: all .5s;
}
#body.scrolled #header .wrapper div#logo, #header #logo.small {
width: 125px;
height: 125px;
background-position: -48px -610px;
transform: scale(.7) translateX(30px) translateY(-30px);
}
#header #search {
position:absolute;
top:10px;
left:592px;
width:50px;
height:50px;
background: #589cad url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -52px -25px;
cursor:pointer;
}
#header.en #search {
left:565px;
}
#header #search:hover {
background-color:#487d8a;
}
#header #otmkarte {
position:absolute;
top:10px;
left:644px;
width:50px;
height:50px;
background: #589cad url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -344px -115px;
cursor:pointer;
display:block;
}
#header.en #otmkarte {
left:565px;
}
#header #otmkarte:hover {
background-color:#487d8a;
}
#body.search #search {
background-color: #666;
height:55px;
background-position: -102px -65px;
}
#body #searchbox {
top:60px;
background:#ecf1f3;
position:fixed;
left:0px;
right:0px;
display:none;
bottom:0px;
z-index:151;
}
#body #searchbox a.searchdel, .plfilter a.searchdel {
background: #aaa url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -114px -80px;
width: 25px;
height: 25px;
position: relative;
display: inline-block;
margin: 8px 0 0 -90px;
border-radius: 18px;
border: 4px solid #aaa;
}
#body #searchbox a.searchdel:hover, .plfilter a.searchdel:hover {
border-color:#999;
background-color:#999;
}
#searchform {
position: relative;
height:80px;
right: 0px;
left:0px;
background: #666;
top: 0px;
padding: 15px 80px 0;
}
#searchtreffer {
padding:15px;
font-size:16px;
display:none;
}
#body.search #searchtreffer {
display:block;
}
#searchform input {
border: 1px solid #555;
padding: 10px 15px;
font-size: 20px;
max-width: 453px;
width:100%;
float:left;
}
#searchform a.searchicon {
position:relative;
display:block;
float:left;
margin:0px 0 0 -52px;
width: 50px;
height: 48px;
background: #589cad url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -52px -25px;
cursor: pointer;
border:1px solid #555;
text-decoration:none;
}
#searchform a.searchicon:hover {
background-color:#487d8a;
}
#searchform p.infot{
display: block;
position: absolute;
top: 52px;
color: #eee;
font-size: 16px;
}
#body.search #searchtreffer p {
margin: 10px 0 0 80px;
padding:0;
}
#body.search #suggestanker {
right: 0px;
left:0px;
position: absolute;
top: 100px;
overflow: scroll;
-webkit-overflow-scrolling: touch;
bottom: 0px;
}
#body.search #suggestanker ul { width:100%; border:0px solid #fff; margin:0; padding:0 0 50px; list-style:none; background:none; }
#body.search #suggestanker ul li {
background: #fff;
margin: 10px 0 0 80px;
padding:10px 10px 10px 170px;
min-height:100px;
overflow:hidden;
max-width:305px;
position:relative;
border-bottom:3px solid #e3e2e0;
}
#body.search #suggestanker ul li a {
text-decoration:none;
display:block;
color:#000;
}
#body.search #suggestanker ul li a:hover {
color:#589cad;
}
#body.search #suggestanker ul li img {
width:150px;
position:absolute;
top:10px;
left:10px;
}
#body.search #suggestanker ul li span.result {
font-size:20px;
white-space: normal;
}
#body.search #suggestanker ul li span.info_before, #body.search #suggestanker ul li span.info_after {
font-size:16px;
white-space: normal;
}
#body.search #suggestanker ul li span.icon {
position:relative;
float:right;
width:30px;
height:20px;
display:none;
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat 0 0 ;
}
#body.search #suggestanker ul li.gastgeber span.icon {
display:block;
background-position: -25px -260px;
}
#body.search #suggestanker ul li.kalender span.icon {
display:block;
background-position: 5px -260px;
}
#body.search #suggestanker ul li.clients span.icon {
display:block;
background-position: 5px -286px;
}
#body.search #suggestanker ul li.content span.icon {
display:block;
background-position: -25px -286px;
}
#body.search #suggestanker ul li.user span.icon {
display:block;
background-position: -60px -286px;
}
#body.search {
overflow-x: hidden; overflow-y: hidden;
}
#body.search {
overflow-x: hidden; overflow-y: hidden;
}
#body.search #searchbox {
display:block;
}
.wrapper, #page {
max-width:1500px;
position:relative;
}
#content {
margin-top:175px;
z-index:10;
font-size:16px;
}
.infoboxmm {
font-size:16px;
padding:15px;
max-width:550px;
}
#content.galerie {
margin-top:60px;
}
#content.extern {
margin-top:0px;
}
#content .pfad { margin-bottom:10px; color:#666; font-size: 16px; background: #b9ced9; margin: -15px -30px 0; padding: 4px 30px; }
#content .pfad div { display:inline; color:#666; font-size: 16px; }
#content .pfad a { display:inline; color:#666; text-decoration:none; }
#content .pfad a:hover { text-decoration:underline; }
#content .Headlines span.autor { color:#666; }
#content .TraminoTextile a[href^="http"].externlink, a[href^="http"].externlink {
background: transparent url("data:image/gif;base64,R0lGODlhDAALAPcEAOHh4Xt7e3x8fG9vbwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAQALAAAAAAMAAsAAAg4AAkIHEiwYMEBCAcYHBgAIQEBAgJAFChgQMWHBS8SUCiAYMOMAwEoLBjA4EiKJgl2PEgwocuTAQEAOw==") 100% 50% no-repeat;
padding-right: 12px;
}
#content .TraminoTextile a, .TraminoVorlage a, .infobox a, #content .Headlines a {
color: inherit;
}
#content #GGContent h2.big, .infoboxmm h2 {
font-family: 'Roboto Slab', serif;
font-size: 20px;
font-weight: normal;
margin: 25px -20px 10px 0;
}
#content .TraminoTextile a:hover, .TraminoVorlage a:hover, .infobox a:hover {
color: #487d8a;
}
a.ctabutton, .TraminoVorlage input[type=submit] {
background: #487d8a;
padding: 8px 16px;
color: #fff !important;
font-weight: normal;
text-decoration: none;
border-radius: 5px;
border:1px solid transparent;
display: inline-block;
margin-bottom: 5px;
}
#content a.buchenbutton {
background: #e85725;
padding: 8px 16px;
color: #fff;
font-weight: normal;
text-decoration: none;
border-radius: 5px;
border:1px solid transparent;
display: inline-block;
margin-top: 15px;
}
#content a.buchenbutton:hover {
background:#e86825;
color:#fff !important;
}
.TraminoVorlage input[type=submit] {
margin: -6px 0 0 15px;
}
#content a.ctasmall, #content .topmm span {
text-decoration:none;
padding: 2px 6px;
font-size:16px;
color: #fff;
font-weight: normal;
border-radius: 5px;
background:#999;
display:inline-block;
margin-top:5px;
}
#content .topmm span {
margin-right: 5px;
color: #444;
background-color: #e0e0e0;
border-radius: 0;
}
#content a.ctasmall.info {
width: 12px;
text-align: center;
border-radius:12px;
font-family: 'Roboto Slab', serif;
}
#content a.buchenbutton.gr {
background:#999;
}
#content a.buchenbutton.gr:hover, a.ctabutton:hover, #content a.ctasmall:hover, #content a.ctasmall.aktiv, .TraminoVorlage input[type=submit]:hover {
background: #b1c260;
color:#fff;
}
#content .TraminoTextile p {
margin: 0 0 15px 0;
padding:0;
}
#content .TraminoTextile table {
border: 2px solid #aaa;
}
#content .TraminoTextile table td {
border: 1px solid #aaa;
padding: 5px;
}
#content #TraminoArtikel {
padding: 15px 30px;
margin: -30px 50px 30px 50px;
position: relative;
background:#fff;
z-index:150;
border-bottom: 3px solid #e3e2e0;
}
#content #TraminoArtikel .Files {
float:right;
}
#content #TraminoBlock_ #TraminoArtikel {
margin:-30px -30px 0 -30px;
}
#content #TraminoBlock_ #TraminoArtikel .Headlines h5 {
display:none;
}
#content.gastgeber #TraminoArtikel, #content.gastgeber .TraminoVorlage {
margin-left:350px;
padding-top:0px;
}
#content .Headlines {
margin-bottom:30px;
}
#content .Headlines h1, #content p.intro, #content h2, .infoboxmm h3, #content .Headlines h3, .trustbox h2 {
padding: 0;
margin: 15px 0 0 0;
font-weight: normal;
color: #3c3c3b;
font-size: 30px;
}
#content h1, #content .TraminoVorlage h2, #content .Headlines h3, .trustbox h2 {
margin: 0;
}
#content .Headlines h3 {
margin-bottom:15px;
}
#content #TraminoArtikel h2, #content p.intro, #content .TraminoVorlage h5, #content h3 {
font-size:20px;
font-family: 'Roboto Slab', serif;
font-weight:normal;
color: #3c3c3b;
}
#content h3 {
margin:15px 0 0 0;
}
#content .infobox {
float: right;
max-width: 300px;
background: #e3e2e0;
padding: 15px;
margin: 0 -30px 0 15px;
}
.infoboxmm h3 {
font-weight:bold;
font-size:16px;
}
#content .TraminoVorlage {
padding: 15px 30px;
margin: 0 50px 30px;
position: relative;
background:#fff;
border-bottom: 3px solid #e3e2e0;
width:auto;
}
#body .posFile.left {
padding: 0 15px 5px 0 !important;
}
#body .posFile.right {
padding: 0 0 5px 15px !important;
}
#body .posFile .File, #body .Files .File {
max-width: 400px;
}
#body #content .Files {
padding: 0 0 15px 15px !important;
}
#content .File .Name {
font-size: 16px;
color:#666;
padding:10px 0;
}
#content .T89 .Files, #content #TraminoArtikel .Files {
width: auto;
}
#content .File.left {
padding: 0 15px 15px 0;
}
#footer {
background: #e3e2e0;
padding: 15px 80px 30px;
max-width:1340px;
}
#footer .spalte {
width:33%;
font-size:13px;
float:left;
color:#666;
}
#footer .spalte.w66 {
width:66%;
}
#footer .spalte.w17 {
width:17%;
}
#footer .spalte h5 {
padding:0;
margin:0 0 10px;
font-family: 'Roboto Slab', serif;
font-weight: normal;
font-size: 18px;
}
#footer .spalte p {
padding:0;
margin:0;
}
#footer .allgaeu a img {
opacity: 0.75;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
width:100px;
}
#footer .allgaeu a img:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
opacity: 1;
}
#footer a, #copyright a {
color: #666;
text-decoration:none;
}
#footer a:hover {
color: #589cad;
}
#copyright {
border-top: 2px solid #e3e2e0;
padding: 5px 0;
font-size:13px;
color:#666;
}
#inhalt_comments form > div {
max-width:500px;
}
#inhalt_comments #TraminoCommentRating_ {
display:none;
}
#inhalt_comments textarea {
width:98%;
}
#inhalt_comments form .TraminoCommentPoster {
display:none;
}
#inhalt_comments .TraminoCommentForm {
margin: 0 0 0 10px;
}
#inhalt_comments input[type=submit] {
margin: 15px 0 0 0;
}
#inhalt_comments .TraminoCommentBox .error {
margin:0 5px 5px 11px;
}
#inhalt_comments .TraminoCommentForm, #inhalt_comments .TraminoCommentInfo {
font-size:13px;
color:#333;
}
#inhalt_comments .TraminoCommentBox.CommentForm {
background: #ecf1f3;
margin-top: 30px;
margin-bottom: 15px;
padding: 15px 10px;
}
#inhalt_comments .TraminoCommentBox.CommentForm input[type="checkbox"] {
margin-right:5px;
}
#inhalt_comments .TraminoCommentForm input[type="text"] {
margin-bottom:10px;
border: 1px solid #555;
}
#inhalt_comments .TraminoCommentInfo { color: #fff; }
#inhalt_comments .TraminoCommentInfo span { color: #333; }
#content .tpcontent a.ctasmall { float:right; margin-top:-2px; }
.smbuttons a.ico {
display:block;
width:40px;
height:40px;
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -50px -120px;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
margin:0px 3px 3px;
float:left;
}
.smbuttons a.fb { background-position: -100px -120px ;}
.smbuttons a.gp { background-position: -150px -120px ;}
.smbuttons a.tw { background-position: -200px -120px ;}
.smbuttons a.bl { background-position: -250px -120px ;}
.smbuttons a.ig { background-position: -300px -120px ;}
.smbuttons a:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
#copyright .iconde, #copyright .iconen {
width:24px;
height:16px;
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -335px -279px;
display:block;
margin-right:10px;
}
#copyright .iconde { background-position: -335px -295px; }
.fcb {
position:relative;
}
.fcb .fce.fixed { position:fixed !important; top:0; z-index:100; }
.fcb .fce.fbottom { position:absolute !important; bottom:0px; top:auto !important; }
#TraminoArtikel .startboxotm {
margin-left: 100px;
position: relative;
min-height: 100px;
}
#TraminoArtikel .startboxotm .bigico {
background-image: url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png);
display: block;
width: 100px;
height: 100px;
left: -115px;
top: -15px;
position:absolute;
margin: 0 15px 15px 0;
background-position: 0 -425px;
}
#TraminoArtikel .bigico.schroth {
background-position: -100px -425px;
}
#TraminoArtikel .bigico.gastgeber {
background-position: -200px -425px;
}
#TraminoArtikel .bigico.essen {
background-position: 0px -525px;
}
#TraminoArtikel .bigico.plus {
background-position: -100px -525px;
}
#TraminoArtikel .bigico.winter {
background-position: -200px -525px;
}
.gaestezuf {
position:fixed;
right:0;
top:50%;
margin-top:-70px;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
height:180px;
width:55px;
background: #b9ced9 url(//tramino.s3.amazonaws.com/s/oberstaufen/709292/umfrage.png) top right no-repeat;
z-index:500;
}
.gaestezuf:hover {
background: #b9ced9 url(//tramino.s3.amazonaws.com/s/oberstaufen/709292/umfrage.png) top left no-repeat;
}
.gaestezuf span, #msgbox span {
position: absolute;
top: -15px;
left: -15px;
width: 30px;
height: 30px;
background-image: url('/tramino/js/fancybox/fancybox.png');
background-position: -40px 0px;
cursor: pointer;
z-index: 1103;
display:none;
}
.gaestezuf:hover span, #msgbox:hover span {
display:block;
}
.reply.help {
opacity: 0;
clear: left;
}
/* --- Stylesheet 2731 () --------- */
#loadinglayer .ibox, #loadinglayer2 .ibox {
background: #ecf1f3;
width: 350px;
height: 300px;
position: absolute;
left: 50%;
margin: -150px 0 0 -175px;
top: 50%;
}
@media screen and (max-width: 1200px ) {
#body #content .TraminoTextile .quotebox div span.quote, #body .quotebox .quote {
font-size: 20px;
}
}
@media screen and (max-width: 1000px ) {
#body .partnermenu ul li a {
padding: 5px;
font-size: 15px;
}
#body .teaserbox .spalte.w25 { width:50%; }
#body .plfilter {
margin: 0;
width: 255px;
position: absolute;
top: 0px;
left: 0px;
z-index:100;
}
#body .plfilter .FSearchFilter { display:none; }
#body .plfilter.hovered .FSearchFilter { display:block; position:absolute; top:70px !important; left:0px; }
#body .plfilter #qsprodukticon {
background: #e85725 url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat 0px 0px;
height: 24px;
width: 24px;
border: 11px solid #e85725;
position: absolute;
top: 15px;
left: 0px;
cursor:pointer;
z-index:100;
}
#body .plfilter #qsprodukticon.ltreffer {
background:#b9ced9 url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -280px -280px;
border-color:#b9ced9;
left:0px;
}
#body .plfilter.hovered #qsprodukticon{
background: #666 url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -102px -65px;
height: 46px;
width: 46px;
border: 0px solid #666;
}
#body #quicksearch #cartinfo { padding:5px; }
}
@media screen and (max-width: 800px ) {
#body #content .TraminoVorlage.T2058 .fcb.kbox .partnermenu.fixed {
margin-left: 15px;
padding-left: 120px !important;
}
#body .wrapper {
max-width:none;
min-width:320px;
position:static;
}
#body #header #logo {
width: 125px;
height: 80px;
background-size: 200px;
background-position: 5px -315px;
transition: all .5s;
right: 0px;
}
#body.scrolled #header .wrapper div#logo, #header #logo.small {
background-position: -25px -315px;
transform: none;
width: 60px;
height: 60px;
}
#body #header #search {
left:65px;
top:5px;
right:auto;
background-color:#505050;
}
#body #otmkarte {
right: auto;
left: 174px;
background-color: transparent;
top: 5px;
}
#body.search #header #search {
background-color:#666;
}
#body #searchform {
padding: 15px;
}
#body #searchform input {
width:90%;
}
#body #content .pfad {
margin: -15px -20px 0;
}
#body #content #TraminoArtikel, #body #content .TraminoVorlage {
padding: 15px 20px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 15px;
overflow:hidden;
}
#body .posFile, #body #content .Files {
width: 50%;
}
#body .posFile .File, #body #content .Files .File {
width: 100%;
}
#body .posFile .File img, #body #content .Files .File img {
width: 100%;
height:auto;
}
#body .posFile iframe {
width:100% !important;
}
#body .teaserbox .spalte.w25, #body .teaserbox .spalte.w33, #body .teaserbox .spalte.w66 { width:100%; }
#body #quicksearch.bild #qsbox { left:10px; }
#body #quicksearch #qsicon {
left: 120px;
top: 5px !important;
padding: 0 0 10px !important;
height: 45px !important;
}
#body.nav #quicksearch #qsicon {
left: 365px;
}
#body #footer {
padding: 15px 15px 0;
}
#body #bilderstack {
min-height: 150px;
}
#body .fcb .partnermenu {
padding-left:10px;
height:75px;
left:-20px;
}
#body .fcb .partnermenu.fixed {
left: 0px;
right: 0px;
top: -10px;
height: 85px;
}
#body #GGContent #FSTr {
margin-left:10px;
margin-top:55px;
}
#body #GGContent #qsprodukticon { display:block; cursor:pointer; }
#body #GGContent .hovered #qsprodukticon {
background: #666 url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -102px -65px;
height:46px;
width:46px;
border:0px solid #666;
}
#body #GGContent #qsprodukt {
margin: 20px 0 0 -20px;
}
#body #GGContent #qsprodukt.hovered {
height: 300px;
z-index: 100;
}
#body #GGContent #FPform { display:none; }
#body #GGContent .hovered #FPform { display:block; position:absolute; }
#body #content #FMLmatches.galerie {
margin-right: -15px;
}
#content .TraminoVorlage.T2058 .galerie .FMLmatch {
margin: 0px 5px 0 0;
}
#body #GGContent .kartendiv {
clear:left;
margin:0;
}
}
#body .mobil { display:none; }
@media screen and ( min-width:580px ) and ( max-width:800px ) {
#body .TraminoVorlage.T2051 .spalte.teaser.w33 > div {
background-position: right top !important;
margin-left:250px;
}
#body .TraminoVorlage.T2051 .spalte.teaser.w33 > div a {
right: auto;
top: 0;
bottom: 0;
width: 210px;
left:-250px;
}
#body .TraminoVorlage.T2051 .spalte.teaser.w33 > div a span {
max-height: 200px;
}
}
@media screen and ( max-width:580px ) {
#body #TraminoArtikel .startboxotm {
margin-left: 0px;
border-top: 2px solid #ecf1f3;
padding: 15px 0;
}
#body #TraminoArtikel .startboxotm .bigico {
position: relative;
left: auto;
top: auto;
margin: 0px auto;
}
#body #loadinglayer .ibox, #body #loadinglayer2 .ibox {
width:300px;
height:400px;
margin:-200px 0 0 -150px;
}
#body #searchform a.searchicon {
position:absolute;
right:10px;
margin:0px;
}
#body #content .infobox { float:none; width:100%; max-width:none; margin-left: -20px; }
#body #quicksearch.bild #qsbox { display:none !important; }
#body .nomobil, #body .TraminoVorlage.xxT80 { display:none !important; }
#body .mobil { display:block !important; }
#body #content .Headlines h1, #body #content .TraminoVorlage h2 {
font-size:28px;
}
#body #content .TraminoVorlage h3 {
font-size:18px;
}
#body #searchform {
left:0px;
right:0px;
}
#body #content .pfad {
margin: -20px -50px 0;
}
#body #content .posFile, #body #content .Files {
width: 100%;
float:none;
padding:0px !important;
}
#body #quicksearch.bild {
position: absolute;
right: 0px !important;
left:0px !important;
top:80px;
}
#body #quicksearch.bild #qsbox {
left:0px;
position:relative;
margin:0 auto;
}
#body.search #searchbox #suggestanker ul li {
margin: 10px 0 0 0;
padding:10px;
max-width:none;
}
#body.search #searchbox #suggestanker ul li img {
position:relative;
padding: 0 10px 10px 0;
margin-right:100%;
top:0px;
left:0px;
}
#body.search #searchbox #searchtreffer p {
margin: 10px 0 0 10px;
}
#body .teaserbox .spalte.teaser div a span {
max-height:125px;
}
#body .teaserbox .File.Bild.galery img {
height:115px;
width:115px;
}
#body #footer .spalte {
width: 100%;
padding-bottom: 30px;
}
#body #copyright {
padding:5px 0;
text-align:center;
}
#body #copyright .right {
float:none;
padding:0 0 20px;
text-align:center;
}
#body #copyright .right a {
display:inline-block;
}
#body #ui-datepicker-div { left:15px !important; }
#body .T501 .hoehenprofil, #body .T501 .downloadfilesx { display:none; }
#body .plogo {
float: none;
padding-left: 50% !important;
margin-left: -40px;
}
#body #content .TraminoTextile .quotebox {
float: none;
width: auto;
margin: 0;
padding: 0;
}
#body #content .TraminoTextile .quotebox div {
width: auto;
}
#body #content .TraminoTextile .quotebox div span.quote, #body .quotebox .quote {
font-size: 18px;
}
#body .top2mm span {
display:block;
}
#body .gaestezuf span {
display:block;
}
#body .FMLmatch .FMLmm {
float: none;
width: 100%;
min-height: 60px;
}
}
/* --- Stylesheet 2732 () --------- */
li.nav__unterkuenfte li.nav__40582, li.nav__unterkuenfte li.nav__41034 { display:none; }
#nav {
position:fixed;
top:0px;
z-index:175;
}
.partnermenu ul, #nav ul {
padding: 0;
margin:0;
list-style: none;
}
.partnermenu ul li a, #nav ul li a {
display:block;
padding:10px;
color:#ddd;
text-decoration:none;
}
#nav-home, #nav-kontakt { display:none; }
#body #nav, #body #header, #body #content, #body > #quicksearch, #body #searchbox {
-webkit-transition: -webkit-transform 250ms ease;
-moz-transition: -moz-transform 250ms ease;
-o-transition: -o-transform 250ms ease;
transition: transform 250ms ease;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
@media screen and (max-width: 800px ) {
#nav {
height: 100%;
width: 70%;
background:#505050;
left: 0;
bottom:0;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
}
#nav, #body #searchbox {
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
#body #searchbox { display:block !important; }
#body #header, #body #x_content, #body #footer, #body > #quicksearch {
left: 0 !important;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#body.nav, #body.search {
overflow-x: hidden; overflow-y: hidden; overflow:hidden; position: fixed;
}
#body.nav #header, #body.nav #content, #body.nav #footer, #body.nav > #quicksearch, #body.search #content, #body.search #footer, #body.search > #quicksearch {
-webkit-transform: translate3d(70%, 0, 0);
-moz-transform: translate3d(70%, 0, 0);
-ms-transform: translate3d(70%, 0, 0);
-o-transform: translate3d(70%, 0, 0);
transform: translate3d(70%, 0, 0);
}
#body.nav #nav, #body.search #searchbox {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#nav > div > div.ul {
overflow:scroll;
-webkit-overflow-scrolling: touch;
position: absolute;
top: 62px;
left: 0px;
right: 0px;
bottom: 73px;
}
#body #nav #nav-home { display:block; position:absolute; top:0px; left:0px; right:0px; }
#nav #nav-home a {
padding: 20px 0 20px 20px;
height: 20px;
font-size:18px;
position:relative;
background:#666;
text-decoration:none;
display:block;
color:#ddd;
}
#body #nav #nav-kontakt { display:block; position:absolute; bottom:0px; left:0px; right:0px; }
#nav #nav-kontakt a {
height: 40px;
margin-top: 5px;
font-size: 16px;
position: relative;
text-decoration: none;
display: block;
text-align: center;
background: #CAC7B5;
color: #666;
padding: 15px 0;
border-top: 1px solid #bbb;
}
#nav #nav-i {
position: absolute;
right: -60px;
top: 0px;
width:40px;
height:40px;
opacity:0.7;
cursor:pointer;
padding: 10px;
}
#nav #nav-i span {
top: 0px;
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -105px -33px;
width:40px;
height:40px;
left:0px;
display:block;
}
#body.nav #nav #nav-i span {
background-position: -105px -73px;
}
#nav #nav-i:hover {
opacity:1;
}
#body.nav #nav #nav-i {
background-color:#666;
opacity:1;
}
#nav > div > div.ul > ul > li > a {
padding: 10px 0 15px 20px;
height: 20px;
font-size:18px;
position:relative;
background:#589cad;
color:#fff;
}
#nav > div > div.ul > ul > li > a > .extra {
height: 12px;
width: 20px;
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat 0px -90px;
display:inline-block;
float: right;
margin: 5px 20px 0 0;
}
#nav > div > div.ul > ul > li.subnav > a {
background:#487d8a;
}
#nav > div > div.ul > ul > li.subnav > a > .extra {
background-position: -30px -90px;
}
#body #nav > div > div.ul > ul > li li {
display:none;
}
#body.nav.subnav #nav > div > div.ul > ul > li.subnav li {
display:block;
}
#body.nav.subnav #nav > div > div.ul > ul > li.subnav > div.ul > ul {
margin-bottom:10px;
}
#body.nav.subnav #nav > div > div.ul > ul > li.subnav {
background:#487d8a;
}
#nav ul li ul {
padding:0 0 2px 0;
}
#nav ul li li a {
padding:25px 5px 10px 50px;
background:#487d8a;
}
#nav li li > a > .extra {
top:20px !important;
}
#body.nav #nav ul li li li a {
padding:4px 0px 4px 20px;
font-size:14px;
}
@media screen and (min-width: 400px ) {
#nav {
width:245px;
}
#body.nav #header, #body.nav #content, #body.nav #footer, #body.nav > #quicksearch {
-webkit-transform: translate3d(245px, 0, 0);
-moz-transform: translate3d(245px, 0, 0);
-ms-transform: translate3d(245px, 0, 0);
-o-transform: translate3d(245px, 0, 0);
transform: translate3d(245px, 0, 0);
}
}
@media screen and (max-width: 400px ) {
li.nav__urlaubsblog, li.nav__unterkuenfte li.nav__40582, li.nav__unterkuenfte li.nav__41034, li.nav__veranstaltungen li.nav__41080, li.nav__angebote li.nav__41100, li.nav__angebote li.nav__41103, li.nav__angebote li.nav__98780, li.nav__veranstaltungen li.nav__91603 { display:block !important; }
li.nav__41371, li.nav__unterkuenfte li, li.nav__gaestekarte li, li.nav__impressionen, li.nav__tradition, li.nav__aktivitaeten, li.nav__lieblingsplaetze, li.nav__pferdeschlitten, li.nav__huettenzauber, li.nav__schrothkur-blog, li.nav__gesundheit, li.nav__veranstaltungen li, li.nav__angebote li { display:none !important; }
}
}
@media screen and (min-width: 801px ) {
#nav {
left:80px;
}
#nav #nav-i, #nav #nav-x {
display:none;
}
#nav ul ul {
display:none;
}
#nav ul li {
float:left;
margin:10px 2px 0 0;
position:relative;
}
#nav ul li a {
background:#589cad;
position:relative;
font-size:20px;
padding:10px 30px 10px 10px;
height:30px;
color:#fff;
}
#nav ul ul li a {
font-size:16px;
}
#nav > div > div.ul > ul > li > a > .extra {
position:absolute;
height: 12px;
width: 20px;
top: 18px;
right: 10px;
left:auto !important;
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat 0px -90px;
}
#nav ul li.nav_offen > a, #nav ul li.nav_aktiv > a {
background:#487d8a;
}
#nav ul li:hover > a, #nav ul li.nav_offen:hover > a, #nav ul li.nav_aktiv:hover > a {
color:#fff;
background: #487d8a;
}
#nav ul li:hover ul li a {
background:transparent;
}
#nav ul ul ul li:hover > a, #nav ul li.nav_offen li.nav_aktiv > a, #nav ul ul li > a:hover {
background-color: #589cad !important;
color:#fff !important;
}
#nav li:hover ul {
display:block;
}
#nav > div > div.ul > ul > li:hover > div > ul {
background: #487d8a;
position:absolute;
top:45px;
left:0px;
width:605px;
z-index:111;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
padding:5px 5px 15px 5px;
}
#nav > div > div.ul > ul > li.nav__shop:hover > div > ul {
width: 195px;
height: 260px;
overflow:hidden;
}
#nav ul li li {
margin:0px;
width:199px;
border-right:1px solid #0D6A89;
min-height:220px;
}
#nav.langen ul li li {
min-height: 130px;
}
#nav ul li li li, #nav ul li li.last, #nav.langen ul li li li {
min-height:0px;
/*width:auto;*/
border-right:0px solid #0D6A89;
}
#nav ul li li a {
padding-right:0px;
}
#nav ul li li li {
margin:0px;
width:200px;
float:none;
}
#nav ul li li li a {
font-size:12px;
padding: 6px 0px 6px 15px;
margin:0;
height:auto;
}
#nav > div > div.ul > ul > li.nav_3 > div > ul, #nav > div > div.ul > ul > li.nav_4 > div > ul {
left:-220px;
}
@media screen and (max-width: 890px ) {
#nav > div > div.ul > ul > li > a {
padding:10px !important;
}
#nav > div > div.ul > ul > li > a span.extra { display:none; }
#header #search {
left: 434px;
}
}
@media screen and (min-width: 1100px ) {
#nav ul ul li a {
font.size:20px;
}
#nav > div > div.ul > ul > li:hover > div > ul {
width:670px;
}
#nav > div > div.ul > ul > li.nav__shop:hover > div > ul {
width:445px;
}
#nav > div > div.ul > ul > li.nav_3 > div > ul, #nav > div > div.ul > ul > li.nav_4 > div > ul {
left:0px !important;
}
#nav ul li li {
width:219px;
}
#nav ul li li li a {
font-size:14px;
padding: 3px 0px 3px 20px;
}
#nav ul li li li {
width:220px;
}
}
}
#nav ul li.nav_offen li.nav_aktiv > a {
background-color: #589cad;
color:#fff;
}
/* ICONS */
#nav li li > a {
padding-left:55px;
position:relative;
}
#nav li li li a {
padding-left:0px;
}
#nav li li > a > .extra {
position:absolute;
height:25px;
width:25px;
top:10px;
left:20px;
}
#nav li li li > a > .extra { display:none; }
#nav li.nav__unterkuenfte > a > .extra, #nav li.nav__accommodation > a > .extra {
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat 0px 0px;
}
#nav li.nav__gaestekarte > a > .extra, #nav li.nav__guest-card > a > .extra {
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -30px 0px;
}
#nav li.nav__allgaeu > a > .extra, #nav li.nav__allgaeu-region > a > .extra {
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -60px 0px;
}
#nav li.nav__sommer > a > .extra, #nav li.nav__in-summer > a > .extra {
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -90px 0px;
}
#nav li.nav__winter > a > .extra, #nav li.nav__in-winter > a > .extra {
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -120px 0px;
}
#nav li.nav__schroth-wellness > a > .extra, #nav li.nav__holistic-spa-holidays > a > .extra {
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -150px 0px;
}
#nav li.nav__essen-trinken > a > .extra, #nav li.nav__food-drink > a > .extra {
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -180px 0px;
}
#nav li.nav__einkaufen-mehr > a > .extra, #nav li.nav__shopping > a > .extra {
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -210px 0px;
}
#nav li.nav__fanshop > a > .extra {
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -210px 0px;
}
#nav li.nav__veranstaltungen > a > .extra, #nav li.nav__events > a > .extra {
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -240px 0px;
}
#nav li.nav__aktuelles > a > .extra, #nav li.nav__current-information > a > .extra {
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -270px 0px;
}
#nav li.nav__angebote > a > .extra, #nav li.nav__special-offers > a > .extra, #nav li.nav__ofit > a > .extra {
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -300px 0px;
}
#nav li.nav__verkehr-kontakt > a > .extra, #nav li.nav__arrival-contact-information > a > .extra {
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -330px 0px;
}
#nav li.nav__gutscheine > a > .extra, #nav li.nav__coupons > a > .extra {
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -360px 0px;
}
#nav li.nav__tickets > a > .extra {
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -360px -30px;
}
li.nav_5_2.nav__fanshop.nav__96772 {
min-height: 110px !important;
}
li.nav_5_3.nav__tickets.nav__96771, li.nav_5_4.nav__ofit.nav__114414 {
min-height: 50px !important;
}
/* --- Stylesheet 2768 () --------- */
#ui-datepicker-div {
z-index:200 !important;
}
#quicksearch {
position: fixed;
top: 0px;
left: 0px;
z-index: 200;
}
#quicksearch.bild, #quicksearch.gastgeber {
z-index:100;
}
#qsicon {
background:#e85725;
position:fixed;
top:10px;
width:50px;
height:50px;
z-index:150;
left:15px;
cursor:pointer;
}
#qsicon:hover {
background-color:#487d8a;
}
#quicksearch.hovered #qsicon {
background: #666 url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -102px -65px;
}
#quicksearch.bild #qsicon {
left:auto;
display:none;
}
#qsicon span.icon {
margin:13px;
display:block;
height:24px;
width:24px;
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat 0px 0px;
}
#quicksearch.hovered #qsicon span.icon { display:none; }
#qsicon span.cart {
position: absolute;
border-radius: 12px;
height: 24px;
width: 24px;
text-align: center;
color: #fff;
background: #a00;
top: -5px;
right: -5px;
font-size: 18px;
display: none;
border: 1px solid #f99;
}
#qsicon span.cart.show {
display:block;
}
#qsbox, #terminbox {
background: #666666;
position:fixed;
top:55px;
left:15px;
width:265px;
z-index:250;
display:none;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
}
#quicksearch.hovered #qsbox, #quicksearch.gastgeber #qsbox {
display:block;
}
#quicksearch.gastgeber #qsicon { display:none; }
#quicksearch.gastgeber #qsbox {
top:70px;
z-index:150;
}
#quicksearch.bild {
position: absolute;
/*right: 80px;
left:0px; */
top: 50px;
left:382px;
}
#quicksearch.bild.start {
top:100px;
}
#quicksearch.bild #qsicon {
position: absolute;
top: -45px !important;
right: 265px;
z-index:120;
/*background:#bbb;*/
}
#quicksearch.bild #qsbox {
position:absolute;
right:37px;
left:auto;
top:0px;
display:block;
z-index:120;
background: rgba(102,102,102,0.7);
}
#quicksearch #cartinfo {
padding: 20px;
font-size: 14px;
border-bottom: 15px solid #505050;
margin-bottom: 10px;
background: #e85725;
min-height:50px;
}
#quicksearch #cartinfo a {
color:#fff;
text-decoration:none;
}
#quicksearch #cartinfo.show { display:block; }
#quicksearch #qsinfo {
text-align:center;
color:#eee;
padding:15px 0;
border-top: 1px solid #444;
}
.ui-datepicker .ui-state-default.ui-state-hover, .ui-datepicker .selectetrange .ui-state-default:hover, .ui-datepicker a.ui-state-active:hover, .ui-datepicker .highlightrange .ui-state-default:hover {
background: #B0CC5C !important;
}
.ui-datepicker .selectetrange .ui-state-default, .ui-datepicker a.ui-state-active {
background: #b9ced9 !important;
}
.ui-datepicker .highlightrange .ui-state-default, .ui-datepicker .ui-state-disabled.selectetrange .ui-state-default {
background: #b9ced9 !important;
text-decoration: none !important;
color:#000 !important;
}
.ui-datepicker .ui-state-disabled .ui-state-default {
background: #fff !important;
color:#999 !important;
text-decoration:line-through;
}
#FSBbis.highlight, #FSBvon.highlight {
background-color: #b9ced9 !important;
color: #fff !important;
}
#xxx_quicksearch .subbox {
background:#505050;
}
#quicksearch input:focus, #quicksearch select:focus, #quicksearch button:focus select.smooth:focus, #terminbox input:focus, #terminbox select:focus, #terminbox button:focus select.smooth:focus {
outline: none;
}
#quicksearch .left, #quicksearch .right, #terminbox .left {
padding:5px 0 5px;
}
#quicksearch label.form, .blackbox label.form, #terminbox label.form {
color:#eee;
font-size:14px;
padding-left:10px;
}
.blackbox {
background: #666;
padding: 15px;
margin: -15px -30px;
}
label.smooth {
color:#666;
font-size:14px;
padding-left:10px;
}
#quicksearch input.datum, #terminbox input.datum {
width:85px;
margin-left:10px;
padding:5px 25px 5px 5px;
font-size:16px;
border:1px solid #999;
background: #fff url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat 90px -170px;
border-radius:5px;
cursor:pointer;
}
#quicksearch input.datum[type=date] {
-webkit-appearance: none;
height:16px;
}
#quicksearch select, select.smooth, div.chdi {
width:117px;
margin-left:10px;
padding:5px;
font-size:13px;
border:1px solid #999;
background: #fff url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat 90px -195px;
display:block;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border-radius:5px;
cursor:pointer;
}
#quicksearch select:disabled, select.smooth:disabled, div.chdi.disabled , .disabled div.chdi {
background-color: #CAC7B5;
color: #999;
}
.chdi {
position:relative;
}
.chdi select {
position:absolute !important;
margin:0 !important;
top: 0px !important;
}
.selectorWidget div {
padding:5px 10px 5px 5px;
font-size:13px;
border:1px solid #999;
background: #fff;
display:block;
-webkit-appearance: none;
cursor:pointer;
float:left;
}
.selectorWidget div a, .selectorWidget div a:hover {
text-decoration:none;
color:#000;
}
.selectorWidget div.aktiv a, .selectorWidget div.aktiv a:hover {
text-decoration:none;
color:#fff;
}
.selectorWidget div.first {
margin-left:10px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.selectorWidget div.last {
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.selectorWidget div.aktiv {
background: #487d8a;
color:#fff;
}
.selectorWidget div span {
height:16px;
width:16px;
background: #fff url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -55px -200px;
display: inline-block;
margin: -2px 5px;
}
#menukarte span { background-position: -55px -175px;}
#menuliste.aktiv span { background-position: -30px -200px; }
#menukarte.aktiv span { background-position: -30px -175px;}
#menugalerie.aktiv span { background-position: -30px -220px; }
#menugalerie span { background-position: -55px -220px; }
#quicksearch #FSBsubmit, #FPform #FDsubmit, .carticon, #terminbox #terminsubmit {
border-radius: 5px;
background: #e85725;
color: #fff;
font-size: 18px;
padding: 5px;
display: block;
margin: 10px 0px 15px 25px;
text-decoration: none;
text-align: center;
cursor: pointer;
border: 0px;
width: 200px;
}
#terminbox #terminsubmit {
background:#b9ced9;
}
.carticon { color:#fff !important; display:inline-block; }
#quicksearch #FSBsubmit:hover, #quicksearch #FSBsubmit.hovered, #FPform #FDsubmit:hover, #FPform #FDsubmit.hovered, .carticon:hover {
background:#e86825;
}
#terminbox #terminsubmit:hover {
background:#0d627d;
}
#quicksearch #FSBsubmit span, #FPform #FDsubmit span , .carticon span {
display:inline-block;
height:20px;
width:30px;
margin-right:10px;
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat 0px 0px;
}
.carticon.book span, .wkicon {
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -120px -330px;
width:20px;
height:15px;
display:inline-block;
}
#quicksearch #FSBsubmit.loading span, #FPform #FDsubmit.loading span, .carticon.loading span {
height:0px;
}
#quicksearch #FSBsubmit.loading, #FPform #FDsubmit.loading, .carticon.loading {
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/614871/ajax-loader.gif) center center no-repeat !important;
font-size: 0px !important;
line-height: 28px;
border: 0px solid #EEE !important;
width: 200px;
}
/*;
* jQuery UI CSS Framework;
*/
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues;
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons;
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals;
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Component containers;
----------------------------------*/
.ui-widget { font-size: 14px; }
.ui-widget-content { border: 1px solid #999; background: #fff; color: #222 !important; }
.ui-widget-content a { color: #222 !important; }
.ui-widget-header { color: #222; font-weight: bold; }
.ui-widget-header a { color: #222 !important; }
/* Interaction states;
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #ffffff; font-weight: normal; color: #000; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fff; background: #ff6600; font-weight: normal; color: #fff; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #fff; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #999; background: #ffff00; font-weight: normal; color: #000; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000; outline: none; text-decoration: none; }
/* Interaction Cues;
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #999; background: #999999; color: #fff; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #fff; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { font-weight: normal; }
/* Icons;
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; }
/* positioning */
.ui-icon-circle-triangle-e { background: transparent url(/tramino/gfx/gui_pfeil_r.png) no-repeat; }
.ui-icon-circle-triangle-w { background: transparent url(/tramino/gfx/gui_pfeil_l.png) no-repeat; }
/* Misc visuals;
----------------------------------*/
/* Datepicker;
----------------------------------*/
#ui-datepicker-div {
display:none;
z-index:20005;
}
.ui-datepicker { width: 175px; padding: 8px 10px; background:#ecf1f3; font-size: 11px; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:2px 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { border:0; position:absolute; top: 2px; width: 20px; height: 20px; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { border:0; background:transparent; cursor:pointer; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 20px; line-height: 20px; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,;
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker td.ui-datepicker-unselectable span { background:#CAC7B5; color: #CAC7B5; }
.ui-datepicker .ui-datepicker-other-month { background:#CAC7B5; opacity:100;}
.ui-datepicker table {width: 100%; font-size:12px; border-collapse: collapse; margin:0; }
.ui-datepicker th { padding: 7px 3px; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 1px solid #CAC7B5; padding: 0px; }
.datepickergroup .ui-datepicker td.active a, .datepickergroup .ui-datepicker td.active a.ui-state-active, .datepickergroup .ui-datepicker td.active span { background:#ff0 !important; font-weight:bold; }
.datepickergroup .ui-datepicker a.ui-state-active { background:#fff; }
.ui-datepicker td.active a, .ui-datepicker a.ui-state-active, .ui-datepicker td.active span { background: #ff0 !important; }
.ui-datepicker td.highlight a, .ui-datepicker td.highlight span { background:#ffc !important; }
.ui-datepicker a.ui-state-hover { background: #f60 !important; }
.ui-datepicker td.ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0px; text-align: center; text-decoration: none; border:0 !important; width: 24px; height:20px; line-height:20px; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 7px 0 0 0; padding:0 2px; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 5px 2px 4px; cursor: pointer; padding: 2px 6px 3px 6px; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker-trigger { position:relative; top:2px; }
/* with multiple calendars */
.hasDatepicker div { font-size: 11px; }
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto 4px; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}
/* Slider----------------------------------*/
.ui-slider { position: relative; text-align: left; background:#ccc; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.8em; height: 0.8em; cursor: default; background: #ff6600; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .2em; display: block; border: 0; background:#fff; }
.ui-slider a.ui-state-active, .ui-slider a.ui-state-focus, .ui-slider a:hover {
padding:0 !important;
background: #ff6600 !important;
}
.ui-slider a:hover {
background: #ff6600 !important;
}
.ui-slider-horizontal { height: .5em; }
.ui-slider-horizontal .ui-slider-handle, .ui-slider-horizontal .ui-slider-handle.ui-state-hover { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
#body .ui-datepicker .ui-datepicker-prev span, #body .ui-datepicker .ui-datepicker-next span {
background-color: #b9ced9;
padding: 10px 15px;
background-position: center;
margin: -20px -23px;
}
#body .ui-datepicker .ui-datepicker-next span {
background-image: url(//tramino.s3.amazonaws.com/s/oberstaufen/563036/gui-pfeil-r.png);
}
#body .ui-datepicker .ui-datepicker-prev span {
background-image: url(//tramino.s3.amazonaws.com/s/oberstaufen/563035/gui-pfeil-l.png);
}
#body .ui-datepicker .ui-datepicker-prev span:hover, #body .ui-datepicker .ui-datepicker-next span:hover {
background-color:#B0CC5C;
}
.FSearchFilter label {
cursor:pointer;
}
.FSearchFilter label input[type=checkbox] {
visibility: hidden;
}
.FSearchFilter label span {
display:inline-block;
height:16px;
width:16px;
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -320px -255px;
margin-right: 5px;
margin-left: -23px;
margin-bottom: -2px;
}
.FSearchFilter label.checked {
font-weight:bold;
}
.FSearchFilter label.checked span {
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -340px -255px;
}
@media screen and ( max-width:580px ) {
.ui-datepicker td span, .ui-datepicker td a {
width: 34px;
height: 30px;
}
.ui-datepicker {
width: 246px;
}
}
#mehruks {
text-align: center;
font-size: 12px;
color: #eee;
text-decoration: none;
display: block;
margin: 10px 0;
text-decoration:underline;
}
#mehruks:hover {
/*color:#1088AF;*/
}
/* --- Stylesheet 2816 () --------- */
#bilderstack {
position:relative;
width:100%;
min-height:400px;
overflow:hidden;
}
#bilderstack div.bildbox {
position:absolute;
width:100%;
height:100%;
background-size: cover;
background-repeat:no-repeat;
background-position:center center;
}
#bilderstack div.bildbox span.bsname {
color: #fff;
display: block;
position:absolute;
right:80px;
bottom:35px;
}
#bilderstack div.bildbox span.bsname a {
color: #fff;
text-decoration:none;
}
#bilderstack div.bildbox span.bsname a span {
width: 20px;
height: 18px;
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -67px -85px;
display: inline-block;
margin: 0px 5px -2px 0;
}
#bilderstack #nav_links, #bilderstack #nav_rechts {
display: block;
position: absolute;
top: 0px;
bottom:0px;
width: 100px;
z-index: 100;
cursor:pointer;
left:0px;
}
#bilderstack #nav_rechts {
left:auto;
right:0px;
}
#bilderstack #nav_links span, #bilderstack #nav_rechts span {
display: block;
height: 74px;
outline: 0;
position: absolute;
text-indent: -9999px;
top: 50%;
margin-top:-37px;
width: 50px;
z-index: 100;
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -220px -40px;
cursor:pointer;
opacity:0.85;
}
#bilderstack #nav_rechts span {
right:0px;
background-position:-160px -40px;
}
#bilderstack #nav_links:hover span, #bilderstack #nav_rechts:hover span {
opacity:1;
}
#bilderstack #nav_mehr {
display: block;
height: 45px;
outline: 0;
position: absolute;
left: 50%;
bottom:30px;
margin-left: -40px;
width: 80px;
z-index: 100;
cursor:pointer;
padding-top:5px;
text-align:center;
opacity:.85;
}
#bilderstack #nav_mehr span {
height: 45px;
width: 80px;
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -275px -55px;
display:inline-block;
}
#bilderstack #nav_mehr:hover {
opacity:1;
}
#bilderstack.tolow #nav_mehr {
display:none;
}
#nav_boppels {
z-index: 100;
display: block;
position: absolute;
bottom: 30px;
left: 85px;
}
#nav_boppels span {
display:inline-block;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
width:10px;
height:10px;
background:#fff;
border:1px solid #666;
margin:5px 5px 5px 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
cursor:pointer;
padding:0;
z-index: 100;
}
#nav_boppels span:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}
#nav_boppels span.aktiv {
border-color:#fff;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
}
#fancybox-overlay {
background:#505050;
opacity:1;
z-index:260 !important;
}
#fancybox-wrap, .fancybox-wrap {
z-index:270 !important;
}
a#fancybox-left #fancybox-left-ico {
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -220px -40px;
left: 0px;
height: 74px;
width:50px;
margin-top: -37px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="//tramino.s3.amazonaws.com/s/oase/572254/pf-links.png" );
filter: alpha(opacity=85);
-moz-opacity:.85;
-khtml-opacity: .85;
opacity: .85;
}
a#fancybox-right #fancybox-right-ico {
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -160px -40px;
left: auto;
right: 0px;
height: 74px;
width:50px;
margin-top: -37px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png" );
filter: alpha(opacity=85);
-moz-opacity:.85;
-khtml-opacity: .85;
opacity: .85;
}
a#fancybox-left:hover #fancybox-left-ico, a#fancybox-right:hover #fancybox-right-ico {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
cursor:pointer;
}
#fbtip {
position:absolute;
top:-60px;
width:100%;
}
#fbtip h3 {
padding: 10px 10px 0;
color: #fff;
font-weight: normal;
font-size: 16px;
margin:0px;
text-align:right;
text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);
}
#fbtip h3 a {
color:#fff;
}
#fbtip span {
display: block;
text-align:right;
padding: 0 10px;
color: #fff;
font-size: 12px;
margin:0px;
text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);
}
a.fancyimage, a.fancyimage > div > div, a.fancyiframe.YTV, .File.Bild a.fancyiframe {
display: block;
background:#505050;
position:relative;
}
a.fancyimage > div > div {
margin:0 10px 0 0;
}
a.fancyimage img, a.fancyimage > div > div > div, a.fancyimage .bildbox2, a.fancyiframe.YTV img, a.wcbild div {
-webkit-transition: opacity 1s;
transition: opacity 1s;
}
#GGContent a.fancyimage > div > div > div {
height:300px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
a.wcbild {
position:relative;
width:200px;
height:200px;
display:block;
overflow: hidden;
background:#333;
}
.wcbild p.info {
position: absolute;
bottom: 0;
color: #fff;
font-size: 13px;
padding: 5px;
margin: 0;
display: block;
right: 0;
left: 0;
text-align: center;
background: rgba(0,0,0,.2);
}
a.fancyimage:hover img, a.fancyimage:hover > div > div > div, a.fancyimage:hover .bildbox2, a.wcbild:hover div {
opacity: 0.5;
}
a.fancyimage:hover span, .bildbox2 span, a.wcbild:hover span {
width:30px;
height:30px;
top:50%;
left:50%;
margin:-15px 0 0 -15px;
position:absolute;
background:transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat 0px -130px;
}
a.fancyiframe.YTV:hover img, a.fancyiframe.YTV:hover > div > div > div, a.fancyiframe.YTV:hover .bildbox2 {
opacity: 0.5;
}
a.fancyiframe.YTV span {
width:40px;
height:40px;
top:50%;
left:50%;
margin: -20px 0 0 -20px;
position: absolute;
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -50px -120px;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
a.fancyiframe.YTV:hover span {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
/* --- Stylesheet 2824 () --------- */
#TraminoBlock_84927 div#element_anreise, #TraminoBlock_84927 div#element_abreise {
width: 140px;
float: left;
}
div#element_kontakt {
clear: left;
}
div#element_anzahl_personen {
width: 160px;
float: left;
margin-right: 20px;
}
div#element_kinder {
width: 185px;
float: left;
}
div#element_nachricht {
clear: left;
}
textarea#nachricht {
height: 310px !important;
}
input#anreise, input#abreise {
background: #fff url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat 90px -170px;
width: 107px;
border: 1px solid #aaa;
height: 20px;
}
#TraminoBlock_84927 div#element_anzahl_personen {
clear:left;
}
.teaserbox {
margin-right:-15px;
}
.teaserbox .spalte {
height:300px;
width:50%;
margin-bottom:15px;
float:left;
}
.teaserbox.galerie iframe.youtube-player { padding:0 15px 15px 0; float:left; }
.teaserbox .spalte.w25 { width:25%; }
.teaserbox .spalte.w33 { width:33.333%; }
.spalte.w50 { width:50%; }
.teaserbox .spalte.w66 { width:66.666%; }
.spalte.teaser {
overflow:hidden;
}
.spalte div.rubrik {
overflow: hidden;
width: 150px;
height: 150px !important;
top: 0px;
right: 0px;
position: absolute !important;
margin: 0 !important;
}
.spalte span.rubrik {
background: #ecf1f3;
padding: 10px;
width: 150px;
display: block;
text-align: center;
position: absolute;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
right: -40px;
top: 25px;
}
.spalte.w33px200, .spalte.w66px200 {
width: 215px;
height: 200px;
}
.teaserbox .spalte.teaser div, .bildbox2 {
margin-right:15px;
background-size: cover;
background-repeat:no-repeat;
background-position:center center;
height:300px;
position:relative;
}
a .bildbox2 {
cursor:pointer;
}
.bildbox2 {
float:left;
width:200px;
height:200px;
margin:0px;
}
.teaserbox .spalte.teaser div a {
display: block;
position: absolute;
bottom: 0px;
left:0px;
right:0px;
background: rgba(72, 125, 138, 0.7);
color: #fff;
text-decoration: none;
padding: 10px 20px;
font-size: 18px;
font-weight:bold;
}
.teaserbox .spalte.teaser div a span {
display:block;
max-height:0px;
-webkit-transition: max-height 1s;
transition: max-height 1s;
overflow:hidden;
font-size:15px;
font-weight:normal;
}
.teaserbox .spalte.teaser div a span.autor, .teaserbox .spalte.teaser div a span.autor span {
max-height:auto; display:inline;
font-size:13px;
}
.teaserbox .spalte.teaser div:hover a span {
max-height:125px;
}
.teaserbox .spalte.download { height:200px; overflow:hidden; }
.teaserbox .spalte.download a { display:block; text-decoration:none; }
.teaserbox .spalte.download div.box, .TraminoFile.PDF {
background: #ecf1f3;
padding: 10px 20px;
font-size: 13px;
font-weight:normal;
margin-right:15px;
height:180px;
color: #666;
}
.TraminoFile.PDF {
height:auto;
margin-right:0px;
}
.teaserbox .spalte.download span {
font-size:18px;
font-weight:bold;
text-decoration:underline;
}
.teaserbox .spalte.download img {
float:right;
margin:0 0 10px 10px;
width:75px;
height:50px;
}
.TraminoPaginator span.anzahl {
margin-right:15px;
}
.TraminoPaginator span a, .tinysubmit, a.cta2button, .TraminoFile .download a, #content .TraminoTextile .TraminoFile a[href^="http"].externlink {
text-decoration:none;
padding: 2px 6px;
font-size:13px;
color: #fff !important;
font-weight: normal;
border-radius: 5px;
background:#767472;
display:inline-block;
margin:0 5px 5px 0;
border:0px;
line-height:20px;
cursor:pointer;
}
.TraminoPaginator span.aktiv a {
background:#333;
}
.TraminoPaginator span a:hover, .tinysubmit:hover, a.cta2button:hover, .TraminoFile .download a:hover, #content .TraminoTextile .TraminoFile a[href^="http"].externlink:hover {
background: #487d8a;
color:#fff;
}
.tinysubmit.buchen:hover {
background: #e85725;
}
.geoinfo {
padding-top: 10px;
}
#body .TraminoCommentContent {
font-size:15px;
}
#content .TraminoVorlage.T125 h2, #content .TraminoVorlage.T80 h2 {
margin-bottom:15px;
}
#tourensuche .knopf {
margin-top:10px;
padding: 6px 30px 5px;
background-color: #b9ced9;
color: #fff;
font-size: 20px;
font-weight:normal;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
cursor: pointer;
}
#tourensuche .knopf:hover {
background: #487d8a;
}
#tourensuche .knopf.loading {
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/614871/ajax-loader.gif) center center no-repeat !important;
font-size: 0px !important;
line-height: 20px;
border: 0px solid #EEE !important;
width: 150px;
display: block;
}
#inhalt .T28 .spalte {
height:330px !important;
cursor:pointer;
}
.Rubrik_19062 #tourensuche .touren-formbox span.button, .Rubrik_19062 #tourensuche .knopf{
background:#aaa;
}
span b.diff_leicht {
background:#060;color:#fff;padding:2px;
}
span b.diff_mittel {
background:#990;color:#fff;padding:2px;
}
span b.diff_schwer {
background:#600;color:#fff;padding:2px;
}
span b.diff_leicht.diffcolor_brs {
background:#009;color:#fff;padding:2px;
}
span b.diff_mittel.diffcolor_brs {
background:#900;color:#fff;padding:2px;
}
span b.diff_schwer.diffcolor_brs {
background:#000;color:#fff;padding:2px;
}
span b.diff_leicht.diffcolor_grb {
background:#ff0;color:#000;padding:2px;
}
span b.diff_mittel.diffcolor_grb {
background:#900;color:#fff;padding:2px;
}
span b.diff_schwer.diffcolor_grb {
background:#009;color:#fff;padding:2px;
}
#content .TraminoVorlage.T2058 {
background: transparent;
padding:0;
position:relative;
border-bottom:0px solid #fff;
}
#content .TraminoVorlage.T2058.Sliste {
margin: 0 30px 30px;
}
#xbody #content .TraminoVorlage.T2058 #kampagne { margin: 0; }
#xcontent .TraminoVorlage.T2058 .fcb.kbox .partnermenu {
left:0px;
padding-left: 60px;
}
#content .TraminoVorlage.T2058 .galerie .FMLmatch {
float: left;
margin: 0px 15px 0 0;
width: 200px;
height: 270px;
overflow:hidden;
}
#content .TraminoVorlage.T2058 .galerie .FMLmatch h3, #content .TraminoVorlage.T2058 .galerie .FMLmatch h3 a {
font-size:18px;
}
#content .TraminoVorlage.T2058 .galerie .FMLmatch h4, #content .TraminoVorlage.T2058 .galerie .FMLmatch .FMLtext .FMLmm, #content .TraminoVorlage.T2058 .galerie .FMLmatch .FMLtext p, #content .TraminoVorlage.T2058 .galerie .ratingbox .info {
display:none;
}
#content .TraminoVorlage.T2058 .galerie .FMLmatch .FMLtext {
position: absolute;
bottom: 5px;
}
#content .TraminoVorlage.T2058 .galerie .FMLmatch .FMLproduct, #content .TraminoVorlage.T2058 .galerie .FMLmatch .divhrtiny.top {
display:none;
}
#content .TraminoVorlage.T2058 .galerie .ratingbox {
position: absolute;
top: 10px;
right: 10px;
}
#content ul#map_tramino_layermenu li {
background: #487d8a;
color:#fff;
border-color:#fff;
}
#content ul#map_tramino_layermenu li.off {
background:#fff;
color:#000;
border-color:#666;
}
#content #FMLmatches.galerie {
margin-right: -50px;
}
.plfilter { width:265px;position: absolute;margin-left: -285px; top:120px; }
#body #content .TraminoVorlage .termincontent h3 {
line-height:32px;
}
#body .T1376 .termin .terminheader { height:auto; }
#content .TraminoVorlage.T2058 .FMLmatch .FMLproduct {
padding-bottom:15px;
}
#TraminoBlock_57358 #deine_adresse_ortsteil, #TraminoBlock_57358 #wen_moechtest_du_hast_du_die_s_ortsteil, #TraminoBlock_57358 .Feld.adresse_pflichtfeld, #TraminoBlock_57358 .Feld.adresse_anrede { display:none; }
#TraminoAnhang70981 .adresse_fax, #TraminoAnhang70981 .adresse_mobil, #TraminoAnhang70981 .adresse_telefon, #TraminoAnhang70981 .adresse_pflichtfeld, #TraminoAnhang70981 .adresse_anrede { display:none; }
.TraminoTextile .quotebox, .TraminoTextile .quotebox div {
height:300px;
width:400px;
}
.TraminoTextile .quotebox.left {
margin:0 15px 15px 0;
}
.TraminoTextile .quotebox.right {
margin:0 0 15px 15px;
}
.quotebox div {
display: table;
text-align: center;
}
.quotebox .quote {
background-color: #487d8a;
padding: 10px;
text-align: center;
color: #fff;
font-size: 24px;
display: table-cell;
vertical-align: middle;
}
.quotebox .quote span {
display: block;
font-size: 14px;
text-align: center;
margin-top:15px;
}
span.copyright, a.fancyimage:hover span.copyright {
position: absolute;
bottom: 5px;
right: 5px;
text-shadow: 0 0 2px #000;
color: #fff;
opacity: .5;
font-size: 10px;
width: auto;
height: auto;
background: transparent !important;
top: auto;
left: auto;
}
.spalte span.copyright, a.fancyimage:hover .spalte span.copyright {
top: 5px;
left: 5px;
bottom: auto;
margin:0;
}
#bilderstack span.copyright {
left: 50px;
bottom: 35px;
}
@media screen and (max-width: 1000px ) {
.Rubrik_42697 .presseseite .TraminoVorlage_2.TraminoVorlage.T1949, .Rubrik_41090 .presseseite .TraminoVorlage_2.TraminoVorlage.T1949 { display:none; }
#body.Rubrik_41090 .presseseite .TraminoVorlage_1.T1949, #body.Rubrik_42697 .presseseite .TraminoVorlage_1.T1958 { width: auto !important; min-height:0; }
}
.Rubrik_41090 .presseseite .TraminoVorlage_1.T1949, .Rubrik_42697 .presseseite .TraminoVorlage_1.T1958 {
width: 38% !important;
min-height: 1030px;
overflow:hidden;
}
.Rubrik_42697 .presseseite .TraminoVorlage_2.TraminoVorlage.T1949, .Rubrik_41090 .presseseite .TraminoVorlage_2.TraminoVorlage.T1949 {
width: 45% !important;
position: absolute !important;
right: 0;
top: 0;
background: #CAC7B5 !important;
}
.Rubrik_42697 .presseseite div#TraminoInhalt, .Rubrik_41090 .presseseite div#TraminoInhalt {
position: relative;
}
.Rubrik_42697 .presseseite .TraminoVorlage_2.T1949 .teaserbox .spalte.teaser.w33, .Rubrik_41090 .presseseite .TraminoVorlage_2.T1949 .teaserbox .spalte.teaser.w33 {
width: 50%;
}
a.button {
background-color: #666;
color: #fff !important;
text-decoration: none;
padding: 3px 8px;
line-height: 130%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
a:hover.button {
background-color: #222;
color: #fff;
}
#FMLliste.galerie .ratingbox2, #FMLliste.galerie .FMLtext, #FMLliste.galerie .rating {
display: none;
}
#FMLmatches.galerie a.DetailInfo.oeffnungszeit {
position: absolute;
bottom: 0;
background: rgba(255,255,255,.75);
font-size: 12px;
left: 0;
right: 0;
padding: 5px;
text-align: center;
}
/* --- Stylesheet 2845 () --------- */
.TraminoVorlage.T49 {
max-width:1000px;
}
#GGDetail {
position:relative;
background: #ecf1f3;
padding: 0 0 0 10px;
margin:-15px -30px 0 -30px;
border-top:10px solid #ecf1f3;
z-index:100;
height:25px;
}
#GGContent .infow2_button {
visibility:hidden;
}
#content #GGContent .Headlines {
margin-bottom:0px;
}
#GGContent p.subline, #kampagne p.subline {
padding:10px 0 5px 0;
margin:0;
}
#GGContent .Headlines h1, #kampagne .FMLmatch h2, #kampagne .FMLmatch h2 a {
line-height:38px;
margin:0;
color: #3c3c3b;
text-decoration:none;
}
#GGContent .Headlines h1, #GGContent .Headlines p { padding:10px 65px 5px 0; margin:0; }
#kampagne .FMLmatch h2 {
float:left;
margin-bottom:20px;
}
#GGContent .btnlink {
display: block;
text-align:center;
background: #666;
padding: 7px 16px;
color: #fff;
font-weight: normal;
text-decoration: none;
border-radius: 5px;
margin:0 10px 10px;
}
#GGContent .btnlink:hover {
background:#487d8a;
}
.fcb .partnermenu {
position: absolute;
background: #ecf1f3;
top: 0px;
left: -30px;
height: 60px;
right: -10px;
z-index: 100;
padding-top:10px;
margin-right:-20px;
}
.fcb .partnermenu.fixed {
left:50px;
}
.partnermenu ul li {
float:left;
font-size:18px;
background:#b9ced9;
border-right:5px solid #ecf1f3;
border-bottom:5px solid #ecf1f3;
}
.partnermenu ul li:hover a {
background:#589bac;
}
.partnermenu ul li.on a, .partnermenu ul li.aktiv a {
background:#fff;
}
.partnermenu ul li a, .partnermenu ul li a:hover {
color:#444;
font-size:16px;
}
.partnermenu ul li.back {
background:#666;
color:#fff;
}
.partnermenu ul li.back:hover a {
background:#555;
}
#GGContent {
margin-top:60px;
position:relative;
}
#GGContent hr, .FMLmatch hr, #GGContent .divhr, .FMLmatch .divhr {
margin: 30px -30px;
border-top: 1px solid #ccc;
border-bottom: 19px solid #ecf1f3;
height: 0px;
}
#GGContent hr.tiny, .FMLmatch hr.tiny, #GGContent .divhrtiny, .FMLmatch .divhrtiny {
border-top: 1px solid #ecf1f3;
border-bottom: 3px solid #ecf1f3;
margin: 10px -30px;
}
.FMLmatch hr.tiny, .FMLmatch .divhrtiny {
margin: 10px -15px 0;
border-bottom: 3px solid #ecf1f3;
border-top:1px solid #ecf1f3;
}
.FMLmatch hr.tiny, .FMLmatch .divhrtiny.top {
margin: 10px -15px;
}
.mmitem {
margin:0;
padding: 5px;
width:180px;
width:120px;
height:20px;
color:#ccc;
border-right:1px solid #eee;
font-size:12px;
line-height: 13px;
margin-left: 20px;
position: relative;
overflow:hidden;
}
.mmitem.aktive {
color:#000;
}
.mmitem:before{content:"\0058\0020";color:#cccccc;font-weight:bold;font-size:16px;position:absolute;left:-15px;}
.mmitem.aktive:before{content:"\2713\0020";color:#009900;font-weight:bold;font-size:16px;}
.mmitem.aktive.negative:before{content:"\0058\0020";color:#900900;font-weight:bold;font-size:16px;}
.mmitem.big { height:100px; position:relative; overflow:visible; font-size:13px; }
.mmitem.big img {
padding-bottom:10px;
}
.mmitem.big:before{content:"";}
.mmitem.big, .mmitem.big a {
color:#000;
}
.mmitem.big .hinfo {
display:none;
position:absolute;
top:110px;
background:#eee;
padding:10px;
width:250px;
border:5px solid #fff;
font-size:11px;
z-index:1000;
}
.mmitem.big:hover .hinfo {
display:block;
}
#GGContent .FMLproducts2 {
background: #eee;
margin: 0 -30px;
padding: 15px;
position:relative;
}
#GGContent .FMLproducts2 div.FMLpmenu {
top:0px;
}
#GGContent .FMLproducts2 hr.tiny, #GGContent .FMLproducts2 .divhrtiny {
margin: 10px -15px 0;
}
.ratingbox {
position:relative;
height:50px;
margin-top:0px;
float:right;
font-size:10px;
color:#666;
padding: 0 0 10px 10px;
}
.ratingbox .ratetop {
background:#308030;
color:#fff;
font-weight:bold;
padding:5px;
text-align:center;
position:relative;
float:left;
}
.ratingbox .ratetop .average {
font-size:24px;
line-height:24px;
}
.ratingbox .ratetop .ancor {
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 10px 0 0;
border-color: #308030 transparent transparent transparent;
display:block;
position:absolute;
left:0;
bottom:-10px;
}
.ratingbox .info {
float:left;
}
.ratingbox .info .rtext {
font-size:20px;
line-height:20px;
color:#308030;
padding:0 0 2px 5px;
display:inline-block;
}
.ratingbox .info .votes {
padding:0 5px;
display:inline-block;
}
.ratingbox .info img {
width: 26px;
display: inline-block;
float: left;
margin: 0 0 0 6px;
}
.ratingbox.tygelb .ratetop { background: #F9C015; }
.ratingbox.tygelb ..ratetop .ancor{ border-color: #F9C015; }
.ratingbox.tygelb .info .rtext { color: #F9C015; }
.ratingbox.tygelb .ratetop .ancor { border-color:#F9C015 transparent transparent transparent;}
.ratingbox.tyrot .ratetop { background: #F37159; }
.ratingbox.tyrot ..ratetop .ancor{ border-color: #F37159; }
.ratingbox.tyrot .info .rtext { color: #F37159; }
.ratingbox.tyrot .ratetop .ancor { border-color:#F37159 transparent transparent transparent;}
.ratingbox2 {
position:relative;
height:75px;
margin-top:0px;
float:right;
font-size:10px;
color:#666;
padding: 0 0 10px 10px;
text-align:center;
}
.stars span {
width:15px;
height:15px;
display:inline-block;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1OTUuMjhweCIgaGVpZ2h0PSI4NDEuODlweCIgdmlld0JveD0iMCAwIDU5NS4yOCA4NDEuODkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDU5NS4yOCA4NDEuODkiIHhtbDpzcGFjZT0icHJlc2VydmUiPiAgICAgPHBvbHlnb24gZmlsbD0iI2ZmZmZmZiIgcG9pbnRzPSIyLjYsMTUuMSA3LjUsMTEuMiAxMi4zLDE1LjEgMTAuNCw4LjggMTQuOCw1LjQgOS4yLDUuNCA3LjUsMCA1LjYsNS40IDAuMiw1LjQgNC42LDkgIi8+PC9zdmc+);
}
.stars span.half {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1OTUuMjhweCIgaGVpZ2h0PSI4NDEuODlweCIgdmlld0JveD0iMCAwIDU5NS4yOCA4NDEuODkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDU5NS4yOCA4NDEuODkiIHhtbDpzcGFjZT0icHJlc2VydmUiPiAgICAgPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIyLjYsMTUuMSA3LjUsMTEuMiAxMi4zLDE1LjEgMTAuNCw4LjggMTQuOCw1LjQgOS4yLDUuNCA3LjUsMCA1LjYsNS40IDAuMiw1LjQgNC42LDkgIi8+ICAgICA8cG9seWdvbiBmaWxsPSIjMjc2RjI1IiBwb2ludHM9IjcuNSwwIDUuNiw1LjQgMC4yLDUuNCA0LjYsOSAyLjcsMTUuMSA3LjUsMTEuMiAiLz48L3N2Zz4=);
}
.stars span.full {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1OTUuMjhweCIgaGVpZ2h0PSI4NDEuODlweCIgdmlld0JveD0iMCAwIDU5NS4yOCA4NDEuODkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDU5NS4yOCA4NDEuODkiIHhtbDpzcGFjZT0icHJlc2VydmUiPiAgICAgPHBvbHlnb24gZmlsbD0iIzI3NkYyNSIgcG9pbnRzPSIyLjYsMTUuMSA3LjUsMTEuMiAxMi4zLDE1LjEgMTAuNCw4LjggMTQuOCw1LjQgOS4yLDUuNCA3LjUsMCA1LjYsNS40IDAuMiw1LjQgNC42LDkgIi8+PC9zdmc+);
}
.ratingbox2 span.average {
font-size: 20px;
font-weight: bold;
color:#276F25;
}
.ratingbox2.tygelb span.average { color:#F9C015; }
.ratingbox2.tyrot span.average { color:#F37159; }
.tyitem {
height:20px;
overflow:hidden;
color:#666;
margin-bottom:5px;
}
.tyinfo {
width:150px;
color:#000;
}
.tyscore {
width:107px;
background:#ccc;
margin-right:15px;
}
.tyscore span {
background: #308030;
display:inline-block;
padding:1px 2px 1px 5px;
color:#fff;
font-size:12px;
}
.tyscore span.tygelb { background: #E7BC39; }
.tyscore span.tyrot { background: #BE5642; }
ul.tyhead, ul.tyhead li {
list-style:none;
padding:0px;
margin:0px;
}
ul.tyhead li {
width:70px;
padding:15px 0 0 90px;
float:left;
height:70px;
position:relative;
border-bottom:5px solid #fff;
cursor:pointer;
opacity:0.5;
margin-top:30px;
}
ul.tyhead li.aktiv {
border-bottom: 5px solid #ddd;
opacity:1;
}
ul.tyhead li:hover {
border-bottom: 5px solid #aaa;
opacity:0.75;
}
ul.tyhead li span.pie {
position:absolute;
display:block;
top:0px;
left:10px;
width:70px;
height:70px;
}
ul.tyhead li span.icon {
position:absolute;
display:block;
top:20px;
left:30px;
width:30px;
height:30px;
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -56px -257px;
}
ul.tyhead li span.icon.couple { background-position: -86px -257px; }
ul.tyhead li span.icon.family { background-position: -116px -257px; }
ul.tyhead li span.icon.business { background-position: -146px -257px; }
ul.tyhead li span.icon.solo { background-position: -176px -257px; }
p.ratinginfo {
font-size: 12px;
color: #888;
padding: 0;
margin: -10px 0 0;
}
a.FMLimage {
float:left;
margin-right:10px;
}
#GGContent .FMLproduct {
width:100%;
margin:0;
}
#GGContent #qsprodukticon {
background:#e85725 url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat 0px 0px;
height: 24px;
width: 24px;
border:11px solid #e85725;
position:absolute;
top:25px;
left:0px;
display:none;
}
#GGContent #qsprodukticon span {
position: absolute;
left: 35px;
width: 150px;
top: -11px;
background: #e85725;
padding: 12px 0 13px;
color: #fff;
}
#body #GGContent .hovered #qsprodukticon span { display:none; }
#GGContent #FPform {
background: #666666;
color:#eee;
padding: 15px 0 15px 15px;
margin-top:70px;
}
#GGContent #FPform input.datum {
width: 75px;
margin-right: 5px;
background: #fff url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat 70px -173px;
border: 1px solid #888;
padding: 5px 15px 5px 5px;
border-radius: 5px;
cursor: pointer;
}
#GGContent #FPform select.w40 {
width:40px;
margin-right: 5px;
background: #fff url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat 15px -197px;
border: 1px solid #888;
padding: 5px 15px 5px 5px;
border-radius: 5px;
cursor: pointer;
-webkit-appearance: none;
}
#GGContent #FPform select.w85 {
width:85px;
margin-right: 5px;
background: #fff url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat 58px -197px;
border: 1px solid #888;
padding: 5px 15px 5px 5px;
border-radius: 5px;
cursor: pointer;
-webkit-appearance: none;
}
.otmnFormout {
padding: 15px 30px;
}
.otmnForm input, .otmnForm textarea {
border: 1px solid #888;
padding:5px;
margin-bottom:5px;
}
.otmnForm label span {
display: block;
width: 75px;
font-size:12px;
}
.otmnForm .left {
padding-right:15px;
}
.otmnForm .boxnachr {
position:relative;
height:200px;
}
.otmnForm .boxnachr div {
position:absolute;
left:0px;
right:27px;
bottom:30px;
top:20px;
}
.otmnForm .boxnachr div textarea {
width:100%;
height:100%;
}
.otmnForm input[type=submit] {
margin: 5px 0px 15px 0px;
}
#GGContent #FSTr {
margin-left:275px;
margin-top:30px;
}
#GGContent .kartendiv {
position:relative;
margin:0 0 20px 430px;
}
.availabilityLegend {
width: 100%;
}
.availabilityLegend .legendItem {
display: inline-block;
height: 20px;
padding: 5px 0;
}
.availabilityLegend .legendItem .colorBlock {
background-clip: padding-box;
border-radius: 3px;
display: block;
font-weight: bold;
margin: 4px;
float: left;
height: 12px;
width: 12px;
}
.availabilityLegend .legendItem .colorBlock.green {
background: none repeat scroll 0 0 #2b7400;
border: 1px solid #2b7400;
color: white;
}
.availabilityLegend .legendItem .colorBlock.lightGreen {
background: none repeat scroll 0 0 #98de67;
border: 1px solid #98de67;
color: #5b5b5b;
}
.availabilityLegend .legendItem .colorBlock.greenRed {
background: -moz-linear-gradient(-45deg,#98de67 50%,#af0008 50%);
background: -webkit-linear-gradient(-45deg,#98de67 50%,#af0008 50%);
background: -o-linear-gradient(-45deg,#98de67 50%,#af0008 50%);
background: -ms-linear-gradient(-45deg,#98de67 50%,#af0008 50%);
background: linear-gradient(135deg,#98de67 50%,#af0008 50%);
border: 0 none;
color: white;
}
.availabilityLegend .legendItem .colorBlock.red {
background: none repeat scroll 0 0 #af0008;
border: 1px solid #af0008;
color: white;
background-image: url("http://interfaces.deskline.net/tosc4/c3bg.png");
background-size: 100% auto;
}
.availabilityLegend .legendItem p {
float: left;
font-size: 13px;
font-style: italic;
margin:3px;
}
#GGDetailMenu li a#GGDetailfirst {
background: #ecf1f3;
padding:0 15px 0 0;
margin: -10px 0 0 0;
}
#GGDetailMenu li h1 {
font-weight:normal;
padding:0;
margin:0;
font-size: 26px;
-webkit-transition: all .5s;
transition: all .5s;
}
#GGDetailMenu li h4 {
padding:0;
margin:0;
font-size: 14px;
-webkit-transition: all .5s;
transition: all .5s;
}
#GGDetailMenu.fixed li a#GGDetailfirst {
margin:0;
}
#GGDetailMenu.fixed li a#GGDetailfirst h1 {
font-size:20px
}
#GGDetailMenu.fixed li a#GGDetailfirst h4 {
font-size:12px
}
#GGDetailMenu.fixed .ratingbox, #GGDetailMenu.fixed .ratingbox2 { display:none; }
#GGDetailMenu li.GGBild {
width:0px;
overflow:hidden;
-webkit-transition: all .5s;
transition: all .5s;
}
#GGDetailMenu.fixed li.GGBild {
width:50px;
}
.googlemapcontact { margin-left:20px; float:right;}
@media screen and (max-width: 800px ) {
#GGDetailMenu li.GGInfoline { float:none; }
#GGDetailMenu li a#GGDetailfirst h1 { font-size:20px }
#GGDetailMenu li a#GGDetailfirst h4 { font-size:12px }
#GGDetailMenu .ratingbox, #GGDetailMenu .ratingbox2 { display:none; }
#GGDetailMenu li.GGBild { width:50px; }
.googlemapcontact { margin-left: 0px;
float: none;
padding-top: 15px;
display: block;
clear: left;
}
.googlemapcontact img { width:100%; }
}
/* --- Stylesheet 3015 () --------- */
#content .T1981.TraminoVorlage {
background: transparent;
padding: 0;
margin: 0 30px;
position:relative;
border-bottom:0px solid #fff;
}
.fcb #quicksearch {
background: transparent;
position:absolute;
left: -305px;
padding:10px 12px 10px 20px;
}
.fcb #quicksearch #qsbox {
position:relative;
top:0px;
left:0px;
}
.fcb #quicksearch.fixed {
top:60px;
left:30px;
}
.filterup a { display:none; }
.fcb. #quicksearch.fixed .filterup a {
display:block;
background: #b9ced9;
position: absolute;
left:0px;
right:0px;
padding: 5px;
text-align: center;
}
.fcb.kbox .partnermenu.fixed {
top:60px;
left: 50px;
right: 30px;
margin-left: 285px;
}
.fcb.kbox .partnermenu {
left: 305px;
}
#content #kampagne {
margin: 0 20px 0 305px;
padding: 70px 0 0 0;
}
#xpage #content.gastgeber #TraminoArtikel {
margin-top: 160px;
padding-top: 20px;
margin-bottom: 0px;
}
#xpage #content.gastgeber #TraminoArtikel .pfad { display:none; }
#xpage #content.gastgeber #TraminoArtikel .Headlines { margin:0px; }
.FMLmatch {
padding:15px 15px 0px;
background:#fff;
border-bottom: 30px solid #ecf1f3;
position:relative;
}
.FMLmatch .FMLimage {
margin-bottom:30px;
position:relative;
}
.FMLmatch .FMLimage.boa {
margin-bottom:55px;
}
#FMLmatches.galerie .FMLmatch .FMLimage.boa, #FMLliste.galerie .FMLmatch .FMLimage.boa, #FMLmatches.galerie .FMLmatch .FMLimage, #FMLliste.galerie .FMLmatch .FMLimage {
margin-bottom:0px;
}
.FMLmatch .infovideo, #GGContent .infovideo {
padding:5px;
position: absolute;
left: 20px;
width: 80px;
height: 20px;
background: #fff;
top: 160px;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
opacity:0.6;
border-radius:5px;
text-decoration: none;
}
.FMLmatch .infopano, #GGContent .infopano {
margin-left: 5px;
position: absolute;
left: 115px;
width: 80px;
height: 20px;
top:160px;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */
filter: gray;
-webkit-filter: grayscale(100%);
opacity: 0.6;
text-decoration: none;
padding: 5px;
background:#fff;
border-radius:5px;
}
.FMLmatch .infopano span, #GGContent .infopano span {
width: 30px;
height: 18px;
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -245px -290px;
display: inline-block;
margin: 0 5px -3px 0;
}
.FMLmatch .infovideo span, #GGContent .infovideo span {
width: 30px;
height: 18px;
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -210px -288px;
display: inline-block;
margin: 0 5px -3px 0;
}
a.infoicon2 {
display:inline-block;
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -90px -288px;
height: 18px;
width: 18px;
}
a.infoicon {
display: inline-block;
background: #487d8a !important;
padding: 2px 6px;
border-radius: 5px;
text-decoration: none;
color: #fff !important;
font-size: 13px;
}
.productinfo:hover a.infoicon2, p:hover a.infoicon2, a.infoicon2:hover, a.infoicon2.aktiv {
background-position:-120px -288px;
}
a.deleteicon {
display: block;
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -150px -288px;
height: 18px;
width: 18px;
margin: 2px 0 0 10px;
}
#FMLmatches.galerie .FMLmatch .infovideo, #FMLmatches.galerie .FMLmatch .infopano, #FMLliste.galerie .FMLmatch .infovideo {
top:160px;
left:20px;
}
#FMLliste.galerie .FMLmatch .infopano {
top:160px;
right:20px;
}
#FMLmatches.galerie .FMLmatch .infopano {
left: 120px;
}
#GGContent .infovideo, #GGContent .infopano {
float:right;
top:0px;
left:0px;
position:relative;
margin-bottom: 10px;
background: #ccc;
}
.FMLmatch .infopano:hover, .FMLmatch .infovideo:hover, #GGContent .infovideo:hover, #GGContent .infopano:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
opacity:1;
}
.FMLmatch .FMLtext {
padding:10px 0 10px;
}
.FMLmatch .FMLgeo {
display:none;
}
#content .FMLmatch h3, #content .FMLmatch h3 a {
font-size:32px;
font-weight:normal;
padding: 0;
margin: 0 10px 0 0;
color: #3c3c3b;
font-family: 'Roboto Slab', serif;
text-decoration:none;
}
#content .FMLmatch h3 a:hover {
color: #589cad;
}
#content .FMLmatch h4.info, #content #GGContent h4.info {
font-weight: bold;
font-size: 16px;
margin: 0;
color: #3c3c3b;
}
#content .FMLmatch h4.info a, #content #GGContent h4.info a {
text-decoration:none;
}
#content #GGContent h4.info:hover {
color: #589cad;
}
.FMLtextx {
width:48%;
float:left;
margin-right:2%;
}
.FMLmatch .FMLmm {
float:right;
}
.FMLmatch .FMLmm > div {
width:50px;
height:50px;
z-index:50;
float:left;
}
.FMLmatch .FMLmm > div > div { display:none; }
.FMLmatch .FMLmm > div:hover > div, .FMLmatch .FMLmm > div.hovered > div {
display:block;
position:absolute;
margin-top:50px;
right:0px;
background: #ecf1f3;
padding: 10px;
z-index:99;
width:250px;
border:5px solid #fff;
font-size:13px;
}
.FMLmatch .FMLmm img {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
.FMLmatch .FMLmm img:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
.FMLmehrladen {
font-size:15px;
}
.FMLproduct {
background: #ecf1f3;
padding: 0 15px 30px;
margin: -10px -15px 0;
position:relative;
}
.FMLtext img {
float:left;
}
.FMLtext p { margin-top:0px; }
#FMLmatches #FMLTrefferinfo .anzahlliste{ display:none; }
#FMLmatches.liste #FMLTrefferinfo .anzahlliste{ display: block; }
#FMLmatches.liste.favoriten #FMLTrefferinfo .anzahlliste{ display: none; }
#FMLmatches.favoriten .FMLmatch {
display:none;
}
#FMLmatches.favoriten .FMLmatch.favoriten {
display:block;
}
#FMLmatches .favoriteninfo {
display:none;
}
#FMLmatches.favoriten .favoriteninfo {
display:block;
}
#FMLmatches.karte .FMLmatch {
border-bottom: 1px solid #aaa;
z-index:11;
}
#FMLmatches #FMLMessage {
padding:15px;
background:#fff;
position:relative;
border-bottom: 1px solid #aaa;
font-size:13px;
color:#999;
margin-bottom:15px;
}
#FMLmatches.karte span.FMLpfeil {
width:66px;
height:35px;
background: transparent url(//tramino.s3.amazonaws.com/gfx/pfeilu.png);
display:block;
bottom:-35px;
left:50%;
margin-left:-33px;
position:absolute;
z-index:100;
}
#FMLmatches #FMLKarte, #FMLmatches #FMLKartebutton, #FMLmatches #FMLMessage {
display:none;
}
/* LISTE */
#FMLmatches .FMLmatch {
background:#fff;
}
#FMLmatches .FMLmatch a.moreproducts{
text-decoration:underline;
cursor:pointer;
color:#888;
font-size:13px;
}
#FMLmatches .abprice { display:none;}
#FMLmatches.liste #FMLKarte, #FMLmatches.liste #FMLKartebutton, #FMLmatches.liste #FMLMessage {
display:none !important;
}
/* Karte */
#FMLmatches.karte .FMLmatch {
display:none;
}
#FMLmatches.karte #FMLKarte, #FMLmatches.karte #FMLKartebutton {
display:block;
}
.debugwindow {
background:#000;
color:#fff !important;
}
table.modal td.modal_t .modal_menu a.next, table.modal td.modal_t .modal_menu a.prev, table.modal td.modal_t .modal_menu a.close {background-color: #b9ced9 !important; }
table.modal td.modal_t .modal_menu a:hover { background-color: #EF7F01 !important; }
table.modal td.modal_t .modal_menu a.next.hidden, table.modal td.modal_t .modal_menu a.prev.hidden, table.modal td.modal_t .modal_menu a.close.hidden { visibility:hidden !important; }
#FMLKarte {
height:500px;
width:100%;
background:#555;
}
div.FMLpmenu {
height:22px;
border-bottom: 1px solid #ccc;
margin: -10px -15px 0px -15px;
padding: 5px 0 0 11px;
position:absolute;
top:-17px;
}
ul.FMLpmenu {
list-style:none;
padding:0px;
margin:0px;
}
ul.FMLpmenu li {
list-style:none;
padding:2px 5px 3px 5px;
margin:1px 2px -1px;
font-size:11px;
display:inline-block;
cursor:pointer;
border: 1px solid #fff;
background:#aaa;
border-bottom: 0px solid #fff;
color:#fff;
}
ul.FMLpmenu li:hover {
background: #666;
border-color: #666;
color:#fff;
}
ul.FMLpmenu li.aktiv, ul.FMLpmenu li.aktiv:hover {
background:#fff;
color:#000;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
a span.propfeil {
display:inline-block;
width:10px;
height:10px;
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/132971/produktepfeil.png) no-repeat 0px -46px;
}
a span.propfeil.promehr {
background-position: 0px -45px;
}
a span.propfeil.proweniger {
background-position: 0px -25px;
}
h3 a.resetbutton {
background: #b9ced9 !important;
padding: 10px !important;
border-radius: 4px !important;
display:inline-block !important;
cursor:pointer !important;
color:#fff !important;
}
h3 a.resetbutton:hover {
background:#EF7F01 !important;
color:#fff !important;
}
.FMLinfo a { color: #3c3c3b; }
.FMLproducts2 .FMLPmatch {
position:relative;
margin: 0px -15px;
padding: 5px 15px 0;
background:#fff;
}
.FMLproducts2 .FMLPmatch hr.tiny, .FMLproducts2 .FMLPmatch .divhrtiny {
margin:5px -15px 0px;
}
.produktpauschale {
background: #b9ced9 !important;
}
#GGContent .TCPfmlst .produktpauschale {
background: #b9ced9;
margin: -10px -30px;
padding: 1px 30px;
}
.FMLproducts2 .FMLPmatch p {
margin:0;
padding: 0 10px 0 0;
}
.FMLproducts2 .FMLPmatch.hidefortoggle {
display:none;
}
.FMLproducts2.fullheight .FMLPmatch.hidefortoggle {
display:block;
}
.FMLproducts2 .FMLPmatch .price {
float: right;
margin: 0px 90px 0px 0;
text-align:right;
}
.FMLproducts2 .FMLPmatch .price span { font-size:13px; }
.FMLproducts2 .FMLPmatch .buchenbutton, .FCart .FCmatch .buchenbutton, #tcpFML .buchenbutton {
position:absolute;
top:5px;
right:15px;
text-align:center;
padding: 2px 6px;
margin:0 0 0 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:; 5px;
background: #e85725;
color:#fff;
cursor:pointer;
}
.FMLproducts2 .FMLPmatch .buchenbutton.anfragen, #tcpFML .buchenbutton.anfragen {
background: #aaa;
padding:2px 6px;
}
.FMLproducts2 .FMLPmatch .buchenbutton .bucheninfo, #tcpFML .bucheninfo {
position:absolute;
top:30px;
display:block;
font-size:9px;
text-align:center;
width:40px;
color:#aaa;
}
.FMLproducts2 .FMLPmatch .buchenbutton:hover, .FCart .FCmatch .buchenbutton:hover, #tcpFML .buchenbutton:hover {
background-color: #e86825;
cursor:pointer;
}
.FMLproducts2 .FMLPmatch .buchenbutton.anfragen:hover, .FCart .FCmatch .buchenbutton.anfragen:hover, #tcpFML .buchenbutton.anfragen:hover {
background-color: #999;
cursor:pointer;
}
.FMLproducts2 .FMLPmatch .buchenbutton.anfragen.isincart, #tcpFML .buchenbutton.anfragen.isincart, .FMLproducts2 .FMLPmatch .buchenbutton.isincart, #tcpFML .buchenbutton.isincart {
background-color: #aaa !important;
}
.FMLproducts2 .FMLPmatch .buchenbutton.loading, .FCart .FCmatch .buchenbutton.loading {
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/614871/ajax-loader.gif) center center no-repeat !important;
font-size: 0px !important;
line-height: 28px;
}
.FMLproducts2 .FMLPmatch .pdetail {
padding:15px 0 0;
margin:15px 0 0;
border-top:1px dashed #CAC7B5;
}
.FMLproducts2 .FMLPmatch .pdetail.spdetail .iframebox {
/*display:none;*/
}
.FMLPmatch .pdetail hr, .FMLPmatch .pdetail .divhr {
margin: 0 -15px -5px;
padding: 0;
border-bottom: 0px solid #fff;
border-top: 5px solid #CAC7B5;
}
#content .FMLproducts2 .FMLPmatch .pdetail h3 {
font-size: 16px;
font-weight: bold;
margin: 10px 0 0;
color: #3c3c3b;
font-family: 'Roboto Slab', serif;
}
.FMLproducts2 .FMLPmatch .productinfo a.detailproduct { float:right;}
.FMLproducts2 .FMLPmatch .productinfo a.more span {
display: inline-block;
width: 10px;
height: 10px;
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/132971/produktepfeil.png) no-repeat 0px -45px;
margin-right:10px;
}
.FMLproducts2 .FMLPmatch .productinfo a.more.aktiv span {
background-position: 0px -25px;
}
#kftsearch .FSearchFilter {
position: absolute;
top: 250px;
left: -285px;
width: 235px;
background: #b9ced9;
padding: 30px 15px 15px;
}
#kftsearch .FSearchFilter h2, .trustbox h2 {
font-size:20px;
}
#kftsearch .FSearchFilter ul {
list-style: none;
padding: 0;
margin: 0;
}
/* SEARCHFILTER */
.FSearchFilter h3 {
color: #514522 !important;
font-size:14px !important;
font-family: 'Roboto', sans-serif !important;
font-weight:bold !important;
padding:15px 0 5px 0 !important;
margin:0 !important;
}
.FSearchFilter h3.filter_updown {
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/131701/filterpfeil.png) no-repeat 0 -28px;
padding-left:15px !important;
cursor:pointer;
}
.FSearchFilter h3.filter_updown.isopen, .FSearchFilter h3.filter_updown:hover {
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/131701/filterpfeil.png) no-repeat 0 10px;
padding-left:15px !important;
}
.FSearchFilter .beson {
text-align:center;
padding:5px 0;
position:relative;
width:50px;
margin-right:5px;
}
.FSearchFilter .beson .infotipbox {
position: absolute;
top: 0px;
bottom: 15px;
left: 50px;
padding: 5px;
background: #ecf1f3;
display: none;
font-size: 12px;
color: #333;
width: 370px;
border: 5px solid #fff;
border-left: 0px solid #fff;
}
.FSearchFilter .beson:hover .infotipbox {
display:block;
z-index:100;
}
.FSearchFilter .beson img {
background:#fff;
padding:5px 0;
margin-bottom:5px;
}
.FSearchFilter input[type="checkbox"] {
margin-right:10px;
}
.FSearchFilter h3 span.filter_updown, span.filter_updown {
color:#333 !important;
font-size:10px !important;
padding:2px 2px 2px 10px !important;
cursor:pointer !important;
}
.FSearchFilter ul, .FSearchFilter li {
list-style:none;
padding:0;
margin:0;
color:#333;
}
.FSearchFilter ul ul {
padding: 0 0 15px 15px;
}
.FSearchFilter .filterslider.ui-slider .ui-slider-handle.last, .FSearchFilter .filterslider.ui-slider .ui-slider-handle.ui-state-focus.last, .FSearchFilter .filterslider.ui-slider .ui-slider-handle.ui-state-hover.last {
background-position: top left !important;
}
.FSearchFilter .filterslider.ui-slider .ui-slider-handle.ui-state-hover, .FSearchFilter .filterslider.ui-slider .ui-slider-handle.ui-state-focus, .FSearchFilter .filterslider.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 22px;
height: 13px;
cursor: default;
border:0px solid #fff;
background: transparent url(//tramino.s3.amazonaws.com/gfx/slider.png) top right !important;
top:-3px;
}
.FSearchFilter .ui-slider-horizontal {
width: 183px;
margin-left: 7px;
}
.FSearchFilter span#classsliderinfo span.star1 {
height:11px;
width:12px;
background: url( https://tramino.s3.amazonaws.com/gfx/stars.png);
display: inline-block;
}
.FSearchFilter span#classsliderinfo span.star2 {
height:11px;
width:24px;
background: url( https://tramino.s3.amazonaws.com/gfx/stars.png);
display: inline-block;
}
.FSearchFilter span#classsliderinfo span.star3 {
height:11px;
width:36px;
background: url( https://tramino.s3.amazonaws.com/gfx/stars.png);
display: inline-block;
}
.FSearchFilter span#classsliderinfo span.star4 {
height:11px;
width:48px;
background: url( https://tramino.s3.amazonaws.com/gfx/stars.png);
display: inline-block;
}
.FSearchFilter span#classsliderinfo span.star5 {
height:11px;
width:60px;
background: url( https://tramino.s3.amazonaws.com/gfx/stars.png);
display: inline-block;
}
.trustbox {
background:#b9ced9;
margin: 0 -15px -15px;
padding: 15px;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
font-size:12px;
}
#content .trustbox h2, .trustbox h2, .trustbox b {
color:#07465A;
}
.trustbox ul {
padding:0;
margin:0;
}
.FSearchFilter .trustbox li, .trustbox li {
margin: 10px 0 0 40px;
font-size: 13px;
position:relative;
list-style:none;
}
.FSearchFilter .trustbox li span, .trustbox li span {
background:transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/653567/trusticon.png) no-repeat;
width:30px;
height:30px;
position:absolute;
left:-40px;
top:0;
}
.tipsy { font-size: 12px; }
span span.propfeil {
display:inline-block;
width:10px;
height:10px;
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/132971/produktepfeil.png) no-repeat 0px -46px;
}
span span.propfeil.promehr {
background-position: 0px -5px;
}
span span.propfeil.proweniger {
background-position: 0px -25px;
}
b.lagesortbutton {
background: #ecf1f3;
padding: 5px;
border-radius: 4px;
display:inline-block;
cursor:pointer;
}
b.lagesortbutton:hover {
background: #fff;
}
b.lagesortbutton:hover .kartenicon {
background-position: -24px -11px;
}
li.filterback {
background: #ecf1f3;
padding:5px;border-radius: 4px;
margin:15px 0;
cursor:pointer;
text-align:center;
width:200px;
}
li.filterback:hover { background: #fff; }
#content.scfix .fcb.kbox .partnermenu.fixed {
top: 0px;
right:0px;
}
@media screen and (max-width: 1000px ) {
#body #content #kampagne {
margin: 0 20px 0 20px;
}
#body #quicksearch.gastgeber {
top: 0px;
position: fixed;
left: 15px !important;
z-index: 175;
}
#body .fcb.kbox {
position:relative;
}
#body .fcb.kbox .partnermenu {
left: 20px;
padding-left: 130px;
right: 0;
}
#body #content.scfix .fcb.kbox .partnermenu.fixed {
padding-left: 160px;
margin:0;
}
#body #quicksearch.gastgeber #qsicon {
position: absolute;
display: block;
left: 0px;
margin-top: 0px;
}
#body_x .fcb.kbox #quicksearch.gastgeber.fixed #qsicon {
left:50px;
}
#body #quicksearch.gastgeber #qsbox {
display:none;
}
#body #quicksearch.gastgeber.hovered #qsbox {
display:block;
display: block;
top: 50px;
left: -19px;
}
#body .fcb.kbox #quicksearch.gastgeber.fixed.hovered #qsbox {
left:-20px;
}
#body #kftsearch .FSearchFilter { display:none;}
#body #kftsearch .hovered .FSearchFilter {
margin-top: 60px;
left: 0;
display: block;
z-index: 100;
}
#body #kftsearch.fixed .hovered .FSearchFilter {
position: fixed;
left: 50px;
top: 0px;
bottom: 0px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
overflow-x: visible;
}
#filtericon {
display: block;
background: #b9ced9 url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -280px -280px;
width: 24px;
height: 24px;
z-index: 100;
position: absolute;
top: 10px;
left: 70px;
border: 13px solid #b9ced9;
cursor:pointer;
}
#xfiltericon:hover {
background-color:#487d8a;
border-color:#487d8a;
}
.hovered #filtericon {
background: #666 url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -102px -65px;
border:0px solid #fff;
height:50px;
width:50px;
}
.fcb .filterup a { display:none; }
#body #qswrap #quicksearch { position:absolute;}
#body .fixed #qswrap #quicksearch { position:fixed; margin-left:50px;}
}
@media screen and (min-width: 800px ) {
#content.scfix .fcb #quicksearch.fixed {
top:0px;
}
}
@media screen and (max-width: 800px ) {
#body #kftsearch.fixed .hovered .FSearchFilter {
left:15px;
}
#body .fixed #qswrap #quicksearch { margin-left:15px; }
#body #content .kbox #kampagne {
margin: 0 -20px 0 -20px;
}
#body .fcb.kbox .partnermenu {
position: absolute;
right: 0px;
left: 0;
padding-left: 100px;
}
#body #content.scfix .fcb.kbox .partnermenu.fixed {
padding-left:135px;
}
#body .no800 {
display:none !important;
}
#body .fcb #quicksearch.fixed {
position: absolute;
right: 0px;
}
#body .fcb.kbox #quicksearch.fixed.gastgeber #qsicon {
left:0px !important;
}
}
@media screen and (min-width: 580px ) {
.FMLproducts2 .FMLPmatch .productinfo {width:40%; float:left; position:relative; }
.FMLproducts2 .FMLPmatch .productinfo a.detailproduct { float:auto; position: absolute; right: -12px;top: 5px;}
}
@media screen and (max-width: 580px ) {
#body .FMLproducts2 .FMLPmatch p.mehrp { padding-right:130px; }
#body .FMLmatch .infopano, #GGContent .infopano_x {
top:125px;
left:auto;
right:25px;
}
#body .FMLmatch .infovideo, #GGContent .infovideo_x {
top:125px;
left:25px;
}
#body #filtericon { left:0px; }
#content .FMLtext, #content .FMLproduct {
width:100%;
margin:0;
}
#body .fcb.kbox .partnermenu {
margin: 0 -40px;
}
#content #kampagnenliste .ratingbox {
position:absolute;
right:10px;
top:10px;
}
#page #content .FMLmatch {
position:relative;
}
#page #content .FMLmatch h3 {
margin-right:0px;
}
#page #content .FMLmatch .FMLinfo a.FMLimage {
float: none;
width: 100%;
margin-bottom: 10px;
max-height: 350px;
overflow: hidden;
display:block;
max-width:500px;
}
#page #content .FMLmatch .FMLinfo a.FMLimage img {
width:100%;
}
#page #content .FMLmatch h3, #content .FMLmatch h3 a {
font-size: 28px;
}
#page #content .FMLmatch .FMLproduct {
margin: -10px -15px;
}
#page #content .FMLmatch .FMLproduct .price {
margin: 0px 10px 0px 0;
}
#content .ratingbox .info {
display:none;
}
.Headlines .File { display:none; }
}
#kampagnenliste {
position:relative;
padding-top:75px;
}
#kampagnenliste .FMLmatch {
/* border-top: 30px solid #ecf1f3;
border-bottom: 3px solid #CAC7B5; */
}
.cartbutton.FCDelete {
background: #aaa;
padding: 5px;
border-radius: 20px;
display: inline-block;
width: 20px;
height: 20px;
text-align: center;
color: #fff;
text-decoration: none;
}
.cartbutton.FCDelete:hover {
background: #666;
color:#fff !important;
}
.FCart .Feld.left {
float:left;
padding:0 15px 15px;
}
.scicon {
width:50px;
height:50px;
float:left;
background: transparent url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -60px -310px;
margin-right:15px;
}
#closeMatch {
position: absolute;
height: 21px;
width: 21px;
background: #888 url(//tramino.s3.amazonaws.com/s/oberstaufen/595472/sprite3.png) no-repeat -116px -81px;
z-index: 100;
top: 60px;
right: -10px;
border-radius: 15px;
cursor: pointer;
color: #fff;
text-align: center;
font-size: 24px;
border: 5px solid #888;
display:none;
}
.TraminoVorlage.T2058 #closeMatch {
right: 10px;
}
#closeMatch:hover {
background-color:#444;
border-color:#444;
}
#FMLmatches.karte.aktivmarker #closeMatch { display:block;}
.ulabel {
background: #999;
color: #fff;
border-radius: 15px;
width: 17px;
height: 17px;
text-align: center;
display: inline-block;
margin-right: 5px;
font-size: 12px;
}
.qsmehrfach.FMLinfo p {
display:none;
}
@media screen and (max-width: 580px) {
#body .FMLproducts2 .FMLPmatch .buchenbutton.nomobil {
position:relative;
display:inline-block !important;
margin-bottom:20px;
float:right;
}
}
#FMLmatches.galerie .top2mm, #FMLliste.galerie .top2mm {
display: none;
}
.top2mm span {
padding: 5px;
font-size: 12px;
white-space: nowrap;
}
.top2mm span:before {
content: "\2713\0020";
color: #009900;
font-weight: bold;
font-size: 16px;
}
.kurbeitrag {
display: inline-block;
position:relative;
cursor:pointer;
text-decoration:underline;
}
.kurbeitrag > div {
display:none;
}
.kurbeitrag:hover > div {
text-decoration:none;
display: block;
position:absolute;
z-index:100;
background:#fff;
padding:10px;
font-size:12px;
width:200px;
right:0;
box-shadow: 0px 0px 15px #888888;
}
/* --- Stylesheet 3169 () --------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
#TraminoArtikel .bigico {
background-image: url(//tramino.s3.amazonaws.com/s/oberstaufen/631467/sprite-otm2x.png);
background-size: 390px 775px;
}
#header #logo, #header #search, #body #searchbox a.searchdel, .plfilter a.searchdel, #searchform a.searchicon, #body.search #suggestanker ul li span.icon, .smbuttons a.ico, #copyright .iconde, #copyright .iconen, #nav li.nav__unterkuenfte > a > .extra, #nav li.nav__accommodation > a > .extra, #nav li.nav__gaestekarte > a > .extra, #nav li.nav__guest-card > a > .extra, #nav li.nav__allgaeu > a > .extra, #nav li.nav__allgaeu-region > a > .extra, #nav li.nav__sommer > a > .extra, #nav li.nav__in-summer > a > .extra, #nav li.nav__winter > a > .extra, #nav li.nav__in-winter > a > .extra, #nav li.nav__wohlfuehlen > a > .extra, #nav li.nav__holistic-spa-holidays > a > .extra, #nav li.nav__essen-trinken > a > .extra, #nav li.nav__food-drink > a > .extra, #nav li.nav__einkaufen-mehr > a > .extra, #nav li.nav__shopping > a > .extra, #nav li.nav__veranstaltungen > a > .extra, #nav li.nav__events > a > .extra, #nav li.nav__aktuelles > a > .extra, #nav li.nav__current-information > a > .extra, #nav li.nav__angebote > a > .extra, #nav li.nav__special-offers > a > .extra, #nav li.nav__verkehr-kontakt > a > .extra, #nav li.nav__arrival-contact-information > a > .extra, #quicksearch.hovered #qsicon, #qsicon span.icon, #quicksearch input.datum, #quicksearch select, select.smooth, div.chdi, .selectorWidget div span, #quicksearch #FSBsubmit span, #FPform #FDsubmit span , .carticon span, .carticon.book span, .wkicon, .FSearchFilter label span, .FSearchFilter label.checked span, #bilderstack div.bildbox span.bsname a span, #bilderstack #nav_links span, #bilderstack #nav_rechts span, #bilderstack #nav_mehr span, a#fancybox-left #fancybox-left-ico, a#fancybox-right #fancybox-right-ico, a.fancyimage:hover span, .bildbox2 span, ul.tyhead li span.icon, #GGContent #qsprodukticon, #GGContent #FPform input.datum, #GGContent #FPform select.w40, #GGContent #FPform select.w85, .FMLmatch .infopano span, #GGContent .infopano span, .FMLmatch .infovideo span, #GGContent .infovideo span, a.infoicon, a.deleteicon, .scicon, #closeMatch {
background-image: url(//tramino.s3.amazonaws.com/s/oberstaufen/631467/sprite-otm2x.png);
background-size:390px 775px;
}
@media screen and (max-width: 1000px ) {
#body .plfilter #qsprodukticon, #body .plfilter #qsprodukticon.ltreffer, #body .plfilter.hovered #qsprodukticon, #filtericon, .hovered #filtericon {
background-image: url(//tramino.s3.amazonaws.com/s/oberstaufen/631467/sprite-otm2x.png);
background-size:390px 775px;
}
}
@media screen and (max-width: 800px ) {
#body #GGContent .hovered #qsprodukticon, #nav #nav-i span, #nav > div > div.ul > ul > li > a > .extra {
background-image: url(//tramino.s3.amazonaws.com/s/oberstaufen/631467/sprite-otm2x.png);
background-size:390px 775px;
}
}
@media screen and (min-width: 801px ) {
#nav > div > div.ul > ul > li > a > .extra {
background-image: url(//tramino.s3.amazonaws.com/s/oberstaufen/631467/sprite-otm2x.png);
background-size:390px 775px;
}
}
}