html {
	background-color: #eee0b1;
}
body {
	margin: 0px;
	height: 100%;
	background: url(images/top-edge-bg.gif) top left repeat-x;
	font: 11px Verdana;
}
#main {
	position: relative;
	width: 891px;
	margin: auto;
	background: url(images/main-bg.gif);
}
#languageSelector {
	position: absolute;
	top: 21px;
	right: 23px;
	font-size: 10px;
}
#languageSelector a {
	color: white;
}
#header {
	position: relative;
	width: 891px;
	height: 202px;
	background: url(images/mock-header.gif);
}
#header img {
	position: absolute;
	top: 57px;
	left: 291px;
}
#tuxLogo {
	position: relative;
	border: none;
	left: 40px;
	margin-bottom: 25px;
}
#wanderkarte {
	position: relative;
	border: none;
	left: 40px;
	margin-bottom: 25px;
}
#bike {
	position: relative;
	border: none;
	left: 40px;
	margin-bottom: 25px;
}
#center {
	width: 891px;
	background: url(images/center-bottom-bg.gif) left bottom no-repeat;
}
a {
	color: #066B29;
}	
/* -- */
#menu {
	position: relative;
	float: left;
	width: 276px;
	background: url(images/menu-top-bg.gif) left top no-repeat;
}
#menu ul {
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
	margin-top: 40px;
	margin-bottom: 27px;
	list-style-type: none;
	width: 250px;
	overflow: hidden;
}
#menu a {
	display: block;
	position: relative;
	color: black;
	text-decoration: none;
	left: -40px;
	padding-left: 40px;
	width: 110px;
	line-height: 15px;
}
#menu a img {
	position: relative;
	border: none;
	vertical-align: top;
	margin-right: 5px;
	top: 6px;
}
#menu li {
	padding-left: 40px;
}
#menu li.active a {
	font-weight: bold;
}
#menu li a:hover {
	background-color: #EBE1BD;				
}
#menu .item {
	border-top: 1px solid #DBCEA2;
	left: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#menu li.first .item {
	border-top: none;
}
/* -- */
#menu ul ul {
	margin: 0px;
	position: relative;
	margin-bottom: 2px;
}
#menu ul ul li {
	position: relative;
	padding-left: 0px;
	margin-left: 12px;
	margin-bottom: 4px;
}
#menu ul li.active ul a {
	font-weight: normal;
}
#menu ul ul a {
	display: inline;
	left: 0px;
	padding-left: 0px;
}
#menu ul ul li.active a {
	font-style: italic;
}
#menu ul ul li a:hover {
	background: none;
	text-decoration: underline;
}
#menu ul ul img {				
	position: absolute;			
	vertical-align: top;
	top: 4px;
	left: -10px;
}
/* -- */
#content {
	float: left;
	width: 612px;
}
#contentHeader {
	position: relative;
	width: 612px;
	height: 72px;
	background: url(images/content-header-bg.gif);
}
#contentBody {
	position: relative;
	padding: 6px 21px 7px 7px;
}
#contentBody ul  {
	list-style-type: square;
	list-style-position: outside;
}
/* -- */
#quickInfo {
	position: absolute;
	bottom: 17px;
	right: 21px;
	background: url(images/info-bg.gif);
	width: 144px;
	height: 34px;
	color: white;
}
#quickInfo div {
	padding-left: 22px;
}
#quickInfo p {
	margin: 0px;
	padding: 0px;
	font-size: 9px;
}
#quickInfo div#tempInfo {
	margin-top: 1px;
}
#quickInfo div#snowInfo {
	margin-top: 7px;
}
#quickInfo p.label {
	float: left;
	width: 70px;
}
#quickInfo p.value {
	font-weight: bold;
}
/* -- */
#pageTitle {
	position: absolute;
	font: 22px Georgia;
	color: #09AF43;
	top: 5px;
	left: 79px;
	letter-spacing: 1px;
}
#pageSummary {
	color: white;
	position: absolute;
	top: 35px;
	left: 31px;
}
/* -- */
.box {			
	position: relative;
	background: url(images/box-bg.gif);
	padding: 16px 23px 16px 23px;
}
.box .boxBody {
	padding: 7px;
}
.box h1 {
	font: 20px Georgia;
	color: #C8B982;
	margin-top: 0px;
	margin-bottom: 10px;
}
.box h3 {
	font: 20px Georgia;
	color: #066B29;
	margin-top: 0px;
	margin-bottom: 10px;
}
.box h2 {
	font: 14px Georgia;
	font-weight: bold;
	color: #C8B982;
	margin-top: 0px;
	margin-bottom: 10px;
}
.box p {
	margin-top: 0px;
}
.redBox {
	background-image: url(images/red-box-bg.gif);
	border: 2px solid #B92A30;
	color: #B92A30;
	padding: 10px;
	width: 220px;
	float: left;
}
.halfSized {
	width: 243px;
}
.fullSized {
	width: 486px;
}
.pushRight {
	margin-right: 6px;
}
.pushDown {
	margin-bottom: 6px;	
}
.b {
	position: absolute;
	width: 7px; height: 7px;
}
.bl {
	bottom: 0px; left: 0px;
	background: url(images/round-edge-bl.gif);
}
.br {
	bottom: 0px; right: 0px;
	background: url(images/round-edge-br.gif);
}
.tl {
	top: 0px; left: 0px;
	background: url(images/round-edge-tl.gif);
}
.tr {
	top: 0px; right: 0px;
	background: url(images/round-edge-tr.gif);
}			
/* -- */
.imageBox {
	float: left;
	position: relative;
	border: 1px solid #E8DEBB;
	background-color: white;
	padding: 10px 10px 9px 11px;
	margin-right: 27px;
}
.imageBoxRight {
	margin-right: 0px;
	float: right;
	margin-left: 27px;
	margin-bottom: 10px;
}
.imageBoxUnfloated {
	float: none;
	margin-right: 0px;
}
.imageBox img {
	border: none;
}
.imageBoxLegend {
	padding-top: 4px;
	color: #C6B682;
	font-size: 9px;
}
.imageBoxLegend a {
	color: #C6B682;
	text-decoration: none;
}
.imageBoxLegend a:hover {
	color: #C6B682;
	text-decoration: underline;
}
.imageBoxLegend img {
	position: relative;
	top: 2px;
}
/* -- */
#footer {
	position: relative;
	width: 891px;
	height: 73px;
	background: url(images/footer-bg.gif);
}
#footer .links {
	position: absolute;
	top: 21px;
	left: 308px;
}
#footer .links a {
	color: black;
}
/* -- */
form#search {
	position: absolute;
	top: 17px;
	left: 60px;
}
form#search .q {
	position: absolute;
	top: 1px;
	left: 0px;
	font: 11px Verdana;
	border: none;
	width: 127px;
	height: 14px;
	background-color: white;
}
form#search .submit {
	position: absolute;
	top: 0px;
	left: 141px;				
}
/* -- */
.roomFeatures {
	width: 240px;
	font-size: 9px;
}
.roomFeatures .ra {
	background: url(images/table-a-bg.gif);
}
.roomFeatures img {
	margin-right: 10px;
	vertical-align: middle;
}
.roomFeatures td {
	padding-top: 1px;
	padding-bottom: 1px;
}
/* -- */
.availableRoomsFrame {
	width: 584px;
	height: 400px;
	border: none;
}
/* -- */
.clearBoth {
	clear: both;
}
.floatLeft {
	float: left;
}
.extendDown20 {
	margin-bottom: 20px;
}
.extendDown40 {
	margin-bottom: 40px;
}
.extendDown60 {
	margin-bottom: 60px;
}
/* -- */
select {
	font: 11px Verdana;
}
input {
	font: 11px Verdana;
}
/* -- */
.key {
	vertical-align: middle;
	text-align: right;
}
#contactForm .ra {
	background: url(images/table-a-bg.gif);
}
#contactForm hr {
	height: 1px;
	color: #C8B982;
}
/* -- */
#leftColumn {
	float: left;
	width: 266px;
}
#rightColumn {
	float: right;
	width: 245px;
}
/* -- */
.priceList {
	background-color: white;
	border-top: 1px solid #E8DEBB;
	border-bottom: 1px solid #E8DEBB;
	width: 100%;
	margin: 10px 0px 27px 0px;
}
.priceList th {
	text-align: center;
	border-bottom: 1px solid black;
	font-weight: normal;
	padding: 5px;
	border-left: 1px solid #E8DEBB;
}
.priceList th.key {
	border-left: none;
}
.priceList td {
	text-align: center;
	padding: 5px;
	border-left: 1px solid #E8DEBB;
	border-bottom: 1px solid #E8DEBB;
	vertical-align: middle;
}
.priceList td.key {
	border-left: none;
}
.priceList tr.hilite td {			
	background: none;
	background-color: #F6E0E0;
}
.priceList .ra {
	background: url(images/table-a-bg.gif);
}
.priceList .line2 td {
	border-top: 1px solid #E8DEBB;
}
.priceList .linem td {
	border-top: 1px solid #E8DEBB;
}
.priceList .notes {
	border-top: 1px solid #E8DEBB;
}
.hilite td {
	background-color: #F6E0E0;
	border: 2px solid #E8BBBB;
	border-left: 1px solid #E8BBBB;
	border-right: none;
}

.hilite td.key {
	border-left: none;
}
.hilite1 td {
	border-bottom: none;
}
.hilite1 td.key {
	border-bottom: 2px solid #E8BBBB;
}
.hilite2 .notes {
	border-top: 1px solid #E8BBBB;
}
.priceList .hilite2 td {
	border-top: 1px solid #E8BBBB;
}
.priceList .hilitem td {
	border-top: 1px solid #E8BBBB;
	border-bottom: none;
}
/* -- */
.largeText p {
	font-size: 13px;
}
/* -- */
.roomsSelection {	
	background-color: white;
	border: 1px solid #E8DEBB;
	border-collapse: collapse;
}
.roomsSelection td {
	text-align: center;
	vertical-align: top;
	border-bottom: 1px dotted #E8DEBB;
	border-right: 1px dotted #E8DEBB;
	padding: 20px;
}
.roomsSelection h1 a {
	color: #C8B982;
	text-decoration: none;
}
.roomsSelection h1 a:hover {
	text-decoration: underline;
}
.roomsSelection img {
	border: none;
	margin-bottom: 10px;
}