@charset "UTF-8";
/* ========================================
		Stylesheet Art Furrer Hotels
		
		Stand: HTML - Umsetzung
		Datei: site.css 
		Datum: 9. April 2010
	
		Aufbau: 
		1. Kalibrierung -------------------  31
		2. Allgemeine Styles
			2.1 Hyperlinks
		3. Styles fuer Layoutbereiche ----- 277
			3.1 Navigation
			3.2 Subnavigation
			3.3 Service Navigation ---------- 379
			3.4 Footer Navigation
			3.5 Content
		4. Templates
			4.1 Home
				4.1.1 Home Content
				4.1.2 Home Sidebar
			4.2 Detailseiten Template
			4.3 Rubrickseiten Template
			4.4 Listenseiten Template
		5. PopUp / Send to a friend
		6. Sonstige Styles
   ======================================== */


/* ==========================================
		1. Kalibrierung - CSS
	 ======================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table/*,
, caption, tbody, tfoot, thead, tr, th, td*/ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	vertical-align:top;
	font-weight:normal;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup 
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*/
textarea {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
}

/* ==========================================
		2. Allgemeine Styles
	 ======================================= */

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
}
a,a:link,a:visited,a:active {
	font-weight:normal;
}
h1 {
	color:#002c77;
	font-size:27px;
	font-weight:normal;
	margin-bottom:3px;
	font-family:Helvetica, Arial, sans-serif;
}
h2, .subtitle {
	color:#002c77;
	font-size:18px;
	font-weight:normal;
	margin-bottom:15px;
	font-family:Helvetica, Arial, sans-serif;
}
h3 {
	font-size:17px;
	padding:8px 8px 0 8px;
	font-family:Arial, sans-serif;
}

h4 {margin:10px 0;
	}

h6, strong, b, .txtb {
	color:#002C77;
	font-size:11px;
	font-weight:bold;
}
h6 {
	margin-bottom:25px;
	line-height:160%;
}
p.txt,p.blue {
	font-size:11px;
	margin-bottom:25px;
	line-height:160%;
	font-weight:normal;
}
p.blue {
	color:#002C77;
}
a,a:link,a:visited,a:active {
	color:#002C77;
	text-decoration:underline;
}
a:hover { 
	text-decoration:none;
	color:#80C342;
}

div.box {
	width:990px;
	margin:0 auto 50px;
	position:relative;
	z-index:1;
}
div.header {
	width:100%;
	height:105px;
	background-color:#002c77;
	overflow:hidden;
	color:#fff;
	position:relative;
}
div.logo {
	position:absolute;
	right:0px;
	top:0px;
	z-index:1;
}
div.search {
	position:absolute;
	left:15px;
	bottom:5px;
	z-index:1;
}
.search_input {
	border:none;
	height:27px;
	background-color:#FFFFFF;
	color:#002C77;
	margin-right:8px;
	padding-left:5px;
}
.search_button { vertical-align:bottom;}

.search_search_input {
	background-color:#FFFFFF;
	color:#002C77;
	margin-right:8px;
	padding-left:5px;	
	width:200px;
	height:23px;
	border:1px solid #0073CF;
}

div.service {
	position:absolute;
	left:230px;
	bottom:12px;
	z-index:2;
	/*width:215px;*/
}
div.serviceNavi {
	float:left;
	margin-top:2px;
}
div.language {
	float:left;
	padding-left:15px;
}
div.language img { padding-right:10px;}

div.flashteaser {
	width:100%;
	height:240px;
	overflow:hidden;
}
div.navigation {
	width:100%;
	background-color:#002c77;
	height:34px;
}
div.content {
	width:100%;
	background:url(/img/layout/left_bg.gif) left top repeat-y;
	overflow:hidden;
	clear:both;
	margin-bottom:15px;
}
div.contentLeft {
	float:left;
	width:195px;
}
.contentLeftNavi {
	margin:25px 15px 0 5px;
	width:260px;/*was 190px;*/
	overflow:hidden;
}

div.banner {
	width:195px;
	margin:25px 0;
	background-color:#fff;
	border-top:5px solid #80b9e7;
	border-bottom:5px solid #80b9e7;
}

div.banner p {
	padding:10px 0;
}

div.contentRight {
	float:right;
	width:785px;
	padding-top:10px;
	overflow:hidden;
}
div.footer {
	width:100%;
	height:20px;
	text-align:right;
	color:#002C77;
	font-size:10px;
	text-transform:uppercase;
	overflow:hidden;
	clear:both;
	margin-bottom:10px;
}
div.crumbs {
	padding-bottom:20px;
}
div.crumbs,	
a.crumbs,
a.crumbs:link,
a.crumbs:visited,
a.crumbs:active {
	color:#0073CF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
}
a:hover.crumbs { color:#80C342; }


a.crumbsActive,
a:link.crumbsActive,
a:visited.crumbsActive,
a:active.crumbsActive {
	text-decoration:none;
	font-weight:bold;
	color:#0073CF;
}
a:hover.crumbsActive { color:#80C342; }

/* ==========================================
		3. Styles fuer Layoutbereiche
	 ======================================= */

/**	3.1 Navigation **/

ul#navigation {
	vertical-align:bottom;
	height:34px;
	overflow:hidden;
}
ul#navigation li {
	float:left;
	padding:8px 5px 9px 8px;
	/* background:url(/img/layout/navi_bg.gif) left top no-repeat; */
	background-image: url("/img/layout/sprite2.png");
  background-position: -10px -73px;
  background-repeat: no-repeat;
}
ul#navigation li:hover {
	float:left;
	padding:8px 5px 9px 8px;
	background:#0073CF none;
}
ul#navigation li a,
ul#navigation li a:link,
ul#navigation li a:visited,
ul#navigation li a:active {
	font-size:17px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

ul#navigation li.navActive {
	float:left;
	padding:8px 5px 9px 8px;
	background:#0073CF none;
}
ul#navigation li.noBorder {
	background-image:none;
}
/** 3.2 Subnavigation **/
div.navline{
	background:url(/img/layout/navistrich.gif) left top no-repeat;
	margin-bottom:7px;
	margin-top:7px;
	height:1px;
	overflow:hidden;
}
li.subNav1,
li.subNavActiveNoArrow1 {
	color:#002C77;
	padding-bottom:15px;
}
li.subNav1 a, 
li.subNav1 a:link,
li.subNav1 a:visited,
li.subNav1 a:active,
li.subNavActive1 a,
li.subNavActive1 a:link,
li.subNavActive1 a:visited,
li.subNavActive1 a:active,
li.subNavActiveNoArrow1 a,
li.subNavActiveNoArrow1 a:link,
li.subNavActiveNoArrow1 a:visited,
li.subNavActiveNoArrow1 a:active {
	color:#002C77;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding-left:10px;
}
li.subNavActive1 { 
	background:url(/img/layout/subNavActive1BG.gif) left 2px no-repeat; 
	padding-bottom:15px;
}
li.subNavActive1 ul, li.subNavActiveNoArrow1 ul {
	margin:0;
	padding:0;
	background:url(/img/layout/navistrich.gif) 10px bottom no-repeat;
	padding-bottom:15px;
}
div.navstrich{
	background:url(/img/layout/navistrich.gif) 10px center no-repeat;
	height:15px;
	overflow:hidden;
}
li.subNav2,li.subNavActiveNoArrow2 {
	color:#002C77;
	padding-left:10px;
	padding-top:13px;
}

li.subNav2 a, 
li.subNav2 a:link,
li.subNav2 a:visited,
li.subNav2 a:active,
li.subNavActive2 a,
li.subNavActive2 a:link,
li.subNavActive2 a:visited,
li.subNavActive2 a:active,
li.subNavActiveNoArrow2 a,
li.subNavActiveNoArrow2 a:link,
li.subNavActiveNoArrow2 a:visited,
li.subNavActiveNoArrow2 a:active {
	color:#002C77;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	padding-left:0px;
	background:none;
}

li.subNav2 a:hover,
li.subNavActive2 a:hover {
	color:#80C342;
}
li.subNavActive2 { 
	background:url(/img/layout/subNavActive1BG.gif) left 2px no-repeat; 
	padding-left:10px;
	margin-top:10px;
}
li.subNavActiveNoArrow2 { 
	background-image:none;
	padding-left:10px;
}
li.subNavActive2 ul, li.subNavActiveNoArrow2 ul {
	background-image:none;
	padding:0;
}
li.subNav3, li.subNavActive3 {
	padding-left:10px;
	margin-top:5px;
}

li.subNav3 a, 
li.subNav3 a:link,
li.subNav3 a:visited,
li.subNav3 a:active,
li.subNavActive3 a,
li.subNavActive3 a:link,
li.subNavActive3 a:visited,
li.subNavActive3 a:active,
li.subNavActiveNoArrow3 a,
li.subNavActiveNoArrow3 a:link,
li.subNavActiveNoArrow3 a:visited,
li.subNavActiveNoArrow3 a:active {
	color:#002C77;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	padding-left:0px;
}
li.subNav3 a:hover,
li.subNavActive3 a:hover {
	color:#80C342;
}
li.subNavActive3 { 
	background:url(/img/layout/subNavActive1BG.gif) left 2px no-repeat;
	padding-left:10px;
}
li.subNavActiveNoArrow3 { 
	background-image:none;
	padding-left:10px;
}
li.navNoPadding{
	padding-top:0px;
	background-position:left 9px;
}
li.navMorePadding{
	margin-top:10px;
}

/**	3.3 Service Navigation **/

ul#serviceNavi {
	vertical-align:bottom;
	height:13px;
	overflow:hidden;
}
ul#serviceNavi li {
	display:inline;
	padding:0 3px 0 6px;
	border-left:2px solid #0088d8;
}
ul#serviceNavi li a,
ul#serviceNavi li a:link,
ul#serviceNavi li a:visited,
ul#serviceNavi li a:active {
	font-size:12px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
}
ul#serviceNavi li a:hover {
	color:#80C342;
}

ul#serviceNavi li.serviceNaviActive a,
ul#serviceNavi li.serviceNaviActive a:link,
ul#serviceNavi li.serviceNaviActive a:visited,
ul#serviceNavi li.serviceNaviActive a:active {
	font-size:12px;
	color:#80C342;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
}


/**	3.4 Footer Navigation **/

ul#footerNavi {
	vertical-align:bottom;
	padding-top:2px;
	float:right;
}
ul#footerNavi li {
	float:left; 
	padding:3px 6px 0 0;
	border-top:2px solid #002C77;
	color:#002C77;
}
ul#footerNavi li a,
ul#footerNavi li a:link,
ul#footerNavi li a:visited,
ul#footerNavi li a:active {
	font-size:10px;
	color:#002C77;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
}
ul#footerNavi li a:hover {
	color:#80C342;
}

/**	3.5 Content **/

div.print {
	float:left;
	margin-right:10px;
	padding-top:20px;
}

.print a,
.print a:link,
.print a:visited,
.print a:active {
	color:#0073CF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
}
.print a:hover { color:#80C342; }

/* ==========================================
		4. Templates
	 ======================================= */

/*	4.1 Home  
	 ======================================= */

/*  4.1.1 Home Content
	 --------------------------------------- */

#mainContent {
	width:575px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#mainContent h3 {
	background-color:#80b9e7;
	color:#fff;
	height:22px;
	overflow:hidden;
	font-weight:normal;
}

#angebote {
	margin:0 15px 15px 0;
	width:280px;
	float:left;
	overflow:hidden;
}

.angeboteItem {
	background-color:#e5f1fa;
	padding-bottom:12px;
}
.angeboteImage {
	float:left;
	width:120px; 
	height:80px;
}
.angeboteText {
	float:left;
	width:138px;
	padding:8px 10px 0 12px;
}

.angeboteText p {
	color:#002c77;
	line-height:15px;
}

.angeboteText p a {
	color:#000;
	line-height:15px;
	font-weight:bold;
}

#specialsLastMinute {
	position:relative;
	float:left;
	width:280px;
	height:230px;
	margin-top:-13px;
}
#specialsLastMinuteDet {
	float:left;
	width:194px;
	height:225px;
	position:relative;
	margin:-13px 0 20px;
	overflow:hidden;
}




/* 	tab styles
	 --------------------------------------- */
#tabs {
	float: left;
	display: block;
	width: 100%;
	margin:0;
	font-size:17px;
	color:#fff;
}

#tabs ul, 
#tabs li {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
#tabs li {
	float: left;
	display:block;
	height:43px;
}
#tabs li a {
	display:block;
	text-decoration: none;
}
#tabs li a:hover {
	cursor: pointer;
}
#tabs li.tab1 a {
	display:block;
	padding:18px 10px 8px 10px;
	color:#80B9E7;
	background-color:#fff; /* url(/img/layout/tab_active_shadow.gif) left top no-repeat; */
	background-image: url("/img/layout/sprite2.png");
  background-position: -10px -10px;
  background-repeat: no-repeat;
}
#tabs li.tab2 a {
	display:block;
  padding: 18px 15px 8px 10px;
	color:#80B9E7;
	background:#fff url(/img/layout/tab_active_shadow_right.gif) right top no-repeat;
}
#tabs li.tab1 a.inactive {
	color:#fff;
	margin-top:12px;
	padding:6px 10px 8px 10px;
	background:#80B9E7 url(/img/layout/tab_inactive_shadow.gif) right top no-repeat;
}
#tabs li.tab2 a.inactive {
	color:#fff;
	padding-right:20px;
	margin-top:12px;
	padding:6px 10px 8px 10px;
	background:#80B9E7 url(/img/layout/tab_inactive_shadow_right.gif) left top no-repeat; /* RH 06012012 */
	/* background-image: url("http://www.jaredhirsch.com/coolrunnings/public_images/320537aa92/spriteme1.png"); */
  background-position: -10px -127px;
	background-repeat: no-repeat;
}
.tab_cont {
	width: 100%;
	float: left;
	display: block;
}
.closed { display:none; }
.tabContent { padding-top:3px; }

.overlay {
	position:absolute;
	left:0;
	bottom:0px;
	width:280px;
	/* background: url(/img/layout/overlay.png) bottom left repeat-y; */
	background-image: url("/img/layout/sprite2.png");
  background-position: -10px -235px;
}

.overlay h3 {
	background:none !important;
	color:#fff;
}
.overlay p {
	padding-left:8px;
	padding-bottom:20px;
}

.overlay a,
.overlay a:link,
.overlay a:visited,
.overlay a:active {
	color:#fff;
	text-decoration:underline;
	font-size:12px;
}
.overlay a:hover {
	text-decoration:none;
}
#specialsLastMinuteDet #tabs { font-size:15px; }
#specialsLastMinuteDet #tabs li.tab2 a.inactive {
	padding:6px 10px 8px;
}
#specialsLastMinuteDet #tabs li.tab1 a.inactive {
	padding:6px 6px 8px;
}

#specialsLastMinuteDet .overlay {
	bottom:-19px;
	width:194px;
}

#news {
	background-color:#ccd5e4;
	border-bottom:5px solid #80b9e7;
}
.newsItem { padding:0 0 12px 35px; }
.newsImage {
	float:left;
	width:85px; 
	height:60px;
	overflow:hidden;
}
.newsText {
	float:left;
	width:435px;
	min-height:50px;
	height:auto !important;
	height:50px;
	overflow:hidden;
	padding:5px 0 5px 20px;
	border-bottom:1px dashed #fff;
}
.newsText a,
.newsText a:link {
	color:#002c77;
	line-height:15px;
	font-weight:bold;
}
.newsText p {
	color:#000;
	line-height:15px;
}

#livePanorama {
	width:576px;
	overflow:hidden;
	margin-top:35px;
}

#videoHome {
	width:576px;
	overflow:hidden;
	margin-top:35px;
	background-color:#EFEFEF;
	text-align:center;
}
#videoHome h3 {
	text-align:left;
}


/* 	4.1.2 Home - Sidebar 
	 --------------------------------------- */
#sidebarRightHome {
	float:right;
	width:194px;
	padding-top:150px;
}

#sidebarRight {
	float:right;
	width:194px;
	padding-top:0px;
}

#serviceBoxHome {
	position:absolute;
	top:369px;
	right:0;
	z-index:2;
}
#serviceBox {
	position:relative;
	margin-bottom:20px;
}


div.serviceBoxText {
	color:#FFFFFF;
	font-weight:normal;
	left:0;
	/* line-height:25px; */ /* IE stolpert da drueber */
	padding:15px 7px 0 5px;
	position:absolute;
	top:45px;
	width:110px;
}
div.serviceBoxText strong {
	color:#fff;
}

div.blueBox {
	margin-bottom:20px;
	background-color:#efefef;
}
div.blueBox h3 {
	background-color:#80b9e7;
	color:#fff;
	padding:8px 0 4px 10px;
	overflow:hidden;
	font-weight:normal;
}
div.wlinks {
	padding:5px 10px 0;
	background-color:#80b9e7;
	border-top:2px solid #fff;
	line-height:15px;
}
div.wlinks a,
div.wlinks a:link,
div.wlinks a:visited,
div.wlinks a:active { 
	color:#fff;
	text-decoration:none;
	padding-bottom:10px;
	display:inline-block;
}

div.wlinks a:hover {
	text-decoration:underline;
}

a.more,
a.more:link,
a.more:visited,
a.more:active { 
	color:#002C77; 
	text-decoration:none;
	font-size:17px;
	display:block;
	background:#fff url(/img/layout/more.gif) right top no-repeat;
	padding:5px 30px 5px 0;
	text-transform:uppercase;
	text-align:right;
}
a.more:hover { 
	color:#80C342;
}


/*	4.2 Detailseiten Template  
	 ======================================= */
div.imageDet {
	float:left;
	width:275px;
	margin:0 10px 25px 0;
}
div.txtDet {
	float:left;
	width:270px;
}
p.txtSubline {
	color:#002C77;
	font-size:11px;
	font-weight:bold;
}

/*	4.3 Rubrickseiten Template  
	 ======================================= */

p.video { text-align:center; }

/*	4.4 Listenseiten Template  
	 ======================================= */

h2.listHeadline {
	color:#fff;
	background-color:#002c77;
	display:inline;
	padding:3px 5px 0 5px;
}
div.listItem { line-height:15px; }
div.itemImg {
	float:left;
	padding-top:20px;
	width:295px;
	height:150px;
	overflow:hidden;
}

div.listItem div.itemImg {
	margin-bottom:20px;
	padding:0;
}
div.itemText {
	float:left;
	width:280px;
}
div.itemText h2 {
	margin-bottom:0;
	color:#0073CF;
	line-height:normal;
}
div.itemText h2 a,
div.itemText h2 a:link,
div.itemText h2 a:visited,
div.itemText h2 a:active {
	color:#0073CF;
	text-decoration:none;
}

div.itemText h2 a:hover {
	color:#80C342;	
	text-decoration:underline;
}

div.itemLinks { padding-top:10px; }
div.itemLinks a,
div.itemLinks a:link,
div.itemLinks a:visited,
div.itemLinks a:active { 
	text-decoration:none;
}
div.itemLinks a:hover { text-decoration:underline; }

/* ==========================================
		5. PopUp / Send to a friend
	 ======================================= */

div.popHead { background-color:#002c77;}
div.closeWindow {
	float:left;
	margin-top:85px;
	padding-left:10px;
	color:#fff;
}
div.closeWindow a,
div.closeWindow a:link,
div.closeWindow a:visited,
div.closeWindow a:active {
	text-transform:uppercase;
	color:#fff;
	font-weight:normal;
}
div.closeWindow a:hover {
	color:#80C342;
}
div.popLogo {float:right;}

div.popContent {margin:10px;}


/** Send to a friend **/
table.s2af {
	margin-top:30px;
	font-size: 12px;
	color:#002c77;
}
.textinput, .on, .off  {
	margin-left:5px;
	border:1px solid #BBBBBB;
	padding:2px;
	width:232px;
	margin-bottom:3px;
	font-size:11px;
}
.submit {}

.s2afSent {margin:20px;}

.s2afSent p { padding-bottom:10px;}

/* ==========================================
		6. Broschures
	 ======================================= */
div.broBox{
	float:left;
	width:230px;
	background:#efefef url(/img/layout/more.gif) right bottom no-repeat;
	margin-right:15px;
	margin-bottom:30px;
	position:relative;
	min-height:145px;
	overflow:hidden;
}
div.broBox h3{
	font-size:15px;
	color:#fff;
	border-bottom:2px solid #fff;
}
div.broImage{
	float:left;
	width:80px;
}
div.broText{
	float:left;
	width:130px;
	padding:10px 0 5px 10px;
	line-height:17px;
	text-align:left;
}
div.broText p {}

div.broText a,
div.broText a:link,
div.broText a:visited,
div.broText a:active { color:#0073CF; text-decoration:none; }
div.broText a:hover { color:#80c342; }

div.broOrderButton{
	position:absolute;
	left:90px;
	top:120px;
}	 
.broLink {
	position:absolute;
	bottom:0;
	right:0;
}

table.broForm td {
	font-size:11px;
}

table.broForm tr {
	line-height:25px;
}

.broOrder { color:#0073CF;}

.txtb {
	color:#034EA2;
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:0;
}
.txtbred {
	color:#C24141;
	font-size:11px;
	font-weight:bold;
}

.submitButton {
	background-color:#0073CF;
	border:medium none;
	color:#FFFFFF;
	font-weight:normal;
	margin-top:2px;
	padding:2px 15px 3px;
}
.submitButton:hover {
	background-color:#002c77;
}

/*booking*/
div.bookingBox{display:block;
	background-color:#718FCB;
	padding:9px;
}

div.bookingBoxInfo{display:block;
	background-color:#d5dde9;
	padding:9px;
}

div.bookingBox td{color:#fff;
	font-size:10px;
}
	


/* ==========================================
		7. Sonstige Styles
	 ======================================= */

.clear {
	clear:both;
}

/** Formulare **/

/* Newsletter Formular */

.newsletterCheckbox {margin:0 5px 5px 0;}


/* Alte Styles von alter Website, die noch wichtig sind weil überall eingebaut im Text */

.literule {
	background-image: url("/img/back_line_lt.gif");
	background-repeat : repeat-x;
}

.darkrule {
	background-image: url("/img/back_line_drk.gif");
	background-repeat : repeat-x;
}


.tableborder {
    /* border-color: #034EA2; border-style: solid; border-top-width: 1px; */
	background-color: #034EA2 ;
	color:#000;

}

.tablebg {
	background-color: #EBF1F9 ;
}

.textgrey {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}

a.textgrey {color: #666666; text-decoration:underline;}


/* Panorama Styles ---------------------------------- */
/* -------------------------------------------------- */

.panorama-viewport {
	position: relative;
	width: 576px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-align: left;
}
.panorama-container {
	position: relative;
	width: 100000px;
	margin: 0;
	padding: 0;
}
.panorama-control {
	position: absolute;
	display: none;
	padding: 0;
	margin: 0;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 30px;
	background: black;
	filter: alpha(opacity=50);
	opacity: .7;
	text-align: left;
}
div.panorama-control a,
div.panorama-control a:link,
div.panorama-control a:visited,
div.panorama-control a:active { 
	color:#ccc !important; 
	text-decoration:none !important;
}
div.panorama-control a:hover { 
	color:#80C342 !important; 
}

.panorama-control-left, .panorama-control-right, .panorama-control-pause { 
	float: left;
	padding: 0;
	margin: 0;
	color: white;
	text-decoration: none;
	font-size: 20px;
	line-height: 30px;
	width: 33%;
	text-align: center;
	font-family: 'Arial',sans-serif
}
.panorama-control-left:hover, .panorama-control-right:hover, .panorama-control-pause:hover { 
	text-decoration: none;
}
.panorama-control-pause {
	text-transform: uppercase;
}
.panorama-panel {
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	background: #009cff;
	filter: alpha(opacity=50);
	opacity: .5;
	color: white;
	padding: 4px;
}
.panorama-panel h2 {
	font-size: 11px;
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	text-align: right;
}
.panorama-panel ul {
	display: none;
}
.panorama {
	position: relative;
	margin: 0;
	padding: 0;
	border: none;
}

.panorama-area {
	border: 2px solid white;
	filter: alpha(opacity=20);
	opacity: .2;
	background: black;
	font-size: 100%;
	cursor: pointer;
	text-decoration: none;
	color: white;
	text-align: right;
}
.panorama-area-hover {
	background: #0080e2;
	cursor: pointer;
} 

.area0-hover {
	background: #ff7e00;
}
.area1-hover {
	background: #25bf5b;
}
.panorama-title {
 	position: absolute; 
	right: 0;
	top: 0; 
	font-size: 16px; 
	font-family: Verdana;
	background: gray;
	padding: 3px;
	filter: alpha(opacity=50);
	opacity: .5;
}


/* Preislisten Template */

div.priceTableWinter,
div.priceTableSummer {
	margin-bottom: 30px;
}

div.priceTableWinter h2,
div.priceTableSummer h2 {
	margin-bottom:0;
}

div.priceHeaderWinter,
div.priceHeaderSummer {
  color: #FFFFFF;
  margin: 15px 0 0;
}
div.priceImgWinter,
div.priceImgSummer {
	float:left;
	width:126px;
	margin-right:10px;
}

div.priceDescWinter,
div.priceDescSummer { 
	float:left;
	width:204px;
}

div.priceCatWinter,
div.priceCatSummer {
	padding:2px 0 5px 5px;
	font-size: 12px;
	font-weight:bold;
	background-color: #80B9E7;
}

div.priceCatDescWinter,
div.priceCatDescSummer {
	margin-bottom: 10px;
	padding: 5px 10px;
	background-color: #D5DDE9;
	color:#000;
}

div.priceHeaderWinter div.pricesWinter,
div.priceHeaderSummer div.pricesSummer {
	float:right;
	margin: 0;
	padding:0;
	font-size:10px;
	color:#002C77;
	width:230px;
	text-align: center;
	background-color:#D5DDE9;
	border-bottom:1px solid #fff;
}

div.pricesWinter,
div.pricesSummer { 
	float:left;
	margin: 23px 0 30px;
	width: 230px;
	padding-left:5px;
	text-align: center;
}

div.price1Winter,
div.price2Winter,
div.price3Winter { 
	float:left;
	padding:0 0 5px;
  text-align: left;
  width:32%;
  font-weight:bold;
  line-height: 1.5;
  text-align: center;
  border-left:1px solid #fff;
}

div.priceHeaderWinter div.price1Winter,
div.priceHeaderWinter div.price2Winter,
div.priceHeaderWinter div.price3Winter {
	padding-top:3px;
	width:32%;
	text-align: center;
	border:none;
	border-left:1px solid #fff;
}

div.priceHeaderWinter div.priceBookingWinter,
div.priceHeaderSummer div.priceBookingSummer {
	margin-top:0px;
	padding:2px 5px 5px 0;
	color:#002C77;
}

div.priceBookingWinter,
div.priceBookingSummer { 
	position: absolute;
	bottom: 0;
	right: 0;
}

a.moreSmall,
a.moreSmall:link,
a.moreSmall:visited,
a.moreSmall:active {
	float:right;
	color:#002C77; 
	text-decoration:none;
	font-size:12px;
	display:block;
	background:#fff url(/img/layout/more_small.gif) right top no-repeat;
	padding:2px 25px 2px 5px;
	text-transform:uppercase;
	text-align:right;
}
a.moreSmall:hover { 
	color:#80C342;
}

div.priceItemWinter,
div.priceItemSummer {
	margin-bottom:5px;
	background-color:#d5dde9;
	position:relative;
}

h2.priceDetailTitle {
	margin: 5px 0 0;
	font-size:15px;
}
p.priceDetailText {}

div.priceSubWinter,
div.priceSubSummer {
  background-color: #D5DDE9;
  border-bottom: 5px solid #80B9E7;
  padding: 5px 10px;
}

div.price1Summer,
div.price2Summer { 
	float:left;
	padding: 1px 0 3px;
  width: 49%;
 	font-weight:bold;
 	border-left: 1px solid #FFFFFF;
}
div.priceHeaderSummer div.price1Summer,
div.priceHeaderSummer div.price2Summer {
	margin:0;
	padding-top:3px;
	border:none;
	border-left: 1px solid #fff;
}

.currencyPrice {}

span.priceCHF { 
	display:block;
	font-weight:bold;
}
span.priceEUR {
	font-weight:normal;
	font-size: 10px;
}
span.priceDevider { display:none; }

div.priceSubWinter span.priceCHF,
div.priceSubSummer span.priceCHF {
	display:inline;
	font-weight:normal;
}
div.priceSubWinter span.priceEUR,
div.priceSubSummer span.priceEUR {
	display:inline;
	font-weight:normal;
}
div.priceSubWinter span.priceDevider,
div.priceSubSummer span.priceDevider {
	display:inline;
}

div.approxPrice {
	font-size: 9px;
  padding-top: 5px;
}

/* Störer */

#header_textbox{
	width:300px;
	height:185px;
	position: absolute;
	z-index: 400;
	top:100px;
	left:55px;
	
}

#balken1 a, #balken1 a:hover{
	color: #fff;
	text-decoration: none;
}

#header_textbox p{
	color:#FFF;
	padding:14px;
	padding-bottom: 25px;
	background: url(/img/header_textbox_bg.png) repeat transparent 0 0;
	position: relative;
}

*+html #header_textbox p{
	background-color: #999;
}

#header_textbox span{
	position: relative;
	top:10px;
	left:-11px;
	width:22px;
	height:21px;
	display: block;
	background: url(/img/textbox_symbol_plus.png) no-repeat transparent 0 0;
	z-index: 450;
}

#header_textbox span.open{
	background: url(/img/textbox_symbol_x.png) no-repeat transparent 0 0;
}

#header_textbox .offerimage{
	position: absolute;
	left:-86px;
	bottom:-58px;
	height:81px;
}

/* t_bar at the bottom
============================================================ 
--------------------------------------------------------- */
/* Toolbar */
div.toolbar {
	position:fixed; 
	left:0px; 
	bottom:0px;
	z-index:10;
	width:100%; height:31px;
	border-top:1px solid #999999;
	background:url(/img/toolbar/bg-osttoolbar.jpg) left top repeat-x;
}
.toolbarCenter {
	margin:0 auto;
	width:1024px;
}
.toolbarIcons {
	float:left; 
	margin-top:7px;
	padding-left:45px;
}
.toolbarIcons img {
	margin:0px;
	padding:0px;
	padding-right:2px;
}
.toolbarBookmarks {
	color:#666;
	vertical-align:4px;
	padding-left:3px;
}
.toolbarNavigation {
	float:right;
	margin-top:5px;
	padding-right:45px;
}

.toolbarPrint,
.toolbarPDF,
.toolbarStaf,
.toolbarReader,
.toolbarBack,
.toolbarTop,
.toolbarMerken,
.toolbarShow {
	float:right;
	padding-top:0px;
	padding-left:25px;
	height:20px;
}

.toolbarPrint img,
.toolbarPDF img,
.toolbarStaf img,
.toolbarReader img,
.toolbarBack img,
.toolbarTop img,
.toolbarMerken img,
.toolbarShow img {
	vertical-align:middle;
}

.toolbarPrint {background:url(/img/toolbar/print.gif) top left no-repeat;}
.toolbarPDF {background:url(/img/toolbar/pdf.gif) top left no-repeat;}
.toolbarStaf {background:url(/img/toolbar/staf.gif) top left no-repeat;}
.toolbarReader {background:url(/img/toolbar/read.gif) top left no-repeat;}
.toolbarBack {background:url(/img/toolbar/back.gif) top left no-repeat;}
.toolbarTop {background:url(/img/toolbar/top.gif) top left no-repeat;}
.toolbarShow {background:url(/img/toolbar/merken.gif) top left no-repeat;}
.toolbarMerken {background:url(/img/toolbar/merken.gif) top left no-repeat;}

a.toolbarLink,
a.toolbarLink:link,
a.toolbarLink:visited,
a.toolbarLink:active {
	color:#666;
	text-decoration:none;
	font-size:10px;
	line-height: 18px;
}
a.toolbarLink:hover{
	color:#000;
}

/* Weather copied from Lenk */
.wetterAktuell { margin-bottom:25px; width:995px;}
.wetterAktuell h2 { color:#333; }

.wetterTag, .wetterDaten {
	float:left;
	width:240px;
	text-align: center;
}
.tempBig {
	font-size: 24px;
	font-weight: bold;
	line-height:40px;
}

.wetterDaten {
	text-align:left;
}
.wetterDaten h2 {
	color:#333;
	font-size:13px;
}
.wetterBig { 
	font-size: 17px; 
	font-weight:bold;
	line-height:40px;
	padding-left:15px;
}
.wetter3Tage { text-align: left; background-color: #f0f0f0; width:736px;}

.wetter3Tage h2 {	color:#333; }

.wetter3Daten { text-align: left; padding: 0 15px; }

.wetter3Daten h2 { text-align: center; } 
.wetter3Daten span.wetterBig {
	line-height: normal;
	padding-left:5px;
}
.pngFix { cursor: pointer; }