/* Standard Template fuer RIO CMS */
/* 28.06.2005 Created by Philipp Blatter */
/* 21.06.2007 PB: Free compiled for RIO CMS System */
/* 14.07.2008 PB: Free styled for odyssee */
/* 09.09.2009 PB: Textstyling for Travelhouse */
/* 12.09.2009 PB: Text darker, Sitemap, navBeta */
/* 26.09.2009 PB: Tabbox Styles */
/* 28.09.2009 PB: Gallery Styles */
/* 09.11.2009 PB: Using for Mobi Only Stylesheet */
/* 10.11.2009 PB: Dynamic Orientation */
/* 18.06.2009 PB: IE6 */
/* 24.06.2009 CC: Einbau Mobi Footer */

/*  color schema -----  */
/*  colordrk: #403c38;  */
/*  colorgry: #EAEAEA;  */
/*  color100: #1278B8;  */
/*  color050: #BCDA84;  */
/*  color025: #DEDDCC;  */
/*  color010: #E9EDF4;  */


body {
	background: #f0f0f0;
	background: #AFA199;
	color: #403c38;
	margin: 0;
	padding: 0;
	font: 13px/15px arial, helvetica, sans-serif;
	width: auto;
	max-width: 480px;
    -webkit-text-size-adjust: none;
    overflow-x: hidden;
	}


/*  layout ------------------------------------------------ */


#wrapper {
	position: relative;
	background: white;
	padding: 0;
	margin: 0;
}


#header {
	position: relative;
	height: 55px;
	margin: 0;
	padding: 0;
	background: #fff;
	z-index: 1; 
	}

.dnomobiheader #panorama {
background: #eee;
}
.dnomobiheader #panorama img {
display: none;
}

/* Mobi Footer */
#stickyfooter {
	/*position: absolute;
	bottom: 0;*/
	height: 46px;
	width: 481px;
	margin: 0;
	padding: 0;
	color: #888;
	background: #000 url(/medias/travelhousemobi/style/mobile-footer-bg.gif) repeat-x;
	}
	
#stickyfooter ul {
	width: auto;
	margin: 0;
	padding: 0;
}
#stickyfooter ul li {
	border:0 none;
	display:block;
	float:left;
	margin:0;
	overflow:visible;
	padding:0;
	text-align:left;
	width: 67px;
	height: 46px;	
}

#stickyfooter ul li a {
	height: 46px;
	width: 67px;
	text-decoration: none;
	display: block;
}

#stickyfooter ul li.shopping a,
#stickyfooter ul li.shopping a:link,
#stickyfooter ul li.shopping a:active,
#stickyfooter ul li.shopping a:visited {
	background: #000 url(/medias/travelhousemobi/style/shopping.gif) no-repeat;
}
#stickyfooter ul li.shopping a:hover,
#stickyfooter ul li.shopping.sactive a,
#stickyfooter ul li.shopping.sactive a:link,
#stickyfooter ul li.shopping.sactive a:active,
#stickyfooter ul li.shopping.sactive a:visited {
	background: #000 url(/medias/travelhousemobi/style/shopping.gif) no-repeat 0 -46px;
}

#stickyfooter ul li.nightlife a,
#stickyfooter ul li.nightlife a:link,
#stickyfooter ul li.nightlife a:active,
#stickyfooter ul li.nightlife a:visited {
	background: #000 url(/medias/travelhousemobi/style/nightlife.gif) no-repeat;
}
#stickyfooter ul li.nightlife a:hover,
#stickyfooter ul li.nightlife.sactive a,
#stickyfooter ul li.nightlife.sactive a:link,
#stickyfooter ul li.nightlife.sactive a:active,
#stickyfooter ul li.nightlife.sactive a:visited {
	background: #000 url(/medias/travelhousemobi/style/nightlife.gif) no-repeat 0 -46px;
}

#stickyfooter ul li.essen a,
#stickyfooter ul li.essen a:link,
#stickyfooter ul li.essen a:active,
#stickyfooter ul li.essen a:visited {
	background: #000 url(/medias/travelhousemobi/style/essen.gif) no-repeat;
}
#stickyfooter ul li.essen a:hover,
#stickyfooter ul li.essen.sactive a,
#stickyfooter ul li.essen.sactive a:link,
#stickyfooter ul li.essen.sactive a:active,
#stickyfooter ul li.essen.sactive a:visited {
	background: #000 url(/medias/travelhousemobi/style/essen.gif) no-repeat 0 -46px;
}

#stickyfooter ul li.sehen a,
#stickyfooter ul li.sehen a:link,
#stickyfooter ul li.sehen a:active,
#stickyfooter ul li.sehen a:visited {
	background: #000 url(/medias/travelhousemobi/style/sehen.gif) no-repeat;
}
#stickyfooter ul li.sehen a:hover,
#stickyfooter ul li.sehen.sactive a,
#stickyfooter ul li.sehen.sactive a:link,
#stickyfooter ul li.sehen.sactive a:active,
#stickyfooter ul li.sehen.sactive a:visited {
	background: #000 url(/medias/travelhousemobi/style/sehen.gif) no-repeat 0 -46px;
}

#stickyfooter ul li.close a,
#stickyfooter ul li.close a:link,
#stickyfooter ul li.close a:active,
#stickyfooter ul li.close a:visited {
	background: #000 url(/medias/travelhousemobi/style/back.gif) no-repeat;
}
#stickyfooter ul li.close a:hover {
	background: #000 url(/medias/travelhousemobi/style/back.gif) no-repeat 0 -46px;
}

#stickyfooter ul li a span {
	position: relative;
	left: -999px;
}


body[orient="landscape"] > div#stickyfooter {
	width: 480px;
}
body[orient="profile"] > div#stickyfooter {
	width: 320px;
	overflow:hidden;
}
body[orient="landscape"] > div#wrapper {
	width: 480px;
}
body[orient="profile"] > div#wrapper {
	width: 320px;
}

#footer {
	margin: 0;
	padding: 8px;
	color: #888;
	background: #9F8577;
	display: none;
	}
	
	
.content {
	margin: 10px 0 0 0;
	padding: 0;
	}
	

#navAlpha {
	width: auto;  
	margin: 0;
	padding: 10px;
	background: #AFA199;
	z-index: 6; 
	display: none;
	}

#navAlpha div {
	border-bottom: 2px solid #ccc;
	margin-top: 5px;
	}
	
#navAlpha div div {
	border: none;
	}

#navAlpha h2 {
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	}


#navBeta {
	width: auto;	
	margin-top: 20px;
	padding: 0;
	color: #403c38;
	background: transparent;
	z-index: 7;
	}


#navYouarehere {
	position: absolute;
	left: 0;
	top: 43px;
	z-index: 9; 
	}

#navYouarehere p { margin: 0 0 0 8px; }
#navYouarehere p, #navYouarehere a, #navYouarehere em { color: #fff; }

#navTools {
	display: none;
	background: transparent;
	padding-top: 18px;
	}
	
	





/*  standard tags  ------------------------------------------------ */


img {
	border: 0;
	}

p {
	margin-top: 0;
	margin-bottom: 1em;
	font: 13px/16px arial, helvetica, sans-serif;
	color: #403c38;
	}
	
th,td {
	padding: 2px 10px 2px 10px;
	font: 12px/16px arial, helvetica, sans-serif;
	}
	
	
b, strong {
	color: #59534c;
	font-weight: bold;
	}

th {
	text-align: left;
	font-weight: bold;
	}
	
a, a:link, a:visited {
	font-weight: normal; 
	text-decoration: underline;
	color: #20557D;
	background: transparent; 
	}

a:hover {
	font-weight: normal; 
	text-decoration: underline;
	color: #4C95B4;
	background: transparent; 
	}

a:active {
	font-weight: normal; 
	text-decoration: none;
	color: #BE8225;
	background: transparent;  
	}
	
a { color: #1278B8; }
a:link { color: #1278B8; }
a:visited { color: #555; }
a:hover { color: #35A1E5; }
a:active { color: #1278B8; }


#footer address { color: #FFE4C1; text-decoration: none; text-align: left; }
#footer a { color: #fff; text-decoration: none; font-weight: normal; }
#footer a:hover { color: #000; font-weight: normal; }
#footer #slogan { display: none; }
#footer div.nav { text-align: right; margin-top: -17px; }



address	{
	font: 10px/15px arial, helvetica, sans-serif;
	color: #555;
	background: transparent; 
	margin-top: 11px;
	}

acronym	{
	font-weight: normal;
	font-style: normal;
	border-bottom: 1px dotted #888;
	}

em {
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none;
	color: #1278B8;
	background: transparent;  
	}


.photoregularfive {
	width: 100%;
}



/*  headlines  ------------------------------------------------ */


h1, h2, h3, h4, h5, h6	{
	font-weight: normal;
	font-family: arial, helvetica, sans-serif;
	}
	
h1	{
	font: italic 1.8em/1.1em Georgia, serif;
	margin-top: 4px;
	margin-bottom: 14px;
	margin-left: 11px;
	margin-right: 6px;
	padding: 0;
	color: #b10123;
	}

h2	{
	font-size: 15px;
	line-height: 1.1em;
	margin-top: 0;
	margin-bottom: 2px;
	margin-left: 8px;
	color: #403c38;
    }

h3	{
	font-size: 16px;
	line-height: 1.1em;
	margin-top: 11px;
	margin-bottom: 6px;
	margin-left: 8px;
	font-weight: normal;
	color: #403c38;
    }

h4	{
	font-size: 13px;
	line-height: 1.1em;
	margin-top: 3px;
	margin-bottom: 4px;
	margin-left: 8px;
	font-weight: bold;
	color: #000;
	}

h5	{
	font-size: 10px;
	font-weight: bold;
	margin-left: 8px;
	margin: 5px 0;
	padding: 0;
	color: #403c38;
	}



/*  layout elements ------------------------------------------------ */


#footer address { color: #bbb; text-decoration: none; }
#footer a { color: #999; text-decoration: none; }
#footer a:hover { color: #000; }
/*.cchome #footer { background: #DEDDCC; padding-left: 10px; }*/




/*  layout elements right ------------------------------------------------ */


#navBeta img {
	margin-bottom: 8px;
	}

/* clean up code with old div id boxes: boxLinks,  boxLinks, boxSpecial, boxExclusive */

#boxLinks, #boxSpecial, #boxExclusive, .sidebox, .bookingbox, .searchbox, .teaser, .picturebox {
	border: 1px solid #DEDDCC;
	margin-bottom: 10px;
	overflow:hidden;
	}

.teaser {
	border: none;
	margin-bottom: 10px;
	overflow:hidden;
	border-bottom: 2px solid #ccc;
	}

.teaser2 {
	border: none;
	margin-top: 5px;
	margin-bottom: 10px;
	overflow:hidden;
	border-bottom: 2px solid #ccc;
	}

.searchbox {
	width: auto;
}


.sidebox h2, .bookingbox h2, .searchbox h2, .teaser h2 {
	background: #DEDDCC;
	color: #000;
	padding: 3px 8px;
	font-size: 12px;
	text-transform: none;
	font-weight: bold;
	margin-bottom: 6px;
	}


.sidebox ul, .bookingbox ul {
	list-style: none;
	margin: 0 2px 8px 8px;
	padding: 0;
	border: 0;
	}

.sidebox p, .bookingbox p, .searchbox p, .teaser p {
	margin: 0;
	padding: 0 2px 5px 8px;
	}

.teaser p {
	margin: 0;
	padding: 0 2px 5px 0;
	}

.teaser h3 {
	margin-top: -5px;
	padding: 0 2px 2px 8px;
	}
.teaser a.internal {
	font-size: 16px;
	display: block;
	margin-bottom: 0px;
	}
	
.teaser img {
	margin: -7px 20px 0 -1em;
	padding: 0;
	float: left;
	width: 150px;
	}
	
	
.teaser2 a.internal {
	font-size: 19px;
	display: block;
	margin-bottom: 0px;
	}
	
.teaser2 img {
	margin: 6px 13px -5px -1em;
	padding: 0;
	float: left;
	width: 150px;
	}
	
* html .teaser2 { border-bottom: none; }
* html .teaser2 { clear: both; }
* html .teaser2 img { float: left; margin: 1px 13px 7px -1em; }
* html .teaser2 span { float: left; margin-bottom: 9px; }
	
.picturebox p {
	padding: 0 2px 0 8px;
	margin: 0;
	background: #DEDDCC;
	}

.picturebox p img {
	margin: 0 0 0 -8px;
	}
	
.picturebox em {
	margin-top: -25px;
	}
	
.leadingbox p { 
	font-size: 16px; 
	font-weight: normal; 
	line-height: 18px; 
	margin-bottom: 0;
}

.textteaser p { 
	color: #fff; 
	background: #BCDA84;
	padding: 7px 10px;
}
.textteaser a { 
	color: #fff;
	text-decoration: none;
}
.textteaser a:hover { 
	color: #000; 
}


/*  navigation left ------------------------------------------------ */

#navAlpha li, #navAlpha a { font: 24px "Arial"; }	

#navAlpha ul, #navBeta ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	}

#navAlpha li	{
	display: inline;
	text-align: left;
	padding: 0;
	margin: 0 0 3px 0;
	border: 0;
	/*
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	*/
	font: 14px/18px verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	color: #656565;
	display: block;
	}

#navAlpha li a {
	display: block;
	margin: 0;
	padding: 3px 2px 0 8px;
	border: 0;
	background: transparent;
	font-weight: normal;
	color: #444;
	text-decoration: none;
	}
	
#navAlpha li a:hover {
	color: #000;
	background: #fff;
	text-decoration: none;
	}

#navAlpha li.sactive a {
	text-decoration: none;
	font-weight: bold;
	color: #003471;
	}	
	
	
/* level2 */

#navAlpha ul.level2 {
	margin: 0;
}

#navAlpha ul.level2 li {
	color: #656565;
	margin: 0;
	padding: 0 0 0 10px;
	}	

#navAlpha ul.level2 li a {
	text-decoration: none;
	font-weight: normal;
	color: #444;
	padding: 3px 2px 0 10px;
	border: 1px solid #555; 
	background: #999;
	boder-collapse: collapse;
	}	
	
#navAlpha ul.level2 li a:hover {
	color: #000;
	text-decoration: none;
	}
	
#navAlpha ul.level2 li.pactive a, #navAlpha ul.level2 li.sactive a {
	text-decoration: none;
	font-weight: bold;
	color: #429BCB;
	}	



/* level3 */


#navAlpha ul.level3 {
	margin: 0;
}

#navAlpha ul.level3 li {
	color: #656565;
	margin: 0;
	padding: 0 0 0 10px;
	}	

#navAlpha ul.level3 li a {
	text-decoration: none;
	font-weight: normal !important;
	color: #656565;
	padding: 3px 2px 0 10px;
	}	
	
#navAlpha ul.level3 li a:hover {
	color: #000;
	text-decoration: none;
	}
	
#navAlpha ul.level3 li.pactive a, #navAlpha ul.level3 li.sactive a {
	text-decoration: none;
	/*font-weight: bold !important;*/
	color: #003471;
	}	

#navAlpha ul+ul {
	margin-top: 20px;
}







/*  navigation top ------------------------------------------------ */


#navTools ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	text-align: right;
 	}

#navTools h2 {
	display: none;
	} 

#navTools ul li {
	display: inline;
	text-align: left;
	border: 0;
	padding: 0;
	margin: 0;
	}

#navTools ul li a {
	height: 15px;
	padding: 2px 5px 2px 5px;
	border-right: 1px solid #ccc;
	margin: 0;
	color: #999;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	}

#navTools ul li a:hover {
	color: #1278B8;
	border-top: 2px solid #7DA1D3;
	}

#tlang {
	position: absolute;
	left: 203px;
}




/*  content ------------------------------------------------ */


.lead {
	font-weight: bold;
	}

.content img {
	margin-bottom: 8px;
	}




img.i {
	background: #fff; 
	/*float: left;*/	
	border: 1px solid #ddd; 
	margin: 2px 0 0 0;
	padding: 0; 
	}
	
img.il {
	margin: 0 16px 4px 0;
	padding: 0; 
	}
	
img.ir {
	margin: 0 0 4px 16px;
	padding: 0; 
	}
	








/*  freedoc content  */


/*.content p {
	clear: both; 
	} */
	
/*.content h2, .content h3 {
	clear: both; 
	} */

.content h2 {
	color: #a48762;
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: bold;
	padding-top: 4px;
	font: italic 1.5em/1.2em georgia, serif;
}

.fcontent {
	padding: 0;
	margin-bottom: 10px;
	margin-bottom: 0;
	overflow:hidden;	
}
.fcontent .fcontent {
	border: none;	
	padding: 0;
}

.content p	{
	display: block;
	margin: 0 8px 1em 8px;
	}

.content p em	{
	color: #1278B8;
	font-weight: bold;
	}


.content a.internalnnn {
	padding-left: 16px;
	background: url(/img/internal.gif) no-repeat 3px 2px;
	color: #1278B8;
	}

.content a.externalnnn {
	padding-left: 16px;
	background: url(/img/external.gif) no-repeat 3px 2px;
	color: #1278B8;
	}


	/*  Lists   */

.content ul {
	margin: 0 0 5px 11px;
	padding: 0 0 3px 0;
	}
	
.content li {
	margin: 0 0 3px 5px;
	padding: 0;
	line-height: 130%;
	list-style: square outside;
	}
	
.content ul ul {
	margin: 3px 0 5px 12px;
	padding: 0 0 3px 0;
	}

.content ul ul li {
	margin: 0 0 1px 5px;
	padding: 0 0 0 5px;
	line-height: 130%;
	list-style-image: none;
	list-style-type: none;
	}

	
	/*  freedoc boxes , check out */ 

.content p.boxalert, .content p.boxalert1 {
	display: block;
	padding: 4px 8px 4px 34px;
	margin-top: 4px;
	margin-bottom: 8px;
	background: #DEDDCC url(/img/alerticon.gif) no-repeat 5px 3px;
	border: 0;
	border-left: 3px solid #CCA;
	color: #000;
	}

.content p.boxalert1 {
	background: #DEDDCC url(/img/i_basket.gif) no-repeat 5px 5px;
	}


.content p.boxalert {
	background: #fff;
	padding: 0;
	font-weight: normal;
	color: #aa9985;
	border: none;
	margin: -10px 0 10px 10px;
	}



.content p.boxquest {
	display: block;
	padding: 4px 8px 4px 30px;
	margin-top: 4px;
	margin-bottom: 8px;
	border: 0;
	background: #DEDDCC url(/img/questicon.gif) no-repeat 5px 3px;
	border-left: 3px solid #CCA;
	color: #000;
	}

.content p.box	{
	display: block;
	padding: 4px 6px 6px 10px;
	margin-top: 4px;
	margin-bottom: 16px;
	background: #FFD387;
	color: #444;
	}
	
.content p.box1	{
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: -9px;
	margin-bottom: 4px;
	}

.content p.box1 img	{
	vertical-align: bottom;
	}


	/*  freedoc pre box  */ 

.content pre	{
	display: block;
	padding: 5px 10px;
	overflow: auto;
	margin-top: 0;
	margin-bottom: 1em;
	background: #EAEAEA; 
	color: #625343;
	font: 11px/1.3 monospace, "Lucida Console", monaco, monospace;
	}

	
	
	/*  freedoc Table Variations in light blue, 100%, 80%, 60%  */
	
.tbl, .tbl1, .tbl2  { 
	margin-bottom: 15px;
	background-color: #fff;
	border: solid 1px #888; 
	}
	
.tbl td, .tbl1 td, .tbl2 td  {
	border-top: 1px solid #aaa;
	border-right: 1px solid #ddd;
	padding: 0 10px 0 10px;
	vertical-align: top;
	background-color: #fff;
	color: #555;
	}
	
.tbl th, .tbl1 th, .tbl2 th  {
	border-right: 1px solid #ddd;
	background-color: #EAEAEA;
	color: #888;
	}
	
.tbl2 th {
	display: none;
	}
	
	
	/*  freedoc Table Variations in light grey, 100%, 80%, 60%  */

.tbl3, .tbl4, .tbl5  { 
	margin-bottom: 8px;
	background-color: #fff;
	border: solid 1px #fff; 
	width: 100%;
	}
	
.tbl3 td, .tbl4 td, .tbl5 td  {
	border: none;
	border-bottom: 1px dotted #999;
	background-color: #fff;
	color: #333;
	padding: 4px 0 4px 5px;
	vertical-align: middle;
	font-size: 1.2em;
	}
	
.tbl3 th, .tbl4 th, .tbl5 th  {
	border: none;
	border-bottom: 1px solid #000;
	background-color: #fff;
	color: #555;
	padding: 4px 0 4px 5px;
	}

.tbl4 th {
	display: none;
	}
	
.tbl5 {
	margin-bottom: 16px;
	}

.tbl5 th {
	border: none;
	border-right: 1px solid #DEDDCC;
	background-color: #DEDDCC;
	color: #555;
	padding: 1px 10px 1px 10px;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
	}
.tbl5 td {
	padding: 2px 10px 2px 10px;
	}


	/*  freedoc Table Variations transparent, 100%, 80%, 60%  */

.tbl6, .tbl7, .tbl8  { 
	margin-bottom: 15px;
	background-color: transparent;
	border: 0; 
	}
	
.tbl6 td, .tbl7 td, .tbl8 td  {
	padding: 0;
	padding-left: 8px;
	background-color: transparent;
	border: 0; 
	}
	
.tbl6 th, .tbl7 th, .tbl8 th  {
	display: none;
	padding: 0;
	background-color: transparent;
	border: 0; 
	}

.tbl7 {
	width: 100%;
	}

.tbl8 {
	width: 70%;
	}

.fline {
	border-top: 1px solid #ccc; 
	height: 7px;
	clear: both;
	}



/*  forms input  */ 


input, input.full { 
	color: #333333; 
	font-size: 11px; 
	font-family: Verdana, sans-serif;
	background-color: #eeeeee;
	}
	
input.full { 
	width: 100%;
	}


select { 
	color: black; 
	font-size: 11px; 
	font-family: Verdana, sans-serif;
	background-color: #eeeeee; 
}

img.butt {
	background: #CBE3EB; 
	border: 0; 
	margin: 0;
	padding: 0; 
}



/*  hotel related pages   ------------------------------------------------ */

	
.hotellist, .destinationlist, .destinationlist2, .infobox {
	padding: 6px 10px;
	margin-bottom: 8px;
	background: #eee;
	}

.hotellist h2, .infobox h2 {
	font-size: 13px;
	text-transform: none;
	font-weight: bold;
	}

.destinationlist h2 {
	font-size: 13px;
	text-transform: none;
	font-weight: bold;
	}


/* alternative hotellist 2 columns */
	
.destinationlist ul {
	border: 0;
	margin-left: 0;
	padding: 0;
	list-style-type: none;
	}

.destinationlist ul li {
	display: block;
	float: left;
	text-align: left;
	border: 0;
	margin: 0 0 4px 0;
	padding: 0;
	list-style-image: none;
	}
	
.destinationlist .fline {
	clear: left;
	border: 0; 
	height: 1px;
}


	
.hotellist ul {
	border: 0;
	margin-left: 0;
	padding: 0;
	list-style-image: none;
	}
	
.hotellist li {
	border: 0;
	margin: 0 0 4px 0;
	padding: 0;
	list-style-image: none;
	}

.infobox h2 {
	padding-bottom: 6px;
	border-bottom: 1px solid #999;
	}

.infobox h3 {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 5px;
	}

.teaserbox {
	padding: 0;
	margin-bottom: 10px;
	background: url(/img/style/elegant/bg_teaserbox.gif) no-repeat;	
	}
	
.teaserbox h2 {
	color: #fff;
	padding: 6px 0 3px 10px;
	margin-bottom: 9px;
	font-size: 1.5em;
	}

.teaserbox h2 em {
	font-size: 0.93em;
	color: #fff;
	padding-left: 10px;
	}

.teaserbox h3 {
	padding: 6px 6px 6px 10px;
	}

.teaserbox img {
	position: absolute;
	left: 12px;
	}
	
.teaserbox p {
	padding: 0 18px 0 190px;
	margin-bottom: 8px;
	left: 0;
	}


.teaserbox .fline {
	background: #fff url(/img/style/elegant/bg_teaserbox.gif) no-repeat 0 -422px;
	border: none;
	height: 20px;
}




/*  logos  ------------------------------------------------ */


#logolink {
	position: absolute;
	left: 0;
	top: 0;
	width: 320px;
	height: 50px;
	z-index: 9;
	}

#buttonlogo {
	display: block;
	padding: 0;
	background: transparent url(/img/mobi/logo-travelhouse.gif) no-repeat;
	width: 320px;
	height: 50px;
	}




/*  helpers  ------------------------------------------------ */


.whitespace	{
	background: #fff url(/img/pat_whitespace.gif);
	margin: 40px 0 0 0;
	padding: 0 15px; 
	}

.clearall {
	clear: both;  /* erzwingt neue zeile nach text umfluss float */
	height: 1px;
	}

.inline {
	display: inline;
	}

.hide, hr {
	display: none;
	}

.vspace {
	margin: 10px 0 0 0;
	}
	
.sp10 { margin-top: 10px; }
.sp15 { margin-top: 15px; }
.sp20 { margin-top: 20px; }



/*  Indu: lievedit  ------------------------------------------------ */

.liveedit {
	margin: 0;
	margin-bottom: 30px;
	border: 1px #E5DD98 solid;
	border-top: 1px #fff solid;
	padding: 2px 5px 2px 26px;
	background: #FAF4C4 url(/img/iliveedit.gif) no-repeat 6px 5px;
}

.liveedit a, .liveedit a:link, .liveedit a:visited {
	text-transform: uppercase;
	color: #CA9D50;
	text-decoration: none;
	background: transparent; 
}

.liveedit a:hover {
	color: #F4B244;
	text-decoration: none;
	background: transparent; 
}

/* in olive */
.liveedit {
	margin: 0;
	margin-bottom: 30px;
	border: 1px #A0D872 solid;
	border-top: 1px #fff solid;
	padding: 2px 5px 2px 26px;
	background: #CDF8A9 url(/img/iliveedit1.gif) no-repeat 6px 5px;
}

.liveedit a, .liveedit a:link, .liveedit a:visited {
	text-transform: uppercase;
	color: #80B231;
	text-decoration: none;
	background: transparent; 
}

.liveedit a:hover {
	color: #9D910C;
	text-decoration: none;
	background: transparent; 
}



/*    ------------------------------------------------ */


.picturebox em {
	color: #5F6C47;
	}



.photoregularfive {
	vertical-align: middle;
	vertical-align: text-top;
}


.avalability li {
	list-style-type: none;
}




/* formular stuff */


.formx input { 
	width: 65% 
	}
	
.warning p {
	margin: 0 0 4px 0;
	padding: 0;
	font-weight: bold;
	color: #f00;
}

.required {
	background: #FFB9AC;
}

label {
	float: left;
	width: 25%;
	padding-top: 3px;
	text-align: left;
	font-size: 95%;
	}

fieldset { 
	border: 1px solid #eee;
	padding: 10px;
	margin-bottom: 10px;
	background: #eee;
	}

fieldset p { 
	margin: 0 0 8px 0; 
	padding: 0 0 0 10px; 
	}

legend {
	font-weight: bold;
	font-size: 12px;
	color: #555;
	padding-left: 3px;
	}

input { 
	font: 11px/100% "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #000; 
	background: #fff;
	margin-top: 5px;
	}

p small {
	font-size: 10px;
	background: #ddd;
	padding: 1px;
	}




/* -------------- NEW ----------------- */



h2 strong {
	color: #FF0000;
}

#navBeta .sidebox a {
	margin-left: 10px;
	}

html {
	scrollbar-arrow-color: #f00;
	overflow-x:hidden; 	
	}

#navBeta #quicksearch, #navBeta #quicksearch h2 {
	background: #ddd;
	}

#navBeta #quicksearch fieldset {
	padding: 0 0 5px 10px;
	margin:0;
	border: none;
	background: #ddd;
	}

#navBeta #quicksearch legend {
	display: none;
	}
	
#navBeta #quicksearch input {
	background: #fff;
	}
	
#navBeta #quicksearch p,  #navBeta #quicksearch label {
	padding: 0;
	margin: 0;
	}
#navBeta #quicksearch form {
	margin: 0;
	padding:0;
	}


#xForm input, #xForm textarea {	margin: 2px; width: 70%; }
#msg textarea { height: 7em; }
#sendform input { margin-left: 10em; width: 50%; float: left; }
#captcha label { width: 100%; }
#captcha input { margin-left: 10em; width: 160px; }
#captcha img { margin-left: 9.25em; }
#cancel input { width: 20%; }



#header h2 {
	font-size: 24px;
	color: #fff;
	padding: 10px 25px;
	text-align: right;
}





/* sitemap */

.content .sitemap ul {
    list-style-type:square;
    margin:0;
    padding:0 0 0 18px;
	}
.content .sitemap li {
    margin-bottom:9px;
    line-height:16px;
    font-size: 17px;
	}
.content .sitemap ul ul { 
    list-style-type:circle;
	}
.content .sitemap ul ul li {
    list-style-type:circle;
    background:url(/medias/li-frame.gif) no-repeat 0px 6px;
    margin:8px 0 0 0;
    padding-left:12px;
    font-size: 15px;
	}
* html .content .sitemap ul ul li { 
	background-position:0px 7px; 
	}
.content .sitemap ul ul ul li { 
    list-style-type:disc;
	background:none; 
    font-size: 13px;
    margin:3px 0 0 0;
	}
.content .sitemap ul ul ul ul li { 
    list-style-type:circle;
    font-size: 11px;
	}
.content .sitemap ul ul ul ul ul li { 
    list-style-type:disc;
	}
.content .sitemap ul ul ul ul ul ul li { 
    list-style-type:circle;
	}

.map { 
	border: 1px solid #aaa;
}
.map img { 
	padding: 0;
	margin: 0;
}




/* tabbox */

* html .tabbox ul {
	margin: 10px 0 -4px 0;
	margin: 10px 0 0 0;
}

.tabbox ul, .tabboxauto ul {
	margin: 10px 0 0 0;
  	width: 100%;
 	height: 21px;
 	padding: 0 0 3px 0;
 	background: #eee;
  	border-left: solid 1px #999;
  	border-bottom: solid 1px #999;
	clear: both;
}

.tabbox ul li, .tabboxauto ul li {
	border-top: solid 1px #bbb;
	border-right: solid 2px #999;
	background: transparent;
 	color: #555;
 	font-weight: bold;
	margin: 0;
	padding: 0;
 	list-style-type: none;
 	float: left;
	height: 18px;
	height: 23px;
 	width: 150px;
	cursor: pointer;
}

.tabbox ul li a, .tabboxauto ul li a {
	display: block;
	border-top: solid 1px #cfcfcf;
	border-right: solid 2px #999;
	background: #ccc;
	text-decoration: none;
 	color: #555;
 	font-weight: bold;
	margin: 0;
	padding: 4px 4px 3px 16px;
 	height: 17px;
 	width: 130px;
	cursor: pointer;
}

.tabbox ul li.selected a, 
.tabbox ul li.selected a:hover, 
.tabboxauto ul li.selected a, 
.tabboxauto ul li.selected a:hover 
{
	background: #fff;
 	color: #000;
	margin: 0;
 	width: 140px;
 	margin: 0 0 0 -30px:
}

/* picture gallery */

#gallery #thumbs {
	background: #333;
	padding: 10px 0 0 8px;
	clear: right;
	margin: 8px -5px 20px -5px;
	margin: 0;
}
#gallery #thumbs a {
	display: block;
	width: 96px;
	height: 50px;
	overflow: hidden;
	border: 2px solid #000;
	border-bottom: 7px solid #000;
	margin: 2px 4px 4px 0;
	float: left;
}
#gallery #thumbs a:hover {
	border: 2px solid #fff;
	border-bottom: 7px solid #fff;
}
#gallery #thumbs img {
	width: 100px;
}

#gallery #navigation {
	float: right;
	margin-right: 8px;
}

.onlineanfrage {
margin: 10px 0;
padding: 4px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #cde;
}

.betaItem {
display: none;
}

#panorama {
background: #EE7F01;
background: #CE7726;
width: auto;
}
#panorama h1 {
	position: absolute;
	top: 140px;
	left: 0;
	width: 304px;
	background: transparent url(/img/mobi/bg-titlebar-30p.png) no-repeat -10px 8px;
	text-align: right;
	padding: 10px 5px 10px 0;
	font-size: 1.6em;
	color: #EE7F01;
	color: #fff;
	z-index: 9;
	}

#panorama img {
width: 310px;
border-left: 10px solid #990000;
}

#destinationmap img {
width: 320px;
}



.teaser2 a.internal {
    margin: 0;
    padding: 1px 3px;
    width: 230px;
    height: 32px;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    /*text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;*/
    /*text-overflow: ellipsis;*/
    text-decoration: none;
    white-space: nowrap;
   	background: none;
    border-width: 0 16px 0 5px;
    -webkit-border-image: url(/img/mobi/bu_orangearrow.png) 0 16 0 5;
    -moz-border-image: url(/img/mobi/bu_orangearrow.png) 0 16 0 5;
}

/*
.teaser2 a.internal {
    background: #fff url(/img/mobi/bg-orangebutton.gif);
    border-width: 0;
    width: 245px;
    padding-left: 9px;
}

body:last-child:not(:root:root) .teaser2 a.internal {
    width: 230px;
    border-width: 0 16px 0 5px;
    -webkit-border-image: url(/img/mobi/bu_orangearrow.png) 0 16 0 5;
}
*/