/* Stylesheet by Dingz Media \*/ 
body			{ margin: 0px; padding: 0px; font-family: Trebuchet MS; font-size: 9pt; }

a				{ color: #d02527; text-decoration: none; }
a:hover			{ text-decoration: underline; }
a img			{ border: 0px none; }
a.bottom		{ color: #0071B7; text-decoration: none; }
a:hover.bottom	{ color: #D02118; text-decoration: none; }

ul, li			{ margin-left: 0px; padding-left: 0px; list-style-type: none; }
li				{ list-style-image: url("../../images/pijltje.png"); list-style-position: outside; display: list-item; }

h1 { font-size: 14pt; font-weight: normal; color: #d02527; padding: 0px 0px 0px 0px; margin: 0px 0px 20px 0px;  }
h2 {
	font-size: 9px;
	color: #2a628c;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}
h3 { font-size: 10pt; font-weight: bold; color: #d02527; padding: 0px 0px 0px 0px; margin: 0px; }

div.snelmenu, div.snellijst	{ font-size: 12pt; font-weight: normal; color: #2a628c; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; }

#wrap			{
	margin: 0 auto;
	width: 1004px;
	padding: 2px 0px 2px 0px;
}

#header			{ clear: both; padding: 0px; margin: 0px; }
#header ul		{ list-style: none; list-style-image: none; clear: both; padding: 0px; margin: 0px 0px 0px 3px; }
#header ul li	{ list-style: none; list-style-image: none; display: inline; float: left; padding: 2px; margin: 0; }

#header ul li p	{ list-style: none; list-style-image: none; display: inline; float: left; padding: 0; margin: 0; }

#acties									{ background: url(../../images/blauw.gif) no-repeat; height: 233px; margin: 7px; width: 990px; clear: both; color: #0c446e; }
#acties ul								{ list-style: none; clear: both; padding: 0px; margin: 0px 0px 0px 1px; }
#acties ul li							{ list-style: none; display: inline; float: left; width:231px; padding: 8px; background: url(../../images/vlak.gif) no-repeat; }
#acties ul li img						{ border: 1px solid #a0b8ca; background: #fff; padding: 4px; }
#acties ul li .actietekst				{ display: inline; float: left; padding: 8px 6px 15px 6px; width: 218px; background: transparent; font-size: 8pt; }
#acties ul li h2, #actiegroot ul li h2	{ padding: 0px 0px 0px 28px; }

.pijltje	{ text-align: right; float: left; clear: both; padding: 0px 0px 0px 6px; margin: 0px 0px 0px 1px; width: 218px; font-size: 8pt; }
.pijltje a	{ background: url(../../images/pijltje.gif) no-repeat right; padding: 0px 18px 0px 18px; }

#actiegroot					{ background: url(../../images/blauw2.gif) no-repeat; height: 153px; margin: 7px; width: 990px; clear: both; }
#actiegroot #afbeelding		{ width: 730px; padding: 3px; float: left; position: relative; /*margin: 2px 0px 0px 252px; #*/ margin: 2px 0px 0px 0px; } 
#actiegroot #afbeelding img { border: 1px solid #a0b8ca; background: #fff; padding: 4px; }
#actiegroot ul				{ list-style: none; clear: both; padding: 0px; margin: 15px 0px 15px 15px; width: 237px; }
li.actiebutton				{ list-style: none; list-style-image: none; }

#actiegroot #actiebuttons	{ float: left; width: 252px;}

#navigatie			{ background: url(../../images/balk.gif) no-repeat; height: 38px; clear: both; margin: 3px; }
#navigatie ul		{ list-style: none; clear: both; padding: 0px; margin: 0px 0px 0px 10px; }
#navigatie ul li	{ display: inline; float: left; padding: 0px;  background: transparent; font-size: 8pt; }
#navigatie ul li.home a:hover, #navigatie ul li.hypotheekadvies a:hover, #navigatie ul li.woonplannen a:hover, #navigatie ul li.overhh a:hover, #navigatie ul li.actueel a:hover { text-decoration: none; background-position:  0px -38px;}

#navigatie ul li.home a				{ background: url(../../images/button-home.gif) no-repeat; padding: 11px 30px 11px 30px; line-height: 38px; }
#navigatie ul li.hypotheekadvies a	{ background: url(../../images/button-hypotheekadvies.gif) no-repeat; padding: 11px 85px 11px 85px; line-height: 38px; }
#navigatie ul li.woonplannen a		{ background: url(../../images/button-woonplannen.gif) no-repeat; padding: 11px 70px 11px 70px; line-height: 38px; }
#navigatie ul li.overhh a			{ background: url(../../images/button-overhh.gif) no-repeat; padding: 11px 88px 11px 88px; line-height: 38px; }
#navigatie ul li.actueel a			{ background: url(../../images/button-actueel.gif) no-repeat; padding: 11px 39px 11px 39px; line-height: 38px; }

#home #navigatie ul li.home a						{ text-decoration: none; background-position: 0px -38px;}
#hypotheekadvies #navigatie ul li.hypotheekadvies a	{ text-decoration: none; background-position: 0px -38px;}
#woonplannen #navigatie ul li.woonplannen a			{ text-decoration: none; background-position: 0px -38px;}
#overhh #navigatie ul li.overhh a					{ text-decoration: none; background-position: 0px -38px;}
#actueel #navigatie ul li.actueel a					{ text-decoration: none; background-position: 0px -38px;}

#contenttop				{ background: url(../../images/content-top.gif) no-repeat; height: 22px; margin: 0px 7px 0px 7px; }
#content				{ background: url(../../images/content-bg.gif) repeat-y; margin: 0px 7px 0px 7px; }
#footer					{ margin: 0px 7px 0px 7px; border-bottom: 3px solid #026eb6; text-align: center; padding: 7px; color: #026eb6; font-size: 8pt; }
#footer a				{ color: #026eb6; }

#links, #main, #rechts	{ padding: 0px 20px 20px 20px; }
#links					{
	width: 210px;
	float: left;
}
#main					{
	width: 600px;
	float: left;
	line-height: 20px;
	padding: 0px 10px 10px 10px;
}
#main #breadcrumb		{ background: url(../../images/breadcrumb.gif) no-repeat; font-size: 8pt; padding: 2px 7px 2px 7px; margin: 0px 0px 20px 0px; } 

#mainPopUp					{ width: 550px; float: left; line-height: 20px; padding: 0px 30px 30px 30px; }
#mainPopUp #breadcrumb		{ background: url(../../images/breadcrumb.gif) no-repeat; font-size: 8pt; padding: 2px 7px 2px 7px; margin: 0px 0px 20px 0px; } 

#rechts					{
	width: 180px;
	float: left;
} 
li.snellijst a			{ color: #517b95; } 
ul.snellijst			{ list-style: none; margin: 0px; padding: 0px; }
li.snellijst			
{ 
	list-style-image: url(../../images/dotGray.gif); 
	background-position: top left; 
	border-bottom: 1px dotted #DEDBDA; 
	margin:5px 0pc 5px 22px;
	padding:0px 0px 0px 0px;
} 

#chat					{ background: url(../../images/livechat.gif) no-repeat; margin: 15px 0px 0px 0px; padding: 40px 13px 10px 10px; height: 110px; }
#chat .chatbutton		{ margin: 3px 0px 0px 112px; padding: 0; border: 0; }
#chat textarea			{ border: 1px solid #a0b8ca; margin: 0 0 3px 0; overflow: hidden; width: 100%; height: 80px; font-family: Trebuchet MS; color: #2a628c; font-size: 8pt;  }

.GBaloon				{ height: 15px; }
.GMap					{ border: 1px solid #111; margin-top: 4px; overflow: hidden; }
.locatieMap				{ float: left; padding-bottom: 20px; }
.locatieLinks			{ width: 320px; }
.locatieRechts			{ width: 90px; }
.locatieZoeken			{ width: 300px; }
.locatieZoekenLabel1	{ width: 50px; border-right: 2px solid White; }
.locatieZoekenLabel2	{ width: 100px; border-right: 2px solid White; }
.nietsgevonden			{ color: #d02527; width:300px; }

/* TODO: fix up; This is VERY ugly! */
.clearfix:after { content: ".";	display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix		{ display:inline-block; }
/* Hide from IE Mac \*/ 
.clearfix		{ display:block; }
/* End hide from IE Mac */ 
	
div.ProvinciePanel		{ width: 430px; padding: 0px 0px 20px 0px; }
div.ProvincieLijstPanel { float: left; width: 215px; }

.vestigingtitel
{
	color:#0571b9;
}

.vestigingheader
{
	color:#88a7bc;
}


.infoColumn 
{
    width:250px;
    height:40px;
}

.listMenu
{
    width:270px;
    font-size:100%;
}

.listMenuInterest
{
    width:50px;
    font-size:100%;
}