/*----------------------index------------------------*/

#index .pictures,
#index .picture01,
#index .picture02,
#index .picture03 {
	position:absolute;
	left:0px;
}

#index .pictures {
	z-index:0;
	left:185px;
	top:38px;
}

#index .picture01 {
	height:164px;
	top:0px;
	width:228px;
}

#index .picture02 {
	height:164px;
	top:187px;
	width:228px;
}

#index .picture03 {
	height:164px;
	top:374px;
	width:228px;
}

#index .page {
	background-image:url("../../images/bg_index.gif");
	background-position:0% 0%;
	height:604px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height:604px;
}

html>body #index .page {
	height:auto;
	min-height:604px;
}

#index .menu {
	margin:194px 20px 20px 20px;
}

#index .content {
	margin:244px 44px 20px 233px;
	width:487px;
}

#index .boxLarge {
	background-image:url("../../images/bg_box05.gif");
	height:109px;
	margin:30px 0px 0px 0px;
	width:465px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height:79px;
	width:435px;
}

html>body #index .boxLarge {
	height:auto;
	min-height:79px;
	width:435px;
}

#index .boxLarge h2,
#index .boxLarge p {
	font-size:150%;
}

#index h1 {
	font-size:170%;
	margin:20px 0px 0px 0px;
	text-transform:none;
}

/*----------------------indexnew------------------------*/

#indexnew .pictures,
#indexnew .picture01,
#indexnew .picture02,
#indexnew .picture03 {
	display:none;
	position:absolute;
	left:0px;
}

#indexnew .pictures {
	z-index:0;
	left:185px;
	top:38px;
}

#indexnew .page {
	background-image:url("../../images/bg_indexnew.gif");
	background-position:0% 0%;
	height:604px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height:604px;
}

html>body #indexnew .page {
	height:auto;
	min-height:604px;
}

#indexnew .menu h1 {
	clear:both;
	color:#918886;
	font-size:110%;
	font-weight:normal;
	line-height:150%;
	padding:15px 0px 35px 0px;
	text-align:center;
	text-transform:uppercase;
}

#indexnew .menu {
	margin:30px 20px 20px 20px;
}

#indexnew .content {
	margin:0px;
	width:764px;
}

#indexnew .mask {
	clear:both;
	position:absolute;
	top:-10px;
	right:-10px;
}

#indexnew .ticker {
	background-color:#000000;
	color:#FFFFFF;
	clear:both;
	font-size:120%;
	overflow:hidden;
	padding:4px 32px 4px 32px;
	width:700px;
}

#indexnew .ticker a {
	color:#FFFFFF;
	text-decoration:underline;
}

/*----------------------generic------------------------*/

#generic .page {
	height:430px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height:430px;
}

html>body #generic .page {
	height:auto;
	min-height:430px;
}

/*----------------------body------------------------*/

.body {
	clear:both;
	display: block;
	float:none;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:left;
	width:984px;
}

.body img {
	float:left;
}

/*----------------------main box------------------------*/

.box {
	background-color:#E5F4FB;
	margin:0px 0px 0px 0px;
	position:relative;
	width:984px;
}

.box .b {
	background-color:transparent;
	background-image:url("../../images/box_b.gif");
	width:984px;
}

.box .r {
	background-image:url("../../images/box_r.gif");
}

.box .t {
	background-image:url("../../images/box_t.gif");
}

.box .l {
	background-image:url("../../images/box_l.gif");
}

.box .bl {
	background-image:url("../../images/box_bl.gif");
}

.box .br {
	background-image:url("../../images/box_br.gif");
}

.box .tl {
	background-image:url("../../images/box_tl.gif");
}

.box .tr {
	background-image:url("../../images/box_tr.gif");
	padding:10px 10px 10px 10px;
}

/*----------------------header------------------------*/

.header {
	background-color:#7096A2;
	background-image:url("../../images/bg_header.gif");
	background-position:0% 0%;
	background-repeat:no-repeat;
	height:174px;
	padding:0px 0px 10px 0px;
	width:964px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height:164px;
}

html>body .header {
	height:auto;
	min-height:164px;
}

.headerColumn {
	padding:0px 15px 0px 15px;
	height:164px;
	overflow:visible;
	width:228px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:198px;
}

html>body .headerColumn {
	width:198px;
}

.headerColumn img {
	margin:0px -15px 0px -15px;
}

.headerColumn h2 {
	color:#FFFFFF;
	font-size:100%;
	font-weight:bold;
	margin:0px 0px 3px 0px;
}

.headerColumn h2 span {
	font-weight:normal;
}

.headerColumn h2.titleLarge {
	font-size:200%;
	font-weight:normal;
	margin:30px 0px 3px 0px;
}

.headerColumn p {
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
}

.headerColumn ul {
	color:#FFFFFF;
	font-style:italic;
	margin:0px 0px 0px 0px;
	padding-left:16px;
	padding-top:1px;
}

.headerColumn ul li {
	margin-top:2px;
}

.headerSupplementary {
	padding:31px 0px 0px 18px;
	width:302px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:262px;
}

html>body .headerSupplementary {
	width:262px;
}

.headerSupplementary img {
	padding:0px 0px 0px 15px;
}

.headerSupplementary ul.listVertical {
	margin:5px 0px 10px 0px;
}

.headerSupplementary ul.listVertical li {
	color:#FFFFFF;
	padding:5px 0px 0px 15px;
	text-transform:uppercase;
}

.headerSupplementary ul.listVertical li.snowflake {
	background-image:url("../../images/bg_snowflake.gif");
	background-position:2px 6px;
	background-repeat:no-repeat;
}

.headerSupplementary ul.listVertical li a {
	color:#FFFFFF;
	text-decoration:none;
}

.headerSupplementary ul.listVertical li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

/*----------------------page------------------------*/

.page {
	background-position:0% 100%;
	background-repeat:no-repeat;
	width:964px;
	position:relative;
}

/*----------------------menu------------------------*/

.menu {
	margin:20px 20px 20px 20px;
	width:160px;
}

.menu ul.listVertical {
	width:160px;
}

.menu ul.listVertical li {
	margin:0px 0px 3px 0px;
	width:160px;
}

.menu ul.listVertical li a {
	display:block;
	padding:3px 5px 3px 5px;
	text-decoration:none;
	text-transform:uppercase;
	width:160px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:150px;
}

html>body .menu ul.listVertical li a {
	width:150px;
}

.menu ul.listVertical li.on a,
.menu ul.listVertical li a:hover {
	background-color:#00AEEF;
	color:#FFFFFF;
	text-decoration:none;
}

.menu ul.listVertical li.on ul li {
	margin:3px 0px 0px 0px;
}

.menu ul.listVertical li.on ul li a {
	background-color:#6D91A3;
	color:#FFFFFF;
}

.menu ul.listVertical li.on ul li.on a,
.menu ul.listVertical li.on ul li a:hover {
	background-color:#93C0BB;
	color:#FFFFFF;
}

.menu ul.listVertical li.on ul li a span {
	color:#FFF200;
}

/*----------------------content------------------------*/

.content {
	margin:20px 24px 10px 0px;
	width:740px;
}

.contentColumn {
	margin:0px 20px 0px 0px;
	overflow:visible;
	width:350px;
}

.contentColumn h2.titleLarge {
	font-size:200%;
	font-weight:normal;
	margin:0 0 10px;
	text-transform:uppercase;
}

.content table.tableStyled {
	margin:0px 0px 10px 0px;
	width:350px;
}

.content table.tableStyled th,
.content table.tableStyled td {
	padding:4px 10px 4px 10px;
	vertical-align:top;
}

.content table.tableStyled .row01 td,
.content table.tableStyled .row01 th {
	background-color:#7096a2;
	border-bottom:4px solid #E5F4FB;
	color:#FFFFFF;
	font-size:110%;
	font-weight:bold;
}

.content table.tableStyled .row02 td,
.content table.tableStyled .row02 th,
.content table.tableStyled .row03 td,
.content table.tableStyled .row03 th {
	border-bottom:2px solid #E5F4FB;
}

.content table.tableStyled .row02 td,
.content table.tableStyled .row02 th {
	background-color:#b5d3d0;
	font-weight:normal;
}

.content table.tableStyled .row03 td,
.content table.tableStyled .row03 th {
	background-color:#cbe1e3;
	font-weight:normal;
}

.content table.tableStyled .row04 td,
.content table.tableStyled .row04 th {
	background-color:#deeaea;
	font-weight:normal;
}

.content table.tableStyled .col01 {
	text-align:left;
	width:250px;
}

.content table.tableStyled .col02 {
	border-left:2px solid #E5F4FB;
	border-right:2px solid #E5F4FB;
	text-align:center;
	width:50px;
}

.content table.tableStyled .col03 {
	text-align:center;
	width:50px;
}

.content table.tableStyled .cornerTR {
	background-color:transparent ! important;
	background-image:url("../../images/bg_corner_tr.gif");
	background-position:100% 0%;
	background-repeat:no-repeat;
}

.content table.tableStyled .cornerBL {
	background-color:transparent ! important;
	background-image:url("../../images/bg_corner_bl.gif");
	background-position:0% 100%;
	background-repeat:no-repeat;
}

ul.listWeather {
	clear:both;
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:740px;
}

ul.listWeather li {
	display:block;
	float:left;
	height:100px;
	margin:0px 15px 0px 0px;
	padding:0px 0px 0px 0px;
	width:225px;
}

ul.listWeather li a {
	background-position:0% 0%;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:74px;
	padding:0px 0px 0px 110px;
	text-decoration:none;
}

ul.listWeather li a:hover {
	text-decoration:underline;
}

ul.listWeather li a.iconForecast {
	background-image:url("../../images/icon_forecast.gif");
}

ul.listWeather li a.iconWebcam {
	background-image:url("../../images/icon_webcam.gif");
}

/*----------------------album------------------------*/

.albumPictures {
	background-color:#FFFFFF;
	height:344px;
	margin:0px 8px 0px 0px;
	overflow:hidden;
	position:relative;
	width:586px;
}

.albumPictures img {
	margin:8px 0px 0px 0px;
}

.albumPicturesLarge {
	left:8px;
	position:absolute;
	top:0px;
}

.albumPicturesSmall {
	left:472px;
	position:absolute;
	top:0px;
}

.albumControls {
	margin:0px 0px 0px 0px;
	height:344px;
	padding:0px 0px 0px 0px;
	position:relative;
	width:146px;
}

.albumControls .albumControlsUp,
.albumControls .albumControlsText,
.albumControls .albumControlsDown {
	left:0px;
	position:absolute;
}

.albumControls .albumControlsUp {
	top:0px;
}

.albumControls .albumControlsText {
	top:30px
}

.albumControls .albumControlsText h2 {
	font-size:140%;
}

.albumControls .albumControlsDown {
	top:312px;
}

.whatsNew .albumPictures {
	height:260px;
	width:470px;
}

.whatsNew .albumPicturesSmall {
	left:356px;
}

.whatsNew .albumControls {
	height:260px;
	width:262px;
}

.whatsNew .albumControls .albumControlsDown {
	top:228px;
}

/*----------------------availability------------------------*/

.contentAvailability {
	margin:0px 0px 0px 0px;
	width:740px;
}

.contentAvailability p {
	margin:0px;
}

.contentAvailabilityLeft {
	margin:10px 20px 0px 0px;
	width:350px;
}

.contentAvailabilityLeft h2 {
	font-size:100%;
	font-weight:bold;
}

.contentAvailabilityRight {
	margin:10px 0px 0px 0px;
	width:350px;
}

.contentAvailabilityRight ul.listHorizontal {
	float:right;
}

.contentAvailabilityRight ul.listHorizontal li {
	border-right:none ! important;
	margin:0px ! important;
	padding:0px ! important;
}

.contentAvailabilityRight ul.listHorizontal li span {
	display:block;
	float:left;
}

.contentAvailabilityRight ul.listHorizontal li span.keyBooked,
.contentAvailabilityRight ul.listHorizontal li span.keyPart,
.contentAvailabilityRight ul.listHorizontal li span.keyAvailable {
	border:1px solid #6D91A3;
	font-size:0px;
	height:12px;
	margin:0px 5px 0px 20px;
	width:20px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height:10px;
}

html>body .contentAvailabilityRight ul.listHorizontal li span.keyBooked,
html>body .contentAvailabilityRight ul.listHorizontal li span.keyPart,
html>body .contentAvailabilityRight ul.listHorizontal li span.keyAvailable {
	height:10px;
}

.contentAvailability .keyBooked {
	background-color:#FF0000;
	color:#FFFFFF;
}

.contentAvailability .keyPart {
	background-color:#F7931D;
	color:#FFFFFF;
}

.contentAvailability .keyAvailable {
	background-color:transparent;
}

.contentAvailability table {
	border-collapse:collapse;
	margin:5px 0px 5px 0px;
	width:740px;
}

.contentAvailability table th,
.contentAvailability table td {
	font-weight:normal;
	padding:3px 5px 3px 5px;
	text-align:center;
	vertical-align:top;
}

.contentAvailability table tr.rowDate th {
	background-color:#333333;
	border:1px solid #333333;
	border-bottom:none;
	color:#FFFFFF;
}

.contentAvailability table tr.rowPrice td {
	background-color:#93C0BB;
	border:1px solid #93C0BB;
	border-bottom:none;
}

.contentAvailability table tr.rowAvailable td {
	border:1px solid #93C0BB;
}

/*----------------------chalets------------------------*/

.contentChalets {
	margin:0px 0px 20px 0px;
	width:740px;
}

.contentChalets ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.contentChalets li {
	background-position:0 0;
	background-repeat:no-repeat;
	display:inline;
	float:left;
	font-size:1.25em;
	font-weight:bold;
	height:131px;
	margin:0px 10px 0px 0px;
	padding:0px;
	width:175px;
}

.contentChalets li a {
	background-image:url("../../images/bg_chalet_menu.png");
	background-position:0 0;
	background-repeat:repeat;
	color:#FFFFFF;
	display:block;
	float:left;
	margin:11px 4px 0px 4px;
	padding:5px 5px 5px 5px;
	text-decoration:none;
	width:157px;
}

.contentChalets li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

.contentChalets li a span {
	font-size:0.85em;
}

/*----------------------content boxes------------------------*/

.boxLined {
	background-image:url("../../images/bg_box01_top.gif");
	background-position:0% 0%;
	background-repeat:no-repeat;
	padding:10px 10px 0px 10px;
	width:350px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:330px;
}

html>body .boxLined {
	width:330px;
}

.boxLined ul {
	margin:0px;
}

.boxLinedBot {
	background-image:url("../../images/bg_box01_bot.gif");
	background-position:0% 0%;
	background-repeat:no-repeat;
	padding:20px 0px 0px 0px;
	width:350px;
}

.boxLinedBot p {
	background-image:url("../../images/bg_box01_p.gif");
	background-position:100% 0%;
	background-repeat:repeat-y;
	padding:0px 20px 0px 0px;
	float:right;
	margin-top:-3px;
}

.boxLinedBot p a {
	background-color:#00AEEF;
	color:#FFFFFF;
	display:block;
	padding:4px 5px 4px 5px;
	text-decoration:none;
}

.boxLinedBot p a:hover {
	background-color:#93C0BB;
	text-decoration:none;
}

.boxLarge {
	background-image:url("../../images/bg_box02.gif");
	height:191px;
	width:191px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height:161px;
	width:161px;
}

html>body .boxLarge {
	height:auto;
	min-height:161px;
	width:161px;
}

.boxMedium {
	background-image:url("../../images/bg_box03.gif");
	height:154px;
	width:154px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height:124px;
	width:124px;
}

html>body .boxMedium {
	height:auto;
	min-height:124px;
	width:124px;
}

.boxSmall {
	background-image:url("../../images/bg_box04.gif");
	height:124px;
	width:124px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height:94px;
	width:94px;
}

html>body .boxSmall {
	height:auto;
	min-height:94px;
	width:94px;
}

.boxLarge,
.boxMedium,
.boxSmall {
	background-position:0% 0%;
	background-repeat:no-repeat;
	padding:15px 15px 15px 15px;
	margin:0px 10px 10px 0px;
}

.boxLarge h2,
.boxMedium h2,
.boxSmall h2 {
	color:#FFFFFF;
	font-size:120%;
	margin:0px 0px 10px 0px;
}

.boxLarge p,
.boxMedium p,
.boxSmall p {
	font-size:120%;
	color:#FFFFFF;
}

.boxLarge a,
.boxMedium a,
.boxSmall a {
	color:#FFFFFF;
	text-decoration:none;
}

.boxLarge a:hover,
.boxMedium a:hover,
.boxSmall a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}