@charset "utf-8";
/* CSS Document */

/********************
HTML Tags
********************/

/* reset defaults */
body, html, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, legend, p, img {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:bold;}
img {border:none;}

html {overflow-y:scroll;} /* css3 > ff */
body, html {height: 100%;}
body {text-align:center;}

/** headings **/
h1, h2, h3, h4 {
	font-size:1.2em;
	font-weight:normal;
}

/** links **/
a:link, a:visited, a:hover {color:#000; text-decoration:none;}
a:hover {text-decoration:underline;}

/**********************
LAYOUT DIVS & STYLES
**********************/

#pagewrap {
	min-height:100%;
	background:#000 url(../img/bg-body.png) repeat-y center;
	text-align:center;
	font:.7em Arial, Helvetica, sans-serif;
}

/** header & content wrappers **/
#topbar {
	width:100%;
	height:25px;
	background-color:#fff;
}
#logo-wrap-outer {
	width:100%;
	height:130px;
	background-color:#000;
	text-align:left;
}
#logo-wrap-inner {
	width:1003px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#logo-l {
	width:781px;
	margin-left:111px;
	float:left;
	display:inline;
}
#logo-r {
	width:76px;
	margin-top:26px;
	float:left;
}
#content-wrap-outer {
	width:100%;
	height:637px;
	background-color:#fff;
}
#content-wrap-inner {
	width:1003px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
/* topnav */
#topnav {
	width:1003px;
	height:26px;
	background-color:#fff;
}
#topnav ul {margin:0; padding:0;}
#topnav li {
	margin:0;
	padding:0;
	display:inline;
	float:left;
	list-style-type:none;
}
/* content */
#content {
	width:1003px;
	height:380px;
	background-color:#000;
	line-height:16px;
}
/* sepbar */
#sepbar {
	width:1003px;
	height:26px;
	background-color:#000;
}
/* blackbar bottom */
#bbar {
	width:1003px;
	height:26px;
	background-color:#000;
}
/* whitebar bottom */
#wbar {
	width:1003px;
	padding-top:7px;
	height:17px;
	background-color:#fff;
}
#wbar a {
	outline:none;
}

/** newsbar nb **/
#newsbar {
	width:1003px;
	height:130px;
	background:#58595C url(../img/bg-news.png) repeat-x;
}
#nb-r1, #nb-r2, #nb-r3, #nb-r4, #nb-r5, #nb-r6, #nb-r7, #nb-r8, #nb-r9 {
	width:110px;
	height:102px;
	padding-top:28px;
	border-right:1px solid #fff;
	display:inline;
	float:left;
}
#nb-r1, #nb-r2, #nb-r4, #nb-r6, #nb-r8 {
	width:111px;
}
#nb-r2  {
	width:103px;
	margin-left: 8px;
}
#nb-r9 {
	border-right:none;
}
#newsbar a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	line-height:16px;
}
#newsbar a:hover {
	color:#ccc;
}
#newsbar p {
	margin:-1px 5px 0 5px;
	letter-spacing:1px;
}

#footer {
	width:1004px;
	text-align:right;
	letter-spacing:normal;
	background-color:#FFF;
	color:#666;
	font-weight:normal;
}
#footer a {
	color:#444;
	font-weight:normal;
}
#footer a:hover {
	color:#666;
	font-weight:normal;
}

/** pagenav **/
#pagenav-1 {
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#676767;
}
#pagenav-1 ul {margin:0; padding:0;}
#pagenav-1 li {
	margin:0;
	padding:0 0 12px 0;
	list-style-type:none;
}
#pagenav-1 a {
	color:#545454;
}
#pagenav-1 a:hover{
	color:#8C8C8C;
	text-decoration:none;
}
#pagenav-1 a.active {
	color:#000;
}
/** page secnav **/
.secnavlist {
	padding-bottom:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:13px;	
}

/** homepage **/
#hm-content {
	position:relative;
	height:390px;
	width:1003px;
	padding-top:16px;
	background-color:#000;
}
#hm-text {
	height:135px;
	width:334px;
	margin:0px 0 0 112px;
	font-size:1.2em;
	color:#fff;
	line-height:17px;
}
#hm-banner {
	position:absolute;
	z-index:2;
	width:230px;
	height:100px;
	top:30px;
	left:753px;
}

/** concept  cnc **/
#sep-cnc {
	height:26px;
	width:112px;
	margin-left:110px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-color:#E100AB;
}
#cnc-r1, #cnc-r2, #cnc-r3a, #cnc-r4a, #cnc-r5a, #cnc-r3b, #cnc-r4b {
	height:379px;
	float:left;
	display:inline;
}
#cnc-r1 {
	width:110px;
	background:url(../img/bg-cnc-r1.png) repeat-y;
}
#cnc-r2 {
	height:351px;
	width:112px;
	padding-top:28px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background:#E100AB url(../img/bg-cnc-r2.png) repeat-x bottom;
}
#cnc-r3a {
	height:351px;
	width:293px;
	padding:28px 20px 0 20px;
	border-right:1px solid #fff;
	background-color:#E100AB;
}
#cnc-r4a {
	width:334px;
	border-right:1px solid #fff;
}
#cnc-r5a {
	width:110px;
	background:#E100AB url(../img/bg-cnc-r2.png) repeat-x bottom;
}
#cnc-r3b {
	position:relative;
	height:379px;
	width:667px;
	border-right:1px solid #fff;
	background-color:#E100AB;
}
#cnc-r3b-inner-text  {
	float:left;
	display:inline;
	padding:28px 20px 0 0;
	width:404px;
}
#cnc-r3b-inner-img  {
	float:left;
	display:inline;
	width:222px;
	border-left:1px solid #fff;
}
#cnc-r4b {
	position:relative;
	width:110px;
	background:#E100AB url(../img/bg-cnc-r2.png) repeat-x bottom;
}

/** faciliteiten  fcl **/
#sep-fcl {
	height:26px;
	width:111px;
	margin-left:223px;
	background-color:#fff;
}
#fcl-r1, #fcl-r2, #fcl-r3a, #fcl-r4a, #fcl-r5a, #fcl-r3b, #fcl-r4b, #fcl-r5b {
	height:379px;
	float:left;
	display:inline;
}
#fcl-r1 {
	width:110px;
	background:url(../img/bg-fcl-r1.png) repeat-y;
}
#fcl-r2 {
	height:351px;
	width:112px;
	padding-top:28px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background:#FF1838 url(../img/bg-fcl-r2.png) repeat-x bottom;
}
#fcl-r3a {
	height:351px;
	width:293px;
	padding:28px 20px 0 20px;
	border-right:1px solid #fff;
	background:#fff url(../img/bg-fcl-r3.png) repeat-x bottom;
}
#fcl-r4a {
	width:445px;
}
#fcl-r3b {
	position:relative;
	height:379px;
	width:332px;
	border-right:1px solid #fff;
	background:#fff url(../img/bg-fcl-r3.png) repeat-x bottom;
}
#fcl-r4b {
	width:334px;
	border-right:1px solid #fff;
}
#fcl-r5b {
	position:relative;
	width:111px;
	background:#E100AB url(../img/bg-fcl-r2.png) repeat-x bottom;
}

/** wonen  wnn **/
#sep-wnn {
	height:26px;
	width:112px;
	margin-left:334px;
	border-right:1px solid #fff;
	background-color:#B0B1B3;
}
#wnn-r1, #wnn-r2, #wnn-r3 {
	height:379px;
	float:left;
	display:inline;
}
#wnn-r1 {
	width:111px;
	background:url(../img/bg-wnn-r1.png) repeat-y;
}
#wnn-r2 {
	position:relative;
	height:351px;
	width:294px;
	padding:28px 20px 0 20px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-color:#B0B1B3;
}
#wnn-r3 {
	width:556px;
	background-color:#000;
}

/** locatie loc **/
#sep-loc {
	height:26px;
	width:111px;
	margin-left:446px;
	background-color:#fff;
}
#loc-r1, #loc-r2, #loc-r3, #loc-r4, #loc-r5a, #loc-r5b, #loc-r6b {
	height:379px;
	float:left;
	display:inline;
}
#loc-r1 {
	width:110px;
	background:url(../img/bg-loc-r1.png) repeat-y;
}
#loc-r2 {
	position:relative;
	height:351px;
	width:113px;
	padding-top:28px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background:#D8D300 url(../img/bg-loc-r2.png) repeat-x bottom;
}
#loc-r2-panel-swf-control {
	position:absolute;
	left:78px;
	top:347px;
	z-index:100;
	height:24px;
	width:22px;
}
#loc-r3 {
	position:relative;
	width:221px;
	border-right:1px solid #fff;
}
#loc-r3-panel-swf {
	position:absolute;
	left:0;
	top:0;
	z-index:100;
	height:379px;
	width:442px;
}
#loc-r4 {
	height:351px;
	width:180px;
	border-right:1px solid #fff;
	padding:28px 20px 0 20px;
	background:#fff url(../img/bg-loc-r4.png) repeat-x bottom;
}
#loc-r5a {
	width:335px;
}
#loc-r5b {
	width:224px;
}
#loc-r6b {
	width:110px;
	border-left:1px solid #fff;
	background:url(../img/bg-loc-r6b.png) repeat-y;
}

/** lyfestyle lfs **/
#sep-lfs {
	height:26px;
	width:112px;
	margin-left:556px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-color:#FF1838;
}
#lfs-r1, #lfs-r2a, #lfs-r3a, #lfs-r4a, #lfs-r5a, #lfs-r6a, #lfs-r2b, #lfs-r3b, #lfs-r4b, #lfs-r5b {
	height:379px;
	float:left;
	display:inline;
}
#lfs-r1 {
	width:110px;
	background:url(../img/bg-lfs-r1.png) repeat-y;
}
#lfs-r2a {
	width:112px;
	border-left:1px solid #fff;
}
#lfs-r3a {
	height:351px;
	width:292px;
	padding:28px 20px 0 20px;
	border-left:1px solid #fff;
	background:#FF1838;
}
#lfs-r4a {
	height:351px;
	width:112px;
	padding:28px 0 0 0;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background:#FF1838 url(../img/bg-lfs-r4.png) repeat-x bottom;
}
#lfs-r5a {
	width:222px;
}
#lfs-r6a {
	width:110px;
	border-left:1px solid #fff;
	background:url(../img/bg-lfs-r6.png) repeat-y;
}
#lfs-r2b {
	position:relative;
	height:351px;
	width:405px;
	padding:28px 20px 0 20px;
	border-left:1px solid #fff;
	background:#FF1838;
}
#lfs-r2b h1 {font-weight:bold;}
#lfs-r3b {
	height:351px;
	width:112px;
	padding:28px 0 0 0;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	background:#FF1838;
}
#lfs-r4b {
	position:relative;
	height:351px;
	width:111px;
	padding:28px 0 0 0;
	border-right:1px solid #fff;
	background:#FF1838 url(../img/bg-lfs-r4.png) repeat-x bottom;
}
#lfs-r5b {
	width:221px;
	background:url(../img/bg-lfs-r5b.png) repeat-y;
}
#lfs-r2b h1 {padding-left:20px;}

/** tabel hotspots **/
#hotspots h1 {padding:0;}
.hs-td-top-img {padding:0 20px;border-top:1px solid #fff;}
.hs-td-top-ge {font-weight:bold;border-top:1px solid #fff;vertical-align:bottom;}
.hs-td-top-ge a {line-height:11px;}
.hs-td-img {padding:0 20px;}
.hs-td-ge {font-weight:bold;vertical-align:bottom;}
.hs-td-ge a {line-height:11px;}

.hs-td-tx {padding:18px 20px 26px 20px;border-bottom:1px solid #fff;}
.hs-td-tx-bottom {padding:18px 20px 26px 20px;}

/** nieuws  nws **/
#sep-nws {
	height:26px;
	width:111px;
	margin-left:669px;
	background-color:#fff;
}
#nws-r1, #nws-r2, #nws-r3, #nws-r4, #nws-r5, #nws-r6 {
	height:379px;
	float:left;
	display:inline;
}
#nws-r1 {
	width:111px;
	background:url(../img/bg-nws-r1.png) repeat-y;
}
#nws-r2 {
	height:379px;
	width:223px;
	border-right:1px solid #000;
	background:#fff url(../img/bg-nws-r2-r4.png) repeat-x bottom;
}
#nws-r2 img {padding-top:32px;}
#nws-r3 {
	position:relative;
	width:333px;
	border-right:1px solid #000;
	background-color:#fff;
}
#nws-r3 a {text-decoration:underline;}
#nws-r4 {
	height:351px;
	width:105px;
	padding:28px 2px 0 4px;
	background:#fff url(../img/bg-nws-r2-r4.png) repeat-x bottom;
	font-size:10px;
	line-height:13px;	
}
#nws-r5 {
	height:351px;
	width:97px;
	padding:28px 7px 0 7px;
	border-left:1px solid #000;
	background:#fff;
}
#nws-r6 {
	position:relative;
	width:111px;
}

/** inschrijven - contact nsh **/
#sep-nsh {
	height:26px;
	width:112px;
	margin-left:779px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	background-color:#D8D300;
}
#nsh-r1, #nsh-r2, #nsh-r3, #nsh-r3-scroll, #nsh-r4, #nsh-r5 {
	height:379px;
	float:left;
	display:inline;
}
#nsh-r1 {
	width:223px;
	border-right:1px solid #fff;
	background:url(../img/bg-nsh-r1.png) repeat-y;
}
#nsh-r2 {
	height:379px;
	width:110px;
	border-right:1px solid #fff;
	background:#D8D300 url(../img/bg-nsh-r2-r4.png) repeat-x bottom;
}
#nsh-r3 {
	position:relative;
	width:400px;
	background-color:#D8D300;
}
#nsh-r3-scroll {
	position:relative;
	width:44px;
	border-right:1px solid #fff;
	background-color:#D8D300;
}
#nsh-r4 {
	height:351px;
	width:112px;
	padding:28px 0 0 0;
	background:#D8D300 url(../img/bg-nsh-r2-r4.png) repeat-x bottom;
}
#nsh-r5 {
	width:110px;
	border-left:1px solid #fff;
	background:url(../img/bg-nsh-r5.png) repeat-y;
}

/** membership mmb **/
#sep-mmb {
	height:26px;
	width:111px;
	margin-left:892px;
	background-color:#fff;
}
#mmb-r1, #mmb-r2, #mmb-r3, #mmb-r4, #mmb-r5 {
	height:379px;
	float:left;
	display:inline;
}
#mmb-r1 {
	width:111px;
	background:url(../img/bg-wnn-r1.png) repeat-y;
}
#mmb-r2 {
	height:379px;
	width:334px;
	border-right:1px solid #000;
}
#mmb-r3 {
	height:351px;
	width:293px;
	border-right:1px solid #000;
	padding:28px 20px 0 20px;
	background-color:#fff;
}
#mmb-r4 {
	height:351px;
	width:92px;
	padding:28px 0 0 19px;
	border-right:1px solid #000;
	background:#fff url(../img/bg-mmb-r4.png) repeat-x bottom;
}
#mmb-r5 {
	width:111px;
	background:#fff;
}

/******************************************
Styles for scrolling layers and scrollbars 
******************************************/
/* Parent div must be set to relative */
/* Scrolling layers */
/* concept */
div#holder-cnc { 
  position:absolute; left:20px; top:0;
  width:647px; height:379px; 
  overflow:hidden; z-index:100
  }
div#wncnc  { 
  position:absolute; left:0; top:0;
  width:647px; height:379px; 
  clip:rect(0, 647px, 379px, 0); 
  overflow:hidden; z-index:1
  }  
/* faciliteiten */
div#holder-fcl { 
  position:absolute; left:20px; top:10px;
  width:292px; height:369px; 
  overflow:hidden; z-index:100;
  }
div#wnfcl  { 
  position:absolute; left:0; top:0;
  width:292px; height:369px; 
  clip:rect(0, 292px, 369px, 0); 
  overflow:hidden; z-index:1;
  }
/* lifestyle - hotspots */
div#holder-lfs { 
  position:absolute; left:0px; top:10px;
  width:445px; height:369px; 
  overflow:hidden; z-index:100;
}
div#wnlfs  { 
  position:absolute; left:0; top:0;
  width:445px; height:369px; 
  clip:rect(0, 445px, 369px, 0); 
  overflow:hidden; z-index:1;
}
/* nieuws */
div#holder-nws { 
  position:absolute; left:20px; top:10px;
  width:293px; height:369px; 
  overflow:hidden; z-index:100;
}
div#wnnws  { 
  position:absolute; left:0; top:0;
  width:293px; height:369px; 
  clip:rect(0, 293px, 369px, 0);
  overflow:hidden; z-index:1;
}
/* inschrijven - contact */
div#holder-nsh { 
  position:absolute; left:20px; top:10px;
  width:366px; height:369px; 
  overflow:hidden; z-index:100;
}
div#wnnsh  { 
  position:absolute; left:0; top:0;
  width:366px; height:369px; 
  clip:rect(0, 366px, 369px, 0);
  overflow:hidden; z-index:1;
}
   
div.scrollcontent { 
  position:absolute;
  visibility:hidden; 
  left:0; top:0; z-index:1;
  padding-top:18px;
}  
div.scrollcontent-cnc { 
  position:absolute;
  visibility:hidden; 
  left:0; top:0; z-index:1;
  padding-top:0;
}

/* Scrollbars */
/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar1 { 
  position:absolute;
  left:65px; top:0;
  width:23px; height:379px;
  font-size:1px; z-index:2;
  background-color:#000;
}
div#track1 { 
  position:absolute; left:6px; top:20px;
  width:9px; height:340px;
  background:#000;
  z-index:1;
}
div#dragBar1 {
	position:absolute;
	left:1px;
	top:1px;
	width:9px;
	height:20px;
	background-color:#E100AB;
	z-index:1;
}
#fcl-r5b #dragBar1, #lfs-r4b #dragBar1 {background-color:#FF1838;}
#nws-r6 #dragBar1, #nws-r6 #dragBar1 {background-color:#000;}
#nsh-r3-scroll #dragBar1 {background-color:#D8D300;}
div#up1 {position:absolute; left:5px; top:0; z-index:2 }  
div#down1 {position:absolute; left:5px; bottom:0; z-index:3 }

/********************
FORM STYLES
********************/

input, select, textarea {
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
}
.textinput, .textinputverplicht, .textinputsms {border:1px solid #fff; padding-left:4px;}
.textinputverplicht {background: #fff url(../img/verplicht.gif) no-repeat right}
.textinputsms {background: #fff url(../img/sms.gif) no-repeat right}

#aanmeldform label,#aanmeldform input,#aanmeldform textarea {
	display:block;
	float:left;
	margin-bottom:2px;
}
#aanmeldform label {
}	
#aanmeldform form br {
	clear:left;
}
.normalfloat {
	display:inline;
	float:none;
}
.vbutton {
	width:92px;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	color:#000;
	border:1px solid #fff;
	background-color:#fff;
	cursor:pointer;
}
.loginbutton {
	width:92px;
	margin:2px 0 0 33px;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	color:#fff;
	border:1px solid #fff;
	background-color:#FF1838;
	cursor:pointer;
}

/* standaard, afwijkend in lte-ie6 */
.iefix-a2 {width:186px;border:1px solid #fff; padding-left:4px;}


/********************
CLASSES
********************/
#flashcontent p {margin:10px;color:#ddd;}
#flashcontent a {color:#ddd;}
.floatright {float:right;}
.floatleft {float:left;}
.clear {clear:both;}
.sml {font-size:.9em;}
.hide {display:none;}
.navpointer {margin-top:6px;}
.lh15 {line-height:15px;}
.w366 {width:366px;}


.img-home-cmak {float:right;margin-right:112px;}


.lnk-woningzoeker {margin-left:125px;}
.lnk-plattegronden {margin-left:73px;}
.lnk-contact-makelaars {margin-left:182px;}

.zwart{color:#000;}
 a.zwart, a.zwart:visited {color:#000;}
 a.zwart:hover {color:#000;text-decoration:none;}
.rood{color:#FF1838;}
 a.rood, a.rood:visited {color:#FF1838;}
 a.rood:hover {color:#FF1838;text-decoration:none;}
.grijs {color:#646568;}