/*Basis elementen*/
html, body {
	height:					100%;
}
body
{
	background:				#E6E7E8;
}
body, textarea, input, select
{
	font-family:			'Calibri', Arial;
	font-size:				13px;
	color:					#58595B;
}
textarea, input, select
{
	border-width:			1px;
	border-style:			solid;
}

h2, h3{
	color:					#EA2227;
	font-weight:			bold;
	font-family:			'Cambria', Georgia;
}

h2 {
	font-size:				19px;
}

h3 {
	font-size:				18px;
	margin:					15px 0 0;
}

h4 {
	font-size:				16px;
	margin: 				0 0 0 0;
}

table h3 {
	margin:					0 0 0;
}

h2 a, h3 a {
	color:					#EA2227;
}

a {
	text-decoration:		none;
	color:					#EA2227;
}

a:hover {
	text-decoration:		underline;
}

p {
	margin:					0 0 15px;
}

hr {
	background:none;
	border-bottom:1px dashed #BCBEC0;
	margin-top:5px;
	margin-bottom:5px;
}

ol {
	list-style-position: outside;
}

ul {
	margin-bottom:	10px;
}

.clear {
	clear:					both;
}

.rightelement
{
	margin-right:			0px !important;
}
span.rood {
	color:					#EA2227;
}

a.no-decoration {
	text-decoration:		none;
}

a.grey-decoration:hover {
	text-decoration:		underline;
	color:					#414042;
}

/*structuur*/
#outer
{
	min-height:				100%;
	position:				relative;
}

#headerimage {
	background:				url('../images/header.jpg') 50% 0px no-repeat;
	position:				absolute;
	height:					195px;
	top:					65px;
	left:					0px;
	width:					100%;
	z-index:				10;
}

#wrapper
{
	width:					990px;
	margin:					0 auto;
	min-height:				100%;
	background:				#FFF;
	padding-bottom:			260px;
	overflow:				hidden;
}

#wrapperaanmelden
{
	width:					880px;
	margin:					50px auto;
	min-height:				350px;
}

#wrapperklein
{
	width:					520px;
	min-height:				350px;
	border:					4px solid #CECECE;
	border-radius:			8px;
	padding:				20px;
	background:				#FFF;
	float:					left;
}

#wrapperklein h1 {
	margin-left:			-18px;
}

#kop
{
	height:					260px;
}

/* wrapper voor logo en menu. Zorgt voor de witte achtergrond en vaste hoogte */
#kop #menuWrapper {
	background: 			#FFF;
	overflow:				hidden;
	height:					65px;
	font-family:			'Calibri', Arial;
}

/* Aanmeldknoppen rechts bovenin */
#kop div.aanmeldknoppen
{
	float:					right;
	color:					#CCCCCC;
	margin-right:			10px;
	font-size:				12px;
	width:					178px;
	margin-top:				18px;
	height:					30px;
}

#kop div.aanmeldknoppen a
{
	line-height:			26px;
	text-decoration:		none;
	padding:				0px 5px;
}

#kop div.aanmeldknoppen a.aanmelden {
	display:				block;
	background:				url('../images/aanmelden/button_aanmelden.png') left 50% no-repeat;
	height:					26px;
	width:					85px;
	position:				absolute;
	margin-left:			85px;
	*margin-left:			10px;
	top:					18px;
}

#kop div.aanmeldknoppen div#nieuweklant, #kop div.aanmeldknoppen div#bestaandeklant {
	position:				absolute;
	top:					45px;
	font-size:				10px;
	display:				none;
	font-weight:			normal;
	color:					#565656;
}

#kop div.aanmeldknoppen div#nieuweklant
{
	margin-left:			83px;
	*margin-left:			10px;
}

#kop div.aanmeldknoppen div#bestaandeklant
{
	margin-left:			5px;
	*margin-left:			-70px;
}

/* logo h1 */
#kop h1 {
	width:					211px;
	float:					left;
}

#kop h2 {
	color:					#FFF;
	font-family:			Calibri, Arial;
	font-weight:			normal;
	font-size:				30px;
	margin-bottom:			2px;
}

#kop .ondertitel {
	font-family:			Calibri, Arial;
	font-size:				13px;
}

#koptekst {
	position:				absolute;
	margin-top:				30px;
	margin-left:			20px;
	color:					#FFF;
	z-index:				100;
}

/* MENU */
#menu
{
	width:					525px;
	display:				block;
	margin-left:			30px;
	list-style-type:		none;
	overflow:				hidden;
	float:					left;
}

#menu
{
	margin-top:				21px;
}

#menu li, #menu li a
{
	display:				inline;
	float:					left;
}

#menu li a
{
	margin: 				0px 10px;
	line-height:			20px;
	color:					#414042;
	text-decoration:		none;
	font-size:				12px;
}

#menu li a:hover
{
	color:					#EA2227;
}

#menu li.huidig a
{
	color:					#EA2227;
}

#menu li ul
{
	position:				absolute;
	display:				none;
	padding:				0px 0px;
	margin:					0px;
	margin-top:				20px;
}

#menu li:hover ul
{
	display:				block;
}

/* CONTENT */
#wrapper #content
{
	overflow:				hidden;
	padding:				13px;
	padding-top:			35px;
	min-height:				200px;
	float:left;

	background:				#FFF;

	font-family:			'Calibri', Arial;

	background:				url('../images/bg.png') top left no-repeat;
}

#wrapperklein #content {
	margin-top:				20px;
}

/*SUPPORT*/
ul.faqcategorie, ul.faqcategorie li {
	list-style-type:		none;
	margin:					0;
	padding:				0;
}

ul.faqcategorie {
	margin-bottom:			15px;
}

ul.faqcategorie li {
	padding-bottom:			10px;
}

ul.faqcategorie li div.vraag{
	font-weight:			bold;
	font-size:				14px;
	font-family:			"Cambria", Georgia;
}

ul.faqcategorie li div.antwoord a{
	color:					#EA2227;
	text-decoration:		none;
}

ol#top10 li{
	font-size:				14px;
}

ol#top10 li a{
	text-decoration:		none;
	line-height:			21px;
}

ol#top10 li a:hover {
	color:					#EA2227;
}

#faq {
	width:					650px;
}

#faq a.terug {
	float:					right;
	text-decoration:		none;
}

#faqzoeken input[type=text] {
	width:					317px;
	_width:					350px;
	height:					30px;
	-moz-border-radius:		7px;
	-webkit-border-radius:	7px;
	border-radius:			7px;
	border-width:			2px;
	padding-right:			33px !important;
	padding-left:			7px !important;
	font-size:				15px;
	color:					#888;
}

#faqzoeken input.button {
	position:				absolute;
	width:					30px !important;
	height:					30px;
	background:				url("../images/zoekknop.png") 50% 50% no-repeat;
	border:					none !important;
	color:					transparent;
	margin-top:				-35px;
	margin-left:			330px;
}

#faqzoeken label {
	display:none !important;
}

#faqzoeken div.checkbox label {
	display:inline !important;
	margin-right:0px !important;
}
#faqzoeken {
	margin-bottom:20px;
}


/* Paginaindeling links, rechts en slider */
#links {
	padding:				15px;
	height:					614px;
	width:					226px;
	_width:					256px;
	background:				url('../images/block_vertical.png') top left no-repeat;
	float:					left;
	margin-right:			15px;
}

#links.short_left {
	background:				url('../images/hoewerkthet/vlak.png') top left no-repeat;
	height:					514px;
	
}

#links ul {
	list-style:				none;
	margin:					0;
	padding:				0;
}

#links ul li{
	border-bottom:			1px dashed #CECECE;
}

#links ul li:last-child {
	border-bottom:			0px;
}

#links ul li a {
	display:				block;
	width:					226px;
	min-height:				50px;
	overflow:				hidden;

	padding-top:			20px;
	padding-bottom:			10px;
	line-height:			14px;
	text-decoration:		none;
	font-size:				11px;
	color:					#58595B;
}

#links ul li a h3 {
	font-size:				14px;
	color:					#414042;
	padding:				0;
	margin:0;
}

#links ul li>a.active, #links ul li>a:hover {
	background:				#DEDEDE;
}

#links ul li img {
	float:					left;
}

#links ul li div {
	float:					right;
	width:					160px;
}

#rechts {
	width:					640px;
	float:					left;
	min-height:				10px;
	height:					auto;
	overflow-x:				hidden;
	margin-left:			15px;
}

#rechts ul#slider {
	display:				block;
	width:					20000px;
	height:					auto;
	margin:					0px;
}

#rechts ul#slider li.slide {
	float:					left;
	display:				inline;
}

#rechts ul#slider li div {

	display:				block;
	width:					630px;
	overflow:				hidden;
}

#rechts ul#slider li table {
	border-spacing:			0px;
	margin-bottom:			15px;
}

#rechts ul#slider li table tr td:last-child {
	padding-left:10px;
}

ul#slider li p:first-child {
	font-size:				13px;
}

ul#intro {
	margin:					0px;
	padding:				0px;
}

ul#intro li{
	display:				block;
	float:					left;
	background:				url('../images/tevredenmakelaars/vlak.png') top left no-repeat;
	width:					286px;
	_width:					316px;
	height:					202px;
	_height:				232px;
	margin-right:			3px;
	margin-left:			2px;
	margin-bottom:			10px;
	cursor:					pointer;
	padding:				15px;
}

ul#intro li div.makelaar {
	height:					192px;
}

ul#intro li div.afbeelding {
	height:					80px;
}

ul#intro li a.link-onder {
	float:					right;
}

table.tabel-tevreden-makelaars
{
	width:					100%;
	margin-left:1px !important;
}

table.tabel-tevreden-makelaars, table.tabel-tevreden-makelaars td 
{
	margin:0px;
	padding:0px;
	border-spacing:0px !important;
}

table.tabel-tevreden-makelaars td:last-child 
{
	background:				url('../images/videovlak.jpg') top right no-repeat;
	padding:				10px;
}

table.tabel-tevreden-makelaars td h4 {
	line-height:			25px;
}

/*Kolom rechts op contactpagina en supportpagina's*/
#kolomrechts {
	padding:				15px;
	height:					614px;
	width:					226px;
	_width:					256px;
	background:				url('../images/block_vertical.png') top left no-repeat;
	float:					right;
	margin-right:			10px;
	margin-left:			25px;
	margin-top:				20px;
}

#kolomrechts #contactpersoon {
	margin-top:				0px;
	overflow:				hidden;
}

#kolomrechts .contactpersoon {
	float:					left;
}

#kolomrechts h3, #kolomrechts .contactpersoon {
	padding-bottom:			0px;
	margin-bottom:			0px;
}

#kolomrechts h3.contactpersoon {
	color:					#58595B;
	font-size:				15px;
	font-weight:			bold;
}

#kolomrechts a {
	color:					#EA2227;
	text-decoration:		none;
}


#kolomrechts a:hover {
	text-decoration:		underline;
}

#kolomrechts ul.categorieen, #kolomrechts ul.categorieen li {
	list-style:none;
	padding:0px;
	margin:0px;
}

#kolomrechts ul.categorieen li{
	margin-left:			0px;
	padding-left:			15px;
	background:				url('../images/li.png') left 3px no-repeat;
	line-height:			16px;
}

a.email_ons, div.bel_ons {
	display:				block;
	padding-left:			55px;
	height:					46px;
	line-height:			46px;
}

a.email_ons {
	background:				url('../images/support/e-mail.png') top left no-repeat;
	margin-top:				10px;
	margin-bottom:			5px;
}

div.bel_ons {
	background:				url('../images/support/telefoon.png') top left no-repeat;
	margin-top:				5px;
	margin-bottom:			10px;
}

#nieuwsbriefkolom {
	clear:					both;
	margin-top:				0px;
	overflow:				hidden;
}

/* FOOTER */
#footer
{
	background:				#404041;
	width:					100%;
	min-height:				240px;
	height:					auto;
	position: 				absolute;
	bottom:					0px;
	overflow:				hidden;
}

#footerContent
{
	margin:					0 auto;
	width:					990px;
	color:					#FFF;
}

#footerContent a:hover {
	color:					#FFF;
}

#footerContent div.footerBlock {
	width:					225px;
	margin-right:			30px;
	float:					left;
	margin-top:				20px;
	color:					#BCBEC0;
}

#footerContent div.last {
	margin-right:			0px;
}

#footerContent div.footerBlock h2 {
	color:					#FFF;
	margin-bottom:			10px;
}

#footerContent div.footerBlock label, div#kolomrechts label {
	float:					left;
	width:					78px !important;
	padding-right:			3px;
	font-weight:			normal;
	font-size:				12px;
}

#footerContent div.footerBlock input[type=text]{
	float:					left;
	width:					138px !important;
	height:					20px !important;
	border:					none;
	margin-left:			3px;
}

div#kolomrechts input[type=text] {
	border:					1px solid #BEBEBE;
	float:					left;
	width:					136px !important;
	height:					20px !important;
	margin-left:			3px;
}

#footerContent div.footerBlock div.buttons, div#kolomrechts div.buttons {
	text-align:				right;
	margin:					0;
}

#footerContent a
{
	color:					#BCBEC0;
	text-decoration:		none;
}

#footerContent a#footeraanmelden {
	background:				url('../images/aanmelden/nu_aanmelden.png') top left no-repeat;
	width:					140px;
	height:					24px;
	display:				block;
}

span.datumtijd {
	color:					#7D7D7D;
}

/* footer menu */
div.footerBlock ul
{
	list-style-type:		none;
	margin:					0;
	padding:				0;

}

div.footerBlock ul#footermenu, div.footerBlock div#adresboek {
	line-height:			19px;
}

div.footerBlock ul li
{
	list-style-type:		none;
	text-align:				left;
}

div.footerBlock ul li, div.footerBlock ul li a
{

	font-family:			'Calibri', Arial;
	text-decoration:		none;
}

div.footerBlock ul li .huidig
{
	color:					#898989;
	text-decoration:		none;
}


div.footerBlock ul li a:hover,  div.footerBlock ul li.huidig a
{
	color:					#EA2227;
}

#footer div.footerBlock a, #footer div.footerblock #twittercontent{
	line-height: 			12px !important;
}

#twittercontent {
	margin-top:				15px;
	width:					215px;
}


#twittercontent ul {
	margin:					0;
	padding:				0;
	width:					215px;
}
#twittercontent ul li
{
	margin:					0;
	padding:				0;
	list-style:				none;
	width:					215px;
}

#blog a {
	color:					#EA2227;
}

#blogreactie .button {
	width:					170px;
	height:					36px;
	background:				url('../images/plaats_reactie.png') top left no-repeat;
	border:					none;
	text-indent: 			-9999px;
	
}

#aanmeldenAdresboek .button, #kolomrechts .button {
	width:					140px;
	height:					20px;
	background:				url('../images/aanmelden.png') top left no-repeat;
	border:					none;
	text-indent: 			-9999px;
}

.footerBlock #aanmeldenAdresboek .button {
	*margin-top:			15px;
}

#aanmeldenAdresboek .melding {
	padding:				3px;
	margin:					0px;
	margin-bottom:			5px;
	color:					#343434;
	font-size:				11px;
}

#contactformulier .melding {
	width:					500px;
}

#contactformulier .button {
	background:				url('../images/verstuur.png') top left no-repeat;
	height:					37px;
	width:					132px;
	border:					0px;
	text-indent:			-9999px;
}

.inleiding
{
	font-weight:			bold;
	font-size:				14px;
}

.tevreden-makelaar-link-aanmelden, .hoe-werkt-het-link-aanmelden {
	color:					#EA2227;
	text-align:				center;
	font-weight:			bold;
	font-size:				15px;
	font-family:			Cambria, Georgia;
}

.tevreden-makelaar-link-aanmelden {
	margin:					0 280px 0 10px;
}

.hoe-werkt-het-link-aanmelden {
	margin:					60px 10px 0 10px;
}

.tevreden-makelaar-link-aanmelden a, .hoe-werkt-het-link-aanmelden a {
	text-decoration:		underline;
}
.tevreden-makelaar-link-aanmelden a:hover, .hoe-werkt-het-link-aanmelden a:hover {
	text-decoration: none;
}