﻿/* Standaard */
* {
	margin: 0;
	padding: 0;
}
html {
	color: #000;
    font-family: Arial, sans-serif;
	font-size: 62.5%;
	overflow: -moz-scrollbars-vertical;
}
p {
	margin-bottom: 1em;
}
table {
	border-collapse: collapse;
}
th {
	text-align: left;
}
h1 {
	font-size: 200%;
	font-weight: bold;
}
h2 {
	font-size: 150%;
	font-weight: bold;
}
h3 {
	font-size: 120%;
	font-weight: bold;
}
hr {
	background-color: #C4B8A1;
	border: 0;
	color: #C4B8A1;
	height: 1px;
	margin-top: 2px;
}
ol, ul {
	padding-left: 2.5em;
}
input, textarea, select {
	font-family: Arial, sans-serif;
	font-size: 100%;
}
.hidden {
	display: none;
}
.clearer {
	clear: both;
}
.clearleft {
	clear: left;
}


/* Tabs */
#tabs a {
	cursor: pointer;
}
#tabs {
	height: 28px;
	padding-left: 1px;
}
#tabs li {
	float: left;
	height: 28px;
	line-height: 28px;
	list-style-type: none;
}
#tabs li.selected {
	background-position: right top;
}
#tabs li a {
	background-image: url('/images/tab.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
	cursor: pointer;
	float: left;
	height: 28px;
	line-height: 28px;
	text-align: center;
}
#tabs li a:hover, #tabs li.selected a {
	background-position: left top;
}
#tabs li a span {
	background-image: url('/images/tab.gif');
	background-position: right bottom;
	background-repeat: no-repeat;
	display: block;
	font-size: 120%;
	font-weight: bold;
	margin-left: 20px;
	padding-right: 20px;
}
#tabs li a:hover span, #tabs li.selected a span {
	background-position: right top;
}
#pages {
	background-image: url('/images/tabheader.gif');
	background-repeat: no-repeat;
	padding-top: 25px;
}
#Lijst, #Kaart, #Overzicht, #Omschrijving, #Fotos, #MijnGegevens, #Bestellingen, #Wensen, #Object, #Prijs, #Afmetingen, #Presentatie, #Reacties {
	border-color: #E6E1D7;
	border-style: solid;
	border-width: 0 1px 1px;
	margin-right: 9px;
	padding: 10px;
}


/* Masterpage Header */
#header {
	height: 90px;
	margin: 0 auto;
	width: 960px;
}
#header .logo {
	float: left;
}
#header .logo img {
	border: 0;
}
#header .menu {
	font-size: 120%;
	height: 2em;
	padding-top: 0.5em
}
#header #menu {
	float: right;
}
#header .menu li {
	display: inline;
}
#header .menu a {
	color: #C4B8A1;
	line-height: 2em;
	margin-left: 20px;
	text-decoration: none;
}
#header .menu a:hover {
	color: #268FC6;
	text-decoration: underline;
}
#header a.login {
	float: left;
	margin: 0;
}
#header .payoff {
	color: #C4B8A1;
	font-size: 160%;
	font-weight: bold;
	margin-left: 483px;
	padding-top: 23px;
	text-align: right;
}

/* Masterpage Content */
#content {
	background-image: url('/images/BlokVerloop.gif');
	background-position: left top;
	background-repeat: repeat-x;
	margin: 0 auto;
	min-height: 465px;
	padding: 0 2px 108px;
	position: relative;
	width: 960px;
}
.zoekenbanner {
	color: #fff;
	display: block;
	font-size: 180%;
	font-weight: bold;
	height: 108px;
	left: 195px;
	position: absolute;
	text-decoration: none;
	top: 0;
	width: 776px;
}
.zoekenbanner img {
	border: 0;
}
.zoekenbanner span {
	bottom: 20px;
	left: 565px;
	position: absolute;
}
.linkermenu {
	background-color: #fff;
	height: 324px;
	left: 0;
	position: absolute;
	top: 108px;
	width: 194px;
}
.linkermenu .button {
	background-image: url('/images/button2kgrijs.gif');
	color: #fff;
	display: block;
	font-size: 140%;
	font-weight: bold;
	height: 22px;
	margin-bottom: 11px;
	padding-left: 10px;
	padding-top: 4px;
	text-decoration: none;
	width: 174px;
}
.linkermenu .button:hover {
	background-position: left bottom;
}
.linkermenu .colorbutton {
	background-image: url("/images/button2kbruinblauw2.gif");
	height: 38px;
}
.linkermenu .uitgebreidzoeken {
	color: #704E2C;
	text-decoration: underline;
}
.linkermenu .uitgebreidzoeken:hover {
	color: #268FC6;
	text-decoration: none;
}
.linkermenu .directzoeken {
	background-image: url('/images/2blokgrijs.gif');
	height: 116px;
	padding-right: 10px;
	padding-top: 100px;
	text-align: center;
	width: 184px;
}
.linkermenu .directzoeken .simpelzoeken {
	background-image: url('/images/zoekbox.gif');
	border: 0;
	font-size: 160%;
	height: 21px;
	padding: 9px 10px;
	width: 162px;
}
.linkermenu .directzoeken .zoekbutton {
	background-image: url('/images/Button1k.gif');
	border: 0;
	color: #fff;
	display: block;
	font-size: 140%;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	margin: 10px auto;
	width: 85px;
}
.linkermenu .directzoeken .zoekbutton:hover {
	background-position: left bottom;
}
.rechtermenu {
	float: right;
	margin: 108px -7px 0 0;
	width: 194px;
}
.rechtermenu .bannre {
	height: 108px;
	overflow: hidden;
}
.rechtermenu .googleads {
	background-image: url("/images/googleads.gif");
	background-repeat: no-repeat;
	height: 180px;
	padding-top: 36px;
	text-align: center;
	width: 188px;
}
.rechtermenu .nieuwscontrol {
	background-color: #fff;
	background-image: url('/images/nieuws.gif');
	background-repeat: no-repeat;
	padding: 33px 10px 2em 2px;
}
.rechtermenu .nieuwscontrol h2 {
	clear: both;
	font-size: 110%;
}
.rechtermenu .nieuwscontrol .imagecontainer {
	display: none;
}
.rechtermenu .nieuwscontrol .kortetekst {
	display: none;
}
.rechtermenu .nieuwscontrol .leesmeer {
	color: #268FC6;
	float: right;
	margin-right: 10px;
}
.rechtermenu .nieuwscontrol .leesmeer:hover {
	color: #C4B8A1;
	text-decoration: none;
}

/* Masterpage Footer */
#footer {
	clear: both;
	height: 62px;
	margin: 0 auto;
	padding-top: 10px;
	position: relative;
	width: 960px;
}
#footer .ideal {
	float: left;
	margin-right: 25px;
	margin-top: -10px;
}
#footer .ideal img {
	border: 0;
}
#footer hr {
	margin-bottom: 7px;
}
#footer a {
	color: #C4B8A1;
	margin-bottom: 10px;
	margin-right: 20px;
	text-decoration: none;
}
#footer a:hover {
	color: #268FC6;
	text-decoration: underline;
}


/* Index */
.sfeerbeeld {
	margin-left: -3px;
}
.knoppenbalk {
	left: 97px;
	position: absolute;
	top: 108px;
}
.zoekenknop, .aanbiedenknop {
	background-position: left top;
	display: block;
	height: 108px;
	position: absolute;
	width: 194px;
	top: 0;
}
.zoekenknop:hover, .aanbiedenknop:hover {
	background-position: left bottom;
}
.zoekenknop {
	background-image: url('/images/zoeken.gif');
	left: 97px;
}
.aanbiedenknop {
	background-image: url('/images/aanbieden.gif');
	left: 291px;
}
.niettonen {
	left: 395px;
	position: absolute;
	top: 220px;
}
.index .Home {
	background-color: #fff;
	left: 97px;
	min-height: 88px;
	padding: 1em 2em;
	position: absolute;
	top: 217px;
	width: 438px;
}
.index .bannre {
	left: 679px;
	position: absolute;
	top: 0;
}


/* Content, Banners en Nieuws */
.bannre .bijschrift {
	display: none;
}
.bannre img {
	border: 0;
}
.content, .nieuws {
	background-color: #fff;
	font-size: 120%;
	left: 192px;
	min-height: 304px;
	padding-bottom: 20px;
	padding-right: 42px;
	position: relative;
	top: 108px;
	width: 540px;
}
.content a, .nieuws a {
	color: #268FC6;
}
.content a:hover, .nieuws a:hover {
	color: #C4B8A1;
	text-decoration: none;
}

/* Zoeken */
.zoeken {
	left: 192px;
	position: relative;
	top: 108px;
	width: 582px;
}
.zoeksnel {
	background-image: url('/images/zoeksnel.gif');
	font-size: 160%;
	height: 75px;
	padding: 140px 0 0 40px;
	width: 445px;
}
.zoeksnel label {
	float: left;
}
.zoeksnel .snelzoeken {
	background-image: url('/images/zoekboxlicht.gif');
	border: 0;
	float: left;
	font-size: 125%;
	height: 25px;
	margin: 0 10px;
	padding: 7px 10px;
	width: 162px;
}
.zoeksnel .zoekbutton {
	background-image: url('/images/zoekbuttonlicht.gif');
	border: 0;
	color: #fff;
	display: block;
	font-size: 95%;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	margin: 10px 0;
	width: 85px;
}
.zoeksnel .zoekbutton:hover {
	background-position: left bottom;
}
.zoeksnel .uitgebreidzoeken {
	color: #704E2C;
	font-size: 80%;
	margin-left: 188px;
	text-decoration: underline;
}
.zoeksnel .uitgebreidzoeken:hover {
	color: #268FC6;
	text-decoration: none;
}
.zoeken .content {
	left: 0;
	margin-top: 108px;
	min-height: 85px;
	top: 0;
}
.zoeken .content.Geen.zoekresultaten {
	margin-top: 0;
}

.zoekuitgebreid {
	background-image: url('/images/zoekuitgebreid.gif');
	height: 175px;
	padding: 40px 20px 0 40px;
	width: 425px;
}
.zoekuitgebreid h3 {
	font-weight: bold;
	margin-bottom: 0.5em;
}
.zoekuitgebreid label {
	color: #704E2C;
}
.zoekuitgebreid td {
	vertical-align: top;
}
.zoekuitgebreid .plaats, .zoekuitgebreid .typeobject {
	width: 170px;
}
.zoekuitgebreid .uitgebreidplaats {
	border: 1px solid #704E2C;
	height: 1.5em;
	line-height: 1.5em;
	margin-top: 0.5em;
}
.zoekuitgebreid .objecttype input, .zoekuitgebreid .prijs input {
	margin-right: 2px;
}
.zoekuitgebreid .zoekbutton {
	background-image: url('/images/zoekbuttonwit.gif');
	border: 0;
	color: #fff;
	display: block;
	font-size: 150%;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	margin-top: 60px;
	width: 85px;
}
.zoekuitgebreid .zoekbutton:hover {
	background-position: left bottom;
}

.meestbekeken {
	background-color: #fff;
	background-image: url('/images/top5.gif');
	background-repeat: no-repeat;
	min-height: 184px;
	padding-top: 33px;
}
.meestbekeken span {
	display: block;
	font-weight: bold;
	margin-bottom: 8px;
	padding-left: 10px;
}
.meestbekeken ol {
	background-image: url('/images/top5bottom.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
	color: #fff;
	padding-bottom: 26px;
}
.meestbekeken li a {
	background-image: url('/images/bolletje.gif');
	background-repeat: no-repeat;
	color: #000;
	display: block;
	height: 27px;
	line-height: 20px;
	margin-left: -25px;
	padding-left: 25px;
}
.meestbekeken li a:hover {
	color: #268FC6;
	text-decoration: none;
}

.resultaatlijst {
	background-color: #fff;
	min-height: 215px;
	width: 582px;
}
.aanpassen {
	font-size: 110%;
	line-height: 24px;
	margin-top: -24px;
	padding-left: 10px;
}
.sorteren {
	font-weight: bold;
}
.sorteren input {
	background: none;
	border: 0;
	cursor: pointer;
	margin: 0 5px;
}
.sorteren input:hover {
	color: #268FC6;
}
.pagineren {
	padding-left: 2em;
}
.pagineren a {
	color: #268FC6;
}
.pagineren a:hover {
	color: #C4B8A1;
}
.pagineren .prev {
	margin-right: 1em;
}
.pagineren .next {
	margin-left: 1em;
}
.resultaten {
	margin-left: 1px;
	width: 550px;;
}
.resultaten td {
	border-bottom: 3px solid #D8CFBC;
	height: 80px;
}
.resultaten .typeobject {
	width: 75px;
}
.resultaten .hoofdfoto {
	width: 115px;
}
.resultaten .meerlink {
	font-size: 110%;
	height: 70px;
	padding-bottom: 10px;
	vertical-align: bottom;
	width: 100px;
}
.resultaten img {
	border: 0;
}
.resultaten a {
	color: #000;
	text-decoration: none;
}
.resultaten a:hover {
	color: #268FC6;
}
.resultaten .meerlink a {
	color: #268FC6;
	font-weight: bold;
	text-decoration: underline;
}
.resultaten .meerlink a:hover {
	color: #C4B8A1;
	text-decoration: none;
}

.GooglemapFoto {
	border: 0;
	margin: 0 0.5em 0.5em 0;
}
.GoogleMapTekst img {
	border: 0;
	display: block;
}
.GoogleMapTekst a {
	color: #268FC6;
	text-decoration: underline;
}
.GoogleMapTekst a:hover {
	color: #C4B8A1;
	text-decoration: none;
}
.GoogleMapTekst .prijs {
	font-weight: bold;
}

.rechtermenu .filters {
	background-color: #fff;
	background-image: url('/images/kader2x2.gif');
	background-repeat: no-repeat;
	height: 195px;
	padding: 10px 20px 10px 10px;
	position: relative;
	top: 0;
}
.rechtermenu .filters .header {
	display: block;
	font-weight: bold;
	margin-top: 10px;
}
.rechtermenu .filters a {
	color: #268FC6;
	display: block;
}
.rechtermenu .filters a:hover {
	color: #C4B8A1;
	text-decoration: none;
}

/* Detail */
.detail {
	background-color: #fff;
	left: 192px;
	min-height: 215px;
	position: relative;
	top: 108px;
	width: 582px;
}
.samenvatting {
	border: 1px solid #E7E2D8;
	margin-bottom: 10px;
	padding: 10px 20px;
	width: 533px;
}
.samenvatting .fotocontainer {
	float: left;
	height: 175px;
	margin-right: 10px;
	width: 250px;
}
.korteinformatie {
	float: left;
	width: 273px;
}
.korteinformatie .teruglink {
	color: #268FC6;
	display: block;
	margin-bottom: 10px;
}
.korteinformatie .teruglink:hover {
	color: #C4B8A1;
	text-decoration: none;
}
.korteinformatie .bewaarbutton, .korteinformatie .tellafriendbutton, .korteinformatie .reageerbutton {
	background-image: url('/images/button2kbruinblauw.gif');
	color: #fff;
	display: block;
	font-size: 140%;
	font-weight: bold;
	height: 22px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-top: 4px;
	text-decoration: none;
	width: 174px;
}
.korteinformatie .bewaarbutton, .korteinformatie .tellafriendbutton, .korteinformatie .reageerbutton:hover {
	background-position: left top;
}
.korteinformatie .bewaarbutton:hover, .korteinformatie .tellafriendbutton:hover, .korteinformatie .reageerbutton {
	background-position: left bottom;
}
.korteinformatie .prijs {
	font-weight: bold;
}
.korteinformatie .objecttype {
	float: left;
	margin-right: 5px;
}
#Fotos img {
	border: 0;
}

/* Formulieren */
.formulier {
	background-color: #fff;
	font-size: 120%;
	left: 192px;
	min-height: 324px;
	margin-bottom: 20px;
	padding-right: 42px;
	position: relative;
	top: 108px;
	width: 540px;
}
.formulier fieldset {
	border: 0;
	width: 31.5em;
}
.formulier .field {
	margin-bottom: 0.5em;
}
.formulier label {
	float: left;
	width: 12em;
}
.formulier .geslacht span label, .formulier .inschrijven label, .formulier .voorwaarden label, .formulier .multicheck table label, .formulier .zoekgebieden label {
	float: none;
	width: auto;
}
.formulier input, .formulier textarea, .formulier select {
	width: 18em;
}
.formulier .geslacht input, .formulier .inschrijven input, .formulier .voorwaarden input, .formulier .radio input, .formulier .multicheck input, .formulier .zoekgebieden input {
	margin: 0 0.5em;
	width: auto;
}
.formulier .voorwaarden div {
	display: inline;
}
.formulier .voorwaarden a {
	color: #268FC6;
}
.formulier .voorwaarden a:hover {
	color: #C4B8A1;
	text-decoration: none;
}	
.formulier .validationerror {
	color: #f00;
	display: block;
}
.formulier .submitbutton {
	background-image: url('/images/button2kbruinblauw.gif');
	background-position: left top;
	border: 0;
	color: #fff;
	display: block;
	font-size: 110%;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	margin: 10px 0 10px 178px;
	text-align: center;
	text-decoration: none;
	width: 184px;
}
.formulier .submitbutton:hover {
	background-position: left bottom;
}
.formulier .content {
	font-size: 100%;
	margin-bottom: 1em;
	min-height: 0;
	padding: 0;
	position: static;
}
.formulier .wachtwoord {
	font-weight: bold;
}
.gegevensbestelling h2 {
	text-align: center;
}
.gegevensbestelling .prijs {
	font-size: 140%;
	margin-bottom: 1em;
	text-align: center;
}
.gegevensbestelling .gratis {
	font-size: 200%;
}
.factuurregel table {
	width: 540px;
}
.factuurregel th {
	padding: 0 0.5em;
}
.factuurregel td {
	border: 1px solid #ccc;
	padding: 0.5em;
}
.betalingskenmerk span {
	font-size: 120%;
	font-weight: bold;
}


/* Beheeromgeving */
.beheer {
	padding-right: 0;
	width: 582px;
}
.beheer #tabs, .beheer .resultaten {
	font-size: 80%;
}
.beheer .aanpassen {
	font-size: 90%;
}
.beheer .aanpassen label {
	float: none;
	width: auto;
}
.beheer .aanpassen input {
	width: auto;
}

.bestellingen, .objecten {
	width: 100%;
}
.bestellingen td, .objecten td {
	padding-right: 1em;
}
.bestellingen .verlopen {
	font-weight: bold;
}
.formulier div.image, .formulier div.upload {
	padding-bottom: 24px;
	position: relative;
	width: 400px;
}
.formulier div.image.hasvalue, .formulier div.upload.hasvalue {
	padding-bottom: 46px;
}
.formulier div.image img {
	border: 0;
	display: block;
	margin-bottom: 2px;
}
.formulier div.image input, .formulier div.upload input {
	height: 24px;
	padding-top: 4px;
	width: auto;
}
.formulier div.image.hasvalue input, .formulier div.upload.hasvalue input {
	clear: left;
	margin-left: 12em;
}
.formulier div.image button, .formulier div.upload button {
	font-size: 100%;
	height: 24px;
	margin-top: -1px;
	padding-top: 1px;
}
.formulier div.upload a {
	color: #58b;
	margin-bottom: 2px;
	text-decoration: underline;
}
.formulier div.upload a:hover {
	color: #fa3;
	text-decoration: none;
}
.formulier div.image iframe.ProgressBar, .formulier div.upload iframe.ProgressBar {
	bottom: 0;
	height: 22px;
	left: 0;
	position: absolute;
	width: 395px;
}
.formulier .zoekgebieden {
	list-style-type: none;
}
.objecten a {
	color: #268FC6;
}
.objecten a:hover {
	color: #C4B8A1;
	text-decoration: none;
}
.objecten img {
	border: 0;
}
.beheer .reacties {
	width: 100%;
}
.beheer .reacties a {
	color: #268FC6;
}
.beheer .reacties a:hover {
	color: #C4B8A1;
	text-decoration: none;
}

.StatusMessage {
	margin-bottom: 0.5em;
	margin-right: 8px;
}
.StatusMessage a {
	color: #58b;
	text-decoration: underline;
}
.StatusMessage a:hover {
	color: #fa3;
	text-decoration: none;
}
.StatusMessage .dialog-header {
	height: 14px;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 6px 7px;
}
.StatusMessage .dialog-close {
	background: url('/images/dialog_close.gif') no-repeat;
	cursor: pointer;
	float: right;
	height: 11px;
	margin: 3px 3px 0 0;
	width: 11px;
}
.StatusMessage .dialog-content {
	color: #666;
	font-size: 120%;
	min-height: 5.8em;
	padding: 0.5em;
}
.StatusMessage.success .dialog-content {
	background: #fff url('/images/prompt_bg.jpg') bottom right no-repeat;
	border: 1px solid #4f6d81;
	border-top: none;
}
.StatusMessage.success .dialog-header {
	background: url('/images/prompt_header.gif') repeat-x;
	border: 1px solid #4f6d81;
	border-bottom: none;
	color: #355468;
}


/* Sitemap */
.InhoudSitemap .Tekst a {
	color: #268FC6;
}
.InhoudSitemap .Tekst a:hover {
	color: #C4B8A1;
	text-decoration: none;
}
.SitemapKop {
	color: #000;
	font-weight: bold;
	margin: 1em 0;
}