html, body
{
	height:					100%;
}
body
{
	background:				#E9E9E9 url(/media/images/background3.gif) top center repeat-y;
}
body, textarea, input, select
{
	font-family:			Arial;
	color:					#555;
}
textarea, input, select
{
	border-width:			1px;
	border-style:			solid;
}
h1 img
{
	display:				block;
	margin:					0 0 0 20px;
}
h2
{
	color:					red;
	font-size:				16px;
	margin:					0 0 15px;
}
h3
{
	color:					red;
	font-size:				14px;
	margin:					0 0 5px;
}
#content h3
{
	margin-top:				15px;
}
p
{
	margin:					7px 0;
}
a
{
	color:					red;
	text-decoration:		none;
}
a:hover
{
	text-decoration:		underline;
}
ul, ol
{
	margin:					0;
	overflow:				auto;
}
ul li, ol li
{
	margin-left:			20px;
}
#outer
{
	min-height:				100%;
	position:				relative;
	_height:				100%;
}

#wrapper
{
	width:					990px;
	margin:					0 auto;
	min-height:				100%;
	position:				relative;
	overflow:				auto;
	padding-bottom:			141px;
}
#kop
{
	margin:					0;
	height:					236px;
	padding:				10px 0 22px;
	position:				relative;
	background:				url(/media/images/menuschaduw.png) left bottom repeat-x;
	_background:			none;
	_padding-bottom:		12px;
/*	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/menuschaduw.png', sizingMethod='crop');*/
}
#kolom1, #kolom2, #kolom3
{
	display:				inline;
	float:					left;
	position:				relative;
}
#kolom1
{
	width:					245px;
	margin-right:			5px;
}
#kolom2
{
	width:					470px;
	padding:				0 10px;
	margin-top:				10px;
}
#kolom3
{
	width:					215px;
	margin-left:			5px;
}
.vlaka, #submenu
{
	border:					1px solid #D7D7D7;
	padding:				10px 30px 10px 10px;
	position:				relative;
}
#kolom1 .vlaka
{
	margin:					10px 0 0 10px;
	clear:					both;
}
#kolom3 .vlaka
{
	margin:					10px 0 0 0;
}
.vlaka .leesmeer
{
	right:					10px;
	bottom:	0;
}

.meer
{
	margin:					6px 0 0 0;
	padding-left:			22px;
	background:				url(/media/images/pijltje.png) left center no-repeat;
	float:					left;
	font-style:				italic;
	_margin-left:			5px;
}

#slogan
{
	position:				absolute;
	right:					29px;
	top:					17px;
}
#banner
{
	height:					200px;
	background:				#DDD;
}
#banner img
{
	display:				block;
}
#banners
{
	list-style-type:		none;
	margin:					0;
	text-align:				center;
	position:				absolute;
	bottom:					37px;
	left:					3px;
}
#banners li, #banners li a
{
	display:				inline;
	margin:					0;
}
#banners li a
{
	background:				url(/media/images/stip_wit.png) center center no-repeat;
	padding:			 	0 7px;
	text-decoration:		none;
}
#banners li.huidig a, #banners li a:hover, #banners li.volgende a
{
	background-image:		url(/media/images/stip_rood.png);
}

/* MENU */
#menu
{
	margin:					0;
	list-style-type:		none;
	background:				url(/media/images/menu.gif) repeat-x;
	height:					26px;
	overflow:				hidden;
}
#menu li, #menu li a
{
	display:				inline;
	float:					left;
	margin:					0;
}
#menu li a
{
	color:					white;
	text-decoration:		none;
	padding:				6px 14px 8px 13px;
	line-height:			1.1;
	text-transform:			uppercase;
	font-size:				10px;
}
#menu li a:hover
{
	color:					#DDD;
}
#menu li.huidig a
{
	background:				url(/media/images/menu_2.gif) repeat-x;
	color:					#EEE;
}
#menu li.huidig a:hover
{
}

/* SUBMENU */
#submenua
{
	margin:					0;
	padding:				20px 25px 20px 45px;
	list-style-image:		url(/media/images/pijltje.png);
	background:				url(/media/images/vlak.png) no-repeat;
	width:					175px;
	min-height:				225px;
	_background:			none;
	_filter:				progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/vlak.png', sizingMethod='');
}
#submenu
{
	margin:					10px 0 0 10px;
	padding:				10px 10px 0 35px;
	*padding-left:			25px;
	list-style-image:		url(/media/images/pijltje.png);
}
#submenu li
{
	margin:					0 0 10px;
	*padding-left:			10px;
}
#submenu li a
{
	color:					#555;
}
#submenu li a:hover, #submenu li.huidig a
{
	color:					red;
	text-decoration:		none;
}

.vlak
{
	background:				url(/media/images/vlak.png) no-repeat;
	width:					201px;
	height:					221px;
	padding:				22px 22px;
	position:				relative;
	overflow:				hidden;
	_background:			none;
	_filter:				progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/vlak.png', sizingMethod='');
}
.vlak h3, .vlaka h3
{
	color:					red;
	margin:					0 0 10px !important;
	text-transform:			uppercase;
}
.vlak .leesmeer
{
	position:				absolute;
	bottom:					20px;
	right:					20px;
	font-style:				italic;
}
#home
{
	_margin-left:			-8px;
}
#home .vlaka
{
	float:					left;
	width:					190px;
	height:					220px;
	padding:				10px !important;
	margin:					0 13px 20px 8px;
}
#home #mogelijkheden ul, #home .content ul, #tarieven, .pijltjes
{
	overflow:				visible;
	margin-top:				10px;
	margin-left:			27px;
	*margin-left:			18px;
	list-style-image:		url(/media/images/pijltje.png);
}
#home #mogelijkheden li, #home .content ul li, #tarieven li, .pijltjes li
{
	margin:					0 0 10px;
	*padding-left:			10px;
}
#mogelijkheden
{
	margin-left:			37px;
	*margin-left:			28px;
}
#tarieven
{
	margin:					10px 0 25px 35px;
	*margin-left:			26px;
}
#tarieven li
{
	margin:					0 0 5px;
	*padding-left:			10px;
}
#tarieven li strong
{
	color:					red;
}
#home #mogelijkheden li a
{
	color:					#555;
}
#home .contactOpnemen
{
	float:					right;
	margin-right:			15px;
}
#home .content
{
	float:					left;
	width:					650px;
	margin-left:			10px;
	position:				relative;
}
#home .leesmeer
{
	right:					5px;
	bottom:					5px;
}
#home .content ul
{
	margin-left:			160px;
	*margin-left:			150px;
}
#home .content ul li
{
	*padding-left:			10px;
}

.contactOpnemen ul
{
	list-style-type:		none;
	margin:					0;
}
.contactOpnemen ul li
{
	margin:					10px 0;
}
.contactOpnemen ul li img
{
	vertical-align:			middle;
	margin-right:			10px;
}
.contactOpnemen a
{
	color:					#555;
}

/* CONTENT */
#content
{
}

/* FOOTER */
#footer
{
	background:				#BDBFC0 url(/media/images/footer.gif) repeat-x;
	height:					103px;
	position:				absolute;
	bottom:					0;
	width:					100%;
	padding-top:			7px;
}
#footer-inner
{
	width:					990px;
	margin:					0 auto;
	color:					#DDD;
}
#footer .contactOpnemen, #footer #aanmeldenAdresboek, #footer #footerBlog
{
	background:				url(/media/images/stripe.png) top right no-repeat;
}
#footer h2
{
	margin:					0 0 5px;
	font-size:				13px;
	color:					#333;
}
#footer a
{
	color:					#DDD;
}
#footer a:hover
{
	color:					#B7B7B7;
	text-decoration:		none;
}
#footermenu h2
{
}
#footermenu div
{
	float:					left;
	width:					90px;
}
#footermenu div + div
{
	float:					left;
	width:					140px;
}
#footermenu div a
{
	display:				block;
}
#footer .contactOpnemen
{
	float:					left;
	margin-right:			15px;
	padding-right:			15px;
}

#enkeleReacties
{
	margin:					10px 0 0;
	list-style-type:		none;
}
#enkeleReacties li
{
	padding:				0 0 13px 27px;
	margin:					0;
	background:				url(/media/images/reactie.png) no-repeat;
}

#calculator label
{
	text-align:				left;
}
#calculator .checkboxes
{
	float:					left;
	width:					230px;
	margin-top:				10px;
}
#berekening
{
}
#berekening label
{
	width:					145px !important;
	height:					20px;
	margin:					4px 0;
}
#berekening div
{
	margin:					4px 0;
	float:					left;
	width:					300px;
	font-size:				11px;
	color:					#777;
	height:					23px;
}
#berekening span
{
	font-weight:			bold;
	font-size:				12px;
	color:					black;
}
#berekening .totaal
{
	font-weight:			bold;
	float:					right;
	*margin:				-15px 0 0;
}
.totaal, .totaal span
{
	color:					red !important;
}
#berekening #uitkomst
{
	border-top:				1px solid black;
	clear:					both;
	width:					455px;
	padding:				0 10px 0 0;
	margin:					10px 0 0 0;
	font-weight:			bold;
}

.verplicht
{
	color:					red;
	margin:					0 0 0 3px;
}
#footer .verplicht
{
	color:					white;
}
.form-class label
{
	text-align:				left !important;
}
.button
{
	/*background:				url(/media/images/knop.png) no-repeat;
	color:					white;
	border:					none !important;*/
	height:					18px;
	min-width:				100px !important;
}
.button:hover, .button:active
{
	/*background:				url(/media/images/knop.png) no-repeat !important;*/
}
#footer .button
{
	background:				#CCC !important;
	color:					#555;
}
#footer .button:hover
{
	background:				#DDD !important;
}
.laden
{
	float:					left;
}
.datumtijd
{
	color:					#777;
}

#hoewerkthet
{
	width:					100%;
}
#hoewerkthet h2
{
	text-transform:			uppercase;
}
#hoewerkthet td
{
	text-align:				center;
	vertical-align:			middle;
}
#hoewerkthet .uitleg
{
	text-align:				left;
	vertical-align:			top;
	padding-top:			20px;
}

#nieuwsbriefvoorbeelden
{
	width:					100%;
}
#nieuwsbriefvoorbeelden a
{
	float:					left;
	margin:					10px 10px 0 0;
}

#leesmeervoorbeelden
{
	float:					right;
	width:					312px;
}
#leesmeervoorbeelden a
{
	float:					left;
	margin:					0 8px 8px 0;
}
/*.home #promo
{
	width:					446px;
	height:					260px;
	float:					right;
}
.promo
{
	margin:					-10px -6px 0 0;
	float:					right;
	width:					446px;
}*/
#promo2
{
	width:					230px !important;
	margin-right:			0 !important;
}
#promo2 h3
{
	margin:					0 0 5px;
}
#promoLink
{
	background:				url(/media/images/bekijk_demo.png) no-repeat;
	width:					234px;
	height:					132px;
	margin:					10px 0 10px 10px;
	float:					left;
}
#promoLink:hover
{
	background-image:		url(/media/images/bekijk_demo_hover.png);
}
#home #promoLink
{
	margin:					0;
	width:					230px;
	height:					200px;
	float:					right;
	background:				url(/media/images/bekijk_demo_1.png) no-repeat;
}
#home #promoLink:hover
{
	background:				url(/media/images/bekijk_demo_2.png) no-repeat;
}

#tevreden-makelaars td h3
{
	margin-top:				5px;
}
#tevreden-makelaars td
{
	padding-bottom:			5px;
}
#tevreden-makelaars td.quote
{
	background:				url(/media/images/quote-openen.gif) 0 10px no-repeat;
}
#tevreden-makelaars p.quote
{
	background:				url(/media/images/quote-sluiten.gif) right bottom no-repeat;
	padding:				0;
	margin:					12px 0;
	text-indent:			25px;
	line-height:			1.5;
}
#tevreden-makelaars p
{
}

#calculatorlink
{
	margin-top:				30px;
	font-size:				14px;
	line-height:			20px;
}

.te_scrollable
{
	overflow:				hidden;
}


#calculatorlink
{
	width:					460px;
}
.tarievenAanmelden
{
	background:			url(/media/images/buttons/aanmelden_handje_1.png) no-repeat;
	width:				130px !important;
	height:				29px !important;
	border:				none;
	float:				left;
	margin-left:		12px;
	text-indent:		-100px;
	overflow:			hidden;
}
.tarievenAanmelden:hover
{
	background-image:	url(/media/images/buttons/aanmelden_handje_2.png);
}

#tarieventabel
{
	margin-top:			5px;
	border-collapse:	collapse;
}
#tarieventabel td
{
	padding-right:		12px;
	_padding-right:		112px;
}
#tarieventabel .tarief
{
	background:			no-repeat;
	padding:			45px 0 22px 20px;
	font-weight:		bold;
	cursor:				pointer;
}
#tarieventabel .font
{
	line-height:		14px;
}
#tarieventabel .euro
{
	float:				left;
	padding:			1px 3px 0 0;
	height:				13px;
}

#aanmeldtabel
{
	width:				720px;
}
#aanmeldtabel h2 img
{
	margin-right:		5px;
	vertical-align:		top;
}
#aanmeldtabel td
{
	vertical-align:		middle;
}
#aanmeldtabel .pijl
{
	padding-right:		10px;
}
#aanmeldformulier h3, #calculator h3
{
	background:			0 0 no-repeat;
	padding:			2px 0 5px 30px;
	margin:				15px 0 0 0;
}

#cta
{
	float:				right;
	margin:				0 0 30px 50px;
}
#content #cta
{
	float:				none;
	display:			block;
	margin:				70px 0 0;
}
#kolom3 #cta
{
	float:				right;
	margin:				10px 0;
}

#sitemap a
{
	color:				#555;
}