Portfolio

						
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Immo Cauwe</title>
	<link rel="stylesheet" type="text/css" href="css/styles.css" media="all" />
	<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css' />
	<script type="text/javascript" src="js/clear-inputs.js"></script>
	<!--[if lt IE 9]><link rel="stylesheet" type="text/css" href="css/ie.css" /><![endif]-->
</head>
<body>
	<div id="header">
		<div class="holder">
			<h1 class="logo"><a href="#">Immo Cauwe Een zee aan vastgoed</a></h1>
			<div class="container">
				<div class="top-box">
					<ul class="top-nav">
						<li class="active"><a href="#">home</a></li>
						<li><a href="#">Bedrijf</a></li>
						<li><a href="#">links & info</a></li>
						<li><a href="#">Contact</a></li>
					</ul>
					<a href="#" class="choice">MIJN <br /> SELECTIE</a>
					<span class="btn01"><a href="#">login</a><br /> syndic</span>
					<span class="btn01 big"><a href="#">login</a><br /> verkoop/jaarverhuur</span>
				</div>
				<ul id="nav">
					<li><a href="#">VERKOOP</a></li>
					<li><a href="#">NIEUWBOUW</a></li>
					<li><a href="#">VERHUUR</a></li>
					<li><a href="#">VAKANTIEVERHUUR</a></li>
					<li><a href="#">SYNDIC</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="slide-box">
		<form action="#">
			<fieldset>
				<div class="holder">
					<div class="al">
						<div class="check-boxes">
							<strong class="title">Ik zoek</strong>
							<div class="buy-box">
								<div class="container">
									<input id="lb01" type="checkbox" checked="checked" />
									<label for="lb01">te koop</label>
								</div>
								<div class="container">
									<input id="lb02" type="checkbox" />
									<label for="lb02">te huur</label>
								</div>
							</div>
							<div class="two-col">
								<div class="col">
									<div class="container">
										<input checked="checked" id="lb03" type="checkbox" />
										<label for="lb03">Villa/huis <a href="#">(43)</a></label>
									</div>
									<div class="container">
										<input checked="checked" id="lb04" type="checkbox" />
										<label for="lb04">Garage/Parking <a href="#">(29)</a></label>
									</div>
									<div class="container">
										<input checked="checked" id="lb05" type="checkbox" />
										<label for="lb05">Handelsruimte <a href="#">(29)</a></label>
									</div>
								</div>
								<div class="col">
									<div class="container">
										<input checked="checked" id="lb06" type="checkbox" />
										<label for="lb06">Appartement</label>
										<select>
											<option>1 kamer (22)</option>
										</select>
									</div>
									<div class="container">
										<input checked="checked" id="lb07" type="checkbox" />
										<label for="lb07">Studio <a href="#">(7)</a></label>
									</div>
									<div class="container">
										<input checked="checked" id="lb08" type="checkbox" />
										<label for="lb08">Bouwgrond <a href="#">(3)</a></label>
									</div>
								</div>
							</div>
						</div>
						<div class="select-box">
							<strong class="title">Bepaal uw budget</strong>
							<select>
								<option>Van 0 euro tot 50.000 euro</option>
							</select>
						</div>
					</div>
					<div class="search-form">
						<div class="row">
							<div class="inp01"><input type="text" value="Zoek op referentie" /></div>
							<input type="submit" value="search" class="btn-search" />
						</div>
						<div class="filter-box">
							<label class="title">Filter op</label>
							<input type="checkbox" id="lb09" />
							<label for="lb09">nieuwbouw</label>
							<input type="checkbox" id="lb10" />
							<label for="lb10">herverkoop</label>
						</div>
						<div class="select-box">
							<select>
								<option>Selecteer een regio</option>
							</select>
						</div>
						<input type="submit" value="ZOEK" class="btn-submit" />
					</div>
				</div>
			</fieldset>
		</form>
	</div>
	<div id="main">
		<div class="item-box">
			<h2 class="txt-koop">TE KOOP</h2>
			<ul>
				<li>
					<div class="img"><span class="txt-nieuw">NIEUW</span><a href="#"><img src="images/img06.jpg" alt="" width="210" height="141" /></a></div>
					<div class="info">
						<span class="price">420.000 €</span>
						<span>Knokke</span>
					</div>
				</li>
				<li>
					<div class="img"><span class="txt-nieuw">NIEUW</span><a href="#"><img src="images/img07.jpg" alt="" width="210" height="141" /></a></div>
					<div class="info">
						<span class="price">280.000 €</span>
						<span>Knokke-Heist</span>
					</div>
				</li>
				<li>
					<div class="img"><span class="txt-verk">VERKOCHT</span><a href="#"><img src="images/img08.jpg" alt="" width="210" height="141" /></a></div>
					<div class="info">
						<span class="price">395.000 €</span>
						<span>Waardamme</span>
					</div>
				</li>
				<li>
					<div class="box">
						<div class="holder">
							<p>Een pand verkopen? Vraag hier uw gratis schatting aan.</p>
						</div>
					</div>
					<div class="info">
						<span class="center"><a href="#">Contacteer ons</a></span>
					</div>
				</li>
			</ul>
		</div>
		<div class="item-box">
			<h2 class="txt-hoor">TE HOOR</h2>
			<ul>
				<li>
					<div class="img"><span class="txt-nieuw">NIEUW</span><a href="#"><img src="images/img06.jpg" alt="" width="210" height="141" /></a></div>
					<div class="info">
						<span class="price">1.200 €</span>
						<span>Knokke</span>
					</div>
				</li>
				<li>
					<div class="img"><span class="txt-nieuw">NIEUW</span><a href="#"><img src="images/img07.jpg" alt="" width="210" height="141" /></a></div>
					<div class="info">
						<span class="price">950 €</span>
						<span>Knokke-Heist</span>
					</div>
				</li>
				<li>
					<div class="img"><a href="#"><img src="images/img08.jpg" alt="" width="210" height="141" /></a></div>
					<div class="info">
						<span class="price">950 €</span>
						<span>Waardamme</span>
					</div>
				</li>
				<li>
					<div class="box blue">
						<div class="holder">
							<p>Ontvang de catalogus van Groep Cauwe met betrekking tot verkoop en/of verhuur.</p>
						</div>
					</div>
					<div class="info">
						<span class="center"><a href="#">Contacteer ons</a></span>
					</div>
				</li>
			</ul>
		</div>
		<div class="item-box">
			<h2 class="txt-vakant">VAKANTIEVERHUUR</h2>
			<ul>
				<li>
					<div class="img"><span class="txt-nieuw">NIEUW</span><a href="#"><img src="images/img06.jpg" alt="" width="210" height="141" /></a></div>
					<div class="info">
						<span class="price">1.200 €</span>
						<span>Knokke</span>
					</div>
				</li>
				<li>
					<div class="img"><span class="txt-nieuw">NIEUW</span><a href="#"><img src="images/img07.jpg" alt="" width="210" height="141" /></a></div>
					<div class="info">
						<span class="price">950 €</span>
						<span>Knokke-Heist</span>
					</div>
				</li>
				<li>
					<div class="img"><a href="#"><img src="images/img08.jpg" alt="" width="210" height="141" /></a></div>
					<div class="info">
						<span class="price">950 €</span>
						<span>Waardamme</span>
					</div>
				</li>
				<li>
					<div class="box brown">
						<div class="holder">
							<p>Op zoek naar een leuk en gezellig pand of appartement om uw vakantie door te brengen?</p>
						</div>
					</div>
					<div class="info">
						<span class="center"><a href="#">Contacteer ons</a></span>
					</div>
				</li>
			</ul>
		</div>
		<div class="item-box item-box-blue">
			<h3><strong>Syndic</strong> Enkele panden in de kijker waar Immo Cauwe instaat voor het beheer.</h3>
			<ul>
				<li>
					<div class="img"><span class="txt-nieuw">NIEUW</span><a href="#"><img src="images/img06.jpg" alt="" width="210" height="141" /></a></div>
					<div class="info">
						<span>Knokke</span>
					</div>
				</li>
				<li>
					<div class="img"><span class="txt-nieuw">NIEUW</span><a href="#"><img src="images/img07.jpg" alt="" width="210" height="141" /></a></div>
					<div class="info">
						<span>Knokke-Heist</span>
					</div>
				</li>
				<li>
					<div class="img"><a href="#"><img src="images/img08.jpg" alt="" width="210" height="141" /></a></div>
					<div class="info">
						<span>Waardamme</span>
					</div>
				</li>
				<li>
					<div class="box blue">
						<div class="holder">
							<p>Meer informatie <br /> over het beheer <br /> door Immo Cauwe? <a href="#">Contacteer ons</a>.</p>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="three-cols">
			<div class="t"></div>
			<div class="c">
				<div class="content">
					<div class="col">
						<h3>Immo Cauwe in de pers</h3>
						<div class="img"><img src="images/img09.jpg" alt="" width="320" height="188" /></div>
					</div>
					<div class="col center">
						<h3>Maak kennis met ons team</h3>
						<div class="img"><img src="images/img10.jpg" alt="" width="320" height="188" /></div>
					</div>
					<div class="col">
						<h3>Openingsuren Knokke-Heist</h3>
						<dl>
							<dt>Maandag:</dt>
							<dd>9h00-12h00 14h00 - 18h00</dd>
							<dt>Dinsdag:</dt>
							<dd>9h00-12h00 14h00 - 18h00</dd>
							<dt>Woensdag:</dt>
							<dd>gesloten </dd>
							<dt>Donderdag:</dt>
							<dd>9h00-12h00 14h00 - 18h00</dd>
							<dt>Vrijdag :</dt>
							<dd>9h00-12h00 14h00 - 18h00</dd>
							<dt>Zaterdag:</dt>
							<dd>9h00-12h00 14h00 - 18h00</dd>
							<dt>Zondag:</dt>
							<dd>gesloten </dd>
							<dt class="contact">Contact:</dt>
							<dd class="contact"><a href="mailto:immo@immo-cauwe.be">immo@immo-cauwe.be</a></dd>
						</dl>
					</div>
				</div>
			</div>
			<div class="b"></div>
		</div>
		<div class="green-box">
			<div class="t"></div>
			<div class="c">
					<h3>Immo Cauwe in Knokke-Heist. Een zee aan vastgoed!</h3>
					<p>Verkoop, verhuur, vakantieverhuur en overnamebemiddeling in Oostende en aan de belgische kust. Immo Cauwe is een team van vastgoed-bemiddelaars die zich als geen ander thuisvoelen in de immobiliën. Wij weten dat u maatwerk wil. Elk vastgoed, elke woonst, elk tweede verblijf is anders. In eenzelfde verkaveling zijn er geen twee villa's gelijk, in eenzelfde gebouw zijn er geen twee appartementen hetzelfde. Dit is een voorbeeld tekst.</p>
					<div class="address-box"><span>Immo Cauwe Duinbergen - </span><address>Elizabetlaan 223 - 8300 Knokke-Heist</address></div>
					<dl>
						<dt>Tel.:</dt>
						<dd>050-62.19.20</dd>
						<dt>- Fax.:</dt>
						<dd>050-61.40.85 </dd>
					</dl>
					<dl>
						<dt>e-Mail:</dt>
						<dd><a href="mailto:immo@immo-cauwe.be">immo@immo-cauwe.be</a> </dd>
					</dl>
			</div>
			<div class="b"></div>
		</div>
	</div>
	<div id="footer">
		<div class="center">
			<a href="#" class="logotype"><img src="images/ico01.gif" alt="" width="52" height="80" /></a>
			<ul class="social">
				<li><a href="#"><img src="images/ico-twitter.gif" alt="" width="24" height="23" /></a></li>
				<li><a href="#"><img src="images/ico-facebook.gif" alt="" width="24" height="24" /></a></li>
				<li><a href="#"><img src="images/ico-in.gif" alt="" width="24" height="23" /></a></li>
			</ul>
			<div class="container">Immo Groep Cauwe nv - <address>Elizabetlaan 223 - 8300 Knokke-Heist</address> - T (050) 62 19 20 - F (050) 61 40 85 - <a href="mailto:immo@immocauwe.be">immo@immocauwe.be</a></div>
			<p>BTW BE 0861.524.009 - Erkend vastgoedmakelaar BIV 501075 België - Controle instantie: BIV, Luxemburgstraat 16B, 1000 Brussel <br /> Onderworpen aan de deontologische code BIV: <a href="http://www.biv.be">http://www.biv.be</a> - Vergund toeristisch verhuurkantoor Vg 8257</p>
		</div>
		<div class="bottom-box">
			<div class="center">
				<p>© 2012 Immo Cauwe - Disclaimer - Verkoopvoorwaarden</p>
				<ul>
					<li><a href="#">NL</a></li>
					<li><a href="#">FR</a></li>
				</ul>
				<span>Webdesign Weblounge</span>
			</div>
		</div>
	</div>
</body>
</html>


						
                

html{
	height: 100%;
}
body{
	margin:0;
	color:#535971;
	font:13px/20px "Droid Sans", sans-serif;
	min-width:1002px;
	height: 100%;
	background: url(../images/bg-body.jpg) no-repeat 50% 0;
}
img{
	border-style:none;
}
input,textarea,select{
	color:#4a4949;
	vertical-align:middle;
	font:100% Arial, Helvetica, sans-serif;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
a{
	color:#535971;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a:focus,
input:focus,
textarea:focus,
select:focus{
	outline:none;
}
.index-page{
	height:100%;
	min-height:500px;
	min-width:1100px;
}
.index-page #wrapper {
	height: 100%;
	position:relative;
	z-index:3;
	display:table;
	width:100%;
}
.index-page .page{
	padding:11px 0 75px;
}
.full-slide {
	height:100%;
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	width:100%;
	z-index:1;
	min-width:1002px;
}
.full-slide img {
	vertical-align:top;
}
.index-page #header{
	position:absolute;
	background:none;
	left:0;
	top:10px;
	height:104px;
	width:100%;
	z-index:30;
	margin:0;
	min-width:1002px;
}
.index-page .logo{
	margin:0 auto;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/logo.png) no-repeat;
	width:294px;
	height:104px;
	float:none;
}
.index-page .logo a{
	display:block;
	height:100%;
}
.border-box{
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:2;
	width:100%;
	background: url(../images/bg-border-lt.gif) no-repeat;
}
.border-box .holder{
	width:100%;
	height:100%;
	background: url(../images/bg-border-br.gif) no-repeat 100% 100%;
}
.index-page .box{
	width:89.75%;
	float:right;
	margin:0 0 0 auto;
	padding:0 9px 0 0;
}
.index-page .box .l{
	background: url(../images/bg-box-l.png) no-repeat;
	width:34px;
	height:239px;
	float:left;
}
.index-page .box .holder{
	background: url(../images/bg-box.png) repeat-x;
	overflow:hidden;
	height:239px;
}
.index-page #content {
	width:100%;
	display:table-row;
}
#content .content-holder {
	display:table-cell;
	vertical-align:middle;
}
#content .content-frame{
	overflow:hidden;
	width:100%;
	margin:120px 0;
}