@charset "utf-8";
/* CSS Document */

html, body { background:url(/images/bg2.jpg) #614c31 repeat-x; padding:0; margin:0; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px;}


p { color:#000;}
a { text-decoration:none; font-weight:bold;}

h1 { color:#FFF; font-size:18px; font-weight:normal; text-transform:uppercase; padding:0; margin:8px 0;}
h2 { color:#c40219; font-size:16px; margin:0; margin-bottom:8px;}
.titel{width: 100%; height: 25px; text-align:left;}
.titel h1{margin-left: 220px; text-align:left;}

img.rechts { float:right; margin:5px 10px 5px 10px;}
img.links { float:left; margin-right:5px 10px 5px 10px;}

table {width:100%; padding:3px;}

/* divs */
.container { width:901px; height:100% auto !important; padding:0; margin:0 auto; overflow:hidden;}

.header { width:901px; height:165px; padding:0; margin:0;}
	.logo { background:url(/images/logo.jpg) no-repeat; width:214px; height:165px; padding:0; margin:0; float:left;}
	.gegevens { background:url(/images/header.jpg) no-repeat; width:487px; height:125px; padding:40px 0 0 200px; margin:0; float:right; text-align:left;}
		.gegevens p { color:#FFF; font-size:14px; font-weight:bold; margin:0; margin-bottom:15px;}
		.gegevens a { color:#FFF;}
		.gegevens a:hover { color:#5a070e;}
		.printadres{display: none;}
		
.content { width:901px; height:100% auto !important; min-height:600px; padding:0; margin:0; float:none; clear:both; overflow:hidden;}
	.left { width:200px; height:500px; padding:0; margin:0; float:left;}
		.left ul { list-style:none; padding:0; margin:0; text-align:left;}
		.left li {}
			.grijs a { background:#8c785e; border:1px solid #FFF; display:block; width:183px; height:31px; padding:9px 0 0 10px; margin-top:8px; font-size:15px; color:#FFF; text-transform:uppercase; font-weight:normal;}
			.grijs a:hover { background:#614c31;}
			.rood a { background:#c40219; border:1px solid #FFF; display:block; width:183px; height:32px; padding:8px 0 0 10px; margin-top:8px; font-size:16px; color:#FFF; font-weight:normal;}
			.rood a:hover { background:#ac0718;}
			.tehuur a { background:#564f45; border:1px solid #FFF; display:block; width:183px; height:32px; padding:8px 0 0 10px; margin-top:8px; font-size:16px; color:#FFF; font-weight:normal; }
			.tehuur a:hover { background:#322f2a;}
	.right { width:680px; height:100% auto !important; padding:0; margin:0; float:right; text-align:left;}
		.top, .bottom { width:687px; height:10px; padding:0; margin:0; float:none; clear:both;}
		.top { background:url(/images/top.jpg) no-repeat; float:right;}
		.bottom { background:url(/images/bottom.jpg) no-repeat; float:right;}
		.tekst { width:667px; height:100% auto !important; padding:10px; margin:0; float:none; clear:both;}
			.tekst a { color:#FFF;}
			.tekst a:hover { color:#000;}
			.tekst p{color:#FFF;}
			.tekst li{color:#FFF;}	
			.tekst td{color: #FFF;}
		/* opsomming huizen */
		.rij { width:687px;  padding:0; margin:10px 0 0 0;}
			.huis { background:#FFF; border:3px solid #FFF; width:213px; height:226px; padding:0; margin:0 10px 10px 0; float:left;}
				.huis img { width:213px; height:140px; padding:0; margin:0; border:0;}
			
			/* ronde hoeken
			.wrapper { position:relative; vertical-align:top; float:left; overflow:hidden;}
			div.wrapper div { position:absolute; width: 7px; height: 7px;}
			div.wrapper div.tl{ background:transparent url(/images/tl.gif) top left no-repeat; left:0; top:0}
			div.wrapper div.tr{ background:transparent url(/images/tr.gif) top right no-repeat; right:0; top:0}
			einde ronde hoeken */
			
				.huis a { display:block;}
				.tekstvak { background:#FFF; width:193px; height:62px; padding:10px; margin:0; float:none; clear:both; overflow:hidden;}
					.tekstvak p { text-align:left; padding:0; margin:0; margin-bottom:10px; font-size: 12px;}
					.tekstvak p.prijs { text-align:center;}
					.tekstvak p.verkocht { text-align:center; font-weight:bold; text-transform:uppercase; color:#FFF; background:#c4021a; padding:2px 0;}
				.foto_groot{width: 560px; height:100% auto !important; float: left; padding:0; margin:0;}
				.foto { width:100px; height:100% auto !important; padding:0; margin: 0; float:right;}
				.foto img { border:none; width:100px; height:67px; padding:0; margin:0 5px 5px 0; float:left;}
				a.contact { background:#c40219; border:1px solid #FFF; display:inline; color:#FFF; padding:3px 5px;}
				a.contact:hover { background:#ac0718; color:#FFF;}
				.beschrijving{width: 500px; padding: 10px 15px 0px 0px;}
				.beschrijving p{text-align: justify;}

.footer-wrapper { background: #a3111e url(/images/footer.jpg) repeat-x; height:100% auto !important; min-height: 450px; padding:0px 0px 15px 0px; margin-top:15px;}
.footer { width:901px; height:100% auto !important; padding:0; margin:0 auto; float:none; clear:both;}
		.footer p { color:#FFF;}
		.footer a { color:#FFF;}
		.footer a:hover { color:#5a070e;}
		.footer h1 { color:#FFF; padding:0; text-transform:none;}
	.foot_left { width:600px; height:100% auto !important; padding:0; margin:0; float:left; text-align:left;}
		.foot_left h1 { font-size:20px; margin:20px 0;}
		.foot_left a { font-weight:normal;}
		a.sizeS { font-size:100%;}
		a.sizeM { font-size:120%;}
		a.sizeL { font-size:140%;}
		a.sizeXL { font-size:160%;}
		hr { color:#FFF; height:1px;}
	.foot_right { width:200px; height:100% auto !important; margin:0; float:right; text-align:right;}
		.foot_right img { width:200px; height:82px; padding:0; margin-top:15px;}
		.foot_right h1 { font-size:18px; margin-top:15px;}
		.foot_right p { margin-bottom:15px;}
		.foot_right a { font-weight:bold;}

.crmart{font-size: 9px; font-variant:small-caps; color:#FFF; text-decoration: none; padding-left: 10px;}
.crmart p{text-align: left;}
.crmart a{text-decoration: none; color:#FFF; }