﻿/* CSS Document */
@import url("reset.css");

body			
{ 
	background: #fff
}

#wrap			
{ 
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	position: relative;
	min-height: 100%;
	overflow: hidden;
}
.wrapHome		
{ 
	overflow: hidden;	
}
/*------------------------------- Header ----------------------------------------------*/
#header			
{ 
	overflow: hidden;
	height: 253px;
	padding-top: 20px;
	width: 100%;
}
#dark li
{
	/*border-right: 1px solid #171717 */
}
#dark li a:link,
#dark li a:visited
{
	/*color: #171717 !important*/
}
.topMenu
{
	float: right;
	height: 13px;
	margin: 0;
	padding-bottom: 15px;
	list-style: none;
	overflow: hidden
}
.topMenu li
{
	margin: 0;
	float: left;
	padding: 0 5px;
	border-right: 1px solid #8e8e8e;
	height: 13px;
}
.topMenu li a:link,
.topMenu li a:visited
{
	float: left;
	font: normal 11px/12px Tahoma, Arial, Helvetica, sans-serif;
	color: #171717
}
.topMenu li a:hover,
.topMenu li a:active
{
	color: #BED62F !important
}
.rightMenuGreyBorder
{
	float: left;
	height: 27px;
	width: 100%;
	margin-bottom: 6px;
	background: #e9e9e9 url(../images/bg-menuGrey.gif) no-repeat left top;
	overflow: hidden
}
.greyMenu
{
	margin: 0 auto;
	height: 21px;
	list-style: none;
	padding: 6px 0 0 25px;
	width:67em;
}

.greyMenu li
{
	margin: 0;
	float: left;
	padding: 0 4px;
	height: 28px;
	border-right: 1px solid #7a0046 
}
.greyMenu li:hover, .greyMenu li.hover
{
	position:static;
}
.greyMenu li li
{
	height:18px;
	border:none;
	padding:0;
}
.greyMenu li a:link,
.greyMenu li a:visited
{
	float: left;
	color: #7a0046;
	font: normal 14px/28px Courier, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	display:block;
	height:28px;
}

ul.hypothekenmenu
{
	margin:0;
	padding:0;
	list-style:none;
}

.leftBaner
{
	float: left;
}
.leftBanerRightBorder
{
}
.banerSlogan
{
	position: absolute;
	top: 47px;
	left: 189px;
	display: none;
	visibility:hidden;
}

#flashbanner{
	background:aqua;
	float:right;
	display:block;
}
.rightBaner
{
	float: right;
	/*padding-right: 9px;*/
	/*background: #bed62f url(../images/right_border_green_top_baner.gif) no-repeat right top;*/
	margin-bottom: 5px;
	overflow: hidden;
	width:214px;
}
.rightBanerRightBorder
{
	float: left;
	padding: 40px 8px 8px 9px;
	background: url(../images/left_border_green_top_baner.gif) no-repeat left top;
	height: 112px;
	text-align: center;
	overflow: auto;
	width: 189px;
}
.rightBanerRightBorder p
{
	margin: 0;
	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #3f3f3f;
	padding-bottom: 8px;
}
.rightBanerRightBorder h2
{
	margin: 0;
	font: italic 22px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #3f3f3f;
	letter-spacing: 1px
}
.brief h2
{
	font-style: normal !important;
}
.vanaf
{
	padding-top: 3px
}
h1.titel                    { font-size:17px; margin-bottom:0px; color:#7A0046; margin-top:0; line-height:1.2 !important;float:left;margin-right:12px; }
/*------------------------------------ Content -----------------------------------*/
#content
{
	padding-top: 18px;
	padding-bottom: 113px;
	width: 100%;
	overflow: hidden;
}
/*-------------------------------- Left --------------------------------------------*/
.leftBox
{
	width: 172px;
	float: left;
	padding-right: 18px
}
.box1
{
	background: #7a0046 url(../images/top_border_purpure.gif) no-repeat left top;
	padding: 9px 0;
	margin-bottom: 15px;
	position:relative;
	min-height:30px;
	overflow:hidden;
}
.box1BottomBorder
{
	width: 172px;
	padding: 9px 0;
	background: url(../images/bottom_border_purpure.gif) no-repeat left bottom;
	position:absolute;
	left:0;
	bottom:0;
}
.rightMenu
{
	margin: 0;
	float: left;
	list-style: none;
	padding: 2px 0 5px 6px;
	z-index:100;
	position:relative;
}
.rightMenu li
{
	margin: 0;
	float: left;
	padding: 2px 0 0 0;
	height: 17px;
	width: 164px;
	overflow: hidden;
}
.rightMenu li a:link,
.rightMenu li a:visited
{
	float: left;
	font-size: 12px;
	padding-left: 9px;
	background: url(../images/right_menu_mark.gif) no-repeat left 8px;
	font-weight: bold;
	color: #fff;
	display: block
}
.box2
{
	float: left;
	background: url(../images/top_line_border_grey2.gif) no-repeat left top;
	padding-top: 9px;	
	margin-bottom: 11px;
}
.box2BottomBorder
{
	width: 128px;
	float: left;
	padding: 6px 22px 14px 22px;
	background: url(../images/bottom_border_grey.gif) no-repeat left bottom;
}
.box2BottomBorder p
{
	margin: 0;
}
.box2BottomBorder a:link,
.box2BottomBorder a:visited
{
	font-weight: bold;
	color: #171717;
}

.box2special
{
	float: left;
	background: url(../images/top_line_border_groen2.gif) no-repeat left top;
	padding-top: 10px;	
	margin-bottom: 11px;
}

.box2special .box6BottomBorder
{
	padding:0 0 10px;
	background: url(../images/bottom_line_border_groen2.gif) no-repeat left bottom;
}
.box2special .box6Border
{
	margin: 0;
	background:#7A0046;
	border-left: 2px solid #d8d8d8;
	border-right: 2px solid #d8d8d8;
}
.box2special .box6BottomBorder a:link,
.box2special .box6BottomBorder a:visited
{
	font-weight: bold;
	color: #fff;
	font-size:17px;
}

.box3
{
	float: left;
	background: url(../images/top_line_border_grey.gif) no-repeat left top;
	padding-top: 10px;
	margin-bottom: 13px
}
.box3BottomBorder
{
	width: 172px;
	float: left;
	padding-bottom: 10px;
	background: url(../images/bottom_line_border_grey.gif) no-repeat left bottom;
}
.box3Border
{
	float: left;
	width: 168px;
	height:118px;
	padding:0;
	border-left: 2px solid #e9e9e9;
	border-right: 2px solid #e9e9e9;
	background: #fff;
}
.box3Border img
{
	display:block;
	margin:0 auto;
}
.box5BottomBorder a:link,
.box5BottomBorder a:visited,
.box3Border a:link,
.box3Border a:visited
{
	display: block
}
.box4
{
	float: left;
	width:172px;
}
.box4BottomBorder
{
	width: 150px;
	float: left;
	padding: 6px 3px 9px 19px;
	min-height: 103px;
	height: auto !important;
	height: 103px;
	background: url(../images/bottom_border_grey.gif) no-repeat left bottom;
}
.box4BottomBorder h4
{
	margin: 0
}
/*---------------------------------- Center -----------------------------------*/
.centerBox
{
	float: left;
	width: 545px;
}
#contentmenuknoppen {
	margin-bottom:20px;
	overflow:hidden;
	}
.topImg
{
	float: left;
	width: 546px;
	height: 273px;
	/* background: url(../images/big_content_img.jpg) no-repeat left top; */
	background: url(../images/Voordeel1499banner.jpg) no-repeat left top; 
	
	position: relative;
	padding-bottom: 29px
}
.topImg img
{
	float: left
}
.slogan
{
	position: absolute;
	top: 43px;
	left: 67px;
}
.klikButton
{
	position: absolute;
	top: 79px;
	left: 312px;
	width: 160px;
	height: 17px;
	background: #7a0046;
	text-align: center;
}
.topImg a.klikButton:link,
.topImg a.klikButton:visited
{
	color: #fff;
	font: normal 11px/16px Tahoma, Arial, Helvetica, sans-serif
}
.centerBox h4
{
	margin: 0
}
.centerBox p
{
	margin: 0;
	padding-bottom: 15px
}
/*-------------------------------- Right ----------------------------------*/
.rightBox
{
	float: right;
	width: 215px;
}
.box5
{
	float: left;
	background: #e9e9e9 url(../images/top_border_grey1.gif) no-repeat left top;
	padding-top: 9px;	
	margin-bottom: 18px;
}
.box5BottomBorder
{
	width: 199px;
	float: left;
	padding: 5px 0 13px 16px;
	background: url(../images/bottom_border_grey1.gif) no-repeat left bottom;
}
.textInfo
{
	padding: 10px 0 2px 27px !important;
	width: 188px !important
}
.textInfo h2
{
	margin: 0;
	padding-bottom: 10px
}
.textInfo a:link,
.textInfo a:visited
{
	font: normal 21px/25px Georgia, "Times New Roman", Times, serif;
	color: #7a0046;
}
/*------------------------------- Tekstpagina--------------------------------------------*/
.long
{
	width: 750px !important
}
.brief
{
	width: 179px !important;
	overflow:hidden;
}
.arrowMark
{
	padding-left: 8px !important
}
.arrowMark li a:link,
.arrowMark li a:visited
{
	padding: 0 8px 0 8px;
	background: url(../images/double_arrow_purpure.gif) no-repeat left center;
	overflow: hidden;
	float: left;
	font-size: 11px !important;
	line-height: 13px;
}
.arrowMark li.active a,
.arrowMark li a:hover,
.arrowMark li a:active
{
	padding: 0 8px 0 8px !important;
	background: url(../images/double_arrow_purpure.gif) no-repeat right center !important;
	color: #b585a0 !important;
	overflow: hidden;
	text-decoration: none
	
}
.paddingRight32
{
	padding-right: 32px
}
.box6
{
	float: left;
	background: url(../images/top_line_border_grey2.gif) no-repeat left top;
	padding-top: 10px;
	margin-bottom: 13px
}
.box6BottomBorder
{
	width: 172px;
	float: left;
	padding-bottom: 10px;
	background: url(../images/bottom_line_border_grey2.gif) no-repeat left bottom;
}
.box6Border
{
	float: left;
	width: 168px;
	padding:0;
	border-left: 2px solid #d8d8d8;
	border-right: 2px solid #d8d8d8;
	background: #e9e9e9;
	text-align: center
}
.box6Border h3
{
	margin: 0;
	font-size:12px;
	font-weight:bold;
	color:#7A0046;
}
.box6Border a img
{
	margin-bottom: 3px
}
.box6Border a:link,
.box6Border a:visited
{
	font: bold 11px/1.4 Arial, Helvetica, sans-serif;
	color: #828282;
	text-decoration:none;
}
.box7
{
	width: 172px;
	height: 122px;
	position: relative;
	float: left
}
a.hyves:link,
a.hyves:visited
{
	background: url(../images/purpure_small_wrap.gif) no-repeat left top;
	width: 100px;
	height: 36px;
	padding: 2px 0 0 7px;
	position: absolute;
	right: 10px;
	top: 10px;
	display: block;
	font: bold 15px/16px Arial, Helvetica, sans-serif;
	color: #fff
}
.textArea
{
	font: normal 11px/15px Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:19px!important;
}
.textArea img
{
}
.textArea td img
{
	border: none;
	margin: 0;
}
.textArea p
{
	line-height: 19px;
	padding-bottom: 19px
}
.textArea a font,
.textArea a:link,
.textArea a:visited
{
	color: #000;
}
.textArea td
{
	vertical-align: top;
}




.box8
{
	float: left;
	background: url(../images/top_line_border_grey1.gif) no-repeat left top;
	padding-top: 10px;
	margin-top:40px;
}
.box8BottomBorder
{
	width: 215px;
	float: left;
	padding-bottom: 10px;
	background: url(../images/bottom_line_border_grey1.gif) no-repeat left bottom;
}
.box8Border
{
	float: left;
	width: 191px;
	padding: 6px 10px 6px 10px;
	border-left: 2px solid #d8d8d8;
	border-right: 2px solid #d8d8d8;
	background: #e9e9e9;
	position: relative;
	text-align: left;
	overflow:hidden;
}
.box8Border table
{
	width:190px;
}
.box8Border table td
{
	padding:5px 0px;
}
.box8Border table td a
{
	text-decoration:none;
}
.box8Border h2
{
	
	margin: 0;
	font: bold 20px/21px Georgia, "Times New Roman", Times, serif;
	color: #7a0046;
}
.box8Border p
{
	margin: 0;
	font: normal 15px/16px Georgia, "Times New Roman", Times, serif;
	color: #7a0046;	
}
.klikButton1
{
	width: 165px;
	height: 17px;
	background: #008fc5;
	text-align: center;
	margin-left: 22px;
	margin-top: 9px;
	display: block;
	margin-bottom: 2px
}
a.klikButton1:link,
a.klikButton1:visited
{
	color: #fff;
	font: bold 11px/16px Tahoma, Arial, Helvetica, sans-serif
}
.starStamp
{
	background: url(../images/star_bg.gif) no-repeat left top;
	position: absolute;
	width: 153px;
	height: 151px;
	top: -93px;
	left: 29px;
}
.starStamp h3
{
	padding-top: 42px;
	font: normal 15px/16px Georgia, "Times New Roman", Times, serif;
	color: #fff
}
/*----------------------------------- FORMS -----------------------------------------------*/
fieldset
{
	border:solid 1px #CDC9C3;
	padding:5px;
	margin-bottom:10px;
}
legend
{
	display:block;
	font-weight:bold;
	float:left;
}
.data
{
	clear:both;
	overflow:hidden;
	margin-bottom:2px;
}
.data label
{
	width:180px;
	float:left;
	margin:0;
	padding:0;
}
.data textarea
{
	width:200px;
	float:left;
}
.checkbox input
{
    width:10px !important;
    border:none;
	float:left;
	margin-right:10px;
}
.data .radio
{
    float:none;
    border:none !important;
    width:auto !important;
}
/*------------------------------------ Woningaanbod ------------------------------------------*/
.lesserPaddint8
{
	padding-right: 8px
}
.tableList
{
	width: 600px;
	padding-top: 8px
}
.anot
{
	display: inline-block;
	padding-bottom: 0 !important;
	padding-left: 14px;
	float: left
}


.tableList a.sort:link,
.tableList a.sort:visited,
#nav a.zoek:link,
#nav a.zoek:visited,
#nav a.kaart:link,
#nav a.kaart:visited
{
	float: left;
	height: 17px;
	display: block;
	text-align: center;
	background: #7a0046;
	font: bold 11px/12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-top: 3px;
	color: #fff
}
.sort
{
	width: 74px;
	margin-left: 5px
}
.tableList a:hover,
.tableList a:active
{
	text-decoration: underline
}

.zoek
{
	width: 123px;
	margin: 5px 3px 0 0;
	padding-top: 6px !important
}
/* Uitgezet ivm class tab op detailpagina
.kaart
{
	width: 64px;
	margin-top: 5px;
	padding-top: 6px !important;
}
*/
.navPage
{
	float: right;
	margin: 0;
	padding-right: 10px;
	padding-top: 5px
}
.navPage li
{
	list-style: none;
	float: left;
	margin: 0;
}
.navPage li img
{
	padding-top: 5px
}
.navPage li a:link,
.navPage li a:visited
{
	font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #7b7b7b
	;
	float: left;
	display: block;
	margin: 0 0 0 4px;
	text-decoration: underline;
	padding: 0
}
.navPage li.active a
{
	text-decoration: none !important
}
.navPage li a:hover,
.navPage li a:active
{
	text-decoration: none !important
}
/*---------------------------------- Cell with info ----------------------------------*/
#list
{
	float: left;
	margin: 0;
	padding-left: 14px;
	border-bottom: 1px solid #7a0046;
}
#list li
{
	float: left;
	list-style: none;
	width: 586px;
	margin: 0;
	padding: 13px 0 13px 0;
}
#list li a.preview:link,
#list li a.preview:visited
{	
	float: left;
	margin-right: 25px;
	display: block
}
#list li a.title:link,
#list li a.title:visited
{
	float: left;
	font-weight: bold;
	color: #383838;
	margin: 12px 0 0 0
}
#list li a.title:hover,
#list li a.title:active
{
	text-decoration: underline
}
#list li p
{
	color: #383838;
	margin: 0;
	padding-bottom: 19px;
	display: inline-block;
}
.housSquare
{
	margin: 0;
	list-style: none;
	float: left;
	width: 400px
}
.housSquare li
{
	margin: 0;
	float: left;
	padding: 0 !important;
	height: 18px;
	overflow: hidden
}
.housSquare li p
{
	float: left;
	padding: 0 !important
}
.housSquare li a:link,
.housSquare li a:visited
{
	color: #008fc5;
	font-weight: bold
}
.leftCell
{
	width: 222px !important
}
.rightCell
{
	width: 178px !important
}

.rightCell span
{
	float: right;
	width: 75px;
	color: #383838;
}

/*------------------------------------ Footer --------------------------------*/
#footer
{
	overflow: hidden;
	height: 99px;
	padding-top: 14px;
	width: 1000px !important;
	position: relative;
	margin:-113px auto 0 auto;
}
.homePage
{
	width: 968px !important;	
}
.footerMenu
{
	text-align: center;
	width:968px;
	padding: 6px 0 0 0!important;
}
.footerMenu1
{
	text-align:center;
	width:1000px;
	padding: 6px 0 0 0!important;
}
.footerMenu1 li
{
	border-color: #6b6b6b;
}
.footerMenu li
{
	padding: 0 4px 0 0;
	border: none !important
}
.footerMenu1,
.footerMenu1 a:link,
.footerMenu1 a:visited,
.footerMenu,
.footerMenu a:link,
.footerMenu a:visited
{
	font: normal 11px/15px Tahoma, Arial, Helvetica, sans-serif;
	color: #6b6b6b;
	margin: 0;
	float: none
}

.logoMenu
{
	float: right;
	margin: 0;
	list-style: none;
	padding-top: 11px;
}
.logoMenu li
{
	margin: 0;
	float: left;
	padding-right: 21px
}
.logoMenu li a:link,
.logoMenu li a:visited
{
	display: block
}

#thickboxForm td {
	text-align:left !important;
	}
		.home .centerBox table
	{
	width:95%;
	}
	.home .centerBox table a
	{
		background: #EBEBEB;
		display:block;
		padding:2px 5px;
		margin:5px 0px;
		width:100%;
	}
.rbuttons {
	display:block;
	clear:both;
}
.buttons {
	float:none;
}	
