/*** Positionierung ***/

* { margin: 0; padding: 0; }

body {
	min-width: 990px;
	max-width: 1280px;
	color: #000;
	background: #fff;
}


#header, #footer {
	width: 100%;
	overflow: hidden;
}

#maintenance { background: #008; text-align: right; color: yellow; }

#header {
	min-height: 101px;
	background: #004e6f url(/images/design/earth_bg.png) no-repeat;
	padding-bottom: 15px;
	font-size: 11pt;
}

#logo { position: absolute; left: 15px; top: 5px; }

#ft-search, #login { 
	float: right; 
	margin-right: 15px; 
	margin-top: 15px;
}

#login input, #ft-search input { border: 1px solid #373737; background: #eee; color: #373737; }
#login { margin-top: 10px; clear: right;}
#login .actions { margin-top: 10px; }
#login a { text-decoration: none; background: url(/images/design/list-icon-1.png) 0 2px no-repeat; padding: 0 10px 5px 17px; } 
#login a:hover { text-decoration: underline; color: #eee; }

#teaser { position: absolute; width: 300px; top: 41px; left: 15px; }
#teaser .bubble { position: absolute; left: 300px; top: -30px;  }

#main { margin: 15px; position: relative; overflow: hidden; }
#room-search { margin-top: 123px; }
#room-search, #info { float: left; width: 280px; overflow: hidden; }
#info { clear: left; }

#content { overflow: hidden; }
* html #content { display: inline-block; }
#content-wrapper { margin-left: 315px; } 
#content .supp { width: 200px; float: right; }


#footer {
	margin-top: 15px;
	background: #424242 url(/images/design/footer_bg.png) repeat-x;
}
#site-menu { float: left; margin-left: 15px; min-height: 83px; }
#footer-ads { float: right; margin-top: 10px; margin-right: 15px; }


/* Allgemeine Formatierungen */

body {
	font-size: 100.01%;
	font-family: "Liberation Sans", "Nimbus Sans L", Calibri, "Trebuchet MS", sans-serif;
}

a { color: #0062a1; }
a img { border: none; }

#logo a { font-size: 26px; color: #fff; text-decoration: none; font-variant: small-caps; font-weight: bold; }

input { padding: 3px; }
#content input, #content textarea { padding: 2px; border: 1px solid #676767; margin-bottom: 2px; }

label.hidden { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

h1, h2 { color: #004e6f; }

legend { text-transform: uppercase; font-size: .8em;  font-weight: bold; }

ul.links li { list-style-type: none; }
ul.links li:before { content: "->"; }

dl.faq dt:before { content: 'Q: '; }
dl.faq dd:before { content: 'A: '; }
dl.faq dt { font-weight: bold; border-bottom: 1px solid #ddd; }
dl.faq dd { margin-bottom: 15px;}

.footnote { margin-top: 1.5em; font-size: .8em; }

.vcard .adr .country-name { text-transform: uppercase; }

div.no-break { overflow: hidden; /* IE6 hasLayout -> */ position: relative; }
div.nifty-wrapper { overflow: hidden; width: 100%; }

/* Geldwerte: XX,YY WÄHRUNG - XX rechtsbündig */
input.monetary { text-align: right; }


/* Spezielle Formatierungen */

#login { text-align: right; }
#login, #login a { color: #fff; }
#login li { display: inline; }

#teaser, #room-search { margin-bottom: 15px; }

#room-search { background: url(/images/design/searchbox_bg.png); }
#room-search div { background: url(/images/design/search-icon.png) top right no-repeat; }
#room-search h1 { color: #fff; font-size: 1.2em; padding-bottom: 4px; border-bottom: 1px #fff dotted; width: 220px; margin-bottom: 15px; }
#room-search table { margin: 10px 0px; width: 100%; border-collapse: collapse; }
#room-search tr { background: #c96829; padding: 5px 0px; }
#room-search tr.odd { background: #ff8434; }
#room-search th { text-align: left; font-weight: normal; }
#room-search td, #room-search th { padding: 2px 5px; }
#room-search .dates img { vertical-align: middle; }

#room-search, #info, #content .supp .box { padding: 10px; }
#room-search { color: white; }
#room-search h2 { color: white; }
#room-search fieldset { border: 1px dotted #5f2204; padding: 10px; margin-bottom: 10px; }
#room-search legend { color: #5c2003; background: #d44600; padding: 0 3px;}

#room-search .destination ul { list-style-type: none; font-style: italic;  }
#room-search .destination .address_roomsearch_input { background: url(/images/design/address_input_bg.png) no-repeat; border: none; margin: 6px 00px; padding: 12px 0px 15px 42px; }
#room-search .destination .address_roomsearch_input input { border: none; background: white; width: 200px;  }
#room-search .destination .address_roomsearch_examples { font-size: .9em;  }
#room-search select, #room-search input {background: #edc8af; border: 1px solid #fff; margin: 1px; padding: 1px; color: black;  }
#room-search input[type=text] { width: 150px;  }
#room-search optgroup { font-weight: bold; font-style: normal; margin: 0px 0px 10px 6px; color: gray; text-transform: uppercase; background: #eaeaea; }
#room-search optgroup option { color: #000; font-weight: normal; text-transform: none; border-bottom: 1px solid #eaeaea; padding: 1px 2px; background: #fff; }

#info { background: #d6d6d6; }
#info h1 { font-size: 1.3em; }
#info h1 .subtitle { display: block; font-size: 12pt; }
#info ul, #info ol { margin-top: 15px;}
#info li { margin-left: 30px; margin-bottom: 5px; }

#content #recaptcha_widget_div * { margin: 0; padding: 0; border: none; min-width: 0; }

#content { padding-left: 13px; border-left: 1px dotted #333; }

#content .breadcrumbs { font-variant: small-caps; padding-bottom: 8px; margin-bottom: 1em; border-bottom: 1px dotted #999; }
#content .breadcrumbs li { display: inline; margin: 0; padding-right: 1em; }
#content .breadcrumbs li:before { content: "» "; }

#content form { margin: 1em 0; }

#content #map { width: 99.5%; /* für rechten border, bei 100 waere er nicht sichtbar */ height: 300px; margin: 1em 0; clear: right; border: 1px dotted #999; }
#content .security-info { background: #d6d6d6; }
#content .security-info .seal { float: left; margin: 10px .5em 0 10px; }

.flash { overflow: hidden; margin-bottom: .5em; position: relative;  }
.flash .icon { position: absolute; width: 55px; height: 60px; left:0px; }
* html .flash .icon { left:-55px; }
.flash.success .icon { background: url(/images/design/success_icon.png) no-repeat;  }
.flash.error .icon { background: url(/images/design/error_icon.png) 0px -2px no-repeat;  }
.flash.warning .icon { background: url(/images/design/warning_icon.png) no-repeat;  }
.flash.notice .icon { background: url(/images/design/info_icon.png) no-repeat;  }
.flash .message { margin-left: 55px; padding: 10px; }
.flash.success .message { background: #a2d676; }
.flash.error .message { background: #fd5640; }
.flash.warning .message { background: #fdb25a; }
.flash.notice .message { background: #8ed6e7; }
.flash h1 { margin-top: 1.5em; }

#content .fieldWithErrors input, #content .fieldWithErrors textarea { border: 1px solid #fd5640; background: #ffdeda;  }
#errorExplanation { overflow: hidden; position: relative;  background: #eee; border: 2px solid #fd5640; margin: 5px 0px 35px 0px; }
#errorExplanation > * { padding: 3px 10px; }
#content #errorExplanation h2 { background: #fd5640; font-size: 1.1em; color: white; margin-top: 0px;}
#errorExplaination ul { }

#content .supp .box { background: #d6d6d6; margin-left: 10px; margin-bottom: 10px; }

#content h2, #content h3 { margin: .6em 0px .1em 0px; }
#content p { margin: .5em 0px; }
#content fieldset { padding: 10px; }
#content form label { display: block; clear: left; float: left; min-width: 180px; border-top: 1px #ccc dotted; }
#content li { margin-left: 20px; }
#content table { padding: 3px; border: 1px dotted #eee; }
#content table thead, #content table th { text-align: left; font-weight: bold; }
#content table th, #content table td { border-bottom: 1px dotted #999; padding: 2px 4px; }

#content .pros { margin: 10px 0 5px 0; }
#content .pros li { padding-left: 45px; padding-bottom: 20px; list-style-type: none; background: url(/images/design/plus_icon.png)  no-repeat; margin: 0px 10px; }

#content .full-ads { margin: 1em 0; }

#footer { color: #fff; }
#site-menu { padding: 0px; margin: 0px; }
#site-menu li { padding: 10px 15px; display: block; float: left; min-width: 130px; max-width: 150px; min-height: 48px;
	 border-right: 1px #ccc solid; }
#site-menu li a { color: #fff; font-weight: bold; display: block; }
#site-menu li .info { font-size: .8em; }
#site-menu li:hover { background: url(/images/design/footer_bg_hover.png); }


/* spezielle Formatierungen */

/* property detail page */
.supp .box .related-properties img { float: left;  width: 50px; border: 1px solid #fff; margin-right: 5px; }
#content .supp .box .related-properties li {  overflow: hidden; position: relative; padding: 0 0 5px 0; border-bottom: 1px dotted #fff; margin: 0 0 5px 0px; list-style-type: none; }
#content .supp .box .related-properties li {  }

#property-general { background: #dae3f1; overflow: hidden; margin: 10px 0px; padding: 5px 10px; }
* html #property-general { display: inline-block; } /* IE6 hasLayout */
#property-request { float: right; width: 252px; margin: 10px -10px 10px 10px; }

#property-gallery { overflow: hidden; }
* html #property-gallery { display: inline-block; } /* IE6 hasLayout */
#property-gallery li { margin-left: 0; }
#property-gallery img { margin: 4px 8px 4px 0px; float: left; }
* html #property-gallery img { margin: 8px 8px 8px 0px; }

#property-gallery ul li { display: block; float: left; }

.property.vcard .category, .property.vcard .photo { display: none; }


/* request / history */
.new-reservation-request { overflow: hidden; background: #eee; padding: 10px; margin-bottom: 20px; }
.new-reservation-request .smaller { font-size: .8em;}
.new-reservation-request .hotel-name { color: #004e6f; font-size: 1.2em;}
.new-reservation-request .intro { clear: left; padding-top: .5em; font-size: .8em; }
.new-reservation-request img { float: left; margin: 3px 10px 0 0px;  }
.new-reservation-request h4  { display: inline; }

.new_request { background: url(/images/design/request-arrow-bottom.png) -10px -20px no-repeat; padding-top: 45px; margin-top: 20px;}
.new_request fieldset { border: 1px dotted #999; background: url() top left no-repeat; }
.new_request fieldset legend { color: #999; background: white; }

.mail-history .message { padding: 10px; margin-bottom: 10px;  }
.mail-history .message.sender-0 { background: #a9c6d7; }
.mail-history .message.sender-1 { background: #d2d2d2; }
.mail-history .message.sender-2 { background: #064988; }
.mail-history .message.sender-2, .mail-history .message.sender-2 .header .date { color: white; }
.mail-history .message .header { float: left;  width: 160px; border-right: 2px dotted #999; padding-bottom: 50px; }

.mail-history .message.sender-0 .header { background:  url(/images/design/arrow_right_blue.gif) bottom right no-repeat; }
.mail-history .message.sender-1 .header { background:  url(/images/design/arrow_right_gray.gif) bottom right no-repeat; }
.mail-history .message.sender-2 .header { background:  url(/images/design/); }
.mail-history .message .header .date { color: #525252; font-size: .8em; display: block; }
.mail-history .additional { padding-top: 0px; margin-left: 170px; font-size: .8em; border-top: 1px dotted #000;  }
.mail-history .text { margin-left: 170px; margin-bottom: .5em; }

.edit_request  { border: 1px dotted #000; padding: 10px; margin-bottom: 10px; }
.edit_request .instructions { padding-left: 97px; min-height: 100px; }
.edit_request .message-preview { background: #e3e3e3; padding: 10px; }
.edit_request.property_offers .instructions { background: url(/images/design/request_make_offer.png) 0px 3px no-repeat; }
.edit_request.property_not_available .instructions,
.edit_request.property_no_show .instructions,
.edit_request.guest_cancels .instructions { background: url(/images/design/request_not_available.png) 0px 3px no-repeat; }
.edit_request.both_more_info .instructions { background: url(/images/design/request_moreinfo.png) 0px 3px no-repeat; }
.edit_request.property_confirms .instructions { background: url(/images/design/request_accept_confirm_offer.png) 0px 3px no-repeat; }
.edit_request.guest_accepts .instructions { background: url(/images/design/request_accept_confirm_offer.png) 0px 3px no-repeat; }

/* property list */
.property-list { padding: 10px 0; }
#content .property-list li { margin-left: 0px; overflow: hidden; list-style-type: none; margin-bottom: 5px; border-bottom: 1px dotted #999; padding-bottom: 5px; width: 98%; }
.property-list li .image { line-height: 1px; min-width: 120px; float: left; padding: 3px; border-right: 2px dotted #999; margin-right: 10px; }
.property-list img { border: 1px solid #999; padding: 2px; }
.property-list dt { font-weight: bold; }
.property-list dt .distance { font-weight: normal; color: #666; }
.property-list .rate-info { float: right; width: 160px; }
.property-list .online-booking, .property-list .send-request {  font-size: .7em;  padding: 2px 4px; text-decoration: none; margin-top: 10px; text-transform: uppercase; }
.property-list .send-request { color: #16495f; background: #b8d1db; }
.property-list .online-booking { color: #2c4e0b; background: #dbf4c2;}
.property-list .online-booking:before, .property-list .send-request:before { content: "→ "; }

/* sorting box */
.sorter { background: #d6d6d6; font-size: .8em; padding-bottom: 3px; padding-top: 2px; }
.sorter p { float: left; padding-left: 10px; }
.sorter ul { padding-top: 5px; text-align: right; margin-right: 2em; }
.sorter ul li { display: inline; }
.sorter ul li:after { content: " ↓"; }

/* add property */
.add_property_teaser { background: url(/images/design/add_your_hotel_teaser.jpg) no-repeat;  }
.add_property_teaser div.nifty-wrapper { position: relative; height: 254px; width: 920px;  }
.add_property_teaser h1 { position: absolute; top: auto; right: -10000px; width: 100%; }
.add_property_teaser .badge { margin: 180px 15px 15px 380px; }

/* browse world (home) */
#start_teaser_main div, #start_teaser_right div { position: relative; height: 215px; }
#start_teaser_right { background: url(/images/design/start_teaser_right.jpg) top left no-repeat; }
#start_teaser_main { width: 62%; background: url(/images/design/start_teaser_main.jpg) top center no-repeat; margin-bottom: 15px; }
#start_teaser_right { float: right; width: 36%; }
#start_teaser_right div div { position: absolute; left: 15px; width: 160px; color: white;  }
#start_teaser_right div h2 { font-size: 1.2em; color: white; }
#start_teaser_right div p { font-size: .8em; line-height: 1.15em; }
#start_teaser_main div div { position: absolute; left: 15px; color: white; width: 320px; font-size: .9em; padding: 15px 0 0 0; }
#start_teaser_right a { color: white; }

.country-browser { overflow: hidden; width: 100%; }
#content .country-browser li { line-height: 1.5em; display: inline; list-style-type: none; margin: 0px 10px 10px 0; }
.country-browser li a {  padding-left: 17px; background: url(/images/design/list-icon-1.png) 0px 4px no-repeat; font-size: .9em; }

/* browse country */

#country-top-cities li { list-style-type: square; }
#country-areas li { line-height: 1.5em; display: inline; list-style-type: none; margin: 0px 10px 10px 0; }
#country-areas li a { padding-left: 17px; background: url(/images/design/list-icon-1.png) 0px 4px no-repeat; font-size: .9em; }


/* legal info */
#content h1#contracts { border-top: 1px dotted #999; margin: 35px 0 0 0; padding: 20px 0 10px 0; }


/* control panel: edit master data */
.edit_property textarea { width: 99%; }

/* control panel: invoices */
#content td form[action="https://www.paypal.com/cgi-bin/webscr"] { margin: 0; padding: 0 0 4px 0; }
#content td form[action="https://www.paypal.com/cgi-bin/webscr"] * { border: none; margin: 0; padding: 0; }