html, body {
	background-color: #ebf5b4;
	margin: 0px;
}

input {
	font-size: 9pt;
}

h1 {
	font-size: 14pt;
}

body {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 9pt;
}

#background-wrapper {
	background-image: url(images/bg.png);
	background-position: center;
	background-repeat: repeat-y;
	margin: auto;
	width: 1023px;
}

#wrapper {
	margin: auto;
	width: 985px; 
}

#wrapper #header img {
	display: block;
}

#wrapper #menu {
	height: 36px;
	background-color: #ecf666;
	vertical-align: middle;
	padding: 0px 20px;
	line-height: 150%;
}

#wrapper #menu a {
	color: black;
	text-decoration: none;
}

#wrapper #menu a:hover {
	text-decoration: underline;
}

#wrapper #menu a.active {
	font-weight: bold;
	color: #0d5192;
}

#wrapper #content #content-body {
	float: left;
	width: 740px;
}

#content-body .header a {
	color: white;
}

#content-body a {
	color: #0d5192;
	text-decoration: none;
}

#content-body a:hover {
	text-decoration: underline;
}

#wrapper #content {
}

#content-body p {
	line-height: 150%;
	margin: 0px;
}

#content-body .page-footer {
 	margin: 20px;
}

#content-body .page-footer a.button-blue {
	margin-left: 0px;
	float: left;
}

#content-body .page-footer p {
	margin: 0px;
	padding: 0px;
	font-size: 8pt;
	margin-left: 120px;
	color: #5585b2;
	line-height: 150%;
}

#content-body a.button-blue {
	background-image: url(images/button-blue-bg.png);
	border: 1px solid white;
	display: block;
	text-align: center;
	width: 100px;
	color: white;
	margin-left: auto;
	cursor: pointer;
	text-decoration: none;
	padding-top: 5px;
	height: 25px;
	font-size: 9pt;
}

#content-body form input.button-blue, a.button-blue {
	background-image: url(images/button-blue-bg.png);
	border: 1px solid white;
	display: block;
	text-align: center;
	height: 30px;
	width: 100px;
	color: white;
	cursor: pointer;
	text-decoration: none;
}

#content-body p.form-control label {
	display: block;
	font-weight: bold;
}

#content-body table.pictureviewer {
}

#content-body table.pictureviewer img.scroll-button {
	cursor: pointer;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

#content-body table.pictureviewer .thumb {
	width: 75px;
	height: 50px;
	margin: 5px 0px;
	cursor: pointer;
}

#content-body table.pictureviewer .house-thumbs {
	overflow: hidden;
	height: 220px;
}

#content-body table.pictureviewer td {
	text-align: center;
}

#content-body table.pictureviewer td img {
	display: block;
	margin: 0px 5px;
}

#content-body p {
	margin: .5em 20px;
}

#content-body #frontpage-top #frontpage-search table {
	width: 325px;
}

#content-body table td {
	line-height: 250%;
}

#content-body select {
	border: 1px solid #666;
	background-color: white;
	font-size: 9pt;
	width: 230px;
	margin-left: auto;
	display: block;
	margin-top: 2px;
}

#content-body #frontpage-top {
	position: absolute;
	top: 173px;
	width: 740px;
	height: 309px;
}

#content-body #frontpage-bottom {
	position: absolute;
	top: 482px;
	width: 740px;
	height: 311px;
}

#content-body #frontpage-top, #content-body #frontpage-bottom {
	color: white;
}

#content-body #frontpage-top p, #content-body #frontpage-bottom p {
	margin: 10px 20px;
}

#content-body #frontpage-top #frontpage-aanbod {
	background-color: #25629d;
	width: 372px;
	height: 309px;
	float: right;
}

#content-body #frontpage-bottom #frontpage-verhuren {
	background-color: #3d74a8;
	height: 311px;
	width: 368px;
	float: left;
}

#content-body #frontpage-bottom #frontpage-beheer {
	background-color: #5585b2;
	width: 372px;
	height: 311px;
	float: right;
	z-index: 0;
  
}

#content-body #frontpage-top #frontpage-search {
	background-color: #0d5192;
	height: 309px;
	width: 368px;
	float: left;
	z-index: 0;
}

#content-body #frontpage-top .button-blue {
	position: absolute;
	bottom: 20px;
	margin-left: 230px;
}

#content-body #frontpage-bottom .button-blue {
	position: absolute;
	bottom: 20px;
	margin-left: 230px;
}

#frontpage-top h1, #frontpage-bottom h1 {
	color: white;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 20px;
}

#frontpage-search table {
	margin: 0px 20px;
	width: 300px;
}

#frontpage-search p {
	margin-left: 20px;
	color: #5585b2;
	font-size: 8pt;
}

#content-body .header {
	background-color: #0d5192;
	border-left: 5px solid #4076a8;
	color: white;
	margin-bottom: 20px;
	border-bottom: 1px solid #0d5192; /* fix for IE */
}

#content-body .header h1 {
	padding: 20px 0px;
	padding-left: 20px;
	float: left;
}

#content-body .header .steps {
	float: right;
}

.steps {
	float: right;
	margin-right: 20px;
	margin-top: 20px;
}


.steps a {
	color: white;
	text-decoration: none;
	font-size: 13px;
}

.steps a:hover {
	text-decoration: underline;
}


#content-body table.woningaanbod {
	width: 100%;
	margin-bottom: 40px;
}

#content-body table.woningaanbod td {
	width: 125px;
	text-align: center;
	padding-bottom: 10px;
}

#content-body table.woningaanbod img {
	border: 1px solid #ccc;
}

#content-body .woning-header {
	border-left: 2px solid #88a9c9;
	margin-left: 20px;
	margin-bottom: 20px;
}

#content-body .woning-header p {
	line-height: 150%;
	margin: 5px 20px;
}

#content-body .woning-header h2 {
	color: #0d5192;
	margin: 0px;
	margin: 0px 20px;
}

#content-body table.woning {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
}

#content-body table.woning td {
	vertical-align: top;
	line-height: 200%;
	padding: 5px 0px;
}

#content-body table.woning td.omschrijving p {
	margin: .5em 0px;
}

#content-body .form {
	margin: 10px 20px;
	width: 690px;
}

#content-body .form th {
	color: #0d5192;
}

#content-body .form td {
	vertical-align: top;
}

.radiobutton {
	width: 30px; 
	background: none; 
	border: none; 
	margin: 0px;
}

#content-body .form td input {
	background-color: #ebf5b4;
	border: 1px solid #c1c994;
	padding: 2px;
	margin: 3px;
	font-family: 'Trebuchet MS', sans-serif;
	width: 490px;
}

#content-body .form td textarea {
	background-color: #ebf5b4;
	border: 1px solid #c1c994;
	padding: 2px;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 10pt;
	width: 490px;
	margin: 3px;
}

#content-body .form #situatie_anders {
	width: 380px;
}

#content-body .form td.label {
	width: 200px;
}

#content-body .form td #pcc {
	width: 50px;
}

#content-body .form td #pcl {
	width: 20px;
}

#content-body .form td #woonplaats {
	width: 396px;
}

#content-body table.woning {
}

#content-body table.woning th {
	color: #0d5192;
	line-height: 200%;
}

#content-body table th {
	text-align: left;
}

#content-body p.kosten {
	font-size: 12pt;
	margin: 0px 20px;
}

#content-body p.kosten-uitleg {
	padding: 0px;
	font-style: italic;
}

#content-body h2 {
	margin-left: 20px;
	margin-bottom: 0;
	color: #0d5192;
	font-size: 12pt;
}

#content-body .woning-header p.title {
	color: #0d5192;
	font-weight: bold;
	margin: 0px 20px;
}

#content-body table.woningaanbod p {
	display: block;
	margin: 0px 0px;
	padding: 0px;
	color: #666;
	text-align: center;
	line-height: 200%;
}

#content-body table.woningaanbod a {
	text-decoration: none;
	border: 0px;
}

#content-body table.woningaanbod p.plaats {
	font-weight: bold;
}

#wrapper #content-sidebar {
	width: 245px;
	float: right;
}

#content-sidebar input {
	padding: 3px;
	width: 150px;
}

#content-sidebar a {
	color: #000;
	text-decoration: none;
}

#content-sidebar a:hover {
	text-decoration: underline;
}

#content-sidebar h2 {
	color: white;
	padding: 10px 0px;
	margin: 0px 20px;
}

#content-sidebar p {
	margin: 10px 20px;
}

#content-sidebar form {
}

#content-sidebar form p.submit {
	margin: 0px;
	padding: 0px;
	text-align: right;
}

#content-sidebar form input {
	margin-bottom: 10px;
	font-size: 9pt;
	font-family: "Trebuchet MS", sans-serif;
	border: 1px solid #aca899;
	margin: 5px 20px;
}

#content dl {
	margin: 20px;
}

#content dl dt {
	font-weight: bold;
	cursor: pointer;
	margin-top: 20px;
}

#content dl dd {
	line-height: 150%;
	margin: 0px 20px;
	margin-bottom: 10px;
}

#content-sidebar .button-green {
	background-image: url(images/button-bg-green.png);
	border: 1px solid white;
	display: block;
	text-align: center;
	width: 100px;
	color: white;
	margin-left: auto;
	cursor: pointer;
}

a.button-green {
	background-image: url(images/button-bg-green.png);
	border: 1px solid white;
	display: block;
	text-align: center;
	padding: 0px 0px;
	height: 30px;
	width: 100px;
	color: white;
	margin-left: auto;
	cursor: pointer;
}

a.button-green div {
	margin: 5px 0px;
	color: white;
}

#content-sidebar a.button-green:hover {
	color: white;
}

#wrapper #content #content-sidebar #sidebar-inloggen {
	background-color: #dfe864;
	height: 309px;
		
}

#wrapper #content #content-sidebar #sidebar-inschrijven {
	background-color: #ecf390;
	padding-bottom: 20px;
	height: 291px;
}

#wrapper #content #content-sidebar #sidebar-contact {
	background-color: #ecf390;
	background-image: url(images/bg-contact-new.png);
	padding-bottom: 20px;
	height: 291px;
	line-height: 150%;
}

#menu p {
	padding: 8px 0px;
	margin: 0;
}

#footer {
	background-image: url(images/footer.png);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #ebf5b4;
	padding-top: 30px;
	margin: auto;
}

#footer img {
	border: 0px;
}

#footer p {
	margin: 10px 0px;
}

#footer #footer-content {
	margin: 0px 20px;
	line-height: 200%;
	background-color: #ebf5b4;
	height: 200px;
	margin: auto;
	width: 980px;
}

#footer #footer-content p a {
	color: #c4cd94;
	text-decoration: none;
}

#footer #footer-content p a:hover {
	text-decoration: underline;
}

#footer #footer-content p a img {
	border: 0px;
	vertical-align:middle;
}

#footer #footer-content #footer-copyright {

	width: 730px;
	float: left;
	background-color: #ebf5b4;
}

#footer-copyright .notice {
	font-size: 9pt;
		color: #c4cd94;
}

#footer #footer-content #footer-partners {
	float: left;
	margin-left: 20px;
	color: #c4cd94;
	width: 230px;
	background-color: #ebf5b4;

}

#footer-partners ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#footer-partners ul li {
	display: inline;
	margin-right: 0px;
}

.straat {
font-size: 9px;
}

.onze-gegevens {
font-size: 11px;
}