/*
-----------------------------------------------
hsbctrinkaus-immobilien.de
Author: Ralph Scheidt
version:  26 Nov 2007
----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background: #b9bfc4 url(../images/bg_website.gif) repeat-x top left;
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	}

#container {
	width: 990px;
	background: #fff;
	border-right: 1px solid #fff;
	}

h1 {
	font: bold 16px/20px Arial, Helvetica, sans-serif;
	background: #fff url(../images/roter_pfeil.gif) no-repeat;
	background-position: 1px 16px;
	padding: 18px 5px 4px 20px;
	margin: 0;
	}

h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {
	color: #f00;
	text-decoration: none;
	}

h2 {
	font: bold 16px/20px Arial, Helvetica, sans-serif;
	color: #162b38;
	padding: 18px 5px 4px 20px;
	margin: 0;
	}

h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
	color: #162b38;
	text-decoration: none;
	}

h3 {
	font: bold 11px/16px Arial, Helvetica, sans-serif;
	color: #162b38;
	padding: 0px 5px 0px 20px;
	margin: 0;
	}

p {
	color: #435e6c;
	padding: 0 20px 7px 20px;
	margin: 0;
	}

p.navigator {
	color: #435e6c;
	font-weight: bold;
	padding: 0;
	margin: 0 0 3px 0;
	}

p.link {
	color: #162b38;
	font-weight: bold;
	padding: 0 10px 0 20px;
	margin: 0;
	}

a:link, a:visited, a:active {
	color: #162b38;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a.newslink:link, a.newslink:visited, a.newslink:active, a.newslink:hover {
	font-weight: bold;
	}

div.clear { clear: both; }

span.date { font-weight: bold; }

span.newshome { padding-right: 10px; }

img { border: 0; }

/* Headerbox
----------------------------------------------- */
#htdelogo {
	margin: 10px 0 0 80px;
	}

#headerwrapper { height: 65px;}

#headerimage {
	background: transparent url(../images/header_image.jpg) top left no-repeat;
	height: 188px;
	width: 990px;
	}

#navigator {
	background: transparent url(../images/header_navigator.jpg) top left no-repeat;
	height: 80px;
	width: 300px;
	position: absolute;
	top: 100px;
	left: 690px;
	}

/* Homenavbox
----------------------------------------------- */
#homenavbox {
	border-left: 1px solid #f00;
	border-right: 1px solid #f00;
	margin: 0 5px;
	padding: 30px 0 0 0;
	background: transparent url(../images/bg_dropshadow.jpg) no-repeat;
	background-position: 0px 6px;
	}

#navboxwrapper {
	width: 978px;
	}

#navbox_left, #navbox_center, #navbox_right {
	float: left;
	}

#navbox_left
	{
	width: 208px;
	padding-left: 20px !important;
	padding-left: 19px;
	}
#navbox_center
	{
	width: 398px;
	padding-left: 23px;
	border-right: 1px solid #d2dde4;
	}
#navbox_right
	{
	width: 307px;
	padding-bottom: 30px;
	/*border-left: 1px solid #d2dde4;*/
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#navwrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#navwrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#navwrapper
	{
	display: inline-block;
	}
/*\*/
#navwrapper
	{
	display: block;
	}
/* end easy clearing */

.divider { 
	background: transparent url(../images/divider.gif) center left no-repeat;
	margin: 20px 0 2px 0;
	height: 1px;
	}

/* Homecontentbox
----------------------------------------------- */
#homecontentbox {
	background: #ebf0f3 url(../images/bg_content_home.gif) top left repeat-x;
	}

#homecontentframe {
	border: 1px solid #f00;
	border-top: none;
	margin: 0 5px;
	padding: 0;
	}

#contentleft {
	width: 635px;
	float: left;	
	margin: 2px 0 0 0;
	padding: 0 0 10px 0;
	/*border-right: 1px solid #fff;*/
	}

#contentright {
	width: 328px !important;
	width: 329px;
	float: right;
	padding: 0 0 10px 0;
	border-left: 1px solid #fff;
	}

/* Footer
----------------------------------------------- */
#footer
	{
	font: normal 11px Arial, Helvetica, sans-serif;
	width: 980px;
	clear: both;
	margin: 0 5px;
	padding: 10px 0;
	line-height: 11px;
	}

#hsbclogo { 
	width: 52px;
	padding: 1px 5px 1px 0;
	}

#footernavlist_de, #footernavlist_en
	{	
	margin: 0;
	color: #668497;
	float: left;
	}

#footernavlist_de a.footer, #footernavlist_en a.footer
	{	
	padding: 0 15px;
	color: #668497;
	text-decoration: none;
	}

#footernavlist_de a.footer:hover, #footernavlist_en a.footer:hover
	{	
	text-decoration: underline;
	}

#copyright { 
	color: #668497;
	text-align: right;
	}

/* Suche
----------------------------------------------- */
#search {
	position: relative;
	top: 15px;
	left: 10px;
}

#search form {
	margin: 0;
	padding: 0;
}

input.eingabe {
	width: 219px;
	background: #fff;
	border: 1px solid #6f8b9a;
	padding: 2px 2px 2px 2px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #a1b0ba;
}

input.eingabe:focus {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000;
}
/* Generische Navigation
----------------------------------------------- */
#generic {
	position: relative;
	top: 0px;
	left: 690px;
	background: #f00;
	width: 300px;
	height: 15px;
	text-align: right;
	font: normal 11px Arial, Helvetica, sans-serif;
	}

#generic #genericleft {
	float: left;
	}

#generic #genericright {
	font-weight: bold;
	float: right;
	}

#generic a:link, #generic a:visited, #generic a:active {
	color: #fff;
	background: transparent url(../images/trenner.gif) no-repeat right center;
	padding: 0 15px 0 12px;
	text-decoration: none;
	}

#generic a:hover {
	text-decoration: underline;
	}

#generic a#first {
	padding: 0 15px 0 6px;
	}

#generic a.last {
	background: none;
	}


/* Easy Access Auswahlfeld
----------------------------------------------- */
#easyaccess {
	position: relative;
	top: 10px;
	left: 10px;
	z-index: 1000;
}

#easyaccessliste, #easyaccessliste ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	border: 1px solid #6f8b9a;
	width: 277px;
	color: #a1b0ba;
	background-color: #fff;
}
#easyaccessliste {
	height: 18px;
}
#eadesc {
	background: url(../images/pfeil_easyaccess.gif) top right no-repeat;
	height: 16px;
	display: block;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 0 1px 5px;
	width: 277px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 272px;
}
#easyaccessliste li { /* all list items */
	float: left;
	width: 272px; /* width needed or else Opera goes nuts */
}

#easyaccessliste li li a {
	text-decoration: none;
	display: block;
	width: 252px;
	padding: 2px 5px 4px 5px;
	color: #a1b0ba;
	background-image: none;
}
#easyaccessliste li li a:hover {
	color: #000;
}

#easyaccessliste li ul { /* second-level lists */
	position: absolute;
	border: 1px solid #6f8b9a;
	background-color: #fff;
	width: 255px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#easyaccessliste li ul li {
	width: 255px;
}

#easyaccessliste li:hover ul, #easyaccessliste li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}