@charset "utf-8";
*
{
	margin: 0;
	padding: 0;
}

html
{
	height: 100%;
	-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
body
{
	background-color: #1D1D1D;
}
.landscape body
{
    min-height: 100%;
}
.min-width-768px.landscape body
{
	height: 100%;
}

a
{
	color: white;
}

a img
{
	border: none;
}

p
{
	padding-bottom: 15px;
}

div.clear
{
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}
.inline
{
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
}

form#form1
{
	height: 100%;
    min-height: 100%;
}

div#SiteContainer
{
	font-size: 0.8em;
	font-size: 12px;
	
	height: 100%;
    min-height: 100%;
}

div#SiteContainer div#HeaderIntro
{
	position: relative;
	z-index: 1;
}

div#SiteContainer div#HeaderIntro div#TopBar
{
	background-color: transparent;
	zoom: 1;
	position: relative;
	width: 100%;
	height: 50px;
	z-index: 10;
}
.min-width-768px div#SiteContainer div#HeaderIntro div#TopBar
{
	height: 62px;
}
	div#SiteContainer div#HeaderIntro div#TopBar a#Logo
	{
		position: absolute;
		text-decoration: none !important;
		left: 10px;
		bottom: 0;
		width: 40%;
	}
		div#SiteContainer div#HeaderIntro div#TopBar a#Logo img
		{
			position: absolute;
			bottom: 5px;
		}
		.min-width-768px div#SiteContainer div#HeaderIntro div#TopBar a#Logo img
		{
			width: auto;
		}
	div#SiteContainer div#HeaderIntro div#TopBar div#ContactInfo
	{
		position: absolute;
		right: 0;
		top: 20px;
		width: 55%;
		height: 62px;
		color: #ffffff;
		font-size: 0.7em;
		text-align: center;
	}
	.min-width-768px div#SiteContainer div#HeaderIntro div#TopBar div#ContactInfo
	{
		font-size: 0.8em;
	}
		div#SiteContainer div#HeaderIntro div#TopBar div#ContactInfo a
		{
			color: #ffffff;
			text-decoration: none;
		}
		div#SiteContainer div#HeaderIntro div#TopBar div#ContactInfo div.column
		{
			float: left;
			width: 50%;
		}
	div#SiteContainer div#HeaderIntro div#TopBar div#TopShade
	{
		background-image: url(../../images/m/shade-top.png);
		background-repeat: repeat-x;
		position: absolute;
		width: 100%;
		height: 66px;
		bottom: -66px;
		left: 0;
	}

div#SiteContainer div#CallButtons
{
}
.landscape div#SiteContainer div#CallButtons
{
	height: 100%;
}

.landscape div#SiteContainer div#HeaderIntro, .landscape div#SiteContainer div#Text
{
	float: left;
	width: 65%;
}
.landscape div#SiteContainer div#Buttons
{
	float: right;
	width: 35%;
	padding: 0;
}

div#SiteContainer div#BottomBg
{
	position: relative;
}
	div#SiteContainer div#BottomBg a#WH
	{
		float: right;
		padding: 10px;
	}

.max-width-480px.landscape div#SiteContainer div#CallButtons
{
	/* font-size: 0.6em; */
}


div#SiteContainer div#Header
{
	position: relative;
}
div#SiteContainer div#Header div#HeaderInfo
{
	background-color: #1D1D1D;
	position: absolute;
	top: 10px;
	left: 0;
	width: 50%;
	padding: 10px 10px 40px;
	color: #ffffff;
}
	div#SiteContainer div#Header div#HeaderInfo h1
	{
		font-family: 'HelveticaNeueLTStd75Bold', 'Helvetica Neue', Helvetica, Tahoma, sans-serif;
		color: #ffffff;
		font-weight: normal;
		text-transform: lowercase;
		font-size: 1.6em;
		padding: 0 0 10px;
	}
	
	div#SiteContainer div#Header div#HeaderInfo div.button
	{
		background-color: #cfa818;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#cfa818), to(#b47f08));
		background-image: -moz-linear-gradient(top, #cfa818, #b47f08);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cfa818, endColorstr=#b47f08);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#cfa818, endColorstr=#b47f08)";
		
		border-radius: 4px;
		border: 1px solid #cfa818;
		
		position: absolute;
		right: 10px;
		bottom: 10px;
		
		padding: 1px 4px;
	}
		div#SiteContainer div#Header div#HeaderInfo div.button a
		{
			font-family: 'HelveticaNeueLTStd75Bold', 'Helvetica Neue', Helvetica, Tahoma, sans-serif;
			text-decoration: none;
		}
div#SiteContainer div#Header img
{
	width: 100%;
	height: auto !important;
}
div#SiteContainer div#Header div.editbutton img
{
	width: auto;
}

div#SiteContainer div#Intro
{
	padding: 10px 10px 0;
}
.max-width-480px div#SiteContainer div#Intro
{
	/* font-size: 0.9em; */
}

div#SiteContainer div#Text
{
	color: #ffffff;
	/*min-height: 200px;*/
}
	div#SiteContainer div#Text div.container
	{
		padding: 10px;
	}
div#SiteContainer div#Text p
{
	line-height: 18px;
}

div#SiteContainer div#Text h1
{
	color: #fbf5e7;
	font-size: 1.8em;
	font-size: 20px;
}
.min-width-768px div#SiteContainer div#Text h1
{
	font-size: 24px;
}

div#SiteContainer div#Text h2
{
	font-family: 'HelveticaNeueLTStd75Bold', 'Helvetica Neue', Helvetica, Tahoma, sans-serif;
	text-transform: lowercase;
	color: #C4960B;
	padding-bottom: 15px;
	font-weight: normal;
}

div#SiteContainer div#Text h3
{
	font-family: 'HelveticaNeueLTStd75Bold', 'Helvetica Neue', Helvetica, Tahoma, sans-serif;
	color: #f1e758;
	font-size: 14px;
	padding-bottom: 4px;
}
div#SiteContainer div#Text h4
{
	padding-bottom: 10px;
}

.max-width-480px.landscape div#SiteContainer div#Text h2
{
	/* font-size: 0.6em; */
}

div#SiteContainer div#Tabs
{
	background-color: transparent;
	background-color: rgba(31, 16, 1, 0.7);  
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B21F1001,endColorstr=#B21F1001); 
	zoom: 1;
	
	position: absolute;
	bottom: 3px;
	left: 0;
	width: 100%;
}
	div#SiteContainer div#Tabs ul
	{
		list-style: none;
	}
	div#SiteContainer div#Tabs ul li
	{
		float: left;
	}
	div#SiteContainer div#Tabs li a
	{
		font-family: 'HelveticaNeueLTStd75Bold', 'Helvetica Neue', Helvetica, Tahoma, sans-serif;
		background-image: url(../../images/m/tabs-seperator.png);
		background-repeat: no-repeat;
		background-position: right;
		float: left;
		display: block;
		padding: 10px 20px;
		color: #ffffff;
		margin-right: 1px;
		text-decoration: none;
		text-transform: lowercase;
		font-weight: normal;
		font-size: 1.2em;
	}
		div#SiteContainer div#Tabs li a.active
		{
			background-color: transparent;
			color: #fbe764;
			outline: none;
		}

div#SiteContainer div#TabCallus
{
	
}
.landscape div#SiteContainer div#Call
{
	/* background-image: none; */
	margin: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-border-radius: 0;
}

select
{
	width: 90%;
	padding: .5em;
	background: 
}

.input select{
	padding: 0;
}


.min-width-768px div#SiteContainer div#Call div#Box
{
	float: left;
	width: 49%;
}
.landscape div#SiteContainer div#Call div#Box
{
	float: none;
	width: auto;
}
.min-width-768px div#SiteContainer div#Call div#Number
{
	float: right;
	width: 49%;
}
.landscape div#SiteContainer div#Call div#Number
{
	float: none;
	width: auto;
}
.max-width-480px.landscape div#SiteContainer div#Call div#Number
{
	font-size: 1em;
}

div#SiteContainer div#Buttons, .landscape div#SiteContainer div#Buttons div.container
{
	padding: 10px 10px 0 10px;
}

div#SiteContainer div#Buttons ul
{
	list-style: none;
}
div#SiteContainer div#Buttons ul li
{
	background-color: #cfa818;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cfa818), to(#b47f08));
	background-image: -moz-linear-gradient(top, #cfa818, #b47f08);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cfa818, endColorstr=#b47f08);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#cfa818, endColorstr=#b47f08)";
	
	border-top: 1px solid #b47f08;
	border-right: 1px solid #b47f08;
	border-bottom: 1px solid #cfa818;
	border-left: 1px solid #b47f08;
}

div#SiteContainer div#Buttons div.fullSite ul li
{
	border-radius: 0;
}
div#SiteContainer div#Buttons ul li.grey, div#SiteContainer div#Buttons div.local ul li
{
	background-color: #302f2d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#302f2d), to(#131210));
	background-image: -moz-linear-gradient(top, #302f2d, #131210);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#302f2d, endColorstr=#131210);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#302f2d, endColorstr=#131210)";
	
	border: 0;
	border-bottom: 1px solid #363432;
	
	border-radius: 0;
}
div#SiteContainer div#Buttons div.local ul li.AspNet-TreeView-Selected
{
	background-color: #f0eade;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f0eade), to(#c5c1b6));
	background-image: -moz-linear-gradient(top, #f0eade, #c5c1b6);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f0eade, endColorstr=#c5c1b6);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f0eade, endColorstr=#c5c1b6)";
	
	border-bottom: 1px solid #363432;
}
div#SiteContainer div#Buttons ul li a
{
	font-family: 'HelveticaNeueLTStd75Bold', 'Helvetica Neue', Helvetica, Tahoma, sans-serif;
	background-image: url(../../images/m/buttons-icon-active.png);
	background-repeat: no-repeat;
	background-position: 97% center;
	display: block;
	color: #312f29;
	padding: 6px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.35);
	font-size: 1.5em;
}
div#SiteContainer div#Buttons ul li.grey a, div#SiteContainer div#Buttons div.local ul li a
{
	background-image: url(http://m.the-weinmeister.com/content/style/images/mobile/buttons-icon.png);
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.55);
}

.max-width-480px.landscape div#SiteContainer div#Buttons ul li a
{
	/* font-size: 0.8em; */
}

div#Text a
{
	color: #ED135D;
}

div#Text div.room
{
	border-bottom: solid 1px #3A3A3A;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
div#Text div.room div.image
{
	width: 100px;
	float: left;
}
div#Text div.room div.description
{
	margin-left: 100px;
}
	div#Text div.room div.description p
	{
		padding-bottom: 0;
	}

div#Text ul
{
	padding-left: 15px;
	list-style-type: square;
	padding-bottom: 15px;
	line-height: 18px;
}

div#Text img
{
}

.min-width-768px div#Text div.splitIn2 div.split1
{
	float: left;
	width: 49%;
}
.min-width-768px div#Text div.splitIn2 div.split2
{
	float: right;
	width: 49%;
}

div#Text div.formRow
{
	padding-bottom: 10px;
}
div#Text div.formRow label
{
	display: block;
	padding-bottom: 5px;
}
div#Text div#TabMyreservations
{
	display: none;
}
div#Text div#TabMyreservations div.formRow input
{
	border: solid 1px #bbbbbb;
	padding: 2px 4px;
	color: #666666;
}
div#Text div#TabMyreservations div.formRow a.submit, div#Text a.button
{
	font-family: 'HelveticaNeueLTStd75Bold', 'Helvetica Neue', Helvetica, Tahoma, sans-serif;
	background-color: #cfa818;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cfa818), to(#b47f08));
	background-image: -moz-linear-gradient(top, #cfa818, #b47f08);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cfa818, endColorstr=#b47f08);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#cfa818, endColorstr=#b47f08)";
	
	border-radius: 4px;
	border: 1px solid #d6a333;
	
	right: 10px;
	bottom: 10px;
	
	padding: 1px 4px;
	color: #312f29;
	text-decoration: none;
}

div#GoogleMap img
{
	 border: solid 1px #B1BCC2;
}

div#Map
{
	width: 80%;
	padding: 0 10%;
	height: 50%;
	color:#000;
}

div#Gallery
{
}
div#Gallery div#ScrollLeft
{
	float: left;
	width: 10%;
}
div#Gallery div#ScrollArea
{
	float: left;
	width: 80%;
}
div#Gallery div#ScrollRight
{
	float: right;
	width: 9%;
}
div#Gallery div.scroller
{
	padding-top: 50%;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
	div#Gallery div#ScrollLeft
	{
		background-image: url(http://m.the-weinmeister.com/content/images/m/slider-left.png);
	}
	div#Gallery div#ScrollRight
	{
		background-image: url(http://m.the-weinmeister.com/content/images/m/slider-right.png);
	}

/*
div#Gallery div.scroller a
{
	display: block;
	height: 38px;
	min-width: 26px;
	text-decoration: none;
	outline: none;
}
	div#Gallery div#ScrollLeft a
	{
		background-position: left 0;
	}
	div#Gallery div#ScrollRight a
	{
		background-position: right 0;
	}
*/	
	
div#Gallery div#ScrollArea img
{
	width: 100%;
}
div#Gallery div#ScrollArea div.reservoir
{
	display: none;
}

div.TA_selfserveprop
{
	padding-bottom: 15px;
}
div.widSSP
{
	width: auto !important;
}
div#CDSWIDSSP, div#CDSWIDSSP div.widSSPPower
{
	background-color: #6E818B;
}
div#CDSWIDSSP div.widSSPData .widSSPH18
{
	color: #96172E;
}
div#CDSWIDSSP div.widSSPData div.widSSPInformation div.widSSPPopIdx var, div#CDSWIDSSP div.widSSPData div.widSSPInformation div.widSSPPopIdx span
{
	color: #96172E;
}
div#CDSWIDSSP div.widSSPData div.widSSPAll a
{
	color: #96172E !important;
}

/* Weather Forecast --------------------------------------------------------------------------------------------------------- */
div#Weather
{
	padding-bottom: 15px;
}
		div#Weather div.weatherBlock
		{
			height: 50px;
			padding-top: 10px;
			overflow: hidden;
		}
			div#Weather div.weatherBlock div.icon
			{
				width: 60px;
				float: left;
				text-align: center;
			}
			div#Weather div.weatherBlock div.icon img
			{
				vertical-align: middle;
				border: none;
			}
			div#Weather div.weatherBlock div.weather
			{
				float: left;
			}
				div#Weather div.weatherBlock div.weather div.day
				{
					font-weight: bold;
				}

/* Language Selector */
div#Language {
    background-color: #000000;
    color: #50535D;
    padding: 2px 3px 2px 3px;
    position: absolute;
    right: 5px;
    top: 10px;
	z-index:11;
}
body.content div#Language {
    background-color: transparent;
    color: #50535D;
    padding: 2px 3px 2px 3px;
    position: absolute;
    right: 5px;
    top: 65px;
	z-index:11;
}
div#Language ul {
    float: right;
    list-style: none outside none;
    padding: 2px 0;
}
div#Language ul li {
    float: left;
    padding: 0 5px;
}
div#Language ul li ul li{
    width:15px;
}
div#Language ul li ul li.en {
	background:url("http://m.the-weinmeister.com/content/style/images/flag-GB.gif") no-repeat 5px 0;
}
div#Language ul li ul li.ch, div#Language ul li.zh{
	background:url("http://m.the-weinmeister.com/content/style/images/flag-CH.gif") no-repeat 5px 0;  /* extra ZH class for Chinese */
}
div#Language span {
    display: block;
    float: left;
    height: 11px;
    width: 16px;
}
div#Language ul li ul li a {
    display: block;
    height: 11px;
    width: 16px;
	color:#000;
}
body.backoffice div#Language {
    position: relative !important;
}
body.backoffice div#Language ul, body.backoffice div#Language ul li, body.backoffice div#Language span {
    float: none !important;
}