/* Graffenried.ch CSS */
html {
	height:				100%;
}

body {
	height:				100%;
	min-height:			100%;
	margin:				0px;
	background-color:	#fff;
	
	/* Font Style */
	color:				#000;
	font-family: 		"Trebuchet MS", sans-serif;
	font-size: 			13px;
	font-style: 		normal;
	font-weight: 		normal;
	text-transform:     none;
	letter-spacing: 	0.08em;
	line-height: 		1.45em;
}

h1 {
	/* Font Style */
	font-family: 		Georgia, serif;
	font-size: 			30px;
	font-style: 		normal;
	font-weight: 		normal;
	text-transform: 	none;
	letter-spacing: 	2px;
	line-height: 		1.2em;
	color: 				#000;
	margin-bottom:		10px;
	padding-top:		0px;
}

h2 {
	/* Font Style */
	font-family: 		Georgia, serif;
	font-size: 			20px;
	font-style: 		normal;
	font-weight: 		normal;
	text-transform: 	none;
	letter-spacing: 	2px;
	line-height: 		1.4em;
	color: 				#000;
	margin-top:			0px;
	padding-bottom:		10px;
	border-bottom:		2px solid #333;
}

h3 {
	/* Font Style */
	font-family: 		Georgia, serif;
	font-size: 			10px;
	font-style: 		normal;
	font-weight: 		normal;
	text-transform: 	uppercase;
	letter-spacing: 	1px;
	line-height: 		2em;
	color: 				#fff;
	margin:				0px;
	padding:			0px;
	padding-top:		10px;
	text-align:			left;
}

h4 {
	/* Font Style */
	font-family: 		Georgia, serif;
	font-size: 			20px;
	font-style: 		italic;
	font-weight: 		normal;
	text-transform: 	none;
	letter-spacing: 	2px;
	line-height: 		1.4em;
	
	color: 				#000;
	margin:				0px;
	padding:			10px;
	text-align:			left;
	text-transform:		none;
	padding-left:		25px;
	
	/* Maybe, Maaaybeee ... */
	/* margin-left:		-1px; */
}

p {
	z-index:			99;
	padding-right:		10px;
}

ul {
	z-index:			99;
	list-style-type:	square;
	/* list-style-image:	url(/Content/Images/arrow.png); */
	margin:				0;
	margin-top:			25px;
	margin-bottom:		25px;
	margin-left:		20px;
	margin-right:		20px;
	padding:			0;
}

ul li {
	margin:				15px;
	font-style:			normal;
	color:				#111;
}

th
{
    text-align:         left;
}

td
{
    vertical-align:     top;
}

/* Forms */
label 
{
    font-weight:        bold;
    color:              #999;
    display:            block;
    margin-top:         20px;
    margin-bottom:      0px;
}

input[type="submit"] {
    border: 1px #bbb solid;
    background-color: #eee;
    padding: 5px;
    font: 12px;
    cursor: pointer;
}

.form-input-text {
	background-color:	#fff;
	border:				0px;
	color:				#000;
	padding:			5px;
}

.link-detailsuche 
{
    padding-top:        0px;
    margin-top:         0px;
    color:              #333;
    font-size:          0.8em;
    display:            block;
}

/* Classes */
.object-search-result
{
    margin:				0px;
    margin-bottom:      10px;
	padding:            10px;
	text-align:			left;
	border:             1px solid #eee;
	font-size:          0.75em;
	border-collapse:    collapse;
}

.object-search-result img
{
    width: 50px;
    border: 2px solid white;
}

.object-search-result td
{
}

table.object-search-result thead tr .headerSortUp {
	background-image: url(/Content/Images/sort-up.png);
	background-repeat: no-repeat;
	background-position: 6px center;
	background-color: #5684A2;
}

table.object-search-result thead tr .headerSortDown {
	background-image: url(/Content/Images/sort-down.png);
	background-repeat: no-repeat;
	background-position: 6px center;
	background-color: #5684A2;
}

.object-search-result thead tr th
{
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    padding-left: 20px;
    color: #eee;
    cursor: pointer;
    background-color: #467492;
	border-right: 1px solid #5684A2;
}

.object-search-result thead tr .header
{
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    padding-left: 20px;
    color: #eee;
    cursor: pointer;
    background-color: #467492;
    background-image: url(/Content/Images/sort.png);
	background-repeat: no-repeat;
	background-position: 6px center;
	border-right: 1px solid #5684A2;
}

.object-search-result tr.odd td  
{
    background: #f9f9ff;
}

.object-search-result td
{
    padding: 2px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #999;
}

.left-column
{
    background-color: #467492 !important;
}

.picture-td
{
    text-align: center;
    padding: 5px !important;
    border-bottom: 1px solid #5684A2 !important;
    background-color: #467492 !important;
}

.estate-search-controls 
{
    padding:            5px;
}

.estate-search-controls table
{
    padding:            5px;
    border:             1px solid #eee !important;
    margin-bottom:      5px !important;
}

.estate-search-controls table tr td
{
    vertical-align:     middle !important;
}

.estate-search-controls table colgroup col.col2
{
    width:              90px;
}

.estate-search-controls table colgroup col.col4
{
    width:              90px;
}


.contents-table 
{
	position:			relative;
}

.content-table-center 
{
	position:			relative;
	vertical-align:		top;
	width:				680px;
	margin:				0px;
	padding:			0px;
}

.content-table-right
{
	vertical-align:		top;
	width:				250px;
	margin:				0px;
	padding:			0px;
	padding-right:		25px;
	padding-bottom:     25px;
}

.content-table-right h1, .content-table-right h2
{
	/*text-align:			right ! important;*/
}

.ajax-loader 
{
    display:            none;
    margin-left:        120px;
    margin-top:         50px;
}

.search-results {
	min-height:			50px;
	margin-bottom:		25px;
	text-align:			right;
}

.search-results p {
	margin:				0px;
	padding:			0px;
	padding-bottom:		5px;
	padding-top:		5px;
	font-size:			0.9em;
	line-height:        1.2em;
	color:				#333;
	cursor:				default;
	text-align:			right;
}

.search-results a {
	font-size:			0.8em;
	color:				#000;
	text-decoration:	none;
}

.search-results a:hover {
	text-decoration:	underline;
}

.document-search-item, .estate-search-item {
	margin:				0px;
	margin-top:			2px;
	padding:            5px;
	padding-left:       0px;
	text-align:			right;
	border:             1px solid #eee;
	font-size:          0.75em;
}

.estate-search-item {
    cursor:             pointer;
}

.estate-search-item img {
    height:             50px;
    width:              50px;
    border:             1px solid #999;
}

.document-search-item img {
    height:             50px;
    width:              50px;
}

.details-table
{
    font-size:          0.9em;
    font-weight:        bold;
}

/* Objects */
#print-header { display: none; }
#top-background {
	z-index:			1;
	position:			absolute;
	top:				0px;
	left:				0px;
	width:				100%;
	height:				196px;
	background-color:	#444;
}

#background-frame 
{
	position:			relative;
	z-index:			4;
	width:				100%;
	background-image:	url(/Content/Images/behind.png); 
	background-position:center;
	background-repeat:	repeat-y;
}

#page {
	position:			relative;
	z-index:			3;
}

#page #container {
	position:			relative;
	z-index:			4;
	margin:				0px auto;
	width:				950px;
	/* background-image:	url(/Content/Images/black-overlay.png); */
}

#header {
	background-image:	url(/Content/Images/header.png);
	background-position:bottom;
	padding-top:		25px;
	background-repeat:	repeat-x;
	background-position:top;
}

#title {
	z-index:			5;
	position:			relative;
	width:				186px;
	height:				73px;
	margin:				0px auto;
	background-image:	url(/Content/Images/logo.png);
	background-repeat:	no-repeat;
	background-position:top;
	padding-top:		25px;
}

#menu {
	z-index:			6;
	position:			relative;
}

#current-item-indicator {
	position:			absolute;
	left:				50px;
	top:				7px;
	height:				38px;
	width:				170px;
	background-repeat:	repeat;
}

#menu-container {
	position:			relative;
	width:				950px;
	height:				52px;
	background-image:	url(/Content/Images/menu.png);
	background-position:center;
	background-repeat:	no-repeat;
}

#menu-container .menu-item-first {
	margin-left:		50px;
}

#menu-container .menu-item {
	float:				left;
	height:				30px;
	width:				170px;
	margin-top:			5px;
	background-repeat:	repeat-x;
	background-position:-10px 83px;
	cursor:				default;
	
	/* Font Style */
	font-family:		Georgia, serif;
	color:				#eee;
	font-size: 			0.9em;
	font-style:			normal;
	font-weight: 		bold;
	text-transform:		uppercase;
	letter-spacing: 	2px;	
	line-height: 		2.0em;
	margin-bottom:		0px;
	padding-top:		10px;
	text-align:			center;	
}

#seven-menu 
{
	position:			absolute;
	display:			none;
	background-repeat:	repeat-x;
	background-position:bottom;
	background-image:	url('/Content/Images/dropdown-background.png');
	z-index:			1;
	border:				1px solid #aaa;
	background-color:	#333;
	
	/* css 2.5 ... i guess */
	-moz-box-shadow:	0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow:			0px 0px 5px #000;
}

#seven-menu ul
{
	width:				166px;
	margin:				0px;
	padding:			2px;
	list-style-type:	none;
}

.submenu-list {
	position:			absolute;
	display:			none;
	width:				166px;
	margin:				0px;
	padding:			2px;
	background-color:	#333;
	border:				1px solid #aaa;
	border-top:			0px;
	list-style-type:	none;
	top:				169px;
	z-index:			1;
	background-repeat:	repeat-x;
	background-position:bottom;
	background-image:	url(/Content/Images/dropdown-background.png);
	
	/* css 2.5 ... i guess */
	-moz-box-shadow:	0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow:			0px 0px 5px #000;
}

.submenu-list-arrow 
{
	position:			absolute;
	right:				0px;
	top:				0px;
	background-image:	url(/Content/Images/arrow-right.png);
	background-repeat:	no-repeat;
	background-position:7px 11px;
	width:				26px;
	height:				26px;
}

.submenu-list li, #seven-menu ul li 
{
	position:			relative;
	margin:				0px;
	padding:			0px;
}

.submenu-list li a, #seven-menu ul li a
{
	color:				#fff;
	text-decoration:	none;
	font-style:			normal;
	display:			block;
	padding:			5px;
	margin-right:		26px;
}

.submenu-list li a:hover, #seven-menu ul li a:hover 
{
    text-decoration:    underline;
}

.submenu-list li ul 
{
	display:			none;
	position:			absolute;
	background-color:	#333;
	border:				1px solid #aaa;
	margin:				0px;
	padding:			0px;
	list-style-type:	none;
	margin-top:			-30px;
	left:				165px;
	width:				158px;
	
	/* css 2.5 ... i guess */
	-moz-box-shadow:	0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow:			0px 0px 5px #000;
}

#breadcrumbs {
    margin-left:27px;
}

#breadcrumbs p {
    display: inline;
    margin:				0px;
	padding:			0px;
	padding-bottom:		5px;
	padding-top:		5px;
	font-size:			0.9em;
	line-height:        1em;
	text-decoration:    none;
	color:				#333;
}

#breadcrumbs a {
    margin:				0px;
	padding:			0px;
	padding-bottom:		5px;
	padding-top:		5px;
	font-size:			0.9em;
	line-height:        1em;
	text-decoration:    none;
	color:				#333;
}

#breadcrumbs a:hover {
	color:				#111;
	text-decoration:    underline;
}

#content {
	position:			relative;
	float:				left;
	width:				950px;
	padding-top:		5px;
}

#content table 
{
	position:			relative;
	width:				100%;
	margin:				0px;
	padding:			0px;
	border:				0px;
}
#content table td
{
	vertical-align:		top;
}

#content-left-text 
{
	position:			relative;
	width:				625px;
	padding-left:		25px;
	padding-right:		12px;
	margin-right:		12px;
	min-height:			500px;
	border-right:		1px dotted #aaa;
}

#content-left-text .modal-content
{
    display: none;
}

#content-headings
{
	padding-left:25px;
	padding-right:25px;
}

#content-left-text h4
{
	margin-left:		-25px;
	margin-top:			20px;
}

.estate-suite-image
{
	margin:				10px;
	margin-left:		0px;
    padding:            2px;
    border:             1px solid #021a40;
    background-color:   #fff;
}

#content-left-text a:hover
{
	text-decoration:	underline;
	color:				#000;
}

div.setting-www
{
    margin:             20px;
    margin-left:        0px;
    padding-left:       60px;
    padding-top:        18px;
    height:             30px;
    background-repeat:  no-repeat;
}

#content-left-text
{
	color:				#444;
	font-family:		Helvetica, Arial, Arial, sans-serif;
	font-size:			1.1em;
	letter-spacing:		0.7pt;
	line-height:		1.3;
	padding-bottom:     50px;
}

#content-left-text p
{
	color:				#444;
}

#content-left-text strong
{
	color:				#222;
}

input.search-input {
	width:				185px;
	font-size:			1.0em;
	color:				#333;
	padding:			7px;
	padding-left:		59px;
	font-family:		Georgia; 
	text-transform:		uppercase;
	margin-bottom:		2px;
	border:				1px solid #aaa;
	background-image:	url(/Content/Images/suchen.png);
	background-repeat:	no-repeat;
	background-position:10px 10px;
	background-color:	Transparent;
}

input#filter-address-button
{
    padding-top:         6px;
    padding-bottom:      5px;
}

input#filter-address 
{
    width:				480px;
	font-size:			1.0em;
	color:				#333;
	padding:			7px;
	padding-left:		59px;
	font-family:		Georgia; 
	text-transform:		uppercase;
	margin-bottom:		0px;
	border:				1px solid #aaa;
	background-image:	url(/Content/Images/suchen.png);
	background-repeat:	no-repeat;
	background-position:10px 10px;
	background-color:	Transparent;
}

#object-search-data
{
}

#object-search-count 
{
    margin-top:         10px;
    margin-bottom:      10px;
    text-align:         right;
    font-size:          0.8em;
    color:              #888;
}

#object-search-filters 
{
    margin-top:         10px;
    margin-bottom:      10px;
    text-align:         left;
    font-size:          0.8em;
    color:              #888;
}

input.input-textbox {
	width:				185px;
	font-size:			1.0em;
	color:				#333;
	padding:			7px;
	font-family:		Georgia;
	margin-bottom:		2px;
	border:				1px solid #aaa;
	background-color:	Transparent;
}

input:focus
{
	background-color:	#fff7be;
}

.side-box h4 {
	width:				200px;
	padding-right:		15px ! important;
	text-align:			right;
	display:			block;
	color:				#000;
}

#footer {
	position:			relative;
}

#colored-line 
{
	height:				123px;
	background-position:-8px 0px;
	font-family: 		Georgia, serif;
	font-size: 			1.2em;
	font-style: 		normal;
	font-weight: 		normal;
	letter-spacing: 	1px;
	line-height: 		2em;
	text-align:			center;
	width:				950px;
	margin:				0px auto;
}

/* Overlay */
.modal-normal 
{
	display:			none;
}

/* Style for Usual tabs */
.usual {
  color:#111;
  width:100%;
}
.usual ul
{
    margin: 0px;
    width: 100%;
    background-color: #f2f2f2;
}
.usual li { list-style:none; float:left; margin:0px; }
.usual ul a {
  display:block;
  padding:7px 8px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:10px Verdana;
  color:#000;
  background:#f2f2f2;
}
.usual ul a:hover {
  color:#FFF;
  background:#6896B4;
  }
.usual ul a.selected {
  margin-bottom:0;
  color:#fff;
  text-decoration: underline !important;
  background:#467492;
  border-bottom: 1px solid #467492;
  cursor:default;
  }
.usual div {
  padding: 0;
  clear:both;
  background:#f2f2f2;
}
.usual div a { color:#000; font-weight:bold; }


/* Accordion Classes */
.micro-open
{
    display: block;
    padding: 9px;
    background-color: #467492;
    color: #fff !important;
    text-decoration: none;
}
.micro-closed
{
    display: block;
    padding: 9px;
    background-color: #467492;
    color: #fff !important;
    text-decoration: none;
    border-bottom: 1px solid #6896B4;
}

#filteredBuyGrid 
{
    display:none;
}

#filteredRentGrid table 
{
    table-layout: fixed;
}

#filteredBuyGrid table 
{
    table-layout: fixed;
}

#filteredRentGrid table tbody tr td:first-child
{
    background-color: #467492;
}

#filteredBuyGrid table tbody tr td:first-child
{
    background-color: #467492;
}

#filteredRentGrid table tbody tr td
{
    max-width:50px;
}

#filteredBuyGrid table tbody tr td
{
    max-width:50px;
}

.microfilter-textbox
{
    margin: 1px;
    margin-top: 2px;
    margin-bottom: 5px;
    padding: 5px;
    width: 228px;
    border: 1px solid #888;
    background-color: #fff;
}

.microfilter-container
{
    margin-bottom: 10px;
}

.microfilter-element 
{
    /*float: left !important;*/
    display: block;
    width: 215px;
    margin: 1px !important;
    padding: 2px 16px 2px 6px !important;
    border: 1px solid #aaa;
    background: #fff url('/Content/Images/remove.png') no-repeat right center;
    cursor: pointer;
}

.microfilter-element-hover
{
    border: 1px solid #f99;
    background: #fee url('/Content/Images/remove-hover.png') no-repeat right center;
}

.t-grid table tbody tr
{
    cursor: pointer;
}

/* Form Validation */
label.error 
{
	margin-left: 10px;
	width: auto;
	display: inline;
	color: Red;
}