/* --------------------------------------------------------------------------------------
 * html and body
 * -------------------------------------------------------------------------------------- */

	html {
		height: 100%;
		padding-bottom: 1px; /* always show vertical scrollbars */
	}
	body {
		font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-size: 14px;
		background: #e9e9e9; color: #333;
		margin: 0; padding: 0;
		width: 100%;
		height: 100%;
	}
	body.ie6 {
		behavior: url("static/components/csshover/csshover3.htc");
	}
	@media screen {
		body.fontsize-1 {
			font-size: 13px;
		}
		body.fontsize-2 {
			font-size: 14px;
		}
		body.fontsize-3 {
			font-size: 16px;
		}
	}


/* --------------------------------------------------------------------------------------
 * generic classes
 * -------------------------------------------------------------------------------------- */

	.mb0 {
		margin-bottom: 0 !important;
	}
	.mb1 {
		margin-bottom: 10px !important;
	}
	.mb2 {
		margin-bottom: 25px !important;
	}
	.mb3 {
		margin-bottom: 50px !important;
	}
	.mb4 {
		margin-bottom: 100px !important;
	}
	.clear {
		overflow: hidden;
		clear: both;
		display: table;
		height: 0;
		zoom: 1;
	}
	.inline {
		display: inline;
	}

/* --------------------------
 * media classes
 * -------------------------- */

	/*
	.reader    = screen reader only         (eg skip links)
	.print     = print only                 (eg contact infos, references)
	.nonprint  = don't print                (eg navigation)
	.noreader  = hide from screen readers   (eg screen meta info)
	.nonjs     = show if JS is deactivated
	*/

	.reader {
		position: absolute; left: -990em; height: 1em; width: 1em;
		overflow: hidden;
	}
	.print {
		display: none;
		visibility: hidden;
	}
	.nonprint {
		/* nothing */
	}
	@media aural {
		.nonreader {
			display: none;
			visibility: hidden;
		}
	}
	html.js .nonjs {
		display: none;
	}


/* --------------------------------------------------------------------------------------
 * typo, images, lists, tables, forms,..
 * -------------------------------------------------------------------------------------- */

	p, li {
		font-size: 1em; line-height: 1.5em; font-weight: normal;
		margin: 0 0 1em 0; padding: 0;
	}
	h3, h4, h5, h6 {
		font-size: 1em; line-height: 1.5em; font-weight: bold;
		margin: 0 0 1em 0; padding: 0;
		color: #666;
	}
	h1, h2 {
		font-size: 1.2em; line-height: 1.2em; font-weight: bold;
		margin: 0 0 1em 0; padding: 0;
		color: #666;
	}

/* --------------------------
 * lists
 * -------------------------- */

	ul,
	ol {
		margin: 0 0 1.5em 0;
		padding: 0 0 0 2em;
	}
	li {
		margin: 0 0 0.3em 0;
		padding: 0;
	}

/* --------------------------
 * links
 * -------------------------- */

	a {
		text-decoration: none;
		color: #3596d5; /* green */
	}
	a:hover,
	a:focus {
		text-decoration: underline;
	}
	a:active {
		outline: none; /* remove dotted borders */
	}
	a:visited {
	}

	/* external */

	@media screen {
		a.external {
			background-image: url(../images/icon_external.png);
			background-position: right 20%;
			background-repeat: no-repeat;
			padding-right: 11px;
		}
	}

/* --------------------------
 * images
 * -------------------------- */

	img {
		border: 0;
		padding: 0;
		margin: 0;
		display: block;
	}
	img {
		/* behavior: url("static/components/iepngfix/iepngfix.htc"); */
	}

/* --------------------------
 * tables
 * -------------------------- */

	table,
	table tr,
	table th,
	table td {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: top;
		text-align: left;
	}
	table th,
	table td {
		font-size: 1em; line-height: 1.6em; font-weight: normal;
	}


/* --------------------------------------------------------------------------------------
 * tools
 * -------------------------------------------------------------------------------------- */

	/* maintenance */

	#maintenance {
		background: #222;
	}
	#maintenance p {
		font-size: 1em;
		line-height: 1em;
		display: block;
		text-align: center;
		color: #fff;
		padding: 5px 5px 6px 5px;
		margin: 0;
		border-bottom: 2px solid #fff;
	}

	/* DECAF */

	a#decafmedia,
	a#decafmedia:hover,
	a#decafmedia:focus {
  		width: 12px;
  		height: 64px;
  		margin: -100px 0 0 0;
  		position: absolute; left: 8px;
  		text-decoration: none;
  		border: none;
  		background: none;
  	}

	/* non-js info */

	.jsinfo {
		background: #ffffcc;
		padding: 3px 10px;
		margin: 0 0 10px 0;
	}

	/* tooltips */

	.tooltip em {
		border-bottom: 1px dotted #72aadb;
		font-style: normal;
		cursor: help;
	}
	.qtip {
	}


/* --------------------------------------------------------------------------------------
 * d--form
 * -------------------------------------------------------------------------------------- */

	/* containers */

	.d--form {
		/* width: 600px; */
	}
	.d--form .d--inner {
		margin-right: 15px; /* margin between cells */
	}
	.d--form .d--stretch {
		margin-right: -15px; /* negative margin according to .d--inner */
		zoom: 1;
	}
	.ie6 .d--form .d--data {
		/* IE 6 */
		margin-right: 16px; /* value must be (padding + borders) of form elements! */
	}
	.ie7 .d--form .d--data {
		/* IE 7 */
		margin-right: 16px; /* value must be (padding + borders) of form elements! */
	}

	/* generic elements */

	.d--form .d--clear {
		overflow: hidden;
		clear: both;
		display: table;
		height: 0;
		zoom: 1;
	}
	.d--form .d--mb1 {
		margin-bottom: 5px;
	}
	.d--form .d--mb2 {
		margin-bottom: 10px;
	}
	.d--form .d--mb3 {
		margin-bottom: 20px;
	}

	/* horizontal layout */

	.d--form .d--cell {
		float: left;
	}
	.ie6-7 .d--form .d--cell {
		overflow: hidden;
	}
	.d--form .d--w100 {
		width: 99.9%;
	}
	.d--form .d--w75 {
		width: 74.9%;
	}
	.d--form .d--w50 {
		width: 49.9%;
	}
	.d--form .d--w25 {
		width: 24.9%;
	}

	/* vertical layout */

	.d--form .d--label,
	.d--form .d--data,
	.d--form .d--caption {
		margin-bottom: 2px;
	}

	/* labels */

	.d--form label {
		display: block;
		padding: 2px 0;
	}
	.d--form .d--grouplabel {
		margin-bottom: 10px;
	}

	/* caption (text below form elements) */

	.d--form .d--caption p {
		margin: 0;
		color: #888;
	}

	/* input elements */

	.d--form .d--input,
	.d--form .d--select,
	.d--form .d--textarea {
		box-sizing: border-box;
		-moz-box-sizing: border-box; /* gecko */
		-webkit-box-sizing: border-box; /* khtml/webkit */
		-ms-box-sizing: border-box; /* IE */
		width: 100%; /* default full width */
	}
	.d--form .d--radio,
	.d--form .d--checkbox {
		cursor: pointer;
	}
	.d--form .d--radiocheck .d--data {
		margin: 0;
		float: left;
	}
	.d--form .d--radiocheck .d--label {
		margin-left: 25px;
	}
	.ie6 .d--form .d--radiocheck .d--label {
		margin-left: 3px;
		display: inline;
		zoom: 1;
	}
	.d--form .d--radiocheck label {
		float: left;
		cursor: pointer;
	}

	/* cancel element */

	.d--form .d--cancel {
		display: inline;
		padding-left: 10px;
		vertical-align: text-bottom;
		zoom: 1;
	}
	.d--form .d--cancel a {
		padding-left: 10px;
	}

	/* mandatory */

	.d--form .d--mandatory label {
		font-weight: bold;
	}

	/* errors */

	.d--form .d--error .d--label {
		background: #00a6e2;
		color: #fff;
		padding: 0 0 0 8px;
	}
	.d--form .d--error label {
		font-weight: bold;
	}
	.d--form .d--errors .d--inner {
		background: #00a6e2;
	}

	/* alert */

	.d--form .d--alert {
		margin-bottom: 20px;
	}
	.d--form .d--alert .d--inner {
		padding: 10px;
		background: #00a6e2;
	}
	.d--form .d--alert p {
		color: #fff;
		margin: 0 0 10px 0;
	}
	.d--form .d--alert ul,
	.d--form .d--alert ol {
		margin: 0;
		padding: 0;
	}
	.d--form .d--alert li {
		color: #fff;
		margin: 0 0 0 30px;
		padding: 0;
	}
	.d--form .d--alert li a {
		/*
		color: #fff;
		text-decoration: none;
		*/
	}
	.d--form .d--alert li a.reload {
		background: #000;
		color: #fff;
		padding: 5px;
	}

	/* style */

	.d--form .d--label {
		color: #666;
	}
	.d--form .d--input,
	.d--form .d--select,
	.d--form .d--textarea {
		font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-size: 1em;
		border: 0;
		border-bottom: 1px solid #00a6e2;
		border-left: 8px solid #00a6e2;
		background: #e0eff5;
		padding: 4px;
	}
	.d--form .d--submit {
		font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-size: 1em;
		padding: 3px 20px;
		font-weight: bold;
		border: 1px solid #00a6e2;
		background: #00a6e2;
		color: #fff;
	}
	.d--form .d--submit:hover,
	.d--form .d--submit:focus {
		border: 1px solid #00b5f6;
		background: #00b5f6;
		cursor: pointer;  /* sorry, can't use that one in front of Opera */
	}


/* --------------------------------------------------------------------------------------
 * d--gallery
 * -------------------------------------------------------------------------------------- */

	/* gallery 1b */

	.d--gallery-1b {
		margin: 0 -10px 20px 0;
	}
	.d--gallery-1b ul {
		list-style: none;
		margin: 0;
		padding: 0;
		cursor: default;
	}
	.d--gallery-1b li {
		margin: 0 5px 10px 0;
		display: -moz-inline-grid; /* ff2 */
		display: inline-block;
		text-align: center;
		vertical-align: bottom;
	}
	.d--gallery-1b li a {
		display: -moz-inline-grid; /* ff2 */
		display: inline-block;
		cursor: pointer;
	}
	.d--gallery-1b li .d--gallery-wrp {
		display: -moz-inline-grid; /* ff2 */
		display: inline-block;
		text-align: center;
		vertical-align: bottom;
	}
	.d--gallery-1b li img {
		display: block;
		border: 1px solid #ccc;
		padding: 2px;
	}
	.d--gallery-1b li a:hover img,
 	.d--gallery-1b li a:focus img {
		border-color: #3596d5;
	}
	.ie6-7 .d--gallery-1b li,
	.ie6-7 .d--gallery-1b li a,
	.ie6-7 .d--gallery-1b li .d--gallery-wrp {
		display: inline;
		zoom: 1;
	}


/* --------------------------------------------------------------------------------------
 * layout
 * -------------------------------------------------------------------------------------- */

	.wrp-1 {
		min-height: 100%;
		background: url(../images/bgr_site.png) repeat-x;
	}
	.wrp-2 {
		width: 960px;
		margin: 0 auto;
	}
	.rc-t {
		height: 40px;
		background: url(../images/bgr_page_rc-t.png) no-repeat;
	}
	.rc-b {
		height: 40px;
		background: url(../images/bgr_page_rc-b.png) no-repeat;
	}
	.rc-m {
		background: url(../images/bgr_page_rc-m.png) repeat-y;
		padding: 0 30px;
	}
	.ie6 .rc-t,
	.ie6 .rc-b,
	.ie6 .rc-m {
		background: none;
	}
	.wrp-3 {
		background: #fff url(../images/bgr_page.png) repeat-y;
		margin: -10px 0;
		position: relative;
		zoom: 1;
	}

	/* outer columns */

	.col-1 {
		width: 245px;
		float: left;
		min-height: 1px; /* force content */
	}
	.ie6 .col-1 {
		display: inline;
	}
	.col-1-inner {
		width: 200px;
		padding: 20px 30px 20px 0;
		margin: 0 0 0 auto;
	}
	.col-2 {
		width: 655px;
		float: left;
		min-height: 1px; /* force content */
	}
	.ie6 .col-2 {
		display: inline;
	}
	.col-2-inner {
		width: 583px;
		min-height: 520px;
		padding: 20px 0 20px 30px;
	}

	/* sections */

	.header {
		position: relative;
		margin-bottom: 20px;
		zoom: 1;
	}
	.header-inner {
	}
	.title {
	}
	.title-inner {
	}
	.navigation {
	}
	.navigation-inner {
	}
	.content {
		margin-bottom: 20px;
	}
	.content-inner {
	}
	.footer {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 5px 0 0 0;
		font-size: 90%;
	}
	.footer-inner {
	}

	/* inner columns */

	.content .full {
		width: 583px;
		float: left;
	}
	.content .full-inner {
		padding: 10px 0 5px 0;
	}
	.ie6 .content .full {
		display: inline;
	}
	.content .main {
		width: 372px;
		float: left;
	}
	.content .main-inner {
		padding: 10px 10px 5px 0;
	}
	.ie6 .content .main {
		display: inline;
	}
	.content .side {
		width: 211px;
		float: left;
		font-size: 90%;
	}
	.content .side-inner {
		padding: 10px 5px 5px 10px;
		background: #fef8d7;
	}
	.ie6 .content .side {
		display: inline;
	}

	.location .main {
		width: 372px;
		float: left;
	}
	.ie6 .location .main {
		display: inline;
	}
	.location .side {
		width: 211px;
		float: left;
	}
	.ie6 .location .side {
		display: inline;
	}


/* --------------------------------------------------------------------------------------
 * content
 * -------------------------------------------------------------------------------------- */

	/* navigation */

	.navigation {
		width: 180px;
		margin: 0 0 0 auto;
		padding-top: 60px;
	}
	.navigation ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.navigation li {
		display: block;
		margin: 0 0 -1px 0;
		padding-left: 15px;
		font-size: 1.1em;
		font-weight: bold;
		zoom: 1;
		position: relative;
	}
	.navigation li a {
		display: block;
		text-decoration: none !important;
		cursor: pointer;
		zoom: 1;
	}
	.navigation li a span,
	.navigation li strong {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		display: block;
		padding: 5px 0;
		color: #333;
		zoom: 1;
	}
	.navigation li.first a span,
	.navigation li.first strong {
		border-top: none;
	}
	.navigation li.last  a span,
	.navigation li.last  strong {
		border-bottom: none;
	}
	.navigation li a:hover span,
	.navigation li a:focus span {
		color: #555;
	}
	.navigation li.active {
		background: url(../images/arrow.png) left center no-repeat;
	}

	/* logo */

	.logo {
		position: relative; left: -3px;
		width: 211px; height: 37px;
	}

	/* head navigation */

	.head-navigation {
		position: absolute; right: 0; bottom: 0;
	}
	.head-navigation .sep {
		padding: 0 5px;
		color: #ccc;
	}
	.head-navigation #fontsize-1,
	.head-navigation #fontsize-2,
	.head-navigation #fontsize-3 {
		padding: 0 3px;
	}
	.head-navigation #fontsize-1 {
		font-size: 0.8em;
	}
	.head-navigation #fontsize-3 {
		font-size: 1.3em;
	}

	/* image */

	.title {
	}
	.title .image {
		width: 372px;
		height: 214px;
		float: left;
	}
	.title .claim {
		width: 211px;
		height: 214px;
		float: left;
	}

	/* location */

	.location {
		margin: 0 0 20px 0;
	}
	.location-inner {
		padding: 10px 0;
		border-bottom: 1px solid #ccc;
		min-height: 25px;
		background: url(../images/pager.jpg) right top no-repeat;
		zoom: 1;
	}
	.location p {
		font-size: 1.2em;
		margin-bottom: 0;
	}
	.location .main p {
		background: url(../images/arrow.png) left center no-repeat;
		padding-left: 15px;
	}

	/* content: sidebar */

	.content .side ul {
		padding-left: 1em;
	}
	.content .side li {
		margin-bottom: 0.5em;
	}

	/* footer */

	.footer .contact {
		width: 400px;
		float: left;
		padding-top: 3px;
	}
	.ie6 .footer .contact {
		display: inline;
	}
	.footer .partners {
		width: 183px;
		float: left;
	}
	.ie6 .footer .partners {
		display: inline;
	}
	.footer .partners a {
		display: block;
		float: right;
		margin: 0 30px 0 0;
	}
	.ie6 .footer .partners a {
		display: inline;
	}

	/* map */

	.map {
		border: 1px solid #ccc;
		padding: 2px;
	}

	/* wohnungen */

	.wohnungen {
		padding: 10px 0;
	}
	.wohnungen ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.wohnungen li {
		display: block;
		float: left;
		width: 160px;
		margin: 0 -1px 0 0;
		padding: 0 5px 0 20px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	.wohnungen li.n1 {
		border-left: 0;
	}
	.wohnungen li.n3 {
		margin-right: 0;
		border-right: 0;
	}
	.wohnungen li p.type {
		font-size: 1.2em;
		font-weight: bold;
		margin-bottom: 0.5em;
	}
	.wohnungen li p.details {
		margin-bottom: 0;
	}

	/* pics */

	.content .pic {
		margin: 0 0 20px 0;
	}
	.content .aleft {
		float: left;
		margin-right: 20px;
	}
	.content .aright {
		float: right;
		margin-right: 10px;
		margin-left: 20px;
	}
	.content .wtext {
		border: 1px solid #ccc;
		padding: 2px;
	}
	.content .pic p {
		font-size: 0.9em; line-height: 1.2em;
		margin: 0;
		padding: 3px 0;
		color: #666;
	}

	/* table: wohnungen (qm) */

	table.qm {
		margin: 0 0 20px 0;
		padding: 0;
		border-collapse: collapse;
	}
	table.qm th {
		font-weight: bold;
		padding-right: 20px;
	}
	table.qm td {
		text-align: right;
	}
	table.qm th,
	table.qm td {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}