@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 ******************************************
***************************************************/


body { text-align: center; height: 100%; overflow: scroll; }
	
#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: Verdana, Geneva, sans-serif; background:#0082c9 url(../images/layout/bg_stroke_body.jpg) repeat-x; }
					.insideFullWidth, 
					.insideFooter				{ width: 990px; margin:0 auto; }
					.insideContent				{ width: 970px; margin: 0 auto;}
				#container						{ }
				
/*2.2 HEADER ********************************************************************************/			
				#header							{ background: none;}
					.logo						{ width: 280px; height:100px; min-height:100px; position:absolute; margin:26px 12px; background: url(../images/layout/logo.jpg) no-repeat;}
						.logo a					{ width: 280px; height: 100px; min-height: 100px; display:block;}
							.logo a span		{ visibility: hidden;}
					.slogan						{ background: url(../images/layout/bg_slogan.jpg) no-repeat; width:358px; height:48px; min-height:48px; position:absolute; margin:82px 0 0 626px;}
					#search						{ background:url(../images/layout/bg_searchinput.gif) no-repeat; width:127px; height:20px; min-height:20px; margin:3px 0 0 838px;}
		
/*2.3 NAVIGATIE ******************************************************************************/		
				#navigatie						{ background: url(../images/layout/bg_navigatie.jpg) no-repeat;}
					#navMain li a,
					#navMain li a:visited 	{ color:#4E84BA; font-family: Verdana, sans-serif; font-weight:bold; font-size:10px; text-transform: uppercase; padding:14px 5px 0 10px;}
						#navMain li a:hover	{ color:#7a7a7a;}
							#navMain li a.active	{ color:#7a7a7a;}
											

/*2.4 BREADCRUMBS ****************************************************************************/
				#breadcrumbs					{ background:url(../images/layout/bg_breadcrumb.jpg); height:33px; min-height:33px;}
					#breadcrumbs p				{ float: right; margin: 5px 30px 0 0; color: #FFF; text-transform: uppercase; font-family: Verdana,sans-serif; font-size: 14px;}
						#breadcrumbs p a		{ color:#FFF; font-family: Verdana,sans-serif; font-size: 12px;}
							#breadcrumbs p a:hover	{ color: #BBB;}
						
					#breadcrumbs ul				{ padding:5px 0 0 10px; position: absolute; }
						#breadcrumbs ul li.breadcrumbFirst		{ background: none;}
						#breadcrumbs ul li		{ background: url(../images/layout/breadcrumb_image.jpg) no-repeat 6px 5px; color:#fff; font-family: Verdana, sans-serif; font-size: 10px; text-transform: uppercase; float:left; padding:0 0 0 20px; }
							#breadcrumbs ul li a,
							#breadcrumbs ul li a:visited	{ color:#fff; font-size:10px; display:block;}
							#breadcrumbs ul li a:hover 		{ color:#fff; text-decoration:underline;}
							
							p#login_link { text-transform: uppercase; margin: 3px 180px 0 0;}
								p#login_link a { color: #fff; }
								p#login_link a:hover { color: #ebebeb; }
				
/*2.5 BANNER ********************************************************************************/
				#banner							{ width:990px; height:275px; }
					#startInsideBanner				{ position:absolute; margin: 24px 0 0 30px; width:930px; height:300px; min-height:300px; background: url(../images/layout/bg_stroke_banner.jpg) repeat-x 0 -93px;}
						#startInsideBannerLeft		{ width: 582px; height: 150px; min-height: 150px; background: aqua; position: absolute; margin: 0;}
						#startInsideBannerRight		{ width: 348px; height: 150px; min-height: 150px; background: #ebf6fb; position: absolute; margin: 0 0 0 582px;}
						#startInsideBannerBottom		{ width: 582px; height: 110px; min-height: 110px; position: absolute; margin: 250px 0;}
						#startInsideBannerBottom ul	{ height: 100px; position: absolute; margin: -94px 0 0 0;}
							#startInsideBannerBottom ul li		{ width: 100px; height: 90px; min-height: 90px; float: left; margin: 0 10px 0 0;}
								#startInsideBannerBottom ul li a { height: 90px; min-height: 90px; display: block; }
									#startInsideBannerBottom ul li a span	{ visibility: hidden;}
						.button_01				{ background: url(../images/slimmestarter_specific/button_01.png) no-repeat;}
						.button_02				{ background: url(../images/slimmestarter_specific/button_02.png) no-repeat;}
						.button_03				{ background: url(../images/slimmestarter_specific/button_03.png) no-repeat;}
						.button_04				{ background: url(../images/slimmestarter_specific/button_04.png) no-repeat;}
						.button_05				{ background: url(../images/slimmestarter_specific/button_05.png) no-repeat;}
						
		
/*2.6 CONTENT ********************************************************************************/		
				#content, #banner				{ background: url(../images/layout/bg_stroke_content.jpg) repeat-y;}
				
					#contentFooter				{ background: url(../images/layout/bg_contentFooter.jpg) no-repeat; }
						#contentFooter p		{ width:920px; padding: 20px 35px; }
				
/*2.6.1 CONTENT BANNER LEFT ***************/
				#startInsideBannerRight p { margin: 12px 0 0 0; }
					#startInsideBannerRight a	{ color: #0257a7!important; font-weight: bold; font-size: 13px; margin: 0 0 0 15px; width: 295px; }
						#startInsideBannerRight a:hover	{ background: #eeffff url(../images/banner/arrow-start-banner.png) 150px 10px no-repeat;}
					
				.startButton	{ border-top: dashed 1px; border-color: #0086cb; display: block; padding: 13px 10px 10px 10px; background: url(../images/banner/arrow-start-banner.png) 150px 10px no-repeat; }
				.startButtonLast	{ border-top: dashed 1px; border-bottom: dashed 1px; border-color: #0086cb; padding: 13px 10px 10px 10px; display: block; background: url(../images/banner/arrow-start-banner.png) 150px 10px no-repeat;}
				
/*2.6.2 CONTENT BANNER RIGHT ***************/
				#startContentRight	{ }
					/*#startBanner	{ position: absolute; margin: -100px 0; height: 500px; min-height: 500px; z-index: 999;}*/
					#startBanner	{ float:left; margin:-60px 0 0 0;}
					
					
/*2.7 FOOTER *********************************************************************************/		
				#footer, 
				.insideFooter					{ background: #00519d; }
					
				#footer, .insideFooter			{ height:45px; min-height:45px; text-align:right;}
				
/*2.8 TEKST *********************************************************************************/		
				h1	{font-family:Verdana, sans-serif; font-weight:normal; font-size:21px; color:#4e84ba; padding: 30px 0 20px 0;}
				h2	{}
				#vervolgContentLeft	h2{ font-family:Verdana, sans-serif; font-weight:bold; font-size:14px; color:#4e84ba;}
				h3	{}
				p	{ margin: 0 0 30px 0;}
				a, a:visited	{ color:#4e84ba;}
					a:hover		{ color:#434343;}
				
				#contentFooter	{ color:#98cce8; font-family: Verdana;}
				
				.insideFooter a, .insideFooter p,
				.insideFooter a:visited	{color:#fff; text-transform: uppercase; font-weight: bold; font-size: 10px; margin:0 0 0 0; padding: 0 7px 0 7px; border-left: 2px solid #fff; }
					.insideFooter a:hover	{color:#98cce8; }
					.insideFooter p { border-left: none!important; }

/*2.9 VERVOLG Pagina's*********************************************************************************/
				#vervolgContentLeft		{ width: 610px; float: left;}
					
					#vervolgContentMain	{ width: 520px; margin: 20px 0 0 49px;   }
				
						#vervolgContentMain	ul {  list-style-image: url(../images/layout/bullet.gif);  margin: 0 0 0 20px; }
							#vervolgContentMain ul li { color: #434343; margin: 0 0 5px 0; }
						
						
					
				
				#vervolgContentRight	{ width: 350px; float: left;}
					#vervolgContentRightSubnav	{ background:#ebf6fb url(../images/layout/bg_stroke_header_vervolg.jpg) repeat-x; width: 320px; margin:24px 0 0 0; padding: 66px 0 27px 30px;}
					#vervolgContentRightSubnavAanbod	{ background:#fff url(../images/layout/bg_stroke_header_vervolg.jpg) repeat-x; width: 320px; margin:24px 0 0 0; padding: 66px 0 27px 30px;}

					#vervolgContentRightBanner	{ width: 320px; margin: 0 0 20px 0;}
				
			/*Sub navigatie VervolgPagina's */
			#vervolgContentRightSubnav ul { list-style-type: none; color: #5086bb; width: 290px; border-top: 1px dashed #0086cb; }
	
				#vervolgContentRightSubnav ul li a, #vervolgContentRightSubnav ul li a:visited	{ color:#4E84BA; display:block; font-size:12px; height:22px; min-height:22px; padding:5px 0 3px 20px; background: url('/interactive/images/layout/listbg.jpg') no-repeat 8px 11px; }
					#vervolgContentRightSubnav ul li a:hover	{ color: #434343; background: #eeffff url('/interactive/images/layout/listbg.jpg') no-repeat 8px 11px; }
					#vervolgContentRightSubnav ul li a.active	{ color: #434343; background: #eeffff url('/interactive/images/layout/listbg.jpg') no-repeat 8px 11px;  }
						#vervolgContentRightSubnav ul li a { border-bottom :1px dashed #0086CB; } 
							
						  #vervolgContentRightSubnav ul li ul { margin: 0; color: #00b1ff; border: none; }
						  #vervolgContentRightSubnav ul li ul li {   }
							#vervolgContentRightSubnav ul li ul li a, #vervolgContentRightSubnav ul li ul li a:visited	{ color: #4E84BA; padding: 5px 0 3px 31px; background: url('/interactive/images/layout/listbg.jpg') no-repeat 19px 11px; }
								#vervolgContentRightSubnav ul li ul li a:hover	{ color:#434343; background: #eeffff url('/interactive/images/layout/listbg.jpg') no-repeat 19px 11px; }
								#vervolgContentRightSubnav ul li ul li a.active	{ color:#434343; background: #eeffff url('/interactive/images/layout/listbg.jpg') no-repeat 19px 11px; }
								  #vervolgContentRightSubnav ul li ul li ul li	{ margin: 0 0 0 12px; }
			
							  #renteframe { margin: 50px 0 0 0; }
			/*SScustom Header Vervolgpagina's */
				#vervolgButtons		{ width: 580px; height: 110px; min-height: 110px; margin: 24px 0 0 0; float: left; }
				#vervolgTop { width: 580px; background:url(../images/layout/bg_stroke_header_vervolg.jpg) repeat-x; margin: 24px 0 0 30px; height: 41px; }
					#vervolgTop h1 { margin: 0; padding: 10px 10px 10px 19px; color: #fff; }
									#vervolgButtons ul	{ height: 100px; position: absolute; margin: 5px 0 0 0; list-style: none; }
										#vervolgButtons ul li	{ width: 100px; height: 90px; min-height: 90px; float: left; margin: 0 10px 0 0;}
											#vervolgButtons ul li a { height: 90px; min-height: 90px; display: block;}
												#vervolgButtons ul li a span	{ visibility: hidden;}

/*2.10 NIEUWSPAGINA	*********************************************************************************/
				#news dt span.newsDate	{ color:#4e84ba; font-size:11px; font-weight:normal;}
				#news dt span.newsTitle	{ font-weight:bold; font-size:12px; }
				#news dt p	{ margin:0; padding:0;}
					#news dt 	{ border-bottom: dashed 1px; border-top:0; border-color: #0086cb;}
						#news dt a	{ color:#434343; display:block; padding:10px 0;}
							#news dt a:hover	{ background:#eeffff;}
							
/*2.10 FAQ PAGINA	*********************************************************************************/							
				  dl.faq  dd { margin: 0 0 10px 0; }
/***************************************************
3. Header	****************************************
***************************************************/
	
		#header	{ height:130px; min-height:130px;}
			#search	{ position:absolute;}
	
	
/***************************************************
4. Content	****************************************
***************************************************/
		#startContentLeft	{ width:520px; float:left; margin:0 0 0 10px; display:inline; padding:0 0 20px 40px; }
			#contentVervolgLeft	{ width:520px; float:left; margin:100px 0 0 10px; padding:0 0 20px 40px; }
			
			
			
			#startNewContentLeft { width:915px; float:left; margin:-85px 0 0 30px; display:inline; padding:12px 12px 12px 0px; }
			 #startNewContentLeft h2 { color: #4e84ba; font-family:Verdana, sans-serif; font-weight:normal; font-size:21px; margin: 0 0 6px 0; }
			 				 
			#startNewContentRight { border-left: 3px solid #c3c3c3; width:230px;  background:url(../images/layout/start-right-bg.gif) repeat-y; float:left; margin:20px 10px 20px 26px; display:inline; padding:12px; }
			 #startNewContentRight h2, #startNewContentRight h2 a { color: #4e84ba; font-family:Verdana, sans-serif; font-weight:normal; font-size:19px; margin: 0 0 6px 0; }
			   #startNewContentRight h2 a:hover { color: #434343; }
			  #startNewContentRight ol { margin: 0 0 20px 20px; }
			   #startNewContentRight ol li { list-style-type:decimal!important; }
			   
			   
			   #calcStartLeft { height: 250px; width: 338px; float: left; background: #ebf6fa; padding: 12px 6px 12px 12px; margin-top: -12px;}
			   	#calcStartLeft form {  }
			   		#calcStartLeft form label { width: 200px;}
			   		#calcStartLeft form input { width: 120px;}
			   		#calcStartLeft form .submit { margin: 0 0px 0 210px!important; width: 122px!important; cursor: pointer;}
			   		#calcStartLeft form .submit:hover { background: #00539f; }
			   		#calcStartLeft form .submit_p { width: 220px!important; padding:0px!important; background: #ebf6fa;}
			   		
			   #calcStartRight { text-align: left; height: 300px; width: 248px; position: absolute; margin: 0 0 0 372px; }
			   	#calcStartRight form { margin: -10px 0 0 10px; }
			   		#calcStartRight form label { width: 200px; font: bold 11px 'Verdana'; color: #4e84ba; margin: 0 0 0 16px; }
			   		#calcStartRight form span { color: #4e84ba; font-size: 15px; margin: 0 6px 0 0; }
			   		#calcStartRight form input { border : 1px solid #cecfd0; padding : 0; margin : 5px 0 0 0; padding: 3px 0 3px 0; width : 120px; height: 18px; color: #4e84ba; vertical-align: center; font-size: 15px;}
			   		#calcStartRight form .submit { color : #fff; background : #4e84ba; border: none; font: bold 11px 'Verdana'; margin : 0px -30px 0px 0px!important; width : 120px; height: 23px; padding: 0px; cursor: pointer;}
			   		#calcStartRight form .submit:hover { background: #00539f; }
			   		#calcStartRight form .submit_p { margin-top: -20px; margin-left: 17px; }
				
			   		.berekend { width: 940px!important; margin: 0 0 0 20px; }
			   			.berekend h2 { font-weight: normal!important; font-size:19px!important; margin: 0 0 6px 0; }
			   		#calcVervolgA { float: left; width: 550px; min-height: 200px; }
			   		#calcVervolgB { float: left; width: 388px; height: 200px; }
			   		#calcVervolgC {  }
			   		#calcVervolgD {  }
			   	  
			   		.housesWithinBudgetNarrow { width: 340px!important; position: absolute; height: 370px; overflow: hidden; margin: -390px 0 0 555px;}
			   			.housesWithinBudgetNarrow dl { width: 330px!important; }
			   		
			   			
			   			.bigAppointmentButton { color: #fff!important; font-size: 22px; display: block; width: 934px; height: 40px; text-align: center; cursor: pointer; padding: 20px 0 0 0; margin: 0 0 0 0px; background:url(../images/layout/appointment-big-bg.gif) no-repeat; }
			   				.bigAppointmentButton:hover { background:url(../images/layout/appointment-big-bg-a.gif) no-repeat; }
			   				
			   				.errorVraagprijs { position: absolute; color: #ff0000; margin: -25px 0 0 26px; }
			   				.errorMaxhypStart { color: #ff0000!important; margin: -167px 0 0 12px!important; }
			   				.errorMaxhypStart2 { color: #ff0000!important; margin: -48px 0 0 12px!important; }
			   				
			   				.calch2 { margin: 20px 0 -10px 0!important; }
			   				#tableOutcomeKostenoverzicht { margin: 20px 0 0 0; }
			   					#tableOutcomeKostenoverzicht tr {  }
			   						#tableOutcomeKostenoverzicht td { height: 20px;  padding: 3px;}
			   						.bigData { font-size: 14px; font-weight: bold; color: #003d79; height: 30px;}
			   				
		#startContentRight	{ width:213px; float:left; margin:0 10px 0 26px; display:inline; padding:0 16px 20px 16px; }
		.contentFooter		{ clear: both;}
		
		.conversie-button { float: left; margin: 0 0 0 50px;text-align: center;  width: 191px; height: 70px; background:url(../images/layout/conversie-button-bg.gif) no-repeat; }
		.conversie-button:hover { background:url(../images/layout/conversie-button-bg-a.gif) no-repeat; }
		 .conversie-button p {  }
		 	.conversie-button p a { color: #fff; font-family: Arial; font-size: 18px; font-weight: bold; display: block; width: 191px; height: 45px; padding: 25px 0 0 0; }
/***************************************************
5. Footer	****************************************
***************************************************/
		
		#footer	{ width:100%;}	
		
/***************************************************
6. Navigatie	************************************
***************************************************/
		
		#navigatie	{ height:60px; min-height:60px; margin:0 auto;}
			#navMain	{ width:950px; height:30px; min-height:30px; margin:10px 17px; position:absolute;}
				#navMain li	{ text-align:center; float:left; display:block; height:30px; margin:0 5px 0 5px; min-height:30px; }
					#navMain li a	{ display:block; height:30px; min-height:30px; }
	
/***************************************************
7. Formulieren	************************************
***************************************************/
	
		#searchstring	{ border:none; position:absolute; margin:-2px 0 0 -95px; color:#00b3ff; font-family: Verdana, sans-serif; font-weight:bold; font-size: 12px; width:122px;}
		#searchbutton	{ background:url(../images/layout/bg_searchbutton.gif) no-repeat; border:none; width:19px; height:19px; min-height:26px; position:absolute; margin:-5px 0 0 30px; cursor:pointer;}
		
		
form  {background: #fff;font: normal 12px Verdana, sans-serif;}

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

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

form ol li select {height: 22px;font: normal 11px Verdana, sans-serif; }

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

form ol li input, form ol li input.small {width: 160px; height: 22px; color: #666; border: 1px solid #d8d8d8; padding-top: 3px;margin-bottom: 2px; font: normal 12px Verdana, sans-serif;}
form ol li input:focus, form ol li input.small:focus { border: 1px solid #009fda; }
/*
form ol li input.small {
	width: 50px;
}
*/

form ol li textarea {clear: both;color: #666;width: 348px;height: 50px;background:url(../images/layout/textarea_bg.gif) no-repeat; border: 1px solid #e0e0e0; font: normal 11px Verdana, sans-serif;}

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]{border: none;clear: both;width: 15px;height: 15px;background: none;margin-right: 30px!important;margin-bottom: -2px;}
input[type=radio]{ width: 30px; float: left; margin: 0 20px 30px -26px;}
#form_col_left{ float: left; width: 420px; margin-bottom: 20px; }
  .col_label { float: left; width: 300px; margin-top: 0px; }
  
li.error-newsletter {clear: both;}

label.enl {margin: 0;padding: 2px;background: #f00;font: normal 11px Verdana, sans-serif;color: #fff;}
label.label_short {width: 40px; }
label.label_medium {width: 300px;}
label.label_long {width: 500px;}

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: 3px 5px 0 0;}
input#newtime { margin: 5px 0 0 20px; }

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

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

li.submit input {height: 34px;width: 110px;background: url('../images/layout/verzend-1.gif') right no-repeat;font: normal 12px Verdana, sans-serif;text-transform: uppercase;color: #4e84ba;border: 0;margin: 0 0 0 -87px;padding: 3px 0px 3px 0;cursor: pointer;}
li.submit input:hover {background: url('../images/layout/verzend-1-a.gif') right no-repeat!important;}
li.submit_poll input {height: 22px;width: 92px;background: url('../images/layout/verzend_bg.gif') right no-repeat;font: normal 12px Verdana, sans-serif;text-transform: uppercase;color: #4e84ba;border: 0;margin: 0 0 0 0;padding: 3px 0px 3px 0;cursor: pointer;}

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

form#city_searcher { margin: 0 0 180px 0!important; }
input#city_searcher_input { width: 129px;height: 22px;color: #666;background:url(../images/layout/input_bg.gif) no-repeat;border: none;padding-top: 3px;margin-bottom: 20px; margin-left: -100px; font: normal 12px Verdana, sans-serif; }
input#city_searcher_submit { margin: 40px 0 0 -127px; width: 128px; }

/***************************************************
8. Sitemap	******************************
***************************************************/

ul#sitemap li { border-bottom: 1px solid #434343; width : 400px; color: #00b3ff; }
ul#sitemap li ul li { border-bottom: none; width : 400px;}
  ul#sitemap li a {  color: #00b3ff; display: block; padding: 8px 0 8px 6px; width: 350px; }
  ul#sitemap li a:hover { color: #00b3ff; }
  ul#sitemap li ul li a { color: #434343; display: block; padding: 8px 0 8px 6px; margin: 0 0 0 22px; width: 350px; }
  ul#sitemap li ul li a:hover { color: #00b3ff; }
    ul#sitemap li ul li ul li a { margin: -5px 0 0 40px; }
    
    
    
    
/***************************************************
8. Footer boven	******************************
**************************************************/

div#footer-upper { margin: 0 0 0 20px; }
  div#footer-upper a { color: #98cce8; font-size: 10px; }
    div#footer-upper a:hover { color: #fff; }

  div#footerbar, div#footerbar_next { }
  div#footerbar_next { height: 130px; }

div#footerbar h4 , div#footerbar_next h4{ padding: 16px 0 10px 0; }

div#footerbar ul, div#footerbar_next ul{  }
  div#footerbar ul li, div#footerbar_next ul li { }

div.footer_col { float : left; width : 160px; height: 144px; margin : 0; padding : 0; }


/***************************************************
9. news startpagina	******************************
**************************************************/
    #news_start { margin: 0; padding: 10px 0 0 0; width: 520px; border-top: 2px dotted #4e84ba; }
     #news_start_title { margin: 0 0 0 0; font-size:18px; color:#4e84ba; font-weight: normal; padding: 0 0 5px 0; }
			#news_start dt span.newsDate	{ color:#4e84ba; font-size:11px; font-weight:normal;}
				#news_start dt span.newsTitle	{ font-weight:bold; font-size:11px; color: #4e84ba;}
				#news_start dt span.newsFeed { font-weight: normal; font-size: 11px; color: #434343; }
				#news_start dt p	{ margin:0; padding:0;}
					#news_start dt 	{ }
						#news_start dt a	{ color:#acafb0; display:block; padding: 0;}
							#news_start dt a:hover	{ background: #EEFFFF; }
							
			a.rss { float: right; margin: -28px 0 0 0; }
			
							
/***************************************************
10. FAQ	******************************
**************************************************/

dl.faq dd.content { margin: 10px 0 -10px 15px!important; }

/***************************************************
11. CASES	******************************
**************************************************/
dl.cases { }
	dl.cases dd { float: left; width: 110px; height: 133px; margin: 0 14px 22px 0; background: url('../images/layout/case_bg.gif') right no-repeat; }
	  img.caseimage { width: 97px; height: 97px; margin: 6px 0 0 6px;}
	  p.casetitle { color: #fff; margin: 2px 0 0 7px; font-size: 10px; }
  

/***************************************************
11. Benodigde Hypotheek	****************************
**************************************************/

table#hypotheek_table {  }
  table#hypotheek_table tr {  }
    table#hypotheek_table tr td { width: 200px; height: 20px;}
    table#hypotheek_table tr td.add { width: 140px; border-bottom: 1px solid #4e84ba; }
    table#hypotheek_table tr td.outcome { text-align: right; width: 140px;}
    table#hypotheek_table tr td.total_outcome { color: #4e84ba; font-size: 12px; font-weight: bold; }
    p.error_calc { color: #f00; margin-bottom: 0px;}
    
/***************************************************
11. ENQUETES	****************************
**************************************************/

div#block_enq {float: left; width: 550px; }

form.form_enq {}

form.form_enq input {margin: 2px 0 2px 0;}

input.submit_enq, input.submit_enq_arrow {width: 540px;height: 36px;background:url(/interactive/images/layout/button_enq.gif) no-repeat; border:none;font-family:Arial!important; font-weight:bold; font-size:21px;text-transform: uppercase;text-align: left;letter-spacing: 0px;color: #fff;border: none;padding-left: 12px;cursor: pointer;}

input.submit_enq_arrow {background:url(/interactive/images/layout/button_enq_arrow.gif) no-repeat; }

.left_align {width: 300px;margin: 50px 0 0 120px;}

form.form_terug {margin: -40px 0 20px 408px;}

form.form_terug input {width: 96px;height: 22px;background:url(/interactive/images/layout/terug.gif) no-repeat; border: none!important;cursor: pointer;}

/***************************************************
12. POLL	****************************
**************************************************/

.form_poll { float: left; width: 520px; background: none; margin: 0; border-top: 2px dotted #4e84ba; padding: 10px 0 0 0; }
  .form_poll h2  { color: #4e84ba; }
 	.questionholder {  margin: 10px 0 0 0; }
	.form_poll input[type=radio] { margin: 2px 0 0 0;  }
	li.submit_poll { margin: -5px 0 0 0; } 
	

/***************************************************
12. STAPPENPLAN	****************************
**************************************************/

h2#title_toggle1, h2#title_toggle2, h2#title_toggle3, h2#title_toggle4, h2#title_toggle5, h2#title_toggle6, h2#title_toggle7, h2#title_toggle8, h2#title_toggle9, h2#title_toggle10, h2#title_toggle11 {
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  _margin-bottom: 10px!important;
}

h2#title_toggle12, h2#title_toggle13, h2#title_toggle14, h2#title_toggle15, h2#title_toggle16, h2#title_toggle17, h2#title_toggle18, h2#title_toggle19, h2#title_toggle20 {
  cursor: pointer;
  color: #fff;
  font: bold 10px Verdana, sans-serif;
  margin: 5px 0 0 0;
  width: 486px;
  height: 26px;
  padding: 11px 0 0 46px;
}

.activetoggle12, .activetoggle13, .activetoggle14, .activetoggle15, .activetoggle16, .activetoggle17, .activetoggle18, .activetoggle19, .activetoggle20
{   }

div#blockerbar { width: 500px; height: 24px; border: 1px solid red; background: none!important; margin: 0 0 0 0; }

h2#title_toggle12 { background : url('/interactive/images/layout/toggle1.gif') no-repeat; }
h2#title_toggle13 { background : url('/interactive/images/layout/toggle2.gif') no-repeat; }
h2#title_toggle14 { background : url('/interactive/images/layout/toggle3.gif') no-repeat; }
h2#title_toggle15 { background : url('/interactive/images/layout/toggle4.gif') no-repeat; }
h2#title_toggle16 { background : url('/interactive/images/layout/toggle5.gif') no-repeat; }
h2#title_toggle17 { background : url('/interactive/images/layout/toggle6.gif') no-repeat; }
h2#title_toggle18 { background : url('/interactive/images/layout/toggle7.gif') no-repeat; }


h2#title_toggle12:hover, h2#title_toggle13:hover, h2#title_toggle14:hover, h2#title_toggle15:hover, h2#title_toggle16:hover, h2#title_toggle17:hover, h2#title_toggle18:hover, h2#title_toggle19:hover, h2#title_toggle20:hover {
  
}

.plus12, .plus13, .plus14, .plus15, .plus16, .plus17, .plus18, .plus19, .plus20 {
  background : #fff url('/interactive/images/content/dicht_plus.gif') no-repeat;
  width: 13px;
  height: 13px;
  position: absolute;
  margin-left: 550px;
}
 
.plus12:hover, .plus13:hover, .plus14:hover, .plus15:hover, .plus16:hover, .plus17:hover, .plus18:hover, .plus19:hover, .plus20:hover {
  cursor: pointer;
}

.min12, .min13, .min14, .min15, .min16, .min17, .min18, .min19, .min20 {
  background : #fff url('/interactive/images/content/open_min.gif') no-repeat;
  width: 13px;
  height: 13px;
  position: absolute;
  margin-left: 550px;
}

.min12:hover, .min13:hover, .min14:hover, .min15:hover, .min16:hover, .min17:hover, .min18:hover, .min19:hover, .min20:hover {
  cursor: pointer;
}

div#toggle12, div#toggle13, div#toggle14, div#toggle15, div#toggle16, div#toggle17, div#toggle18, div#toggle19, div#toggle20  
{ color: #fff; padding: 10px; width: 480px; background: #0bb9ed url('/interactive/images/layout/flapout_bg2.gif') no-repeat bottom; margin: 0 0 20px 15px; }

div#toggle12 p, div#toggle13 p, div#toggle14 p, div#toggle15 p, div#toggle16 p, div#toggle17 p, div#toggle18 p, div#toggle19 p, div#toggle20 p  
{ color: #fff; padding: 10px; margin-top: -70px; }

div#toggle12 a, div#toggle13 a, div#toggle14 a, div#toggle15 a, div#toggle16 a, div#toggle17 a, div#toggle18 a, div#toggle19 a, div#toggle20 a  
{ color: #fff; text-decoration: underline; }

div#toggle12 ul, div#toggle13 ul, div#toggle14 ul, div#toggle15 ul, div#toggle16 ul, div#toggle17 ul, div#toggle18 ul, div#toggle19 ul, div#toggle20 ul  
{  }


div#toggle12 ul li, div#toggle13 ul li, div#toggle14 ul li, div#toggle15 ul li, div#toggle16 ul li, div#toggle17 ul li, div#toggle18 ul li, div#toggle19 ul li, div#toggle20 ul li  
{ color: #fff; }

div.noclick { padding: 18px 0 2px 0; margin: -46px 0 10px -26px; width: 530px; position: absolute; }



/* RELEVANTE LINKS */

#relevantLinks { background: #EBF6FB; }
	#relevantLinks h2 { font-size: 16px; color:#4e84ba; padding: 10px; }
	#relevantLinks ul { margin: 0 0 0 25px; padding: 0 0 10px 0; }
	
/* VEELGESTELDE VRAGEN */

#faq h3 { cursor: pointer; font-size: 12px; background: #f6f9fb; padding: 5px; margin: 0 0 6px 0; border-top: 1px solid #90bbe8; border-bottom: 1px solid #90bbe8; }
	#faq dl dt {  margin: 0 0 12px 20px;}
	 #faq dl dt a {  background: url(../images/layout/bullet.gif) 0 5px no-repeat; padding-left: 10px;}
	  #faq p {  margin: 0 0 24px 40px; }

/* HUIZEN BINNEN JE BUDGET */

#housesWithinBudget { background: #EBF6FB; float: left; padding: 20px 20px 0 20px;  width: 510px;  }
	#housesWithinBudget dl { background: #f5fcfc; width: 500px; float: left; margin: 0 0 20px 0; padding: 5px; border: 1px dashed #0086CB; }
		#housesWithinBudget dl dt { float: left; width: 80px; height: 80px; background: #eff; border: 1px solid #ccc; margin: 0 10px 0 0; }
			#housesWithinBudget dl dt img { width: 80px; height: 80px; }
		#housesWithinBudget dl dd.street a { font-size: 14px; }
			#housesWithinBudget dl dd.street a:hover { color: #434343; }
		#housesWithinBudget dl dd.price { color: #4e84ba; font-weight: bold; }
	
	#housesWithinBudget h2 { color: #4E84BA; font-family: Verdana, sans-serif; font-weight: normal; font-size: 16px; margin: 0 0 10px 0; }
	
	
#ss_rentetool_settings {
  margin  : 0;
  padding : 0;
}

#ss_rentetool_settings h2 {
  margin  : 0;
  padding : 0;
  font-size: 16px;
}

#ss_rentetool_settings ul.linklist {
  list-style :none;
  margin  : 0;
  padding : 0;
}

#ss_rentetool_settings ul.linklist li a {
  background: url('http://afbeelding.hypotheekshop.nl/interactive/images/core/bewerkvoorkeur_btn.gif') no-repeat;
  color: #fff;
  font-weight: bold;
  display: block;
  width: 185px;
  height: 24px;
  margin-left: -13px;
  padding-left: 10px!important;
  padding-top: 5px!important;
}

#ss_rentetool_settings form {
	width: 100%; 
}

form#form_personal p {
  background: #f6f6f6;
  margin : 3px 0 3px 0;
  padding : 5px;
}

#ss_rentetool_settings form p label {
  width   : 150px;
}

#ss_rentetool_settings form p label.organisatienaam {
  width : 200px;
  cursor: pointer;
}

#ss_rentetool_settings form p input.organisationcheckbox {
  width   : 15px;
}

#ss_rentetool_settings form p input {
  float   : left;
  width   : 15px;
}

#ss_rentetool_settings form p input.submit {
  width   : 100px;
  float: right;
}

span.organisatielijst {
  width : 250px;
  float : left;
}

span.organisatielijst_selectors {
  width : 100%;
}

#ss_rentetool_settings table {
  width : 100%;
  border-collapse : collapse;
  text-align : left;
  margin: 0 0 40px 0;
}

#ss_rentetool_settings table td {
  padding : 4px;
}

#ss_rentetool_settings table td.organisatienaam {
  width : 180px;
}

#ss_rentetool_settings table th {
  padding : 5px 10px 5px 5px;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #4f84ba;
text-align: left;
 
}

#ss_rentetool_settings table th.small_head {
 width: 9%;
 }
 
#ss_rentetool_settings table .rvp {
  background : #f2f2f2;

}

div#ss_rentetool_settings table tr.odd {
 background : #ebf6fb;
}

div#ss_rentetool_settings table td {
  
 
  padding: 2px 6px 2px 6px;
}

div#ss_rentetool_settings table td.heading {
  background : #eee;
}

div#ss_rentetool_settings table td.subheading {
	background: #f6f6f6;
}

.rentetablebox { height: 157px; overflow: hidden; }


#rentetable tr td.info span.renteProduct {
  display : none;
}

#rentetable tr td.info:hover span{
	float: left;
  display:block;
  font-weight: bold;
}
	


table.rente td.oneven { background: #4f84ba; padding: 3px; color: #fff; width: 180px; }

table.rente td.even { background: #f2f2f2; padding: 3px; width: 180px; }

div.calcstandard {
  font : 12px "Arial";
  float : left;
  padding : 5px;
  margin : 0 0 0 -6px;
  width : 520px;
}

div.calcstandard p {
  float : left;
  margin : 0 0 5px 0;
  padding : 2px 0;
  width : 520px;
  color: #4e84ba;
}

div.calcstandard p.submit_p {
  background: #fff;
}

div.calcstandard label {
  float : left;
  margin : 11px 0 0 10px;
  padding : 0;
  width : 300px;  
  font: bold 11px 'Verdana';
}

div.calcstandard label span {
  color: #4e84ba;
}

div.calcstandard label span.euro_label {
  font: normal 15px 'Verdana';
  color: #4e84ba;
  float: right;
  margin: 0px 6px 0 0;
  _margin: -15px 6px 0 0!important;
}


x:-moz-any-link, div.calcstandard label span.euro_label {
  margin: 0px 6px 0 0;
}

div.calcstandard input {
  float : left;
  border : 1px solid #cecfd0;
  padding : 0;
  margin : 5px 0 0 0;
  padding: 3px 0 0 0;
  width : 172px;
  height: 24px;
  color: #4e84ba;
  vertical-align: center;
  font-size: 15px;
}

x:-moz-any-link, div.calcstandard input {
  padding: 0 0 0 0!important;
} 

div.calcstandard input.submit {

  color : #fff;
  background : #4e84ba;
  border: none;
  font: bold 11px 'Verdana';
  margin : 0 3px 0 363px;
  width : 120px;
  height: 23px;
}

div.calcstandard select {
  float : left;
  border : 1px solid #ccc;
  padding : 0;
  margin : -15px 0 0 0;  
  
  width : 174px;
  height: 22px;
}

p.select_bouwsoort { margin-bottom: -15px!important; }

div.calcstandard div#result { 
  float : left;
  margin : 0;
  padding : 25px 0 0 0;
  width : 400px;
}

div.calcstandard table {
  border : 1px solid #ccc;
  float : left;
  margin : 0;
  padding : 2px 0;
  width : 455px;
}

div.calcstandard table .left {
  width : 295px;
  padding : 0;
  margin : 0;
}

div#flashtitle {
  font : 12px "Arial";
  float : left;
  background : #f7f7f9;
  padding : 5px;
  margin : 0 0 -2px 0;
  width : 510px;
}

div#flashtitle p {
  float : left;
  margin : 11px 0 0 12px;
  padding : 0;
  width : 400px;  
  font: bold 11px 'Verdana';
  color: #00519d;
}

div#flashtitle p span {
  color: #b7c72a;
}

p.error { 
	color: #f00!important; 
}



/* NEW NAV MAIN */

				
#nav-main {
	clear: both;
	padding: 10px 0 0 0;
	margin: 3px 0 0 20px;
	position: absolute;
	z-index: 667;
}

#nav-main li {
	position: relative;
	list-style: none;
	float: left;
	line-height: 3.2;
}

#nav-main li a {
	font-family: Verdana, sans-serif; 
	font-weight:bold; 
	font-size:10px;
	color: #4E84BA;
	text-decoration: none;
	text-transform: uppercase; 
	padding-bottom:4px!important;
	display: block;
}

#nav-main li.drop { padding-bottom: 14px; }

#nav-main li.drop a, #nav-main li.nodrop a {
	padding: 10px 15px 9px 15px;
}

#nav-main li:hover, #nav-main li.active {
	color:#7a7a7a;
}

#nav-main li:hover a, #nav-main li.active a {
	color: #7a7a7a;
}

#nav-main li.drop:hover a, #nav-main li.drop.active a {
 
}

#nav-main li ul.subnav {
	display: none;
	background-color: #f6fbff;
	-moz-box-shadow: 0px 8px 10px #868686;
	-webkit-box-shadow: 0px 8px 10px #868686;
	box-shadow: 0px 8px 10px #868686;
  padding-bottom: 2px!important;
  margin-left: 6px;
	/*
	border-right: 2px solid #ccecfb;
	border-bottom: 2px solid #ccecfb;
	*/
}

#nav-main li:hover ul.subnav, #nav-main li.hover ul.subnav {
  display: block;
  position: absolute;
  top: 42px;
  left: 0px;
  width: 210px;
  list-style: none; 
  padding: 0 0 10px 0;
  z-index: 666;
}

ul.subnav li {
	width: 193px;
	background: none!important;
}

ul.subnav li a.subitem {
	display: block;
	width : 192px;
	padding: 3px 7px 0px 7px!important;
	margin: 0px 2px 0px 2px!important;
	border-right: none!important;
	background: none!important;
	color: #4f84ba!important;
}

ul.subnav li a.subitem:hover {
	background: #4f84ba!important;
	color: #fff!important;
	padding-bottom: 0px!important;
}

#subMenuContact { margin-left: -71px!important; }
#subMenuFaq { margin-left: -16px!important; }

div.refs { margin: 0 0 0 -10px; width: 310px;}
	div.refs p { font: bold italic 14px 'Verdana'; }

	/* CAMPAGNE */
	
	.campaignContent {  }
		.campaignContent ul { margin-top: -20px!important; margin-bottom: 15px!important; }
	
	
	#housesWithinBudgetCamp { background: #EBF6FB; float: left; padding: 20px 20px 0 20px; margin: 29px 0 0px 562px; width: 310px; position: absolute; }
	#housesWithinBudgetCamp  dl { background: #f5fcfc; width: 300px; float: left; margin: 0 0 20px 0; padding: 5px; border: 1px dashed #0086CB; }
		#housesWithinBudgetCamp  dl dt { float: left; width: 80px; height: 80px; background: #eff; border: 1px solid #ccc; margin: 0 10px 0 0; }
			#housesWithinBudgetCamp  dl dt img { width: 80px; height: 80px; }
		#housesWithinBudgetCamp  dl dd.street a { font-size: 14px; }
			#housesWithinBudgetCamp  dl dd.street a:hover { color: #434343; }
		#housesWithinBudgetCamp  dl dd.price { color: #4e84ba; font-weight: bold; }
	
	#housesWithinBudgetCamp  h2 { color: #4E84BA; font-family: Verdana, sans-serif; font-weight: normal; font-size: 16px; margin: 0 0 10px 0; }
	
	
	.campButton1  { display: block; width: 350px; height: 86px; background: url('/interactive/images/campaign/knop-1.gif') no-repeat; cursor: pointer; }
	.campButton1:hover { background: url('/interactive/images/campaign/knop-1-a.gif') no-repeat; }
	
	.campButton2  { display: block; width: 350px; height: 86px; background: url('/interactive/images/campaign/knop-2.gif') no-repeat; cursor: pointer; }
	.campButton2:hover { background: url('/interactive/images/campaign/knop-2-a.gif') no-repeat; }
	
	.campButton3  { display: block; width: 350px; height: 86px; background: url('/interactive/images/campaign/knop-3.gif') no-repeat; cursor: pointer; }
	.campButton3:hover { background: url('/interactive/images/campaign/knop-3-a.gif') no-repeat; }
	
	.pakketPrijs strong { font-size: 18px; color: #4f84ba; }
	
	.voordelen { background: #ebf6fb; padding: 20px; margin-top: -50px; width: 310px;} 
		.voordelen h2 { font-weight: bold!important; font-size:16px!important; margin: 0 0 6px 0; } 
		.voordelen ul { margin: 0 0 0 15px } 
			.voordelen ul li { list-style: disc; } 
			
			
@media screen and (-webkit-min-device-pixel-ratio:0){
	.errorMaxhypStart { color: #ff0000!important; margin: -177px 0 0 12px!important; }
	.errorMaxhypStart2 { color: #ff0000!important; margin: -48px 0 0 12px!important; }
}