/***************************************************
* CSS Document for OTP MTB Holidays (www.mountainbiking.uk.com). 
* Copyright 2005 by bSoftware. All rights reserved. 
* Chris Banford - www.bsoft.ch 
***************************************************/

body    {
	background-color: white;
	font: 11px/15px verdana, arial, sans-serif;
	text-align: left;
	margin: 3px 0 15px 0;
	padding: 0;
    color: black;
}



/* Text block just under the Header picture */
#caption {
	font: 12px/14px verdana, arial, sans-serif;
	font-weight: normal;
	letter-spacing: .25em;
	margin: 0 0 0 240px;
	padding: 0;
    color: black;
	width: 680px; 
	text-align: left;
}

#pageTitle {
	font: 48px/56px verdana, arial, sans-serif;
	font-weight: bold;
	margin: 25px 0 0 240px;
	padding: 0;
	color: black;
	text-align: left;
}

.v_spacer25 {
	display: block;
	clear: both;
	height: 25px;
	width: 500px;
	margin: 0 0 0 240px;
	padding: 0;
}
.v_spacer0 {
	display: block;
	clear: both;
	height: 0;
	width: 500px;
	margin: 0 0 0 240px;
	padding: 0;
}
img, img a, img a:link {	border: 0;
	text-decoration: none;
	border-bottom-width: 0;
}
a, a:link {
	color: rgb(69, 61, 144);
	margin: 0; 
	padding: 0 1px 0 1px;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: rgb(23, 15, 97);
}
a:hover {
	margin: 0; 
	color: rgb(23, 15, 97);
	text-decoration: none;
}
.titel {
	display: block;
	margin: 0 0 0 240px;
	padding: 0;
	font: 32px/38px verdana, arial, sans-serif;
	font-weight: bold;
	color: rgb(69, 61, 144);
	text-align: left;
}

h1 {
	margin: 0;
	padding: 0;
	color: rgb(69, 61, 144);
	font-size: 18px;
	line-height: 1.2em;
}
h2 {
	margin: 0;
	padding: 0;
	color: rgb(69, 61, 144);
	font-size: 14px;
	line-height: 1.2em;
}
h3 {
	margin: 0;
	padding: 0;
	color: rgb(69, 61, 144);
	font-size: 12px;
	line-height: 1.2em;
}
/****************************************************
* Guest Quote for right col.
****************************************************/
.quote {
	margin: 15px 0 15px 0;
	padding: 0;
	color: rgb(35%,35%,35%);
}
.quote p {
	margin: 0;
	padding: 0;
	font: 16px/20px verdana, arial, sans-serif;
}
.lquote {
	margin: 0 3px 0 0;
	padding: 0;
	float: left;
	display: inline;
	width: 17px;
	height: 14px;
	background: url(../global-picts/left-q.gif) left top no-repeat;
}
.rquote {
	margin: 0;
	padding: 0;
	display: inline;
	width: 17px;
	height: 14px;
	background: url(../global-picts/right-q.gif) left top no-repeat;
}
.quote #sig {
	margin: 0 20px 0 0;
	padding: 0;
	font-size: 9px;
	text-align: right;
}


/****************************************************
* Thumbnail Picts & pano picts.
****************************************************/
.thumb {
	margin: 0 auto 15px auto;
	padding: 0;
	border: 1px rgb(75%,75%,75%) solid;
	background-color: rgb(95%,95%,95%);
	text-align: center;
	width: 178px;
	height: auto;
	font-size: 10px;
}
.thumb img {
	margin: 2px;
	padding: 0;
	border: 1px black solid;
}
.pano {
	margin: 0 auto 15px auto;
	padding: 0;
	border: 1px rgb(75%,75%,75%) solid;
	background-color: rgb(95%,95%,95%);
	text-align: center;
	width: 459px;
	height: auto;
	font-size: 10px;
}
.pano img {
	margin: 4px;
	padding: 0;
	border: 1px black solid;
}

/****************************************************
* Content Boxes
****************************************************/
#content {
	position: absolute;
	top: 330px; left: 242px;
	margin: 0 10px 0 0;
	padding: 0;
	width: 678px;
	background: url(../global-picts/content-background.gif) 475px 0 repeat-y;
}
#contentbrochure {
	position: absolute;
	top: 330px; left: 242px;
	margin: 0 10px 0 0;
	padding: 0;
	width: 678px;
}
#detail {
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	float: right;
	display: inline;
	width: 181px;
}
#centercol {
	margin: 0;
	padding: 0;
	width: 470px;
}
#prop {
	margin: 0;
	padding: 0;
	float: right;
	display: inline;
	height: 300px;
	width: 1px;
}


/****************************************************
* OTP Category (Skiing, MTB, etc) Box.
****************************************************/
.horizdiv {
	margin: 10px 0 10px 0;
	padding: 0;
	height: 1px;
	border-top: 1px rgb(69, 61, 144) solid;
	width: 100%;
}


.category {
	margin: 0 0 0 240px;
	padding: 0;
	width: 680px; 
}
.category img {
	float: left;
	overflow: visible;
}
.category img.right {
	float: right;
	display: inline;
}
.category h1 {
	display: inline;
	margin: 0 0 0 0;
	padding: 0;
	height: 1.2em;
	font: 14px/16px verdana, arial, sans-serif;
	font-weight: bold;
	color: rgb(69, 61, 144);
}
.category h1.red {
	color: rgb(229, 37, 62);
	position: relative;
	display: inline-block;
}

.category p {
	margin: 10px 0 0 0;
	padding: 0;
	text-align: justify;
}
.category .spacer {
	height: 30px;
}
.category .btn {
	margin: 15px 0 0 0;
}


/****************************************************
* Town Menu Box.
****************************************************/
#townmenu {
	position: relative;
	display: block;
	width: 697px;
	height: 36px;
	margin: 10px 0 0 230px;
	padding: 0;
	background: url(../global-picts/submenu-background.gif) top left no-repeat;
}
.townbtn {
	float: left;
	display: block;
	position: relative;
	width: 106px; height: 22px;
	margin: 6px 2px 0 2px; 
	padding: 0;
	background: url(../global-picts/submenu-button.jpg) top right no-repeat;
	text-align: center;
}
.townbtn a {
	display: block;
	margin: 0; 
	padding: 2px 0 0 0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	border: 0;
	background: url(../global-picts/submenu-button.jpg) top left no-repeat;
}
.townbtn a:hover {
	background-image: none;
	padding: 3px 0 0 0;
}
.townbtn#current a {
	display: block;
	margin: 0; 
	padding: 3px 0 0 0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	border: 0;
	background: url(../global-picts/submenu-button.jpg) top right no-repeat;
}
#townmenu .indent {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	height: 10px;
}

/****************************************************
* Basic Button 
****************************************************/
.btn {
	float: left;
	width: 106px; height: 22px;
	margin: 0;
	background: url(../global-picts/submenu-button.jpg) top right no-repeat;
	text-align: center;
}
.btn a {
	display: block;
	margin: 0; 
	padding: 3px 0 0 0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	border: 0;
	background: url(../global-picts/submenu-button.jpg) top left no-repeat;
}
.btn a:hover {
	background-image: none;
}
.btn#current a {
	display: block;
	margin: 0; 
	padding: 3px 0 0 0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	border: 0;
	background: url(../global-picts/submenu-button.jpg) top right no-repeat;
}



/****************************************************
* Main Navigation Box.
****************************************************/
#main_nav {
	position: absolute;
	display: inline;
	width: 207px; 
	left: 2px; 
	top: 203px; 
	overflow:hidden;
	background: url(../global-picts/navbackground.gif) top right repeat-y;
}
#main_nav ul {
	margin: 0;
	padding: 0;
	text-align: left;
	list-style-type: none;
}
#main_nav ul li {
	display: block;
	padding: 0;
	margin: 4px 0 0 6px;
	width: 174px; height: 27px;
	overflow:hidden;
	background: url(../global-picts/mainmenu-button.gif) top right no-repeat;
}

#main_nav ul li .indent {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	width: 20px;
	height: 10px;
}

#main_nav ul li a{
	position: relative;
	display: block;
	padding: 3px 0 0 0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	font-weight: bold;
	border: 0;
	background: url(../global-picts/mainmenu-button.gif) top left no-repeat;
}

#main_nav ul li a:hover {
	background: none;
}



/*Sub Main Menu*/
#main_nav ul li.submenu {
	width: 203px;
	height: 18px;
	background-image: none;
	margin: 0 0 1px 0;
	padding: 0;
}

#main_nav ul li.submenu a {
	position: relative;
	width: 156px;
	height: 18px;
	display: block;
	margin: 0 0 1px 40px;
	padding: 0 0 0 0;
	color: black;
	background-color: rgb(85%, 85%, 85%);
	background-image: none;
	font: 12px/15px verdana, arial, sans-serif;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(80%, 80%, 80%);
	border-left-style: solid;
	border-left-width: 7px;
	border-left-color: rgb(60%, 60%, 60%);
	border-right-width: 0;
	border-bottom-width: 0;
	border-top-width: 0;
}
#main_nav ul li.submenu#current a {
	border-left-color: rgb(23, 15, 97);
	background-color: rgb(80%, 80%, 80%);
}

#main_nav ul li.submenu .indent {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	width: 5px;
	height: 10px;
}

#main_nav ul li.submenu#current a:hover,
#main_nav ul li.submenu a:hover {
	border-left-color: rgb(229, 37, 62);
	background-color: rgb(80%, 80%, 80%);
	background-image: none;
}


#main_nav p {
	padding: 0;
	margin: 0 0 0 40px;
	color: rgb(50%, 50%, 50%);
	font-size: 10px;
	line-height: 1em;
}

/*Bottom Sub Menu*/
#main_nav .bottomsubmenu .indent {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	width: 15px;
	height: 10px;
}
#main_nav .bottomsubmenu a {
	display: block;
	color: rgb(50%, 50%, 50%);
	font: 12px/15px verdana, arial, sans-serif;
	width: 162px;
	height: 1.5em;
	margin: 0 0 0 40px;
	background-image: url(../global-picts/menu-star-ico.gif);	
	background-repeat: no-repeat;
	background-position: 0px -16px;
	text-decoration: none;
	border-bottom-style: none;
}
#main_nav .bottomsubmenu a:hover {
	color: black;
	background-image: url(../global-picts/menu-star-ico.gif);	
	background-repeat: no-repeat;
	background-position: 0px 1px;
	text-decoration: none;
	border-bottom-style: none;
}


#otpad {
	padding: 0;
	margin: 0 0 0 18px;
	width: 187px;
	height: 122px;
	background-color: white;
}
#otpad a {
	padding: 0;
	margin: 0;
	text-decoration: none;
}
#otpad a:hover {
	text-decoration: none;
}

/****************************************************
* Footer Menus Stuff.
****************************************************/
#footer {
	position: relative;
	display: block;
	padding: 15px 0 0 0;
	margin: 0 0 0 0;
	background-color: white;
}
#footer ul {
	display: inline;
	padding: 0;
	margin: 0;
}
#footer ul li {
	display: inline;
	text-align: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#footer ul span {
	padding: 0;
	margin: 0;
	color: rgb(70%, 70%, 70%);
}
#footer ul li a {
	padding: 0;
	margin: 0;
	color: rgb(70%, 70%, 70%);
	text-decoration: none;
	border-bottom-style: none;
	font-weight: bold;
}
#footer ul li a:hover {
	color: rgb(69, 61, 144);
	text-decoration: none;
	border-bottom-style: none;

}
#footer ul li.page a {
	font-weight: normal;
}
#footer p {
	padding: 0;
	font-size:.8em; 
	margin: 10px 0 0 110px; 
	color: rgb(70%, 70%, 70%);
}



/****************************************************
* Web Cam
****************************************************/
#picturebox_livehornbackground {
	margin: 5px 0 0 0;
	padding: 0;
	border: 1px rgb(70%, 70%, 70%) solid;
	background-color: white;
	width: 162px;
}
#picturebox_livehorn {
	margin: 5px;
	padding: 0;
	background: url(http://bergbahnen.zermatt.ch/d/live_fotos/matterhorn.jpeg) -405px -70px no-repeat;
	width: 150px;
	height: 90px;
	border: 1px black solid;
}
#picturebox_livehorn a {
	display: block;
	margin: 0;
	padding: 0;
	width: 150px;
	height: 90px;
	border:none;
}