@charset "UTF-8"; /* Style sheet reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dctrt, dd, ol { margin:0; padding:0; vertical-align:baseline; border:0; font-size:100%; font: inherit; outline: none; } ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; vertical-align:baseline; border:0; font-size:100%; font: inherit; outline: none; } body { line-height:1; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } :focus, :link img, :visited img { outline:0; } ol, ul { padding:0; } ul { list-style-type:none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse:collapse; border-spacing:0; } #main ul { margin-left:0; padding-left:10px; } button, .button, input[type="reset"], input[type="button"], input[type="submit"] { width:auto; overflow:visible; margin:0; padding:0; vertical-align:middle; border: none; background: inherit; font: inherit; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { padding-top:0; border: none; } /* Style sheet colorbox */ #colorbox,#cboxOverlay,#cboxWrapper{top:0;left:0;position:absolute;overflow:hidden;z-index:9999}#cboxOverlay{width:100%;height:100%;position:fixed}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{width:100%;top:0;left:0;position:absolute}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;display:block;margin:auto;border:0}.cboxIframe{width:100%;height:100%;display:block;border:0}#cboxOverlay{background:#fff}#colorbox{}#cboxTopLeft{width:25px;height:25px;background:url(/tl_files/layout/colorbox/border1.png) no-repeat 0 0}#cboxTopCenter{height:25px;background:url(/tl_files/layout/colorbox/border1.png) repeat-x 0 -50px}#cboxTopRight{width:25px;height:25px;background:url(/tl_files/layout/colorbox/border1.png) no-repeat -25px 0}#cboxBottomLeft{width:25px;height:25px;background:url(/tl_files/layout/colorbox/border1.png) no-repeat 0 -25px}#cboxBottomCenter{height:25px;background:url(/tl_files/layout/colorbox/border1.png) repeat-x 0 -75px}#cboxBottomRight{width:25px;height:25px;background:url(/tl_files/layout/colorbox/border1.png) no-repeat -25px -25px}#cboxMiddleLeft{width:25px;background:url(/tl_files/layout/colorbox/border2.png) repeat-y 0 0}#cboxMiddleRight{width:25px;background:url(/tl_files/layout/colorbox/border2.png) repeat-y -25px 0}#cboxContent{overflow:hidden;background:#fff}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{margin-bottom:20px}#cboxTitle{width:100%;bottom:0;left:0;position:absolute;text-align:center;color:#999}#cboxCurrent{bottom:0;left:100px;position:absolute;color:#999}#cboxSlideshow{bottom:0;right:42px;position:absolute;color:#444}#cboxPrevious{bottom:0;left:0;position:absolute;color:#444}#cboxNext{bottom:0;left:22px;position:absolute;color:#444}#cboxLoadingOverlay{background:#fff url(/tl_files/layout/colorbox/loading.gif) no-repeat 5px 5px}#cboxClose{bottom:0;right:0;position:absolute;display:block;color:#444}#cboxSlideshow,#cboxPrevious,#cboxNext,#cboxClose{width:20px;height:20px;text-indent:-9999px;background:url(/tl_files/layout/colorbox/controls.png) no-repeat 0 0}#cboxPrevious{right:44px;background-position:0px 0px}#cboxPrevious:hover{background-position:0px -25px}#cboxNext{right:22px;background-position:-25px 0px}#cboxNext:hover{background-position:-25px -25px}#cboxClose{right:0;background-position:-50px 0px}#cboxClose:hover{background-position:-50px -25px}.cboxSlideshow_on #cboxPrevious,.cboxSlideshow_off #cboxPrevious{right:66px}.cboxSlideshow_on #cboxSlideshow{right:44px;background-position:-75px -25px}.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px}.cboxSlideshow_off #cboxSlideshow{right:44px;background-position:-100px 0px}.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px}.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight{filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF)}.cboxIE6 #cboxTopLeft{background:url(/tl_files/layout/colorbox/ie6/borderTopLeft.png)}.cboxIE6 #cboxTopCenter{background:url(/tl_files/layout/colorbox/ie6/borderTopCenter.png)}.cboxIE6 #cboxTopRight{background:url(/tl_files/layout/colorbox/ie6/borderTopRight.png)}.cboxIE6 #cboxBottomLeft{background:url(/tl_files/layout/colorbox/ie6/borderBottomLeft.png)}.cboxIE6 #cboxBottomCenter{background:url(/tl_files/layout/colorbox/ie6/borderBottomCenter.png)}.cboxIE6 #cboxBottomRight{background:url(/tl_files/layout/colorbox/ie6/borderBottomRight.png)}.cboxIE6 #cboxMiddleLeft{background:url(/tl_files/layout/colorbox/ie6/borderMiddleLeft.png)}.cboxIE6 #cboxMiddleRight{background:url(/tl_files/layout/colorbox/ie6/borderMiddleRight.png)}.cboxIE6 #cboxTopLeft,.cboxIE6 #cboxTopCenter,.cboxIE6 #cboxTopRight,.cboxIE6 #cboxBottomLeft,.cboxIE6 #cboxBottomCenter,.cboxIE6 #cboxBottomRight,.cboxIE6 #cboxMiddleLeft,.cboxIE6 #cboxMiddleRight{_behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')")} /* Style sheet jquery_ui */ .ui-helper-hidden { display:none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin:0; padding:0; border:0; font-size:100%; line-height:1.3; text-decoration:none; outline: 0; list-style: none; } .ui-helper-clearfix:after { height:0; clear:both; display:block; content: "."; visibility: hidden; } .ui-helper-clearfix { display:inline-block; } * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } .ui-helper-zfix { width:100%; height:100%; top:0; left:0; position:absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-state-disabled { cursor: default !important; } .ui-icon { overflow:hidden; display:block; background-repeat:no-repeat; text-indent:-99999px; } .ui-widget-overlay { width:100%; height:100%; top:0; left:0; position:absolute; } .ui-widget { font:1.1em Verdana, Arial, sans-serif; } .ui-widget .ui-widget { font-size:1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font:1em Verdana, Arial, sans-serif; } .ui-widget-content { border:1px solid #aaa; color:#222; background: #ffffff url(/tl_files/layout/ui/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x; } .ui-widget-content a { color:#222; } .ui-widget-header { border:1px solid #aaa; font-weight:bold; color:#222; background: #cccccc url(/tl_files/layout/ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; } .ui-widget-header a { color:#222; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border:1px solid #d3d3d3; font-weight:normal; color:#555; background: #e6e6e6 url(/tl_files/layout/ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { text-decoration:none; color:#555; } .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 #999; font-weight:normal; color:#212121; background: #dadada url(/tl_files/layout/ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; } .ui-state-hover a, .ui-state-hover a:hover { text-decoration:none; color:#212121; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border:1px solid #aaa; font-weight:normal; color:#212121; background: #ffffff url(/tl_files/layout/ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { text-decoration:none; color:#212121; } .ui-widget :active { outline: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border:1px solid #fcefa1; color:#363636; background: #fbf9ee url(/tl_files/layout/ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; } .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; color:#cd0a0a; background: #fef1ec url(/tl_files/layout/ui/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; } .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 { font-weight:normal; opacity: .7; filter:Alpha(Opacity=70); } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { background-image:none; opacity: .35; filter:Alpha(Opacity=35); } .ui-icon { width:16px; height:16px; background-image:url("/tl_files/layout/ui/ui-icons_222222_256x240.png"); } .ui-widget-content .ui-icon { background-image:url("/tl_files/layout/ui/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image:url("/tl_files/layout/ui/ui-icons_222222_256x240.png"); } .ui-state-default .ui-icon { background-image:url("/tl_files/layout/ui/ui-icons_888888_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image:url("/tl_files/layout/ui/ui-icons_454545_256x240.png"); } .ui-state-active .ui-icon { background-image:url("/tl_files/layout/ui/ui-icons_454545_256x240.png"); } .ui-state-highlight .ui-icon { background-image:url("/tl_files/layout/ui/ui-icons_2e83ff_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image:url("/tl_files/layout/ui/ui-icons_cd0a0a_256x240.png"); } .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-off { background-position: -96px -144px; } .ui-icon-radio-on { 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 { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-widget-overlay { background: #aaaaaa url(/tl_files/layout/ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; filter:Alpha(Opacity=30); } .ui-widget-shadow { margin:-8px 0 0 -8px; padding:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; background: #aaaaaa url(/tl_files/layout/ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; filter:Alpha(Opacity=30); -khtml-border-radius: 8px; } .ui-resizable { position:relative; } .ui-resizable-handle { position:absolute; display:block; font-size:0.1px; z-index: 99999; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display:none; } .ui-resizable-n { width:100%; height:7px; top:-5px; cursor: n-resize; left: 0; } .ui-resizable-s { width:100%; height:7px; bottom:-5px; cursor: s-resize; left: 0; } .ui-resizable-e { width:7px; height:100%; right:-5px; cursor: e-resize; top: 0; } .ui-resizable-w { width:7px; height:100%; left:-5px; cursor: w-resize; top: 0; } .ui-resizable-se { width:12px; height:12px; right:1px; cursor: se-resize; bottom: 1px; } .ui-resizable-sw { width:9px; height:9px; left:-5px; cursor: sw-resize; bottom: -5px; } .ui-resizable-nw { width:9px; height:9px; left:-5px; cursor: nw-resize; top: -5px; } .ui-resizable-ne { width:9px; height:9px; right:-5px; cursor: ne-resize; top: -5px; } .ui-selectable-helper { position:absolute; border:1px dotted #black; z-index: 100; } .ui-accordion { width:100%; } .ui-accordion .ui-accordion-header { position:relative; margin-top:1px; cursor: pointer; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display:inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display:block; padding:.5em .5em .5em .7em; font-size:1em; } .ui-accordion-icons .ui-accordion-header a { padding-left:2.2em; } .ui-accordion .ui-accordion-header .ui-icon { left:.5em; position:absolute; margin-top:-8px; top: 50%; } .ui-accordion .ui-accordion-content { top:1px; position:relative; overflow:auto; display:none; margin-top:-2px; margin-bottom:2px; padding:1em 2.2em; border-top:0; zoom: 1; } .ui-accordion .ui-accordion-content-active { display:block; } .ui-autocomplete { position:absolute; cursor: default; } * html .ui-autocomplete { width:1px; } .ui-menu { float:left; display:block; margin:0; padding:2px; list-style:none; } .ui-menu .ui-menu { margin-top:-3px; } .ui-menu .ui-menu-item { width:100%; float:left; clear:left; margin:0; padding:0; zoom: 1; } .ui-menu .ui-menu-item a { display:block; padding:.2em .4em; line-height:1.5; text-decoration:none; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { margin:-1px; font-weight:normal; } .ui-button { position:relative; overflow:visible; display:inline-block; margin-right:.1em; padding:0; text-align:center; text-decoration: none !important; cursor: pointer; zoom: 1; } .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:1.4; } .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-right:2.1em; padding-left: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 { top:50%; position:absolute; 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-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-right:-.3em; margin-left:0; } button.ui-button::-moz-focus-inner { padding:0; border:0; } .ui-dialog { width:300px; position:absolute; overflow:hidden; padding:.2em; } .ui-dialog .ui-dialog-titlebar { position:relative; padding:.4em 1em; } .ui-dialog .ui-dialog-title { float:left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { width:19px; height:18px; right:.3em; position:absolute; margin:-10px 0 0; padding:1px; top: 50%; } .ui-dialog .ui-dialog-titlebar-close span { display:block; margin:1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding:0; } .ui-dialog .ui-dialog-content { position:relative; overflow:auto; padding:.5em 1em; border:0; background: none; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { margin:.5em 0 0; padding:.3em 1em .5em .4em; text-align:left; background-image:none; border-top:1px; border-right:0px; border-bottom:0px; border-left:0px; } .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:14px; height:14px; right:3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-slider { position:relative; text-align:left; } .ui-slider .ui-slider-handle { width:1.2em; height:1.2em; position:absolute; z-index: 2; cursor: default; } .ui-slider .ui-slider-range { position:absolute; display:block; border:0; font-size:.7em; z-index: 1; background-position: 0 0; } .ui-slider-horizontal { height:.8em; } .ui-slider-horizontal .ui-slider-handle { top:-.3em; margin-left:-.6em; } .ui-slider-horizontal .ui-slider-range { height:100%; top:0; } .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-bottom:-.6em; margin-left:0; } .ui-slider-vertical .ui-slider-range { width:100%; left:0; } .ui-slider-vertical .ui-slider-range-min { bottom:0; } .ui-slider-vertical .ui-slider-range-max { top:0; } .ui-tabs { position:relative; padding:.2em; zoom: 1; } .ui-tabs .ui-tabs-nav { margin:0; padding:.2em .2em 0; } .ui-tabs .ui-tabs-nav li { top:1px; position:relative; float:left; padding:0; white-space:nowrap; list-style: none; margin: 0 .2em 1px 0; border-bottom: 0 !important; } .ui-tabs .ui-tabs-nav li a { float:left; padding:.5em 1em; text-decoration:none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom:0; padding-bottom:1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display:block; padding:1em 1.4em; border:0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } .ui-datepicker { width:17em; display:none; padding:.2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width:1.8em; height:1.8em; top:2px; position:absolute; } .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 { left:50%; position:absolute; display:block; margin-top:-8px; margin-left:-8px; top: 50%; } .ui-datepicker .ui-datepicker-title { margin:0 2.3em; text-align:center; line-height:1.8em; } .ui-datepicker .ui-datepicker-title select { margin:1px 0; font-size:1em; } .ui-datepicker select.ui-datepicker-month-year { width:100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:49%; } .ui-datepicker table { width:100%; margin:0 0 .4em; border-collapse:collapse; font-size:.9em; } .ui-datepicker th { padding:.7em .3em; text-align:center; border:0; font-weight:bold; } .ui-datepicker td { padding:1px; border:0; } .ui-datepicker td span, .ui-datepicker td a { display:block; padding:.2em; text-align:right; text-decoration:none; } .ui-datepicker .ui-datepicker-buttonpane { margin:.7em 0 0; padding:0 .2em; background-image:none; border-right:0; border-bottom:0; border-left:0; } .ui-datepicker .ui-datepicker-buttonpane button { width:auto; overflow:visible; float:right; margin:.5em .2em .4em; padding:.2em .6em .3em; cursor: pointer; } .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 { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { width:100%; clear:both; font-size:0em; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right:2px; left:auto; } .ui-datepicker-rtl .ui-datepicker-next { left:2px; right:auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right:1px; left:auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left:1px; right:auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float:left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-cover { width:200px; height:200px; top:-4px; display:none; display position: absolute; z-index: -1; filter: mask(); left: -4px; } .ui-progressbar { height:2em; text-align:left; } .ui-progressbar .ui-progressbar-value { height:100%; margin:-1px; } /* Overlays */ .ui-widget-overlay { background: #666666 url("../../tl_files/css/images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url("../../tl_files/css/images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*! * jQuery UI Autocomplete 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /** * BxSlider v4.0 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2012 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 15px auto; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { /* -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: solid #fff 5px; left: -5px; background: #fff;*/ height: 200px; } .bx-viewport .slide { height: 200px; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(/tl_files/layout/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; display:none; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url(/tl_files/layout/sprite.png) no-repeat -13px -444px; } .bx-wrapper .bx-next { right: 10px; background: url(/tl_files/layout/sprite.png) no-repeat -59px -444px; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -15px; outline: 0; width: 38px; height: 30px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(/tl_files/layout/bx_controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(/tl_files/layout/bx_controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } .picker{font-size:16px;text-align:left;line-height:1.2;color:#000;position:absolute;z-index:10000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.picker__input{cursor:default}.picker__input.picker__input--active{border-color:#0089ec}.picker__holder{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}/*! * Default mobile-first, responsive styling for pickadate.js * Demo: http://amsul.github.io/pickadate.js */.picker__frame,.picker__holder{top:0;bottom:0;left:0;right:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.picker__holder{position:fixed;transition:background .15s ease-out,-webkit-transform 0s .15s;transition:background .15s ease-out,transform 0s .15s;-webkit-backface-visibility:hidden}.picker__frame{position:absolute;margin:0 auto;min-width:256px;max-width:666px;width:100%;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all .15s ease-out}@media (min-height:33.875em){.picker__frame{overflow:visible;top:auto;bottom:-100%;max-height:80%}}@media (min-height:40.125em){.picker__frame{margin-bottom:7.5%}}.picker__wrap{display:table;width:100%;height:100%}@media (min-height:33.875em){.picker__wrap{display:block}}.picker__box{background:#fff;display:table-cell;vertical-align:middle}@media (min-height:26.5em){.picker__box{font-size:1.25em}}@media (min-height:33.875em){.picker__box{display:block;font-size:1.33em;border:1px solid #777;border-top-color:#898989;border-bottom-width:0;border-radius:5px 5px 0 0;box-shadow:0 12px 36px 16px rgba(0,0,0,.24)}}@media (min-height:40.125em){.picker__box{font-size:1.5em;border-bottom-width:1px;border-radius:5px}}.picker--opened .picker__holder{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);zoom:1;background:rgba(0,0,0,.32);transition:background .15s ease-out}.picker--opened .picker__frame{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1}@media (min-height:33.875em){.picker--opened .picker__frame{top:auto;bottom:0}} .picker__box{padding:0 1em}.picker__header{text-align:center;position:relative;margin-top:.75em}.picker__month,.picker__year{font-weight:500;display:inline-block;margin-left:.25em;margin-right:.25em}.picker__year{color:#999;font-size:.8em;font-style:italic}.picker__select--month,.picker__select--year{border:1px solid #b7b7b7;height:2em;padding:.5em;margin-left:.25em;margin-right:.25em}@media (min-width:24.5em){.picker__select--month,.picker__select--year{margin-top:-.5em}}.picker__select--month{width:35%}.picker__select--year{width:22.5%}.picker__select--month:focus,.picker__select--year:focus{border-color:#0089ec}.picker__nav--next,.picker__nav--prev{position:absolute;padding:.5em 1.25em;width:1em;height:1em;box-sizing:content-box;top:-.25em}@media (min-width:24.5em){.picker__nav--next,.picker__nav--prev{top:-.33em}}.picker__nav--prev{left:-1em;padding-right:1.25em}@media (min-width:24.5em){.picker__nav--prev{padding-right:1.5em}}.picker__nav--next{right:-1em;padding-left:1.25em}@media (min-width:24.5em){.picker__nav--next{padding-left:1.5em}}.picker__nav--next:before,.picker__nav--prev:before{content:" ";border-top:.5em solid transparent;border-bottom:.5em solid transparent;border-right:.75em solid #000;width:0;height:0;display:block;margin:0 auto}.picker__nav--next:before{border-right:0;border-left:.75em solid #000}.picker__nav--next:hover,.picker__nav--prev:hover{cursor:pointer;color:#000;background:#b1dcfb}.picker__nav--disabled,.picker__nav--disabled:before,.picker__nav--disabled:before:hover,.picker__nav--disabled:hover{cursor:default;background:0 0;border-right-color:#f5f5f5;border-left-color:#f5f5f5}.picker__table{text-align:center;border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:inherit;width:100%;margin-top:.75em;margin-bottom:.5em}@media (min-height:33.875em){.picker__table{margin-bottom:.75em}}.picker__table td{margin:0;padding:0}.picker__weekday{width:14.285714286%;font-size:.75em;padding-bottom:.25em;color:#999;font-weight:500}@media (min-height:33.875em){.picker__weekday{padding-bottom:.5em}}.picker__day{padding:.3125em 0;font-weight:200;border:1px solid transparent}.picker__day--today{position:relative}.picker__day--today:before{content:" ";position:absolute;top:2px;right:2px;width:0;height:0;border-top:.5em solid #0059bc;border-left:.5em solid transparent}.picker__day--disabled:before{border-top-color:#aaa}.picker__day--outfocus{color:#ddd}.picker__day--infocus:hover,.picker__day--outfocus:hover{cursor:pointer;color:#000;background:#b1dcfb}.picker__day--highlighted{border-color:#0089ec}.picker--focused .picker__day--highlighted,.picker__day--highlighted:hover{cursor:pointer;color:#000;background:#b1dcfb}.picker--focused .picker__day--selected,.picker__day--selected,.picker__day--selected:hover{background:#0089ec;color:#fff}.picker--focused .picker__day--disabled,.picker__day--disabled,.picker__day--disabled:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover{background:#bbb}.picker__footer{text-align:center}.picker__button--clear,.picker__button--close,.picker__button--today{border:1px solid #fff;background:#fff;font-size:.8em;padding:.66em 0;font-weight:700;width:33%;display:inline-block;vertical-align:bottom}.picker__button--clear:hover,.picker__button--close:hover,.picker__button--today:hover{cursor:pointer;color:#000;background:#b1dcfb;border-bottom-color:#b1dcfb}.picker__button--clear:focus,.picker__button--close:focus,.picker__button--today:focus{background:#b1dcfb;border-color:#0089ec;outline:0}.picker__button--clear:before,.picker__button--close:before,.picker__button--today:before{position:relative;display:inline-block;height:0}.picker__button--clear:before,.picker__button--today:before{content:" ";margin-right:.45em}.picker__button--today:before{top:-.05em;width:0;border-top:.66em solid #0059bc;border-left:.66em solid transparent}.picker__button--clear:before{top:-.25em;width:.66em;border-top:3px solid #e20}.picker__button--close:before{content:"\D7";top:-.1em;vertical-align:top;font-size:1.1em;margin-right:.35em;color:#777}.picker__button--today[disabled],.picker__button--today[disabled]:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__button--today[disabled]:before{border-top-color:#aaa} /* Style sheet standards */ .clear { height:0; clear:both; display:block; line-height:0; content: "."; visibility: hidden; } * html .clear { height:1%; } * + html .clear { display:inline-block; } .clear:after { height:0; clear:both; display:block; content: "."; visibility: hidden; } .invisible { width:0; height:0; left:-3000px; top:-3000px; position:absolute; overflow:hidden; display:inline; } .right { float:right; } .left { float:left; } .zentriert { text-align:center; } .neueZeile { clear:both; } body.fullsize #right, body.fullsize #left { display:none; } body.fullsize #main { width:100%; margin-right:0; margin-left:0; padding:0; } @media screen, projection { body { background:#928a83; font-family: 'Quicksand', sans-serif; font-weight:400; font-size:16px; line-height:150%; color:#f0eeec; margin:0; padding:0; /* Schrift ist am Iphone wie in den Styles definiert */ -webkit-text-size-adjust: none; } /* Seitenlayout */ #wrapper { width:100%; display:block; text-align:center; } #header,#container,#footer { position:relative; margin:0 auto; text-align:left; } #header { padding:55px 0 0 0; width:100%; background:url('/tl_files/layout/bg_header_mobil.jpg') 0 0 repeat; } #container { clear:both; width:95%; } #footer { width:100%; background:#6c6460; } #footer .inside { padding:20px 0; } #right { float:none; } #left { float:none; } #main { margin-bottom: 15px; padding: 20px 0; } /* Headerbild */ .wrapper_bgimages #bgimages { display:none; } #header .bx-wrapper { margin:15px auto 0; } /* Logo */ .logo { width:70%; overflow:hidden; display:block; text-align:center; margin:0 auto; clear:both; } .logo img { width:100%; overflow:hidden; } .mobile .logo img{ width: 68%; } /* Quickanfrage */ .quanfrage { background:#746b67; color:#f0eeec; margin:15px 0; position:relative; width:100%; } .quanfrage .inside { overflow:visible; padding:20px; } form.quickanfrage .formRow, form.quickanfrage .submit_container, form.quickanfrage .button.buchen { float:none; width:100%; } form.quickanfrage .formRow { overflow:visible; margin-bottom:10px; } form.quickanfrage label { width:30%; float:left; padding-top:5px; line-height:28px; display:block; height:30px; margin-bottom:5px; } body.nl #right form.quickanfrage label { font-size:12px; } body form.quickanfrage input { width:100px; float:right; padding:0.3em; margin-bottom:5px; background:#ffffff; height:27px; border:1px solid #575757; } body form.quickanfrage input.text.cal_von, body form.quickanfrage input.text.cal_bis { width:64%; } form.quickanfrage .submit_container input { clear:both; background:#92c0ea; border:1px solid #575757; width:100%; height:35px; line-height:30px; color:#f0eeec; margin:10px 0; font-weight:700; text-transform:uppercase; } .quanfrage .onlineBuchen { clear:both; background:#92c0ea; width:100%; height:34px; line-height:35px; color:#f0eeec; margin:0; display:block; text-align:center; font-weight:700; text-transform:uppercase; border:1px solid #575757; } .quanfrage a:hover.onlineBuchen { text-decoration:none; } .quanfrage h3 { font-size:26px; font-family: 'Quicksand', sans-serif; line-height:100%; } .quanfrage h4 { font-size:16px; font-family: 'Quicksand', sans-serif; font-weight:400; margin-bottom:20px; line-height:100%; } /* Inhaltselemente */ h1 { font-family: 'Quicksand', sans-serif; font-weight:700; color:#92c0ea; font-size:30px; clear:both; margin-bottom:0.5em; line-height:120%; } h2 { margin-bottom:0.5em; font-family:"Times New Roman",Verdana,Arial,Helvetica,sans-serif; font-size:26px; line-height:120%; color:#f0eeec; } h3 { font-family:"Times New Roman",Verdana,Arial,Helvetica,sans-serif; font-size:26px; color:#92c0ea; margin-bottom:5px; line-height:120% } h2.h1 { font-family: 'Quicksand', sans-serif; font-weight: 700; color: #92c0ea; font-size: 30px; clear: both; margin-bottom: 0.5em; line-height: 120%; } h4,h5,h6,strong { font-weight:bold; } a { text-decoration:none; color:#92c0ea; } #main a { font-weight:bold; } a:hover,a:focus,a:active { text-decoration:underline; } #main ul { margin-bottom:1em; margin-left:2em; list-style-image:url("/tl_files/layout/raquo1.png"); } #main ol { margin-left:1em; margin-bottom:1em; list-style:decimal; } #main ol li { margin-left:2em; } p { margin-bottom:1em; } /* Tables */ .ce_table { margin-bottom:1em; } table { margin-bottom:1em; } th { background:#746b67; font-size:100%; font-weight:bold; color:#f0eeec; } tr { border:1px solid #f0eeec; border-collapse:collapse; } td,th { padding:0.5em; text-align:left; vertical-align:top; border:1px dotted #f0eeec; border-collapse:collapse; } td.col_first{ text-align:left; } td, th.firstLine { text-align:center; } .highlight { background-color:#746b67; font-weight:bold; } /* Accordions */ .ce_accordion { margin-bottom:1em; } .toggler { background:#746b67 url('/tl_files/layout/sprite.png') 5px -210px no-repeat; padding:0px 0px 0px 40px; margin-bottom:5px; cursor:pointer; } .toggler.opened { background:#746b67 url('/tl_files/layout/sprite.png') 5px -255px no-repeat; } .toggler.closed { background:#746b67 url('/tl_files/layout/sprite.png') 5px -210px no-repeat; } .toggler h3 { color:white; line-height:35px; } /* Bilder und Galerie */ .image_container { width:100%; height:auto; margin:0; padding:0; position:relative; } .caption { padding-left:0.5em; } #main .image_container { width:100%; overflow:visible; margin-bottom:1em; } .image_container img { width:100%; height:auto; } #main .image_container img { padding:0; border-collapse:collapse; line-height:0; width:97%; height:auto; border:5px solid #f0eeec; } #main .ce_gallery { margin:0; } #main .ce_gallery .image_container { margin-bottom:0; } #main .image_container .magnify { width:12px; height:12px; position:absolute; left:5px; top:5px; background:url('/tl_files/layout/sprite.png') -11px -109px no-repeat; } #main .bx-wrapper .ce_gallery .caption { padding-top:10px; } /* Breadcrumbs */ .mod_breadcrumb { position:relative; color:#f0eeec; padding: 1px 10px 3px 20px; margin-bottom:0.5em; font-size:11px; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; } .mod_breadcrumb a { color:#f0eeec; font-weight:normal; font-size:11px; padding:10px 0; } .mod_breadcrumb span { color:#f0eeec; font-weight:normal; font-size:11px; padding:10px 0; } .mod_breadcrumb a.homeIcon { display:inline-block; overflow:hidden; width:15px; height:15px; background:url("/tl_files/layout/sprite.png") -6px -46px no-repeat; text-decoration:none; position:absolute; top:5px; left:0px; padding:0; } .mod_breadcrumb a.homeIcon { text-decoration:none; } /* Bewertungen */ .holidaycheck_small { display:block; margin-bottom:20px; } .holidaycheck_large { display:none; margin-bottom:20px; } .hcWidgetMain { margin:0 auto; } .tripadvisor_small { display:block; margin-bottom:20px; } .tripadvisor_large { display:none; margin-bottom:20px; } #CDSWIDSSP { margin:0 auto !important; } /* Suche */ #searchBox { clear:both; text-align:center; display:none; padding:0; position:relative; background:#746b67; padding:20px; margin-bottom:15px; } #searchBox input.submit { width:25px; height:25px; overflow:hidden; margin-left:2%; background: url("/tl_files/layout/sprite.png") 0 -67px no-repeat; text-indent:-3000px; position:absolute; right:2%; top:50%; margin-top:-14px; } #searchBox input.text { width:96%; border:1px solid #d5d4d4; border-collapse:collapse; padding:2%; } #searchBox input.text, .searchResults input.text { -webkit-appearance: none; } /* Suche im Content */ #main .mod_search input.submit { width:36%; margin-left:3%; background:#92c0ea; color:#f0eeec; height:32px; text-transform:uppercase; font-weight:700; } body #main .mod_search fieldset { margin-top:0; margin-right:0; margin-left:0; padding:0; background:none; } #main .mod_search input.text { width:52%; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } #main .mod_search .radio_container { margin-top:0.5em; padding:1em; } #main .mod_search .radio_container label { width:auto; display:inline; } #main .mod_search .radio_container span { width:100%; display:block; } #main .searchResults .relevance, #main .searchResults .url { display:none; } /* Sitemap */ .mod_sitemap ul li { width:91%; padding:0%; border-collapse:collapse; padding-top:1em; padding-bottom:1em; } #mainnav .itemsubtitle { color: #92C0EA; display: block; font-family: 'Marck Script',cursive; font-size: 32px; font-weight: normal; line-height: 100%; margin: 0; padding: 10px 0 0; text-align: left; text-transform: none; } #mainnav.fixedToTop { position: fixed; top: 44px; width: 100%; left:0; } #header .quanfrage.fixedToTop { position: fixed; top: 120px; bottom: auto; background: #6C6460; border-top: 1px solid #fff; opacity: 1; animation-name: opacityQua; animation-duration: .4s; animation-iteration-count: 1; -webkit-animation-name: opacityQua; -webkit-animation-duration: .6s; -webkit-animation-iteration-count: 1; } @keyframes opacityQua { 0% { opacity: 0; } 100%{ opacity: 1; } } .spacer-wrapper .spacer { height: 76px; width: 100%; display: none; } .mod_sitemap ul li ul li { width:auto; margin-bottom:0; padding:0; border:0; } .mod_sitemap ul li a{ font-size:110%; color:#f0eeec; } .mod_sitemap ul li ul li a { font-size:inherit; line-height:inherit; color:#f0eeec; font-weight:400; } .mod_sitemap ul.level_2 br { display:none; } /* NCM Logo */ a.ncmLogo { position:relative; display:block; overflow:hidden; width:92px; height:40px; float:none; background:url('/tl_files/layout/sprite.png') -123px -154px no-repeat; margin:0 auto; } a:hover.ncmLogo { background:url('/tl_files/layout/sprite.png') -4px -154px no-repeat; } /* Google Maps */ .dlh_googlemap { width:100% !important; color:#333333; font-family:Verdana,Arial; font-size:12px; margin:20px 0; } .dlh_googlemap input[type="submit"] { color:white; background:#92C0EA; border:1px solid #575757; margin-left:10px; padding:3px; } /* Social Media Buttons */ .smButtons { height:20px; position:relative; bottom:0px; clear:both; display:block; margin:0; zoom:1; z-index:300; margin-top:20px; } .smText { font-family:"Times New Roman",Verdana,Arial,Helvetica,sans-serif; font-size:20px; color:#92c0ea; font-style:italic; margin-bottom:10px; } .fb_ltr { vertical-align: inherit !important; } #___plusone_0, .twitter-share-button { vertical-align:top !important; } .smButtons .fb, .smButtons .t, .smButtons .g, .smButtons .p { float: left; height:30px; } .smButtons .g { width:65px; } .smButtons .fb { width:115px; display:block; } .smButtons .p { width:45px; } .smButtons .t { width:65px; } /* VCard */ .vcard, .vcardFooterRight, .vcardFooterLeft { float:none; font-family:"Trebuchet MS","Times New Roman",Verdana,Arial,Helvetica,sans-serif; font-size:12px; text-align:center; } .vcard a, .vcardFooterRight a, .vcardFooterLeft a { color:#f0eeec; } .vcard a.notel { color:#f0eeec; text-decoration:none; } .vcardFooterRight p, .vcardFooterLeft p { margin-bottom:0; } .vcardFooterRight .footerLinks { margin:15px; } /* Wetter */ #main .weatherdays { margin:0 auto 20px; } .wetter { width:302px; margin:0 auto; margin-bottom:15px; } .wetter a { color:#f0eeec; } .wetter h3 { font-size:26px; font-family: 'Quicksand', sans-serif; line-height:100%; font-weight:700; } .weatherday { width:90px; float:left; } .weatherdaymiddle { margin:0px 15px; } .weatherdate, .weathertext { font-size:13px; text-align:center; } /* Facebook Widget */ .facebookWidget { background:#746b67; padding:20px 0; margin-bottom:15px; text-align:center; } /* Videogalerie Teaser */ .videoGallery { background:#746b67; padding:20px 0; margin-bottom:15px; } .videoGallery a { background:url('/tl_files/layout/bg_video_teaser.jpg') 0 0 no-repeat; display:block; font-size:16px; font-family: 'Quicksand', sans-serif; line-height:100%; width:253px; height:146px; display:block; margin:0 auto; padding:15px 0 0 10px; font-weight:bold; color:#746B67; } /* Webcam */ .webcam { background:#746b67; padding:20px 0; margin-bottom:35px; display:block; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); } .webcam a { display:block; font-size:16px; font-family: 'Quicksand', sans-serif; line-height:100%; width:253px; display:block; margin:0 auto; font-weight:bold; } .webcam a:hover { color:#746B67; } .webcam h3 { font-size:16px; font-family: 'Quicksand', sans-serif; padding-left:15px; background:#dcd7d4; margin:0; height:20px; padding:10px; color:#746B67; } /* Blog */ #blogWrapper { display: block; position: relative; margin-bottom: 15px; padding: 15px; background: #746B67; } #blogWrapper h3 { font-size:26px; font-family: 'Quicksand', sans-serif; line-height:100%; font-weight:700; } #blogWrapper h2 ,#blogWrapper .blog_h2{ font-size:16px; font-family: 'Quicksand', sans-serif; font-weight:400; margin-bottom:20px; line-height:100%; } /* Holidaycheck und Tripadvisor */ .bewertungen { background:#746b67; padding:20px; margin-bottom:15px; } /* .bewertungenWrapper { background:#dbd7d5; } */ .bewertungen a { width:120px; display:inline-block; text-indent:-19999px; overflow:hidden; height:46px; } .bewertungen a.holidayLink { background:url('/tl_files/layout/sprite.png') -13px -312px no-repeat; float:left; margin-left:10px; } .bewertungen a:hover.holidayLink { background:url('/tl_files/layout/sprite.png') -13px -359px no-repeat; float:left; } .bewertungen a.tripadLink { background:url('/tl_files/layout/sprite.png') -134px -312px no-repeat; float:right; margin-right:10px; } .bewertungen a:hover.tripadLink { background:url('/tl_files/layout/sprite.png') -134px -359px no-repeat; float:right; } .qualityHoliday { text-align:center; margin:20px 0; } /* Zeitthemennavigation */ #ztnwrapper { margin-bottom:15px; padding-bottom: 0px; background:url(/tl_files/layout/bg_ztn.jpg) bottom repeat-x; } #ZTNsliderWrapper { width:300px; margin:0 auto; } #ZTNslider .image_container img { padding:0; border-collapse:collapse; line-height:0; width:100%; height:auto; margin-bottom:0px !important; } #ZTNslider .mod_navigation { display: block; position: absolute; left: 0px; bottom: 67px; background: rgba(108,100,96,0.9); padding: 10px; width: 93%; } #ZTNslider .mod_navigation li { line-height:150%; color:#black } #ZTNslider h3 { color:white; font-family:"Times New Roman",Verdana,Arial,Helvetica,sans-serif; font-size:24px; font-weight:bold; text-transform:uppercase; margin-top:0px; margin-bottom:0px; line-height: 69px; } #ZTNsliderWrapper .bx-wrapper .bx-controls-direction a { bottom:18px !important; top:auto; } #ZTNsliderWrapper .bx-wrapper .bx-next { right:0; } #ZTNsliderWrapper .bx-wrapper .bx-prev { left:0; } #ZTNslider br { display:none; } #ZTNsliderWrapper .bx-wrapper nav a { text-decoration: none; } .jahreszeit { margin-right: 0px !important; } .jahreszeit .ce_image.block { position: relative; top: 2px; } /* Packageliste und Detail */ #main .packageList .packageCon { position:relative; padding:20px; margin-bottom:20px; background:#746B67; } #main .packageList .image_container { float:left; margin-right:20px; } .packageList h2 { margin-bottom:0; } .packageList h2 { position:relative; display:inline; line-height: 150%; } .packageList .enclosure { position:relative; } .packageList .package_preis_ab { float:left; display:inline-block; height: 32px; line-height: 32px; margin: 5px 0; overflow: hidden; text-align: left; width: 100px; font-weight: bold; } .packageList .package_detail_link { float:right; display:inline-block; background:#92C0EA; color: white; height: 32px; line-height: 32px; margin: 5px 0; overflow: hidden; text-align: center; text-decoration: none; width: 170px; border:1px solid #575757; text-transform:uppercase; font-weight:700; font-size:15px; } .package_content a.button { float:right; display:inline-block; color: white; height: 32px; line-height: 32px; margin: 5px 0; overflow: hidden; text-align: center; text-decoration: none; width: 160px; padding-left: 10px; margin-top:20px; border:1px solid #575757; text-transform:uppercase; font-weight:700; background:#92C0EA; } .package_content a:hover.button { opacity:0.8; } #main .package_content .image_container { float:left; margin-right:20px; } /* Roomlist und Roomdetail */ .zimmer .roomItem { position:relative; background:#746B67; padding:20px; margin-bottom:20px; } .zimmer .roomItem .price_table { margin:30px 0; } .zimmer .roomItem h2 { margin-bottom:0; } .zimmer .roomItem h2 { position:relative; display:inline-block; line-height: 150%; margin-bottom:10px; } .zimmer .minPrice { float:left; display:inline-block; height: 32px; line-height: 32px; margin: 5px 0; overflow: hidden; text-align: center; width: 100px; } .zimmer .enquriy a.button { color: white; display: inline-block; height: 32px; line-height: 32px; margin: 5px 0; overflow: hidden; padding-left: 0px; text-align: center; text-decoration: none; width: 100%; border:1px solid #575757; text-transform:uppercase; font-weight:700; background:#92C0EA; } .zimmer .seasonItemElements { padding:10px; text-align:center; } .zimmer .bx-wrapper .bx-prev { /*left:-50px;*/ left:5px; } .zimmer .bx-wrapper .bx-next { /*right:-50px;*/ right:5px; } #main .roomImages { width:95%; } #main .roomImages .image_container { width:40%; float:left; margin-left:6%; margin-right:0; } #main .roomImages .image_container img { width:100%; } .seasonItemElements .season { font-weight:700; } #zimmer a.onlineBuchen { background: none repeat scroll 0 0 #92C0EA; border: 1px solid #575757; clear: both; color: #FFFFFF; display: block; font-weight: 700; height: 30px; line-height: 32px; margin: 0; text-align: center; text-transform: uppercase; width: 99.5%; } #zimmer a:hover.onlineBuchen { text-decoration:none; } /* Formulare */ input.text,select,textarea { padding:0.5em; border:1px solid #d5d4d4; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; border-collapse:collapse; line-height:2em; color:#454545; } input[type='text'], input[type='submit'] { -webkit-appearance: none; border-radius: 0; } form fieldset { position:relative; background: #746B67; padding:3%; margin-top:1em; margin-bottom:1em; } form fieldset fieldset, #main .mod_search fieldset { border:none; } fieldset.buttons { border:0; text-align:center; background:none; } fieldset.buttons input { display:inline-block; background:#92C0EA; color:#f0eeec; height: 32px; line-height: 32px; margin: 5px 0; overflow: hidden; text-align: center; text-decoration: none; width: 240px; border:1px solid #575757; text-transform:uppercase; font-weight:700; } #main legend { margin-top:1.0em; padding:0.5em; border-collapse:collapse; font-size:110%; white-space:nowrap; border:1px solid #dddddd; background:#92C0EA; color:#f0eeec; } form label { width:26%; display:inline-block; } #main form select { width:100%; } #main .formRow { position:relative; margin-bottom:1em; } form input.text { width:95%; } form input.text.cal_von, form input.text.cal_bis { width:95%; background: #ffffff url('/tl_files/layout/calc.png') right 10px no-repeat; cursor:pointer; } form input.text.anzahlPersonen { width:29%; } p.error { right:10px; top:-10px; position:absolute; z-index:100; background:#92C0EA; color:white; width:180px; text-align:center; line-height:18px; } label.nachricht { width:100%; display:block; } #main textarea { width:95%; resize: none; } fieldset.room .float_left { float:left; margin-right:5%; } #main .package_image img { padding:0; border-collapse:collapse; line-height:0; border:5px solid #f0eeec; width:97%; margin:10px 0; } /* Datepicker */ .picker th { background:#92C0EA; color:white; text-align:center; } .picker .picker__day--highlighted { background:#92C0EA; } .picker__day--selected, .picker__day--selected:hover { border-color:#92C0EA; } .picker .picker__day--today { background:#92C0EA; } .picker__day--infocus:hover, .picker__day--outfocus:hover { background:#cdcdcd; } .picker__nav--prev:hover, .picker__nav--next:hover { background:#cdcdcd; } .picker__button--today:hover, .picker__button--clear:hover { background:#cdcdcd; } .picker__button--today:before, .picker__button--clear:before { content:none; } .picker__day--today:before { content:none; } .picker__day--today { color:black; background:#cdcdcd !important; border-color:#cdcdcd; } /* Partnerhotels Logo */ body.partnerhotels #main .image_container { width:250px; } .blogImage img { height: 200px; width: auto; } /* Social Media Wrapper */ .containerSocialmediaWrapper { background:#746b67; margin-bottom:30px; padding: 20px; } .socialmediaWrapper { width:100%; text-align:center; padding-top:0px; margin-bottom:0px; position:relative; float:none; clear:both; } .socialmediaLogoWrapper { width:260px; margin:0px auto; } a.social_google { position:relative; display:block; overflow:hidden; width:260px; padding-top:12px; height:28px; background:url('/tl_files/layout/social-media.png') -1px -45px no-repeat; color:#34383b; cursor:pointer; text-indent:-19999px; } a.social_google.googleActive { background:url('/tl_files/layout/social-media.png') -265px -45px no-repeat; } a.social_facebook { position:relative; display:block; overflow:hidden; width:260px; padding-top:12px; height:28px; background:url('/tl_files/layout/social-media.png') -1px 0 no-repeat; color:#34383b; cursor:pointer; text-indent:-19999px; } a.social_facebook.facebookActive { background:url('/tl_files/layout/social-media.png') -265px 0 no-repeat; } .widgetFacebook { position:absolute; top:-270px; left:-5000px; background:white; display:block; margin-left:-146px; z-index:1000000; -webkit-box-shadow: 1px 1px 50px 0px rgba(0, 0, 0, 1); box-shadow: 1px 1px 50px 0px rgba(0, 0, 0, 1); } .widgetGooglePlus { position:absolute; top:-327px; left:-5000px; background:white; display:block; width:290px; height:320px; margin-left:-146px; z-index:1000000; background-color:white !important; -webkit-box-shadow: 1px 1px 50px 0px rgba(0, 0, 0, 1); box-shadow: 1px 1px 50px 0px rgba(0, 0, 0, 1); } .socialmediaWrapper .closeSM { width:41px; height:37px; position:absolute; top:-16px; right:-10px; background:#92c0ea; cursor:pointer; z-index:100000; font-size:25px; line-height:35px; } .mobilSprachwechsler { position:absolute; right:175px; width:70px; color:#fff; top:10px; } .mobilSprachwechsler ul li { display:inline-block; } .mobilSprachwechsler ul li a { display:inline-block; padding:0 5px; color:#fff; font-size:14px; } .mobile-search { display: inline-block; float: left; } .mobile-search a { width: 15px; height: 15px; background: url("/tl_files/layout/search-icon.png") no-repeat; display: inline-block; margin-left: 15px; margin-top: 5px; } /* Cookie Bar */ #cookieBar { top: 40px; bottom: auto; z-index: 999999; } #bgimagePrevTmp, #bgimageNextTmp { z-index: 100; } /************************************************* Datenschutz Popup *************************************************/ .ncm_dsgvo_popup .smButtons { display: none; } .ncm_dsgvo_popup .col-sm-12 { display: none; } .contactNav { display: none !important; } .mobileBoxWrapper { display: none !important; } /* Mobile Menü Boxes */ .nav.navmenu-nav { margin-top: 10px; } .navmenu-nav { margin-bottom: 10px; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-calendar-check-o:before { content: "\f274"; } .mobileBoxWrapper { text-align: center; } .mobileBoxWrapper .mBox { display: inline-block; position: relative; background: #6c6460; height: 80px; text-align: center; padding: 2.5%; padding-top: 10px; padding-bottom: 0; font-size: 20px; border: 1px solid #92c0ea; width: 40%; margin: 2px; } .mobileBoxWrapper .mBox .iconText { display: block; position: relative; color: #92c0ea; } .mobileBoxWrapper .mBox i { font-size: 32px; } .mobileBoxWrapper .mBox a { position: relative; display: block; width: 100%; height: 100%; color: #92c0ea; } /* NAV CONTACT */ .contactNav .telNumber { color: #fff; display: block; font-size: 1.25em; height: auto; margin: 22px 0 0; text-align: center; line-height: .75em; width: auto; position: relative; font-weight: bold; margin-top: 0; margin-bottom: 12px; } .contactNav .mailAddress { color: #fff; display: block; font-size: 16px; height: auto; margin: 0 0 2px; text-align: center; width: auto; position: relative; font-weight: bold; } .contactNav { text-align: center; margin-bottom: 10px; margin-top: 10px; } .contactNavWrapper { display: inline-block; position: relative; top: 0px; } div.navmenu-fixed-lef { background-color: #92c0ea; top: 0; z-index: 1030; border: 0; box-shadow: 0 10px 20px #000; padding-top: 50px; } .contactNav { text-align: center; padding-bottom: 10px; padding-top: 15px; background-color: #928a83; color: #ffffff; } .contactNav .contactNavWrapper { display: inline-block; position: relative; top: 0px; } .fa-hands-usd:before{ font: normal normal normal 14px/1 FontAwesome; font-size: 14px; font-size: 14px; font-size: inherit; text-rendering: auto; content: "\f4c5"; } /***********mobile quickanfrage*************/ #fixedButton { position: fixed; width: 100%; bottom: 0; top: auto; z-index: 100; display: block; /*@media (min-width: @screen-sm) { display: none; }*/ } #fixedButton .all-info { width: 100%; padding: 0; background: #746b67; display: none; } #fixedButton .all-info .quanfrage { border-top: 10px solid #92c0ea; } #fixedButton .all-info .quanfrage .buchenButton { margin-top: 10px; background: #92c0ea; text-transform: uppercase; border: 1px solid #92c0ea; &:hover { background: #fff; color: #92c0ea; } } .fixedButtonAnfrage { background: #92c0ea; z-index: 9999; margin-bottom: 0; width: 100%; overflow: hidden; padding: 10px; } .open-form { font-size: 24px; color: #fff; text-transform: uppercase; padding: 0; font-size: 24px; line-height: 22px; padding-top:2px; cursor: pointer; width: 70%; float: left; text-align: left; font-family: 'Quicksand',sans-serif; line-height: 100%; font-weight: 700; } .lang-nl .open-form { font-size: 21px; } .sm-text { font-size: 18px; text-transform: none; display: block; font-weight: 500; } .open-tel a { color: #fff; font-size: 32px; } .open-tel { text-align: center; padding: 0px; width: 25%; float: right; } .open-tel .fa { font-size: 32px; border: 2px solid white; padding: 10px; border-radius: 100%; width: 32px; height: 32px; } #fixedButton .picker--opened .picker__holder { top: -220px; } .nav.navmenu-nav { margin-bottom: 0; } #fixedButton .close-form-btn{ position: absolute; left: 50%; top: -10px; margin-left: -35px; background: #92c0ea; color: white; padding: 10px; z-index: -1; border-top-left-radius: 5px; border-top-right-radius: 5px; padding-top: 2px; } #fixedButton .fixedTel { text-align: center; font-size: 22px; text-decoration: none; color: #ffffff; margin-bottom: 10px; width: 100%; display: inline-block; } .newsBox { position: absolute; top: 338px; right: 70px; background: rgba(255,255,255,0.9); z-index: 99; font-size: 14px; color: #746B67; width: 90% !important; right: 5%; top: 135px; } .newsBoxMob { display: none; } .newsMobBtn span { font-size: 10px; line-height: 1.2; } @media (max-width: 1024px) { .newsBox { width: 90% !important; top: 100px; right: 5%; z-index: 999; background: rgba(255,255,255,1); } } @media (min-width: 1025px) { .newsBox { width: 260px !important; top: 100px; right: 25px; background: rgba(255,255,255,0.9); } } @media (min-width: 1600px) { .newsBox { width: 260px !important; top: 336px; right: 70px; } } /*@media (max-width: 768px) { { width: 90% !important; right: 5%; top: 135px; } } */ .imageEnquiryWrapper .newsBox { position: absolute; top: 25px; right: 5px; width: 260px !important; background: rgba(255,255,255,0.8); z-index: 999; font-size: 14px; color: #746B67; } .newsBox .fa-calendar-check { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .newsBox .fa-calendar-check:before { content: "\f274"; } .newsBox h4 { font-family: 'Marck Script', cursive; font-size: 22px; color: #92c0ea; margin: 5px; margin-bottom: 10px; margin-top: 10px; text-align: center; } .newsBox .news-text { padding: 10px; } .newsBox h2 { font-size: 20px; font-family: 'Quicksand', sans-serif; line-height: 100%; font-weight: bold; } .newsBox .more { text-align: right; font-weight: bold; margin-bottom: 0; } .newsBox .close-form-btn{ position: absolute; background: #92c0ea; color: white; right: 0; top: -30px; padding: 3px 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; } } @media (max-width: 335px) { /* Suche */ #main .mod_search input.submit { width:98%; margin-left:0; margin-top:0.5em; } #main .mod_search input.text { width:92%; } /* packages */ .packageList .package_detail_link { font-size:80%; } /* Formular */ p.error { font-size:70%; width:150px; right:5px; } } @media (max-width: 260px) { /* Formular */ #main legend { font-size:80% !important; } #main form input.text { width:80% !important; } #main form .personalData select { width:50% !important; } #main textarea { width:80% !important; } fieldset.buttons input { font-size:80% !important; } } @media (min-width: 1px) { /* Seitenlayout */ #header { padding-top:0px; } #container { width:100%; z-index:80; } #main { margin:0px 0px 15px 0px; padding:20px; } #right{ margin-bottom:15px; } .imageEnquiryWrapper { position:relative; height:399px; } /* Logo */ .logo { width:280px; margin-top:20px; } .logo img { width:100%; } /* Bewertungen */ .holidaycheck_small { display:none; } .holidaycheck_large { display:block; } .tripadvisor_small { display:none; } .tripadvisor_large { display:block; } /* topBar */ .topBar { background:#6c6460; padding:10px 20px; position: fixed; top: 0; left: 0; width: 100%; z-index: 200; } .topBar .vcard p { margin-bottom:0; } /* Header Adresse */ #header .vcard .clear2 { clear:none; display:inline-block !important; } /* Sprachwechsler */ #header #changelang { display:inline; padding:0; overflow: visible; display:inline-block; position:relative; right: 30px; width:auto; margin:0; float:right; } #header #changelang ul { display:inline; margin:0; padding:0 } #header #changelang ul li, #header .changelangDropdown .sbOptions li a, a.sbSelector { display:inline-block; text-align:left; padding-left:0px; } #header #changelang li a { overflow:hidden; display:block; padding:0; text-decoration:none; color:#f0eeec; font-family:"Trebuchet MS","Times New Roman",Verdana,Arial,Helvetica,sans-serif; font-size:12px; line-height:18px !important; } #header #changelang li span { overflow:hidden; display:block; padding:0; color:#f0eeec; font-family:"Trebuchet MS","Times New Roman",Verdana,Arial,Helvetica,sans-serif; font-size:12px; } /* Quickanfrage */ #right .quanfrage { display:none; } body.en #right form.quickanfrage label { font-size:13px; } .quanfrage { background: rgba(256,256,256,.6); position:absolute; bottom:0; left:0; z-index:100; margin:0; } .quanfrage .inside { padding:0 20px 20px 20px; } form.quickanfrage label { float:left; text-align:left; height:30px; line-height:40px; margin:0; width:95%; padding-left: 0.5em; color:#6c6460; text-transform:uppercase; font-family: 'Quicksand', sans-serif; } .quanfrage.fixedToTop label{ color: #92c0ea; display: none; } #header .quanfrage.fixedToTop .onlineBuchen{ bottom: auto; top: 13px; } #header form.quickanfrage .formRow{ width:22%; margin-right:1%; } #header form.quickanfrage input.text.cal_von, #header form.quickanfrage input.text.cal_bis { width:92%; } #header .quanfrage.fixedToTop h4 { top: 17px; margin-bottom: 0; } #header form.quickanfrage .submit_container input { margin:35px 0 0 0; height:40px; width:100%; } #header .fixedToTop form.quickanfrage .submit_container input { margin: 13px 0 0 0; } .quanfrage.fixedToTop .inside { padding-bottom: 0; } #header form.quickanfrage .submit_container { margin-left:0; width:34%; } #header .quanfrage .onlineBuchen { position:absolute; right:20px; bottom:27px; width:18%; height:38px; line-height:39px; } #header form input.cal_von, #header form input.cal_bis { background: #ffffff url('/tl_files/layout/calc.png') right 10px no-repeat; } #header .fixedToTop form input.cal_von, #header .fixedToTop form input.cal_bis { margin: 12px 0px; } body form.quickanfrage input { height:30px; } form.quickanfrage .formRow, form.quickanfrage .submit_container, form.quickanfrage .button.buchen { margin:0; width:29%; float:left; } #unverbindliche-anfrage.block { overflow:visible; } #unverbindliche-anfrage .ce_form.block { overflow:visible; } #header .quanfrage h3 { display:none; } #header .quanfrage h4 { display:block; position:absolute; left:27px; top:-20px; font-family: 'Marck Script', cursive; font-size:32px; color:#92c0ea; } body.en #header .quanfrage h4, body.nl #header .quanfrage h4 { font-size:26px; } body.en #header .quanfrage.fixedToTop h4, body.nl #header .quanfrage.fixedToTop h4 { top:19px; } /* rightbar */ #right { background:#746B67; padding:20px; margin-bottom:0; } .rightbarWrapper1 { float:left; width:300px; margin-left:35px; } .rightbarWrapper2 { float:right; width:300px; margin-right:35px; } /* Suche */ #searchBox { padding: 0; margin: 0 0 0 20px; width: 12%; display: none; height: 25px; } #searchBox input.text { width:100%; margin:0 auto; height: 20px; line-height: 20px; } /* Suche im Content */ #main .mod_search .radio_container span { width:49%; display:inline-block; } /* VideoGallery */ .videoGallery { width:300px; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); } /* Webcam */ .webcam { background:#746b67; padding:20px 0; margin-bottom:35px; display:block; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); } .webcam a { display:block; font-size:16px; font-family: 'Quicksand', sans-serif; line-height:100%; width:253px; display:block; margin:0 auto; font-weight:bold; } .webcam a:hover { color:#746B67; } .webcam h3 { font-size:16px; font-family: 'Quicksand', sans-serif; padding-left:15px; background:#dcd7d4; margin:0; height:20px; padding:10px; color:#746B67; } /* Wetter */ .wetter { margin:15px 0 45px 0; } /* Blog */ #blogWrapper { display: block; position: relative; margin-bottom: 15px; padding: 15px; background: #746B67; width: 270px; margin-right: 35px; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); float: right; } /* Facebook Widget */ .facebookWidget { width:300px; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); } /* Bewertungen */ .bewertungen { width:260px; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); } /* phonehotline */ .phoneHotline { width:300px; padding:20px 0; margin-bottom:15px; } .phoneHotline h3 { color:#92c0ea; font-size:26px; font-family: 'Quicksand', sans-serif; font-weight:700; } .phoneHotline h4 { color:#f0eeec !important; font-family: 'Quicksand', sans-serif; font-weight:700; font-size:26px; } /* SocialMediaButtons */ .smWrapper { border-bottom:1px solid #6c6460; border-top:1px solid #6c6460; padding-top:10px; } /* ZTN */ #ZTNsliderWrapper { width:700px; margin:0 auto; } #ZTNsliderWrapper .bx-wrapper { margin:15px auto 0; } #ZTNslider .image_container img { width:100%; } .jahreszeit { width: 234px !important; } /* Footer Navigation */ #footerNav { width:100%; margin-bottom:10px; text-align:center; } #footerNav a br, #footerNav span br { display:none; } #footerNav .itemsubtitle { display:none; } #footerNav ul { padding:0 auto; margin:0 auto; } #footerNav ul li { display:inline-block; } #footerNav ul li a, #footerNav ul li span { padding-left: 20px; padding-right:20px; line-height:200%; font-weight:400; color:#f0eeec; text-transform:uppercase; } #footerNav ul li a:hover, #footerNav ul li span { text-decoration:none; color:#92c0ea; } /* vcard */ #footer .vcardFooterLeft { float:left; text-align:left; margin-left:20px; } #footer .vcardFooterRight { float:right; text-align:right; margin-right:20px; } #footer .vcardFooterRight .footerLinks { margin:0; } /* NCM Logo */ a.ncmLogo { float:none; clear:both; } /* Vcard */ #header .vcard { float:left; } /* Bilder und Galerie */ #main .image_container { width:50%; margin-right:8px; } #main .image_container.float_left { margin-right:15px; } #main .image_container.float_right { margin-left:15px; } #main .ce_gallery .image_container { width:32%; margin-top:0.5em; margin-bottom:0; padding:0; } #main .ce_gallery { margin:15px 0; } #main .ce_gallery .image_container { margin-bottom:1em; } #main .image_container.livecam { float:left; margin-right:20px; margin-bottom:20px; } /* Main Navigation */ #mainnav { overflow:visible; clear:both; position: relative; background:#6c6460; z-index:110; padding-bottom:15px; } #mainnav .itemsubtitle { display:block; font-family: 'Marck Script', cursive; font-size:32px; color:#92c0ea; text-transform:none; padding:10px 0 0 0; line-height:100%; font-weight:normal; text-align:left; margin:0; } #mainnav ul ul.level_2 { display:none; } #mainnav ul ul.level_2 li a, #mainnav ul ul.level_2 li span { padding-left:12%; width:88%; margin:0; } #mainnav li ul.level_2 li a br { display:none; } #mainnav ul li ul.level_2 li ul.level_3 li { padding-left:10px; } #mainnav ul { text-align:center; margin-left:0px; display:block; position: relative; } #mainnav ul li { width:auto; display:inline; } #mainnav ul li a, #mainnav ul li span { width:auto; display:inline-block; margin:10px 0; padding:0 20px 10px 30px; text-align:left; font-size:14px; line-height:50%; text-decoration:none; color:#f0eeec; white-space:normal; text-indent:0; background:0; border-bottom:0; text-transform:uppercase; font-weight:bold; } #mainnav ul li span.active, #mainnav ul li a.trail, #mainnav .hoveractive { background: none; opacity:1.0; border-bottom:0; color:#92c0ea; } #mainnav ul li a:hover { background:none; color:#92c0ea; } #mainnav ul li:hover ul { display:block; } #mainnav ul li ul li.active { border-bottom:1px solid #dcdcdc; display:block; } #mainnav ul li ul li span.active, #mainnav ul li ul li a.trail { color:#c1a24b; background:none; text-transform:none; font-weight:bold; line-height:200%; display:block; text-align:left; padding-left:0; padding-bottom:0; } #mainnav ul li ul li span.active br, #mainnav ul li ul li a.trail br { display:none; } #mainnav ul li ul li ul li.active { /*border-bottom:0;*/ } #mainnav ul li ul li ul li span.active, #mainnav ul li ul li ul li a.trail { font-weight:normal; padding-left:10px; border-bottom:0; } /* Mainnavigation Level 2 */ #mainnav ul.level_2 { background: #6C6460 url('/tl_files/layout/bg_nav.jpg') 0 0 no-repeat; border: 1px solid #928A83; box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2); text-transform: none; display: none; height: auto !important; min-height: 240px; padding:5%; position: absolute; top:76px; left: 0; width: 90%; z-index: 1200; margin-left:0px; } #mainnav ul.level_1 li.submenuLine2 ul.level_2 { top:168px; } #mainnav ul li.mm { width:230px; float:left; display:block; margin-right:30px; } /* #mainnav ul li.mm.col1,#mainnav ul li.mm.col2 { margin-left:160px; } */ #mainnav ul.level_2 ul { margin-left:0; } #mainnav ul.level_2 ul li a { padding:0; margin:0; text-align:left; } #mainnav ul.level_2 ul li a:hover { color:#92C0EA; } #mainnav ul.level_2 { display:block; margin-left:0px; } #mainnav ul.level_2 li { position:relative; border-bottom:1px solid #dcdcdc; display:block; width:230px; } #mainnav ul.level_2 li.mm { border-bottom:0; } #mainnav ul.level_2 li a, #mainnav ul.level_2 li span { width:150px; background:0; font-size:100%; padding-left:10px; border-left:0; } #mainnav li ul.level_2 li a { display:block; padding:0px; text-align:left; line-height:200%; text-transform:none; font-weight:bold; } #mainnav ul.level_2 li span.active, #mainnav ul.level_2 li a.trail, #mainnav ul.level_2 li.active a { color:#92C0EA; padding-left:0px; font-weight:bold; } /* Mainnavigation Level 3 */ #mainnav ul.level_2 li ul li ul.level_3 span.active, #mainnav ul.level_2 li ul li ul.level_3 a.trail, #mainnav ul.level_2 li ul li ul.level_3 a:hover, #mainnav ul.level_2 li ul li ul.level_3 li.active a { color:#92C0EA; padding-left:10px; font-weight:bold; border-bottom:0; } #mainnav ul.level_2 li ul.level_3 li { border-bottom:0; } #mainnav ul.level_2 li ul.level_3 li a { padding:0px 10px; color:#f0eeec; background:url('/tl_files/layout/raquo1.png') 0 12px no-repeat; } /* Room List */ .zimmer #main .roomItem .image_container { float:left; margin-right:20px; } .zimmer .bx-wrapper .bx-prev { /*left:-50px;*/ left:20px; } .zimmer .bx-wrapper .bx-next { /*right:-50px;*/ right:20px; } .zimmer .enquriy a.button { width: 280px; float: right; } .zimmer .roomLink { width: 150px; margin-left:10px; } .zimmer .enquriy { float:left; width:270px; } #zimmer a.onlineBuchen { float:right; width:270px; clear:none; margin:5px 0; } .footerlineRooms { width:100%; } /* Formular */ #main .formRow { margin-bottom:2em; } p.error { top:-16px; width:360px; text-align:center; line-height:18px; } form input.text { width:70%; } form input.text.cal_von, form input.text.cal_bis { background: #ffffff url('/tl_files/layout/calc.png') right 12px no-repeat; width:55%; } #main form select { width:30%; } #main .package_image img { width:40%; float:left; margin:0 20px 0 0; } /* Partnerhotels Logo */ body.partnerhotels #main .image_container { float:right; } /*****standard-new version*******/ #main{ width:100%; padding: 0; } .col-sm-12{ display: block; width:100%; float:left; position: relative; } .col-sm-6{ display: block; width:100%; float:left; position: relative; } .col-sm-8{ display: block; width:50% !important; float:left; position: relative; } .col-sm-4{ display: block; width:50% !important; float:left; position: relative; } .webcam{ overflow: auto; margin: 20px 30px 20px 0; max-width: 320px; } .webcam .image_container.livecam{ width:99% !important; } .videoGallery{ width:320px; margin:20px 0; } #blogWrapper{ margin-top:20px; } /****Standard-new version footer***/ a.social_google{ width:34px; height:34px; background: url(/tl_files/layout/social-media.png) -8px -47px no-repeat; padding: 0; display: inline-block; border-radius: 100%; } a.social_facebook{ width:34px; height:34px; padding: 0; background: url(/tl_files/layout/social-media.png) -9px -2px no-repeat; display: inline-block; border-radius:100%; } .containerSocialmediaWrapper, .bewertungen{ background: none; float:left; padding: 0; } .containerSocialmediaWrapper{ margin-left: 30px; margin-right: 30px; } .socialmediaLogoWrapper{ width: auto; } } @media (min-width: 1024px) { /* Seitenlayout */ #wrapper { width:100%; margin:0 auto; background:url('/tl_files/layout/bg_logo.jpg') center bottom no-repeat; } body.ipad #wrapper { background:none; } .topBar .inside { width:980px; margin:0 auto; } #container { width:980px; } #footer { width:100%; } #footer .inside { width:980px; margin:0 auto; } #container { padding-top:40px; z-index:80; } #right { width:300px; float:right; padding:0; z-index:10; position:relative; } #header { padding:0; z-index:100; position:relative; width:100%; } #header { padding:0; width:100%; /* alt bigger background:url('/tl_files/layout/bg_header_1024.jpg') center 10px no-repeat; */ background:url('/tl_files/layout/bg_header_1024.jpg') center 40px no-repeat; } #main { float:left; z-index:11; position:relative; margin:0 0 20px 0; } #footer { clear:both; } .imageEnquiryWrapper { position:relative; /* alt bigger width:980px; height:512px; margin:15px auto 80px; */ margin:3px auto 65px; width:780px; height:408px; } /* quanfrage */ #header .quanfrage.fixedToTop h4 { top: 17px; margin-bottom: 0; position: relative; float: left; left: 0; margin-right: 10px; } #header .quanfrage.fixedToTop .clear { display: none; } #header .fixedToTop form.quickanfrage .formRow { width: 15%; } #header .fixedToTop form.quickanfrage .submit_container { width: 26%; } .quanfrage.fixedToTop .inside { width:1000px; margin:0 auto; } #right .quanfrage { display:block; position:relative; margin-bottom:15px; padding-top:15px; background:#746B67; } #right .quanfrage .inside { width:300px; margin:0 auto; width:255px; } #right .quanfrage h3, #right .quanfrage h4 { font-weight:700; } /* STart */ #right form.quickanfrage .formRow, #right form.quickanfrage .submit_container, form.quickanfrage .button.buchen { float:none; width:100%; } #right form.quickanfrage .formRow { overflow:visible; margin-bottom:10px; } #right form.quickanfrage label { width:30%; float:left; padding-top:5px; line-height:28px; display:block; height:30px; margin-bottom:5px; color:#f0eeec; } body #right form.quickanfrage input { width:100px; float:right; padding:0.3em; margin-bottom:5px; background:#ffffff; height:27px; border:1px solid #575757; } body #right form.quickanfrage input.text.cal_von, body #right form.quickanfrage input.text.cal_bis { width:60%; background: url("/tl_files/layout/calc.png") no-repeat scroll right 10px #FFFFFF; } #right form.quickanfrage .submit_container input { clear:both; background:#92c0ea; border:1px solid #575757; width:100%; height:35px; line-height:30px; color:#f0eeec; margin:10px 0; font-weight:700; text-transform:uppercase; } #right .quanfrage .onlineBuchen { clear:both; background:#92c0ea; width:253px; height:34px; line-height:35px; color:#f0eeec; margin:0; display:block; text-align:center; font-weight:700; text-transform:uppercase; border:1px solid #575757; } #right .quanfrage a:hover.onlineBuchen { text-decoration:none; } /* mainnav */ #mainnav { padding-bottom:0; } #mainnav > ul { width:980px; margin:0 auto; } #mainnav ul li a, #mainnav ul li span { padding:0 17px 20px 17px; margin:0; } #mainnav .itemsubtitle { padding-bottom:0px; } #mainnav ul.level_2, #mainnav ul.level_1 li.submenuLine2 ul.level_2 { top:75px; } #mainnav ul li.mm { width:230px; } #mainnav ul li.mm.col1 { margin-left:240px; margin-right:60px; } #mainnav ul.level_2 li { width:230px; } #mainnav ul.level_2 { background: #6C6460 url('/tl_files/layout/bg_nav.jpg') 50px 0 no-repeat; } #mainnav ul li:hover ul { display:block; } body.ipad #mainnav ul li:hover ul { display:block; } /* rightbar */ #right { background:none; padding:0px; } .rightbarWrapper1 { float:none; margin-left:0; } .rightbarWrapper2 { float:none; margin-right:0; clear:both; } #searchBox { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } #searchBox input.text { width:245px; } body.ipad #searchBox input.text { width:257px; } .videoGallery { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .wetter { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .facebookWidget { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; background:none; } #blogWrapper { margin: 20px 0 35px 0; } .bewertungen { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } /* Logo */ .logo { width:250px; margin-top:10px; } .logo img { width:100%; } /* ZTN */ #ZTNsliderWrapper { width:980px; margin:0 auto; } #ZTNslider .mod_navigation { width:100%; } #ztnwrapper { margin-bottom:0; } #ZTNslider .mod_navigation { display:none; } body.ipad #ZTNslider .mod_navigation { display:block; } .jahreszeit { width: 327px !important; } /* Sprachwechsler */ #header #changelang { padding:0; line-height:15px; margin-top:3px; } /* Vcard */ .vcardFooterRight a.notel { text-decoration:none; } /* Social Media Buttons */ .smButtons .fb { width: 120px; } .smButtons .g { width: 70px; } .smButtons .t { width: 100px; } .smButtons .p { width: 50px; } /* Suche */ #main .mod_search input.submit { width:200px; height:29px; } #main .mod_search input.text { width:200px; } /* Preisliste - Zimmerliste */ #zimmer .roomimages .image_container { width:42%; } #main #roomListWrapper table tr.roomRow { padding:0; height:301px; } #main #roomListWrapper table tr td.roomCol { padding-top:0; padding-bottom:0; height:300px; } #roomListWrapper .browse { cursor: pointer; display: block; height: 100%; position: absolute; top: 0; width: 50px; z-index: 20; } #roomListWrapper .browse.prev { left:0; } #roomListWrapper .browse.next { left:auto; right:0; } body #main #roomListWrapper table th { height:63px; } #main #roomListWrapper table tr.roomRow { padding:0; height:241px; } #main #roomListWrapper table tr td.roomCol { padding-top:0; padding-bottom:0; height:240px; } #main .package_content.detail #roomListWrapper table tr.roomRow { height:31px; } #main .package_content.detail #roomListWrapper table tr td.roomCol { height:30px; } #main .package_content.detail #roomListWrapper table td.price { padding:4px 8px; } body.ie #roomListWrapper .roomCol .spacer { width:560px; display:block; } #roomListWrapper .timeRow .time, #roomListWrapper .roomRow .price { width:100px; min-width:100px; display:table-cell; padding:10px; text-align:left; vertical-align:middle; } /* Formular */ form input.text.cal_von, form input.text.cal_bis { background: #ffffff url('/tl_files/layout/calc.png') right 6px no-repeat; } form input.text.cal_von, form input.text.cal_bis { width:30%; } form textarea { font-size:15px; font-family:'Quicksand', sans-serif; } /* Datepicker */ .ui-datepicker { font-size:80%; } /* Footernav */ #footerNav ul li a, #footerNav ul li span { padding:0 15px; } /* Chrome und Safari */ body.safari form input.text.cal_von, body.safari form input.text.cal_bis, body.chrome form input.text.cal_von, body.chrome form input.text.cal_bis { background:#FFFFFE url('/tl_files/layout/calc.png') right 13px no-repeat; } body.chrome #searchBox input.submit { background:url("/tl_files/layout/sprite.png") -10px -65px no-repeat; } body.safari #searchBox input.submit { background:url("/tl_files/layout/sprite.png") -7px -65px no-repeat; } body.chrome { font-size:16px; } /* Safari */ body.safari { font-weight:700; } body.ipad { font-weight:400; } .col-sm-6{ display: block; width:50%; float:left; position: relative; } .col-sm-8{ display: block; width:70% !important; float:left; position: relative; } .col-sm-4{ display: block; width:30% !important; float:left; position: relative; } .mobile-search { display: none; } #searchBox { display: inline-block; } } @media (min-width: 1420px) { .topBar .inside { width:1080px; } #container { width:1080px; } #footer .inside { width:1080px; } #header { padding:0; width:100%; background:url('/tl_files/layout/bg_header_1120.jpg') center 10px no-repeat; } #main { float:left; z-index:11; position:relative; margin:0 0 20px 0; } .imageEnquiryWrapper { position:relative; width:1095px; height:540px; margin:35px auto 120px; } .logo { margin-top:25px; } #header .quanfrage { bottom:-21px; } #mainnav > ul { width:1080px; } #mainnav ul li a, #mainnav ul li span { padding:0 27px 20px; } #mainnav ul li.mm.col1 { margin-left:250px; margin-right:110px; } #ZTNsliderWrapper { width:1080px; } #ZTNslider .mod_navigation { width:100%; } #footerNav ul li a, #footerNav ul li span { padding:0 25px; } #header .quanfrage h4 { left:-210px; top:38px; } body.en #header .quanfrage h4, body.nl #header .quanfrage h4 { top:42px; } body.en #header .quanfrage.fixedToTop h4, body.nl #header .quanfrage.fixedToTop h4 { top:19px; } .quanfrage .inside { margin-left: 250px; } .quanfrage.fixedToTop .inside { margin: 0 auto; width: 1080px; } #header .quanfrage.fixedToTop h4 { width: 21%; position: relative; left: 0; float: left; } #header .quanfrage.fixedToTop .clear { display: none; } #header .quanfrage.fixedToTop form.quickanfrage .formRow { width: 15%; } #header .quanfrage.fixedToTop form.quickanfrage .submit_container { width: 27%; } .jahreszeit { width: 360.333px !important; } }