@charset "UTF-8";
@import "reset.css";

/********************************
_________________________________
1. Global 		
2. Aanpassingen voor design 			**> OPMERKING <**  Alleen in punt 2 aanpassen om de gehele opmaak te wijzigen
3. Header 				
4. Content 		 
5. Footer 		
6. Navigatie 		
7. Formulieren 	
_________________________________

********************************/

/***************************************************
1. Global ******************************************
***************************************************/
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
body { text-align: center; }

	
#container 		{ margin:0 auto; position: relative; text-align: left;}

#header, #content { position: relative; margin:0 auto;}

.clear_both 	{ clear: both; }
.clear_left		{ clear: left; }
.clear_right	{ clear: right;}

/***************************************************
2. Aanpassingen voor design	************************
***************************************************/

/*2.1 GLOBAL ********************************************************************************/		
				body							{ color: #434343; font-family: 'Lucida sans unicode', 'Lucida Grande', 'Verdana'; background:#fff; }
					.insideFullWidth, 
					.insideFooter				{ width: 990px; margin:0 auto; }
					.insideContent				{ width: 970px; margin: 0 auto; }
				#container						{ } 
				
/*2.2 HEADER ********************************************************************************/			
				#header							{ background: none;}
					.logo						{ width: 180px; height:100px; min-height:100px; position:absolute; margin:5px 0px; background: url(../images/layout/logo.jpg) no-repeat;}
						.logo a					{ width: 180px; height: 100px; min-height: 100px; display:block; margin:-26px 0px;}
							.logo h1 a span		{ visibility: hidden;}
					.slogan						{ background: url(../images/layout/bg_slogan.jpg) no-repeat; width:406px; height:48px; min-height:48px; position:absolute; margin:82px 0 0 580px;}
						.slogan h1				{ visibility: hidden;}
					#search						{ background:url(../images/layout/bg_searchform.jpg) no-repeat; width:191px; height:28px; min-height:33px; margin:33px 0 0 798px;}
		      #toptab           { position: absolute; background:url(../images/layout/toptab.jpg) no-repeat; width: 246px; height: 34px; margin: 0 0 0 240px; }
		        #toptab p a          { font: normal 13px 'Lucida sans unicode', 'Lucida Grande', 'Verdana'; color: #666; display: block;  padding: 8px;}
		        
/*2.3 NAVIGATIE ******************************************************************************/		
				#navigatie						{ background: url(../images/layout/bg_navigatie.jpg) no-repeat; }
					#menu_hoofd li a,
					#menu_hoofd li a:visited 	{ color:#fff; font-family: 'Lucida sans unicode', 'Lucida Grande', 'Verdana'; font-weight:normal; font-size:12px; text-transform: uppercase; padding:0 28px 0 12px;}
						#menu_hoofd li a:hover, #menu_hoofd li a.active	{ color:#000;}
											

/*2.4 BREADCRUMBS ****************************************************************************/
				#nav_top					{ background: #fff;; height:33px; min-height:33px;}
					#nav_top p				{ float: right; margin: 20px 0 0 0; color: #0068b4; font-family: 'Lucida sans unicode', 'Lucida Grande', 'Verdana' font-size: 11px;}
						#nav_top p a		{ color:#0068b4; font-family: 'Lucida sans unicode', 'Lucida Grande', 'Verdana'; font-size: 11px;}
							#nav_top p a:hover	{ color: #000;}
						
					#breadcrumbs ul				{ padding:7px 0 0 38px;}
						#breadcrumbs ul li		{ background: url(../images/layout/breadcrumb_image.jpg) no-repeat left; color:#9a8d7a; float:left; padding:0 0 0 15px;}
							#breadcrumbs ul li a,
							#breadcrumbs ul li a:visited	{ color:#9a8d7a; font-size:10px;}
							#breadcrumbs ul li a:hover 		{ color:#666; text-decoration:underline;}
							
				
/*2.5 BANNER ********************************************************************************/
				#banner							{ width:990px; height:203px; min-height:203px; }
					#insideBanner				{ position:absolute; margin: 0; width:990px;  min-height:360px; background: url(../images/layout/banner.jpg) no-repeat;}
				    #more_info          { position: absolute; width: 99px; height: 26px; margin: 78px 0 0 880px;}
		
/*2.6 CONTENT ********************************************************************************/		
				#content, #banner				{ background: #fff; }
				 #content               { margin: 16px 0 30px 0; }
					#contentFooter				{ background: #fff; border-top: 1px solid #d6d5d5!important; height: 56px; }
						#contentFooter p		{ float: left; margin-top: 15px; }
						  #contentFooter img		{ margin: -6px 0 0 30px; }
				
/*2.6.1 CONTENT BANNER LEFT ***************/

				#contentStartLeft a.linkright	{ color: #0068b4; font-weight: bold; float: right; margin: 0 20px 0 0; }
					
/*2.6.2 CONTENT BANNER RIGHT ***************/

		.listRight {  }
      .listRight  li {  }
        .listRight  li a { font: normal 14px 'Lucida sans unicode', 'Lucida Grande', 'Verdana'; color: #0068b4; display: block; padding: 10px 0 12px 16px; margin: 0 0 8px 0; width: 204px; background:url(../images/layout/listright_bg.png) 10px 6px no-repeat;}
          .listRight  li a:hover { color: #666; }
		
    #topRight { height: 268px; background:url(../images/layout/searchhouse_bg.gif) no-repeat; }
      #topRight p { padding: 0 14px 0 14px; }
        #topRight a.mail { color: #666; }
    #bottomRight { height: 200px; margin: -20px 0 0 0; background:url(../images/layout/bottomright_bg.gif) no-repeat; }
    #bottomRightAdviser { height: 260px; margin: -20px 0 0 0; background:url(../images/layout/bottomright_bg_adviser.gif) no-repeat; }
      .adviserimage { width: 170px; height: 120px; margin: 0 0 0 20px; }
      .actionButton { font: normal 14px 'Lucida sans unicode', 'Lucida Grande', 'Verdana'; color: #fff; background:url(../images/layout/genericbutton_bg.png) no-repeat; display: block; width: 146px; height: 22px; padding: 4px 0 0 14px; margin: 15px 0 0 50px; }
     #bottomRight p { padding: 0 14px 0 16px; color: #fff; }
      
/*2.7 FOOTER *********************************************************************************/		
				#footer, 
				.insideFooter					{ background: #353536; }
					
				#footer, .insideFooter			{ height:30px; min-height:30px; text-align:center; }
				
				
/*2.8 TEKST *********************************************************************************/		
				h1	{font-family: 'Lucida sans unicode', 'Lucida Grande', 'Verdana'; font-weight:normal; font-size:21px; color:#4e84ba; padding: 30px 0 20px 0;}
				h2	{font-family: 'Lucida sans unicode', 'Lucida Grande', 'Verdana'; font-weight:normal; font-size:18px; color:#0068b4; padding: 10px 0 15px 0;}
				h3	{font-family: 'Lucida sans unicode', 'Lucida Grande', 'Verdana'; font-weight:bold; font-size:11px; color:#0068b4; padding: 10px 0 5px 0;}
				p	{ margin: 0 0 0 0; }
				
				
				#contentFooter	{ color:#666; font-family: 'Lucida sans unicode', 'Lucida Grande', 'Verdana'; border-top: #e5e5e5;}
				
				.insideFooter     { color: #fff; }
				.insideFooter a,
				.insideFooter a:visited	{color:#fff; margin:20px 10px 0 10px;}
					.insideFooter a:hover	{color:#fff; }
				.insideFooter abbr { color:#0068b4; }
				.maillink { margin: 0 0 0 0px!important; }
				#contentStartCenter p a, #contentNextCenter p a, #contentStartCenter table a, #contentNextCenter table a { color:#0068b4; }
        #contentStartCenter p a:hover, #contentNextCenter p a:hover, #contentStartCenter table a:hover, #contentNextCenter table a:hover { text-decoration: underline; }

        #contentStartCenter ul, #contentNextCenter ul { list-style: square; margin: 0 0 0 20px; }
		    #contentStartCenter ol, #contentNextCenter ol { margin: 0 0 0 20px; }
		
		#contentStartLeft h2  {font-family: 'Lucida sans unicode', 'Lucida Grande', 'Verdana'; font-weight:normal; font-size:18px; color:#666; padding: 10px; background: #f0f0f0;}
		#contentStartRight h2	{font-family: 'Lucida sans unicode', 'Lucida Grande', 'Verdana'; font-weight:normal; font-size:18px; color:#666; padding: 14px; }
		  #contentStartRight abbr { margin: 0 0 0 1px; }
	   #contentStartRight address { margin: 0 0 5px 15px; }
		#bottomRight h2, #bottomRightAdviser h2	{font-family: 'Lucida sans unicode', 'Lucida Grande', 'Verdana'; font-weight:normal; line-height: 30px;font-size:18px; color:#fff; padding: 14px; }
	  
/***************************************************
3. Header	****************************************
***************************************************/
	
		#header	{ height:109px; min-height:109px;}
			#search	{ position:absolute;}
	
	
/***************************************************
4. Content	****************************************
***************************************************/
		#contentStartLeft	{ width:220px;  float:left; margin:0 28px 0 0px; display:inline; padding:0 0 0 0; border-right: 1px solid #e7e7e7; }
		#contentStartCenter	{ width:482px; float:left; margin:0 32px 0 -29px; display:inline; padding:0 0 0 32px; border-left: 1px solid #e7e7e7; }
		#contentStartRight	{ width:222px; float:left; margin:0 0 0 0px; display:inline; padding:0; }
		  .highlight_block { margin: 25px 0 14px 0; background: #f0f0f0; border-left: 6px solid #353536; padding: 12px;}
		    .highlight_block h3 { font: bold 14px 'Lucida sans unicode', 'Lucida Grande', 'Verdana'; color: #666; margin-top: -5px;}
		    .highlight_block p { font: normal 14px 'Lucida sans unicode', 'Lucida Grande', 'Verdana'; color: #666; line-height: 26px; }
		.contentFooter		{ clear: both;}
		
		#contentNextCenter	{ width:728px; float:left; margin:0 8px 0 -29px; display:inline; padding:0 0 0 32px; border-left: 1px solid #e7e7e7; }
		
		
/***************************************************
5. Footer	****************************************
***************************************************/
		
		#footer	{ width:100%;padding: 10px 0 0 0; }	
		  #footer address, #footer p { float: left; }
		      #footer p { margin-left: 150px; }
		      #footer address { margin-right: -150px; }
		      
/***************************************************
6. Navigatie	************************************
***************************************************/
		
		#navigatie	{ height:47px; min-height:47px; margin:0 auto;}
			#menu_hoofd	{ width:950px; height:30px; min-height:30px; margin:10px 17px 0 10px; position:absolute;}
				#menu_hoofd li	{ text-align:center; float:left; display:block; height:30px; margin:0 5px 0 5px; min-height:30px; }
					#menu_hoofd li a	{ display:block; height:30px; min-height:30px; }
	
/***************************************************
7. Formulieren	************************************
***************************************************/
	
		#searchstring	{ border:0px; position:absolute; margin:7px 0 0 10px; color:#666; width:150px;}
		#searchbutton	{ background:url(../images/layout/bg_searchbutton.gif) no-repeat; border:none; width:22px; height:22px; min-height:22px; position:absolute; margin:3px 0 0 166px; cursor:pointer;}

		img#form_top { margin-bottom: -6px; }
		img#form_bottom { margin-bottom: 8px!important; }

form  {
	background: #f0f0f0;
	font: normal 12px 'Lucida sans unicode', 'Lucida Grande', 'Verdana';
}

form p.error_inlog {
	margin: 0 0 0 20px;
}

form ol li {
	list-style: none;
	padding: 6px 0 0 0;
}

form ol li select {
	height: 22px;
	font: normal 11px 'Lucida sans unicode', 'Lucida Grande', 'Arial';
}

form ol li label {
	width: 140px;
	float: left;
	font-weight: bold;
	color: #666;
	text-align: left;
	margin-right: 7px;
	padding-top: 4px;
	display: block;
}

form ol li input, form ol li input.small {

	width: 189px;
	height: 21px;
	color: #666;
	background:url(../images/layout/input_bg.gif) no-repeat;
	border: none;
	padding-top: 5px;
	margin-bottom: 5px;
}

/*
form ol li input.small {
	width: 50px;
}
*/

form ol li textarea {
	clear: both;
	color: #666;
	width: 270px;
	height: 150px;
	background:url(../images/layout/textarea_bg.gif) no-repeat;
	border: none;
	font: normal 11px 'Lucida sans unicode', 'Lucida Grande', 'Arial';
}

form#form-newsletter ol li {
	list-style: none;
	padding: 8px 0 0 0;
	margin: 0;
	border-left: none;
	float: left;
	height: 33px;
}

form#form-newsletter ol li label {
	clear: both;
	text-align: left;
	margin: 0;
	width: 186px;
}

form#form-newsletter ol li input {
	width: 190px;
	border: 0;
	padding-top: 3px;
	height: 22px;
}

form#form-newsletter li input.button-newsletter {
	width: 14px;
	height: 24px;
	border: 0;
  cursor: pointer;
}

form#form-newsletter li.submit-newsletter {
	float: left;
	padding: 0;
	margin: 0;
	width: 14px;
	height: 24px;
	padding: 8px 0 0 0;
}

input[type=checkbox]{
  clear: both;
  width: 15px;
  height: 15px;
  background: #f0f0f0;
  margin-right: 30px!important;
  margin-bottom: -3px;
}

#form_col_left{ float: left; width: 420px; margin-bottom: 20px; }
  .col_label { float: left; width: 300px; margin-top: 5px; }
  .col_label , x:-moz-any-link { float: left; width: 300px; margin-top: 0px; }
  
li.error-newsletter {
	clear: both;
}

label.enl {
	margin: 0;
	padding: 2px;
	background: #f00;
	font: normal 11px 'Lucida sans unicode', 'Lucida Grande', 'Arial';
	color: #fff;
}

label.placeholder {
	width: 14px;
	height: 14px;
	float: left;
}

label.error {
	background: url('../images/layout/form-error.gif') no-repeat;
	width: 14px;
	height: 14px;
	margin-top: 6px;
	float: left;
}

label.valid {
	background: url('../images/layout/form-valid.gif') no-repeat;
	width: 14px;
	height: 14px;
	margin-top: 6px;
	float: left;
}

input.newsletter {
	float: left;
	width: 20px;
	margin: 5px 5px 0 0;
}

label.newsletter {
	width: 600px;
	text-align: left;
}

li.submit {
	clear: both;
	padding: 20px 0 10px 327px;
}

li.submit input {
	height: 26px;
	width: 83px;
	background: url('../images/layout/verzend_bg.png') right no-repeat;
	font: normal 14px 'Lucida sans unicode', 'Lucida Grande', 'Verdana';
	color: #fff;
	border: 0;
	margin: 0 0 0 28px;
	padding: 0 0px 3px 0;
	cursor: pointer;
}

ul.errors li {
	font: normal 11px 'Lucida sans unicode', 'Lucida Grande', 'Arial';
	color: #f00;
	background: url('/interactive/images/ff/form-error.gif') no-repeat 1px;
	padding: 0 0 0 25px;
	line-height: 2;
}

/***************************************************
9. Content Left	******************************
***************************************************/

    .newsitem { margin: 10px 0 10px 0; width: 200px; }
      .newsdate{ color: #bbb; }
      .newstitle a { font-weight: bold; color: #0068b4; }
      .newsfeed a { color: #666; }
      
      
    .listLeft {  }
      .listLeft li {  }
        .listLeft li a { font: normal 12px 'Lucida sans unicode', 'Lucida Grande', 'Verdana'; color: #666; display: block; padding: 12px 0 12px 6px; width: 204px; border-bottom: 1px solid #e7e7e7; background:url(../images/layout/list_inactive.gif) 185px 12px no-repeat;}
          .listLeft li a:hover, .listLeft li a.active { color: #0068b4; background:url(../images/layout/list_active.gif) 185px 12px no-repeat; }
          
          
/***************************************************
10. Sitemap	******************************
***************************************************/

ul#sitemap li { border-bottom: 1px solid #e7e7e7; width : 250px; color: #0068b4; }
ul#sitemap li ul li { border-bottom: none; width : 250px;}
  ul#sitemap li a { font: normal 12px 'Lucida sans unicode', 'Lucida Grande', 'Verdana'; color: #0068b4; display: block; padding: 8px 0 8px 6px; width: 204px; }
  ul#sitemap li a:hover { color: #0068b4; }
  ul#sitemap li ul li a { font: normal 12px 'Lucida sans unicode', 'Lucida Grande', 'Verdana'; color: #666; display: block; padding: 8px 0 8px 6px; width: 204px; }
  ul#sitemap li ul li a:hover { color: #0068b4; }