html,body
{
    font-family: Verdana, Arial, sans-serif;
    font-size: x-small;
    margin-top: 0;
    margin: 0;
    padding-top: 0;

}
body
{
    background: #fff url(/images/background.gif) left top repeat-y;
}
body.admin {
	background: #fff url(/images/background_admin.gif) left top repeat-y;
}
body#body_admin_popup {
	background: none;
	background-color: #dcdcdc;
}
div#admin_popup_header h1 {
	background-color: #78292B;
	margin: 0;
	margin-bottom: 15px;
	padding: 10px;
}
div#admin_popup_content table {
	margin: auto;
}
div#admin_popup_content td {
	font-size: 120%;
	padding: 3px 10px;
}

body.include
{
    background: #fff;
}
body#body_map, body#guestbook {
	background: none;
	background-color: #ffde99;
	font-size: 120%;
}
div#guestbook h1 {
	background-color: #78292B;
	margin: 0;
	margin-bottom: 15px;
	padding: 10px;
}

div#outside
{
    width: 1000px;
    margin-top: 0;
    padding-top: 0;
    float: left;
}

div#header {
	margin: 0;
	margin-top: 0px;
	margin-left: 8px;
	margin-bottom: 30px;
}


div#sonne {
	padding: 5px;
	position: absolute;
	top: 2px;
	left: 0px;
}

h1#claim {
	font-size: 200%;
	font-weight: bold;
	font-family: Comic Sans MS,Verdana,Helvetica;
	color: #78292B;
	position: absolute;
	top: 102px;
	left: 500px;
	text-align: center;
	width: 500px;
}

div#wrap {
	clear: both;
	float: left;
	padding-top: 0px;
	width: 100%;
}

div#bottomnav, div#bottomnav_admin {
	clear: left;
	text-align: center;
	margin-left: 20px;
	padding-top: 40px;
	padding-bottom: 20px;
	width: 980px;
	height:30px;
}
div#bottomnav ul, div#bottomnav_admin ul {
	border-top: 1px solid #E7C67B;
	margin: auto;
	padding: 15px;
	list-style-type: none;
}
div#bottomnav_admin ul {
	border-top: 1px solid #9D9DA1;
}
div#bottomnav li, div#bottomnav_admin li {
	display: inline;
	margin: 10px;
}

a
{
    color: #406728;
}
h1,h2,h3,h4,h5,h6
{
    font-family: Verdana, Arial,Helvetica,"sans serif";
}

h1
{
	font-size: 130%;
	margin-top: 0;
}
h2 {
	font-size: 110%;
}
.catalog_index h2 {
	margin-top: 0;
}
h3 {
	font-size: 105%;
}


/*
.fieldWithErrors
{
    border: 2px solid red;
    width: 100%;
}
*/
div#catalog,div#search_period,div#search_text
{
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.fieldWithErrors {
    display: inline;
    margin: 0;
    padding: 0;
}
.fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textarea {
    background-color: #ffdfdf;
}
#content, #content_admin
{
    float: left;
    padding: 0;
    padding-bottom: 50px;
    margin: 0;
    margin-left: 190px;
    color: #000;
    width: 610px;
    font-size: 10pt;
    display: inline;
}
.catalog_show #content {
	width: 800px;
}

#content_admin {
	width: 800px;
}
/*
#content a
{
    color: #e0dac2;
    text-decoration: underlined;
}
*/

#sidebar {
	margin-top: 30px;
	margin-left: 15px;
}

#searchbox {
	display:none;
	border: 1px solid #E7C67B;
	padding: 5px;
}
body.catalog_index #searchbox {
	display: block;
}
#searchbox form {
	margin: 0;
	padding: 0;
}
#searchbox p {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}
#searchbox input {
	margin-bottom: 4px;
}

#premium
{
    width: 155px;
    width: 170px;
    text-align: center;
    float: right;
    color: #000;
    /*border: 1px solid black;*/
    margin: 0 5px;
}

#notice
{
    border: 2px solid red;
    background-color: red;
    color: white;
    padding: 5px 10px;
    font-weight: bold;
    font-size: x-large;
}
div.list
{
    margin: 10px;
    margin-top: 0;
    margin-bottom: 3px;
    border: 1px solid black;
    background: transparent;
    font-size: smaller;

	margin: 0 20px 10px 0;
}

div.list td {
	padding: 10px;
	padding-bottom: 5px;
}

img.stars {
	margin-bottom: 10px;
}

div.list h3
{
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 120%;
}

div.list td.list_thumbnail
{
    width: 155px;
    height: 150px;
    text-align: center;
    vertical-align: top;
    padding-right: 0;
}

/*
#navlist
{
    padding: 80px 1px 1px;
    margin-left: 0;
    margin-top: 0;
    font: bold 16px Verdana, Arial, sans-serif;
    width: 150px;
}
#navlist li
{
    list-style: none;
    margin: 0;
    padding-bottom: 10px;
    text-align: right;
}

#navlist li a
{
    color: #006600;
    text-decoration: none;
}


*/

/* Listamatic start */
div#navcontainer
{
    float: left;
    width: 170px;
    text-align: center;
    margin: 0;
    padding: 0;
    margin-left:-800px;

}
.catalog_show div#navcontainer {
	margin-left:-1000px;
}
div#navcontainer_admin {
    float: left;
    width: 170px;
    text-align: center;
    margin: 0;
    padding: 0;
	margin-left:-990px;
}

ul#navlist
{
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
    white-space: nowrap;
    font-size: 10pt;
}

#navlist li
{
    margin: 0;
    margin-top: 1.0em;
    margin-bottom: 0;
    padding: 5px 10px;
    background: #78292b;
    list-style-type: none;
    text-align: right;
}

#navlist li.nav_level_2 {
	font-size: 80%;
	#background: #D88E90;
	#background: #DCAE3E;
	background: transparent;
	border-bottom: 1px dotted #78292b;

	padding: 2px 0 2px 10px;
	margin-right: 10px;
	#margin-left: 8px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#navlist li.nav_level_2 a:link, #navlist li.nav_level_2 a:visited {
	color: #78292b;
}

#navlist li a#current
{
    font-weight: bold;
}
/*
#navlist a { padding: 3px 10px; }
*/

#navlist a:link, #navlist a:visited
{
    color: #fff;
    background-color: transparent;
    text-decoration: none;
    /*font-size: 16px;*/
}


/* Listamatic end */
div.thumbnail
{
    width: 100px;
    float: left;
}
div.overview
{
    height: 100px;
    width: auto;
    clear: both;
}
div.clearer
{
    clear:both;
}

div.shadow {
	background-color: #E7C67B;
}

div.profil_block {
	padding-bottom: 5px;
}

div.building_picture {
	margin-top: 10px;
}
div.premium_building
{
	position: relative;
	top: -5px;
	right: 5px;
	background-color: #FFDE99;
	background-color: #f4f4f4;
	background-color: #F2D189;
    /*margin-bottom: 30px;
    margin-top: 30px;*/
    margin-top: 4px;
    margin-bottom: 10px;
    font-size: x-small;
    padding: 8px 6px;
    padding: 10px;
    border: 1px solid gray;
    border: none;
    border-left: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #ffe6b4;
    border-top: 1px solid #ffe6b4;
    /*border: 1px solid #ffe6b4;*/
}
table.date_overview, table.date_overview th, table.date_overview td
{
    font-size: 10px;
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
}

body.catalog_show #premium, body.catalog_book #premium, body.catalog_imprint #premium
{
    display: none;
}

/* Kontaktm?glichkeiten des Vermieters auf der Detailseite anzeigen */
#contact {
	background-color: #ffe5ad;
	border: 1px solid black;
	margin-bottom: 20px;
}
#contact p {
	margin: 5px;
}
#contact_details {
	border-top: 1px solid black;
	padding: 5px;
}

/* Weitere Objekte des Vermieters nur auf der Detailseite anzeigen */
#more_buildings {
	display: none;
	background-color: #ffe5ad;
	border: 1px solid black;
	margin-bottom: 20px;
}
body.catalog_show #more_buildings {
	display: block
}
#more_buildings p {
	margin: 5px;
}
div.one_more_building {
	padding: 5px;
	border-top: 1px solid black;
}


body.catalog_show #content, body.catalog_book #show
{
    margin-right: 10px;
}


.vacancy_short
{
    text-align: left;
    /*float: left;*/
}

table#vacancy {
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
}

table.vacancy_month td
{
    background: transparent;
    text-align: right;
}
.vacancy_month
{
    float: left;
    margin: 10px;
    margin-left: 0;
    padding: 3px;
    border: 1px solid #E7C67B;
    font-size: 80%;
}

table.vacancy_month a
{
    color: #2576CF;
}
table.vacancy_month td.day_nilclass
{
    background: #ccc;
}

table.vacancy_month td.day_free
{
    background: #99ff99;
}

table.vacancy_month td.day_booked
{
    background: #ff9999;
}

table.vacancy_month td.day_elapsed {
	/*text-decoration: line-through;*/
}

table.vacancy_month td.day_arrival_possible {
	background: url(/images/arrival_possible.gif) left top
}
table.vacancy_month td.day_departure_mandatory {
	background: url(/images/departure_mandatory.gif) left top
}

table.vacancy_month td.day_free_on_request
{
    background: #cccccc;
}


.show-calendar calendar {
  margin: auto;
  color: white;
  text-align: center;


}

.show-calendar .monthName th {
  font-weight: normal;
  text-align: right;
  padding-top: 0.8em;
  padding-bottom: 0.7em;
  color: black;
}

.show-calendar .dayName th {
  font-size: 0.7em;
  padding-top: 0.6em;
  padding-bottom: 0.3em;
  background-color: #303030;
  color: white;
  border-bottom: 1px solid white;
  width: 30px;
}


.show-calendar .otherMonth {
  color: #fff;
  background-color: #fff;
  width: 30px;
  height: 30px;
  border: 1px solid #000;
  font-size: 10px;
}

.show-calendar .day, .show-calendar .vacancy, .show-calendar .occupancy, .show-calendar .unknown {

  width: 30px;
  height: 30px;
  border: 1px solid #000;
  background-color: #333333;
  text-align: center;
  border-collapse: collapse;
  font-size: 10px;
}

.show-calendar .occupancy
{
    background-color: #f00;
    color: black;
}

.show-calendar .vacancy
{
    background-color: #0f0;
    color: black;
}

.show-calendar .unknown
{
    background-color: #ccc;
    color: black;
}

table.detailhead {
	margin: 0;
	margin-bottom: 0px;
	padding: 0;
}
table.detailhead td {
	vertical-align: top;
}
table.detailhead h2 {
	margin: 0;
}

table.buildingdetails td.content {
	padding-right: 20px;
}

table.quickfacts {
	font-size: 80%;
	padding: 0;
	margin: 0;
	margin-top: 10px;
}
table.quickfacts td {
	margin: 0;
	padding: 0;
	padding-right: 40px;
}


table.periods {
	border: 1px solid #E7C67B;
	font-size: 80%;
	border-collapse: collapse;
}
table.periods td, table.periods th {
	padding: 3px 6px;
}
table.periods td {
	border: 1px solid #E7C67B;
}

table.additional_costs {
	font-size: 80%;
	border-collapse: collapse;
	border: 1px solid #E7C67B;
}
table.additional_costs td {
	padding: 3px 6px;
}
table.additional_costs td.additional_costs_label {
	font-weight: bold;
}
table.additional_costs td.additional_costs_price {
	padding-right: 20px;
	text-align: right;
}

div#calendar_legend {
	margin: 0;
	padding: 5px 0;
	font-size: 80%;
}

#errorExplanation
{
    border: 1px solid red;
    margin-bottom: 5px;
    background-color: #fff;
}

#errorExplanation h2
{
    margin-top: 0;
    background-color: red;
    color: white;
    padding: 5px 10px;
}
#errorExplanation p {
	padding: 5px 10px;
}

strong.highlight
{
    background: yellow;
}

#footer
{
    text-align: center;
    font-size: 9pt;
    color: #ccc;
}

/* Zeile eines Formulars */
.form_row {
	margin-bottom: 5px;
}

label
{
    /*font-size: 10px;*/
}

table#signup {
	margin-top: 20px
}

table#signup td {
	vertical-align: top;
}
table#signup .label {
	text-align: right;
	padding-right: 20px;
}

form.signup_button input {
	display: inline;
	width: 100%;
	margin: 5px 0;
}


fieldset div.form {
	padding: 10px;
}
fieldset legend
{
    font-size: 12px;
    color: #666;
}

div.signin_form {
	/*width: 300px;
	text-align: right;*/
	font-size: 100%;
	border: 1px solid black;
	margin-left: 15px;
	margin-bottom: 20px;
	padding: 5px;
}
div.signin_form form {
	margin: 0;
	margin-top: 5px;
}
div.signin_form input {
	font-size: 100%;
}
div.signin_form p {
	margin: 3px 0;
}

.css_form label, .css_form input, .css_form textarea {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}
.css_form textarea
{
    width: 300px;
}
.css_form label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}

.css_form br {
	clear: left;
}

.building_form table {
	margin: 5px;
}
.building_form label, .building_form input, .building_form textarea {
	/*display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;*/
}
.building_form td.label {
	text-align: right;
	vertical-align: top;
	padding-right: 10px;
	width: 160px;
}
.building_form input.checkbox {
    width: 15px;
}
.building_form textarea
{
    width: 400px;
}
.building_form label {
	/*text-align: right;
	width: 150px;
	padding-right: 20px;*/
}
div.short_description {
	margin-top: 5px;
}
div.amenity_icons {
	margin-top: 10px;
}
div.amenity_icons_row {
	margin: 2px 0;
	padding: 0;
}
div.amenity_icons_row img {
	margin: 0;
	margin-right: 2px;
	padding 0;
}

.amenities label
{
    width: 75px;;
}


.building_form br {
	clear: left;
}

.rate_form label
{
    float:left;
    width: 100px;
}

ul#picture-list {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}
li.sortable_picture div {
	cursor: move;
}
/*
textarea.shorttext
{

    width: auto;
    height: auto;
}
*/

div.searchoption {
	/*border: 1px solid #E7C67B;
	padding: 10px 20px;*/
	margin: 20px 20px 10px 0;
}
div.searchoption form {
	margin: 0;
	padding: 0;
	width: 590px;
}
div.searchoption fieldset {
	border: 1px solid #E7C67B;
}

div.searchoption legend {
	border: 1px solid #FFFF66;
	padding: 5px 10px;
	font-weight: bold;
	background-color: #F2D189;
	color: #78292B;
	margin: 0;
}

div.searchoption fieldset div {
	padding: 10px 20px;
}

table.searchform {
	margin: 0;
	margin-bottom: 10px;
}

div.paginator {
	text-align: center;
	margin-bottom: 10px;
}

.even {
    background: #15eccb;
}

.odd {
    background: #9ef6e9;
}

#guestbooktable {
    margin-left: 10em;
    margin-right: 5em;
}
#guestbookcontent {
	padding: 0 20px;
	text-align: center;
}
.guestbookentry {
	margin-bottom: 25px;
}
.guestbookentry p {
	margin: 1.0em;
}

ul.sitemap_regions {
	list-style: none;
}
ul.sitemap_regions li {
	margin-top: 0.5em;
	font-weight: bold;
	font-size: 110%;
}
ul.sitemap_cities {
	list-style: none;
}
ul.sitemap_cities li {
	font-size: 100%;
}
ul.sitemap_buildings li {
	font-weight: normal;
	font-size: 90%;
}

/*************************************************
 Popup: Zeitr?ume ?bernehmen
*************************************************/
#copy_periods h1 {
	background:#78292B;
	color:#fff;
	margin:0;
	padding:10px;
	width:100%;
	text-align:center;
}
#copy_periods .box {
	width: 400px;
	margin: auto;
	padding: 10px;
	text-align: center;
	border:2px solid #78292B;
	background: #fff;
}
#copy_periods table {
	margin: auto;
	border-collapse: collapse;
}
#copy_periods td, #copy_periods th {
	border-bottom: 1px solid #404040;
	padding: 5px 10px;
}
}


/*************************************************
 GoogleMap
*************************************************/

#map_heading {
	padding: 10px 0 0 5px;
}

#map {
	width: 778px;
	height: 530px;
	margin: 10px;
	border: 1px solid #808080;
}