/* GENERAL */
a										{text-decoration: none; color: #e8a763; /*color: #f2ddc1;*/}
a:hover									{text-decoration: underline; color: #FFF;}

ol, h1, h2, h3, p, label, ul, td, h4	{font: 11px 'Trebuchet MS', sans-serif; color: #FFF;}
a, textarea, select						{font: 11px 'Trebuchet MS', sans-serif;}

h1										{font-size: 14px; color: #f2ddc1; font-weight: bold; margin-bottom: 15px;}
h1.special                              {line-height: 200%;}
h2										{margin-bottom: 10px;}
h3										{font-size: 13px; color: #f2ddc1; font-weight: bold;}
p										{padding-bottom: 10px;}
ol										{list-style-type: decimal; margin-bottom: 10px;}
ul.list									{list-style-type: disc; margin-bottom: 10px;}
strong									{font-weight: bold;}
small									{font-size: 10px; font-style: italic;}
h3 a									{font-size: 13px; font-weight: bold;}
h4										{font-size: 10px;}
table									{width:100%;}
tr.breedte								{width:33%;}
#footer p                               {color: #000;}

/* LAYOUT */
#header									{position: relative;}
#container								{width: 910px; margin: 15px auto;}

/* BANNERS */
#header a.banner						{position: absolute; right: 0px; top: 0px;}

/* NAVIGATIE */
#navigation								{text-align: center; margin: 15px 0px 5px 0px;}
#navigation li							{float: left;}
#navigation li a						{
											display: block;
											height: 25px; 
											width: 124px;
											background: url('/_images/nav_background.gif') no-repeat;
											font: 13px 'Helvetica', sans-serif;
											font-weight: bold;
											color: #FFF;
											line-height: 25px;
											margin-right: 6px;
										}
#navigation li a:hover					{text-decoration: none; background: url('/_images/nav_background_over.gif') no-repeat;}
#navigation li a.selected				{background: url('/_images/nav_background_over.gif') no-repeat; cursor: default;}

/* FORMS */
label									{float: left; clear: both; width: 130px; padding-top: 10px;}
input									{font-size: 11px; font-weight: bold; margin-top: 10px;}
button									{background: #e37703; color: #FFF; border: none; margin-top: 10px; cursor: pointer;}
textarea								{font-size: 11px; margin-top: 10px;}
span.verplicht							{color: #e37703;}
select									{margin-top: 10px;}

/* ZOEKEN */
div.zoekentop							{background: url('/_images/direct_zoeken.gif') no-repeat; height: 34px;}
div.zoekenbottom						{background: url('/_images/direct_zoeken_bottom.gif') no-repeat; height: 9px;}
#zoeken									{width: 272px;}
#zoeken form							{padding: 0px; background: #e37703; height:234px;}									
#zoeken form fieldset             {padding: 10px 5px 5px 5px;}
#zoeken form legend						{display: none;}
#zoeken form label						{float: left; clear: both; width: 120px; font-weight: bold; padding-top: 0px;}
#zoeken form select, #zoeken form input	{font-size: 11px; background: #FFF; border: none; margin-bottom: 10px; font-weight: bold; margin-top: 0px;}
#zoeken form select						{width: 138px;}
#zoeken form input.small				{width: 64px; text-align: center; font-weight: bold;}
#zoeken form button						{background: none; border: none; margin-bottom: 10px; cursor: pointer; margin-top: 0px;}
#zoeken form input.checkbox				{margin-right: 5px;}

#ace                                    {float: right;}
#brainwork                              {float: right; margin-right: 10px;}


/* CONTENT */
div.contenttop							{height: 23px; background: #FFF url('/_images/content_top_background.gif') no-repeat;}
div.contentbottom						{height: 23px; background: #FFF url('/_images/content_bottom_background.gif') no-repeat;}
#content								    {background: #006e85; padding: 0px 0px 10px 20px; min-height:300px; height:auto !important; height:300px;}
#content h2, #content p			{line-height: 160%;}
#content div.column					{width: 285px; float: left;}
#content div.center					{text-align: center;}
#content div.content				{padding-left: 125px; margin-right: 100px;}

#content div.midden					{margin-left: 15px; margin-right:-5px;}
#content div.rechts					{margin-left: 15px;}

#content p.letters					{text-align: center;}
#content p.letters a				{font-size: 14px; padding: 1px;}
#content div.oranje					{
  width: 23px; 
  height: 23px; 
  background: url('/_images/letter_background.gif') no-repeat; 
  text-align: center;
  margin-bottom: 10px;
}
#content div.oranje p					{font-size: 14px; font-weight: bold; margin: 0px; line-height: 23px;}
#content div.oranje.special				{margin-right: 5px;}
#content p.special						{line-height: 23px;}
#content a.banner						{float: left; margin-right: 10px;}
#content a.homebanner					{margin-right: 5px;}

div.bottom a.banner                     {float: right; margin-top: 55px;}
div.bottom iframe                       {margin-top: 10px;}

#content a.prominent                    {display: block; font-size: 13px; margin-top: 15px;}

#selectie                               {height: 150px;}
#selectie td img                        {margin-right: 10px;}
#selectie td a                          {text-align: center;}
#selectie td p                          {margin: 0px; padding: 0px; color: #316e83; text-align: center; font-weight: bold;}

table.photos                            {width: 230px;}

div.objectcontent                       {height: 150px;}
html>body div.objectcontent             {height: auto; min-height: 150px;}

/* AANBOD */
#content div.navigation					{text-align: center;}
#content div.navigation p				{font-size: 11px; font-weight: bold;}
#content div.navigation a				{font-size: 11px; font-weight: bold; color: #FFF;}
#content div.navigation strong.current  {color: #e37703;}

a.button								{
											display: block; 
											width: 112px; 
											height: 28px; 
											background: url('/_images/button_background.gif') no-repeat;
											text-align: center;
											font-size: 13px;
											line-height: 28px;
											color: #FFF;
										}
a.button:hover							{background: url('/_images/button_background_over.gif') no-repeat;}

a.button1								{
											display: block; 
											width: 112px; 
											height: 25px; 
											background: url('/_images/button1_background.gif') no-repeat;
											text-align: center;
											font-size: 13px;
                      line-height: 100%;
											line-height: 25px;
											color: #FFF;
										}
a.button1:hover							{background: url('/_images/button1_background_over.gif') no-repeat; text-decoration: none;}

#map									{width: 450px; height: 400px;}
div.mapobject							{float: right; width: 200px;}

div.colright							{float: right; width: 200px;}

/* OBJECT */
div.object								{
											float: left; 
											width: 212px; 
											height: 256px; 
											overflow: hidden; 
											background: url('/_images/object_background.gif') no-repeat; 
											margin-left: 8px; 
											margin-bottom: 10px;
										}
div.object div.image					{text-align: right; margin-bottom: 5px; margin-top:25px;}
div.object div.info						{padding: 0px 5px;}
div.object div.info	p					{color: #316e83; font-weight: bold;}
div.object div.info	p a					{color: #000; font-size: 12px; font-weight: bold;}
div.object div.info	p span.black		{color: #000;}

/* FULL OBJECT CONTAINER */
div.objectfull							{float: left;}
div.objectfull p.subinfo				{margin-left: 8px;}

/* OBJECT INFO */
div.objectinfo							{width: 622px; margin-left: 250px;}
div.objectinfo div.objectcontent		{padding: 30px 50px 0px 90px;}
div.objectinfo div.top					{height: 12px; background: url('/_images/object_info_top_background.gif') no-repeat}
div.objectinfo div.bottom				{height: 9px; background: url('/_images/object_info_bottom_background.gif') no-repeat}
div.objectinfo div.middle				{background: url('/_images/object_info_middle_background.gif') no-repeat top left;}
div.objectinfo h1						{color: #ca761d;}
div.objectinfo h3						{color: #316e83;}
div.objectinfo p						{color: #000;}

a.objectimage {display: block;}

div.knoppen								{text-align: center; margin-top:25px; margin-bottom:-17px;}
div.knoppen li							{float: left;}
div.knoppen li a						{
											display: block;
											height: 28px; 
											width: 142px;
											background: url('/_images/object_info_button.gif') no-repeat;
											font: 11px 'Helvetica', sans-serif;
											font-weight: bold;
											color: #FFF;
											line-height: 28px;
											margin-left: 10px;
										}
div.knoppen li a:hover					{text-decoration: none; background: url('/_images/object_info_button_over.gif') no-repeat;}

/* HUIS VAN DE DAG */
#huisvandedag							{width: 270px; background: #FFF;}
div.hvdtop								{margin: 0px; padding: 0px; width: 270px; height: 8px; background: url('/_images/hvd_top_background.gif') no-repeat;}
div.hvdbottom							{width: 270px; height: 8px; background: url('/_images/hvd_bottom_background.gif') no-repeat;}
#huisvandedag div.hvdcontent			{padding: 0px 10px;}
#huisvandedag div.hvdcontent div.image  {text-align: center;}
#huisvandedag div.hvdcontent div.info p	{color: #000; font-weight: bold;}
#huisvandedag div.hvdcontent span.wijk  {color: #316e83;}
#huisvandedag div.hvdcontent h1			{color: #316e83; margin: 0px; padding: 0px;}

/* POPUPS */
#popup									{background: #316e83; padding: 10px;}

/* TOOLS */
div.clear								{clear: both;}
div.spacer								{height: 15px;}
p.inline								{display: inline; color: #000; font-size: 10px; font-style: italic;}
p.white									{color: #FFF;}
.fleft									{float:top;}
.fright									{float: right;}
p.center								{text-align: center;}
p.special								{}
.aanbieding								{float:right;}
.divBedankt             {color:#FFF; font:bold 14px sans-serif;}

.hvdcontent {height:260px;}
.bottom {margin-top:9px;}
.column links {background:#000;}

#content p.nieuw, #content p.nieuw a {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	line-height: 100%;
}

#garantie {
	padding: 10px;
	width: 840px;
	border: 4px solid #00767E;
}

#garantie h4 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #E8A763;
}

#header #directoffice {
	right: 130px;
}

#documenten {margin-top: 10px;}
#documenten h6 {color: #FFFFFF; font: 11px 'Trebuchet MS',sans-serif;}
