@charset "utf-8";
/* CSS Document */

@media all
{
	/* -- general -- */
	html * {margin:0; padding:0; font-size:100.1%;}
	body { color: #333333; font-size:0.6875em; font-family: Verdana, Geneva, Arial, Sans-serif; line-height:1.4em; margin: 0; padding: 0; height:100%; background:#FFFFFF; }
	h1, h2, h3, h4, h5, h6 { color:#003D4A; }
	h2 { font-size:130%; font-weight:bold; margin:0 0 5px 0;}/*line-height:130%;*/
	h3 { font-size:120%; line-height:120%; font-weight:bold; }
	h4 { font-size:110%; line-height:110%; font-weight:bold; }
	h5 { font-size:110%; line-height:110%; }
	h6 { fontsieze:110%; line-height:110%; font-style:italic; }
	
	a, a:link, a:visited { color:#003D4A; cursor:pointer}
	h2 a:link, h2 a:visited, 
	#tree a:link, #tree a:visited, 
	#menu a:link, #menu a:visited, 
	#additional a:link, #additional a:visited, 
	.hoteltree a:link, .hoteltree a:visited, 
	#footer a:link, #footer a:visited { text-decoration: none; }
	a:hover { color:#FB8501; text-decoration: none;}
	
	hr 	{ color:#fff; background:transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border:0; border-bottom:1px #003D4A solid;}
	p	{ margin: 0 0 1em 0; } 
	
	ul, ol	{ margin: 0 0 1em 0; }
	li 		{ margin: 0 0 0 2em; }
	dl, dt, dd {}
	dt {display:inline; float:left; font-weight:bold; width:5em;}
	.dl-list {margin-left:4em;}
	
	table	{ padding:0; border-spacing:2px; border-collapse:separate;}
	th		{ text-align:left; background:#DDDDDD; color:#003D4A; font-size:120%; line-size:120%; padding:0.35em; border:1px solid #999999;}
	td		{ padding:0; margin:0; vertical-align:middle;}
	td p	{ padding:0; margin:0 0 1em 0;}
	td ul	{ padding-top:0; margin-top:0;}
	
	form		{ margin:0; padding:0;}
	fieldset	{ margin-bottom:2em; padding:1em;}
	legend		{ color:#003D4A; font-weight:bold;}
	select, option, input, textarea	{ color: #333333; font-size:100%; font-family: Verdana, Geneva, Arial, Sans-serif; margin:2px; padding:4px; }
	select {padding:0;}
	
	img {border:0;}
	
	
	/* -- page structure & style (IDs) -- */
	#page	{width: 990px; margin:0; padding:0; }
	#banner	{float:right; width:140px; margin:10px 0 0 0;}
	
	#container	{width:830px; margin:10px; }
	h1			{margin:0 0 10px 0;}
	#tree		{background:#DDDDDD; color:#003D4A; padding:4px; margin:0 0 10px 0; clear:both;}
	#content	{float:left; background-image:url("../images/menubg.gif"); margin:0 0 10px 0; width: 100%; }
	#mainContent {float:left; padding-bottom: 5px; width: 620px;}
	#additional	{float:right; width:202px;}
	#hoteldesc 	{margin-right:210px;}
	.hoteltree	{margin-bottom:1em;}
	#pricing	{clear:both;}
	#poweredby	{clear:both;}
	#footer		{background:#DDDDDD; padding:4px; clear:both;}
	
	
	/*Styles für Listen*/
	.listimg {float:left; width:200px; margin:0 10px 10px 0; border:1px solid #DDD;}
	.summary, .housing-list-item {float:left; width:408px; margin:0 0 10px 0;}
    .housing-list-item div.summary { float: none; width: auto; margin: auto; }
	.marginbottom1em {margin-bottom:1em}
	
	/* page styles */
	.logo	{display:block; height:60px; width:200px; text-indent:-9999px; background-image:url("../images/logo_neu.gif"); float:right;}
	.mangos {display:block; height:60px; width:200px; text-indent:-9999px; background-image:url("../images/mangospalten.gif");}
	/*ContentBereich*/
	#headerbox {background-color:#DDD; padding:4px; margin-bottom:1em;}
	.headerbox {background-color:#DDD; padding:4px; margin-bottom:0.2em;}
	#headerbox h2 {font-size:100%; color:#333; margin:0;}
	#googlemap {height:200px; border:1px solid #DDD;}
	#tripadvisor {margin:1em 0 2em 0;}
	#tripadvisor .rating, #tripadvisor .title {display:block;}
	#tripadvisor .title {font-weight:bold;}
	a.requestlink {background-color:#DDDDDD; border:1px solid #003D4A; font-size:1.2em; font-weight:bold; padding:4px; text-decoration:none;margin-top:1em; display:block; float:left;}
	a.requestlink:hover {border:1px solid #003D4A;}
	.detailtext {padding:0 4px; margin-bottom:1em;}
	.box {display:block; font-size:100%; font-weight:bold; background-color:#DDD; padding:4px;} 
	.box a {display:block; } 
	.so-on {background-color:#FDB813;}
	.wi-on {background-color:#ADC7E7;}
	.so-on, .so-off, .wi-on, .ewinter-off {margin-bottom:4px;}
	/*Bilder*/
	#bilder {}
	#bilder img {border:1px solid #CCC; margin-bottom:1em;}
	#img-thumbs {margin:0;}
	#img-thumbs li {margin:0; float:left; display:inline; list-style:none;}
	#img-thumbs li img {margin:0; float:left; display:inline; list-style:none; margin-bottom:0.5em;}
	#img-thumbs .mid {margin:0 8px;}
	#img-thumbs img {width:60px; height:60px;}
	/* Kategorien Ausstattung */
	.h3 {color:#003D4A; font-size:120%; line-height:120%; font-weight:bold;}
	/*Sonstige*/
	.buchenbutton {font-weight:bold; text-transform:uppercase; float:right; margin: 0 2em 0 0;}
	.floatright {float:right;}
	.floatleft	{float:left;}
	.clearboth	{clear:both;}
	.wrap {clear:both; height:0; line-height:0; margin:0; paddnig:0;}
	.w50 {width:50%;}
	.w90 {width:90%;}
	/*Legende*/
	.filterlist li {display:block; float:left; list-style:none outside none; margin-right:5px; white-space:nowrap; width:150px;}
	
	/* HOTEL-STARTSEITE */
	#region-suche {float:left; width:300px; height:200px;}
	#verfuegbarkeit {border-left:1px solid #003D4A; margin-left:10px; padding-left:10px; float:left; width:299px;}
	#verfuegbarkeit div.date {float:left; width:50%;}
	#verfuegbarkeit label, #verfuegbarkeit label.inlinelabel {display:block; margin:0.5em 0 0.2em 0;}
	#verfuegbarkeit input, #verfuegbarkeit select {margin:0;}
	#verfuegbarkeit input.block {width:90%;}
	#verfuegbarkeit select {padding:2px;}
	#verfuegbarkeit select option {padding:2px;}
	#verfuegbarkeit hr {border-bottom:1px #CCCCCC solid;}
	#optionalsearchlink {display:block;}
	a.boxlink {display:block; text-decoration:none; cursor:pointer;}
	
	#verfuegbarkeitabfragen {border:1px solid #DDD; padding:4px;}
	#verfuegbarkeitabfragen label {display:block; margin:0.5em 0 0.2em 0;}
	#verfuegbarkeitabfragen label.block {margin:0;}
	#verfuegbarkeitabfragen input, #verfuegbarkeitabfragen select {margin:2px 0;}
	#verfuegbarkeitabfragen input.block {width:90%;}
	#verfuegbarkeitabfragen select {padding:2px;}
	#verfuegbarkeitabfragen select option {padding:2px;}
	#verfuegbarkeitabfragen .inlinelabel {clear:both; float:left; width:65px;}
	.inlinelabel {clear:both; float:left; width:65px; margin:0.5em 0 0.2em 0;}
	/*Suche ändern*/
	fieldset#suche-aendern div#verfuegbarkeit {padding:0; margin:0; float:none; border:0; width:auto; height:auto; }
	fieldset#suche-aendern div.date {width:25%;}
	fieldset#suche-aendern div.date label {display:block; }
	fieldset#suche-aendern input#destination {width:50%;}
	fieldset#suche-aendern .errors {color:#FB8501;}
	fieldset#suche-aendern ul.error_list li {display:normal;}
	/* HOTEL DETAIL SEITE*/
	.reisedatenContent {display: block; float: left; width: 80px; padding-top:8px; font-weight:bold;}
	#verf-rooms td.header {background:#F3F3F3; padding:0.2em 0; font-weight:bold;}
	/*Segemente*/
	div.detailtext > div {margin-bottom:1em;}
	
	.ui-datepicker-trigger {position:relative; top:3px; left:3px;}
	.ui-state-active {background-color:#FB8501; color:#FFF;}
	
	/* OFFER-BOXES */
	#offerboxes .offer {float:left; width:200px;}
	#offerboxes .mid {margin:0 10px;}
	#offerboxes a {display:block; font-weight:bold; text-decoration:none;}
	#offerboxes .header {padding:5px 4px; background-color:#DDD;}
	#offerboxes .subheader {padding:5px 0;}
	#offerboxes a.noblock {display:inline; font-weight:normal; text-decoration:underline;}
	
	/*Hotel Preisdarstellung*/
	.pricingoverview {clear:both;} /*margin-bottom:1em;*/
	.pricingoverview td {padding:0.2em;}
	.packagetable td {padding:0.2em; border-bottom:1px solid #DDD;}
	.throw {background-color:#DDD; font-weight:bold; text-align:center; padding:0.2em;}
	.trone {background-color:#d3e9f5;}
	.trother {background-color:#eeeecc;}
	.trrequest {color:#999;}
	.onrequest {color:#FF3300;}
	
	/* MESSAGE BOX*/
	.alertbox {display:block; border:1px solid #FF3300; background:#FFCCCC; padding:1em 2em; font-weight:bold; margin-bottom:1em;}
	ul.error_list, ul.error_list li {display:inline;}
	ul.error_list li {color:#FB8501; font-weight:bold;}
	.highlight { background-color: #FB8501; color: #000; }
	.error_msg {color:#FB8501; font-weight:bold;}
	
	.pagination {text-align:center}
	.pagination-links {width: 130px; margin:auto;}
	.pagination-links span a, .pagination-links span.current
	{background-color:#F3F3F3; border:1px solid #999999; display:block; float:left; height:20px; width:20px; line-height:20px; margin:0 2px; text-align:center; text-decoration:none; font-weight:bold;}
	.pagination-links span.current {color:#999999}
	.pagination a.forback 
	{background-color:#F3F3F3; border:1px solid #999999; display:block; height:20px; width:20px; line-height:20px; margin:0 2px; text-align:center; text-decoration:none; font-weight:bold;}
	
	#attribute-search {margin-bottom:4px;}
	#attribute-search h4 {padding:1em 0 0.2em 0;}
	#attribute-search li {list-style:none; float:left; width:33%; margin:0;}
	
	
	#startbox1, 
	#startbox3, 
	#startbox4, 
	#startbox6 {background:#FFFFFF; padding:0; margin:0;}
	#startbox2, 
	#startbox5 {background:#FFFFFF; padding:0; margin:0 10px 0 10px;}
	#startbox1 .startboxhead, 
	#startbox2 .startboxhead,  
	#startbox3 .startboxhead, 
	#startbox4 .startboxhead,  
	#startbox5 .startboxhead, 
	#startbox6 .startboxhead  {margin:0; padding: 5px 0 5px 4px; background-color:#DDD;}
	#startbox1, 
	#startbox2, 
	#startbox3, 
	#startbox4, 
	#startbox5, 
	#startbox6 {float: left; width:200px;}
	#startbox1 h2, 
	#startbox2 h2,  
	#startbox3 h2,  
	#startbox4 h2,  
	#startbox5 h2, 
	#startbox6 h2 {padding: 5px 0 5px 0; font-size:100%} 
	#startbox1 h3, 
	#startbox2 h3, 
	#startbox3 h3, 
	#startbox4 h3, 
	#startbox5 h3, 
	#startbox6 h3 {padding: 5px 0 5px 0; font-size:100%; line-height:120%;} 

/** BUTTONS **/
.button, a.button {float:right; margin-right:6px; padding:0.5em; background:#FB8501; color:#FFFFFF; font-weight:bold; font-size:1.2em; border:0; cursor:pointer;
		 border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
a.button {text-decoration:none;}
.button:hover {background:#FDB813; color:#333333;}
.submit {}
.bookinglink, a.bookinglink {background:#209B29;}
.back {background:#DDD; color:#999;}

}