/* 1. body/container*/

html {
  height: 100%;
  overflow: -moz-scrollbars-vertical; 
  overflow-x: hidden; 
}

body {
  background: #676767 url(../images/content/exclusive_bg.jpg) repeat-x;
  color: #575757;
  font: 11px Arial, Verdana, sans-serif;
  margin: 0;
  padding: 0;
  height: 100%;
}

div#container {
  width: 1058px;
  margin: 0 auto;
}

/* 2. header */
div#header {
  width: 1058px;
  height : 101px;
}

div#header h1, div#header h2, div#header p {
  margin: 0 0 0 0;
}

div#header h1 span, div#header p.skip a, div#header a.home span {
  position: absolute;
  overflow: hidden;
  width: 0;
}

div#header h1{
  width: 348px;
  height: 101px;
  background: url(../images/content/exclusive_logo.png) no-repeat;
  margin : 0 0 0 39px;
}

div#header h1 a {
	display : block;
  width: 348px;
  height: 101px;
  cursor: pointer;	
}

div#header p.skip a {
  top: 0;
  left: 0;
  color: #fff;
  background: #fb1c08;
  text-decoration: none;
  font-size: 1em;
  padding: 0.1em 0;
  text-align: center;
}

div#header p.skip a:active, div#header p.skip a:focus {
  overflow: visible;
  width: 100%;
}

div#header span {
  font-size: 0.8em;
}

div#logo {
	float: left;
}

/* zoekveld */
div#search {
	float: right;
	position: relative;
	top : 50px;
	right : 39px;
}

div#search input#searchstring {
  font: 11px Arial, Verdana, sans-serif;
  background : #fff url(../images/content/search_bg.gif) right no-repeat;
  width: 190px;
  height: 14px;
  color: #575757;
  padding : 3px 5px 3px 5px;
}

div#search input.submit {
	background : url(../images/content/search_btn.png) 5px 2px no-repeat;
	border: none;
	height: 20px;
	width : 20px;
  cursor: pointer;
  font-size: 0;
  color: #ffffff; 
}

/*menu */

div#menu {
	width: 1058px;
	height: 28px;
	background: url(../images/content/menutop_bg.png) no-repeat;
}

ul#main_menu {
  width: 984px;
  height: 28px;
  list-style: none;
  margin : 0 35px 0 39px;
  font: 12px Arial, Verdana, sans-serif;
}

ul#main_menu li {
  float: left;
  height: 20px;
  font-weight: bold;
  border-left: 1px solid #9E9E9E;
  margin : 4px 0 4px 0;
}

ul#main_menu li:first-child {
  border-left: 0;
}

ul#main_menu a {
  display: block;
  float:left;
  height: 18px;
  padding: 2px 44px 0 44px;
}

ul#main_menu a:link, ul#main_menu a:visited {
  color: #fff;
  text-decoration: none;
}

ul#main_menu a:hover, ul#main_menu a:active, ul#main_menu a.main_menu_active {
  background: 0;
  color: #fff; 
  border-bottom: 4px solid #ec1a0d;
}

/* 3. content */

/* kruimelpad */

ol.breadcrumbs {
  padding : 0;
  margin: 0 0 0 5px;
  list-style: none;
  display: block;
  width: 100%;
}

ol.breadcrumbs li {
  float: left;
  color: #575757;
  padding: 0 10px 0 15px;
  background: url(../images/content/bg_breadcrumbs.gif) left  no-repeat;
}

ol.breadcrumbs li:first-child {
  background: 0;
  padding: 0 10px 0 0;
}

ol.breadcrumbs li#breadcrumbs_active {
  font-weight: bold;
}

ol.breadcrumbs a:link, ol.breadcrumbs a:visited {
  color: #575757;  
  text-decoration: none;
}

ol.breadcrumbs a:hover, ol.breadcrumbs a:active {
  color: #fb1c08; 
  background: 0;
  text-decoration: none;
}

/* FIX om inhoud div mee te laten stretchen zonder table*/
/* moz 1.4 requires something in the content field */ 


#content_wrapper:after{
content: "."; display: block; line-height: 1px; font-size: 1px; clear: both;}

div#content_wrapper {
  background: url(../images/content/content_bg.png) repeat-y;
  width: 1058px;
}

div#content {
  width: 938px;
  margin : 0 58px 0 62px;
  background: #fff;
}

div#spotlight_slider {
	width: 205px;
	float: left;
	margin : 23px 0 23px 0;
}

div#content_container {
	float: left;
	width: 733px
}

div#content_center_a {
	width: 435px;
	float: left;
	margin-top: 23px;
	padding: 0 10px 0 23px;
}

div#content_center_b {
	width: 710px;
	float: left;
	margin-top : 23px;
	padding: 0 0 0 23px;
}

/* Start template heeft Quote box */
div#quote {
	width: 215px;
	float:left;
	background: url(../images/content/quote_bg.gif) no-repeat;
	margin-top: 23px;
	font-size: 20px;
	color: #bcbcbc;
	font-style:italic; 
	padding : 0 0 0 50px;
}

div#quote p {
	line-height: 25px !important;
}

span.quote_writer {
	color: #eb3026;
	text-transform: uppercase;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
}

/* Vervolg template heeft content_right-> iets groter content veld */

div#content_center_a_vervolg {
	width: 472px;
	float: left;
	margin-top: 23px;
	padding: 0 23px 0 23px;	
}

div#content_center_b_vervolg {
	width: 472px;
	float: left;
	margin-top: 23px;
	padding: 0 23px 0 23px;	
}

div#content_right {
	width: 215px;
	float:left;
	margin-top: 23px;
}

/*Woning aanbod template gehele breedte vakken */
div#content_center_a_aanbod {
	width: 938px;
	float: left;
	margin-top: 23px;
}

div#content_center_b_aanbod {
	width: 938px;
	float: left;
	margin-top: 23px;
}

/* Form template rechter vak weg */

div#content_center_a_form {
	width: 687px;
	float: left;
	margin-top: 23px;
	padding: 0 23px 0 23px;	
}

div#content_center_b_form {
	width: 687px;
	float: left;
	margin-top: 23px;
	padding: 0 23px 0 23px;	
}

/* Footer */
div#footer {
  width: 1058px;
  height : 33px;
  background: url(../images/content/footer_bg.png) no-repeat;
  font-size : 11px;
  text-align: center;
  color: #ffffff;
  padding-top: 35px;
}

div#footer a:link, div#footer a:visited {
	color: #ffffff !important;
	padding: 0 10px;
}

/*Woning Uitgelicht */

div#woning_uitgelicht {
	width: 650px;
	padding: 30px;
	border: 1px solid #cbcbcb;
	float: left;
}

div#uitgelicht_img {
	width: 335px;
	padding: 0;
	margin: 0;
	float: left;
}

div#uitgelicht_content  {
	width: 275px;
	float: left;
	padding: 0 20px;
}

div#uitgelicht_content span{
	color: #eb3026;
	font-size: 14px;
	font-weight: bold;
	display: block;
	margin: 0 0 5px 0;
}

div#uitgelicht_content label {
	width : 100px;
}

/* Algemeen */
h1, h2, h3, h4, h5 {
  margin: 0 0 0.6em;
  color: #eb3026;
}

h1 {
  font-size: 1em;
}

h2 {
  font: 40px Arial, Verdana, sans-serif;	
  color: #eb3026; 
}

h3 {
  font: 12px Arial, Verdana, sans-serif;	
  color: #eb3026; 
  font-weight:bold;
}

p {
  margin: 0 0 0.9em;
  line-height : 15px;
}

a:link, a:visited {
  color: #eb3026;
  text-decoration: none;
}

a:hover, a:active {
  color: #eb3026;
  text-decoration: underline;
}

img {
  display: block;
  margin: 0 0 0.9em;
  border: 0;
}

table {
	text-align : left;
	width : 100%;
}

ul, ol {
  margin: 0 0 0.9em 1.8em;
  padding: 0;
}

ul li, ol li {
  margin: 0;
}

ul li ul li, ol li ol li {
  font-size: 1em;
}

span.red {
	color: #eb3026;
}

/* Contact buttons */

a.appointment:link, a.appointment:visited, a.callback:link, a.callback:visited, a.question:link, a.question:visited {
	display: block;
	width: 147px;
	height: 28px;
	background: url(../images/content/btn_appointment.gif);
	color:#575757;
	font-weight:bold;
	text-decoration:none;
	padding : 14px 0 0 45px;
}
a.callback:link, a.callback:visited {
	background: url(../images/content/btn_callback.gif);
}

a.question:link, a.question:visited {
	background: url(../images/content/stelvraag.png);
}

a.appointment:hover, a.callback:hover, a.question:hover {
	color: #eb3026;
}

/* form elements */
form, form p, fieldset, legend {
  border: 0;
  margin: 0;
  padding: 0;
}

form.standard {
  background: #f5f5f5;
  width: 100%;
}

form.standard p {
  clear: left;
  background: #fff;
  padding: 2px 0 0 5px;
  margin: 0 ;
}

form.standard label.error {
  color: #fb1c08;
  font-weight: bold;
  margin: 0 10px 0.6em;
  display: block;
}

form.standard label {
  font-weight: bold;
  height: 15px;
  padding: 3px 0 3px 0;
}

form.standard input, form.standard label, form.standard select, form.standard textarea {
  margin: 5px 0;
}

form label.unchecked {
  background-position: 0 -13px;
}

form label.checked {
  background-position: 0 0;
}

form.standard span {
  float: left;
  margin: 0.3em 0 0.6em;
  width: 300px;
}

form.standard span input {
  clear: left;
  margin-right: 5px;
}

form.standard p.submit {
  background: #f2f2f2;
  padding: 0.3em 0 0;
  height: 2.7em;
}

legend span, label span {
  position: absolute;
  width: 0;
  overflow: hidden;
}

form.standard p.message {
  background: #f2f2f2;
  height: 2.5em;
}

label {
  width: 165px;
  padding-right: 10px;
  float: left;
}

label.checkbox {
  margin-top: 1px!important;
}

input, textarea, select {
  background: #fff;
  border: 1px solid #cbcbcb;
  margin: 0 0 0.6em;
  float: left;
} 

input:focus, input.focus, textarea:focus, select:focus {
  border: 1px solid #fb1c08;
}

p.submit input.submit {
  width: 98px;
  height: 21px;
  background: url(../images/content/btn_send.gif) no-repeat;
  border: 0;
  cursor: pointer;
  float: right;
  margin-right: 20px;
  font-size: 12px;
  color: #fff;
 	font-weight: bold;
 	text-align: left;
 	padding-bottom : 3px;
}

input.submit:hover, input.submit.hover {
  color: #fb1c08;
}

div.housebox{
	clear: both;
}

input#form_callback_content {
	clear: both;
	margin-left: 183px;
}

#form_contact_appointment {
  margin-top: -20px;
}

.selected {
  outline: 0;
  }
/* Contact */

div#indexation {
  width: 100%;
  margin: 0 0 0 -10px;
  overflow: hidden;
}

div#indexation dl {
  background: #f5f5f5;
  float: left;
  margin: 0 0 11px 10px;
  width: 450px;
  padding: 10px 15px 0 10px;
  height: 100px;
  display: inline;
}

div#indexation dl dt {
  color: #5b5b5b;
  border-bottom: 3px solid #c7c7c7;
  padding: 0 0 0.3em;
  font-weight: bold;
  margin: 0 0 1em;
}

div#indexation dl dd {
  margin: 0 0 0.3em; 
  line-height: 17px;
  color: #5b5b5b;
}

dd.street a, dd.houseinfo {
  font-size: 26px;
}

dd.status {
  margin-top: -30px!important;
}

dd.forward {
  width: 300px;
  margin: -8px 0 0 0!important;
}

div#indexation dl dd a:link, div#indexation dl dd a:visited {
  color: #fb1c08;
  padding: 0 0 0 20px;
  background: url(../images/content/bg_def_list.gif) 0 2px no-repeat;
}

div#indexation dl dd a:hover, div#indexation dl dd a:active {
  color: #fb1c08;  
}

div#indexation dl dd.indexation {
  background: url(../images/content/bg_indexation.gif) 0 0.2em no-repeat;  
}

div#indexation dl dd.indexation a:link, div#indexation dl dd.indexation a:visited {
  color: #5b5b5b;
  padding: 0 0 0 20px;
  margin : 0;
}


div#indexation dl dd.indexation a:hover, div#indexation dl dd.indexation a:active {
  color: #5b5b5b; 
}


/* Sitemap */

ul#sitemap {
	margin: 0;
	padding: 0;
}
#sitemap li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#sitemap li.one {
	padding:10px 0;
}

#sitemap li.one a, li.one a:hover {
	color:#575757;
	font-weight:bold;
}

#sitemap li.one ul{
	padding:10px 0 0 0;
}

#sitemap li.two a, li.two a:hover {
	color:#868686;
	font-size: 10px;
	font-weight:bold;
}

li.three a, li.three a:hover {
	color:#FB1C08;
	font-weight:normal;
}

/* @ j */ 
div#content_center_b h2 {
  margin : 0;
  padding : 0;
}

form#form_search_normal.form_search_houses {
  font : bold 12px "Arial";
}

form#form_search_normal.form_search_houses p {
  line-height : 20px;
}

label#prijsvan {
  margin-left : 40px;
}

form.form_search_houses p.submit {
  float : left;
  padding :0;
  margin : 0;
  width : 100%;
}

form.form_search_houses p.submit input {
  float : right;
  margin : 0;
  padding : 0;
  position : relative;

}

form.form_search_houses p.submit input.submit {
  background: url(../images/content/btn_send.gif) 0 4px no-repeat; 
  padding : 0 7px;
  height : 25px;
  margin : 0;
}

dl.order_results dd a{
  outline : 0;
}

ol.pagination {
  height : 16px;
}

ol.pagination img {
  padding-bottom : 1px;
}
/* einde @ j */ 


/*PNG fix op alle divs en images en h1 logo*/
img, div, h1, form_search input.submit, div#search input.submit { behavior: url(/iepngfix.htc)
}


/* toggle funcite */
.plus12, .plus13, .plus14, .plus15, .plus16 {
  background : #fff url('/interactive/images/content/dicht_plus.gif') no-repeat;
  width: 13px;
  height: 13px;
  position: absolute;
  margin-left: 460px;
}
 
.plus12:hover, .plus13:hover, .plus14:hover, .plus15:hover, .plus16:hover {
  cursor: pointer;
}

.min12, .min13, .min14, .min15, .min16 {
  background : #fff url('/interactive/images/content/open_min.gif') no-repeat;
  width: 13px;
  height: 13px;
  position: absolute;
  margin-left: 460px;
}

.min12:hover, .min13:hover, .min14:hover, .min15:hover, .min16:hover {
  cursor: pointer;
}


h4#title_toggle12, h4#title_toggle13, h4#title_toggle14, h4#title_toggle15, h4#title_toggle16 {
  cursor: pointer;
  color: #575757;
  border-bottom: 1px dotted #575757;
  margin-bottom: 20px!important;
  margin: -2px 0 0 0;
  font: bold 14px 'Arial';
  background: #ffffff;
}

h4#title_toggle12:hover, h4#title_toggle13:hover, h4#title_toggle14:hover, h4#title_toggle15:hover, h4#title_toggle16:hover {
  cursor: pointer;
  color: #fb1c08;
}

/* einde toggle funcite */