/**********************
* CSS Document for Zermatt Holidays.
* www.zermattholidays.com 
* Copyright 2005 by bSoftware. All rights reserved. 
* Chris Banford - www.bsoft.ch 
**********************/

body {
	font: 12px/26px "trebuchet ms", arial, verdana, sans-serif;
	text-align: left;
	margin: 0;
	padding: 0;
    color: black;
	line-height: 1.2em;
	background: url(../images/left-col-background.jpg) left top repeat-y;
}


.spacer {
	height: 8px;
}

h1 {
	margin: 0;
	padding: 0;
	font: 20px/20px "trebuchet ms", arial, verdana, sans-serif;
	font-weight: bold;
	font-style: italic;
	color: white;
}
h2 {
	margin: 0 0 6px 0;
	padding: 0;
	font: 18px/22px "trebuchet ms", arial, verdana, sans-serif;
	font-weight: bold;
	color: rgb(0,0,96);
}
h2#top {
	margin: 15px 0 6px 0;
}
h3 {
	margin: 0 0 0 0;
	padding: 0;
	font: 14px/16px "trebuchet ms", arial, verdana, sans-serif;
	font-weight: bold;
	color: rgb(0,0,96);
}

td {
	text-align: left;		
	font: 12px/16px "trebuchet ms", arial, verdana, sans-serif;
	color: black;
}

a{
	border: none;
	color: rgb(0,0,96);
}
a img{
	border: none;
}
a:hover{
	border: none;
	color: rgb(0,0,255);
}
p {
	margin: 0 15px 5px 0;
	padding: 0;
	max-width: 600px;
}
strong {
	color: rgb(0,0,96);
}

.seperator {
	clear: left;
	margin: 0;
	padding: 0;
	width: 340px;
	height: 36px;
	background: url(../images/seperator-icon.gif) right center no-repeat;
}

#livehorn {
	width: 150px;
	height: 60px;
	border: 1px black solid;
	background: url("http://bergbahnen.zermatt.ch/d/live_fotos/matterhorn.jpeg") left top no-repeat;
}

/**********************
* Header   
**********************/
#headerbox {
	position: absolute;
	top: 0; left: 0;
	height: 123px;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
	background: url(../images/header-logo-stretch.gif) left top repeat-x;
	border-top: 2px black solid;
	border-bottom: 2px black solid;
}
#header_logo {
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	height: 123px;
	width: 766px;
}
#headerbox a img {
	border: none;
	margin: 0;
	padding: 0;
}

/**********************
* Columns
**********************/
#contents {
	position: absolute;
	top: 184px; left: 281px;
	margin: 0 0 0 0;
	padding: 0;
	min-height: 300px;
}
#contents #prop {
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
	width: 1px;
	height: 500px;
}
#contents #prop_main {
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
	width: 50px;
	height: 500px;
}
#left_col {
	position: absolute;
	top: 184px; left: 0;
	margin: 0;
	padding: 0;
	width: 281px; 
	min-height: 300px;
}


/**********************
* Special Offer.
**********************/
#specialoffer {
	position: absolute;
	margin: 5px 0 0 0;
	padding: 0;
}
#specialoffer #textbox {
	position: absolute;
	left: 200px;
	top: 15px;
	width: 320px;
}
#specialoffer h2 {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1em;
}





/**********************
* Main Menu.
**********************/
#menu {
	position: absolute;
	top: 123px; left: 0;
	margin: 0;
	padding: 0;
	letter-spacing: 0.05em;
	text-align: center;
	width: 100%; 
	height: 200px;
	background: url(../images/menu-middle.jpg) left top repeat-x;
}
#menu #left {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	width: 112px; 
	height: 200px;
	background: url(../images/swisstourism-menu-left.jpg) left top no-repeat;
}
#menu #yellow {
	color:#cc0000;
}
#menu #yellow:hover {
	color:red;
}
#menu #right {
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
	width: 25px; 
	height: 200px;
	background: url(../images/menu-right.jpg) left top no-repeat;
}
#menu a {
	display: inline;
	margin: 0;
	padding: 0 9px 0 12px;
	text-align: center;
	color: rgb(0,0,96);
	font-size: 14px;
	font-weight: bold;
	border-left: 1px rgb(0,0,96) solid;
	text-decoration: none;
}
#menu a:hover {
	margin: 0;
	padding: 0 9px 0 12px;
	color: rgb(0,0,255);
}

#menu a#first {
	display: inline;
	margin: 0;
	padding: 0 9px 0 12px;
	border-left: none;	
}


/**********************
* Left Col Contents.
**********************/
#picturebox_top {
	position: absolute;
	top: 25px; left: 18px;
	margin: 0;
	padding: 0;
}
#picturebox_livehornbackground {
	position: absolute;
	top: 500px; left: 26px;
	margin: 0;
	padding: 0;
	background: url(../images/postcards/horn-webcam-base.jpg) left top no-repeat;
	width: 195px;
	height: 135px;
}
#picturebox_livehorn {
	margin: 10px 0 0 11px;
	padding: 0;
	background: url(http://www.zermatt.ch/html/bergbahnen/webcams/findeln.jpg) -100px -50px no-repeat;
	width: 163px;
	height: 101px;
	border: 1px black solid;
}
#picturebox_livehorn a {
	display: block;
	margin: 0;
	padding: 0;
	width: 163px;
	height: 101px;
	border:none;
}
#zermattlogo {
	display: block;
	margin: 20px 0 0 27px;
	padding: 0;
	width: 178px;
	height: 128px;
}
#zermattlogo a, #zermattlogo img {
	display: block;
	margin: 0;
	padding: 0;
	width: 178px;
	height: 128px;
	border:none;
}


/**********************
* Apartment Thumbs. 
**********************/
.aptbox {
	float: left;
	display: inline;
	margin: 10px 15px 0 0;
	padding: 0;
	width: 168px;
}
.aptbox_summer {
	float: left;
	display: inline;
	margin: 10px 15px 0 0;
	padding: 0;
	width: 210px;
}
.deluxe {
	background: url(../images/deluxe.jpg) bottom right no-repeat;
}
.deluxe-f {
	background: url(../images/deluxe-f.jpg) bottom right no-repeat;
}
.aptbox img {
	margin: 0;
	padding: 0;
	border: none;
}
.aptbox .frame {
	margin: 0 0 3px 0;
	padding: 4px;
	border: 1px rgb(137,147,227) solid;
	background-color: rgb(90%,90%,90%);
}
.aptbox_summer .frame {
	margin: 0 0 3px 0;
	padding: 4px;
	border: 1px rgb(137,147,227) solid;
	background-color: rgb(90%,90%,90%);
}
.aptbox .framered {
	margin: 0 0 3px 0;
	padding: 4px;
	border: 1px rgb(137,147,227) solid;
	background-color: rgb(0,0,0);
}
.aptbox p {
	margin: 0;
	padding: 0;
}

.btnbooksmall {
	padding: 0;
	margin: 0;
	font-weight: normal;
	line-height: 2.1em;
	width:65px; height:24px;
	letter-spacing: 0em;
	text-align: center;
	font-size: 10px;
	background: url(../images/btn-bookit-small.jpg) left bottom no-repeat;
}
.btnbooksmall-f {
	padding: 0;
	margin: 0;
	font-weight: normal;
	line-height: 2.1em;
	width:108px; height:24px;
	letter-spacing: 0em;
	text-align: center;
	font-size: 10px;
	background: url(../images/btn-bookit-small-f.jpg) left bottom no-repeat;
}
.btnbooksmall-f a{
	display: block;
	padding: 0;
	margin: 0;
	width:100%; height:100%;
	text-decoration: none;
	color: black;
	border: none;
	background: url(../images/btn-bookit-small-f.jpg) left top no-repeat;
}
.btnbooksmall a{
	display: block;
	padding: 0;
	margin: 0;
	width:100%; height:100%;
	text-decoration: none;
	color: black;
	border: none;
	background: url(../images/btn-bookit-small.jpg) left top no-repeat;
}
.btnbooksmall a:hover{
	display: block;
	text-decoration: none;
	border: none;
	background: none;
	color: white;
}



/**********************
* General Contents
**********************/
.pano {
	margin: 0 0 10px 25px;
	float: left;
	display: inline;
	padding: 4px;
	border: 1px rgb(137,147,227) solid;
	background-color: rgb(90%,90%,90%);
	width: 525px;
	height: 147px;
}
.pano img {
	margin: 0;
	padding: 0;
	border: 1px black solid;
}



.quote {
	margin: 15px 0 15px 0;
	padding: 0;
	color: rgb(35%,35%,35%);
}
.quote p {
	margin: 0;
	padding: 0;
	font: 16px/20px "trebuchet ms", arial, verdana, sans-serif;
	font-style: italic;
}
.lquote {
	margin: 0 3px 0 0;
	padding: 0;
	float: left;
	display: inline;
	width: 17px;
	height: 14px;
	background: url(../images/left-q.gif) left top no-repeat;
}
.rquote {
	margin: 0;
	padding: 0;
	display: inline;
	width: 17px;
	height: 14px;
	background: url(../images/right-q.gif) left top no-repeat;
}
.quote #sig {
	margin: 5px 0 0 50px;
	padding: 0;
}


.link {
	float: left;
	display: inline;
	margin: 0 15px 5px 0;
	padding: 0;
}
p.link {
	display: inline;
	margin: 0;
	padding: 0;
}
.btnbooknow {
	float: left;
	display: inline;
	padding: 0;
	margin: 0 auto 0 auto;
	font-weight: normal;
	line-height: 2.1em;
	width:114px; height:36px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.1em;
	background: url(../images/btn-booknow.jpg) left bottom no-repeat;
}
.btnbooknow a{
	display: block;
	padding: 0;
	margin: 0;
	width:100%; height:100%;
	text-decoration: none;
	color: black;
	border: none;
	background: url(../images/btn-booknow.jpg) left top no-repeat;
}
.btnbooknow a:hover{
	display: block;
	text-decoration: none;
	border: none;
	background: none;
	color: white;
}
.sqgl_left {
	display: inline;
	float:left;
	padding: 0;
	margin: 0 25px 0 0;
	width:90px; height:30px;
	background: url(../images/sqgl-left.gif) left top no-repeat;
}
.sqgl_right {
	display: inline;
	float:left;
	padding: 0;
	margin: 0 0 0 25px;
	width:90px; height:30px;
	background: url(../images/sqgl-right.gif) left top no-repeat;
}

.townspot {
	position:absolute; 
	top:0; left:0; 
	background: url(../map/images/bluespot.gif) left top no-repeat; 
	text-align:center;
	color: rgb(0,0,96);
	height:25px; width:25px;
	font-weight: bold;
	font-size: 14px;
	line-height: 25px;
	letter-spacing: -.1em;
}
.apartspot {
	position:absolute; 
	top:0; left:0; 
	background: url(../map/images/aptspot.gif) left top no-repeat; 
	text-align:center;
	color: white;
	height:25px; width:25px;
	font-weight: bold;
	font-size: 14px;
	line-height: 25px;
	letter-spacing: -.1em;
}



/**********************
* Footer
**********************/
.footer {
	font: 11px/14px "trebuchet ms", arial, verdana, sans-serif;
	margin: 10px 0 10px 0;
	padding: 0;
    color: rgb(60%,60%,60%);
	clear: right;
}
.footer a {
	text-decoration: none;
	border: none;
	margin: 0;
	padding: 0;
}
#adendum {
	text-decoration: none;
	border: none;
	margin: 0 0 10px 0;
	padding: 0;
    color: rgb(60%,60%,60%);
	font-size: 10px;
}
#adendum a {
	text-decoration: none;
	border: none;
	margin: 0;
	padding: 0 5px 0 5px;
    color: rgb(40%,40%,40%);
	background-color: rgb(95%,95%,95%);
	border-top: 1px rgb(90%,90%,90%) solid;
	border-bottom: 1px rgb(90%,90%,90%) solid;
}