﻿@import url("reset.css");

body			{ color: #fff; background: #ebebeb;
						font: normal 11px/18px Tahoma, "Helvetica Neue", Helvetica, sans-serif;}
/*
body#home		{ height: auto !important; background: #ebebeb }
.homeInner		{ background: url(../images/body2.gif) center top repeat-y }
*/
/*-------------- Wrapper ------------------*/


/*
#wrap {
	width: 1000px;
	min-height: 100%; 
	margin: 0 auto;
	position: relative;
	background: url(../images/contentBG.gif) 20px bottom no-repeat;
	z-index:100;
	}
*/
#wrap {
	width: 1000px;
	min-height: 100%; 
	margin: 0 auto;
	position: relative;
	background: url(../images/body.gif) center top repeat-y;
	z-index:15;
	}
#molen {
	 right:20px;
	 bottom:86px;
	 position:absolute;
	 width:960px;
	 height:362px;
	 background:url(/images/molen.gif) no-repeat;
	}
/*-------------- Layout -------------------*/

#header			{ position: relative; height: 205px;
				  background: url(../images/header.gif) no-repeat }

.logo:link,
.logo:visited	{ display: block; width: 231px; height: 42px; text-indent: -9999px;
				  position: absolute; top: 27px; left: 52px;
				  background: url(../images/logo.gif) no-repeat }
.logo:hover,
.logo:active	{ border: none }

#photo			{ height: 109px; width: 960px;
				  position: absolute; top: 87px; left: 20px;
				  background: url(../images/photo.jpg) no-repeat }

#topMenu		{ position: absolute; right: 20px; top: 62px }
#topMenu li		{ margin: 0; list-style: none; float: left; padding: 0 5px;
				  font: normal 11px/18px Tahoma, "Helvetica Neue", Helvetica, sans-serif }
#topMenu a:link,
#topMenu a:visited
				{ color: #000; border: none }
#topMenu a:hover,
#topMenu a:active
				{ border-bottom: none; }
				
#mainMenu		{ position:relative;margin: 0 20px; height: 26px; padding-left: 33px; 
				  background: #000 url(../images/mainMenu.gif) no-repeat }
#mainMenu li	{ margin: 0; list-style: none; float: left;
				  font: normal 14px/18px "Lucids Sans Unicode", Arial, "Helvetica Neue", Helvetica, sans-serif }
#mainMenu a:link,
#mainMenu a:visited {
	display: block;
	padding: 3px 8px;
	color: #fff;
	}
#mainMenu a:hover,
body.aanbod #mainMenu a.aanbodlink,
body.diensten #mainMenu a.dienstenlink,
body.beheer #mainMenu a.beheerlink,
body.profiel #mainMenu a.zoekprofiellink,
body#contactform #mainMenu a.zoekprofiellink,
body.wiezijnwij #mainMenu a.wiezijnwijlink,
body.nieuws #mainMenu a.nieuwslink,
body#contact #mainMenu a.contactlink,
body#internet #mainMenu a.internetveilen
 {
	border: none;
	background: #dfdfdf;
	color: #231f20;
	}
				
#content		{ margin: 0 20px; padding-bottom: 60px; position:relative; }
#contentmenuknoppen {
	position:relative;
	margin-bottom:20px;
	}
#contentmenuknoppen a,
#contentmenuknoppen a:hover {
	border:none;
	}
#leftMenu		{ margin: 20px 0 0 10px; width: 144px; float: left }
#leftMenu li	{ margin: 0; list-style: none; margin-bottom: 2px;
				  float: left; clear: left; width: 100%;
				  font: normal 11px/18px Tahoma, "Helvetica Neue", Helvetica, sans-serif }
					
#leftMenu a {
	display: block;
	height: 19px;
	padding: 0 8px;
	color: #fff;
	background: #f16f6f;
	border: none
	}

#leftMenu li a.hypothekenlink	{height:40px;}			

#leftMenu a:hover,
#verkoop #leftMenu a.verkooplink,
#aankoop #leftMenu a.aankooplink,
#taxaties #leftMenu a.taxatieslink,
#hypotheken #leftMenu a.hypothekenlink,
#verzekeringen #leftMenu a.verzekeringenlink,
#nutselect #leftMenu a.nutselectlink,
#verhuisservice #leftMenu a.verhuisservicelink,
#search #leftMenu a.searchlink,
#bog #leftMenu a.boglink,
#project #leftMenu a.projectlink,
#huur #leftMenu a.huurlink,
#overbruggingsgarantie #leftMenu a.overbruggingsgarantielink,
#koopsubsidie #leftMenu a.koopsubsidielink,
#openhuis #leftMenu a.openhuislink,
#wiezijnwij #leftMenu a.wiezijnwijlink,
#waar #leftMenu a.waarlink,
#team #leftMenu a.teamlink {
	background: #f16f6f url(../images/bull.gif) right 7px no-repeat;
	}
#mainCol		{ margin: 0 10px 0 15px; position: relative;
				  width: 751px; padding: 19px 30px 60px 0; float: left }
#wideCol		{ padding: 20px 42px 60px }

#bigLinks		{ padding: 15px 0 15px 21px }
#bigLinks li	{ margin: 0; list-style: none; float: left; padding-right: 15px;
				  font: normal 14px/18px "Lucids Sans Unicode", Arial, "Helvetica Neue", Helvetica, sans-serif }
#bigLinks a:link,
#bigLinks a:visited
				{ display: block; width: 123px; height: 25px;
				  text-align: center; padding: 183px 0 0 0;
				  color: #050505; border: none }
.aanbod:link,
.aanbod:visited	{ background: url(../images/aanbod.png) no-repeat }

.diensten:link,
.diensten:visited	
				{ background: url(../images/diensten.png) no-repeat }

.internet:link,
.internet:visited	
				{ background: url(../images/internetveilen.png) no-repeat }	


#resultsHeader	{ background: url(../images/resultsHeader3.gif) repeat-x  }
#resultsHeader li
				{ float: left; margin: 0; padding-right: 3px;
				  list-style: none; text-transform: uppercase;
				  font: normal 11px/15px Tahoma, "Helvetica Neue", Helvetica, sans-serif }
#resultsHeader a:link,
#resultsHeader a:visited
				{ display: block; border: none;
				  background: url(../images/resultsHeader2.gif) right top no-repeat }
#resultsHeader a:link span,
#resultsHeader a:visited span
				{ display: block; height: 24px; padding: 5px 15px 0;
				  background: url(../images/resultsHeader.gif) no-repeat }
				
.pagination		{ text-align: right; margin: 0; padding-right: 10px;
				  font: normal 11px/15px Tahoma, "Helvetica Neue", Helvetica, sans-serif }
.pagination.top	{ position: absolute; top: 88px; right: 0 }
.pl16			{ padding-left: 16px }

.sorteer:link,
.sorteer:visited
				{ position: absolute; top: 56px; right: 0; padding-top: 1px;
				  display: block; width: 106px; height: 17px; text-transform: uppercase;
				  background:url(../images/sorteer.gif) no-repeat; text-align: center; border: none;
				  font: bold 11px/15px Tahoma, "Helvetica Neue", Helvetica, sans-serif }

#results li		{ float: left; clear: left; width: 100%;
				  margin: 0; list-style: none;
				  border-bottom: #fff 1px solid }
.photo			{ float: left; width: 176px; padding: 14px }
.photo img		{ display: block }
.info			{ float: left; padding: 14px 10px } 
/*
#home #footer {
	width: 1000px;
	margin: -150px auto 0;
	height: 82px; 
	padding-top: 68px;
	position: relative;
	background: url(../images/footer.gif) left bottom no-repeat;
	}
*/
#footer {
	width: 1000px;
	margin: -89px auto 0;
	height: 89px; 
	/*padding-top: 68px;*/
	position: relative;
	background: url(../images/footer.gif) left bottom no-repeat;
	z-index:15;
	}
#footer	p		{ color: #000; text-align: center; 
				  position: absolute; width: 100% }
#footer a {
	color:#000;
	}
#footer a:hover {
	color:#EC4B4D;
	border:none;
	}
#logoList		{ position: absolute; right: 30px; top: -48px; margin-bottom: 0 }
#logoList li	{ float: left; margin: 0; list-style: none }
#logoList li a	{ border:none; }

.funda			{ padding: 20px 0 0 }
.nvm			{ padding: 5px 0 0 12px }
.hyves			{ padding: 0 0 0 10px }
.over			{ padding: 0 0 0 10px }

#contactform form a:hover {
	border:none;
	}

.diensten ol li {
	margin:12px 0 12px 1.4em;
}
.diensten ol li li {
	margin:0 0 0 1.4em;
}

table.tarieventabel {
	border-collapse:collapse;
	margin-bottom:12px;
}
table.tarieventabel th {
	text-align:left;
	font-weight:bold;
}
table.tarieventabel th,
table.tarieventabel td {
	border:solid 1px #fff;
	padding:3px 12px 3px 6px;
}
p.aanvraagbutton a,
p.aanvraagbutton a:hover {
	border:none;
	}
table.formulier {
	
	}
table.formulier table {
	border:solid 1px #fff;
	margin-bottom:12px;
	width:600px;
	padding:12px 0;
	}
table.formulier table td {
	padding-left:12px;
	}
#nieuws #wideCol table {
	margin-top:-30px;
}
#nieuws #wideCol table#TableNeiuwsOverzicht {
	margin-top:-40px;
}
.cluetip-jtip #cluetip-outer {
  background-color: #fff!important;
	color:#000;
	z-index:100;
}
#thickboxForm td {
text-align:left !important;
}
#team div.teamdiv {
	position:relative;
	float:left;
	text-align:center;
	width:180px;
	margin-right:8px;
}
#team div.teamdivlaatst {
	position:relative;
	float:left;
	text-align:center;
	width:180px;
	margin-right:0;
}
#team div.teamdiv img {
	display:block;
}

/***** Popups ************/
body.popup {
	padding:8px;
	font-size:11px;
	background:#fff;
}
body.popup #titel {
	color:#000;
}
body.popup span {
	font-size:11px !important;
}

