/* ruimte boven content gedeelte */
#col2 {
	padding: 99px 0 0 0;
}

/* Extra toevoegingen voor Domeo */

a:link, a:hover, a:active {
color:#832340;
}
a:visited { color: #da7291; }

hr.cleaner {
  clear: both;
  height: 1px;
  margin: -1px 0 0 0;
  padding: 0;
  border: none;
  visibility: hidden;
}
.verplicht {
    color: red;
    font-weight: bold;
}

/* Default definitionlist. */
dl {
  margin: 0.4em 0 0 0;
  padding: 0 0 0.1em 0;
  display: block;
  font-size: 100%;
}
dt {
  font-weight: normal;
  font-size: 100%;
  white-space: nowrap;
  float: left;
  width: 12em;
  padding: 2px;
}
dd {
  padding: 2px;
  margin-left: 12em;
}

/* De navigatorbar voor het overichtzscherm. */
.navigatorbar {
  color:#505050;
  border:1px solid #d8d8d8;
  padding: 3px;
  margin: 40px 0 10px 0;
  text-align: center;
}
.navigatorbar a {
  font-weight: normal !important;
  font-weight: normal;
}
.navprevious {
  margin-right: 10px;
  margin-left: 0;
}
.navnext {
  margin-left: 10px;
  margin-right: 0;
}
.navcurrentpage {
  border: 1px solid #505050;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 1px;
  padding-right: 1px;
}
.navlink {
  text-decoration: underline;
}
.navpage {
  margin-left: 3px;
  margin-right: 3px;
}

.aandachtstrekker {
  color: black;
  background-color: #fde92b;
  text-align: center;
  padding: 0;
  margin: 0;
  margin-bottom: 3px;
  border: 1px solid darkkhaki;
}

/* Stijlen voor de overzichtspagina. */
.object-overzicht {
  border-bottom: 1px solid  #d8d8d8;
}
.object-overzicht-odd, .object-overzicht-even {
  padding: 5px 10px 0 10px;
}
.object-overzicht .previewimage {
  float: left;
  margin-top: 3px;
}
.object-overzicht .status {
  display: inline;
  font-weight: bold;
}
.object-overzicht .objectoptie {
  display: inline;
  font-weight: bold;
  font-size: 80%;
  color: red;
}
.object-overzicht .adres {
  display: inline;
  font-weight: bold;
}
.object-overzicht dl.beschrijving-details {
  padding: 0;
  border: 0;
  margin-left: 142px;
  padding-bottom: 1.5em;
}
.object-overzicht dl.beschrijving-details dt {
  font-weight: normal;
  font-size: 80%;
  color: #7F7F7F;
  white-space: nowrap;
  width: auto;
  display: inline;
  margin: 0;
  padding: 0;
}
.object-overzicht dl.beschrijving-details dd {
  font-weight: normal;
  font-size: 80%;
  padding: 0;
  margin: 0 0 0 8.5em;
}
/* Vraagprijs op overzichtspagina. */
.vraagprijs {
  font-weight: bold;
}


/* Details van enkel object (boven reactiepagina, e-mailpagina, statistiekenpagina enz.) */
.object-overzicht-single {
  padding: 5px 10px 0 10px;
  margin-bottom: 25px;
  margin-top: 15px;
}
.object-overzicht-single .object-overzicht {
  margin: 0;
  clear: right;
}


/**
 * De knoppen op detail en overzichtspagina.
 */
/* Niet tonen op overzichtspagina */
.object-overzicht div.beschrijving-buttons {
  display: none;
}
div.beschrijving-buttons {
  float: right;
}
a.button-kaart:hover {
  background: url(http://www.domeo.nl/domeo/images/knop_kaart_over.gif) no-repeat left 3px;
  padding: 2px;
  padding-left: 28px;
}
a.button-kaart {
  background: url(http://www.domeo.nl/domeo/images/knop_kaart.gif) no-repeat left 3px;
  padding: 2px;
  padding-left: 28px;
  display: block;
}
a.button-email:hover {
  background: url(http://www.domeo.nl/domeo/images/knop_email_over.gif) no-repeat left 3px;
  padding: 2px;
  padding-left: 28px;
}
a.button-email {
  background: url(http://www.domeo.nl/domeo/images/knop_email.gif) no-repeat left 3px;
  padding: 2px;
  padding-left: 28px;
  display: block;
}
a.button-bel:hover {
  background: url(http://www.domeo.nl/domeo/images/knop_bel_over.gif) no-repeat left 3px;
  padding: 2px;
  padding-left: 28px;
}
a.button-bel {
  background: url(http://www.domeo.nl/domeo/images/knop_bel.gif) no-repeat left 3px;
  padding: 2px;
  padding-left: 28px;
  display: block;
}
a.button-print:hover {
  background: url(http://www.domeo.nl/domeo/images/knop_print_over.gif) no-repeat left 3px;
  padding: 2px;
  padding-left: 28px;
}
a.button-print {
  background: url(http://www.domeo.nl/domeo/images/knop_print.gif) no-repeat left 3px;
  padding: 2px;
  padding-left: 28px;
  display: block;
}


/* Een element in het algemeen rechts uitlijnen. */
.right {
  float: right;
}


/*
 * style mbt forms
 * ===============
 */
form {
  padding: 0;
  margin: 0;
}
input, option, select, textarea {
  font-weight: normal;
  font-size: 100%; 
  width: auto;
}
/* Errormessage evt afgedrukt naast een textfield */
.errormessage {
  color: red;
  font-weight: bold;
  margin: 8px 0 0 0;
  display: block;
}
/* Globaal error bericht */
.error {
  color: black;
  font-weight: normal;
  border: 1px solid red;
  padding: 2px 1.5em;
  text-align: center;
  background-color: #ffeeee;
}
form {
  border: none;
  margin: 0;
  padding: 0;
}
select, option {
  padding-left: 2px;
}
select {
  min-width: 10em;
}
input.text, textarea, select {
  margin: 0.1em 0 0.2em 0;
  border: 1px solid;
  border-color: #85223F; /* blue; */
  background-color: white;
  padding: 1px;
  margin-left: 10em; /* maak ruimte voor een label */
  display: block;
}
/* Instellingenvan hierboven resetten voor select in selectdummy */
.fieldcontainer select, .fieldcontainer input, .fieldcontainer textarea {
  margin: 0;
  padding: 0;
  display: inline;
}
.fieldcontainer {
  margin: 0.1em 0 0.2em 0;
  padding: 1px;
  margin-left: 10em; /* maak ruimte voor een label */
  display: block;
}
textarea:focus, input.text:focus {
  background-color: white;
}
form label {
  display: block;
  font-weight: normal;
  white-space: nowrap;
  float: left;
  clear: both;	
}
/* Form buttons */
.buttons {
  margin-left: 20px;
}
fieldset {
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #85223F;
}
legend {
  font-weight: bold;
  color: #85223F;
  margin: 0;
  padding: 0 5px;
}
input.middel, textarea.middel, select.middel, div.middel {
  width: 18em;
}
input.klein, div.klein {
  width: 6em;
}
select.klein {
  width: 8em;
  min-width: 8em;
}

.class40 {
	width: 40%;
}
.class50 {
	width: 50%;
}
.class80 {
	width: 80%;
}

/* Een actie is succesvol uitgevoerd */
.success {
  color: #009865;
  font-weight: bold;
}


/* Stijlen voor de detailpagina. */
#object-details {
	margin: 10px 0;
}
#object-details-adres {
  font-weight: bold;
  margin-bottom: 40px;
}
#object-details .statusverkocht {
  color:white;
  background-color: red;
  font-weight: bold;
  padding: 0 1em;
}
#object-details .objectoptie {
  display: inline;
  font-weight: bold;
  font-size: 80%;
  color: red;
}
#object-details .buttons-details {
  float: right;
  padding-right: 20px;
}
#object-details dl.beschrijving-details {
  margin: 0.4em 0 0 0;
  padding: 0 0 0.1em 0;
  display: block;
}
#object-details dl.beschrijving-details dt {
  font-weight: normal;
  color: #7F7F7F;
  white-space: nowrap;
  float: left;
  width: 9em;
  padding-left: 1em;
}
#object-details dl.beschrijving-details dd {
  font-weight: normal;
  margin-left: 10em;
  padding-right: 1em;
}
#object-details-extra {
  border-bottom: 1px solid #d8d8d8;
  padding: 10px 0;
}
#object-details-extra dl.beschrijving-details {
  margin: 0.4em 0 0 0;
  padding: 0 0 0.1em 0;
  display: block;
}
#object-details-extra dl.beschrijving-details dt {
  font-weight: normal;
  font-size: 100%;
  color: #7F7F7F;
  white-space: nowrap;
  float: left;
  width: 15em;
  padding-left: 1em;
}
#object-details-extra dl.beschrijving-details dd {
  font-weight: normal;
  font-size: 100%;
  margin-left: 16em;
  padding-right: 1em;
}
#object-details-extra ul {
  margin: 0 0 0 1em;;
  padding: 0;
}
#object-details-extra li {
  list-style-type: circle;
  margin: 0;
  padding: 0;
}
#toggle-and-back-button {
  padding: 10px 0 0 0;
}
#toggle-button {
  float: right;
}
#object-details-fotos {
}
#object-details-fotos .previewimage {
  float: left;
}
#object-details-fotos .previewimage-padding {
  float: right;
  clear: right;
  width: 160px;
  text-align: right;
}
#object-details-omschrijving {
  clear: left;
  padding-top: 1em;
}

/**
 * Instellingen persoonlijke pagina klant van makelaar.
 */
.logboek {
  margin: 0.1em 0 0.2em 0;
  border: 1px solid;
  border-color: #d8d8d8;
  padding: .5em;
}
#statistieken {
  width: 630px;
  height: 260px;
  border-width: 0px;
}
dl#persoonlijkegegevens {
  margin: 1em;
}
/* selectbuttons en submitbutton statistiekenpagina makelaar */
fieldset.statistieken-monthyearbutton {
  padding: 0;
  margin: 1em 0;
  border: 0;
}
fieldset.statistieken-monthyearbutton select, fieldset.statistieken-monthyearbutton input {
  display: inline;
  margin: 0;
}
/* Uitlogknop op klantenpagina */
#logout {
  float: right;
}

/* Javascript enabled multiselectbox. */
.multiselect label {
  float: none;
}
.multiselect {
  min-height: 5em;
}
.unimportant {
        color: #888;
        font-weight: bold;
}

/* Fix om form velden in tabellen mogelijk te maken */
.formtable {
	border: 0;
}
.formtable td, .formtable table {
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
}

.formtable input, .formtable .text, .formtable select, .formtable textarea {
	min-width: 0;
	margin: 2px;
}

.formtable label {
	display: inline;
	float: none;
	margin-right: .5em;
	font-family: arial, tahoma, sans-serif;
}
#plattegrond {
	width: 567px;
}