/* roboto-100 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-100.eot'); /* IE9 Compat Modes */ src: local('Roboto Thin'), local('Roboto-Thin'), url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-100.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-100italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; src: url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-100italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-100italic.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-300 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */ src: local('Roboto Light'), local('Roboto-Light'), url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-300italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-regular - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Roboto'), local('Roboto-Regular'), url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Italic'), local('Roboto-Italic'), url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-500 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */ src: local('Roboto Medium'), local('Roboto-Medium'), url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-500italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-500italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */ src: local('Roboto Bold'), local('Roboto-Bold'), url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-900 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-900.eot'); /* IE9 Compat Modes */ src: local('Roboto Black'), local('Roboto-Black'), url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-900.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-900italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; src: url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-900italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/template_belami/fonts/roboto-v18-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* alex-brush-regular - latin */ @font-face { font-family: 'Alex Brush'; font-style: normal; font-weight: 400; src: url('../../../fileadmin/template_belami/fonts/alex-brush-v8-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Alex Brush Regular'), local('AlexBrush-Regular'), url('../../../fileadmin/template_belami/fonts/alex-brush-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/template_belami/fonts/alex-brush-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/template_belami/fonts/alex-brush-v8-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/template_belami/fonts/alex-brush-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/template_belami/fonts/alex-brush-v8-latin-regular.svg#AlexBrush') format('svg'); /* Legacy iOS */ } #ui-datepicker-div{z-index:800 !important;}.ui-helper-hidden{display:none;}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}.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:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse;}.ui-helper-clearfix:after{clear:both;}.ui-helper-clearfix{min-height:0;}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0);}.ui-front{z-index:100;}.ui-state-disabled{cursor:default !important;}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%;}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0;}.ui-accordion .ui-accordion-icons{padding-left:2.2em;}.ui-accordion .ui-accordion-noicons{padding-left:.7em;}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em;}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px;}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto;}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default;}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible;}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none;}.ui-button-icon-only{width:2.2em;}button.ui-button-icon-only{width:2.4em;}.ui-button-icons-only{width:3.4em;}button.ui-button-icons-only{width:3.7em;}.ui-button .ui-button-text{display:block;line-height:normal;}.ui-button-text-only .ui-button-text{padding:.4em 1em;}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px;}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em;}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em;}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em;}input.ui-button{padding:.4em 1em;}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px;}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px;}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em;}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em;}.ui-buttonset{margin-right:7px;}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em;}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0;}.ui-datepicker{width:255px;padding:.2em .2em 0;display:none;}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em;}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px;}.ui-datepicker .ui-datepicker-prev{left:2px;}.ui-datepicker .ui-datepicker-next{right:2px;}.ui-datepicker .ui-datepicker-prev-hover{left:1px;}.ui-datepicker .ui-datepicker-next-hover{right:1px;}.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 2.3em;line-height:1.8em;text-align:center;font-size:0.75em;}.ui-datepicker .ui-datepicker-title select{font-size:1em;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:35%;}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em;}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0;}.ui-datepicker td{border:0;padding:1px;}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none;}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0;}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible;}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left;}.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 .4em;}.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,.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%;font-size:0;}.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,.ui-datepicker-rtl .ui-datepicker-group{float:right;}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px;}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0;}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative;}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis;}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:21px;margin:-10px 0 0 0;padding:1px;height:20px;}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto;}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em;}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right;}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer;}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px;}.ui-draggable .ui-dialog-titlebar{cursor:move;}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none;}.ui-menu .ui-menu{margin-top:-3px;position:absolute;}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0;}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:normal;}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px;}.ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5;}.ui-menu .ui-state-disabled a{cursor:default;}.ui-menu-icons{position:relative;}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em;}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em;}.ui-menu .ui-menu-icon{position:static;float:right;}.ui-progressbar{height:2em;text-align:left;overflow:hidden;}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%;}.ui-progressbar .ui-progressbar-overlay{background:url('../../../fileadmin/template_belami/img/cal/animated-overlay.gif');height:100%;filter:alpha(opacity=25);opacity:0.25;}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none;}.ui-resizable{position:relative;}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none;}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0;}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0;}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%;}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%;}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px;}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px;}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px;}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px;}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black;}.ui-slider{position:relative;text-align:left;}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0;}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit;}.ui-slider-horizontal{height:.8em;}.ui-slider-horizontal .ui-slider-handle{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;}.ui-slider-vertical{width:.8em;height:100px;}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em;}.ui-slider-vertical .ui-slider-range{left:0;width:100%;}.ui-slider-vertical .ui-slider-range-min{bottom:0;}.ui-slider-vertical .ui-slider-range-max{top:0;}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle;}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px;}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0;}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none;}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0;}.ui-spinner-up{top:0;}.ui-spinner-down{bottom:0;}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px;}.ui-tabs{position:relative;padding:.2em;}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0;}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap;}.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none;}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px;}.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text;}.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer;}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none;}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa;}body .ui-tooltip{border-width:2px;}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em;}.ui-widget .ui-widget{font-size:1em;}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em;}.ui-widget-content{border:1px solid #aaaaaa;background:#ffffff url('../../../fileadmin/template_belami/img/cal/ui-bg_flat_75_ffffff_40x100.png') 50% 50% repeat-x;color:#222222;}.ui-widget-content a{color:#222222;}.ui-widget-header{border:1px solid #aaaaaa;background-color:#e8e3e3;color:#222222;font-weight:bold;}.ui-widget-header a{color:#222222;}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background-color:#e8e3e3;font-weight:normal;color:#555555;}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555555;text-decoration:none;}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999999;background:#dadada url('../../../fileadmin/template_belami/img/cal/ui-bg_glass_75_dadada_1x400.png') 50% 50% repeat-x;font-weight:normal;color:#212121;}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#212121;text-decoration:none;}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #131834;background:#ffffff url('../../../fileadmin/template_belami/img/cal/ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x;font-weight:normal;color:#212121;}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none;}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #b0842a;background:#ccc url('../../../fileadmin/template_belami/img/cal/ui-bg_glass_55_fbf9ee_1x400.png') 50% 50% repeat-x;color:#363636;}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636;}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url('../../../fileadmin/template_belami/img/cal/ui-bg_glass_95_fef1ec_1x400.png') 50% 50% repeat-x;color:#cd0a0a;}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a;}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a;}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold;}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal;}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35);}.ui-icon{width:16px;height:16px;}.ui-icon,.ui-widget-content .ui-icon{background-image:url('../../../fileadmin/template_belami/img/cal/ui-icons_222222_256x240.png');}.ui-widget-header .ui-icon{background-image:url('../../../fileadmin/template_belami/img/cal/ui-icons_222222_256x240.png');}.ui-state-default .ui-icon{background-image:url('../../../fileadmin/template_belami/img/cal/ui-icons_888888_256x240.png');}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url('../../../fileadmin/template_belami/img/cal/ui-icons_454545_256x240.png');}.ui-state-active .ui-icon{background-image:url('../../../fileadmin/template_belami/img/cal/ui-icons_454545_256x240.png');}.ui-state-highlight .ui-icon{background-image:url('../../../fileadmin/template_belami/img/cal/ui-icons_2e83ff_256x240.png');}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url('../../../fileadmin/template_belami/img/cal/ui-icons_cd0a0a_256x240.png');}.ui-icon-blank{background-position:16px 16px;}.ui-icon-carat-1-n{background-position:0 0;}.ui-icon-carat-1-ne{background-position:-16px 0;}.ui-icon-carat-1-e{background-position:-32px 0;}.ui-icon-carat-1-se{background-position:-48px 0;}.ui-icon-carat-1-s{background-position:-64px 0;}.ui-icon-carat-1-sw{background-position:-80px 0;}.ui-icon-carat-1-w{background-position:-96px 0;}.ui-icon-carat-1-nw{background-position:-112px 0;}.ui-icon-carat-2-n-s{background-position:-128px 0;}.ui-icon-carat-2-e-w{background-position:-144px 0;}.ui-icon-triangle-1-n{background-position:0 -16px;}.ui-icon-triangle-1-ne{background-position:-16px -16px;}.ui-icon-triangle-1-e{background-position:-32px -16px;}.ui-icon-triangle-1-se{background-position:-48px -16px;}.ui-icon-triangle-1-s{background-position:-64px -16px;}.ui-icon-triangle-1-sw{background-position:-80px -16px;}.ui-icon-triangle-1-w{background-position:-96px -16px;}.ui-icon-triangle-1-nw{background-position:-112px -16px;}.ui-icon-triangle-2-n-s{background-position:-128px -16px;}.ui-icon-triangle-2-e-w{background-position:-144px -16px;}.ui-icon-arrow-1-n{background-position:0 -32px;}.ui-icon-arrow-1-ne{background-position:-16px -32px;}.ui-icon-arrow-1-e{background-position:-32px -32px;}.ui-icon-arrow-1-se{background-position:-48px -32px;}.ui-icon-arrow-1-s{background-position:-64px -32px;}.ui-icon-arrow-1-sw{background-position:-80px -32px;}.ui-icon-arrow-1-w{background-position:-96px -32px;}.ui-icon-arrow-1-nw{background-position:-112px -32px;}.ui-icon-arrow-2-n-s{background-position:-128px -32px;}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px;}.ui-icon-arrow-2-e-w{background-position:-160px -32px;}.ui-icon-arrow-2-se-nw{background-position:-176px -32px;}.ui-icon-arrowstop-1-n{background-position:-192px -32px;}.ui-icon-arrowstop-1-e{background-position:-208px -32px;}.ui-icon-arrowstop-1-s{background-position:-224px -32px;}.ui-icon-arrowstop-1-w{background-position:-240px -32px;}.ui-icon-arrowthick-1-n{background-position:0 -48px;}.ui-icon-arrowthick-1-ne{background-position:-16px -48px;}.ui-icon-arrowthick-1-e{background-position:-32px -48px;}.ui-icon-arrowthick-1-se{background-position:-48px -48px;}.ui-icon-arrowthick-1-s{background-position:-64px -48px;}.ui-icon-arrowthick-1-sw{background-position:-80px -48px;}.ui-icon-arrowthick-1-w{background-position:-96px -48px;}.ui-icon-arrowthick-1-nw{background-position:-112px -48px;}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px;}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px;}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px;}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px;}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px;}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px;}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px;}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px;}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px;}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px;}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px;}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px;}.ui-icon-arrowreturn-1-w{background-position:-64px -64px;}.ui-icon-arrowreturn-1-n{background-position:-80px -64px;}.ui-icon-arrowreturn-1-e{background-position:-96px -64px;}.ui-icon-arrowreturn-1-s{background-position:-112px -64px;}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px;}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px;}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px;}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px;}.ui-icon-arrow-4{background-position:0 -80px;}.ui-icon-arrow-4-diag{background-position:-16px -80px;}.ui-icon-extlink{background-position:-32px -80px;}.ui-icon-newwin{background-position:-48px -80px;}.ui-icon-refresh{background-position:-64px -80px;}.ui-icon-shuffle{background-position:-80px -80px;}.ui-icon-transfer-e-w{background-position:-96px -80px;}.ui-icon-transferthick-e-w{background-position:-112px -80px;}.ui-icon-folder-collapsed{background-position:0 -96px;}.ui-icon-folder-open{background-position:-16px -96px;}.ui-icon-document{background-position:-32px -96px;}.ui-icon-document-b{background-position:-48px -96px;}.ui-icon-note{background-position:-64px -96px;}.ui-icon-mail-closed{background-position:-80px -96px;}.ui-icon-mail-open{background-position:-96px -96px;}.ui-icon-suitcase{background-position:-112px -96px;}.ui-icon-comment{background-position:-128px -96px;}.ui-icon-person{background-position:-144px -96px;}.ui-icon-print{background-position:-160px -96px;}.ui-icon-trash{background-position:-176px -96px;}.ui-icon-locked{background-position:-192px -96px;}.ui-icon-unlocked{background-position:-208px -96px;}.ui-icon-bookmark{background-position:-224px -96px;}.ui-icon-tag{background-position:-240px -96px;}.ui-icon-home{background-position:0 -112px;}.ui-icon-flag{background-position:-16px -112px;}.ui-icon-calendar{background-position:-32px -112px;}.ui-icon-cart{background-position:-48px -112px;}.ui-icon-pencil{background-position:-64px -112px;}.ui-icon-clock{background-position:-80px -112px;}.ui-icon-disk{background-position:-96px -112px;}.ui-icon-calculator{background-position:-112px -112px;}.ui-icon-zoomin{background-position:-128px -112px;}.ui-icon-zoomout{background-position:-144px -112px;}.ui-icon-search{background-position:-160px -112px;}.ui-icon-wrench{background-position:-176px -112px;}.ui-icon-gear{background-position:-192px -112px;}.ui-icon-heart{background-position:-208px -112px;}.ui-icon-star{background-position:-224px -112px;}.ui-icon-link{background-position:-240px -112px;}.ui-icon-cancel{background-position:0 -128px;}.ui-icon-plus{background-position:-16px -128px;}.ui-icon-plusthick{background-position:-32px -128px;}.ui-icon-minus{background-position:-48px -128px;}.ui-icon-minusthick{background-position:-64px -128px;}.ui-icon-close{background-position:-80px -128px;}.ui-icon-closethick{background-position:-96px -128px;}.ui-icon-key{background-position:-112px -128px;}.ui-icon-lightbulb{background-position:-128px -128px;}.ui-icon-scissors{background-position:-144px -128px;}.ui-icon-clipboard{background-position:-160px -128px;}.ui-icon-copy{background-position:-176px -128px;}.ui-icon-contact{background-position:-192px -128px;}.ui-icon-image{background-position:-208px -128px;}.ui-icon-video{background-position:-224px -128px;}.ui-icon-script{background-position:-240px -128px;}.ui-icon-alert{background-position:0 -144px;}.ui-icon-info{background-position:-16px -144px;}.ui-icon-notice{background-position:-32px -144px;}.ui-icon-help{background-position:-48px -144px;}.ui-icon-check{background-position:-64px -144px;}.ui-icon-bullet{background-position:-80px -144px;}.ui-icon-radio-on{background-position:-96px -144px;}.ui-icon-radio-off{background-position:-112px -144px;}.ui-icon-pin-w{background-position:-128px -144px;}.ui-icon-pin-s{background-position:-144px -144px;}.ui-icon-play{background-position:0 -160px;}.ui-icon-pause{background-position:-16px -160px;}.ui-icon-seek-next{background-position:-32px -160px;}.ui-icon-seek-prev{background-position:-48px -160px;}.ui-icon-seek-end{background-position:-64px -160px;}.ui-icon-seek-start{background-position:-80px -160px;}.ui-icon-seek-first{background-position:-80px -160px;}.ui-icon-stop{background-position:-96px -160px;}.ui-icon-eject{background-position:-112px -160px;}.ui-icon-volume-off{background-position:-128px -160px;}.ui-icon-volume-on{background-position:-144px -160px;}.ui-icon-power{background-position:0 -176px;}.ui-icon-signal-diag{background-position:-16px -176px;}.ui-icon-signal{background-position:-32px -176px;}.ui-icon-battery-0{background-position:-48px -176px;}.ui-icon-battery-1{background-position:-64px -176px;}.ui-icon-battery-2{background-position:-80px -176px;}.ui-icon-battery-3{background-position:-96px -176px;}.ui-icon-circle-plus{background-position:0 -192px;}.ui-icon-circle-minus{background-position:-16px -192px;}.ui-icon-circle-close{background-position:-32px -192px;}.ui-icon-circle-triangle-e{background-position:-48px -192px;}.ui-icon-circle-triangle-s{background-position:-64px -192px;}.ui-icon-circle-triangle-w{background-position:-80px -192px;}.ui-icon-circle-triangle-n{background-position:-96px -192px;}.ui-icon-circle-arrow-e{background-position:-112px -192px;}.ui-icon-circle-arrow-s{background-position:-128px -192px;}.ui-icon-circle-arrow-w{background-position:-144px -192px;}.ui-icon-circle-arrow-n{background-position:-160px -192px;}.ui-icon-circle-zoomin{background-position:-176px -192px;}.ui-icon-circle-zoomout{background-position:-192px -192px;}.ui-icon-circle-check{background-position:-208px -192px;}.ui-icon-circlesmall-plus{background-position:0 -208px;}.ui-icon-circlesmall-minus{background-position:-16px -208px;}.ui-icon-circlesmall-close{background-position:-32px -208px;}.ui-icon-squaresmall-plus{background-position:-48px -208px;}.ui-icon-squaresmall-minus{background-position:-64px -208px;}.ui-icon-squaresmall-close{background-position:-80px -208px;}.ui-icon-grip-dotted-vertical{background-position:0 -224px;}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px;}.ui-icon-grip-solid-vertical{background-position:-32px -224px;}.ui-icon-grip-solid-horizontal{background-position:-48px -224px;}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px;}.ui-icon-grip-diagonal-se{background-position:-80px -224px;}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px;}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px;}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px;}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px;}.ui-widget-overlay{background:#aaaaaa url('../../../fileadmin/template_belami/img/cal/ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaaaaa url('../../../fileadmin/template_belami/img/cal/ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px;} /* rot: #1e6faf rot text: #1e6faf font-family: 'Alex Brush', serif; font-family: 'Roboto', sans-serif; */ * {padding:0 0 0 0;margin:0 0 0 0} img {border:0;} a:active, a:focus {outline: none} #prel, #sc, .sins, #pageStyle {display:none} a {color:#1e6faf;} a:hover {color:#000;} #mbtn {display:none;} #mnfield {position:fixed;top:0;left:0;width:1px;height:1px;} .hide, .mob, .mmob, .cchide, .mshow, .mshowMenu, .hideMenu, .firtBreak, .secondBreak, .thirdBreak, #pageLang, #thePageId {display:none;} .show {display:block;} .aright, .align-right, .text-right {text-align:right;} .aleft, .align-left, .text-left {text-align:left;} .acenter, .align-center, .text-center {text-align:center;} .fl100 { position:relative; float:left; width:100%; } h1 { overflow:hidden; } h1 span { text-indent:-9999px; height:1px; width:1px; opacity:0.1; position:absolute; display:block; } #content .important {color:#bd0926} #content .detail {color:#186900} #content .name-of-person {color:#002a5b} #qqbox { width:1px; height:1px; position:absolute; top:0px; overflow:hidden; text-indent:-9999px; } #roomqqbox { width:1px; height:1px; position:absolute; top:-210px; overflow:hidden; text-indent:-9999px; } body { font-family: 'Roboto', sans-serif; font-size:1em; color:#404042; background-color:#fff; } /***** top *****/ #top { left:0; width:100%; z-index:503; background-color:#85754d; } #top.sticky { position:fixed; top:0px; margin-top:64px; } #top.nosticky { margin-top:0px; position:absolute; height:67px; } /***** buttons **********/ #buttons { z-index:260; position:absolute; right:8px; width:68px; top:175px; } #buttons a { display:block; position:relative; float:left; width:68px; height:68px; margin:0px 0px 8px 0px; background-color:#0f3760; background-repeat:no-repeat; background-position:center center; background-size:50px 50px; overflow:hidden; text-indent:-9999px; } #buttons a#wetter {background-image:url('../../../fileadmin/template_belami/img/weather.png')} #buttons a#events {background-image:url('../../../fileadmin/template_belami/img/events.png')} #buttons a#webcam {background-image:url('../../../fileadmin/template_belami/img/cam.png')} #buttons a#location {background-image:url('../../../fileadmin/template_belami/img/location.png')} #buttons a#bahn {background-image:url('../../../fileadmin/template_belami/img/sb.png')} #buttons a#sppreise {background-image:url('../../../fileadmin/template_belami/img/spp.png')} #buttons a:hover { background-color:#85754d; } /***** Offerbox *****/ #offerPopper { z-index:5; position:absolute; top:74px; left:10px; width:275px; background-color:#fff; font-size:0.9em; overflow:hidden; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -ms-transition: all 1s ease-out; transition: all 1s ease-out; } .nosticky #offerPopper { margin-top:0; } .sticky #offerPopper { margin-top:69px; } #innerPopper { position:relative; float:left; width:100%; } .popperUp { height:auto; opacity:1; padding:0 0px 0 0px; -webkit-box-shadow:0px 0px 5px -2px #333; -moz-box-shadow:0px 0px 5px -2px #333; box-shadow:0px 0px 5px -2px #333; } .popperDown { height:0px; opacity:0; padding:0 0px 0 0px; } .offerBoxPic { position:relative; float:left; width:100%; height:150px; overflow:hidden; margin:0 0 0px 0; } #offerPopper .offerBoxPic img { height:auto; width:100%; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; } .offerText { position:relative; float:left; width:100%; text-align:center; line-height:1.45em; box-sizing:border-box; padding:0 8px; } .offerText h2 { font-weight:bold; font-size:1.2em; margin:17px 0 8px 0; color:#1e6faf; line-height:1em; } .offerText p { margin:0 0 12px 0; } #toplinks .offerMore, #toplinks .offerMore a { position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:none; padding:0; margin:0; } #toplinks .offerMore a { position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:none; padding:0; margin:0; opacity:0; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; background-color:#1e6faf; } #toplinks .offerMore a:hover { opacity:0.15; } .offerBoxPeriod { font-weight:300; font-size:0.85em; margin:0 0 18px 0; line-height:1em; } #offerCloser { position:absolute; right:0px; top:0px; z-index:110; height:17px; width:17px; background-image:url('../../../fileadmin/template_belami/img/close_btn2.png'); background-size:100% auto; text-indent:-9999px; overflow:hidden; cursor:pointer; } #offerCloser:hover { background-image:url('../../../fileadmin/template_belami/img/close_btn.png'); } .nShow { display:block; } .nHide { display:none; } /***** Offerbox2 *****/ #packageBox { position:relative; float:left; width:100%; font-size:1.2em; } #packageBox h2 { margin-top:75px !important; } #offerList { position:relative; margin:0 auto; width:1400px; } #offerList .oneOffer { position:relative; float:left; width:32%; border:8px solid #dfdfdf; box-sizing:border-box; margin:20px 2% 75px 0; background-color:#fff; font-size:1.15em; } #offerList .eo3 { margin:20px 0 50px 0; } #offerList .offerBoxPic { position:relative; float:left; width:100%; height:220px; overflow:hidden; margin:0 0 0px 0; } #offerList .offerBoxPic img { height:auto; width:100%; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; } #offerList .offerText { position:relative; float:left; width:100%; text-align:center; line-height:1.45em; box-sizing:border-box; padding:0 8px; } #offerList .offerText h2 { font-family: 'Alex Brush', serif; font-weight:bold; font-size:1.35em; margin:25px 0 10px 0 !important; color:#1e6faf; line-height:1em; } #offerList .offerText p { margin:0 0 17px 0; } #offerList .offerMore, #offerList .offerMore a { position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:none; padding:0; margin:0; } #offerList .offerMore a { position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:none; padding:0; margin:0; opacity:0; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; background-color:#000; } #offerList .offerMore a:hover { opacity:0.15; } #offerList .offerBoxPeriod { font-weight:300; font-size:0.85em; margin:0 0 10px 0; line-height:1em; padding:0 0 0px 0; } /******* logo ***********/ #logo { position:absolute; top:10px; left:50%; margin-left:-730px; width:220px; z-index:110; } #logo img { width:100%; height:auto; } /******* overthetop ***********/ #overthetop { top:0; position:fixed; width:100%; left:0; z-index:507; font-size:1em; height:64px; background-image:url('../../../fileadmin/template_belami/img/w.png'); } #otc { position:relative; float:left; margin:0 0px 0 0; width:100%; } /******* toptel ***********/ #toptel { position:relative; float:right; line-height:1em; padding:0px 0 0px 0; margin:3px 30px 0 0; font-size:0.9em; } #toptel a#tLenq2, #toptel a#tLbooking2 { display:none; background:none; } #toptel a { display:block; position:relative; float:left; clear:left; margin:9px 0px 0px 0px; background-image:url('../../../fileadmin/template_belami/img/mailIcon.png'); background-repeat:no-repeat; background-position:left 0px; background-size:17px 16px; padding:1px 0 3px 25px; color:#fff; text-decoration:none; font-weight:300; } #toptel a:hover { background-image:url('../../../fileadmin/template_belami/img/mailIcon2.png'); color:#0f365f; } #toptel a.tLink { background-image:url('../../../fileadmin/template_belami/img/phoneIcon.png'); } #toptel a.tLink:hover { background-image:url('../../../fileadmin/template_belami/img/phoneIcon2.png'); } /******* toplinks ***********/ #toplinks { position:relative; float:left; font-size:1.1em; } #toplinks a { display:block; position:relative; float:left; color:#fff; text-decoration:none; text-transform:uppercase; line-height:1em; padding:24px 50px 0px 50px; margin:0 3px 0 0px; height:40px; font-family: 'Roboto', sans-serif; background-color:#1e6faf; font-weight:300; } #toplinks a#tLoffers { background-color:#98c9e7; } #toplinks a#tLbooking { background-color:#0f365f; } #toplinks a:hover, #toplinks a#tLoffers:hover, #toplinks a#tLbooking:hover { background-color:#85754d; } #toplinks .offerMore a:hover { background-color:#1e6faf; } /******* lang ***********/ #lang { position:relative; float:right; color:#fff; padding:0px 0px 0px 0px; margin:0 0px 0 0px; font-weight:300; line-height:1em; font-family: 'Roboto', sans-serif; font-size:1.35em; } #lang a { display: block; position: relative; float: left; color: #fff; text-decoration: none; text-transform: uppercase; line-height: 1em; padding: 22px 0px 0px 0px; margin: 0 0px 0 3px; height: 42px; font-family: 'Roboto', sans-serif; background-color: #1e6faf; font-weight: 300; text-align:center; width:85px; } #lang a[title="english"] { background-color: #0f365f; } #lang a:hover, #lang a[title="english"]:hover { background-color:#85754d; } /******************/ #container { position:relative; float:left; margin:0px auto 0 auto; width:100%; background-color:#3e3d42; padding:0 0 0px 0; z-index:103; } #wrapper { position:relative; margin:0px auto 0 auto; width:1200px; } #pics { position:relative; float:left; margin:0px 0 0px 0; width:100%; height:980px; overflow:hidden; background-color:#c6c7c5; } #onTheSlope { text-align:center; position:absolute; z-index: 112; left:0; width:100%; top:22%; color:#fff; font-family: 'Alex Brush', serif; font-size:5em; text-shadow:0 0 8px #0f365f; opacity:1; -webkit-transition: opacity 1.5s ease-in; -moz-transition: opacity 1.5s ease-in; -o-transition: opacity 1.5s ease-in; -ms-transition: opacity 1.5s ease-in; transition: opacity 1.5s ease-in; } /* new stuff */ #container2 { float:left; position:relative; margin:0px auto 0 auto; width:100%; background-color:#fff; z-index:106; } #bWrapper { position:relative; float:left; width:100%; background-color:#eee; padding:0px 0 0 0; } #cWrapper { position:relative; float:left; width:100%; padding:0px 0 0px 0; background-color:#f7f7f4; background-position:center center; background-repeat:no-repeat; } #ccWrapper { position:relative; margin:0px auto 0 auto; width:960px; } #dWrapper { position:relative; float:left; width:100%; background-color:#fff; padding:100px 0 85px 0; } #infoBox { position:relative; margin:0px auto; width:1200px; } .centerBox { position:relative; margin:0px auto; width:1400px; } .activeLinks .secondbox { position:relative; float:left; width:30%; text-align:center; margin:0px 5% 0px 0; } .activeLinks #boxWebcam { float:right; margin:0px 0 0px 0; } .activeLinks h4 { position:relative; float:left; width:100%; font-weight:400; font-size:1.65em; margin:25px 0 15px 0; padding:0 0 0px 0; text-transform:uppercase; } .activeLinks p { position:relative; float:left; width:80%; margin:0 0 0 10%; font-size:1.15em; font-weight:300; } .activeLinks img { width:100%; height:auto; } /**************/ #mapBox { position:relative; float:left; width:100%; height:450px; background-color:#f2f1f0; } #mapCanvas { position:absolute; top:0px; left:0; width:100%; height:100%; margin:0 0 0px 0; } #mapFrame { width:100%; height:300px; border:0; } /**************/ #mountainBox { position:relative; float:left; width:100%; background-repeat:no-repeat; border-top:3px solid #85754d; } /***** social feed ******************/ #socialFeedWrapper { position:relative; float:left; width:100%; padding:0px 0 0px 0; min-height:500px; background-color:#eee; border-top:8px solid #fff; } #socialFeedContent { position:relative; margin:0px auto 0 auto; width:1400px; } #socialFloater { position:relative; float:left; width:100%; margin:60px 0 80px 0; } #socialFeedContent h2.own, #socialFeedContent h3.own { position:relative; float:left; width:100%; text-align:center; font-family: 'Alex Brush', serif; background-repeat:no-repeat; text-transform:uppercase; line-height:1em; } #socialFeedContent h2.own { font-weight:300; margin:0 0 15px 0; padding:50px 0 0 0; font-size:3.25em; color:#1e6faf; } #socialFeedContent h3.own { font-weight:500; margin:0 0 50px 0; padding:0 0 22px 0; font-size:1.35em; text-transform:none; font-family: 'Roboto', sans-serif; } /************ footer *************/ #iFooter { position:relative; float:left; width:100%; color:#58585a; z-index:140; background-color:#fff; height:620px; padding:55px 0 0 0; font-weight:300; } #footer { position:relative; margin:0px auto; width:1100px; font-family: 'Roboto', sans-serif; color:#58585a; line-height:1.65em; font-size:1.25em; z-index:115; } #footer a { color:#58585a; text-decoration:none; } #footer a:hover { color:#1e6faf; border-bottom:1px solid #1e6faf; } #footer h2 { font-weight:300; font-size:2.25em; margin:0 0 30px 0; color:#58585a; line-height:1em; font-family: 'Alex Brush', serif; } #footer div { position:relative; float:left; margin-bottom:40px; } #fBlock0 { width:100%; border-bottom:1px solid #818284; padding:0 0 20px 0; margin:0 0 45px 0; text-align:center; } #fBlock0 img { width:520px; height:auto; } #fBlock1, #fBlock2 { width:27%; } #footer #fBlock3 { float:right; width:46%; text-align:center; min-height:250px; } #footer #fBlock3 img { width:480px; height:auto; display:block; position:absolute; right:0; top:0; } #fBlock4 { border-top:1px solid #818284; padding:20px 0 0 0; width:100%; font-size:0.85em; } #footer div#fBlock5 { position:absolute; right:0; top:445px; } #fBlock5 a { display:block; position:relative; float:left; height:45px; width:45px; overflow:hidden; text-indent:-9999px; border:0; text-decoration:none; margin:0 0 0 15px; } /******************/ #infoBox, #activeBox { position:relative; margin:0 auto; width:1200px; font-size:1.2em; font-family: 'Roboto', sans-serif; line-height:1.5em; font-weight:300; color:#1a171b; } .infoText, .infoLinks, .activeText, .activeLinks { position:relative; float:left; width:100%; } .infoText, .activeText { margin:90px 0 0 0; } .infoLinks { margin:40px 0 0 0; } .locationBox { position:relative; float:left; width:32.6666666666666%; margin:0 1% 1% 0; height:330px; background-color:#ccc; text-align:center; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; color:#fff; font-size:1.85em; line-height:1em; text-shadow:0 0 5px #000; } .locationBox h3 { font-family: 'Alex Brush', serif; font-size:2.5em; font-weight:normal; margin:135px 0 30px 0; } .infoLinks .eo3 { margin-right:0; } /*** Inhalt ***/ #content, #content2 { position:relative; float:left; width:100%; margin:130px 0px 90px 0px; font-size:1.2em; font-family: 'Roboto', sans-serif; line-height:1.5em; font-weight:300; color:#1a171b; } #content #scroller { position: relative; float: left; width: 100%; -webkit-overflow-scrolling: touch; /* overflow-y: scroll; */ } #content #scroller iframe { height: 730px; width: 100%; border:0; } #content2 { margin:60px 0px 60px 0px; text-align:center; font-size:1.5em; } #content a, #content2 a { text-decoration:none; color:#1e6faf; border-bottom:1px solid #1e6faf; } #content a:hover, #content2 a:hover { color:#000; border-bottom:1px solid #000; } #content figure a, #content2 figure a, #content figure a:hover, #content2 figure a:hover { border-bottom:0; } #content span.important, #content2 span.important { color:#af1717; } #content h1, #content h2, #content2 h2, #infoBox h2, #activeBox h2, #packageBox h2 { color:#85754d; font-weight:300; font-size:5em; margin:0px 0px 0px 0px; text-align:center; line-height:1em; font-family: 'Alex Brush', serif; padding:0 0 0px 0; column-span: all; } #content2 h2 { margin:0px 0px 30px 0px; font-size:2.75em; } #content h3, #content2 h3, #infoBox h3, #activeBox h3, #packageBox h3 { color:#1a171b; font-weight:300; margin:0px 0 40px 0; font-size:1.25em; line-height:1.15em; text-align:center; column-span: all; padding:0 0 0px 0; text-transform:uppercase; font-style:italic; } #content h4, #content2 h4 { color:#0f365f; font-weight:500; border-bottom:1px dotted #848182; font-size:1.15em; margin:30px 0 15px 0; padding:0 0 5px 0; column-span: all; } #content h5 { font-weight:500; font-size:1.15em; margin:30px 0 15px 0; } #content p { margin:0px 0 20px 0; } #content2 p { font-size:1.15em; line-height:1.65em; margin:0px 0 0px 0; } #content2 strong { font-size:0.65em; font-family: 'Alex Brush', serif; font-weight:normal; } #content ul, #content2 ul { margin:0px 0 24px 40px; line-height:1.8em; } #content ul ul, #content2 ul ul { margin:0px 0 5px 40px; } /* #content table, #content2 table { margin:0px 0 20px 0px; width:100%; } #content table td, #content table th { font-size:0.9em; background-color:#fff; border:0px solid #f6b283; padding:8px 5px 8px 5px; text-align:center; font-weight:300; } #content table th { background-color:#c87941; color:#fff; font-family: 'Roboto', sans-serif; } #content table th.empty { background-color:#f8f1d7; } #content table td.season { background-color:#f7c15e; line-height:1.45em; } #content table td strong, #content table td b { font-weight:400; line-height:1.85em; } */ #content .priceBox { position:relative; float:left; width:100%; } /******************************* ui calendar *********************************/ #ui-datepicker-div { z-index: 1010 !important; } .ui-widget{ font-family: 'Roboto', sans-serif; font-size:1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{ font-family: 'Roboto', sans-serif; font-size:1em; } .ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0;border:0} .ui-datepicker select.ui-datepicker-month-year{width:100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:35%;} .ui-widget-content{border:1px solid #3e3d40;background:#fff;color:#3e3d40;} .ui-widget-header{border:1px solid #312f33;background-color:#312f33;color:#fff;font-weight:bold; height:25px;} .ui-datepicker .ui-datepicker-header{position:relative;padding:4px 0 5px 0;} .ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center;font-size:0.85em;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:1px solid #f6f6f6;background-color:#f6f6f6;font-weight:normal;color:#3e3d40;} .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{border:1px solid #3e3d40;background:#312f33;color:#fff;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border:1px solid #3e3d40;background:#1e6faf;font-weight:normal;color:#fff;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{ border:1px solid #1e6faf; background:#fff; font-weight:normal; color:#1e6faf; } .ui-state-hover[title="Prev"], .ui-state-hover[title="Next"] {background:none; border:1px solid #fff; cursor:pointer} /* runde ecken */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{border-top-left-radius:0px;} .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{border-top-right-radius:0px;} .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{border-bottom-left-radius:0px;} .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border-bottom-right-radius:0px;} /* grafik */ .ui-icon, .ui-widget-content .ui-icon{background-image:url('../../../fileadmin/template_belami/img/cal/ui-icons_222222_256x240.png');} .ui-widget-header .ui-icon{background-image:url('../../../fileadmin/template_belami/img/cal/ui-icons_ffffff_256x240.png');} /********* Navi ***********/ #navi { position:relative; float:left; z-index:100; line-height:1em; width:100%; text-align:center; } #nul { display: inline-block; margin: 0 0 0 100px; } #navi li { list-style-type:none !important; float: left; position: relative; } #navi li li { list-style-type:none !important; list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=); } #navi li a { display:block; position:relative; float:left; color:#fff; text-decoration:none; text-transform:uppercase; font-size:1.1em; line-height:1.1em; padding:25px 40px 0px 40px; margin:0 0px 0 0px; height:42px; z-index:100; font-family: 'Roboto', sans-serif; font-weight:300; background-color:#85754d; } #navi li.hasSub a { background-image:url('../../../fileadmin/template_belami/img/down2.png'); background-repeat:no-repeat; background-position:right center; background-size:30px auto; } #navi li.selected a { color:#09294a; } #navi li.hasSub li a { background:none; } #navi li a:hover, #navi li.selected a:hover, #navi li:hover a, #navi li.selected:hover a { background-color:#0f365f; color:#fff; } /********** Dropdown **************/ #navi ul div.subNavi { position:absolute; display:none; padding:0px 0px 0px 0px; background-color:#0f365f; width:100%; } .dropUpMenu { bottom:67px; } .dropDownMenu { top:67px; } #navi ul ul { position:relative; float:left; display:block; left:0px; z-index:90; width:100%; } #navi li li { position:relative; float:left; width:100%; } #navi li li a, #navi li.selected li a, #navi li li.selected a { height:auto; line-height:1em; padding:13px 0px 13px 0px; margin:0px 0px 0px 0px; border-top:0px solid #fff; font-size:0.9em; font-weight:300; width:100%; color:#fff; text-transform:none; letter-spacing: 0px; text-align:center; height:auto; background:none; background-color:#0f365f; } #navi li li a:hover, #navi li.selected li a:hover, #navi li li.selected a:hover, #navi li.selected li.selected a { color:#fff !important; background:none; background-color:#1e6faf; } /********* navi END *******/ /******* Vader *********/ #vader { position:absolute; top:0px; left:0; width:100%; height:100%; overflow:hidden; z-index:111; } #vader #next, #vader #back { position:absolute; top:0; margin-top:0px; z-index:800; cursor:pointer; overflow:hidden; text-indent:-9999px; background-repeat:no-repeat; background-position:center center; width:100px; height:100%; background-size:25px 48px; display:none; } #vader #back { left:0px; background-image:url('../../../fileadmin/template_belami/img/prev.png'); border-right:1px solid #fff; } #vader #next { right:0px; background-image:url('../../../fileadmin/template_belami/img/nex.png'); border-left:1px solid #fff; } #vader #next:hover { background-image:url('../../../fileadmin/template_belami/img/nex2.png'); } #vader #back:hover { background-image:url('../../../fileadmin/template_belami/img/prev2.png'); } #vader .slide { position:relative; float:left; overflow:hidden; width:100% !important; height:100% !important; text-align:center; color:#fff; } #vader .slide img { height:auto; position: absolute; top: -9999px !important; bottom: -9999px !important; left: -9999px !important; right: -9999px !important; margin: auto; } div.fadenav { display:block; bottom:51px; right:20px; height:23px; position:absolute; z-index:810; } div.fadenav a { color:#1e6faf; text-decoration:none; display:block; margin:0 0 0px 8px; position:relative; float:left; width:17px; height:17px; overflow:hidden; text-indent:-9999px; border:3px solid #1e6faf; -moz-border-radius:100%; -webkit-border-radius:100%; -khtml-border-radius:100%; background:none; } div.fadenav a:hover { border:3px solid #fff; background-color:#fff; } div.fadenav a.activeSlide { background-color:#1e6faf; } div.fadenav a.activeSlide:hover { background-color:#fff; } .effectContainer { position:absolute; overflow:hidden; width:100%; height:100%; top:0; left:0; z-index:106; } .imgs {display:none} /********/ /******** Lightbox ********************/ .lightbox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: black; /* IE Fallback (Solid Colour) */ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=); background: rgba(0, 0, 0, 0.7); -webkit-filter: none !important; z-index: 9997; } .lightbox img { display: block; position: absolute; border: 0px solid #eceded; box-shadow: 0 0 20px #000; border-radius: 1px; } /* body.blurred > * { -webkit-filter: blur(2px); -webkit-transform: translate3d(0, 0, 0); } */ .lightbox__loading { background: url('../../../fileadmin/template_belami/img/loading.gif') center center no-repeat; width: 32px; height: 32px; margin: -16px 0 0 -16px; position: absolute; top: 50%; left: 50%; } .lightbox__caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 9998; background: #000; background: rgba(0, 0, 0, 0.7); } .lightbox__caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; } .lightbox__button { position: absolute; z-index: 9999; background: no-repeat center center; width: 32px; height: 32px; opacity: 0.4; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .lightbox__button:hover, .lightbox__button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } .lightbox__close { right: 10px; top: 10px; background-image: url('../../../fileadmin/template_belami/img/close.png'); } .lightbox__nav { top: 50%; margin-top: -16px; } .lightbox__nav--next { right: 10px; background-image: url('../../../fileadmin/template_belami/img/next.png'); } .lightbox__nav--prev { left: 10px; background-image: url('../../../fileadmin/template_belami/img/previous.png'); } /********* Colorbox Core Style *******/ #colorbox { overflow: visible!important; } #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0; display:none !important; height:0; visibility:none !important} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #colorbox {-webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000;} /* User Style */ #cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} #cboxContent{margin-top:0px;background:#000;} .cboxIframe{background:#fff;} /* bg */ #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{border:0px solid #000; background:#fff;} /* bg */ #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;} #cboxLoadingGraphic{background:url('../../../fileadmin/template_belami/img/loading.gif') no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url('../../../fileadmin/template_belami/img/controls.png') no-repeat top left; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious:hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url('../../../fileadmin/template_belami/img/controls.png') no-repeat top right; width:28px; height:65px; text-indent:-9999px;} #cboxNext:hover{background-position:bottom right;} #cboxClose{ position:absolute; top:-20px; right:-60px; display:block; background:url('../../../fileadmin/template_belami/img/close2.png') no-repeat top center; width:64px; height:64px; text-indent:-9999px; -webkit-transform: scale(0.5,0.5); -moz-transform: scale(0.5,0.5); -ms-transform: scale(0.5,0.5); -o-transform: scale(0.5,0.5); transform: scale(0.5,0.5); } #cboxClose:hover{background-position:bottom center;} /******** Anfrage *********************/ .reqBlock { position:relative; float:left; width:100%; } .reqBlock#rB2 { float:right; } .reqBlock#rB3 { width:100%; } .reqBlock#rB4, .reqBlock#rBX3 { width:100%; } .reqBlock#rBX2 { float:right; } fieldset { border:0; border-top:1px solid #e4e1e0; padding:25px 0px 35px 0px; margin:0px 0px 5px 0px; } legend { font-family: 'Roboto', sans-serif; font-size:1em; font-weight:400; color:#000; padding:0px 5px 0px 0px; margin:0 0 0 0px; } .anfrage { position:relative; float:left; width:100%; } .anfrage div { position:relative; float:left; } .anfrage div.row { width:100%; margin:0 0 17px 0; } .anfrage div.first { width:250px; text-align:right; padding:3px 0 0 0; } .anfrage div.second { width:270px; } #rB2 .anfrage div.first, #rBX1 .anfrage div.first, #rBX2 .anfrage div.first { width:130px; } #rB2 .anfrage div.second, #rBX1 .anfrage div.second, #rBX2 .anfrage div.second { width:390px; } #rB3 .anfrage div.first, #rBX3 .anfrage div.first { width:100%; text-align:center; margin:0 0 20px 0; } #rB3 .anfrage div.second , #rBX3 .anfrage div.second{ width:100%; text-align:center; } #rB4 .anfrage div.first { width:100%; text-align:center; margin:0 0 30px 0; } #rB4 .anfrage div.second { width:100%; text-align:center; } .first3 { margin:0 0 0 30px; min-width:155px; } .third3 { margin:0 0 0 40px; } .anfrage label { margin:3px 0 0 0; color:#414143; } .anfrage .mand { font-weight:400; } .anfrage .forgotten { color:#dd2929; } .noAGB, #content .noAGB a { color:#dd2929; } #content .noAGB a { border-bottom:1px solid #dd2929; } .anfrage input { text-align:left; padding:0px 7px 0px 7px; background-image:none; width:300px; font-size:1em; font-family: 'Roboto', sans-serif; -webkit-appearance:none; margin:-2px 0 2px 10px; height:32px; /* -webkit-box-shadow:0px 0px 4px #ccc; -moz-box-shadow:0px 0px 4px #ccc; box-shadow:0px 0px 4px #ccc; */ background-color:#fff; border:0; border:1px solid #e4e1e0; color:#6e6e6f; font-weight:300; } .anfrage input[type="checkbox"] { -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; -ms-appearance: checkbox !important; -o-appearance: checkbox !important; appearance: checkbox !important; padding:0 0 0 0; border:1px solid #fff; width:auto; color:#000; font-size:1em; height:auto; } .anfrage input.numberInput { position:relative; float:left; box-sizing:border-box; height:34px; width:40px; text-align:center; margin:0px 0px 0px 0px; display:block; line-height:1em; padding:0 0 0 0; } .numberInputButton { position:relative; float:left; display:block; box-sizing:border-box; height:34px; width:34px; border:0; background:none; font-family: 'Alex Brush', serif; font-weight:300; font-size:1.5em; line-height:1em; text-align:center; padding:0px 0 0 0; overflow:hidden; text-indent:-9999px; cursor:pointer; background-repeat:no-repeat; background-position:center center; } .nibPlus { margin:0px 0px 0px 3px; background-image:url('../../../fileadmin/template_belami/img/plus.png'); } .nibMinus { margin:0px 3px 0px 10px; background-image:url('../../../fileadmin/template_belami/img/minus.png'); } .nibPlus:hover { background-image:url('../../../fileadmin/template_belami/img/plusB.png'); } .nibMinus:hover { background-image:url('../../../fileadmin/template_belami/img/minusB.png'); } .anfrage input#plz { width:120px; } .anfrage input:focus { border:1px solid #97bf0d } .anfrage input.date { width:120px; cursor:pointer; text-align:center; padding:0 0 0 25px; background-image:url('../../../fileadmin/template_belami/img/cal.png'); background-repeat:no-repeat; background-size:20px auto; background-position:6px 6px; } .anfrage input.date:focus { border-top:1px solid #97bf0d; } .anfrage input.button { border:0px solid #efeee9; color:#fff; font-size:1em; padding:0px 0 0px 0; margin:0 0 0 0; height:50px; width:250px; text-align:center; font-family: 'Roboto', sans-serif; cursor:pointer; background-color:#414143; text-transform:uppercase; font-weight:300; } .anfrage input.button:hover { background-color:#1e6faf; } .anfrage input[type="checkbox"] { } #checkGTC { display:inline; -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; -ms-appearance: checkbox !important; -o-appearance: checkbox !important; appearance: checkbox !important; width:auto; height:auto; } #fifth .rrWrapper { position:relative; float:left; width:47.5%; margin:0 2% 20px 0; border:1px solid #e4e1e0; height:98px; } #fifth .roomChecker:hover { background-color:#1e6faf; color:#fff; } #fifth .roomChecker:hover label { color:#fff; } #fifth .roomChecker { position:relative; float:left; width:100%; height:60px; } #fifth .roomLink { position:relative; float:left; width:100%; color:#fff; height:38px; text-align:center; } #fifth .roomLink a { position:absolute; left:0; top:0; width:100%; height:28px; padding:10px 0 0 0; color:#333333; text-decoration:none; line-height:1em; font-size:0.9em; background-color:#e4e1e0; border:0; } #fifth .roomLink a:hover { border:0; background-color:#333333; color:#fff; } #fifth .rrData { position:relative; float:left; width:65%; height:60px; line-height:1em; } #fifth .rrName { position:relative; float:left; width:100%; font-weight:400; font-size:1em; margin:10px 0 3px 0; } #fifth .rrDesc { position:relative; float:left; width:100%; font-size:0.85em; } #fifth label { display:block; position:relative; float:left; width:100%; margin:0 0 30px 0; cursor:pointer; } .anfrage textarea { padding:7px; font-size:1em; font-family: 'Roboto', sans-serif; width:95%; height:120px; margin:0 0 0 10px; /* -webkit-box-shadow:0px 0px 4px #ccc; -moz-box-shadow:0px 0px 4px #ccc; box-shadow:0px 0px 4px #ccc; */ background-color:#fff; border:0; border:1px solid #e4e1e0; color:#6e6e6f; font-weight:300; box-sizing:border-box; } #rBX2 .anfrage textarea { width: 95%; height:200px; } .anfrage textarea#alter_kinder { height:70px; width:86%; } .anfrage textarea:focus { border:1px solid #97bf0d } .anfrage select { font-family: 'Roboto', sans-serif; background:none; font-size:1em; padding:0px 0px 0px 4px; margin:0 0px 0 10px; height:31px; width:auto; /* -webkit-box-shadow:0px 0px 4px #ccc; -moz-box-shadow:0px 0px 4px #ccc; box-shadow:0px 0px 4px #ccc; */ background-color:#fff; border:0; border:1px solid #e4e1e0; color:#6e6e6f; font-weight:300; /* -webkit-appearance:none; */ } .anfrage select:focus { border:1px solid #97bf0d } .anfrage option { font-family: 'Roboto', sans-serif; padding:4px 4px 4px 4px; margin:0 0 0 0; border:0; color:#3e3d40; background-color:#fff; font-weight:300; } label.hide { display:none; } #content .error { padding:20px; border:0px solid #dd2929; background-color:#dd2929; margin:0 0 30px 0; color:#fff; } #content .msg { padding:20px; border:0px solid #3e7b21; background-color:#3e7b21; margin:0 0 30px 0; color:#fff; } #content .info { } #content .info span { padding:0px; } /**************************************/ /*** typo3 *****/ .frame-type-textpic .ce-textpic { position: relative; float: left; width: 100%; } .frame-type-textpic .ce-gallery { position:relative; float:right; width:44%; margin:0px 0 0 4%; } .frame-type-textpic .ce-gallery img, .frame-type-image .ce-gallery img { width:100%; height:auto; } .frame-type-image .ce-gallery[data-ce-columns="3"], .frame-type-image .ce-gallery[data-ce-columns="3"] .ce-row { position:relative; float:left; width:100%; margin:0px 0 0 0%; } .frame-type-image .ce-gallery[data-ce-columns="3"] .ce-column { position:relative; float:left; width:30%; margin:0px 1.5% 2.5% 1.5%; } .frame-type-textpic .ce-bodytext { /* position:relative; float:left; width:52%; margin:0px 0 0 0; padding:0px 0 0 0; */ } .ce-below .ce-bodytext { position:relative; float:left; width:65%; } .ce-below .ce-gallery { position:relative; float:right; width:30%; } .ce-below .ce-gallery .ce-row { position:relative; float:right; width:100%; } .ce-below { position:relative; float:left; width:100%; margin:20px 0 40px 0; padding:0px 0 0 0; border-top:0px solid #eee; } /* .ce-below:first-child { padding:0px 0 0 0; border-top:0px solid #eee; } */ #c15 .ce-below { padding:10px 0 0 0; border-top:0px solid #eee; } .ce-below .ce-gallery .ce-row .ce-column { position:relative; float:left; width:100%; margin:4px 0% 0 0%; } .ce-below .ce-gallery .ce-row .ce-column img { width:100%; height:auto; } #content .ce-below .ce-gallery a { border:0; } /**************/ /***** apartments übersicht ******/ #accoBlock { position:relative; float:left; width:100%; } #content #accoBlock h4.first { position:relative; float:left; text-align:center; width:100%; margin:10px 0 35px 0; padding:0 0 10px 0; font-size:1.5em; border-bottom:1px solid #1e6faf; font-weight:normal; } .accoClass { position:relative; float:right; width:47%; margin:0 0% 65px 0%; background-color:#1e6faf; color:#fff; text-align:center; height:0px; padding:0 0 30% 0; } #content #accoBlock .odd { float:left; } #content .accoClass a { border-bottom:0; color:#fff; } #content .accoClass:hover a { color:#262628; } #content .accoClass p { margin:0 0 0 0; font-size:0.8em; } .accoPic { position: absolute; left: 0; top: 0; width: 100%; height: 67%; overflow: hidden; background-size: 100% auto; background-repeat: no-repeat; background-position: center center; background-color: #e4e4e4; } .accoData { position: absolute; left: 0; top: 67%; width: 100%; height: 33%; overflow: hidden; } #content .accoAllLink { position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; overflow:hidden; text-indent:-9999px; border-bottom:0 !important; } #content .accoData h4 { color: #fff; border: 0; font-size: 1.15em; text-transform: none; margin: 20px 0 15px 0; padding: 0 0 8px 0; font-weight: 400; background-image: url('../../../fileadmin/template_belami/img/h2bg.png'); background-repeat:no-repeat; background-position:center bottom; } .accoPicHover { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; text-indent:-9999px; background-repeat:no-repeat; background-position:center center; opacity:0; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in; background-color:#000; } .accoClass:hover .accoPicHover, .accoPicHover:hover { opacity:0.35; } /**** UP ******/ .uhide {display:block; opacity:0; z-index:-1; bottom:-40px;} .ushow {display:block; opacity:1; z-index:654; bottom:15px;} #up { position:fixed; left:10px; width:40px; height:40px; -moz-border-radius:100%; -webkit-border-radius:100%; -khtml-border-radius:100%; border-radius:100%; color:#fff; cursor:pointer; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in; background-color:#1e6faf; background-image:url('../../../fileadmin/template_belami/img/upLink.png'); background-position:center center; background-repeat:no-repeat; background-size:20px 13px; -webkit-box-shadow:0px 0px 8px -2px #fff; -moz-box-shadow:0px 0px 8px -2px #fff; box-shadow:0px 0px 8px -2px #fff; } #up:hover { background-color:#000; } #up img { width:100%; height:auto; } /***********/ /****** cookie ********/ .cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s} .cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{text-decoration:none;display:inline-block;padding:.2em .2em .2em 0}.cc-link:hover{text-decoration:underline;}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:normal;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:1;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0} .cc-btn {color:#fff !important; font-size:1em;} .cc_banner-wrapper { z-index: 99001 !important; } a.cc-link { color:#1e6faf !important; } .cc-btn, .cc-btn:visited { color: #fff !important; background-color:#1e6faf !important; border-radius:0 !important; -webkit-border-radius:0 !important; } *::-ms-backdrop, .cc-btn {height:60px;} /* IE11 */ *::-ms-backdrop, .cc-floating.cc-theme-edgeless .cc-message {margin-bottom:60px} /* IE11 */ .cc-btn:hover { background-color:#1e6faf !important; color: #222 !important; } #content a#GAOptOut { text-decoration:none; padding:0 5px; background-color:#1e6faf; color:#fff; } #content a#GAOptOut:hover { background-color:#404042; } /***** Preise ****/ .rPallIn { position:relative; float:left; width:100%; margin:0 0 50px 0; font-family: 'Roboto', sans-serif; line-height:1em; } .rPhead { position:relative; float:left; width:75%; z-index:2; } .rPallOver { position:relative; float:left; width:25%; z-index:1; } #rScroller, #rScroller2 { position:relative; float:left; width:100%; margin:0 0 0px 0; padding:0 0 0 0; } #content .sins { width: 100%; font-size: 0.85em; float: right; position: relative; text-align: right; margin: 10px 0 10px 0; } #content .sins img { width: 20px; height: auto; } #content .sins p { margin: 0px 0 0 0; } .roomPricesDiv { position:relative; float:left; width:100%; } .rP1, .rP2 { position:relative; float:left; width:100%; box-sizing:border-box; border-left:1px solid #fff; border-bottom:1px solid #fff; text-align:center; } #rPallInX .rP1, #rPallInX .rP2 { width:100%; } .rPallOver .rP2 { font-size:1.25em; } .rP1 { background-color:#1e6faf; padding:0px 0 0px 0; color:#fff; height:80px; line-height:1em; } .rP2 { background-color:#f2f2f2; padding:0px 0 0px 0; color:#5e5e5e; height:80px; } .even .rP2 { background-color:#e5e5e5; } #content h4.prH4 { position:relative; float:left; border-bottom:0; margin:0 0 15px 0; } .roomNames, .periodBox, #rPallInX .roomNames { font-weight:500; color:#5e5e5e; background-color:#f2f2f2; width:55%; padding:0px 0 0px 0; box-sizing:border-box; border-left:1px solid #fff; border-bottom:1px solid #fff; } .periodBox { font-weight:500; width:45%; } .even .roomNames, .even .periodBox, #rPallInX .even .roomNames { background-color:#e5e5e5; } #content .roomNames h3 { margin:0 0 0px 0; font-size:1em; font-weight:400; background:none; padding:0 0 0 0; font-style:normal; color:#5e5e5e; text-transform:none; } #content .roomNames p, #content .periodBox p { margin:0px 0 0 0; font-size:1em; line-height:1em; font-weight:300; } .roomNames a { color:#5e5e5e; text-decoration:none; } .roomNames a:hover { color:#5e5e5e; border-bottom:1px solid #5e5e5e; } .boxCentering { position:absolute; top:50%; width:100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .oneLine { padding:27px 0 0px 0; height:50px; } .rPhead .empty { background:none; width:100%; box-sizing:border-box; border-bottom:1px solid #fff; } .rP1 strong { font-weight:700; font-size:1.25em; line-height:1em; } #ebEnquiry, #ebFrontEndFrame { min-height:400px; } /* Summer *************************************************************************************************************************************/ @media (min-width: 1921px) { #mountainBox { background-image:url('../../../fileadmin/template_belami/img/Sparallax.jpg'); } #cWrapper { background-image:url('../../../fileadmin/template_belami/img/s2560.jpg'); } } @media (min-width: 1601px) and (max-width: 1920px) { #mountainBox { background-image:url('../../../fileadmin/template_belami/img/Sparallax1920.jpg'); } #cWrapper { background-image:url('../../../fileadmin/template_belami/img/s1920.jpg'); } } @media (min-width: 1431px) and (max-width: 1600px) { #mountainBox { background-image:url('../../../fileadmin/template_belami/img/Sparallax1600.jpg'); } #cWrapper { background-image:url('../../../fileadmin/template_belami/img/s1600.jpg'); } } @media (min-width: 1261px) and (max-width: 1430px) { #mountainBox { background-image:url('../../../fileadmin/template_belami/img/Sparallax1430.jpg'); } #cWrapper { background-image:url('../../../fileadmin/template_belami/img/s1430.jpg'); } } @media (min-width: 1011px) and (max-width: 1260px) { #mountainBox { background-image:url('../../../fileadmin/template_belami/img/Sparallax1260.jpg'); } #cWrapper { background-image:url('../../../fileadmin/template_belami/img/s1260.jpg'); } } @media (min-width: 711px) and (max-width: 1010px) { #mountainBox { background-image:url('../../../fileadmin/template_belami/img/Sparallax1010.jpg'); } #cWrapper { background-image:url('../../../fileadmin/template_belami/img/s1010.jpg'); } } @media (min-width: 471px) and (max-width: 710px) { #mountainBox { background-image:url('../../../fileadmin/template_belami/img/Sparallax710.jpg'); } #cWrapper { background-image:url('../../../fileadmin/template_belami/img/s710.jpg'); } } @media (min-width: 0px) and (max-width: 470px) { #mountainBox { background-image:url('../../../fileadmin/template_belami/img/Sparallax490.jpg'); } #cWrapper { background-image:url('../../../fileadmin/template_belami/img/s490.jpg'); } } @media (max-height: 850px){ #buttons { top:130px; } } @media (max-height: 800px){ #buttons { width:68px; } } @media (max-height: 780px){ #buttons { width:60px; top:110px; } #buttons a { width:60px; height:60px; margin:0px 0px 6px 0px; background-size:50px 50px; } } @media (max-height: 730px){ #buttons { width:50px; top:100px; } #buttons a { width:50px; height:50px; margin:0px 0px 6px 0px; background-size:30px 30px; } } @media (max-height: 640px){ #buttons { width:40px; top:100px; } #buttons a { width:40px; height:40px; margin:0px 0px 6px 0px; background-size:25px 25px; } } @media (max-height: 580px){ #buttons { display:none; } } /* Big *************************************************************************************************************************************/ @media (min-width: 1921px) { #vader .slide img { width:2560px; } #pics { height:960px; } #top.nosticky { top:927px; } #mountainBox { height:560px; } } @media (min-width: 1601px) and (max-width: 1920px) { #vader .slide img { width:1920px; } #pics { height:840px; } #top.nosticky { top:807px; } #mountainBox { height:425px; } } @media (min-width: 1431px) and (max-width: 1600px) { #vader .slide img { width:1600px; } #pics { height:690px; } #top.nosticky { top:657px; } #mountainBox { height:350px; } } @media (min-width: 1261px) and (max-width: 1430px) { #vader .slide img { width:1430px; } #pics { height:690px; } #top.nosticky { top:657px; } #mountainBox { height:310px; } } @media (min-width: 1011px) and (max-width: 1260px) { #vader .slide img { width:1260px; } #pics { height:580px; } #top.nosticky { top:547px; } #mountainBox { height:290px; } } @media (min-width: 711px) and (max-width: 1010px) { #vader .slide img { width:1010px; } #pics { height:470px; } #top.nosticky { top:437px; } #mountainBox { height:220px; } } @media (min-width: 471px) and (max-width: 710px) { #vader .slide img { width:710px; } #pics { height:380px; } #top.nosticky { top:347px; } #mountainBox { height:150px; } } @media (min-width: 0px) and (max-width: 470px) { #vader .slide img { width:490px; } #pics { height:300px; } #top.nosticky { top:267px; } #mountainBox { height:100px; background-size:490px auto; } } /* 1600px *************************************************************************************************************************************/ @media (max-width: 1600px) { #buttons { margin-top:-35px; top:150px; } #logo { margin-left: -600px; } #nul { margin:0 0 0 310px; } .centerBox { width: 1200px; } #onTheSlope { font-size:4.5em; } } /* 1280 *************************************************************************************************************************************/ @media (max-width: 1418px) { #onTheSlope { font-size:4em; } #navi li a { padding: 25px 35px 0px 35px; } #nul { margin: 0 0 0 250px; } #logo { margin-left: -590px; } #mapBox { height:380px; } } /* 1024 *************************************************************************************************************************************/ @media (max-width: 1260px) { #content h1, #content h2, #content2 h2, #infoBox h2, #activeBox h2, #packageBox h2 { font-size:4em; } #logo { margin-left: -470px; } #onTheSlope { font-size:3.5em; top:29%; } #buttons { margin-top:0px; width:40px; top:220px; display:block; } #buttons a { width:40px; height:40px; margin:0px 0px 6px 0px; background-size:25px 25px; } div.fadenav { bottom:20px; } .dropUpMenu { top:67px; bottom:auto; } #top.nosticky, #top.sticky { position:fixed; top:0px; margin-top:64px; } #offerList, .centerBox, #socialFeedContent, #wrapper, #infoBox, #activeBox, #footer { width:900px; } #pics { margin-top:130px; border-bottom:5px solid #85754d; } #content { margin:70px 0px 90px 0px; } #mapBox { height:360px; } #offerList .offerBoxPic { height: 140px; } #offerList .oneOffer { font-size:0.9em; } #offerList .offerText h2 { font-size: 1.25em; } .activeLinks h4 { font-size: 1.35em; margin: 25px 0 15px 0; } .activeLinks p { width:100%; margin: 0 0 0 0%; } #iFooter { height: 590px; padding: 55px 0 0 0; } #footer h2 { font-size: 2em; margin: 0 0 20px 0; } #footer { font-size: 1.15em; } #fBlock1 { width:19%; } #content2 h2 { font-size: 2.5em; } #content2 p { font-size: 1em; } .nosticky #offerPopper { margin-top:69px; } /* mnavi + btn **********************/ #navi { display:none; } #mnfield { width:100%; height:130%; z-index:620; background-image:url('../../../fileadmin/template_belami/img/dark.png'); } .nhide, .hide {display:none;} .nshow, .mshow {display:block;} #mbtn { display:block; position:fixed; right:0px; top:64px; text-align:center; color:#fff; font-size:1.25em; height:67px; z-index:625; cursor:pointer; border:0px solid #fff; text-transform:uppercase; font-weight:300; line-height:1em; font-family: 'Roboto', sans-serif; background-color:#f7f7f4; background:none; } #naviicon:hover { color: #fff; background-color: #0f365f; } #naviicon { width: 150px; height: 100%; position:relative; float:right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; cursor: pointer; overflow:hidden; background:none; } #naviicon div { position:absolute; top:24px; right:26px; } #naviicon span { display: block; position: absolute; height: 1px; width: 28px; background: #fff; border-radius: 0px; opacity: 1; left: 20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #naviicon:hover span { background-color: #fff; } #naviicon span:nth-child(1) { top: 27px; opacity:1; } #naviicon span:nth-child(2),#naviicon span:nth-child(3) { top: 33px; } #naviicon span:nth-child(4) { top: 39px; opacity:1; } #naviicon.open { width:240px; color:#fff; background-color:#1e6faf; -webkit-box-shadow: 0px 0px 5px -2px #000; -moz-box-shadow: 0px 0px 5px -2px #000; box-shadow: 0px 0px 5px -2px #000; } #naviicon.open span { background-color:#fff; } #naviicon.open span:nth-child(1) { width: 0%; opacity:0; } #naviicon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #naviicon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #naviicon.open span:nth-child(4) { width: 0%; opacity:0; } .hideMenu { display:block; height:0px; max-height:0; } .mshowMenu { display:block; height:auto; max-height:2050px; } #mnavi { position:absolute; top:131px; right:0px; /* margin-right:-235px; */ width:240px; padding:0px 0px 0px 0px; -webkit-box-shadow: 0px 0px 3px #000; -moz-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #000; background-color:#ffffff; z-index:630; overflow:hidden; -webkit-transition: all 0.75s ease-in; -moz-transition: all 0.75s ease-in; -o-transition: all 0.75s ease-in; -ms-transition: all 0.75s ease-in; transition: all 0.75s ease-in; } #mnavi li { list-style-type:none; display:block; width:100%; } #mnavi li a { text-decoration:none; display:block; position:relative; float:left; padding:7px 10px 6px 10px; width:220px; color:#403f42; font-size:1em; letter-spacing:0px; text-transform:none; background-color:#ebebeb; border-bottom:1px solid #fff; font-weight:300; } #mnavi li#mmenuitem_32 a { border-bottom:0px solid #fff; } #mnavi li.selected a { color:#fff; background-color:#85754d; } #mnavi li a:hover { color:#fff; background-color:#1e6faf; } #mnavi li li a, #mnavi li.selected li a { background-color:#fff; width:200px; margin:0 0 0 0; padding:7px 10px 6px 30px; font-size:1em; font-weight:300; color:#403f42; border-bottom:1px solid #ebebeb; text-transform:none; } #mnavi li.selected li.selected a { color:#fff; background-color:#85754d; } #mnavi li.selected li a:hover, #mnavi li.selected li.selected a:hover { color:#fff; background-color:#1e6faf; } } /* Tablet *************************************************************************************************************************************/ @media (max-width: 1200px) { #vader .slide img { width:1200px; } #pics { height:560px; } } /* Tablet *************************************************************************************************************************************/ @media (max-width: 1100px) { #vader .slide img { width:1100px; } #pics { height:530px; } } /* Tablet *************************************************************************************************************************************/ @media (max-width: 1050px) { #vader .slide img { width:1050px; } #pics { height:500px; } } /* Tablet *************************************************************************************************************************************/ @media (max-width: 1010px) { #cboxClose{ top:-30px; right:-30px; } .rPhead { width:60%; } .rPallOver { width:40%; } .rP2 { height:110px; } .roomNames, .periodBox, #rPallInX .roomNames { width:100%; height:55px; } .roomNames, #rPallInX .roomNames { border-bottom:0; } #content .roomNames h3 { margin: 10px 0 0px 0; } #content .periodBox p { margin: 0px 0 10px 0; font-size:0.9em; } #onTheSlope { font-size:3.2em; top:180px; } #buttons { top:200px; } #logo { margin-left: -330px; } #top.sticky, #top.nosticky, #overthetop, #mbtn { position:absolute; } #vader .slide img { width:1010px; } #pics { height:470px; } #offerPopper { display:none; } #offerList, .centerBox, #socialFeedContent, #wrapper, #infoBox, #activeBox, #footer, #bookingBox, #ccWrapper { width:640px; } /* .frame-type-textpic .ce-gallery { width:100%; margin:30px 0 0 0; } .frame-type-textpic .ce-bodytext { width:100%; margin:30px 0 0 0; } */ #toplinks a { padding: 24px 35px 0px 35px; } .activeLinks h4 { font-size: 1.55em; } .activeLinks p { font-size: 1em; } #mapBox { height:320px; } #content, #content2 { font-size: 1.1em; } #content h1, #content h2, #content2 h2, #infoBox h2, #activeBox h2, #packageBox h2 { font-size: 3.35em; } #content2 h2 { font-size: 2.5em; } #packageBox, #infoBox, #activeBox { font-size:1.1em; } #boxPisten { display:none; } #dWrapper { padding: 65px 0 50px 0; } .activeLinks .secondbox { width: 47%; margin: 0px 0 0px 0; } #content #scroller iframe { height:1020px; } #iFooter { height: 560px; } #fBlock1, #fBlock2 { width:50%; } #fBlock3 { display:none; } } /* Tablet *************************************************************************************************************************************/ @media (max-width: 880px) { #buttons { top:180px; } #vader .slide img { width:880px; } #pics { height:425px; } #toplinks a#tLbooking { display:none; } } /* Tablet *************************************************************************************************************************************/ @media (max-width: 820px) { #buttons { top:170px; } .locationBox { height:180px; font-size: 1em; } #vader .slide img { width:820px; } #pics { height:400px; } } /* Tablet *************************************************************************************************************************************/ @media (max-width: 780px) { #buttons { top:160px; } #vader .slide img { width:780px; } #pics { height:380px; } #toplinks a { padding: 24px 30px 0px 30px; } #onTheSlope { font-size:2.5em; } } /* Smartphone Landscape *************************************************************************************************************************************/ @media (max-width: 710px) { #content h4, #content2 h4 { position: relative; float: left; width: 100%; } .activeLinks h4 { margin: 20px 0 13px 0; } .frame-type-textpic .ce-gallery { width:100%; margin:0px 0 20px 0%; } .rPhead { width:71%; } .rPallOver { width:29%; } #onTheSlope { font-size:2.25em; top:160px; } #logo { margin-left: -210px; } #wrapper, #infoBox, #activeBox, #footer, #ccWrapper { width:400px; } .centerBox { width:420px; } #toplinks a#tLenq, #buttons { display:none; } #content #scroller iframe { height:1050px; } #content h1, #content h2, #content2 h2, #infoBox h2, #activeBox h2, #packageBox h2 { font-size:2.65em; margin:0px 0px 10px 0px; } #content2 h2 { font-size: 2.2em; } #content h3, #content2 h3, #infoBox h3, #activeBox h3, #packageBox h3 { font-size:1em; } #content, #content2 { margin:60px 0px 50px 0px; font-size:1em; } #content2 { font-size:0.9em; } #infoBox, #activeBox { font-size:1em; } .activeLinks .secondbox { width: 48%; } .infoText, .activeText { margin:65px 0 0 0; } .activeLinks h4 { font-size: 1.15em; } .activeLinks p { font-size:0.9em; } div.fadenav { display:none; } #iFooter { height:460px; } #footer { font-size:1em; } #fBlock1 { width:45%; } #fBlock2 { width:55%; } #fBlock0 img { width:260px; } #mapBox { height:270px; } } @media (max-width: 620px) { #vader .slide img { width:620px; } #pics { height:320px; } } @media (max-width: 580px) { #vader .slide img { width:580px; } #pics { height:290px; } #toplinks a#tLoffers { display:none; } } @media (max-width: 520px) { #vader .slide img { width:520px; } #pics { height:250px; } } /* Smartphone *************************************************************************************************************************************/ @media (max-width: 470px) { .activeLinks h4 { margin: 15px 0 10px 0; } .rPhead { width:62%; } .rPallOver { width:38%; } #logo { margin-left: -180px; } #naviicon { width: 130px; } #naviicon div { right:18px; } #naviicon span { width: 22px; left:18px; } #onTheSlope { font-size:2em; top:155px; } #content #scroller iframe { height:1100px; } #mapBox { height:260px; } #content, #content2 { margin: 50px 0px 40px 0px; font-size:0.9em; } #content2 { margin: 30px 0px 30px 0px; } .centerBox, #ccWrapper, #wrapper, #infoBox, #activeBox { width:320px; } #footer { width:260px; } #content h1, #content h2, #content2 h2, #infoBox h2, #activeBox h2, #packageBox h2 { font-size:2.25em; } #content2 h2 { font-size:1.85em; } #content h3, #content2 h3, #infoBox h3, #activeBox h3, #packageBox h3 { font-size:1em; margin:0 0 30px 0; } .activeLinks h4 { font-size: 1.15em; } .activeLinks p { width: 80%; margin: 0 0 0 10%; font-size: 0.9em; } #iFooter { height:630px; } #fBlock1, #fBlock2 { width: 100%; } .activeLinks .secondbox { width:100%; margin-bottom:30px; } } /* Smartphone *************************************************************************************************************************************/ @media (max-width: 400px) { #logo { margin-left:0; left:10px; } #vader .slide img { width:400px; } #pics { height:210px; } #lang a { width: 54px; } #toptel { float: left; margin: 3px 0px 0 15px; } #naviicon { width:58px; } #naviicon div { display:none; } #naviicon span { width: 26px; left:16px; } } /* Smartphone *************************************************************************************************************************************/ @media (max-width: 355px) { .centerBox, #wrapper, #infoBox, #activeBox, #footer { width:280px; } #ccWrapper { width:290px; } #content2 h2 { font-size: 1.65em; } #content2 p { font-size:0.9em; } } #content { margin-top:200px; } #top.nosticky { position:fixed; top:0px; margin-top:64px; } #offerPopper { display:none; } /* 1750px *************************************************************************************************************************************/ @media (max-width: 1750px) { } /* 1570px *************************************************************************************************************************************/ @media (max-width: 1570px) { } /* 1280 *************************************************************************************************************************************/ @media (max-width: 1418px) { } /* Tablet *************************************************************************************************************************************/ @media (max-width: 1260px) { #content { margin-top:180px; } } /* Tablet *************************************************************************************************************************************/ @media (max-width: 1010px) { #top.sticky, #top.nosticky, #overthetop { position:absolute; } } /* Smartphone *************************************************************************************************************************************/ @media (max-width: 710px) { #content { margin-top:170px; } } /* Smartphone *************************************************************************************************************************************/ @media (max-width: 355px) { } .reqBlock { width:48%; } /* 1280 *************************************************************************************************************************************/ @media (max-width: 1600px) { .anfrage div.first { width:180px; } .anfrage div.second { width:300px; } #rB2 .anfrage div.first, #rBX1 .anfrage div.first, #rBX2 .anfrage div.first { width:120px; } #rB2 .anfrage div.second, #rBX1 .anfrage div.second, #rBX2 .anfrage div.second { width:360px; } .first3 { margin: 0 0 0 0px; } .third3 { margin: 0 0 0 26px; } .nibPlus { margin:0px 0px 0px 2px; } .nibMinus { margin:0px 2px 0px 6px; } } /* 1280 *************************************************************************************************************************************/ @media (max-width: 1260px) { .reqBlock { width:100%; } .anfrage div.first { padding:4px 0 0 0; } .reqBlock { margin:0px 0 0 0; } .first3 { margin: 4px 0 0 60px; } .third3 { margin: 4px 0 0 60px; } .numberInputButton, .anfrage input.numberInput { height:31px; } } /* Tablet *************************************************************************************************************************************/ @media (max-width: 1010px) { } /* Smartphone *************************************************************************************************************************************/ @media (max-width: 710px) { .first3 { margin: 4px 0 0 20px; min-width: 120px; } .third3 { margin: 4px 0 0 20px; } .anfrage select { margin: 0 0px 0 0px; } .anfrage div.first { width:150px; } .anfrage div.second { width:230px; } #rB2 .anfrage div.first, #rBX1 .anfrage div.first, #rBX2 .anfrage div.first { width:110px; } #rB2 .anfrage div.second, #rBX1 .anfrage div.second, #rBX2 .anfrage div.second { width:290px; } .anfrage .firstCb label, .anfrage .secondCb2 label { width:80px; } .anfrage input { width:240px; } .anfrage .firstCb label { margin:0px 15px 0 80px; } #rB2 #extraData div.first, #rBX1 #extraData div.first, #rBX2 #extraData div.first { width:100%; text-align:left; } #rB2 #extraData div.first label, #rBX1 #extraData div.first label, #rBX2 #extraData div.first label { margin:0 0 10px 10px; text-align:left; line-height:2em; } #rB2 #extraData div.second, #rBX1 #extraData div.second, #rBX2 #extraData div.second { width:100%; } } /* Smartphone *************************************************************************************************************************************/ @media (max-width: 470px) { .third3 { display:none; } .anfrage select { margin: 0 0px 0 0px; } fieldset { padding:25px 0px 20px 0px; margin:0px 0px 0px 0px; } .anfrage div.first { width:90px; } .anfrage div.second { width:190px; } #rB2 .anfrage div.first, #rBX1 .anfrage div.first, #rBX2 .anfrage div.first { width:85px; } #rB2 .anfrage div.second, #rBX1 .anfrage div.second, #rBX2 .anfrage div.second { width:190px; } .anfrage .firstCb label, .anfrage .secondCb2 label { width:60px; } .anfrage input { width:140px; } .anfrage input.date { width:90px; } .anfrage .firstCb label { margin:0px 10px 0 10px; } .anfrage .firstCb input[type="checkbox"]:checked + label, .anfrage .secondCb2 input[type="checkbox"]:checked + label { background-size:160px auto; } #rB2 #extraData div.row, #rBX1 #extraData div.row, #rBX2 #extraData div.row { margin: 0 0 0px 0; } .nibMinus { margin: 0px 2px 0px 0px; } .anfrage input.numberInput { width:30px; } }