/*
---
BASIC.CSS
---
Hotel Matterhorn Focus Zermatt
Copyright 2009
swebs.ch
---
*/


/* default styles ------------------------------------------------------------- */
body {
	font:13px/18px Arial, Helvetica, Verdana, sans-serif;
	color:#38200d;
	background:#fff url(../images/background/HG1.jpg) center top no-repeat;
	margin:0;
	padding:0;
	text-align:center;
}
body#home { background-image:url(../images/background/HG1.jpg); }
body#home div#si1 { background:transparent url(../images/strip/home/Pic0001.jpg) top left no-repeat; }
body#home div#si2 { background:transparent url(../images/strip/home/Pic0002.jpg) top left no-repeat; }
body#home div#si3 { background:transparent url(../images/strip/home/Pic0003.jpg) top left no-repeat; }
body#preise { background-image:url(../images/background/HG1.jpg); }
body#preise div#si1 { background:transparent url(../images/strip/home/Pic0001.jpg) top left no-repeat; }
body#preise div#si2 { background:transparent url(../images/strip/home/Pic0002.jpg) top left no-repeat; }
body#preise div#si3 { background:transparent url(../images/strip/home/Pic0003.jpg) top left no-repeat; }
body#hotel { background-image:url(../images/background/HG1.jpg); }
body#hotel div#si1 { background:transparent url(../images/strip/hotel/Pic0001.jpg) top left no-repeat; }
body#hotel div#si2 { background:transparent url(../images/strip/hotel/Pic0002.jpg) top left no-repeat; }
body#hotel div#si3 { background:transparent url(../images/strip/hotel/Pic0003.jpg) top left no-repeat; }
body#wellness { background-image:url(../images/background/HG1.jpg); }
body#wellness div#si1 { background:transparent url(../images/strip/wellness/Pic0001.jpg) top left no-repeat; }
body#wellness div#si2 { background:transparent url(../images/strip/wellness/Pic0002.jpg) top left no-repeat; }
body#wellness div#si3 { background:transparent url(../images/strip/wellness/Pic0003.jpg) top left no-repeat; }
body#zimmer { background-image:url(../images/background/HG1.jpg); }
body#zimmer div#si1 { background:transparent url(../images/strip/zimmer/Pic0001.jpg) top left no-repeat; }
body#zimmer div#si2 { background:transparent url(../images/strip/zimmer/Pic0002.jpg) top left no-repeat; }
body#zimmer div#si3 { background:transparent url(../images/strip/zimmer/Pic0003.jpg) top left no-repeat; }
body#konferenzen { background-image:url(../images/background/HG1.jpg); }
body#konferenzen div#si1 { background:transparent url(../images/strip/konferenzen/Pic0001.jpg) top left no-repeat; }
body#konferenzen div#si2 { background:transparent url(../images/strip/konferenzen/Pic0002.jpg) top left no-repeat; }
body#konferenzen div#si3 { background:transparent url(../images/strip/konferenzen/Pic0003.jpg) top left no-repeat; }
div#siteframe {
	background:#fff none;
	color:#38200d;
	position:absolute;
  width:914px;
  height:704px;
  margin:-352px 0 0 -457px;
  padding:0;
  top:50%;
  left:50%;
  text-align:left;
}

/* header styles -------------------------------------------------------------- */
div#metaElements {
	margin:2px 2px 0 2px;
	padding:0;
	height:20px;
	line-height:20px;
	background:#38200d none;
	color:#ECD9B3;
	word-spacing:5px;
	font-size:11px;
}
div#metaElements div#switchlang {
	width:250px;
	display:inline;
	float:left;
	text-align:left;
	margin:0 0 0 12px;
	padding:0;
}
div#metaElements div#metanavigation {
	width:600px;
	display:inline;
	float:right;
	text-align:right;
	margin:0 12px 0 0;
	padding:0;
}
div#strip {
	height:220px;
	margin:0 2px;
	padding:0;
	background:#38200d none;
	color:#ECD9B3;
}
div#strip img, div#strip div.stripImg {
	float:left;
	display:inline;
	margin:0 10px 0 0;
	padding:0;
	width:220px;
	height:220px;
}

/* main content part ---------------------------------------------------------- */
div#maincontent {
	float:left;
	display:inline;
	width:464px;
	height:390px;
	margin:0;
	padding:0;
}
div#maincontentBig {
	margin:0 10px 0 17px;
	padding:0;
	height:390px;
}
div#impressions {
	float:right;
	display:inline;
	width:160px;
	margin:0 35px 0 0;
	padding:0;
}
div#impressions img {
	margin:0 0 8px 0;
}

/* footer --------------------------------------------------------------------- */
div#footer {
	white-space:nowrap;
	margin:0 2px 2px 2px;
	padding:0 0 0 6px;
	background:#38200d none;
	color:#fff;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1px;
	height:25px;
	line-height:25px;
}
div#footer span {
	margin:0 10px;
}
div#footer a, div#footer a:link, div#footer a:visited {
	color:#ECD9B3;
	text-decoration:none;
	border-bottom:1px solid #ECD9B3;
	margin-left:12px;
}
div#footer a:hover, div#footer a:focus, div#footer a:active {
	color:#fff;
	border-bottom:1px solid #fff;
}

/* font headers --------------------------------------------------------------- */
h1 {
	font-size:15px;
	margin:0 0 20px 0;
	padding:0;
	text-transform:uppercase;
	letter-spacing:1px;
}

/* link font styles ----------------------------------------------------------- */
div#impressions a, div#impressions a:link, div#impressions a:visited {
	color:#38200d;
	text-decoration:none;
	letter-spacing:1px;
	font-size:11px;
	font-weight:bold;
}
div#impressions a:hover, div#impressions a:focus, div#impressions a:active {
	color:#906835;
	text-decoration:none;
}
div#maincontent a, div#maincontent a:link, div#maincontent a:visited,
div#impressions div.rightcontent a, div#impressions div.rightcontent a:link, div#impressions div.rightcontent a:visited,
div#maincontentBig a, div#maincontentBig a:link, div#maincontentBig a:visited {
	color:#906835;
	text-decoration:none;
	border-bottom:1px solid #906835;
	letter-spacing:0;
	font-weight:normal;
}
div#maincontent a:hover, div#maincontent a:focus, div#maincontent a:active,
div#impressions div.rightcontent a:hover, div#impressions div.rightcontent a:focus, div#impressions div.rightcontent a:active,
div#maincontentBig a:hover, div#maincontentBig a:focus, div#maincontentBig a:active {
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #000;
}
div.request {
  background: #fff none;
  padding: 0;
  margin: 0;
  width: 185px;
}
div.request a {
  font-size: 11px;
  color: #ECD9B3;
  display: block;
  text-decoration: none;
  background: #38200D none;
  margin: 0 0 5px 0;
  padding: 0 0 0 17px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
div.request a:hover {
  background: #ECD9B3 none;
  color: #38200D;
}

/* misc font styles ----------------------------------------------------------- */
p {
	margin:0 0 15px 0;
	padding:0;
}
p.lead {
	font-weight:bold;
}
a { 
	outline:none !important; 
}
#power {
	display:none;
}

/* misc styles ---------------------------------------------------------------- */
div.thumb {
	width:160px;
	height:170px;
	padding:0;
	display:block;
	overflow:hidden;
	margin:0;
	position:relative;
}
div.thumb img {
	display: block; left:-40px; position: absolute; top: 0;
}
div.note {
	font-size:11px;
}
.cf {
	float:none;
	clear:both;
	line-height:0;
	width:1px;
	margin:0;
	padding:0;
	font-size:0;
	height:0;
}
table td {
	vertical-align:top;
	font-size:12px;
}
table.MitLinien {
	margin:0 0 8px 0;
}
table.MitLinien td {
	padding:1px 0;
	border-bottom:1px solid #ddd;
}
a img {
	border:0;
}
.nomargin {
	margin:0 !important;
}