#content_left {width: 5px;}
#content_main {width: 955px; color: #00367B;}   			  
#content_right {width: 0px;}
font { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
#content_main h1 {font-size: 16px; line-height: 20px; margin-top: 5px; margin-bottom: 10px;}
#content_main h2 {font-size: 14px;}
#content_main h3 {font-size: 14px;}
#bread_crump{margin: 10px 5px 5px 6px;float: left; width: 945px;}
#texte {width: 468px; height: 395px; float: left; border: 1px solid #FFD633;}   			   
#texte .text{width: 463px; height: 314px; overflow: auto; float: left; padding-left:5px;}
#texte .top{width: 467px; background: transparent url('http://www.lmx-touristik.de/img/clip-image-topgrafik.png') no-repeat; height: 30px; padding: 2px 0 0 2px; margin: -1px 0 0 -1px; float: left; overflow: hidden; white-space: nowrap; }   			   
#texte .bottom{width: 469px; background: transparent url('http://www.lmx-touristik.de/img/hotelbeschreibung-bottom.png') no-repeat bottom left; height:50px; float: left;}
#texte .address{ font-size: 10px; margin-top: 35px;}
#texte h2{display: inline; margin-left: 3px;}
#offers { width: 950px; float: left; margin-top: 10px; }
#p_offers, #h_offers {width: 948px; float: left; margin-top: -5px; background: #FADC00; border: 1px solid #FFD633; border-top: 0 none;}
#quick_find {width: 710px; height: 144px; float: left; background: #FADC00;  border: 1px solid #FFD633; margin-bottom: 5px;}
h4, #wetter caption{margin:0px; font-size: 14px; background: transparent url('http://www.lmx-touristik.de/img/top_bg.png') repeat-x; padding:4px 0px 4px 4px;}			   
#quick_find form{display: inline;}
#quick_find label {display: block;}
#quick_find fieldset {border: 0 none; padding: 4px 0 4px 0;}
#quick_find select {width: 125px;}
#quick_find select.long {width: 160px;}
#quick_find select.short {width: 75px;}
#quick_find .input {float: left; width: 103px;}
#quick_find .submit_button { margin: 14px 0px 0px 10px; width: 101px; height: 20px; padding: 0; background: url(http://www.lmx-touristik.de/img/searchpanelbutton-on.png); border: 0 none; font-weight: bold; color: #FFF; float: right;}
#quick_find div {float: left;}
#quick_find div.default { width: 162px;}			   
#quick_find div.short { width: 127px;}			   
#quick_find div.half { width: 80px;}
#quick_find div.double { margin-top:-2px; margin-left: 5px; width: 275px;}
#quick_lastmin, #quick_hotel {width: 707px; height: 100px; float: left; overflow: hidden; margin: 0 0 0 2px;}	
#quick_hotel div.default { width: 155px;}		   
#quick_hotel select.long {width: 152px;}			   
#quick_hotel .input {width: 130px;}	
#quick_hotel div.double { margin-top:-2px; margin-left: 0px; width: 182px;}
#hotel_attribute {width: 230px; height: 140px; float: left; margin-left: 5px; color: #00367B; border: 1px solid #FFD633; background: #FEE480; overflow: hidden;}		
#hotel_attribute ul, #hotel_attribute li {padding: 0; margin: 0px; list-style-position:outside;}	   
#hotel_attribute ul{list-style-image:url('http://www.lmx-touristik.de/img/besonderheiten-off.png'); margin: 5px 0 0 50px;}	
#hotel_attribute li {padding-left: 5px;}		   
#hotel_attribute .checked{list-style-image:url('http://www.lmx-touristik.de/img/besonderheiten-on.png');}
#offers table { margin-top: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #00367B; border: 0 none; border-spacing: 0; border-collapse: collapse;}
#offers td {padding: 3px 1px 3px 1px;}
#offers .odd {background: #FEE480;}
#offers .even {background: #FEF1BC;}			   
#add_info { width: 468px; float: left; margin: 10px 0 0 0;}

#ratings { width: 468px; float: left; border: 1px solid #FFD633; margin-bottom: 10px; text-align:left;}			   
#ratings_title {font-size: 14px; color: #00367B; background: #FEE480; margin: 0; padding: 5px;  }
#ratings .ratings_legend {font-size: 10px; color: #A6A6A6; margin-left:5px; float: left;}			
#ratings span, #nyroModalContent span {margin-left:5px;}
#ratings p.detail {margin:5px; text-align: left;}   
#nyroModalContent p.detail {margin: 5px 0 10px 0; line-height: 20px; text-align: left; clear: both;} 
#nyroModalContent div.detail { border: 1px solid #FFD633; border-bottom: 0; margin-bottom: 5px; text-align: left; clear: both; padding: 5px;} 
#ratings div.stars, #nyroModalContent div.stars {width: 125px; height: 18px; float:left; margin: 0 10px 4px 0;}
#ratings div.bar_border, #nyroModalContent div.bar_border {border: 1px solid #00367B; width: 96px; height: 10px; float:left; margin-right: 5px; background: #FEE480;}
#ratings div.bar, #nyroModalContent div.bar {background: #00367B; height: 10px; float:left;}
#ratings div.row, #nyroModalContent div.row {float:left; min-width: 130px;margin: 0 0 0 5px;}
#ratings div.caption, #nyroModalContent div.caption {font-size: 11px; margin: 3px 0 0 0;}			   
#ratings div.overall {width: 468px; float:left; border: 1px solid #FFD633; background: #FDF6D9; margin: 0 0 5px 2px; }
#nyroModalContent div.overall {width: 568px; float:left; border: 1px solid #FFD633; background: #FDF6D9; margin: 0 0 5px 2px; clear: both;}
#ratings div.rating_head{width: 462px; float: left; border: 1px solid #FFD633; background: #FDF6D9;margin:5px 0 0 2px; text-align: left;}			   
#nyroModalContent div.rating_head { border: 1px solid #FFD633; background: #FDF6D9; margin: 0 0 5px 2px;}			   
#ratings div.rating_signe, #nyroModalContent div.rating_signe {width: 90px; float: right; margin:5px;}
#ratings div.box, #nyroModalContent div.box {width: 462px; float: left;}
#ratings p.more, #nyroModalContent p.more {margin: 0 5px 0 0; float: right;}
#ratings .list, #nyroModalContent .list{margin-left: 5px;}
#ratings .list p, #nyroModalContent .list p {margin: 0 0 5px 0; float: left; width: 150px;} 
#ratings p.list_va, #nyroModalContent p.list_va{width: 462px;}
#nyroModalContent div.col1, #nyroModalContent div.col2 {	float: left; width: 572px;}
#nyroModalContent { float: none; z-index: 10900;	background: #FEE480; text-align: left; color: #00367B;}
#nyroModalContent strong {
	color: #00367B;
	float:left;
	line-height:20px;
	width:160px;
}
#nyroModalContent .expand {
	float:right;
}
a#closeBut {
	position: absolute;
	display: block;
	top: -17px;
	right: -4px;
	width: 13px;
	height: 12px;
	text-indent: -9999em;
	background: #00367B url('http://www.lmx-touristik.de/img/close.gif') no-repeat scroll 100% 0;
	outline: 0;
	width: 597px;
}
div#nyroModalWrapper {	background: #fff;	border: 4px solid #777; }
#map { width: 470px; float: left; margin: 10px 0 0 10px; border: 1px solid #FFD633;}
#klima { width: 470px; float: left;overflow:hidden; }
#wetter { width:469px; padding:0; margin:1px; border-collapse: collapse; empty-cells: show; background: #FFFFFF; border: 1px solid #FFD633;}
#wetter caption { font-weight: bold; text-align: left; border: 1px solid #FFD633;border-bottom: 0 none;margin-left: -1px;}
#wetter img{margin-top: -1px;}
#wetter td {text-align: right; line-height: 20px; padding-right: 3px;}
#ifmap {border: 0 none; width: 470px; height: 613px;}			   
#carousel {margin-left:7px; width: 470px; float: left; height: 395px; overflow: hidden; border: 1px solid #FFD633;}
#carousel #switch{z-index:200; position: absolute; height: 35px; width: 470px; background: transparent url('http://www.lmx-touristik.de/img/clip-image-topgrafik.png') no-repeat; margin-top: -1px;}
#carousel .bottom{z-index:100; position: absolute; height:395px; width: 470px; background: transparent url('http://www.lmx-touristik.de/img/clip-image-bottom.png') no-repeat bottom left;}			   
/*#carousel .bottom{z-index:100; position: absolute; height:395px; width: 470px; background: transparent no-repeat bottom left;}*/			   
#carousel img{ border: 0 none; }	
#carousel #image-gallery{z-index:110; position: absolute; width: 470px; height:384px; overflow: hidden; margin-top: 34px;}
#carousel #image-clip{z-index:1; position: absolute; width: 470px; height:382px; overflow: hidden; margin-top: 13px;}
#carousel object {z-index: 1;}
div.content {
/* The display of content is enabled by a javascript generated style on the page.
This is so that the slideshow content won't display unless javascript is enabled. */
display: none; float:left; width:340px;
}
div.content a, div.navigation a { text-decoration: none; color: #0F2862; background: #ffd633;}
div.content  a:focus, div.content  a:hover, div.content  a:active { text-decoration: underline;}
div.controls { float:right; margin-top: 5px; height: 23px; width: 450px;}
div.controls a { padding: 5px; }
div.ss-controls { float: right; }
div.nav-controls { float: right; }
div.loader { background-image: url('http://www.lmx-touristik.de/img/loading.gif'); background-repeat: no-repeat; background-position: center; width: 450px;}
div.slideshow {	clear: both; }
div.slideshow span.image-wrapper {float: left; /*padding-bottom: 12px;*/}
div.slideshow a.advance-link { padding: 2px; display: block; border: 1px solid #ccc; }
div.slideshow img { border: none; display: block; }
div.download { float: right; }
div.embox { clear: both; border: 1px solid #ccc; background-color: #eee; padding: 12px; }
div.image-title { font-weight: bold; font-size: 1.4em; }                
div.image-desc { line-height: 1.3em; padding-top: 12px; }
span.image-wrapper { /*height: 245px;*/ overflow: hidden;}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs { clear: both; margin: 0; padding: 0px 0px 0px 20px; }
ul.thumbs li {float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none;}
a.thumb { padding: 2px; display: block; border: 1px solid #ccc; }
ul.thumbs li.selected a.thumb { background: #000; }
a.thumb:focus { outline: none; }
ul.thumbs img { border: none; display: block;}
div.pagination { clear: both; }
div.navigation div.top { margin-bottom: 0px; height: 0px; }
div.navigation div.bottom { margin-top: 0px; }
div.pagination a, div.pagination span.current { display: block; float: left; margin-right: 2px; padding: 2px 5px 2px 5px; border: 1px solid #0F2862;}
div.pagination a:hover { background-color: #0F2862; text-decoration: none; color: #FFF }
div.pagination span.current { font-weight: bold; background-color: #0F2862; border-color: #0F2862; color: #fff; }  
.clear { clear: both; }
.more { cursor: pointer;}
div.caption{
	opacity: 0.67;	
	width: 312px;
	float: left;
	margin: 2px 0 0 2px; 
	font-size: 9px;
}
#caption {
	float: left;
	width: 320px;
}