html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td
{
image-rendering: optimizeQuality;
-ms-interpolation-mode: bicubic;
margin: 0;
padding: 0;
border: 0;
background: none;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
table
{
border-collapse: separate;
border-spacing: 0;
}
caption,
th,
td
{
text-align: left;
font-weight: normal;
}
table,
td,
th
{
vertical-align: middle;
}
blockquote:before, blockquote:after, q:before, q:after
{
content: "";
}
blockquote,
q
{
quotes: "" "";
}
a img
{
border: none;
}
img
{
image-rendering: optimizeQuality;
-ms-interpolation-mode: bicubic;
}
pre,
code,
kbd,
samp,
var,
output
{
white-space: pre;
}
mark
{
background: #ffffd9;
}
nav,
section,
article,
header,
aside,
footer,
figure,
dialog
{
display: block;
}
time,
progress,
mark,
output
{
display: inline;
}
/* ###########################################################
DEFAULT SETTINGS
###########################################################*/
.hide
{
display: none;
}
#loading,
#successmessage,
#errormessage
{
display: none;
}
ul
{
list-style-type: none;
}
ul
{
margin: 0px;
padding: 0px;
}
div
{
position: relative;
}
a:focus
{
outline: none;
}
/*
* jQuery UI CSS Framework 1.8.17
*
* Copyright 2011,
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/Theming/API
*/
/* Layout helpers
----------------------------------*/
.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;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after
{
content: "";
display: table;
}
.ui-helper-clearfix:after
{
clear: both;
}
.ui-helper-clearfix
{
zoom: 1;
}
.ui-helper-zfix
{
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled
{
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon
{
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*
* jQuery UI CSS Framework 1.8.17
*
* Copyright 2011,
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/Theming/API
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Georgia, Times, sans-serif&fwDefault=normal&fsDefault=1em&cornerRadius=3px&bgColorHeader=e5e1e1&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=cabfbf&fcHeader=222222&iconColorHeader=b3a8a8&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=c8b6b6&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=01_flat.png&bgImgOpacityDefault=0&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=01_flat.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=2a2727&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=000000&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=40&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/
/* Component containers
----------------------------------*/
.ui-widget
{
font-family: Georgia, Times, sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget
{
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button
{
font-family: Georgia, Times, sans-serif;
font-size: 1em;
}
.ui-widget-content
{
border: 1px solid #c8b6b6;
background: #ffffff url(/css/jquery/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
color: #222222;
}
.ui-widget-content a
{
color: #222222;
}
.ui-widget-header
{
border: 1px solid #cabfbf;
background: #e5e1e1 url(/css/jquery/images/ui-bg_highlight-soft_75_e5e1e1_1x100.png) 50% 50% repeat-x;
color: #222222;
font-weight: bold;
}
.ui-widget-header a
{
color: #222222;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default
{
border: 1px solid #d3d3d3;
background: #e6e6e6 url(/css/jquery/images/ui-bg_flat_0_e6e6e6_40x100.png) 50% 50% repeat-x;
font-weight: normal;
color: #555555;
}
.ui-state-default a,
.ui-state-default a:link, .ui-state-default a:visited
{
color: #555555;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus
{
border: 1px solid #999999;
background: #dadada url(/css/jquery/images/ui-bg_flat_75_dadada_40x100.png) 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover
{
color: #212121;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active
{
border: 1px solid #aaaaaa;
background: #ffffff url(/css/jquery/images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-active a,
.ui-state-active a:link, .ui-state-active a:visited
{
color: #212121;
text-decoration: none;
}
.ui-widget :active
{
outline: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight
{
border: 1px solid #fcefa1;
background: #fbf9ee url(/css/jquery/images/ui-bg_flat_55_fbf9ee_40x100.png) 50% 50% repeat-x;
color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a
{
color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error
{
border: 1px solid #cd0a0a;
background: #fef1ec url(/css/jquery/images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x;
color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a
{
color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text
{
color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary
{
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary
{
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled
{
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon
{
width: 16px;
height: 16px;
background-image: url(/css/jquery/images/ui-icons_222222_256x240.png);
}
.ui-widget-content .ui-icon
{
background-image: url(/css/jquery/images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon
{
background-image: url(/css/jquery/images/ui-icons_b3a8a8_256x240.png);
}
.ui-state-default .ui-icon
{
background-image: url(/css/jquery/images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon
{
background-image: url(/css/jquery/images/ui-icons_2a2727_256x240.png);
}
.ui-state-active .ui-icon
{
background-image: url(/css/jquery/images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon
{
background-image: url(/css/jquery/images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon
{
background-image: url(/css/jquery/images/ui-icons_cd0a0a_256x240.png);
}
/* positioning */
.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 is deprecated,
use ui-icon-seek-start instead */
.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;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl
{
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
-khtml-border-top-left-radius: 3px;
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr
{
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
-khtml-border-top-right-radius: 3px;
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl
{
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;
-khtml-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br
{
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
-khtml-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay
{
background: #000000 url(/css/jquery/images/ui-bg_flat_0_000000_40x100.png) 50% 50% repeat-x;
opacity: .40;
filter: Alpha(Opacity=40);
}
.ui-widget-shadow
{
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaaaaa url(/css/jquery/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .30;
filter: Alpha(Opacity=30);
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
/*
* jQuery UI Resizable 1.8.17
*
* Copyright 2011,
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/Resizable#theming
*/
.ui-resizable
{
position: relative;
}
.ui-resizable-handle
{
position: absolute;
font-size: 0.1px;
z-index: 99999;
display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle
{
display: none;
}
.ui-resizable-n
{
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s
{
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e
{
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w
{
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se
{
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw
{
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw
{
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne
{
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
/*
* jQuery UI Selectable 1.8.17
*
* Copyright 2011,
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/Selectable#theming
*/
.ui-selectable-helper
{
position: absolute;
z-index: 100;
border: 1px dotted black;
}
/*
* jQuery UI Accordion 1.8.17
*
* Copyright 2011,
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/Accordion#theming
*/
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion
{
width: 100%;
}
.ui-accordion .ui-accordion-header
{
cursor: pointer;
position: relative;
margin-top: 1px;
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;
font-size: 1em;
padding: .5em .5em .5em .7em;
}
.ui-accordion-icons .ui-accordion-header a
{
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-icon
{
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content
{
padding: 1em 2.2em;
border-top: 0;
margin-top: -2px;
position: relative;
top: 1px;
margin-bottom: 2px;
overflow: auto;
display: none;
zoom: 1;
}
.ui-accordion .ui-accordion-content-active
{
display: block;
}
/*
* jQuery UI Autocomplete 1.8.17
*
* Copyright 2011,
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 */
/*
* jQuery UI Menu 1.8.17
*
* Copyright 2010,
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/Menu#theming
*/
.ui-menu
{
list-style: none;
padding: 2px;
margin: 0;
display: block;
float: left;
}
.ui-menu .ui-menu
{
margin-top: -3px;
}
.ui-menu .ui-menu-item
{
margin: 0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
}
.ui-menu .ui-menu-item a
{
text-decoration: none;
display: block;
padding: .2em .4em;
line-height: 1.5;
zoom: 1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active
{
font-weight: normal;
margin: -1px;
}
/*
* jQuery UI Button 1.8.17
*
* Copyright 2011,
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/Button#theming
*/
.ui-button
{
display: inline-block;
position: relative;
padding: 0;
margin-right: .1em;
text-decoration: none !important;
cursor: pointer;
text-align: center;
zoom: 1;
overflow: visible;
}
/* the overflow property removes extra width in IE */
.ui-button-icon-only
{
width: 2.2em;
}
/* to make room for the icon,
a width needs to be set here */
button.ui-button-icon-only
{
width: 2.4em;
}
/* button elements seem to need a little more width */
.ui-button-icons-only
{
width: 3.4em;
}
button.ui-button-icons-only
{
width: 3.7em;
}
/*button text element */
.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-left: 2.1em;
padding-right: 2.1em;
}
/* no icon support for input elements,
provide padding by default */
input.ui-button
{
padding: .4em 1em;
}
/*button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon
{
position: absolute;
top: 50%;
margin-top: -8px;
}
.ui-button-icon-only .ui-icon
{
left: 50%;
margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary
{
left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary
{
right: .5em;
}
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary
{
right: .5em;
}
/*button sets*/
.ui-buttonset
{
margin-right: 7px;
}
.ui-buttonset .ui-button
{
margin-left: 0;
margin-right: -.3em;
}
/* workarounds */
button.ui-button::-moz-focus-inner
{
border: 0;
padding: 0;
}
/* reset extra padding in Firefox */
/*
* jQuery UI Dialog 1.8.17
*
* Copyright 2011,
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/Dialog#theming
*/
.ui-dialog
{
position: absolute;
padding: .2em;
width: 300px;
overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar
{
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title
{
float: left;
margin: .1em 16px .1em 0;
}
.ui-dialog .ui-dialog-titlebar-close
{
position: absolute;
right: .3em;
top: 50%;
width: 19px;
margin: -10px 0 0 0;
padding: 1px;
height: 18px;
}
.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;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane
{
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin: .5em 0 0 0;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset
{
float: right;
}
.ui-dialog .ui-dialog-buttonpane button
{
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se
{
width: 14px;
height: 14px;
right: 3px;
bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar
{
cursor: move;
}
/*
* jQuery UI Slider 1.8.17
*
* Copyright 2011,
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/Slider#theming
*/
.ui-slider
{
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle
{
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
.ui-slider .ui-slider-range
{
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider-horizontal
{
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle
{
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range
{
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min
{
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max
{
right: 0;
}
.ui-slider-vertical
{
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle
{
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range
{
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min
{
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max
{
top: 0;
}
/*
* jQuery UI Tabs 1.8.17
*
* Copyright 2011,
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/Tabs#theming
*/
.ui-tabs
{
position: relative;
padding: .2em;
zoom: 1;
}
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav
{
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li
{
list-style: none;
float: left;
position: relative;
top: 1px;
margin: 0 .2em 1px 0;
border-bottom: 0 !important;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a
{
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-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;
}
/* first selector in group seems obsolete,
but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel
{
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tabs .ui-tabs-hide
{
display: none !important;
}
/*
* jQuery UI Datepicker 1.8.17
*
* Copyright 2011,
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/Datepicker#theming
*/
.ui-datepicker
{
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header
{
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next
{
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover
{
top: 1px;
}
.ui-datepicker .ui-datepicker-prev
{
left: 2px;
}
.ui-datepicker .ui-datepicker-next
{
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover
{
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover
{
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span
{
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title
{
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select
{
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year
{
width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year
{
width: 49%;
}
.ui-datepicker table
{
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th
{
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td
{
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a
{
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane
{
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button
{
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current
{
float: left;
}
/* with multiple calendars */
.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
{
clear: both;
width: 100%;
font-size: 0em;
}
/* RTL support */
.ui-datepicker-rtl
{
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev
{
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next
{
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover
{
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover
{
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane
{
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button
{
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current
{
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group
{
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header
{
border-right-width: 0;
border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header
{
border-right-width: 0;
border-left-width: 1px;
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover
{
display: none;
/*sorry for IE5*/
/**/
/*sorry for IE5*/
position: absolute;
/*must have*/
z-index: -1;
/*must have*/
filter: mask();
/*must have*/
top: -4px;
/*must have*/
left: -4px;
/*must have*/
width: 200px;
/*must have*/
height: 200px;
/*must have*/
}
/*
* jQuery UI Progressbar 1.8.17
*
* Copyright 2011,
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/Progressbar#theming
*/
.ui-progressbar
{
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value
{
margin: -1px;
height: 100%;
}
#zmartbox
{
z-index: 1001;
display: none;
text-align: center;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
#zmartbox #zmartbox_overlay
{
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: #000;
float: left;
overflow: hidden;
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
}
#zmartbox #zmartbox_content
{
background: rgba(255, 255, 255, 0.7);
left: 50%;
top: 50%;
position: absolute;
float: left;
}
#zmartbox #zmartboxcontent_object.container
{
text-align: left;
background: #f2f2f2;
}
#zmartbox #zmartbox_navbar
{
z-index: 1002;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
padding-top: 10px;
height: 50px;
background: url(/css/userimg/zmartbox_nav.png) top left repeat-x;
}
#zmartbox #zmartbox_navbar #zmartbox_navbar_prev,
#zmartbox #zmartbox_navbar #zmartbox_navbar_next,
#zmartbox #zmartbox_navbar #zmartbox_navbar_close
{
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
-khtml-opacity: 0.6;
-moz-opacity: 0.6;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
z-index: 1010;
position: relative;
float: right;
height: 22px;
width: 25px;
margin-top: 3px;
margin-right: 20px;
background-image: url(/css/userimg/_sprite_zb.png);
background-repeat: no-repeat;
background-position: 0px -116px;
}
#zmartbox #zmartbox_navbar #zmartbox_navbar_prev img,
#zmartbox #zmartbox_navbar #zmartbox_navbar_next img,
#zmartbox #zmartbox_navbar #zmartbox_navbar_close img
{
display: none;
}
#zmartbox #zmartbox_navbar #zmartbox_navbar_title
{
right: auto;
left: 0px;
text-align: left;
z-index: 1002;
position: absolute;
color: #fff;
font-size: 1.6em;
padding-top: 0.3em;
float: left;
padding-left: 10px;
}
#zmartbox #zmartbox_navbar #zmartbox_navbar_prev
{
width: 13px;
background-position-x: -27px;
}
#zmartbox #zmartbox_navbar #zmartbox_navbar_next
{
width: 13px;
background-position-x: -8px;
}
#zmartbox #zmartbox_navbar #zmartbox_navbar_close
{
width: 25px;
background-position-x: -45px;
}
#zmartbox #zmartbox_navbar #zmartbox_navbar_prev:hover, #zmartbox #zmartbox_navbar #zmartbox_navbar_next:hover, #zmartbox #zmartbox_navbar #zmartbox_navbar_close:hover
{
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-khtml-opacity: 1;
-moz-opacity: 1;
}
html,
body
{
text-align: left;
line-height: 1.5em;
font-size: 62.5%;
height: 100%;
font-family: proxima-nova, Open Sans, Arial, sans-serif;
color: #333;
}
body
{
font-size: 1em;
}
.mobile
{
display: none;
}
.desktop
{
display: block;
}
#home_m3cenarium
{
position: fixed;
top: 200px;
left: 50%;
margin-left: -500px;
max-width: 100%;
width: 1000px;
z-index: 1000;
}
#home_m3cenarium a.image
{
float: left;
position: relative;
width: 100%;
overflow: hidden;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0px 0px 20px #844;
-webkit-box-shadow: 0px 0px 20px #844;
box-shadow: 0px 0px 20px #844;
}
#home_m3cenarium a.image img
{
float: left;
position: relative;
width: 100%;
}
#home_m3cenarium a.closer
{
text-decoration: none;
position: absolute;
top: -10px;
right: -10px;
background: orange;
color: #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
padding: 10px 15px;
font-size: 20px;
-moz-box-shadow: 0px 0px 10px #844;
-webkit-box-shadow: 0px 0px 10px #844;
box-shadow: 0px 0px 10px #844;
}
#home_m3cenarium a.closer:hover
{
background: #333;
}
.teslalink
{
width: 100%;
float: left;
clear: left;
position: relative;
height: 30em;
background: #222;
margin-top: 50px;
}
.teslalink .bg
{
z-index: 1;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(/img/tesla_m3hotel.jpg) center center no-repeat;
background-size: cover;
}
.teslalink strong,
.teslalink em
{
width: 80%;
float: left;
font-weight: 300;
z-index: 10;
position: absolute;
color: #fff;
}
.teslalink strong
{
top: 20px;
left: 20px;
font-size: 20px;
line-height: 120%;
}
.teslalink em
{
font-size: 15px;
line-height: 150%;
bottom: 20px;
left: 20px;
}
.teslalink:hover .bg
{
opacity: 1;
}
#home_package
{
position: fixed;
width: 90%;
float: left;
padding: 30px 0px;
top: 200px;
left: 50%;
margin-left: -45%;
z-index: 1000;
background: url(/css/userimg/trans_black.png) top left repeat;
}
#home_package h1
{
text-align: center;
margin-bottom: 1em;
margin-top: 1em;
color: #fff;
font-size: 32px;
font-family: proxima-nova, Open Sans Condensed, Arial, sans-serif, Arial, sans-serif;
}
#home_package p
{
width: 50%;
margin-left: 25%;
color: white;
text-align: center;
font-size: 16px;
line-height: 1.5em;
margin-bottom: 1em;
}
#home_package p a
{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 4px 10px;
font-size: 16px;
}
#home_package p a:hover
{
background: rgb(224, 82, 2);
color: #111;
}
#home_package .homepackagecloser
{
position: absolute;
top: 20px;
right: 20px;
color: #ccc;
font-size: 12px;
}
.expandbox
{
float: left;
width: 94%;
padding: 3%;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0px 2px 4px #b99;
-webkit-box-shadow: 0px 2px 4px #b99;
box-shadow: 0px 2px 4px #b99;
position: relative;
clear: left;
margin-bottom: 15px;
background: #fff;
}
.expandbox .title
{
float: left;
width: 100%;
}
.expandbox .title h2
{
margin-top: 0;
margin-bottom: 0;
line-height: 120%;
}
.expandbox .title h2 a
{
text-decoration: none;
}
.expandbox .contentbox
{
display: none;
}
.expandbox.active .title h2 a
{
color: #444;
}
.expandbox.active .contentbox
{
display: block;
float: left;
width: 100%;
clear: left;
margin-top: 30px;
padding-top: 30px;
border-top: 2px solid #ddd;
}
a
{
color: #ea5c0a;
text-decoration: underline;
}
a:hover
{
color: #bfbf00;
text-decoration: none;
}
h1,
h2,
h3,
h4
{
color: #441d1f;
clear: left;
font-family: proxima-nova, Open Sans Condensed, Arial, sans-serif;
text-transform: uppercase;
margin-bottom: 0.7em;
margin-top: 1.1em;
}
h1
{
font-size: 3.6em;
color: #ea5c0a;
line-height: 100%;
font-weight: 300;
letter-spacing: 0.03em;
}
h2
{
font-size: 2.4em;
margin-top: 1.5em;
line-height: 100%;
font-weight: 300;
letter-spacing: 0.03em;
}
h3
{
font-size: 1.8em;
font-weight: 300;
line-height: 100%;
letter-spacing: 0.03em;
}
h4
{
font-size: 1.4em;
line-height: 100%;
}
.sprite
{
background-image: url(/css/userimg/_sprite.png);
background-repeat: none;
}
/*
* COLORING
*/
h1,
a,
#navigation div.pagenavigation_container ul.pageNavigation li a:hover span.title, a.unshower, a.moreshower
{
color: #ea5c0a;
}
#page.default #aside .sidebar ul li.active a,
#siteslides_container .siteslide div.text a.button,
button,
.anfragebutton,
.showratesbutton
{
background: #ea5c0a;
}
#categoryNavigation a.categorytitle
{
border-bottom-color: #ea5c0a;
}
#categoryNavigation li:hover a.categorytitle
{
border-top-color: #ea5c0a;
}
#navigation ul.pageNavigation li.active a span.title
{
border-left-color: #ea5c0a;
}
#navigation div.pagenavigation_container ul.pageNavigation li.cafe a:hover span.title
{
color: #bfbf00;
}
#navigation ul.pageNavigation li.cafe.active a span.title
{
border-left-color: #bfbf00;
}
#navigation div.pagenavigation_container ul.pageNavigation li.restaurant a:hover span.title
{
color: #0a9cd7;
}
#navigation ul.pageNavigation li.restaurant.active a span.title
{
border-left-color: #0a9cd7;
}
div.cafe a
{
color: #bfbf00;
}
div.cafe a:hover
{
color: black;
}
div.cafe h1,
div.cafe a.unshower,
div.cafe a.moreshower
{
color: #bfbf00;
}
div.cafe #siteslides_container .siteslide div.text a.button
{
background: #bfbf00;
}
div.restaurant a
{
color: #0a9cd7;
}
div.restaurant a:hover
{
color: black;
}
div.restaurant h1,
div.restaurant a.unshower,
div.restaurant a.moreshower
{
color: #0a9cd7;
}
div.restaurant #siteslides_container .siteslide div.text a.button
{
background: #0a9cd7;
}
/*
* SITE
*/
#wrap
{
min-width: 100em;
min-height: 100%;
background: url(/css/userimg/bgtexture.gif) top center repeat;
text-align: left;
position: relative;
top: 0px;
left: 0px;
width: 100%;
float: left;
}
#inner_wrap,
#category
{
min-height: 100%;
}
#page_wrap,
#footer_wrap,
#category
{
position: relative;
float: left;
clear: left;
width: 100%;
}
#site_shadow
{
width: 100%;
position: absolute;
top: 0px;
z-index: 15;
left: 0px;
height: 200px;
background: url(/css/userimg/siteimages_shadow.png) top left repeat-x;
}
#topnavigation,
#navigation,
#page,
.containing,
#page.empty .col_seot
{
width: 99em;
float: left;
margin-left: -49.5em;
left: 50%;
position: relative;
}
#topnavigation
{
position: absolute;
top: 2.3em;
z-index: 50;
font-family: Libre Baskerville, Baskerville, Georgia, Palatino, Times, serif;
}
#topnavigation a
{
font-size: 1.2em;
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
-khtml-opacity: 0.6;
-moz-opacity: 0.6;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
float: left;
font-style: italic;
color: white;
text-decoration: none;
margin-right: 1.5em;
}
#topnavigation a:first-child
{
margin-left: 7em;
}
#topnavigation a:hover
{
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-khtml-opacity: 1;
-moz-opacity: 1;
}
#navigation
{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-family: proxima-nova, Open Sans, Arial, sans-serif;
position: absolute;
top: 5em;
z-index: 50;
background: #441d1f;
-moz-box-shadow: 0px 0px 10px #555;
-webkit-box-shadow: 0px 0px 10px #555;
box-shadow: 0px 0px 10px #555;
}
#navigation a.categorytitle
{
font-size: 1.4em;
text-decoration: none;
color: white;
padding: 1em;
text-transform: uppercase;
letter-spacing: 0.03em;
line-height: normal;
}
#navigation #logo
{
float: left;
position: relative;
}
#navigation #logo img
{
width: 4.5em;
padding: 0.6em 1.5em 0.4em 1.5em;
}
#navigation ul#categoryNavigation
{
padding: 0;
float: left;
position: relative;
}
#navigation ul#categoryNavigation li.category.active a.categorytitle
{
padding-bottom: 0.7em;
border-bottom-width: 0.4em;
border-bottom-style: solid;
}
#navigation ul#categoryNavigation li.category.active a.categorytitle:hover
{
border-bottom: 0;
padding-bottom: 1em;
}
#navigation ul#categoryNavigation li.category.active:hover a.categorytitle
{
border-bottom: 0;
padding-bottom: 1em;
}
#navigation ul#categoryNavigation li.category
{
float: left;
position: relative;
}
#navigation ul#categoryNavigation li.category a.categorytitle
{
float: left;
position: relative;
padding: 1em 0.9em;
}
#navigation ul#categoryNavigation li.category a.categorytitle:hover
{
background: #311416;
}
#navigation ul#categoryNavigation li:hover a.categorytitle
{
border-bottom: 0;
border-top-width: 4px;
border-top-style: solid;
margin-top: -4px;
background: #311416;
}
#navigation ul#categoryNavigation li:hover div.pagenavigation_container
{
display: block;
}
#navigation div.pagenavigation_container
{
-webkit-border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
position: absolute;
left: 0px;
width: 20em;
float: left;
top: 4.6em;
z-index: 30;
background: #311416;
display: none;
padding: 0.5em 0px;
}
#navigation div.pagenavigation_container ul.pageNavigation
{
clear: left;
float: left;
position: relative;
width: 100%;
}
#navigation div.pagenavigation_container ul.pageNavigation li
{
width: 100%;
float: left;
clear: left;
position: relative;
}
#navigation div.pagenavigation_container ul.pageNavigation li a
{
display: block;
border-bottom: 1px solid #441d1f;
width: 100%;
float: left;
color: white;
text-decoration: none;
}
#navigation div.pagenavigation_container ul.pageNavigation li a span.title
{
float: left;
position: relative;
color: #fff;
font-size: 1.4em;
padding: 0.8em 1em;
font-family: proxima-nova, Open Sans, Arial, sans-serif;
}
#navigation div.pagenavigation_container ul.pageNavigation li a span.arrow
{
position: absolute;
width: 7px;
height: 11px;
float: right;
right: 1em;
background: url(/css/userimg/_sprite.png) top left no-repeat;
background-position: -8px 0px;
margin-top: 1.1em;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#navigation div.pagenavigation_container ul.pageNavigation li a:hover span.arrow
{
right: 0.8em;
background-position: -8px -11px;
}
#navigation div.pagenavigation_container ul.pageNavigation li.active a span.title
{
color: white;
border-left-width: 0.5em;
border-left-style: solid;
text-transform: uppercase;
font-size: 1.2em;
}
#navigation div.pagenavigation_container ul.pageNavigation li.active a span.arrow
{
display: none;
}
#navigation div.pagenavigation_container ul.pageNavigation li:last-child a
{
border-bottom: 0;
}
#navigation #navigationlanguage
{
z-index: 60;
border-left: rgba(0, 0, 0, 0.1);
height: 100%;
background: #441d1f url(/img/flags/de.png) 50% 50% no-repeat;
width: 6em;
text-indent: -1000px;
overflow: hidden;
float: right;
position: absolute;
right: 6.3em;
-webkit-border-radius: 0px 2px 2px 0px;
-moz-border-radius: 0px 2px 2px 0px;
border-radius: 0px 2px 2px 0px;
}
#navigation #navigationlanguage.de
{
background-image: url(/img/flags/de.png);
}
#navigation #navigationlanguage.en
{
background-image: url(/img/flags/en.png);
}
#navigation #navigationgalleryshower
{
overflow: hidden;
float: right;
position: absolute;
top: 0px;
right: 0px;
text-indent: -1000px;
-webkit-border-radius: 0px 2px 2px 0px;
-moz-border-radius: 0px 2px 2px 0px;
border-radius: 0px 2px 2px 0px;
background: #475a96;
color: white;
width: 6.5em;
height: 100%;
}
#navigation #navigationgalleryshower span
{
float: left;
width: 100%;
height: 100%;
display: block;
background: url(/css/userimg/fbicon.png) 50% 50% no-repeat;
}
#navigation #navigationgalleryshower:hover
{
background: #364985;
}
#navigation.sticky
{
-moz-box-shadow: 0px 0px 0px #000;
-webkit-box-shadow: 0px 0px 0px #000;
box-shadow: 0px 0px 0px #000;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
margin: 0px;
}
#page_wrap
{
border-top: 5px solid #cacaca;
}
#page.default #content
{
float: left;
position: relative;
width: 52em;
margin-right: 4em;
}
#page.default #aside
{
position: relative;
float: right;
width: 43em;
}
#page.default #aside .sidebar
{
margin-top: 1em;
float: left;
width: 22em;
margin-right: 2em;
position: relative;
}
#page.default #aside .sidebar h2
{
color: #888;
}
#page.default #aside .sidebar ul
{
margin-bottom: 2em;
position: relative;
width: 100%;
clear: left;
float: left;
}
#page.default #aside .sidebar ul li
{
float: left;
width: 100%;
clear: left;
margin-bottom: 0.2em;
}
#page.default #aside .sidebar ul li a
{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-family: proxima-nova, Open Sans Condensed, Arial, sans-serif;
float: left;
position: relative;
width: 90%;
padding: 3% 5%;
background: #ddd;
color: #222;
font-size: 1.4em;
line-height: normal;
text-decoration: none;
}
#page.default #aside .sidebar ul li a span.title
{
float: left;
}
#page.default #aside .sidebar ul li a span.arrow
{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
float: left;
margin-top: 4px;
margin-right: 0.5em;
width: 8px;
height: 11px;
background: url(/css/userimg/_sprite.png) 0px -12px no-repeat;
}
#page.default #aside .sidebar ul li a:hover
{
background: #441d1f;
color: white;
}
#page.default #aside .sidebar ul li a:hover span.arrow
{
background-position-y: -1px;
}
#page.default #aside .sidebar ul li.active a
{
color: white;
}
#page.default #aside .sidebar ul li.active a span.arrow
{
background-position-y: -1px;
}
#page.default #aside .sidebar .icon_big
{
float: left;
width: 100%;
margin: 0 0 2em 0;
padding: 0 0 2em 0;
border-bottom: 1px solid #ccc;
position: relative;
font-family: proxima-nova, Open Sans Condensed, Arial, sans-serif;
}
#page.default #aside .sidebar .icon_big span.icon
{
height: 5em;
float: left;
width: 6em;
position: relative;
}
#page.default #aside .sidebar .icon_big span.icon span
{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: url(/css/userimg/_sprite.png) top left no-repeat;
width: 49px;
height: 49px;
float: left;
}
#page.default #aside .sidebar .icon_big span.text
{
float: right;
width: 16em;
position: relative;
color: #441d1f;
}
#page.default #aside .sidebar .icon_big span.text strong
{
padding-bottom: 0.2em;
float: left;
font-weight: 300;
font-size: 1.8em;
}
#page.default #aside .sidebar .icon_big span.text em
{
color: #bbb;
float: left;
font-weight: 300;
clear: left;
line-height: 1.4em;
display: block;
font-size: 1.4em;
}
#page.default #aside .sidebar .icon_big:hover span.icon span
{
background-position-y: -51px;
}
#page.default #aside .sidebar .icon_big:hover span.text strong
{
color: #ea5c0a;
}
#page.default #aside .sidebar .icon_big:hover span.text em
{
color: #441d1f;
}
#page.default #aside .sidebar #icon_newsletter span.icon span
{
background-position: -123px 0;
width: 42px;
}
#page.default #aside .sidebar #icon_newsletter:hover span.icon span
{
background-position: -123px -51px;
}
#page.default #aside .sidebar #icon_packages span.icon span
{
background-position: -75px 0;
}
#page.default #aside .sidebar #icon_packages:hover span.icon span
{
background-position: -75px -51px;
}
#page.default #aside .sidebar #icon_panorama span.icon span
{
margin-left: 4px;
background-position: -34px 0;
width: 40px;
}
#page.default #aside .sidebar #icon_panorama:hover span.icon span
{
background-position: -34px -51px;
}
#page.default #aside .sidebar #icon_enquire
{
border: 0;
}
#page.default #aside .sidebar #icon_enquire span.icon span
{
margin-left: 4px;
background-position: -34px -146px;
height: 36px;
width: 41px;
}
#page.default #aside .sidebar #icon_enquire:hover span.icon span
{
background-position: -34px -182px;
}
#page.default #aside .newsbar
{
margin-top: 1em;
float: right;
position: relative;
width: 19em;
}
#page.default #aside .newsbar h2.columtitle
{
color: #888;
}
#page.default #aside .newsbar .timelineelement
{
float: left;
width: 100%;
position: relative;
clear: left;
font-size: 1.2em;
line-height: 1.5em;
margin-bottom: 1em;
}
#page.default #aside .newsbar .timelineelement .creation
{
padding-bottom: 0.6em;
color: #ea5c0a;
float: left;
clear: left;
}
#page.default #aside .newsbar .timelineelement .content
{
display: block;
float: left;
clear: left;
font-family: Libre Baskerville, Baskerville, Georgia, Palatino, Times, serif;
font-style: italic;
color: #888;
}
#page.default #aside .newsbar .timelineelement .content img
{
float: left;
clear: left;
padding: 0 0.7em 0.7em 0;
max-width: 40%;
}
#page.default #aside .newsbar .timelineelement .likes_and_comments
{
display: none;
}
#page.default #aside .newsbar p a
{
font-size: 1.4em;
display: block;
width: 100%;
text-align: center;
color: #441d1f;
text-decoration: none;
float: left;
clear: left;
margin-bottom: 1em;
}
#page.default #aside .newsbar p a:hover
{
color: #ea5c0a;
}
#page.default h1.pagetitle,
#page.default #aside h2.columtitle
{
line-height: 1;
}
#page.default h1.pagetitle
{
margin-top: 1em;
margin-bottom: 0.6em;
}
#page.default h2.columtitle
{
margin-top: 1.8em;
margin-bottom: 0.7em;
}
.col_seot
{
clear: left;
width: 100%;
float: left;
position: relative;
margin-top: 30px;
}
.col_seot .show_more_text.less
{
display: none;
}
.col_seot .show_more_text.more
{
display: block;
}
.col_seot .contentbox
{
width: 100%;
height: 1px;
overflow: hidden;
}
.col_seot.editor
{
background: blue;
}
.col_seot.editor .contentbox
{
height: auto;
overflow: visible;
}
.col_seot.active .show_more_text.more
{
display: none;
}
.col_seot.active .show_more_text.less
{
display: block;
}
.col_seot.active .contentbox
{
height: auto;
overflow: visible;
}
.show_more_text
{
padding: 0.3em 0.5em;
border: 1px solid #ea5c0a;
float: left;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.show_more_text.less
{
color: #ea5c0a;
border-color: #ea5c0a;
margin-bottom: 2em;
}
#footer
{
clear: left;
position: relative;
width: 100%;
float: left;
padding: 2em 0;
margin-top: 5em;
background: #441d1f;
}
#footer div.containing .address,
#footer div.containing .reservierungen,
#footer div.containing .email,
#footer div.containing .lage_anreise
{
font-family: proxima-nova, Open Sans Condensed, Arial, sans-serif;
float: left;
position: relative;
width: 24.5em;
color: white;
}
#footer div.containing .address em,
#footer div.containing .reservierungen em,
#footer div.containing .email em,
#footer div.containing .lage_anreise em
{
float: left;
display: block;
font-style: normal;
color: white;
opacity: 0.4;
filter: alpha(opacity=40);
-ms-filter: "alpha(opacity=40)";
-khtml-opacity: 0.4;
-moz-opacity: 0.4;
font-size: 1.3em;
}
#footer div.containing .address b,
#footer div.containing .address a,
#footer div.containing .reservierungen b,
#footer div.containing .reservierungen a,
#footer div.containing .email b,
#footer div.containing .email a,
#footer div.containing .lage_anreise b,
#footer div.containing .lage_anreise a
{
text-decoration: none;
padding-top: 0.2em;
font-weight: normal;
display: block;
float: left;
clear: left;
font-size: 2.5em;
color: white;
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
-khtml-opacity: 0.6;
-moz-opacity: 0.6;
}
#footer div.containing .address a:hover, #footer div.containing .address b:hover, #footer div.containing .reservierungen a:hover, #footer div.containing .reservierungen b:hover, #footer div.containing .email a:hover, #footer div.containing .email b:hover, #footer div.containing .lage_anreise a:hover, #footer div.containing .lage_anreise b:hover
{
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-khtml-opacity: 1;
-moz-opacity: 1;
}
#closing
{
clear: left;
position: relative;
width: 100%;
float: left;
padding: 1em 0 1em 0;
height: 3em;
border-top: 5px solid #eee;
}
#closing div.containing .left,
#closing div.containing .right
{
position: relative;
width: 37%;
font-size: 1.2em;
}
#closing div.containing .left
{
float: left;
}
#closing div.containing .left a
{
color: #777;
padding-right: 1em;
}
#closing div.containing .right
{
float: right;
text-align: right;
}
#closing div.containing .icon
{
margin-right: 1.5em;
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
-khtml-opacity: 0.6;
-moz-opacity: 0.6;
text-align: left;
text-indent: -1500px;
white-space: nowrap;
overflow: hidden;
float: left;
background-image: url(/css/userimg/_sprite.png);
background-repeat: no-repeat;
}
#closing div.containing .icon_tirol
{
width: 75px;
height: 28px;
background-position: -75px -188px;
}
#closing div.containing .icon_stanton
{
width: 119px;
height: 28px;
background-position: -75px -159px;
}
#closing div.containing .icon_facebook
{
width: 104px;
height: 21px;
background-position: 0px -219px;
}
#closing div.containing .icon:hover
{
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-khtml-opacity: 1;
-moz-opacity: 1;
}
#closing .m3s
{
position: absolute;
float: left;
margin-left: -7%;
width: 14%;
left: 50%;
bottom: 0px;
}
#closing .m3s a
{
margin: 0 2%;
float: left;
width: 29%;
position: relative;
height: 7em;
background: #441d1f;
}
#closing .m3s a img
{
float: left;
width: 70%;
margin: 7% 0 0 15%;
}
#closing .m3s a.m3hotel
{
background: #ea5c0a;
}
#closing .m3s a.m3cafe
{
background: #bfbf00;
}
#closing .m3s a.m3restaurant
{
background: #0a9cd7;
}
/* CONTENTS
*
* default settings are for #content.default (.default = structure/template-name)
*/
#content ul.pageContents
{
width: 100%;
float: left;
position: relative;
}
#content ul.pageContents > li.content
{
width: 100%;
float: left;
position: relative;
clear: left;
}
#content ul.pageContents li.textblock p
{
font-size: 1.4em;
line-height: 160%;
}
#content ul.pageContents li.textblock p
{
margin-bottom: 1em;
}
#content ul.pageContents li.textblock ul
{
margin-bottom: 1em;
}
#content ul.pageContents li.textblock ul li
{
list-style-type: disc;
margin-left: 20px;
font-size: 1.4em;
line-height: 1.5em;
margin-bottom: 0.5em;
}
#content ul.pageContents li.textblock blockquote
{
width: 100%;
padding: 1em 0;
margin-bottom: 1em;
font-family: Libre Baskerville, Baskerville, Georgia, Palatino, Times, serif;
font-style: italic;
border: 1px solid #999;
border-width: 1px 0px 1px 0px;
}
#content ul.pageContents li.textblock blockquote p
{
font-size: 1.8em;
line-height: 1.5em;
margin: 0px;
padding: 0px 2.2em;
}
#content ul.pageContents li.textblock blockquote span
{
background-image: url(/css/userimg/_sprite.png);
width: 20px;
height: 20px;
background-position: -1px -68px;
float: left;
position: absolute;
top: 15px;
left: 7px;
}
#content ul.pageContents li.textblock i,
#content ul.pageContents li.textblock em
{
font-style: italic;
}
#content ul.pageContents ul.listfiles
{
width: 100%;
float: left;
position: relative;
}
#content ul.pageContents ul.listfiles li.file
{
width: 100%;
float: left;
position: relative;
clear: left;
margin-bottom: 2em;
}
#content ul.pageContents ul.listfiles li.file .fileicon,
#content ul.pageContents ul.listfiles li.file .filename
{
float: left;
position: relative;
}
#content ul.pageContents ul.listfiles li.file .fileicon
{
width: 14%;
margin-right: 1%;
}
#content ul.pageContents ul.listfiles li.file .filename
{
width: 78%;
font-size: 1.5em;
margin-top: 1em;
}
#content ul.pageContents li.externalpage p
{
font-size: 1.4em;
margin-bottom: 1em;
line-height: 160%;
}
#content ul.pageContents li.listpictures ul.listpictures
{
float: left;
position: relative;
width: 100%;
border: 1px solid #aaa;
border-width: 1px 0px 1px 0px;
padding: 1em 0;
}
#content ul.pageContents li.listpictures ul.listpictures li
{
width: 29%;
margin: 2%;
float: left;
position: relative;
}
#content ul.pageContents li.listpictures ul.listpictures li a.lightbox
{
background: #000;
position: relative;
float: left;
clear: left;
width: 100%;
height: 10em;
}
#content ul.pageContents li.listpictures ul.listpictures li a.lightbox img
{
position: relative;
width: 100%;
float: left;
height: 100%;
}
#content ul.pageContents li.listpictures ul.listpictures li a.lightbox span.zoomer
{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
float: left;
width: 34px;
height: 34px;
position: absolute;
top: 50%;
margin-top: -17px;
left: 50%;
margin-left: -17px;
background: url(/css/userimg/_sprite.png) -216px -180px no-repeat;
}
#content ul.pageContents li.listpictures ul.listpictures li a.lightbox:hover img.gallpicture
{
opacity: 0.2;
filter: alpha(opacity=20);
-ms-filter: "alpha(opacity=20)";
-khtml-opacity: 0.2;
-moz-opacity: 0.2;
}
#content ul.pageContents li.listpictures ul.listpictures li a.lightbox:hover span.zoomer
{
background-position-y: -215px;
}
#content ul.pageContents li.listpictures ul.listpictures li.gt3
{
display: none;
}
#content ul.pageContents li.listpictures a.unshower,
#content ul.pageContents li.listpictures a.moreshower
{
z-index: 20;
font-size: 1.3em;
text-decoration: none;
line-height: normal;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: none;
position: absolute;
bottom: -2em;
right: 1em;
background: none;
padding: 0.5em 0;
}
#content ul.pageContents li.listpictures a.moreshower.gt3
{
display: block;
}
#content .listsubnavigation
{
margin-top: 10px;
float: left;
width: 100%;
position: relative;
}
#content .listsubnavigation li.subnavigation
{
float: left;
width: 100%;
position: relative;
clear: left;
margin-bottom: 5px;
}
#content .listsubnavigation li.subnavigation a
{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-family: proxima-nova, Open Sans Condensed, Arial, sans-serif;
float: left;
position: relative;
width: 96%;
padding: 2%;
background: #ddd;
color: #222;
font-size: 1.4em;
line-height: normal;
text-decoration: none;
}
#content .listsubnavigation li.subnavigation a span.title
{
float: left;
}
#content .listsubnavigation li.subnavigation a span.arrow
{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
float: right;
margin-top: 4px;
margin-right: 0.5em;
width: 8px;
height: 11px;
background: url(/css/userimg/_sprite.png) -8px -12px no-repeat;
}
#content .listsubnavigation li.subnavigation a:hover
{
background: #441d1f;
color: white;
}
#content .listsubnavigation li.subnavigation a:hover span.arrow
{
background-position-y: -1px;
}
#content .listsubnavigation li.subnavigation:last-child
{
border-bottom: 0;
}
/* SITE IMAGE SLIDESHOWS...
*
*/
#siteimages_container
{
position: relative;
margin-left: 0px;
right: 0px;
z-index: 1;
top: 0px;
background: #441d1f;
width: 100%;
height: auto;
float: left;
border-bottom: 2px solid #441d1f;
margin-bottom: 0px;
overflow: hidden;
width: 100%;
}
#siteimages_container #siteimages
{
width: 100%;
height: 100%;
float: left;
position: relative;
top: 0px;
left: 0px;
margin-left: 0px;
}
#siteimages_container #siteimages img
{
z-index: 1;
position: absolute;
float: left;
margin: 0 auto;
top: 0px;
left: 0px;
width: 100%;
}
#siteimages_container #siteimages img.fading
{
z-index: 3;
}
#siteimages_container #siteimages img.active
{
z-index: 10;
}
#siteimages_container #siteimages img#firstzmartheaderimage,
#siteimages_container #siteimages img#zmartheaderimage_0_IMAGE
{
position: relative;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-khtml-opacity: 1;
-moz-opacity: 1;
}
#siteimages_container #siteimages #siteimages_slideholder_big
{
display: none;
width: 100%;
float: left;
position: relative;
z-index: 1;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-khtml-opacity: 1;
-moz-opacity: 1;
}
#siteimages_container .siteimages_navigation
{
display: none;
}
#siteimages_container #imagearrow_left,
#siteimages_container #imagearrow_right
{
display: none;
cursor: pointer;
width: 7em;
float: left;
position: absolute;
z-index: 40;
top: 0px;
height: 100%;
}
#siteimages_container #imagearrow_left span,
#siteimages_container #imagearrow_right span
{
background-image: url(/css/userimg/_sprite.png);
background-position: center center;
width: 24px;
height: 40px;
position: absolute;
top: 50%;
margin-top: -20px;
background-repeat: no-repeat;
}
#siteimages_container #imagearrow_left
{
left: 0px;
}
#siteimages_container #imagearrow_left span
{
left: 50%;
margin-left: -12px;
background-position: -222px -66px;
}
#siteimages_container #imagearrow_right
{
right: 0px;
}
#siteimages_container #imagearrow_right span
{
right: 50%;
margin-right: -12px;
background-position: -222px -104px;
}
#loader
{
width: 70px;
text-align: center;
height: 70px;
margin-left: -35px;
line-height: normal;
left: 50%;
background: white;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
position: absolute;
float: left;
margin-top: -35px;
top: 50%;
z-index: 50;
color: white;
}
#loader img
{
position: absolute;
top: 10px;
left: 10px;
line-height: normal;
}
#slidecontainer
{
float: left;
position: relative;
width: 100%;
height: auto;
}
#siteslides_container
{
position: relative;
margin-left: 0px;
right: 0px;
z-index: 1;
top: 0px;
background: #441d1f;
width: 100%;
height: auto;
float: left;
border-bottom: 2px solid #441d1f;
}
#siteslides_container .staticslidelink
{
margin: 1em 0 1em 0;
padding: 1em 5%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
float: left;
position: relative;
width: 80%;
margin-left: 5%;
background: #ea5c0a;
color: white;
font-size: 1.8em;
text-decoration: none;
}
#siteslides_container #imagearrow_left,
#siteslides_container #imagearrow_right
{
display: none;
cursor: pointer;
width: 7em;
float: left;
position: absolute;
z-index: 40;
top: 0px;
height: 100%;
}
#siteslides_container #imagearrow_left span,
#siteslides_container #imagearrow_right span
{
background-image: url(/css/userimg/_sprite.png);
background-position: center center;
width: 24px;
height: 40px;
position: absolute;
top: 50%;
margin-top: -20px;
background-repeat: no-repeat;
}
#siteslides_container #imagearrow_left
{
left: 0px;
}
#siteslides_container #imagearrow_left span
{
left: 50%;
margin-left: -12px;
background-position: -222px -66px;
}
#siteslides_container #imagearrow_right
{
right: 0px;
}
#siteslides_container #imagearrow_right span
{
right: 50%;
margin-right: -12px;
background-position: -222px -104px;
}
#siteslides_container #siteimages_slideholder_big
{
min-height: 55em;
width: 100%;
float: left;
position: relative;
z-index: 1;
}
#siteslides_container
{
background: #441d1f;
overflow: hidden;
height: auto;
text-align: center;
}
#siteslides_container .siteslide,
#siteslides_container .staticslide
{
width: 100%;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
z-index: 10;
display: none;
}
#siteslides_container .siteslide .bgimage,
#siteslides_container .staticslide .bgimage
{
width: 100%;
background-size: cover;
position: absolute;
top: 0px;
left: 0px;
}
#siteslides_container .siteslide .img_big,
#siteslides_container .staticslide .img_big
{
min-width: 100%;
background-size: cover;
float: left;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
z-index: 1;
}
#siteslides_container .siteslide div.text,
#siteslides_container .staticslide div.text
{
text-align: left;
z-index: 30;
position: absolute;
bottom: 12em;
width: 84em;
left: 50%;
margin-left: -42em;
}
#siteslides_container .siteslide div.text h1,
#siteslides_container .staticslide div.text h1
{
font-family: Libre Baskerville, Baskerville, Georgia, Palatino, Times, serif;
font-style: italic;
text-shadow: 0px 0px 10px #222;
text-transform: none;
font-size: 4em;
color: #fff;
font-weight: 400;
}
#siteslides_container .siteslide div.text p,
#siteslides_container .staticslide div.text p
{
margin-bottom: 1em;
float: left;
text-shadow: 0px 0px 10px #222;
color: white;
width: 50%;
line-height: 1.5em;
font-size: 1.6em;
}
#siteslides_container .siteslide div.text a.button,
#siteslides_container .staticslide div.text a.button
{
font-family: Libre Baskerville, Baskerville, Georgia, Palatino, Times, serif;
font-style: italic;
float: left;
clear: left;
color: #fff;
text-decoration: none;
font-size: 1.4em;
padding: 0.5em 1em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#siteslides_container .siteslide div.text a.button span.title,
#siteslides_container .staticslide div.text a.button span.title
{
float: left;
margin-right: 1em;
}
#siteslides_container .siteslide div.text a.button span.arrow,
#siteslides_container .staticslide div.text a.button span.arrow
{
margin-top: 0.2em;
width: 32px;
height: 13px;
float: right;
position: relative;
background-image: url(/css/userimg/_sprite.png);
background-position: 0px -25px;
background-repeat: none;
}
#siteslides_container .siteslide div.text a.button:hover, #siteslides_container .staticslide div.text a.button:hover
{
background: #441d1f;
}
#siteslides_container .siteslide div.text a.button:hover span.title, #siteslides_container .staticslide div.text a.button:hover span.title
{
margin-right: 1.2em;
}
#siteslides_container .siteslide
{
display: block;
z-index: 1;
}
#siteslides_container .siteslide.active
{
display: block;
z-index: 10;
}
#siteslides_container .siteslide.fading
{
display: block;
z-index: 15;
}
#siteslides_container .staticslide
{
display: block;
position: relative;
height: auto;
top: auto;
}
#siteslides_container .staticslide iframe
{
max-height: 65em;
overflow: hidden;
min-height: 60em;
}
#siteslides_container #slide_roomoverview
{
position: relative;
width: 100%;
float: left;
background-image: url(/slides/img/slide_m3_kunst.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
#siteslides_container #slide_roomoverview .containing
{
float: left;
padding: 20em 0 8em 0;
}
.room_preview
{
width: 32%;
margin-right: 2%;
float: left;
position: relative;
background: white;
-moz-box-shadow: 0px 0px 5px #333;
-webkit-box-shadow: 0px 0px 5px #333;
box-shadow: 0px 0px 5px #333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.room_preview b.headline
{
position: relative;
font-size: 1.8em;
font-family: proxima-nova, Open Sans Condensed, Arial, sans-serif;
padding: 1em;
float: left;
}
.room_preview a.enquire
{
position: absolute;
top: 1em;
right: 1em;
font-size: 1.2em;
text-transform: uppercase;
letter-spacing: 1px;
color: white;
background: #ea5c0a;
padding: 0.5em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
}
.room_preview a.enquire:hover
{
background-color: #bfbf00;
}
.room_preview a.lightbox
{
background: #000;
position: relative;
float: left;
clear: left;
width: 100%;
height: 10em;
}
.room_preview a.lightbox img
{
position: relative;
width: 100%;
float: left;
height: 100%;
}
.room_preview a.lightbox span.zoomer
{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
float: left;
width: 34px;
height: 34px;
position: absolute;
top: 50%;
margin-top: -17px;
left: 50%;
margin-left: -17px;
background: url(/css/userimg/_sprite.png) -216px -180px no-repeat;
}
.room_preview a.lightbox:hover img.gallpicture
{
opacity: 0.2;
filter: alpha(opacity=20);
-ms-filter: "alpha(opacity=20)";
-khtml-opacity: 0.2;
-moz-opacity: 0.2;
}
.room_preview a.lightbox:hover span.zoomer
{
background-position-y: -215px;
}
.room_preview a.panoramalink
{
display: block;
}
.room_preview p
{
position: relative;
font-size: 1.3em;
line-height: 140%;
float: left;
clear: left;
padding: 1em;
}
.room_preview:hover
{
margin-top: -2px;
-moz-box-shadow: 0px 3px 8px #111;
-webkit-box-shadow: 0px 3px 8px #111;
box-shadow: 0px 3px 8px #111;
z-index: 20;
}
.room_preview.room3
{
margin-right: 0px;
}
/*
* ANSICHT MOBIL
*/
.__mobile__roomprices
{
-moz-box-shadow: 0px 0px 5px #bbb;
-webkit-box-shadow: 0px 0px 5px #bbb;
box-shadow: 0px 0px 5px #bbb;
float: left;
width: 92%;
padding: 3%;
background: white;
position: relative;
clear: left;
margin-bottom: 2em;
}
.__mobile__roomprices .roomheadline
{
position: relative;
float: left;
width: 35%;
text-decoration: none;
font-size: 1.4em;
}
.__mobile__roomprices .roomheadline b
{
float: left;
}
.__mobile__roomprices .roomheadline span
{
float: left;
clear: left;
padding: 0 0 1em 0;
}
.__mobile__roomprices .pricerows
{
float: right;
width: 60%;
position: relative;
}
.__mobile__roomprices .pricerows .pricerow
{
border-bottom: 1px solid #ddd;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
font-size: 1.4em;
float: left;
clear: left;
width: 100%;
position: relative;
}
.__mobile__roomprices .pricerows .pricerow .season
{
float: left;
width: 70%;
position: relative;
}
.__mobile__roomprices .pricerows .pricerow .price
{
float: right;
width: 30%;
position: relative;
text-align: right;
}
.roomprices_container
{
float: left;
position: relative;
width: 100%;
margin-bottom: 2em;
}
.roomprices_container .seasons
{
font-size: 1.4em;
margin-top: 4em;
float: left;
clear: left;
width: 32%;
position: relative;
}
.roomprices_container .seasons .season
{
border-top: 1px solid #ddd;
font-size: 0.93em;
padding-top: 0.5em;
margin-top: 0.5em;
clear: left;
position: relative;
}
.roomprices_container .roomprices
{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding-bottom: 2em;
float: left;
width: 20%;
margin-left: 1%;
position: relative;
}
.roomprices_container .roomprices .roomheadline
{
position: relative;
height: 4em;
float: left;
width: 100%;
text-decoration: none;
font-size: 1.4em;
}
.roomprices_container .roomprices .roomheadline b
{
margin-top: 1em;
float: left;
width: 100%;
text-align: center;
}
.roomprices_container .roomprices .roomheadline p
{
display: none;
}
.roomprices_container .roomprices .roomheadline div.peoples
{
display: block;
float: left;
width: 100%;
position: relative;
}
.roomprices_container .roomprices .roomheadline span.people_3,
.roomprices_container .roomprices .roomheadline span.people_4
{
margin-top: 0em;
height: 2em;
display: block;
position: relative;
width: 50%;
float: left;
}
.roomprices_container .roomprices .roomheadline span.people_3 b,
.roomprices_container .roomprices .roomheadline span.people_4 b
{
position: absolute;
left: -7px;
margin-left: 50%;
display: block;
float: left;
width: 15px;
height: 15px;
background: url(/css/userimg/_sprite.png) top left no-repeat;
}
.roomprices_container .roomprices .roomheadline span.people_3 b
{
background-position: -3px -88px;
}
.roomprices_container .roomprices .roomheadline span.people_4 b
{
width: 20px;
background-position: -3px -88px;
}
.roomprices_container .roomprices .pricerows
{
float: left;
clear: left;
width: 100%;
position: relative;
}
.roomprices_container .roomprices .pricerows .pricerow
{
border-top: 1px solid #ddd;
padding-top: 0.5em;
margin-top: 0.5em;
font-size: 1.3em;
float: left;
clear: left;
width: 100%;
position: relative;
}
.roomprices_container .roomprices .pricerows .pricerow .season
{
display: none;
}
.roomprices_container .roomprices .pricerows .pricerow .price
{
width: 100%;
position: relative;
text-align: center;
}
.roomprices_container .roomprices .pricerows .pricerow .price span.personeninfo
{
display: none;
}
.roomprices_container .roomprices .pricerows .pricerow .price div.price_person
{
float: left;
width: 50%;
}
.roomprices_container .roomprices .anfragebutton,
.roomprices_container .roomprices .showratesbutton
{
padding: 0.7em 0px;
width: 90%;
margin-left: 5%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 1.2em;
text-transform: uppercase;
float: left;
clear: left;
margin-top: 1em;
color: white;
text-decoration: none;
text-align: center;
display: none;
}
.roomprices_container .roomprices .showratesbutton
{
display: none;
width: 40%;
margin-left: 30%;
}
.roomprices_container .roomprices .anfragebutton:hover, .roomprices_container .roomprices .showratesbutton:hover
{
background: #441d1f;
}
.roomprices_container .roomprices:last-child
{
width: 25%;
}
.roomprices_container .roomprices:hover
{
background: #f3f3f3;
-moz-box-shadow: 0px 0px 10px #999;
-webkit-box-shadow: 0px 0px 10px #999;
box-shadow: 0px 0px 10px #999;
}
.roomprices_container .roomprices:hover .anfragebutton
{
display: block;
}
/*
* ===============
* CONTACT FORM
* ===============
*/
.contactform
{
position: relative;
float: left;
clear: left;
width: 100%;
}
.contactform .clearer
{
float: left;
clear: both;
width: 100%;
position: relative;
display: block;
height: 2.5em;
}
.contactform input,
.contactform textarea,
.contactform button,
.contactform select
{
font-size: 1.4em;
color: #555;
}
.contactform input,
.contactform textarea,
.contactform select
{
width: 96%;
padding: 0.4em 2%;
clear: left;
float: left;
float: left;
border: 1px solid #aaa;
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.contactform input:focus, .contactform textarea:focus, .contactform select:focus
{
border-color: black;
}
.contactform input:hover, .contactform textarea:hover, .contactform select:hover
{
border-color: #ea5c0a;
}
.contactform .field
{
width: 100%;
float: left;
position: relative;
}
.contactform .field.quarter2
{
width: 49%;
margin-right: 1%;
}
.contactform .field.quarter2 input,
.contactform .field.quarter2 textarea,
.contactform .field.quarter2 select
{
width: 92%;
padding: 0.4em 4%;
}
.contactform .field.quarter1
{
width: 24%;
margin-right: 1%;
}
.contactform .field.quarter1 input,
.contactform .field.quarter1 textarea,
.contactform .field.quarter1 select
{
width: 90%;
padding: 0.4em 5%;
}
.contactform .field.quarter3
{
width: 74%;
margin-right: 1%;
}
.contactform .field.quarter3 input,
.contactform .field.quarter3 textarea,
.contactform .field.quarter3 select
{
width: 94%;
padding: 0.4em 3%;
}
.contactform .field.last
{
margin-right: 0px;
float: right;
}
.contactform button
{
margin-top: 10px;
float: left;
border: 0px solid #ddd;
padding: 5px 10px;
color: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
}
.contactform button:hover
{
background: #bfbf00;
}
.contactform label
{
font-weight: bold;
font-size: 1.4;
float: left;
width: 100%;
}
.contactform .row
{
width: 100%;
float: left;
position: relative;
margin-bottom: 0.5em;
}
.contactform span.error
{
display: block;
float: left;
padding: 1em;
color: white;
background: #ea5c0a;
font-size: 1.6em;
margin-bottom: 2em;
}
#availability_form,
#availability_go
{
font-size: 1.6em;
line-height: 140%;
}
#availability_form button,
#availability_go button
{
font-size: 1em;
margin-top: 10px;
display: inline-block;
border: 0px solid #ddd;
padding: 5px 10px;
color: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
}
#availability_form button:hover, #availability_go button:hover
{
background: #bfbf00;
}
#availability_form h3,
#availability_go h3
{
font-size: 1.5em;
margin-bottom: 0.5em;
text-transform: none;
}
#availability_form input,
#availability_go input
{
font-size: 0.9em;
}
#availability_form #avail_from,
#availability_form #avail_to,
#availability_go #avail_from,
#availability_go #avail_to
{
font-size: 0.8em;
width: 7em;
}
/*
*
* PACKAGES
*/
div.package
{
width: 100%;
float: left;
background: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0px 0px 8px #aaa;
-webkit-box-shadow: 0px 0px 8px #aaa;
box-shadow: 0px 0px 8px #aaa;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-bottom: 1.5em;
}
div.package .badge
{
position: absolute;
top: -2px;
left: 2em;
width: 32px;
height: 47px;
float: left;
z-index: 10;
background-image: url(/css/userimg/_sprite.png);
background-repeat: no-repeat;
background-position: -151px -198px;
}
div.package .image
{
float: left;
width: 30%;
overflow: hidden;
position: relative;
height: 13em;
}
div.package .image img
{
height: 100%;
position: relative;
}
div.package .headings
{
height: 13em;
float: right;
width: 62%;
margin-right: 5%;
position: relative;
}
div.package .headings h2
{
font-size: 2.6em;
color: #ea5c0a;
font-weight: 300;
float: left;
line-height: 1.2em;
margin-bottom: 0.5em;
margin-top: 0.8em;
}
div.package .headings .desc
{
display: none;
float: left;
clear: left;
margin-top: 0.5em;
}
div.package .headings .dates
{
color: #666;
float: left;
position: relative;
clear: left;
font-size: 1.4em;
}
div.package .headings div.links
{
position: absolute;
bottom: 0px;
clear: left;
float: left;
width: 100%;
border-top: 1px solid #ddd;
padding: 0.8em 0;
}
div.package .headings div.links a
{
margin-right: 1em;
float: left;
font-size: 1.4em;
text-decoration: none;
}
div.package .headings a.less
{
display: none;
}
div.package .content
{
background: #fff;
display: none;
float: left;
clear: left;
width: 90%;
padding: 5%;
position: relative;
}
div.package .content ul
{
margin-bottom: 1em;
}
div.package .content ul li
{
list-style-type: disc;
margin-left: 20px;
font-size: 1.4em;
line-height: 1.5em;
margin-bottom: 0.5em;
}
div.package .content .prices
{
float: left;
font-size: 1.4em;
position: relative;
margin-bottom: 2em;
}
div.package .content .prices .price
{
clear: left;
float: left;
margin-bottom: 1em;
}
div.package .content .enquire
{
position: absolute;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-decoration: none;
bottom: 1em;
right: 1em;
font-size: 1.4em;
text-transform: uppercase;
background: #ea5c0a;
color: white;
padding: 0.5em 1em;
}
div.package .content .enquire:hover
{
background: #bfbf00;
}
div.package.active
{
background: #f2f2f2;
-moz-box-shadow: 0px 2px 8px #999;
-webkit-box-shadow: 0px 2px 8px #999;
box-shadow: 0px 2px 8px #999;
}
div.package.active .headings a.less
{
display: block;
}
div.package.active .headings a.more
{
display: none;
}
div.package:hover
{
-moz-box-shadow: 0px 2px 8px #999;
-webkit-box-shadow: 0px 2px 8px #999;
box-shadow: 0px 2px 8px #999;
margin-top: -1px;
margin-bottom: 1.6em;
}
a.package_listitem
{
width: 100%;
float: left;
margin-bottom: 2em;
position: relative;
display: block;
background: #fff;
-webkit-transition: 0.12s all ease-in-out;
-moz-transition: 0.12s all ease-in-out;
-o-transition: 0.12s all ease-in-out;
transition: 0.12s all ease-in-out;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0px 2px 2px #baa;
-webkit-box-shadow: 0px 2px 2px #baa;
box-shadow: 0px 2px 2px #baa;
}
a.package_listitem .badge
{
position: absolute;
top: -2px;
left: 2em;
width: 32px;
height: 47px;
float: left;
z-index: 10;
background-image: url(/css/userimg/_sprite.png);
background-repeat: no-repeat;
background-position: -151px -198px;
}
a.package_listitem .image
{
float: left;
max-height: 200px;
overflow: hidden;
height: auto;
width: 100%;
z-index: 1;
position: relative;
}
a.package_listitem .image img
{
width: 100%;
position: relative;
}
a.package_listitem .heading
{
float: left;
clear: left;
width: 90%;
margin-left: 5%;
display: block;
position: relative;
font-size: 1.8em;
color: #ea5c0a;
font-weight: 300;
line-height: 1.2em;
padding: 0.5em 0;
text-align: center;
}
a.package_listitem:hover
{
-moz-box-shadow: 0px 4px 4px #baa;
-webkit-box-shadow: 0px 4px 4px #baa;
box-shadow: 0px 4px 4px #baa;
}
a.package_listitem:hover .heading
{
color: black;
}
/*
* HOME LINKS
*/
.home_important
{
position: relative;
width: 100%;
float: left;
clear: left;
background: #441d1f;
color: white;
margin-top: -5px;
}
.home_important a
{
float: left;
position: relative;
width: 44%;
text-decoration: none;
color: white;
margin: 2em 0;
padding: 1em 3%;
}
.home_important a span
{
position: relative;
}
.home_important a span.image
{
width: 20%;
float: left;
}
.home_important a span.image img
{
width: 80%;
}
.home_important a span.text
{
width: 80%;
float: right;
}
.home_important a span.text .title
{
float: left;
font-size: 1.5em;
line-height: 140%;
font-weight: 300;
}
.home_important a span.text .desc
{
float: left;
font-size: 1.1em;
padding-top: 0.5em;
line-height: 1.6em;
color: #6d5153;
font-family: Libre Baskerville, Baskerville, Georgia, Palatino, Times, serif;
font-style: italic;
}
.home_important a.left
{
width: 43.5%;
border-right: 1px solid #311416;
}
.home_important a:hover span.text span.title
{
color: #ea5c0a;
}
.home_important a:hover span.text span.desc
{
color: white;
}
.home_links
{
position: relative;
width: 100%;
float: left;
clear: left;
padding: 5em 0 0 0;
}
.home_links .linkrow
{
position: relative;
width: 100%;
float: left;
clear: left;
margin-bottom: 3em;
}
.home_links .link_blank,
.home_links .link_normal
{
position: relative;
text-decoration: none;
padding: 1.3%;
}
.home_links .link_blank .textcontainer,
.home_links .link_normal .textcontainer
{
float: left;
position: relative;
width: 95%;
}
.home_links .link_blank .title,
.home_links .link_normal .title
{
float: left;
position: relative;
width: 100%;
margin-bottom: 0.5em;
font-size: 1.8em;
font-family: proxima-nova, Open Sans, Arial, sans-serif;
font-weight: 300;
color: #222;
}
.home_links .link_blank .text,
.home_links .link_normal .text
{
float: left;
position: relative;
clear: left;
width: 100%;
font-size: 1.2em;
line-height: 1.7em;
font-style: italic;
font-family: Libre Baskerville, Baskerville, Georgia, Palatino, Times, serif;
color: #aaa;
}
.home_links .link_blank .arrow,
.home_links .link_normal .arrow
{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
float: right;
position: absolute;
right: 1.5em;
top: 2em;
height: 40px;
width: 20px;
background-image: url(/css/userimg/_sprite.png);
background-repeat: no-repeat;
background-position: -197px -158px;
}
.home_links .link_blank:hover .title, .home_links .link_normal:hover .title
{
color: #ea5c0a;
}
.home_links .link_blank:hover .text, .home_links .link_normal:hover .text
{
color: #333;
}
.home_links .link_blank:hover .arrow, .home_links .link_normal:hover .arrow
{
right: 1em;
}
.home_links .link_normal
{
background: white;
-moz-box-shadow: 0px 0px 8px #ccc;
-webkit-box-shadow: 0px 0px 8px #ccc;
box-shadow: 0px 0px 8px #ccc;
}
.home_links .link_normal .image
{
position: relative;
float: left;
width: 22%;
display: block;
}
.home_links .link_normal .image img
{
float: left;
position: relative;
line-height: normal;
width: 100%;
}
.home_links .link_normal .textcontainer
{
float: right;
width: 61%;
margin-right: 15%;
}
.home_links .link_blank
{
width: 41%;
}
.home_links .link_normal
{
width: 51%;
}
.home_links .link1,
.home_links .link3
{
float: left;
}
.home_links .link2,
.home_links .link4
{
float: right;
}
.home_text
{
width: 100%;
float: left;
position: relative;
margin-top: 3em;
border-top: 1px solid #888;
}
.home_text h1
{
font-size: 2.4em;
}
.home_text .welcome
{
width: 51%;
padding: 2% 1.3%;
float: left;
position: relative;
}
.home_text .facebooks
{
width: 41%;
padding: 2% 1.3%;
float: right;
position: relative;
}
.home_text .facebooks h1
{
color: #888;
}
.home_text .facebooks .timelineelement
{
float: left;
width: 100%;
margin-bottom: 2em;
position: relative;
}
.home_text .facebooks .timelineelement .creation
{
line-height: normal;
margin-bottom: 0.5em;
background: #ea5c0a;
float: left;
color: white;
padding: 0.3em 0.5em;
font-size: 1.2em;
}
.home_text .facebooks .timelineelement .content
{
float: left;
clear: left;
line-height: 1.5em;
font-size: 1.4em;
font-style: italic;
font-family: Libre Baskerville, Baskerville, Georgia, Palatino, Times, serif;
color: #666;
}
.home_text .facebooks .timelineelement .content img
{
float: left;
clear: left;
padding: 0 1em 1em 0;
}
.home_text .facebooks .timelineelement .likes_and_comments
{
display: none;
}
#socialshareprivacy
{
margin-top: 2.5em;
float: left;
width: 100%;
position: relative;
clear: left;
}
#shortenquireform
{
position: absolute;
bottom: 0px;
top: auto;
z-index: 40;
}
#shortenquireform h2
{
-webkit-border-radius: 3px 3px 0px 0px;
-moz-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
margin: 0;
padding: 0.5em 0.7em 0 0.7em;
float: left;
position: relative;
display: inline;
background: #ea5c0a;
font-size: 1.2em;
font-family: proxima-nova, Open Sans, Arial, sans-serif;
color: white;
line-height: normal;
font-weight: normal;
}
#shortenquireform form
{
background: #ea5c0a;
-webkit-border-radius: 0px 3px 0px 0px;
-moz-border-radius: 0px 3px 0px 0px;
border-radius: 0px 3px 0px 0px;
width: 100%;
float: left;
position: relative;
padding: 1em 0px;
color: white;
}
#shortenquireform form div
{
padding-top: 0.4em;
float: left;
position: relative;
margin-right: 1%;
}
#shortenquireform form div label
{
margin: 0;
margin-right: 1%;
padding: 0.3em 0 0 0;
font-size: 1em;
line-height: normal;
text-transform: uppercase;
float: left;
position: relative;
}
#shortenquireform form div input
{
float: left;
margin: 0;
padding: 0;
position: relative;
font-size: 1.4em;
background: none;
border: 0;
border-bottom: 1px solid white;
color: #441d1f;
}
#shortenquireform form .name
{
margin-left: 1%;
}
#shortenquireform form .name,
#shortenquireform form .email
{
width: 24%;
}
#shortenquireform form .name input,
#shortenquireform form .email input
{
width: 79%;
}
#shortenquireform form .checkin,
#shortenquireform form .checkout
{
width: 17%;
}
#shortenquireform form .checkin input,
#shortenquireform form .checkout input
{
width: 69%;
}
#shortenquireform form .adults,
#shortenquireform form .kids
{
display: none;
}
#shortenquireform form button
{
line-height: normal;
width: 10%;
cursor: pointer;
margin-right: 2%;
border: 0;
padding: 0.4em 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #441d1f;
color: white;
text-transform: uppercase;
float: right;
}
#shortenquireform form button:hover
{
background: #bfbf00;
color: white;
}
.js-ready #content ul.pageContents li.externalpage .roomprices_container .seasons
{
display: none;
}
.js-ready #content ul.pageContents li.externalpage .roomprices_container .roomprices
{
cursor: pointer;
-moz-box-shadow: 0 0 8px #aaa;
-webkit-box-shadow: 0 0 8px #aaa;
box-shadow: 0 0 8px #aaa;
-webkit-transition: .16s all ease-in-out;
-moz-transition: .16s all ease-in-out;
-o-transition: .16s all ease-in-out;
transition: .16s all ease-in-out;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: white;
float: left;
width: 100%;
position: relative;
clear: left;
margin-bottom: 2em;
}
.js-ready #content ul.pageContents li.externalpage .roomprices_container .roomprices .roomheadline
{
height: auto;
position: relative;
float: left;
width: 100%;
text-decoration: none;
}
.js-ready #content ul.pageContents li.externalpage .roomprices_container .roomprices .roomheadline b
{
float: left;
font-size: 2.5em;
}
.js-ready #content ul.pageContents li.externalpage .roomprices_container .roomprices .roomheadline p
{
text-align: center;
font-size: 14px;
width: 90%;
margin-left: 5%;
line-height: 1.5em;
margin: 1em;
float: left;
margin-bottom: 0;
clear: left;
display: block;
color: #555;
font-style: italic;
font-family: Libre Baskerville, Baskerville, Georgia, Palatino, Times, serif;
padding: 0;
}
.js-ready #content ul.pageContents li.externalpage .roomprices_container .roomprices .roomheadline div.peoples
{
float: right;
width: 30%;
}
.js-ready #content ul.pageContents li.externalpage .roomprices_container .roomprices .roomheadline div.peoples span b
{
margin-top: 20;
}
.js-ready #content ul.pageContents li.externalpage .roomprices_container .roomprices .roomprices:hover
{
-moz-box-shadow: 0 0 8px #aaa;
-webkit-box-shadow: 0 0 8px #aaa;
box-shadow: 0 0 8px #aaa;
}
.js-ready #content ul.pageContents li.externalpage .roomprices_container .roomprices .pricerows
{
display: none;
float: left;
width: 90%;
margin: 2em 5% 0 5%;
clear: left;
position: relative;
}
.js-ready #content ul.pageContents li.externalpage .roomprices_container .roomprices .pricerows .pricerow
{
border: 1px solid #ddd;
border-width: 0 0 1px 0;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
font-size: 1.4em;
float: left;
clear: left;
width: 100%;
position: relative;
}
.js-ready #content ul.pageContents li.externalpage .roomprices_container .roomprices .pricerows .pricerow .season
{
display: block;
float: left;
width: 70%;
position: relative;
}
.js-ready #content ul.pageContents li.externalpage .roomprices_container .roomprices .pricerows .pricerow .price
{
float: right;
width: 30%;
position: relative;
text-align: right;
}
.js-ready #content ul.pageContents li.externalpage .roomprices_container .roomprices .anfragebutton
{
display: none;
}
.js-ready #content ul.pageContents li.externalpage .roomprices_container .roomprices .showratesbutton
{
display: block;
}
.js-ready #content ul.pageContents li.externalpage .roomprices_container .roomprices.active
{
background: #fff;
}
.js-ready #content ul.pageContents li.externalpage .roomprices_container .roomprices.active .pricerows,
.js-ready #content ul.pageContents li.externalpage .roomprices_container .roomprices.active .anfragebutton
{
display: block;
}
.js-ready #content ul.pageContents li.externalpage .roomprices_container .roomprices.active .showratesbutton
{
display: none;
}
.js-ready #content ul.pageContents li.externalpage .roomprices_container .roomprices.active:hover
{
background: #fff;
}
.js-ready #content ul.pageContents li.externalpage .roomprices_container .roomprices:hover
{
border: 4px solid #ea5c0a;
border-width: 4px 0px;
background: #f5f5f5;
}
.badgesommer
{
position: absolute;
z-index: 50;
top: 200px;
right: 10%;
float: right;
}
.template
{
width: 100%;
float: left;
position: relative;
clear: left;
float: left;
}
.template .template_inner
{
width: 100%;
float: left;
position: relative;
clear: left;
float: left;
}
.template.cols2_normal
{
padding: 4em 0 8em 0;
}
.template.cols2_normal .contentbox
{
float: left;
width: 45%;
position: relative;
}
.template.cols2_normal .contentbox.first
{
padding-right: 4.8%;
border-right: 1px solid #ddd;
}
.template.cols2_normal .contentbox.last
{
float: right;
position: relative;
}
#content ul.pageContents #content_141
{
margin-top: 4em;
}
#content ul.pageContents #content_141 ul.listpictures li.gallerypicture a.lightbox
{
height: 18em;
}
#content ul.pageContents #content_141 ul.listpictures li.gallerypicture a.lightbox img
{
object-fit: cover;
-o-object-fit: cover;
}
#content ul.pageContents #content_141 a.moreshower
{
display: none;
}
@media screen and (max-width: 800px)
{
li#content_140, .template.cols2_normal .template_inner
{
width: 86%;
margin: 0 7%;
}
.template.cols2_normal
{
padding: 3em 0 6em 0;
}
.template.cols2_normal .contentbox
{
width: 100%;
clear: left;
margin-bottom: 1em;
}
.template.cols2_normal .contentbox.first
{
padding-right: 0;
border-right: 0px solid #ddd;
}
.template.cols2_normal .contentbox.last
{
float: left;
}
}
/* MEDIA QUERIES ****************** */
@media screen and (min-width: 1400px)
{
#wrap
{
font-size: 1.2em;
}
#siteslides_container .staticslide iframe
{
max-height: 80em;
overflow: hidden;
min-height: 70em;
}
}
@media screen and (max-width: 1024px)
{
#wrap
{
font-size: 0.9em;
min-width: 100%;
}
#topnavigation,
#navigation,
#page,
.containing
{
width: 96%;
float: left;
margin-left: 2%;
left: 0;
}
#navigation #navigationlanguage
{
height: 3em;
background-color: transparent;
right: 5em;
top: -4em;
}
#navigation ul#categoryNavigation li.category a.categorytitle
{
font-size: 1.6em;
}
#page.default #content
{
float: left;
position: relative;
width: 60%;
margin-right: 4%;
}
#page.default #aside
{
width: 35%;
}
#page.default #aside .sidebar
{
width: 55%;
margin-right: 5%;
}
#page.default #aside .sidebar .icon_big span.icon
{
height: 5em;
width: 6em;
}
#page.default #aside .sidebar .icon_big span.text
{
float: left;
width: 60%;
}
#page.default #aside .newsbar
{
width: 40%;
}
#footer div.containing .address,
#footer div.containing .reservierungen,
#footer div.containing .email,
#footer div.containing .lage_anreise
{
width: 25%;
}
#closing div.containing .left,
#closing div.containing .right
{
width: 39%;
}
#closing div.containing .left a
{
padding-right: 0.7em;
}
#closing div.containing .icon
{
margin-right: 2.5em;
}
#closing div.containing .icon_tirol
{
display: none;
}
#closing div.containing .icon_stanton
{
margin-right: 0;
}
#closing .m3s
{
margin-left: -6%;
width: 12%;
left: 50%;
}
#siteslides_container #siteimages_slideholder_big
{
min-height: 60em;
}
#siteslides_container
{
background: #441d1f;
}
#home_m3cenarium
{
width: 90%;
left: 5%;
margin-left: 0;
}
}
@media screen and (max-width: 905px)
{
#navigation #logo
{
position: absolute;
top: -4.8em;
}
#navigation ul#categoryNavigation li.category a.categorytitle
{
font-size: 1.4em;
}
#page.default #content
{
float: left;
position: relative;
width: 70%;
margin-right: 4%;
}
#page.default #aside
{
width: 25%;
}
#page.default #aside .sidebar
{
width: 100%;
margin-right: 0;
}
#page.default #aside .sidebar .icon_big span.text
{
float: left;
width: 60%;
}
#page.default #aside .newsbar
{
clear: left;
float: left;
width: 100%;
}
#siteslides_container .siteslide div.text,
#siteslides_container .staticslide div.text,
#siteimages_container .siteslide div.text,
#siteimages_container .staticslide div.text
{
bottom: 9em;
width: 84%;
left: 8%;
margin-left: 0;
}
#siteslides_container .siteslide div.text h1,
#siteslides_container .staticslide div.text h1,
#siteimages_container .siteslide div.text h1,
#siteimages_container .staticslide div.text h1
{
font-size: 3.5em;
}
#siteslides_container .siteslide div.text p,
#siteslides_container .staticslide div.text p,
#siteimages_container .siteslide div.text p,
#siteimages_container .staticslide div.text p
{
width: 70%;
}
#siteslides_container #siteimages #the_big_image,
#siteslides_container #siteimages #the_big_image2,
#siteimages_container #siteimages #the_big_image,
#siteimages_container #siteimages #the_big_image2
{
height: 100%;
width: auto;
}
#siteslides_container #siteimages_slideholder_big
{
min-height: 45em;
}
}
@media screen and (max-width: 800px)
{
#navigation #navigationgalleryshower
{
top: -4.5em;
background: transparent;
color: white;
height: 3em;
}
#navigation #navigationgalleryshower:hover
{
background-color: transparent;
}
#footer div.containing .reservierungen,
#footer div.containing .email,
#footer div.containing .lage_anreise
{
width: 33%;
}
#footer div.containing .address
{
display: none;
}
#closing
{
float: left;
position: relative;
height: auto;
}
#closing div.containing
{
float: left;
position: relative;
height: auto;
padding-bottom: 2em;
}
#closing div.containing .left,
#closing div.containing .right
{
width: 60%;
margin-right: 20%;
}
#closing div.containing .left
{
display: none;
}
#closing div.containing .icon
{
margin-right: 4em;
}
#closing div.containing .icon_tirol
{
display: block;
margin-right: 0;
}
#closing div.containing .icon_stanton
{
margin-right: 4em;
}
#closing .m3s
{
margin-left: -10%;
width: 20%;
left: 50%;
}
#closing .m3s a
{
height: 2em;
}
}
@media screen and (max-width: 730px)
{
.mobile
{
display: block;
}
.desktop
{
display: none;
}
#wrap
{
overflow: hidden;
position: relative;
width: 100%;
min-height: 100%;
}
#topnavigation,
#navigation,
#page,
.containing
{
width: 90%;
float: left;
margin-left: 5%;
left: 0;
}
.sprite_mob
{
background-image: url(/css/userimg/_sprite_mobile.png);
background-repeat: no-repeat;
}
.js-ready #main_navigation
{
display: none;
}
#slidecontainer
{
margin-top: 7em;
float: left;
position: relative;
}
#siteimages_container #siteimages #the_big_image,
#siteimages_container #siteimages #the_big_image2
{
height: 100%;
width: auto;
}
#siteimages_container #siteimages_slideholder_big
{
width: 100%;
min-width: 0;
height: auto;
min-height: 0;
}
#siteslides_container #imagearrow_left,
#siteslides_container #imagearrow_right,
#siteimages_container #imagearrow_left,
#siteimages_container #imagearrow_right
{
width: 4em;
height: 5em;
bottom: 2em;
top: auto;
}
#siteslides_container #slide_roomoverview .containing,
#siteimages_container #slide_roomoverview .containing
{
padding-top: 6.7em;
}
#siteslides_container .siteslide div.text h1
{
font-size: 2.6em;
margin-bottom: 0.5em;
margin-top: 1em;
line-height: normal;
}
#siteslides_container .staticslide
{
height: auto;
min-height: 0;
max-height: 0;
}
#siteslides_container #panoramas.staticslide
{
height: 30em;
width: 100%;
min-height: 30em;
max-height: 30em;
}
#siteslides_container #panoramas.staticslide iframe
{
min-height: 30em;
max-height: 30em;
height: 30em;
}
body.phone #siteslides_container
{
float: left;
background: #f2f2f2;
min-height: none;
}
body.phone #siteslides_container #siteimages_slideholder_big
{
display: none;
}
body.phone #siteslides_container .siteslide
{
width: 90%;
position: relative;
top: 0;
left: 5%;
height: auto;
clear: left;
margin-bottom: 2em;
float: left;
z-index: 10;
display: block;
background: #441d1f;
}
body.phone #siteslides_container .siteslide .img_big
{
width: 100%;
float: left;
position: relative;
top: 0;
left: 0;
height: auto;
z-index: 10;
}
body.phone #siteslides_container .siteslide div.text
{
background: #441d1f;
float: left;
padding-bottom: 2em;
clear: left;
text-align: left;
z-index: 10;
position: relative;
bottom: auto;
width: 100%;
left: 0;
margin-left: 0;
}
body.phone #siteslides_container .siteslide div.text h1
{
font-size: 2.6em;
margin-bottom: 0.5em;
margin-top: 1em;
line-height: normal;
position: relative;
width: 90%;
margin-left: 5%;
}
body.phone #siteslides_container .siteslide div.text p
{
position: relative;
width: 90%;
margin-left: 5%;
}
body.phone #siteslides_container .siteslide div.text a.button
{
float: right;
margin-right: 5%;
}
#category
{
padding-bottom: 70px;
}
#category.home #page
{
width: 100%;
float: left;
margin-left: 0;
left: 0;
}
#category.home #page .home_text,
#category.home #page .home_links
{
width: 100%;
margin-left: 0%;
margin-bottom: 0;
}
#category.home #page .home_text .linkrow,
#category.home #page .home_links .linkrow
{
width: 90%;
margin-left: 5%;
}
#category.home #page .home_text .linkrow .link_blank,
#category.home #page .home_text .linkrow .link_normal,
#category.home #page .home_links .linkrow .link_blank,
#category.home #page .home_links .linkrow .link_normal
{
margin-bottom: 2em;
}
#shortenquireform
{
width: 100%;
margin: 0;
left: 0;
position: relative;
}
#shortenquireform h2
{
-webkit-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
display: block;
width: 100%;
padding: 0.5em 0 0 0;
text-indent: 5%;
}
#shortenquireform form
{
-webkit-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
width: 90%;
margin-left: 0%;
padding-left: 5%;
padding-right: 5%;
}
#shortenquireform form .email
{
display: none;
}
#shortenquireform form .name,
#shortenquireform form .checkout,
#shortenquireform form .checkin
{
width: 28%;
margin-right: 0;
}
#shortenquireform form .name
{
margin-left: 0;
}
#shortenquireform form button
{
width: 13%;
}
.home_important a,
.home_important a.left
{
width: 86%;
padding: 1em 7%;
float: left;
clear: left;
}
.home_important a span.text span.desc,
.home_important a.left span.text span.desc
{
font-size: 1.2em;
}
.home_important a.left
{
border-right: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.home_links .linkrow
{
margin-bottom: 0;
}
.home_links .link_blank,
.home_links .link_normal
{
margin-bottom: 1em;
}
.home_links .link_blank .textcontainer,
.home_links .link_normal .textcontainer
{
width: 80%;
}
.home_links .link_normal
{
background-color: transparent;
-moz-box-shadow: 0px 0px 0px transparent;
-webkit-box-shadow: 0px 0px 0px transparent;
box-shadow: 0px 0px 0px transparent;
}
.home_links .link_normal .image
{
display: none;
}
.home_links .link_normal .textcontainer
{
float: left;
margin-right: 0;
}
.home_links .link_blank
{
width: 100%;
}
.home_links .link_normal
{
width: 100%;
}
.home_links .link1,
.home_links .link3
{
float: left;
}
.home_links .link2,
.home_links .link4
{
float: left;
}
.home_text
{
background: white;
-moz-box-shadow: 0px 2px 8px #aaa;
-webkit-box-shadow: 0px 2px 8px #aaa;
box-shadow: 0px 2px 8px #aaa;
border-top: 0;
}
.home_text .welcome
{
border-top: 0;
width: 94%;
padding: 2% 3%;
}
.home_text .welcome h1
{
font-size: 3em;
line-height: 1em;
}
.home_text .facebooks
{
border-top: 1px solid #ddd;
width: 94%;
padding: 2% 3%;
float: left;
clear: left;
}
.home_text .facebooks h1
{
font-size: 3em;
line-height: 1em;
}
.room_preview
{
width: 100%;
margin-right: 0;
float: left;
clear: left;
margin-top: 2em;
position: relative;
}
.room_preview a.lightbox
{
height: 20em;
}
.room_preview:hover
{
margin-top: 2em;
}
.room_preview.room1,
.room_preview.room1:hover
{
margin-top: 0;
}
#content ul.pageContents li.externalpage .roomprices_container .roomprices
{
-moz-box-shadow: 0 0 8px #aaa;
-webkit-box-shadow: 0 0 8px #aaa;
box-shadow: 0 0 8px #aaa;
background: white;
float: left;
width: 100%;
position: relative;
clear: left;
margin-bottom: 2em;
}
#content ul.pageContents li.externalpage .roomprices_container .roomprices .roomheadline
{
height: auto;
position: relative;
float: left;
width: 100%;
text-decoration: none;
}
#content ul.pageContents li.externalpage .roomprices_container .roomprices .roomheadline b
{
float: left;
font-size: 2.5em;
}
#content ul.pageContents li.externalpage .roomprices_container .roomprices .roomheadline p
{
text-align: center;
font-size: 14px;
width: 90%;
margin-left: 5%;
line-height: 1.5em;
margin: 1em;
float: left;
margin-bottom: 0;
clear: left;
display: block;
color: #555;
font-style: italic;
font-family: Libre Baskerville, Baskerville, Georgia, Palatino, Times, serif;
padding: 0;
}
#content ul.pageContents li.externalpage .roomprices_container .roomprices .roomheadline div.peoples
{
float: right;
width: 30%;
}
#content ul.pageContents li.externalpage .roomprices_container .roomprices .roomheadline div.peoples span b
{
margin-top: 20;
}
#content ul.pageContents li.externalpage .roomprices_container .roomprices .roomprices:hover
{
-moz-box-shadow: 0 0 8px #aaa;
-webkit-box-shadow: 0 0 8px #aaa;
box-shadow: 0 0 8px #aaa;
}
#content ul.pageContents li.externalpage .roomprices_container .roomprices .pricerows
{
float: left;
width: 90%;
margin: 2em 5% 0 5%;
clear: left;
position: relative;
}
#content ul.pageContents li.externalpage .roomprices_container .roomprices .pricerows .pricerow
{
border: 1px solid #ddd;
border-width: 0 0 1px 0;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
font-size: 1.4em;
float: left;
clear: left;
width: 100%;
position: relative;
}
#content ul.pageContents li.externalpage .roomprices_container .roomprices .pricerows .pricerow .season
{
display: block;
float: left;
width: 70%;
position: relative;
}
#content ul.pageContents li.externalpage .roomprices_container .roomprices .pricerows .pricerow .price
{
float: right;
width: 30%;
position: relative;
text-align: right;
}
#content ul.pageContents li.externalpage .roomprices_container .roomprices .anfragebutton
{
display: block;
}
div.package
{
width: 100%;
float: left;
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0px 0px 8px #aaa;
-webkit-box-shadow: 0px 0px 8px #aaa;
box-shadow: 0px 0px 8px #aaa;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-bottom: 1.5em;
}
div.package .badge
{
position: absolute;
top: -2px;
left: 2em;
width: 32px;
height: 47px;
float: left;
z-index: 10;
background-image: url(/css/userimg/_sprite.png);
background-repeat: no-repeat;
background-position: -151px -188px;
}
div.package .image
{
float: left;
width: 30%;
overflow: hidden;
position: relative;
height: 13em;
}
div.package .image img
{
height: 100%;
position: relative;
}
div.package .headings
{
height: 13em;
float: right;
width: 62%;
margin-right: 5%;
position: relative;
}
div.package .headings h2
{
font-size: 2.6em;
color: #ea5c0a;
font-weight: 300;
float: left;
line-height: 1.2em;
margin-bottom: 0.5em;
margin-top: 0.8em;
}
div.package .headings .desc
{
display: none;
float: left;
clear: left;
margin-top: 0.5em;
}
div.package .headings .dates
{
color: #666;
float: left;
position: relative;
clear: left;
font-size: 1.4em;
}
div.package .headings div.links
{
position: absolute;
bottom: 0px;
clear: left;
float: left;
width: 100%;
border-top: 1px solid #ddd;
padding: 0.8em 0;
}
div.package .headings div.links a
{
margin-right: 1em;
float: left;
font-size: 1.4em;
text-decoration: none;
}
div.package .headings a.less
{
display: none;
}
div.package .content
{
background: #fff;
display: none;
float: left;
clear: left;
width: 90%;
padding: 5%;
position: relative;
}
div.package .content ul
{
margin-bottom: 1em;
}
div.package .content ul li
{
list-style-type: disc;
margin-left: 20px;
font-size: 1.4em;
line-height: 1.5em;
margin-bottom: 0.5em;
}
div.package .content .prices
{
float: left;
font-size: 1.4em;
position: relative;
}
div.package .content .prices .price
{
float: left;
margin-right: 2em;
}
div.package.active
{
background: #f2f2f2;
-moz-box-shadow: 0px 2px 8px #999;
-webkit-box-shadow: 0px 2px 8px #999;
box-shadow: 0px 2px 8px #999;
}
div.package.active .headings a.less
{
display: block;
}
div.package.active .headings a.more
{
display: none;
}
div.package:hover
{
-moz-box-shadow: 0px 2px 8px #999;
-webkit-box-shadow: 0px 2px 8px #999;
box-shadow: 0px 2px 8px #999;
margin-top: -1px;
margin-bottom: 1.6em;
}
#mobilefooter
{
width: 100%;
float: left;
position: absolute;
bottom: 0px;
left: 0px;
background: #441d1f;
height: 50px;
}
#mobilefooter a
{
text-algin: center;
height: 50px;
overflow: hidden;
width: 20%;
float: left;
position: relative;
}
#mobilefooter a span
{
position: absolute;
top: 0px;
margin-left: -12px;
left: 50%;
width: 25px;
height: 23px;
margin-top: 13px;
float: left;
overflow: hidden;
background-image: url(/css/userimg/_sprite_mobile.png);
background-repeat: no-repeat;
}
#mobilefooter a.images span
{
background-position: -50px 0px;
}
#mobilefooter a.email span
{
background-position: -75px 0px;
}
#mobilefooter a.location span
{
background-position: -100px 0px;
}
#mobilefooter a.call span
{
background-position: -125px 0px;
}
#mobilefooter a.facebook span
{
background-position: -150px 0px;
}
#mobilenavigationshower
{
float: left;
display: block;
width: 100%;
z-index: 150;
position: fixed;
top: 0px;
left: 0px;
color: #fff;
background: #441d1f;
height: 55px;
}
#logo_mobile
{
width: 102px;
height: 19px;
top: 19px;
position: absolute;
left: 20px;
float: left;
overflow: hidden;
background-position: -0px -22px;
}
.nav-btn
{
display: block;
float: left;
height: 22px;
padding: 0px 0px 0px 27px;
border: 0;
font-size: 16px;
color: white;
text-decoration: none;
outline: none;
background-color: #441d1f;
background-position: 0 0;
overflow: hidden;
white-space: nowrap;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
font-weight: normal;
position: absolute;
top: 18px;
right: 25px;
}
.nav-btn:hover, .nav-btn:focus
{
color: white;
}
#mobilenavigation
{
display: block;
width: 100%;
color: #fff;
background: #441d1f;
z-index: 200;
position: absolute;
top: 0;
padding-top: 55px;
-moz-box-shadow: 0px 0px 10px #222;
-webkit-box-shadow: 0px 0px 10px #222;
box-shadow: 0px 0px 10px #222;
}
.close-btn
{
display: block;
width: 21px;
height: 22px;
padding: 0;
border: 0;
outline: none;
background-position: -26px 0px;
overflow: hidden;
white-space: nowrap;
text-indent: 100%;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
position: absolute;
top: 18px;
right: 27px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.close-btn:focus, .close-btn:hover
{
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
#mobilenavigation .close-btn
{
display: none;
}
#mobilenavigation .language
{
padding: 1em 0 0 1em;
float: left;
font-size: 2em;
text-decoration: none;
font-weight: normal;
}
#mobilenavigation ul.mobilecategories
{
display: block;
}
#mobilenavigation ul.mobilecategories li
{
background-repeat: no-repeat;
}
#mobilenavigation ul.mobilecategories li.mobilecategory
{
display: block;
clear: left;
float: left;
width: 100%;
position: relative;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#mobilenavigation ul.mobilecategories li.mobilecategory a.mobilecategorylink
{
padding: 13px 0px;
text-align: left;
text-align: left;
display: block;
color: #fff;
text-indent: 20px;
text-decoration: none;
font-size: 17px;
line-height: 1.286em;
outline: none;
text-transform: uppercase;
}
#mobilenavigation ul.mobilecategories li.mobilecategory a.mobilecategorylink:focus, #mobilenavigation ul.mobilecategories li.mobilecategory a.mobilecategorylink:hover
{
color: #fff;
background: #ea5c0a;
}
#mobilenavigation ul.mobilecategories li:last-child
{
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#mobilenavigation ul.mobilecategories li.is-active a.mobilecategorylink
{
color: #fff;
background: #111;
}
#mobilenavigation ul.mobilecategories li.active ul.mobilepages
{
display: block;
}
#mobilenavigation ul.mobilecategories li.active a.mobilecategorylink
{
color: #fff;
background: #111;
}
#mobilenavigation ul.mobilecategories ul.mobilepages
{
width: 100%;
float: left;
position: relative;
background: #311416;
display: none;
}
#mobilenavigation ul.mobilecategories ul.mobilepages li
{
float: left;
width: 100%;
clear: left;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#mobilenavigation ul.mobilecategories ul.mobilepages li a
{
border-left: 5px solid #ea5c0a;
text-align: left;
float: left;
display: block;
padding: 12px 0px;
width: 100%;
text-decoration: none;
color: white;
font-size: 16px;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-khtml-opacity: 1;
-moz-opacity: 1;
text-indent: 20px;
}
#mobilenavigation ul.mobilecategories ul.mobilepages li a span
{
position: absolute;
width: 7px;
height: 11px;
float: right;
right: 1em;
background: url(/css/userimg/_sprite.png) top left no-repeat;
background-position: -8px 0px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#mobilenavigation ul.mobilecategories ul.mobilepages li a:hover span
{
right: 0.8em;
background-position: -8px -11px;
}
#mobilenavigation:not(:target)
{
z-index: 1;
height: 0;
}
#mobilenavigation:target .close-btn
{
display: block;
}
.js-ready #mobilenavigation
{
height: 100%;
width: 70%;
right: 0;
-webkit-box-shadow: inset 1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
-moz-box-shadow: inset 1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
box-shadow: inset 1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
}
.js-ready #mobilenavigation .language
{
position: absolute;
top: 0px;
left: 0px;
padding: 1em 0 0 1em;
float: left;
font-size: 2em;
text-decoration: none;
font-weight: normal;
}
.js-ready #mobilenavigation .close-btn
{
display: block;
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
}
.js-ready #mobilenavigation .close-btn:focus, .js-ready #mobilenavigation .close-btn:hover
{
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-khtml-opacity: 1;
-moz-opacity: 1;
}
.js-nav #category
{
right: 0;
}
.csstransforms3d.csstransitions .js-ready #mobilenavigation
{
right: 0;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.csstransforms3d.csstransitions .js-ready #category
{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
left: 0 !important;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.csstransforms3d.csstransitions .js-nav #category
{
-webkit-transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1);
-moz-transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1);
-o-transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1);
transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1);
}
}
@media screen and (max-width: 650px)
{
#home_package
{
display: none;
}
#page.default #content
{
float: left;
position: relative;
width: 100%;
margin-right: 0;
}
#page.default #aside
{
position: relative;
clear: left;
float: left;
width: 100%;
margin-top: 3em;
}
#page.default #aside a
{
font-size: 1.2em;
}
#page.default #aside .newsbar
{
display: none;
}
#page.default #aside .sidebar .icon_big
{
padding: 1em 0;
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
float: left;
clear: none;
width: 32%;
margin: 0 1% 2em 0;
border-bottom: 0px solid #ccc;
}
#page.default #aside .sidebar .icon_big span.icon
{
height: 5em;
float: left;
width: 6em;
margin-left: -3em;
left: 50%;
text-align: center;
}
#page.default #aside .sidebar .icon_big span.icon span
{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: url(/css/userimg/_sprite.png) top left no-repeat;
width: 49px;
height: 49px;
float: none;
display: inline-block;
}
#page.default #aside .sidebar .icon_big span.text
{
float: left;
clear: left;
width: 100%;
text-align: center;
}
#page.default #aside .sidebar .icon_big span.text strong
{
float: left;
width: 100%;
text-align: center;
font-size: 1.4em;
}
#page.default #aside .sidebar .icon_big span.text em
{
display: none;
}
#page.default #aside .sidebar #icon_packages span.icon
{
margin-top: -10px;
margin-bottom: 10px;
}
#page.default #aside .sidebar #icon_enquire
{
margin-right: 0;
}
.contactform .row
{
width: 100%;
}
.contactform .row .field,
.contactform .row .field.quarter1,
.contactform .row .field.quarter2,
.contactform .row .field.quarter3,
.contactform .row .field.quarter4
{
width: 100%;
margin-right: 0px;
float: left;
clear: left;
}
.contactform .row .field input,
.contactform .row .field textarea,
.contactform .row .field select,
.contactform .row .field.quarter1 input,
.contactform .row .field.quarter1 textarea,
.contactform .row .field.quarter1 select,
.contactform .row .field.quarter2 input,
.contactform .row .field.quarter2 textarea,
.contactform .row .field.quarter2 select,
.contactform .row .field.quarter3 input,
.contactform .row .field.quarter3 textarea,
.contactform .row .field.quarter3 select,
.contactform .row .field.quarter4 input,
.contactform .row .field.quarter4 textarea,
.contactform .row .field.quarter4 select
{
width: 96%;
padding: 1%;
}
.badgesommer
{
position: absolute;
width: 150px;
z-index: 50;
top: 10px;
right: 2%;
float: right;
}
.badgesommer img
{
width: 100%;
}
}
@media screen and (max-width: 480px)
{
#closing div.containing .right
{
width: 100%;
margin-right: 0%;
}
#shortenquireform form .name,
#shortenquireform form .checkout,
#shortenquireform form .checkin
{
width: 25%;
}
#shortenquireform form .name input,
#shortenquireform form .checkout input,
#shortenquireform form .checkin input
{
width: 95%;
}
#shortenquireform form button
{
width: 22%;
}
}
@media screen and (max-width: 380px)
{
#shortenquireform
{
display: none;
}
}
#m3logo a
{
padding: 40px 0px;
}
#fragebogen
{
width: 80%;
float: left;
clear: left;
position: relative;
margin-top: 50px;
background: white;
padding: 30px;
}
h1
{
font-size: 24px;
margin-bottom: 1em;
}
div.abschnitt,
div.row
{
float: left;
clear: left;
position: relative;
width: 100%;
}
div.abschnitt
{
margin-bottom: 30px;
}
div.row
{
padding: 5px 0px;
border-top: 1px solid #ccc;
}
div.row div.text
{
width: 80%;
float: left;
position: relative;
}
div.row div.bewertung_kasten
{
text-align: center;
width: 5%;
float: left;
position: relative;
}
div.row.titel
{
border-top: 0px solid #fff;
border-bottom: 1px solid #888;
}
div.row.titel .text
{
font-weight: bold;
}
textarea.comments
{
width: 80%;
padding: 10px;
height: 100px;
}
button
{
cursor: pointer;
clear: left;
float: left;
background: rgb(224, 82, 2);
color: white;
border: 0px solid #fff;
padding: 10px 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
button:hover
{
background: black;
}