/* reset styles van default/layout */
#hspakketdiv p, #hspakketdiv h1, #hspakketdiv h2, #hspakketdiv h3, #hspakketdiv ul, #hspakketdiv li, #hspakketdiv div  { margin: 0;	padding: 0;}
.formwrapper h2, .formwrapper h3, .formwrapper h4, .formwrapper h1{ padding: 0; margin: 0;}
.superContainer { margin: 10px 0; float: left;}
.container{float: left; width: 680px;}
/* einde reset */

.hsStatusIndicator
{
	position: absolute;
	right: 20px;
	top: -40px;
}

/*=========================================================================================     
																														Algemene instellingen: breedtes en kleuren    
  *=========================================================================================*/

/* Linker blok/winkelmandje */
 
.pakketoverzicht h2 { font-size: 13px; }

a.openClose { margin-top:2px; display:block;	background: url(/resources/minisiteV3/images/msV3_openclose.gif) no-repeat 0 0; float:right; width:15px; height:15px; text-decoration:none; margin-right: 10px;}
a.openClose:hover { background:url(/resources/minisiteV3/images/msV3_openclose_mo.gif) no-repeat 0 0; } 
 
.pakketoverzicht, .pakketoverzicht_top, .pakketoverzicht_content, .pakketoverzicht_bottom {	
	margin-left: 10px;
}
.pakketoverzicht td
{
	border-bottom: 1px solid #777;
}
.pakketoverzicht td.verzDescCol { width: 200px; font-size: 11px; padding-right: 4px; }
.pakketoverzicht td.verzDescCol a{font-size: 11px;}

/* Rekenformulieren */
#hspakketdiv, .hsformdiv, .hsproductinfodiv {	
	width: 670px;
	_width: 650px;
	padding: 10px 0 10px 10px;
	_padding: 10px 0;
	margin: 0 0 0 20px;
	_margin: 0;
	float: left;	
}

.hsformdatadiv #hsGeneralForm fieldset  {
	width: 100%;
}

.hsformdatadiv #hsGeneralForm .hsLine, .hsformdatadiv #hsGeneralForm .fullWidthp, .hsformdatadiv #hsGeneralForm .hsLine .fullWidth p, .hsformdatadiv #hsGeneralForm .hsLine .fullWidth, .hsformdatadiv #hsGeneralForm .hsErrorBg p{
	width: 640px;
}

.hsformdatadiv #hsGeneralForm .hsBottomButtons{
	width: 660px;
}

#hsGeneralForm .samenvattingdiv th.lefttd {
	width:370px;
}

#hsGeneralForm .samenvattingdiv th.righttd,
#hsGeneralForm .samenvattingdiv td.righttd
{
	width:230px;
}

/* Algforms */
#hsGeneralForm fieldset {
	width: 408px;
}

#hsGeneralForm .hsLine, #hsGeneralForm .hsLine .fullWidth p,  #hsGeneralForm .hsLine .fullWidth, #hsGeneralForm .fullWidthp, #hsGeneralForm .hsErrorBg p{
	width: 408px;
}

#hsGeneralForm .hsBottomButtons {
	width: 430px;
}
/* einde Algforms */

/* einde rekenformulieren */
#linkblock
{
	width: 640px;                    
}	
	

#hsGeneralForm label, #hsGeneralForm span.hsRadioP, #hsGeneralForm span.hsRadioP p, #hsGeneralForm  .hsLine .hsPExtra p {
	width: 180px;
	min-width: 145px;
}

#hsGeneralForm span.hsRadioBut,  #hsGeneralForm div.hsRadioBut,  #hsGeneralForm span.hsRadioBut label,  #hsGeneralForm div.euroDiv {	width: 160px;  }
#hsGeneralForm #hsFase2Div div.hsRadioBut {	width: 548px;  }
#hsGeneralForm #hsFase2Div div.hsRadioBut label{	width: 160px;  }
#hsGeneralForm .hsLine .hsRightDiv {	width: 180px;  }
#hsGeneralForm textarea {	width: 390px; min-height: 60px; _height: 60px;}
#hsGeneralForm input.input_select { 	width: 100px;}
#hsGeneralForm input.hsCheckBox {	width: 20px;  }


/*=========================================================================================     
  ******************************************************************************************   rekenformulieren    
  *=========================================================================================*/

/************************ 
ALGEMEEN. WRAPPER/TAGS/CLASSES
*************************/
.formwrapper
{
	position: relative;
	float: left;
	padding-top: 20px;
	padding-bottom: 10px;
	width: 100%;
}



#hsGeneralForm  {		margin: 0;	padding: 0 20px 0 0;	_padding: 0 10px 0 0;}
#hsGeneralForm  .hsLine div /* zodat de div van de custom-select goed float */ {float: left;}
#hsGeneralForm fieldset {	float: left;	padding: 10px 0 10px 14px;	margin: 0 0 3px 0;}

#hsGeneralForm h2 { clear: both;}
.hsformdatadiv #hsGeneralForm .hsLine p.fullWidth, .hsformdatadiv #hsGeneralForm p.fullWidthp {	padding: 5px 0;}


/************************ 
PAKKETFASES
*************************/

.pakketfases
{
	width: 650px;
	height: 40px;
	float: left;
	background: transparent url(/resources/minisiteV3/images/msV3_stappenbalkbg.gif) no-repeat 0 0;	
	position: relative;
	margin-left: 30px;
	_margin-left: 6px;
}

.pakketfases li
{
	float: left;
	font-size: 16px;
	font-weight: bold;
	height: 41px;
	text-align: center;
	line-height: 16px;
	padding-top: 11px;
	padding-left: 10px;
}

.pakketfases li a
{
	font-size: 16px;
	font-weight: bold;
	color: #ccc;
}

.pakketfases li#liPakketPakket,
.pakketfases li#liPakketReken
{
	background: transparent url(/resources/minisiteV3/images/msV3_arrow_down.gif) no-repeat 10px 15px;		
	width: 214px;
}

.pakketfases li#liPakketReken
{
	background: transparent url(/resources/minisiteV3/images/msV3_arrow_notactive.gif) no-repeat 15px 10px;		
	width: 214px;
}


.pakketfases li#liInfoInfo,
.pakketfases li#liRekenReken
{
	background: transparent url(/resources/minisiteV3/images/msV3_stap2.gif) no-repeat 0 0;	
	width: 240px;	
	margin-top: -2px;
	padding-top: 13px;
}

.pakketfases li#liPakketAfsluit,
.pakketfases li#liAfsluitAfsluit
{
	width: 178px;
	position: absolute;
	left: 440px;
	top: -1px;	
}

.pakketfases li.active
{
	background: transparent url(/resources/minisiteV3/images/msV3_arrow_down.gif) no-repeat 10px 15px;	
}


/************************ 
NAVIGATIE 
*************************/
#extrainfo_ul {list-style-type: none;	float: right;	padding-right: 10px;	margin: 10px 0 -15px 0;}
#extrainfo_ul li {float: left;}
#extrainfo_ul li a {display: block;  padding: 5px 0;	padding-left: 28px;	text-decoration: none;}
#extrainfo_ul li a:hover {text-decoration: underline;}
#extrainfo_ul li.extrainf a {width: 120px;	background: transparent url(/resources/minisiteV3/images/msV3_extrainfo.gif) no-repeat 0 0;}
#extrainfo_ul li.brochures a {display: none;	width: 95px;	background: transparent url(/resources/minisiteV3/images/msV3_brochure.gif) no-repeat 0 0;	padding-left: 20px;}
#extrainfo_ul li.polisvoorw a {	width: 120px;	background: transparent url(/resources/minisiteV3/images/msV3_polis.gif) no-repeat 0 0;}

/************************************************ 
																				*********  Form-Navigatie   **************
************************************************/
#hsGeneralForm ul#hsNav {float: left;	width: 100%;	margin: 0;	padding: 0;	position: relative;	bottom: -1px;}
#hsGeneralForm li.hsFaseBut
{
	float: left;
	list-style-type: none;
	margin: 0 4px 0 0;
	padding: 1px 1px 0 1px;
}

#hsGeneralForm li.hsFaseButActive
{
	float: left;
	list-style-type: none;
	margin: 0 4px 0 0;
	padding: 1px;
	border-bottom: none;
}

#hsGeneralForm .hsFaseBut#hsFase1But a, #hsGeneralForm .hsFaseBut#hsFase2But a, #hsGeneralForm .hsFaseBut#hsFase3But a, #hsGeneralForm .hsFaseBut#hsFase4But a, #hsGeneralForm .hsFaseBut#hsFase5But a, #hsGeneralForm .hsFaseBut#hsFase6But a{	display: block;	margin: 0 0 0 0;	padding: 0 7px;	text-decoration: none;	font-weight: bold;	height: 22px;			line-height: 22px;		float: left;	}
#hsGeneralForm .hsFaseBut#hsFase1But a span, #hsGeneralForm .hsFaseBut#hsFase2But a span, #hsGeneralForm .hsFaseBut#hsFase3But a span, #hsGeneralForm .hsFaseBut#hsFase4But a span, #hsGeneralForm .hsFaseBut#hsFase5But a span, #hsGeneralForm .hsFaseBut#hsFase6But a span{	display: block;	margin: 0 0 0 0;	padding:0 7px;	cursor: pointer;	font-weight: bold;	height: 22px;			line-height: 22px;		float: left;	}
#hsGeneralForm .hsFaseButActive#hsFase1But a, #hsGeneralForm .hsFaseButActive#hsFase2But a, #hsGeneralForm .hsFaseButActive#hsFase3But a, #hsGeneralForm .hsFaseButActive#hsFase4But a, #hsGeneralForm .hsFaseButActive#hsFase5But a, #hsGeneralForm .hsFaseButActive#hsFase6But a{	display: block;	margin: 0 0 0 0;	padding: 0 7px;	font-weight: bold;	height: 22px;			line-height: 22px;		text-decoration: none;		float: left;}
#hsGeneralForm .hsFaseButActive#hsFase1But a span, #hsGeneralForm .hsFaseButActive#hsFase2But a span, #hsGeneralForm .hsFaseButActive#hsFase3But a span, #hsGeneralForm .hsFaseButActive#hsFase4But a span, #hsGeneralForm .hsFaseButActive#hsFase5But a span, #hsGeneralForm .hsFaseButActive#hsFase6But a span          {	display: block;	margin: 0 0 0 0;	padding: 0 7px;	height: 22px;		text-decoration: none;		font-weight: bold;	height: 22px;			line-height: 22px;		float: left;	}
#hsGeneralForm .hsFaseBut#hsFase1But a:hover, #hsGeneralForm .hsFaseBut#hsFase2But a:hover, #hsGeneralForm .hsFaseBut#hsFase3But a:hover, #hsGeneralForm .hsFaseBut#hsFase4But a:hover, #hsGeneralForm .hsFaseBut#hsFase5But a:hover, #hsGeneralForm .hsFaseBut#hsFase6But a:hover {	text-decoration: none;}

/*****************************************************************************************************************************
																																	rekenformulier style
******************************************************************************************************************************/

/*******************************
HSLINE STYLES
************************************/
#hsGeneralForm .hsLine {	float: left;	_float: none; /* voor ie6, als float dan duplicate character bug */	_clear: left;/* voor ie6 */	margin: 0 0 5px 0;}
#hsGeneralForm  p.header, #hsGeneralForm  .hsLine p.header {font-size: 12px; line-height: 18px; font-weight: bold; margin-top: 10px; margin-bottom: 5px; }
#hsGeneralForm .hsErrorBg p, #hsGeneralForm .hsLine p {	margin: 0;	padding: 0;	float: left;}
#hsGeneralForm  .hsErrorBg p{	font-weight: bold;	color: red;}
#hsGeneralForm label.hsLblE {	color: red}
#hsGeneralForm label, #hsGeneralForm span.hsRadioP, #hsGeneralForm  .hsLine .hsRightDiv p, #hsGeneralForm  .hsLine .hsPExtra p {	margin: 0;	padding: 0;}
#hsGeneralForm input.hsCheckBox { border: none;  }
#hsGeneralForm textarea {	height: 90px;	clear: left;	margin-bottom: 10px;	margin-left: 0;}

/****************************
 SELECTS 
 ********************************/
#hsGeneralForm span.selectbox_right  {	display: block;	float: left;	margin-left: -1px;	margin-right: 4px;	height: 18px;
	border: 1px solid #a5acb2;
	border-left: none; 
}

#hsGeneralForm select {	margin: 0;	font-size: 11px;
	border: 1px solid #a5acb2;
}

#hsGeneralForm input.input_select, #hsGeneralForm input.hsInput, #hsGeneralForm input.smaller, #hsGeneralForm input.smallest, #hsGeneralForm input.bigger, #hsGeneralForm input.biggest { 	float: left;}
#hsGeneralForm .smaller, #hsGeneralForm input.smaller {   width: 100px; }
#hsGeneralForm .smallest, #hsGeneralForm input.smallest {   width: 50px;}
#hsGeneralForm .bigger, #hsGeneralForm select.bigger {   width: 200px;}
#hsGeneralForm .biggest, #hsGeneralForm select.biggest {   width: 320px;}

/****************
RADIOS
****************/
#hsGeneralForm label  {	float: left;	color: #333;	margin: 0;	padding: 0 0 4px 0;	display: block;}
#hsGeneralForm #hsFase2Div span.hsRadioP p  {	float: left;	width: 548px;	display: block;}
#hsGeneralForm #hsFase2Div .hsRadioBut {	clear: both;}
#hsGeneralForm input, #hsGeneralForm textarea {	_float: left;	margin: 0;	padding: 2px 0 0 3px; color: #333;	font-size: 11px;	height: 16px;	border: 1px solid #a5acb2;}
#hsGeneralForm textarea {	height: 90px;	}
#hsGeneralForm .hsRadioBut {	_float: left;	margin: 0;	padding: 2px 0 0 3px;	color: #333;	font-size: 11px;		border: 1px solid #a5acb2;}
#hsGeneralForm .hsRadioBut {	border: none; }
#hsGeneralForm span.hsRadioBut {	border: none; }
#hsGeneralForm .hsRadioP p  { 	float: left; 	height: auto; _height: 40px; }
#hsGeneralForm input.radio {	text-align: left;	width: 20px;	border: none;}

/*****************
 EURO DIV 
 *****************/
 #hsGeneralForm div.euroDiv  {	height: 17px;	line-height: 14px;	width: 85px;	border: #a5acb2 1px solid;	padding-left: 2px;		background-color: #fff;}
#hsGeneralForm div.euroDiv span  {	text-align: right;	display: block;	width: 80px;	margin-top: -14px;	}
 #hsGeneralForm input.noBorder {float: right;	padding-right: 4px;		margin-top: -14px;		width: 70px;		text-align: right;		border: none;	height: 15px;}
 
 #hsGeneralForm input.noBorder { margin-top: 0;float: none;}
 
#hsGeneralForm span.hsESign {	float: left;}
#hsGeneralForm span.hsEMon {	float: right;}

/************************************************ 
RIGHT DIV -  PREMIE VELDEN
************************************************/
#hsGeneralForm .hsLine .hsRightDiv {	float: right; _margin-right: 5px;}
#hsGeneralForm .hsLine .hsRightDiv p.hsPrS {	float: right;
	width: 80px;
	background: #efefef;
	border: 1px solid #ccc;
	padding: 2px;
}

#hsGeneralForm .hsHintanchor,
#hsGeneralForm .hsHintanchorNoPr {	float: left;	width: 40px;	height: 24px;	background: transparent url(/resources/minisiteV3/images/msV3_info.gif) no-repeat 4px 0;}
#hsGeneralForm #hsPExtraSpan {	float: left;}
#hsGeneralForm #hsPExtraSpan p
{
	background: #efefef;
	border: 1px solid #ccc;
	width: 70px;
}

#hsGeneralForm  .hsSumPr, #hsGeneralForm  .hsSumPrMin {   display: block;   float: right;   height: 7px;   width: 152px;   margin: -2px -1px -7px 0; _margin: 0 1px -7px 0;   padding: 0;   background: transparent url(/resources/minisiteV3/images/msV3_sumpr.gif) no-repeat 0 0;}
#hsGeneralForm  .hsSumPrMin {   background: transparent url(/resources/minisiteV3/images/msV3_sumprmin.gif) no-repeat 0 0;}

/************************************************ 
BOTTOM BUTTONS   
************************************************/
#hsGeneralForm .hsBottomButtons {margin-top: 10px;}
#hsGeneralForm .hsBottomButtons a { font-size: 11px; width: 80px;	text-align: center;	display: block;	margin: 0;	background: #fff;	text-decoration: none;	height: 22px;	line-height: 22px; }
#hsGeneralForm .hsBottomButtons a:hover {display: block;	margin: 0;	background: #000;	text-decoration: none;	color: #fff;}
#hsGeneralForm .hsBottomButtonsRight {float: right;	margin-right: 5px;}
#hsGeneralForm .hsBottomButtonsLeft {float: left;}

/*                                                                                                       													afsluitformulieren                                                    											*/

/* Samenvattingsdiv */
#hsGeneralForm .samenvattingdiv td {	border: 2px solid #fff;}
#hsGeneralForm .samenvattingdiv th.righttd, #hsGeneralForm .samenvattingdiv td.righttd {	text-align: right;}
#hsGeneralForm .samenvattingdiv tr th  {	text-align: left;	padding: 3px 5px;}
#hsGeneralForm .samenvattingdiv tr td {	background-color: #efefef;	padding: 3px 5px;}
#hsGeneralForm .samenvattingdiv {	margin-top: 10px;}
#hsGeneralForm .samenvattingdiv table {	margin: 10px 20px 10px 10px;}
#hsGeneralForm .samenvattingdiv ul li  {
	font-weight: bold;
	font-size: 13px;
	line-height: 18px;
	text-align: right;
	margin-right: 20px;
	list-style-type: none;
}

/* afsluiten */
#hsGeneralForm #hsFase2Div .hsLine label.hsLbl{
	margin-right: 50px;
}
#hsGeneralForm #hsFase4Div .hsLine label.hsLbl{	width: 75%;}
#hsGeneralForm #hsFase4Div span.smallMach, #hsGeneralForm #hsFase4Div p.fullWidth{display: block; padding-right: 10px;}

/* Onder de formulieren - Extra mededelingen*/
#hsGeneralForm #offertemessage {	padding: 0 15px 10px 15px;	margin-top: 10px;
	border: 2px solid #464646;
}
#hsGeneralForm .verplicht {width: 90%; display: block; margin: 10px 0 0 0;	padding: 10px 15px; float: left;}  
#hsGeneralForm .pakketrule {width: 95%; padding: 5px; margin-bottom: 10px; border: 1px solid #ccc; background: #efefef;}




/*=========================================================================================     
  ******************************************************************************************   			overige classes    
  *=========================================================================================*/
#hsGeneralForm input.rollsbutton
{
	background-color: #111;
	line-height: 12px;
	height: 18px;
	color: #fff;
	font-weight: bold;
} 
  
 #hsGeneralForm hr {color: #333;}
 input.button    {	cursor: hand;	padding: 2px 0;	height: 20px;	font-weight: bold; 
	color: #fff; 
	background-color: #363636; 
	text-align: center;
}
  
/* pop up div */
.popupdiv  {	padding: 20px 5px 30px 20px; width: 465px;text-align: left; }
.popupdiv div { cursor: pointer; position: absolute; top: 3px; right: 3px;	width: 17px;	height: 17px;	background: transparent url(/resources/minisiteV3/images/msV3_close_popup.gif) no-repeat 0 0;	}
.popupdiv ul, .popupdiv li  { list-style: none; padding: 0;}
.popupdiv li a { display: block; padding: 3px 0 3px 25px;	background: transparent url(/resources/minisiteV3/images/msV3_pdf.gif) no-repeat 0 50%;	}

/* pop up div afsluiten*/
.popupdiv h4  {	font-style: italic;	font-size: 18px;	margin: 30px 20px 10px 20px;}
.popupdiv h3  {	font-style: italic;	font-size: 18px;	margin: 30px 20px 10px 20px;}
.popupdiv ul.afsluitstappen {	margin:0 20px 20px 20px;}
.popupdiv ul.afsluitstappen li{	font-size: 14px;	width: 112px;	height: 112px;	float: left;	margin: 15px 15px 15px 0;}
.popupdiv ul.afsluitstappen li a {	padding: 10px;	font-size: 15px;	background: none;	text-decoration: none;	font-weight: bold;	}
.popupdiv ul.afsluitstappen li a:hover {	text-decoration: underline;	}
.popupdiv ul.afsluitstappen li pre{	font-size: 20px;	padding: 0 0 20px 0;	margin: 0;	display: block;	font-weight: bold;		}
.popupdiv a.gaverder {	cursor: pointer; position: absolute; bottom: 3px; right: 3px;		font-weight: bold;	text-decoration: none;	padding: 4px 8px;}

/* Hint-box   */
#hintbox  {	position: absolute;	visibility: hidden;	width: 200px; 	padding: 10px;	z-index:100; text-align: left;
}


																													/* UITZONDERINGEN PER FORMULIEREN */

/************************************************ 
*********  Woonhuis   **************
************************************************/
/* Knopje "bepaal inhoud" */
#hsGeneralForm .uitvouwA a {position: relative;top: 1px;left: 5px;font-weight: bold;color: #fff;padding: 2px 2px 4px 2px;margin-top: 2px;background-color: #363636;text-decoration: none;border: 1px solid #fff;}
#hsGeneralForm .uitvouwA a:hover {color: #363636; border: 1px solid #333;	text-decoration: none; 	background-color: #fff;}
#hsGeneralForm #uitvouw1 {float: left; position: relative; width: 96%; background-color: #fff;border: 1px solid #333;	padding: 5px; margin-top: 5px;margin-bottom: 10px;}
#hsGeneralForm .sluitUitvouwA a {  display: block;   width: 16px;   height: 15px;   position: absolute;   top: 3px;   right: 4px;   background: transparent url(/resources/minisiteV3/images/msV3_close_popup.gif) no-repeat 0 0;}
ul#hsHuizenIcons {  margin: 0 8px 0 0;  padding: 0;   width: 200px;   float: right;   background-color: #fff;}
ul#hsHuizenIcons li {   width: 40px;   height: 30px;   float:left;	margin: 0;	padding: 0;}
ul#hsHuizenIcons li a {   float:left;   padding: 0;  width: 30px;   height: 30px;}
li#hsHuis0 a {    display: block;   background: transparent url(/resources/minisiteV3/images/msV3_huis0_small.gif) no-repeat 0 0;}
li#hsHuis0 a:hover {   background: transparent url(/resources/minisiteV3/images/msV3_huis0_small_mo.gif) no-repeat 0 0;}
li#hsHuis1 a {   background: transparent url(/resources/minisiteV3/images/msV3_huis2_small.gif) no-repeat 0 0;}
li#hsHuis1 a:hover {   background: transparent url(/resources/minisiteV3/images/msV3_huis2_small_mo.gif) no-repeat 0 0;}
li#hsHuis2 a {  background: transparent url(/resources/minisiteV3/images/msV3_huis1_small.gif) no-repeat 0 0;}
li#hsHuis2 a:hover {   background: transparent url(/resources/minisiteV3/images/msV3_huis1_small_mo.gif) no-repeat 0 0;}
.changeHuis_0_0 {   background: transparent url(/resources/minisiteV3/images/msV3_huis_0.gif) no-repeat 0 0;}
.changeHuis_0_1 {   background: transparent url(/resources/minisiteV3/images/msV3_huis_0_h.gif) no-repeat 0 0;}
.changeHuis_0_2 {   background: transparent url(/resources/minisiteV3/images/msV3_huis_0_l.gif) no-repeat 0 0;}
.changeHuis_0_3 {   background: transparent url(/resources/minisiteV3/images/msV3_huis_0_b.gif) no-repeat 0 0;}
.changeHuis_0_4 {   background: transparent url(/resources/minisiteV3/images/msV3_huis_0_hd.gif) no-repeat 0 0;}
.changeHuis_1_0 {   background: transparent url(/resources/minisiteV3/images/msV3_huis_1.gif) no-repeat 100% 100%;}
.changeHuis_1_1 {   background: transparent url(/resources/minisiteV3/images/msV3_huis_1_1.gif) no-repeat 100% 100%;}
.changeHuis_1_2 {   background: transparent url(/resources/minisiteV3/images/msV3_huis_1_2.gif) no-repeat 100% 100%;}
.changeHuis_1_3 {   background: transparent url(/resources/minisiteV3/images/msV3_huis_1_3.gif) no-repeat 100% 100%;}
.changeHuis_1_4 {   background: transparent url(/resources/minisiteV3/images/msV3_huis_1_4.gif) no-repeat 100% 100%;}
.changeHuis_2_0 {   background: transparent url(/resources/minisiteV3/images/msV3_huis_2.gif) no-repeat 100% 100%;}
.changeHuis_2_1 {   background: transparent url(/resources/minisiteV3/images/msV3_huis_2_1.gif) no-repeat 100% 100%;}
.changeHuis_2_2 {   background: transparent url(/resources/minisiteV3/images/msV3_huis_2_2.gif) no-repeat 100% 100%;}
.changeHuis_2_3 {   background: transparent url(/resources/minisiteV3/images/msV3_huis_2_3.gif) no-repeat 100% 100%;}
.changeHuis_2_4 {   background: transparent url(/resources/minisiteV3/images/msV3_huis_2_4.gif) no-repeat 100% 100%;}
#hsGeneralForm #changeHuis {	float: right;	width: 50%;	height: 180px;	margin: 0 20px 10px 0;}
#hsGeneralForm #gegevensWh {   float: left;   width: 40%;   margin: 0 0 0 5px;}

.hsformdatadiv #hsGeneralForm #changeHuis {	float: right;	width: 35%;	height: 180px;	margin: 0 20px 10px 0;}
.hsformdatadiv #hsGeneralForm #gegevensWh {   float: left;   width: 60%;   margin: 0 0 0 5px;}

#gegevensWh label, #gegevensWh p {   margin: 0 0 15px 0;}
#gegevensWh label, #gegevensWh input {   margin: 3px 0 0 0;   font-weight: bold;}



#hsGeneralForm fieldset p.r_border
{
	font-size: 0.9em;
	padding-top: 2px;
	padding-bottom: 2px;
}

/************************************************* 
																																	PRODUCTEN OVERZICHT
*****/

#linkblock
{
	float: left;
	margin: 0; 
}

#linkblock h1  {	width: 100%; 	float: left;	margin-bottom: 5px;	margin-top: 20px;		font-size: 16px;}
#linkblock h1 a { 	padding-left: 25px;		text-decoration: none;
	background: transparent url(/resources/minisiteV3/images/msV3_big_arrow.gif) no-repeat 0 50%;	
}

#meldingwrapper div
{
	padding-left: 20px;
	margin-right: 10px;
	margin-top: 20px;
	float: left;	height: 20px;	
}

#meldingwrapper div.melding2 {padding-left: 90px; }
.melding1  {   background: transparent url(/resources/minisiteV3/images/msV3_dustbin.gif) no-repeat 0 0;}
.melding2 {    background: transparent url(/resources/minisiteV3/images/msV3_info2.gif) no-repeat 0 0; }
.melding3 {    background: transparent url(/resources/minisiteV3/images/msV3_brochure.gif) no-repeat 0 0; }
.melding4 {    background: transparent url(/resources/minisiteV3/images/msV3_polis.gif) no-repeat 0 0; }

.leftLink a.leftLinkA {	display: block;	height: 21px;	float: left;	width: 498px;	text-decoration: none;	padding: 0;	margin: 0;	background: transparent url(/resources/minisiteV3/images/msV3_toevoegen_product.gif) no-repeat 100% 0;	}
.leftLink a:hover.leftLinkA{	background: transparent url(/resources/minisiteV3/images/msV3_toevoegen_product_mo.gif) no-repeat 100% 0;	   text-decoration: underline;	}
.leftLink a.product_disabled{	display: block;	height: 21px;	float: left;	text-decoration: none;	padding: 0 0 0 0;	margin: 0;	width: 498px;	background: none;		color: #ccc;}
.leftLink a:hover.product_disabled{	background: none;		text-decoration: none;	}
.leftLink .marginspan{	display: block;	height: 21px;	float: left;	width: 380px;}

#linkblock span.leftLink a{	margin-left: 0;}
#linkblock .rightLink1 a,#linkblock .rightLink2 a,#linkblock .rightLink3 a,#linkblock .rightLink4 a{
	display: block;
	float: left;
	height: 21px;
	padding: 0;
	margin: 0 2px;
	width: 24px;
	text-decoration: none;
}

#linkblock .rightLink2 a{	width: 86px;}

#linkblock .rightLink1 a:hover,#linkblock .rightLink2 a:hover,#linkblock .rightLink3 a:hover,#linkblock .rightLink4 a:hover{
	text-decoration: none;
}

#linkblock .rightLink1 a
{
	width: 130px;
	float: right;	
}

#linkblock .rightLink2 a{	background: transparent url(/resources/minisiteV3/images/msV3_info2.gif) no-repeat 0 0;}
#linkblock .rightLink3 a{	background: transparent url(/resources/minisiteV3/images/msV3_brochure.gif) no-repeat 0 0;}
#linkblock .rightLink4 a{	background: transparent url(/resources/minisiteV3/images/msV3_polis.gif) no-repeat 0 0;}
#linkblock .rightLink a:hover{   text-decoration: none;   background: transparent url(/resources/minisiteV3/images/msV3_directafsluitenmo.gif) no-repeat 20% 100%;}

	
/*******************
																													pakketoverzichtsdiv_content
************************/
/*                                                                                                       													extra info teksten                                                    											*/
/* Extra info div */

.hsproductinfodiv a.terug {  display: none; font-weight: bold; padding-bottom: 10px;}	
.hsproductinfodiv_msg  ul li{  padding-left: 20px; background: transparent url(/resources/minisiteV3/images/msV3_arrow.gif) no-repeat 3px 6px;}	
.hsproductinfodiv_msg  ul li ul , .hsproductinfodiv_msg  ul li ul li{  padding: 0; background: none;}	
.hsproductinfodiv_msg  ul
{
	margin-bottom: 10px;
}
.hsproductinfodiv_msg .uitvouw {background-color: #fff; padding: 6px;}
.hsproductinfodiv_msg .uitvouw p{margin: 5px 0; padding: 6px;}

ul.infodiv
{
	width: 200px;
	float: right;
	padding: 0;
	margin: 0 0 10px 10px;
	margin-right: 0;
	_margin-right: 10px;
	
}

ul.infodiv li
{
	margin: 2px 0;
}

ul.infodiv a
{
	padding: 6px 0;
	padding-left: 34px; 
	display: block;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	background-color: #ccc;
	background-repeat: no-repeat;
	background-position: 4px 50%;
}

ul.infodiv .berekeninfo a
{
	background-image: url(/resources/minisiteV3/images/msV3_aanvr_icon.gif);
}
ul.infodiv .pvwinfo a
{
	background-image: url(/resources/minisiteV3/images/msV3_pvw_icon.gif);
}
ul.infodiv .contactinfo a
{
	background-image: url(/resources/minisiteV3/images/msV3_contact_icon.gif);
}
ul.infodiv .naarproducten a
{
	background-image: url(/resources/minisiteV3/images/msV3_back_icon.gif);
}


ul.infodiv a:hover
{
	background-color: #ddd;	
	font-style: italic;
}


/********************************
******** 																											pakketoverzichtsdiv_left   WINKELMANDJE
***************************************/
.pakketoverzicht
{
	margin: 0;
	float: left;
	width: 252px;
	padding: 0;
	margin-bottom: 3px;
	margin-right: 3px;
	margin-left: 10px;
	
}

.pakketoverzicht_top
{
	display: block;
	width: 252px;
	font-size: 5px; /* ie */
	height: 5px;
}

.pakketoverzicht_content
{
	display: block;
	width: 242px;
	border-right: 5px solid #b3b3b3;
	padding: 5px;
}

.pakketoverzicht_bottom
{
	width: 252px;
}


/* Tabellen: premies en kortingen */
.pakketsamenstelling table td img{	cursor: hand;}
.pakketsamenstelling table tr td{	padding-bottom: 4px;}
.pakketoverzicht .hsLine,  #kortingstabel { margin: 10px 0; }
.pakketoverzicht .po_premie {	padding-right: 4px; }
.pakketoverzicht .pakketsamenstelling table  { margin-left: 0; }

.pakketoverzicht .totaalTabel .hsLine { padding-left: 2px; }
.pakketoverzicht .totaalTabel label{ padding-right: 30px; }
.pakketoverzicht_content span.po_premie {	display: block;	width: 60px;	text-align: right}
#kortingstabel
{
	padding: 29px 0 5px 0;
	width: 221px;
	height: 90px;
	background: transparent url(/resources/minisiteV3/images/msV3_kortingsstaaf.gif) no-repeat 0 0;		
}
.staafWrapper
{
	width: 100%;
}

#kortingstabel span#centerStaaf {	float: left;	height: 16px;margin: 5px 0 0 5px; background: #464646; }
#kortingstabel span#percentageStaaf {	display: block;	float: left;	font-weight: bold;	font-size: 14px;		margin: 5px 0 0 5px;	background: none;
	color: #363636;
}

.liPakketAfsluitBig
{
	display: block;
	background: transparent url(/resources/minisiteV3/images/msV3_pakketafsluitbig.gif) no-repeat 0 0;	
	width: 217px;
	height: 30px;
	margin-top: 10px;
}

.pakketoverzicht_bottom
{
	display: block;
	height: 5px;
	width: 275px;
}

.pakketoverzicht_bottom img
{
	display: none;
}

/* einde Tabellen: premies en kortingen  */








/* VINKJES */

.hsStatusMandatory
{
	background: transparent url(/resources/minisiteV3/images/msV3_mandatoryfield.gif) no-repeat 343px 5px; 
}

.hsStatusNotComplete
{
	background: transparent url(/resources/minisiteV3/images/msV3_mandatoryfield_not_complete.gif) no-repeat 343px 5px; 
}

#hsGeneralForm .hsStatusNotComplete input
{
	border: 1px solid red;
}

.hsStatusComplete
{
	background: transparent url(/resources/minisiteV3/images/msV3_mandatoryfield_complete.gif) no-repeat 343px 5px; 
}	

#hsGeneralForm #hsFase2Div .hsLineRadio 
{	
	background-position: 328px 90%;
}

#hsGeneralForm #hsFase2Div .hsLine
{	
	background-position: 90% 80%;
}


#hsGeneralForm #hsFase4Div .hsLine
{	
	padding-right: 5px;	
	background-position: 100% 5px;
}





/* 																				TOEVOEGINGEN DOSSIER                          														*/
#pakketoverzicht table
{
	width: 100%;
}

#pakketoverzicht input.button
{
	background: #333;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	margin: 10px 8px 0 0;
	border: none;
	padding: 4px 0;
	cursor: pointer;
	border: 0;
	width: auto;
}

#pakketoverzicht input:hover
{
	background: #000;
	
}

.listofdossiersWrapper
{
	background: #fff;
	padding: 10px;
	margin: 20px 0;
}

.popupdiv div.popupbuttonwrapper
{
	position: static;
	float: left;
	width: 100%;
	background: none;
	height: 40px;
}

.popupdiv div.popupbuttonwrapper input.button
{
	margin: 10px 10px 0 0;
}

.listofdossiers ul li a
{
	padding: 3px 0;
	background: transparent url(/private/images/open_offerte.png) no-repeat 100% 50%;	
}

.listofdossiers ul li a:hover
{
	background: transparent url(/private/images/open_offerte_mo.png) no-repeat 100% 50%;	
}

#pakketsamenstelling table td img
{
	margin-left: 4px;
}

.popupdiv table input
{
	margin-left: 10px;
	margin-bottom: 4px;	
}

.popupdiv p
{
	margin: 5px 0;
}

#wwError
{
	clear: both;
	color: red;	
}

.dossierdescquestion table
{
	margin: 20px 0 5px 0;
}

.dossierdescquestion td 
{
	padding: 2px;
}

.dossierdescriptiontd
{
	border-bottom: 1px dotted #ccc; 
	color: #000;
	font-weight: bold;
}

.dossierdescquestion td input.button
{
	padding: 0 0;
	font-size: 11px;
}












/******* ******************************************************************************  Algemeen formulier in popup 
DIT WORDT APART GEDEFINIEERD OMDAT HET HIERBOVEN NU NOG ALLEEN VIA ID HSGENERALFORMS GEBEURT
moet in de toekomst veranderen in de klasse. 

Wordt nu alleen gebruikt in popups en niet standaard formulieren
********/

.hsGeneralForm  
{		
	margin: 0;		
	padding: 0;
}

.hsGeneralForm label, .hsGeneralForm span.hsRadioP, .hsGeneralForm span.hsRadioP p, .hsGeneralForm  .hsLine .hsPExtra p {
	width: 180px;
	min-width: 145px;
}

.hsGeneralForm span.hsRadioBut,  .hsGeneralForm div.hsRadioBut,  .hsGeneralForm span.hsRadioBut label,  .hsGeneralForm div.euroDiv {	width: 160px;  }
.hsGeneralForm .hsLine .hsRightDiv {	width: 180px;  }
.hsGeneralForm textarea {	width: 390px; min-height: 60px; _height: 60px;}
.hsGeneralForm input.input_select { 	width: 100px;}
.hsGeneralForm input.hsCheckBox {	width: 20px;  }


.hsGeneralForm  .hsLine div /* zodat de div van de custom-select goed float */ {float: left;}
.hsGeneralForm fieldset 
{	
	float: left; 
	border: 1px solid #ccc;	
	padding: 10px 0 10px 14px;	
	margin: 0 0 3px 0; 
	width: 90%;	
}

/*******************************
HSLINE STYLES
************************************/
.hsGeneralForm .hsLine {	float: left;	_float: none; /* voor ie6, als float dan duplicate character bug */	_clear: left;/* voor ie6 */	margin: 0 10px 5px 0; width: 90%;}
.hsGeneralForm  p.header, .hsGeneralForm  .hsLine p.header {font-size: 12px; line-height: 18px; font-weight: bold; margin-top: 10px; margin-bottom: 5px; }
.hsGeneralForm .hsErrorBg p, .hsGeneralForm .hsLine p {	margin: 0;	padding: 0;	float: left;}
.hsGeneralForm  .hsErrorBg p{
	font-weight: bold;
	color: red;
}
.hsGeneralForm label.hsLblE {	color: red}
.hsGeneralForm label, .hsGeneralForm span.hsRadioP, .hsGeneralForm  .hsLine .hsRightDiv p, .hsGeneralForm  .hsLine .hsPExtra p {	margin: 0;	padding: 0;}
.hsGeneralForm input.hsCheckBox { border: none;  }
.hsGeneralForm textarea {	height: 90px;	clear: left;	margin-bottom: 10px;	margin-left: 0;}

/****************************
 SELECTS 
 ********************************/
.hsGeneralForm span.selectbox_right  {	display: block;	float: left;	margin-left: -1px;	margin-right: 4px;	height: 18px;
	border: 1px solid #a5acb2;
	border-left: none; 
}

.hsGeneralForm select {	margin: 0;	font-size: 11px;
	border: 1px solid #a5acb2;
	
}

.hsGeneralForm input.input_select, .hsGeneralForm input.hsInput, .hsGeneralForm input.smaller, .hsGeneralForm input.smallest, .hsGeneralForm input.bigger, .hsGeneralForm input.biggest { 	float: left;}
.hsGeneralForm .smaller, .hsGeneralForm input.smaller {   width: 80px; }
.hsGeneralForm .smallest, .hsGeneralForm input.smallest {   width: 50px;}
.hsGeneralForm .bigger, .hsGeneralForm select.bigger {   width: 200px;}
.hsGeneralForm .biggest, .hsGeneralForm select.biggest {   width: 320px;}

/****************
RADIOS
****************/
.hsGeneralForm label  {	float: left;	color: #333;	margin: 0;	padding: 0 0 4px 0;	display: block;}
.hsGeneralForm input, .hsGeneralForm textarea {	_float: left;	margin: 0;	padding: 2px 0 0 3px; color: #333;	font-size: 11px;	height: 16px;	*height: 20px; border: 1px solid #a5acb2;}
.hsGeneralForm textarea {	height: 90px;	}
.hsGeneralForm .hsRadioBut {	_float: left;	margin: 0;	padding: 2px 0 0 3px;	color: #333;	font-size: 11px;		border: 1px solid #a5acb2;}
.hsGeneralForm .hsRadioBut {	border: none; }
.hsGeneralForm span.hsRadioBut {	border: none; }
.hsGeneralForm .hsRadioP p  { 	float: left; 	height: auto; _height: 40px; }
.hsGeneralForm input.radio {	text-align: left;	width: 20px;	border: none;}

/*****************
 EURO DIV 
 *****************/
.hsGeneralForm div.euroDiv  {	height: 17px;	line-height: 14px;	width: 85px;	border: #a5acb2 1px solid;	padding-left: 2px;		background-color: #fff;}
.hsGeneralForm div.euroDiv span  {	text-align: right;	display: block;	width: 80px;	margin-top: -14px;	}
.hsGeneralForm input.noBorder {float: none;	padding-right: 4px;		margin-top: 0;		width: 70px;		text-align: right;		border: none;	height: 15px;}
.hsGeneralForm span.hsESign {	float: left;}
.hsGeneralForm span.hsEMon {	float: right;}