@import url("reset.css");
@import url("clearfix.css");
@import url("sifr-screen.css");

body, input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
}

body {
	background: #dcdcbc url(../images/bg_body_home.gif) repeat-x left 236px;
	color: #381514;
	font-size: 12px;
	height: 450px;
}

::-moz-selection {
	background: #381514;
	color: #fff;
}

a, a:active, a:visited {
	color: #000;
}
a:hover {
	text-decoration: none;
}

#container {
	margin: 0 auto;
	width: 980px;
	position: relative;
}

#logo {
	position: absolute;
	width: 191px;
	height: 90px;
	top: 243px;
}

div.logo_makelaars {
	background: url(../images/logo_makelaars_screen.gif) no-repeat;
}

div.logo_financieel {
	background: url(../images/logo_financieel_screen.gif) no-repeat;
}

#logo img {
	display: none;
}

#keuzescherm {
	position: absolute;
	width: 780px;
	height: 271px;
	top: 15px;
	left: 202px;
	overflow: hidden;
}


#keuzescherm div.blok {
	position: relative;
	cursor: pointer;
	margin: 0 5px 0 0;
	float: left;
	width: 190px;
	height: 271px;
}

#keuzescherm div.link {
	background: #381514;
	height: 34px;
	text-align: right;
}

#keuzescherm div.link a {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 10px 8px 0 0;
}

#keuzescherm div.foto {
	position: absolute;
	width: 188px;
	height: 230px;
	border: 1px solid #b3b399;
	top: 39px;
	left: 0;
}


div.bestaandebouw div.foto {
	background: url(../images/keuzeblok_bestaandebouw.jpg) no-repeat;
}

div.nieuwbouw div.foto {
	background: url(../images/keuzeblok_nieuwsbouw.jpg) no-repeat;

}

div.verzekeringen div.foto {
	background: url(../images/keuzeblok_verzekeringen.jpg) no-repeat;

}

div.hypotheken div.foto {
	background: url(../images/keuzeblok_hypotheken.jpg) no-repeat;

}

#banner_home {
	position: absolute;
	width: 770px;
	height: 60px;
	padding: 10px 0;
	top: 560px;
	left: 202px;
	line-height: 1.2em;
	text-align: center;
}

#nieuws {
	background: #c1c186;
	position: absolute;
	width: 345px;
	height: 190px;
	top: 291px;
	left: 202px;
	padding: 20px;
	line-height: 1.2em;
}


#nieuws a, #nieuws a:active, #nieuws a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #381514;
}
#nieuws a:hover {
	color: #635049;
}

#nieuws div.datum {
	color: #fff;
	padding: 0 0 8px 0;
}

#pand {
	background: #c1c186;
	position: absolute;
	width: 345px;
	height: 190px;
	top: 291px;
	left: 592px;
	padding: 20px;
	line-height: 1.2em;
}

#pand a, #pand a:active, #pand a:visited {
	text-decoration: none;
	color: #381514;
}
#pand a:hover {
	color: #635049;
}

#pand h2, #nieuws h2 {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
	font-size: 40px;
	width: 385px;
	line-height: 1em;
	text-align: right;
}

#pand h3 {
	margin: 0 0 8px 0;
}

#pand div.vraagprijs {
	margin: 8px 0 0 0;
	font-weight: bold;
	clear: both;
}


#pand img {
	border: 1px solid #fff;
	float: left;
	margin: 0 7px 0 0;
}

#footer {
	position: absolute;
	width: 775px;
	height: 45px;
	top: 526px;
	left: 202px;
}

#footer div.bar {
	background: #635049;
	height: 30px;
}