/* Base style sheet for all seasons */

/* Remove all spaces, margins */
html, body, div, p, h1, h2, h3, ol, ul, li,
span, a, table, td, form, img
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	border:0;
}

div
{
	z-index:20px;
}

a.mainLink
{
	display:block;
	height:18px;
	width:110px;
}

div.subMenu
{
	padding:5px;
	border-style:solid;
	border-width:1px;
	position:absolute;
	display:none;
	left:300px;
	top:0px;
	margin-top:5px;
}

div.mainMenu
{
	position:absolute;
	left:200px;
	margin-top:10px;
}


div.backGroundLeft
{

	position:absolute;
	right:-1px;
	top:-1px;
	padding-left:0px;
	margin-top:-4px; 
	width:642px;
	height:800px;
}

div.backGroundRight
{
	width:2000px;
	height:2000px;

}

div.menu
{
	height:263px;
}

div.menu a, a.imgLink
{
	text-decoration:none;
	background-image:none;
	padding:0px;
	font-size:10px;
}

div.bottom
{
	width:746px;
}

div.bottomLeft
{
	background: transparent url(../media/base/suwi/bottomOpenBrochure.gif) no-repeat 5px 2px;
	width: 340px;
	float: left;
	height:20px;
	padding:4px 0px 0px 25px;
}

div.bottomRight
{
	float: right;
	width: 400px;
	height:20px;
	text-align:right;
	padding-top:4px;
}

div.bottom a
{
	text-decoration:none;
}

div.defaultSpacing
{
/*	width:732px; */
	width:730px;
	padding-left:40px;
	padding-right:40px;
}

html > body div.defaultSpacing
{
	width:650px;
}

td.defaultImages
{
	padding-left:40px;
	padding-right:30px;
	vertical-align:top;
	width:160px;
}

td.defaultContent
{
	width:465px;
	vertical-align:top;
}

li
{
	margin-top: 7px;
	margin-bottom: 7px;
}

h1
{
	text-transform:uppercase;	
	margin-bottom:8px;
	padding-top:1px;
}

.errorMsg
{
	color:red;
}

/* Forms */
input.textMiddle
{
	border-width:1px;
	border-style:solid;
	width:200px;
}

input.submitDefault
{
	border-width:1px;
	border-style:solid;
}


/* Images */
img.darthRightHeadLine
{
	margin-right:5px;
	float:left;
}


/* Single Pages */
table.recommend td
{
	padding:4px;

}

table.recommend td.recommendMsg
{
	border-width:1px;
	border-style:solid;
	padding-top:16px;
}


a
{
	text-decoration:none;
	padding-left: 10px;
	padding-top:1px;
	font-weight:bold;
}


ul
{
	padding-left:15px;
}

table.gondelbahn, table.langLaufen
{

	margin-top:10px;
}

table.gondelbahn td
{

	padding:10px;
	padding-left:0px;
	vertical-align:top;
}

table.langLaufen td
{

	padding-top:5px;
	padding-right:5px;
	vertical-align:top;
}

h2
{
	margin-bottom:5px;
	font-weight:bold;
}

br
{
	line-height:5px;
}

h3
{
	font-weight:bold;
}
/* Rooms */
table.roomPriceOverView
{
	margin-left:90px;
}
 
table.roomList td
{

	padding:3px;
	padding-right:40px;
	padding-left:0px;
}

table.roomDetails
{
	margin-top:8px;
}

td.roomInfo
{
	border-width:1px;
	border-style:solid;
	padding-left:10px;
	padding-right:12px;
	padding-top:10px;
	padding-bottom:3px;
	width:196px;
	height:98px;
	vertical-align:top;
}

div.roomContent
{
	padding-left:2px;
	padding-top:5px;
}

table.roomPriceList
{
	margin-top:8px;
	width:440px;
	border-width:1px;
	border-style:solid;
}

table.roomPriceList th
{
	text-align:left;
	font-weight:bold;
	border-bottom-width:1px;
	border-bottom-style:solid;
	padding:3px;
	padding-left:5px;
	padding-right:5px;
}

table.roomPriceList td
{

	padding:1px;
	padding-left:5px;
}

table.roomPriceList td.roomPriceListMiddleLine
{
	border-left-width:1px; 
	border-left-style:solid;
	padding:0px;
}

table.roomPlan
{
	height:100%;
}


/* Booking Request */

table.bookingRequest td
{
	padding:2px;
}

table.viewSnapShot td
{
	padding:4px;
}

table.bookingRequest input, table.bookingRequest select, table.bookingRequest
textarea, table.viewSnapShot input, table.viewSnapShot textarea, table.contact input, 
table.contact textarea, table.jobApp input, table.jobApp textarea,
table.ecards input, table.ecards textarea
{
	font-size:11px;
	border-width:1px;
	border-style:solid;
	
}
table.viewSnapShot input
{
	width:200px;
}
span.require 
{
	font-size:13px;
	font-weight:bold;
	padding-left:3px;
}

table.bookingRequest input.bookingRequestRadio, table.jobApp input.radio
{
	width:15px;
	border:0;
}

/* Intro */

div 
{
	box-sizing: border-box;
	-moz-box-sizing: border-box; 
}
div.intro
{
	position:absolute;
	width:750px;
	left:50%;
	margin-left:-375px;
	top:0px;
}

div.introAnimation
{
	width:750px;
	height:290px;
}

div.introContent
{
	width:750px;
	margin-top:10px;
}

td.weatherBlock
{
	background-image:url(../media/base/suwi/introBackGroundWeather.gif);
	background-repeat:no-repeat;
	width:257px;
	height:186px;
	vertical-align:top;
}

div.weatherHeadLine
{
	font-weight:bold;
	font-size:12px;
	color:#88A2C1;
	width:257px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:24px;
}
div.weatherContent
{
	width:257px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:0px;
}

td.flatRateBlock
{
	background-image:url(../media/base/suwi/introBackGroundFlatBlock.gif);
	background-repeat:no-repeat;
	width:207px;
	height:186px;
	vertical-align:top;
}
div.flatRateHeadLine
{
	font-size:12px;
	color:#88A2C1;
	font-weight:bold;
	width:207px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:20px;
}
div.flatRateContent
{
	width:207px;
	padding-left:10px;
	padding-right:10px;
}

td.webCamBlock
{
	background-image:url(../media/base/suwi/introBackGroundWebcam.gif);
	background-repeat:no-repeat;
	width:258px;
	height:32px;
}
div.webCamContent
{
	width:258px;
	padding-left:60px;
	padding-right:10px;
}

td.moreFlatBlock
{
	background-image:url(../media/base/suwi/introBackGroundMoreFlatRates.gif);
	background-repeat:no-repeat;
	width:431px;
	height:32px;
}
div.moreFlatContent
{
	width:431px;
	padding-left:60px;
	padding-right:10px;
}

div.introContentBackGround
{
	background-color:#EAF0F4;
	padding-top:25px;
	padding-bottom:15px;
	padding-left:18px;
	padding-right:18px;
}

div.introBottom
{
	color:#84A0BF;
	font-size:12px;
	text-align:center;
	padding-top:4px;
	padding-left:4px;
	margin-top:10px;
	height:20px;
	background-color:#EAF0F4;
	width:100%;
}

table.contact td
{
	padding:3px;
}

table.weatherList td
{
	padding:3px;
	padding-right:10px;
	padding-bottom:8px;
	color:#487195;
	font-size:12px;
}

img.snapShotImgSmall
{
	border-width:1px;
	border-style:solid;
}


a.introLink
{
	color:#487195;
	background: url(../media/base/wi/arrowRight.gif) left top no-repeat;		
}

div.flatTitle
{
	
	color:#487195;
	
}

div.flatTime
{
	color:#487195;
	
}

div.flatContent
{
	padding-top:5px;
	padding-bottom:8px;
}

div.flatMore
{
	padding-right:10px;
	text-align:right;
}


table.jobs td
{
	padding:3px;
	padding-right:40px;

}

table.jobApp td
{
	padding:3px;
}

table.jobApp input, table.jobApp textarea
{
 width:200px;
}

table.jobApp h3
{
	margin-top:6px;
}

table.ecards td
{
	padding:3px;

}

table.ecards input
{
	width:206px;

}

table.ecards textarea
{
	width:510px;

}