html {
	background-color: #C4D8EE;
}

sup {
	vertical-align: super;
}

@body_width: 896px;

body {
	margin: auto; /* center in viewport */
	width: @body_width;
}

p {
	margin-bottom: 13px;
}

a {
	text-decoration: none;
	color: #000;
}

h1, h2, h3, h4, h5, h6 {
	a {
		text-decoration: none;
	}
}


#page {
	position: relative;
	margin-top: 1px;
	margin-bottom: 30px;
}


@rosenhof_blue: #336699;

@start_link_width: 90px;
@sky_nav_margin: 20px;
@sky_nav_width: @body_width - @start_link_width - @sky_nav_margin;
@sky_link_font_size: 0.9em;
@sky_link_line_height: @sky_link_font_size + 0.4em;
@sky_padding: 20px;
@sky_height: 46px - @sky_padding;


.sky_links () {
	color: @rosenhof_blue;
	font-size: @sky_link_font_size;
	text-decoration: none;
	line-height: @sky_link_line_height;
}


#page_sky {
	position: relative;
	margin-top: 1px;
	height: @sky_height;
	padding-top: @sky_padding;

	#start_link {
		width: @start_link_width;
		text-align: center;
		line-height: @sky_link_line_height;

		a {
			.sky_links;
		}
	}

	#page_sky_navigation {
		
		text-align: right;
		width: @sky_nav_width;
		margin-right: @sky_nav_margin;

		ul, li {
			margin: 0;
			padding: 0;
		}

		li {
			list-style-type: none;
			display: inline;
			border-right: 1px solid @rosenhof_blue;
			padding-right: 14px;
			margin-right: 9px;
			line-height: @sky_link_line_height;
		}

		li.last_entry {
			border: none;
			margin-right: 0;
			padding-right: 0;
		}

		a {
			.sky_links;
		}

		.navigation_last {
			margin-right: 0;
			padding-right: 0;
			border: none;
		}
	}
}


@rental_unit_width: 133px;
@commercial_space_width: 139px;
@specials_space_width: 100px;
@immo_link_height: 28px;
@immo_link_margin: 8px;
@immo_link_width: @rental_unit_width + @commercial_space_width + @specials_space_width + 2 * @immo_link_margin;


.immolinks () {
	color: #FFF;
	font-size: 15px;
	text-decoration: none;
	line-height: @immo_link_height;
	padding: 0 10px;
}

.immolink_styles () {
	height: @immo_link_height;
	background-color: @rosenhof_blue;
	text-align: center;
}

#page_body {
	background-color: #FFF;
	min-height: 500px;
	
	#page_body_header {
		height: 155px;
		border-bottom: 2px solid @rosenhof_blue;
		position: relative;

		#logo {
			width: 836px;
			height: 40px;
			position: absolute;
			top: 45px;
			left: 27px;
		}

		#immo_links {
			position: absolute;
			top: 127px;
			left: 184px;
			width: @immo_link_width;

			#rental_unit {
				.immolink_styles;
				width: @rental_unit_width;

				a {
					.immolinks;
				}
			}

			#commercial_space {
				.immolink_styles;
				margin-left: @immo_link_margin;
				width: @commercial_space_width;

				a {
					.immolinks;
				}
			}

			#specials {
				.immolink_styles;
				margin-left: @immo_link_margin;
				width: @specials_space_width;

				a {
					.immolinks;
				}
			}

			.active {
				
				a {
					padding-left: 10px;
					background-image: url(../../fileadmin/images/elements/nav_active_icon.png);
					background-position: 0 4px;
					background-repeat: no-repeat;
				}
			}
		}
	}


	#page_content {
		min-height: 300px;
	}
}


.microsite {

	#page_body {
		
		#page_body_header {
			border-bottom: 2px solid #C4C6D7;

			#main_page_link {
				position: absolute;
				top: 126px;
				left: 25px;
				width: 235px;
				height: 20px;

				a {
					text-decoration: underline;
					background-image: url(../../fileadmin/images/elements/double_arrow_right.png);
					background-position: 0 2px;
					background-repeat: no-repeat;
					padding-left: 14px;
				}
			}
		}
	}

}



/**
 * page navigation
 */

#page_navigation {
	margin-top: 30px;
	margin-left: 32px;
}

#page_navigation ul,
#page_navigation li {
	margin: 0;
	padding: 0;
}

#page_navigation li {
	list-style-type: none;
	padding-left: 18px;
	margin-bottom: 7px;
}


#page_navigation li,
#page_navigation li a {
	text-decoration: none;
	font-family: Arial;
	font-size: 1.1em;
	color: #000;
}

#page_navigation li.active,
#page_navigation li.active a {
	color: #990000;
}

#page_navigation li.active {
	background-image: url(../images/elements/nav_active_icon.png);
	background-position: 0 4px;
	background-repeat: no-repeat;
}


/**
 * content
 */

.basic {
	margin: 0 25px;
}


@ftnav_padding_left_right: 25px;
@ftnav_width: @body_width - (2 * @ftnav_padding_left_right);


@ftnav_start_width: 110px;
@ftnav_rental_width: 130px;
@ftnav_commercial_width: 130px;
@ftnav_basics_width: @ftnav_width - @ftnav_start_width - @ftnav_rental_width - @ftnav_commercial_width;


#page_footer {
	position: relative;
	border-top: 1px solid @rosenhof_blue;

	#footer_navigation {

		#footer_navigation_start {
			width: @ftnav_start_width;
		}

		#footer_navigation_rental_units {
			width: @ftnav_rental_width;
		}

		#footer_navigation_commercial_space {
			width: @ftnav_commercial_width;
		}

		#footer_navigation_basics {
			width: @ftnav_basics_width;
			margin-top: 4px;

			ul {
				li {
				}
			}

			ul.navigation_level1 {
				margin-right: 20px;
				li {
					line-height: 1.4em;
				}
			}
		}


		width: @ftnav_width;
		padding: 20px @ftnav_padding_left_right;

		ul, li {
			margin: 0;
			padding: 0;
		}

		li, a {
		}

		li {
			list-style-type: none;
		}

		a {
			font-size: 0.9em;
			color: #787878;
			text-decoration: none;
		}

		.navigation_last {
			margin-right: 0;
			padding-right: 0;
			border: none;
		}

		#ftnav1 {
		
		}

		ul.navigation_level1 {

			li {
				/*width: 165px;*/
				line-height: 1.9em;
			}

			a {
				font-weight: bold;
			}

			li, a {
				font-size: 1em;
			}

		}

		ul.navigation_level2 {
			li, a {
				font-weight: normal;
				line-height: 1em;
			}

			a {
				font-size: 0.9em;
			}
		}

		ul.navigation_level3 {
			margin-left: 6px;
			margin-bottom: 10px;
		}
	}

}

@cp_title_card_width: 241px;
@cp_images_width: 655px;

.content_presentation {
	width: @body_width;
	height: 320px;

	ul, li {
		margin: 0;
		padding: 0;
	}

	.cp_body {

		.cp_images {
			width: @cp_images_width;

			li {
				list-style-type: none;
				height: 300px;
			}
		}

		.cp_title_card {
			width: @cp_title_card_width;
			background-color: @rosenhof_blue;
			height: 300px;
		}
	}


	.cp_gradient {
	
	}
}

@cs_extras_light_blue: #6997C5;
@cs_nav_width: 180px;
@cs_nav_margin: 5px;
@cs_extras_width: 240px;
@cs_extras_border: 1px solid #ffffff;
@cs_text_margin: 10px;
@cs_text_width: @body_width - @cs_nav_width - @cs_nav_margin - @cs_extras_width - @cs_text_margin;
@csp_text_width: @body_width - @cs_extras_width - (2 * @cs_text_margin);

.content_stage,
.content_stage_special {
	background-color: @rosenhof_blue;
	background-image: url(../images/elements/blue_bar_loop.png);
	background-position: left top;
	background-repeat: repeat-y;

	a {
		color: #fff;
	}

	color: #fff;

	.cs_navigation {
		width: @cs_nav_width;
		margin-right: @cs_nav_margin;
		
		.special_list {
			li {
				display: none;
			}
			li.active_branch {
				display: block;
			}
		}
	}

	.cs_extras_specials_body,
	.cs_navigation {
		
		ul {
			margin: 30px 0 0 25px;
		}

		a {
			font-weight: bold;
		}

		li {
			margin: 0 0 3px 0;
		}

		ul ul {
			margin: 4px 0 15px 0;
			padding: 0;

			a {
				font-weight: normal;
			}

			li {
				padding-left: 10px;
			}
		}

		li {
			list-style-type: none;
		}

		li.page_navigation_current,
		li.page_navigation_active {
			background-image: url(../images/elements/nav_active_icon.png);
			background-position: 0 4px;
			background-repeat: no-repeat;
		}

		li.top_level_current {
			background-image: none;
		}

	}

	.cs_extras_specials_body {
		li {
			padding-left: 10px;
		}

		a {
			font-weight: normal;
		}

		li.top_level_current {
			background-image: url(../images/elements/nav_active_icon.png);
			background-position: 0 4px;
			background-repeat: no-repeat;
		}
	}

	.cs_text,
	.csp_text {
		width: @cs_text_width;
		margin-top: 30px;
		margin-right: @cs_text_margin;
		margin-bottom: 20px;

		a {
			text-decoration: underline;
		}

		h1, h2, h3, h4, h5, h6 {
			margin: 0 0 10px 0;
			padding: 0;
			font-size: 1.3em;
			font-weight: normal;
		}

		table {
			border: none;

			tr, th, td {
				border: 0;
				padding: 2px;
				margin: 0;
			}
		}
	}

	.cs_extras {
		width: @cs_extras_width;
	}
}

.content_stage_special {

	.csp_text {
		width: @csp_text_width;
		margin-left: @cs_text_margin;
	}

}


.content_stage_color {
	background-image: url(../images/elements/blue_bar_loop.png);
	background-position: left top;
	background-repeat: repeat-y;
}

/**
 * search
 */

@cs_search_title_width: 50px;
@cs_search_title_margin: 6px;
@cs_search_field_width: 139px;
@cs_search_magnifying_glass_width: 19px;
@cs_search_magnifying_glass_margin: 10px;
@cs_search_width: @cs_search_title_width + @cs_search_field_width + @cs_search_magnifying_glass_width + @cs_search_title_margin + @cs_search_magnifying_glass_margin;
@cs_search_height: 24px;


@cs_search_box_padding_top: 14px;
@cs_search_box_padding_left: 5px;
@cs_search_box_height: 55px - @cs_search_box_padding_top;
@cs_search_box_width: 240px - @cs_search_box_padding_left;

.cs_search_box {
	height: @cs_search_box_height;
	width: @cs_search_box_width;
	padding: @cs_search_box_padding_top 0 0 @cs_search_box_padding_left;
	border-bottom: @cs_extras_border;
}

.cs_search {
	width: @cs_search_width;
	height: @cs_search_height;
	line-height: @cs_search_height;

	.cs_search_title {
		font-weight: bold;
		margin-right: @cs_search_title_margin;
		width: @cs_search_title_width;
		height: @cs_search_height;

		input {
			border: 0;
			background-color: transparent;
			color: #fff;
			height: @cs_search_height;
			width: @cs_search_title_width;
			cursor: pointer;
		}
	}

	.cs_search_field {
		width: @cs_search_field_width;
		height: @cs_search_height;
		input {
			width: @cs_search_field_width;
			height: @cs_search_height;
		}
	}

	.cs_search_magnifying_glass {
		width: @cs_search_magnifying_glass_width;
		height: @cs_search_height;
		margin-left: @cs_search_magnifying_glass_margin;
		input {
			margin-top: 4px;
			cursor: pointer;
		}
	}
}

.microsite_left {
	margin: 33px 0 0 25px;
	a {
		background-image: url(../images/elements/nav_microsite_icon.png);
		background-position: 0 2px;
		background-repeat: no-repeat;
		padding-left: 10px;
		font-weight: normal;
		font-size: 0.8em;
		line-height: 1em;
	}

	.microsite_left_link {
		margin-bottom: 5px;
	}
}

@special_content_width: 160px;
.cs_extras_specials {

	margin-bottom: 40px;
	
	.cs_extras_specials_header {
		text-align: center;
		h3 {
			font-weight: normal;
		}
	}
	
	.cs_extras_specials_body {


		.special_content {
			width: @special_content_width;
			margin: 10px auto;

			.special_image {
				height: 114px;
				width: @special_content_width;
			}

			.special_annotation {
				margin: 5px 0 0 0;
				font-size: 0.75em;

				p, a, b, bold {
					margin: 0;
				}
			}
		}


		ul.navigation {
			li {
				list-style-type: none;
				margin-bottom: 10px;

			}
		}

	
	}

}




/**
 * contact form
 */

@cform_label_width: 200px;
@cform_field_width: 200px;
@cform_textarea_height: 100px;

.tx-powermail-pi1_formwrap {
	fieldset {
		/*
		border-left: 1px solid @rosenhof_blue + 30%;
		padding-left: 10px;
		*/

		legend {
			color: #fff;
			font-size: 1.2em;
			line-height: 1.5em;
			font-weight: bold;
			display: block;
			position: relative;
			margin-bottom: 10px;
		}

		.tx_powermail_pi1_fieldwrap_html_textarea {
			height: @cform_textarea_height;
			
			textarea {
				height: @cform_textarea_height - 10px;
				margin-top: 5px;
			}
		}

		.tx_powermail_pi1_fieldwrap_html_captcha input {
			width: @cform_field_width;
		}

		.tx_powermail_pi1_fieldwrap_html {
			position: relative;
			width: @cform_label_width + @cform_field_width + 5px;
			/*border-bottom: 1px solid @rosenhof_blue + 30%;*/
			/*border-bottom: 1px solid #fff;*/
			margin-bottom: 5px;
			padding-bottom: 5px;

			label {
				width: @cform_label_width;
				/*position: relative;*/
				/*display: block;*/
			}


			.powermail_textarea,
			.powermail_text,
			.realtypow {
				/*position: absolute;*/
				/*left: @cform_label_width;*/
				/*top: 0;*/
				width: @cform_field_width;
			}
		}


		.tx_powermail_pi1_fieldwrap_html_submit {
			text-align: right;
			border: none;
		}

		.cpt-req {
			margin: 20px 0 20px 200px;

			img.tx-srfreecap-pi2-image {
				margin: 0;
			}

			.tx-srfreecap-pi2-cant-read {
				width: 200px;
				color: #fff;
				padding-top: 10px;
				display: block;
			}

		}

		.tx_powermail_pi1_fieldwrap_html_button {
			text-align: right;
		}
	}

}


.content_stage .cs_text .tx-powermail-pi1_confirmation,
.tx-powermail-pi1_confirmation,
.content_stage .cs_text .tx-powermail-pi1_thx,
.tx-powermail-pi1_thx {

	p {
	}

	table {

		tr {

			td {
				padding: 5px 10px 5px 0;
				/*border-bottom: 1px solid @rosenhof_blue + 30%;*/
			}

			td.powermail_all_label {
				width: @cform_label_width;
			}

			td.powermail_all_value {
				width: @cform_field_width;
			}
		}
	}

}

.tx-powermail-pi1_confirmation {
	padding-bottom: 50px;

	p {
		font-weight: bold;
	}
}

.tx-powermail-pi1 {
	position: relative;

	.tx_powermail_pi1_formconfirmation_back,
	.tx_powermail_pi1_formconfirmation_submit,
	.tx_powermail_pi1_fieldwrap_html_submit {

		input {
			/*border: 1px solid #fff;*/
			/*background-color: @rosenhof_blue;*/
			/*color: #fff;*/
			/*padding: 2px;*/
		}
	}

	.tx_powermail_pi1_formconfirmation_back,
	.tx_powermail_pi1_formconfirmation_submit {
		input {
			/*position: absolute;*/
		}
	}

	.tx_powermail_pi1_formconfirmation_submit input {
		right: 40px;
	}

	.tx_powermail_pi1_formconfirmation_back input {
		right: 180px;
	}

}


/**
 * UI Widgets
 */




/**
 * Immo features
 */

@action_button_color: #2779AA;
@action_button_height: 1.5em;

.ui-button-common-style {
	color: @action_button_color;
	font-family: Arial;
	font-size: 10px;
	line-height: 1.1em;
}

input.ui-button {
	.ui-button-common-style;
	padding: 0 0.3em;
	height: 1.9em;
}

.content_stage .ui-widget,
.content_stage .ui-widget a {
	.ui-button-common-style;
}

.ui-selectmenu {
	height: 1.7em;
}


.ui-widget {

	.ui-button-common-style;

	a {
		.ui-button-common-style;
	}

	.ui-button-text {
		padding: 3px 5px;
		.ui-button-common-style;
	}

	.ui-buttonset .ui-button {
		margin-left: 0;
		margin-right: 0;
	}


	.ui-selectmenu {
		height: @action_button_height;
	}

	.ui-selectmenu-menu li a,
	.ui-selectmenu-status {
		.ui-button-common-style;
	}
}


#immo_features {

	position: relative;
	border: 1px solid @rosenhof_blue + 50%;
	padding: 5px;
	width: @result_item_width;
	margin-bottom: 15px;

	.immo_features_label {
		width: 65px;
	}


	.filter_container {
		h3 {
			margin: 0 1em 0 0;
			font-size: 1em;
		}

		.param {
			margin-right: -2px;
		}
	}


	.filter_container,
	.sorting_container {
		background-color: @rosenhof_blue + 20%;
		padding: 5px;
		height: 20px;
		position: relative;
	}

	.sorting_container {
		margin-top: 3px;
	}

	#sorting_select {
		margin-right: 3px;
	}

	.sorting_field,
	.filter_field {
		margin-top: 1px;
	}

	#sorting_label,
	#filter_label {
		line-height: @action_button_height;
	}


	/**
	 * buttons
	 */

	#filter_button,
	#sorting_button {
		right: 10px;
		position: absolute;
		top: 5px;
	}

	#filter_button input,
	#sorting_button a {
		width: 60px;
	}

}



@result_item_padding: 5px;
@result_item_width: @cs_text_width - (2 * @result_item_padding) - 5px;

@result_item_img_padding: 3px;
@result_item_img_width: 140px;
@result_item_desc_width: @result_item_width - @result_item_img_width - @result_item_padding;
@result_item_content_margin: 3px;


.immo_results {



	.header_actions.pagination {
		
		text-align: center;
		margin-bottom: 15px;

		.pagination_field {
			margin-right: 5px;
		}


		.label {
			font-weight: bold;
			margin-right: 10px;
		}

	}

	.footer_actions {
		padding-top: 10px;
	}

	.result_item {
		background-color: @rosenhof_blue + 10%;
		margin-bottom: 10px;
		padding: @result_item_padding;
		width: @result_item_width;

		.description {
			width: @result_item_desc_width;

			.teaser,
			.features {
				background-color: @rosenhof_blue;
				margin: 3px 0;
				padding: 3px;
			}

			.details {
				
				.detail_group {
					width: @result_item_desc_width;
					background-color: @rosenhof_blue;
					margin: 3px 0;

					div {
						width: 110px;
						padding: 3px;
					}
				}

			}
		}

		.image {
			width: @result_item_img_width;
			text-align: center;
			margin-top: 32px;
		}

	}

}


/**
 * Sitemap
 */

.csc-sitemap {

	margin: 0 0 2em 0;

	ul {
		margin: 1em 0 0 0;

		ul {
			margin: 0 0 0 10px;
			padding: 0.5em 0;
		}
	}

	li {
		/*list-style: square inside none;*/
		list-style-type: none;

		li {
			border: none;
		}
	


		a {
			margin-top: 2px;
			margin-bottom: 2px;

			background-image: url(../images/elements/ordner_geschlossen.png);
			background-position: 0 0;
			background-repeat: no-repeat;

			padding-left: 18px;

			line-height: 20px;
		}

		a:hover {
			background-image: url(../images/elements/ordner_offen.png);
		}
	}

}

.sitemap-left {
	margin-right: 35px;
}

.sitemap-middle {
	margin-right: 15px;
}


/**
 * immo objects
 */

@immo_object_images_width: 175px;
@immo_object_images_margin: 5px;

.immo_object_single_view {
	width: @cs_text_width;

	.immo_object_images {
		width: @immo_object_images_width;
		text-align: center;

		.image {
			margin-bottom: 5px;
			padding: 1px 0;
			background-color: @rosenhof_blue + 10%;
		}
	}

	.immo_object_info {
		width: @cs_text_width - @immo_object_images_width - @immo_object_images_margin;
		margin-right: @immo_object_images_margin;
	}


	.object_info_segment.actions {
		text-align: right;
	}

	.object_info_segment {
		margin: @immo_object_images_margin 0;
		padding: 5px;
		background-color: @rosenhof_blue + 10%;

		h2 {
			margin: 0;
		}

		h3 {
			margin: 0 0 10px 0;
		}

		table.overview {
			width: 100%;

			th {
				text-align: left;
			}

			tr.even td {
				background-color: @rosenhof_blue;
			}

			td {
				padding: 4px 0;
			}
		}
	}

	.object_info_segment.immo_object_headline {
		margin-top: 0;
	}

	.pfd_form_links {

		div {
			margin: 10px 0;
		}

		a {
			padding-left: 25px;
			background-image: url(../images/elements/page_white_acrobat.png);
			background-position: 0 0;
			background-repeat: no-repeat;
		}
	}
	
}

.tx-indexedsearch {

	color: #fff;

	.search_box_header {
		margin-bottom: 10px;
		border: 1px solid #fff;
		width: 440px;
		padding: 5px;
		text-align: center;

		.search_box_element {
			margin-right: 5px;
		}

		.search_label {
			color: #fff;
		}

		.search_field {
			input {
				height: 1.3em;
				width: 270px;
			}
		}

		.search_button {
		}

	}

	margin-bottom: 20px;

	table, td, tr {
		border: 0;
		padding: 0;
		margin: 0;
	}


	a {
		color: #fff;
	}

	.tx-indexedsearch-whatis {
		margin-bottom: 10px;
	}

	.tx-indexedsearch-searchbox {
		
	}

	.tx-indexedsearch-res {
		
		.tx-indexedsearch-title {
			padding-bottom: 5px;
			a {
				text-decoration: underline;
				font-weight: bold;
			}
		}

		.tx-indexedsearch-percent {
		}
	}

	.tx-indexedsearch-browsebox {
		ul {
			margin: 10px 0;
		}

		li {
			list-style-type: none;
			margin: 0 5px 0 0;
			display: inline;
		}
	}

}

@specials_overview_padding: 10px;
@specials_overview_image_width: 130px;
@specials_overview_image_margin: 10px;
@specials_overview_content_width: 495px - (2 * @specials_overview_padding);


.specials_overview {

	.specials_overview_element {
		
		background-color: @rosenhof_blue + 10%;
		margin-bottom: 10px;
		padding: @specials_overview_padding;

		.special_title {
			h3, a {
				font-size: 1em;
				font-weight: bold;
			}
		}
		
		.special_teaser_image {
			width: @specials_overview_image_width;
			margin-right: @specials_overview_image_margin;
		}

		.special_content {
			width: @specials_overview_content_width;
		}

		.special_text {
			background-color: @rosenhof_blue;
			padding: 4px;
			margin-bottom: 3px;
			p {
				margin: 0;
			}
		}
		
		.special_url {
			background-color: @rosenhof_blue;
			padding: 4px;
		}

	}

}