/* 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 {
	float: left;
	width: 951px;
	margin-right: 0;
	margin-left: 0;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#container{
	float: left;
	width: 650px;
_width: 620px;
	margin-left: 0px;
}
/* einde reset */

#hsStatusIndicator
{
	position: absolute;
	left: 956px;
	top: 110px;
	*top: 116px;
}

#content ul li
{
	background: url(none);
}

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

/* Linker blok/winkelmandje */
 
#nieuw_in_pakket
{
	margin-top: 10px;
}
#pakketoverzicht h2 { font-size: 13px; }
#nieuw_in_pakket h2 { }

a.openClose { margin-top:2px; display:block;	background: url(/private/images/openclose.gif) no-repeat 0 0; float:right; width:15px; height:15px; text-decoration:none;}
a.openClose:hover { background:url(/private/images/openclose_mo.gif) no-repeat 0 0; } 
 
#pakketoverzicht, #pakketoverzicht_top, #pakketoverzicht_content, #pakketoverzicht_bottom {	
	width: 266px;
_width: 256px;
	margin-left: 5px;
_margin-left: 3px;
}
#pakketoverzicht
{
	margin-left: 10px;
_margin-left: 6px;
}

#pakketoverzicht td
{
	border-bottom: 1px solid #777;
}
#pakketoverzicht td.verzDescCol { width: 160px; font-size: 11px; padding-right: 2px; }
#pakketoverzicht td.verzDescCol a{font-size: 11px;}

/* Rekenformulieren */
#hspakketdiv, #hsformdiv, #hsproductinfodiv {	
	width: 646px;
	padding: 10px 0 10px 10px;
	margin: 0;
	float: left;	
}

#hsformdatadiv #hsGeneralForm fieldset  {
	width: 646px;
_width: 636px;
}

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

#hsformdatadiv #hsGeneralForm .hsBottomButtons{
	width: 650px;
	margin-bottom: 10px;
}

#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: 630px;                    
}	
	

#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: 120px;  }
#hsGeneralForm textarea {	width: 390px; min-height: 60px; _height: 60px;}
#hsGeneralForm input.input_select { 	width: 70px;}
#hsGeneralForm input.hsCheckBox {	width: 20px;  }


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

/************************ 
ALGEMEEN. WRAPPER/TAGS/CLASSES
*************************/
#formwrapper
{
	float: left;
	padding-top: 0;
	background: url(/private/images/mainTabPakket.gif) no-repeat 0px 1px;
	width: 961px;
_margin-bottom: -20px;
}

.containerTop
{
	float: left;
	width: 961px;
}

.bottomPakket
{
	float: left;
	background: url(/private/images/bottomPakket.gif) no-repeat 0px 0px;
	width: 961px;
	height: 31px;
}

#hsGeneralForm  {		margin: 0;		padding: 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
*************************/

#pakketstappen
{
	margin-bottom: 10px;
}

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

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

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

.pakketfases li#liPakketPakket,
.pakketfases li#liPakketReken
{
	width: 214px;
}

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

.pakketfases li#liRekenReken
{
	padding-left: 0px;
}

.pakketfases li#liPakketAfsluit,
.pakketfases li#liAfsluitAfsluit
{
	width: 178px;
	position: absolute;
	left: 440px;
	top: -1px;	
}
#liPakketReken .po_top_a
{
	float: left;
}
li#liPakketAfsluit a {
	display: inline!important;
}

.spannumber,
.emptyspan
{
	float: left;
	margin-right: 10px;
}

.emptyspan
{
	padding-right: 3px;
}

.ps_content p
{
	float: left;
}
/************************ 
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(/private/images/extrainfo.gif) no-repeat 0 0;}
#extrainfo_ul li.brochures a {display: none;	width: 95px;	background: transparent url(/private/images/brochure.gif) no-repeat 0 0;	padding-left: 20px;}
#extrainfo_ul li.polisvoorw a {	width: 120px;	background: transparent url(/private/images/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: 70px; }
#hsGeneralForm .smallest, #hsGeneralForm input.smallest {   width: 70px;}
#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 span.hsESign {	float: left;}
#hsGeneralForm span.hsEMon {	float: right;}

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

#hsGeneralForm .hsHintanchor,
#hsGeneralForm .hsHintanchorNoPr {	float: left;	width: 23px;	height: 24px;	background: transparent url(/private/images/msV2_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;   padding: 0;   background: transparent url(/private/images/msV2_sumpr.gif) no-repeat 0 0;}
#hsGeneralForm  .hsSumPrMin {   background: transparent url(/private/images/msV2_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;}
 #hsGeneralForm 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: 425px; }
.popupdiv div { cursor: pointer; position: absolute; top: 3px; right: 3px;	width: 17px;	height: 17px;	background: transparent url(/private/images/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(/private/images/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;
}


																													/* 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(/private/images/msV2_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(/private/images/msV2_huis0_small.gif) no-repeat 0 0;}
li#hsHuis0 a:hover {   background: transparent url(/private/images/msV2_huis0_small_mo.gif) no-repeat 0 0;}
li#hsHuis1 a {   background: transparent url(/private/images/msV2_huis2_small.gif) no-repeat 0 0;}
li#hsHuis1 a:hover {   background: transparent url(/private/images/msV2_huis2_small_mo.gif) no-repeat 0 0;}
li#hsHuis2 a {  background: transparent url(/private/images/msV2_huis1_small.gif) no-repeat 0 0;}
li#hsHuis2 a:hover {   background: transparent url(/private/images/msV2_huis1_small_mo.gif) no-repeat 0 0;}
.changeHuis_0_0 {   background: transparent url(/private/images/msV2_huis_0.gif) no-repeat 0 0;}
.changeHuis_0_1 {   background: transparent url(/private/images/msV2_huis_0_h.gif) no-repeat 0 0;}
.changeHuis_0_2 {   background: transparent url(/private/images/msV2_huis_0_l.gif) no-repeat 0 0;}
.changeHuis_0_3 {   background: transparent url(/private/images/msV2_huis_0_b.gif) no-repeat 0 0;}
.changeHuis_0_4 {   background: transparent url(/private/images/msV2_huis_0_hd.gif) no-repeat 0 0;}
.changeHuis_1_0 {   background: transparent url(/private/images/msV2_huis_1.gif) no-repeat 100% 100%;}
.changeHuis_1_1 {   background: transparent url(/private/images/msV2_huis_1_1.gif) no-repeat 100% 100%;}
.changeHuis_1_2 {   background: transparent url(/private/images/msV2_huis_1_2.gif) no-repeat 100% 100%;}
.changeHuis_1_3 {   background: transparent url(/private/images/msV2_huis_1_3.gif) no-repeat 100% 100%;}
.changeHuis_1_4 {   background: transparent url(/private/images/msV2_huis_1_4.gif) no-repeat 100% 100%;}
.changeHuis_2_0 {   background: transparent url(/private/images/msV2_huis_2.gif) no-repeat 100% 100%;}
.changeHuis_2_1 {   background: transparent url(/private/images/msV2_huis_2_1.gif) no-repeat 100% 100%;}
.changeHuis_2_2 {   background: transparent url(/private/images/msV2_huis_2_2.gif) no-repeat 100% 100%;}
.changeHuis_2_3 {   background: transparent url(/private/images/msV2_huis_2_3.gif) no-repeat 100% 100%;}
.changeHuis_2_4 {   background: transparent url(/private/images/msV2_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(/private/images/msV2_big_arrow.gif) no-repeat 0 50%;	
}

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

#melding1  {   background: transparent url(/private/images/dustbin.gif) no-repeat 0 0;}
#melding2 {    background: transparent url(/private/images/msV2_info2.gif) no-repeat 0 0; }
#melding3 {    background: transparent url(/private/images/brochure.gif) no-repeat 0 0; }
#melding4 {    background: transparent url(/private/images/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(/private/images/berekenpremie.gif) no-repeat 100% 0;	}
.leftLink a:hover.leftLinkA{	background: transparent url(/private/images/berekenpremie_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 a.leftLinkA {	width: 498px;!important	}

#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(/private/images/msV2_info2.gif) no-repeat 0 0;}
#linkblock .rightLink3 a{	background: transparent url(/private/images/brochure.gif) no-repeat 0 0;}
#linkblock .rightLink4 a{	background: transparent url(/private/images/polis.gif) no-repeat 0 0;}
#linkblock .rightLink a:hover{   text-decoration: none;   background: transparent url(/private/images/msV2_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(/private/images/msV2_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(/private/images/msV2_aanvr_icon.gif);
}
ul.infodiv .pvwinfo a
{
	background-image: url(/private/images/msV2_pvw_icon.gif);
}
ul.infodiv .contactinfo a
{
	background-image: url(/private/images/msV2_contact_icon.gif);
}
ul.infodiv .naarproducten a
{
	background-image: url(/private/images/msV2_back_icon.gif);
}


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


/********************************
******** 																											pakketoverzichtsdiv_left   WINKELMANDJE
***************************************/
#pakketoverzicht
{
	margin-top: 1px;
	float: left;
	padding: 0;
	margin-bottom: 3px;
	margin-right: 10px;
}

#pakketoverzicht_top
{
	display: block;
	height: 5px;
	width: 250px;
}

#pakketoverzicht_content
{
	display: block;
	width: 227px; /* Aanpassing Jacco */
	padding: 15px;
}

#pakketoverzicht_bottom
{
	background: transparent url(/private/images/msV2_pakketoverzicht_bottom_bg.gif) no-repeat 0 0;	
}


/* Tabellen: premies en kortingen */
#pakketsamenstelling table{margin:0!important;}
#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 .po_premie a {	float: left; }
#pakketoverzicht #pakketsamenstelling table  { margin-left: 0; }

#pakketoverzicht .totaalTabel .hsLine { padding-left: 2px; }
#pakketoverzicht .totaalTabel label{ padding-right: 30px; }
#kortingstabel {	padding: 10px;	height: 60px; background: #fff; }
#pakketoverzicht_content span.po_premie {display: block;	width: 25px;	text-align: right}
#kortingstabel
{
	padding: 29px 0 5px 0;
	width: 221px;
	height: 60px;
	background: transparent url(/private/images/msV2_kortingsstaaf.gif) no-repeat 0 0;		
}

ul#pakketstappen
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#pakketstappen li
{
	clear: left;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
	color: #15114c;
	font-weight: bold;
	height: 25px;
}

ul#pakketstappen li.active
{
	color: #333;
}

ul#pakketstappen li a
{
	font-weight: bold;
}

ul#pakketstappen li span
{
	display: block;
	float: left;
}

ul#pakketstappen li span.spantext
{
	text-decoration: none;
	padding-left: 10px;	
}

ul#pakketstappen li.active span.spantext
{
	text-decoration: none;
	padding-left: 10px;	
}

ul#pakketstappen li a:hover span.spantext 
{
	cursor: pointer;
}

ul#pakketstappen li span.emptyspan
{
	padding-right: 25px;
}


/* Tabellen: premies en kortingen */
#pakketsamenstelling table td img{	cursor: hand;}
#pakketoverzicht .hsLine,  #kortingstabel { margin: 10px; }
#pakketoverzicht .po_premie {	padding-right: 4px; }
#pakketoverzicht #pakketsamenstelling table  { margin-left: 9px; }
#pakketoverzicht .totaalTabel table { margin-left: 9px; }
#pakketoverzicht .totaalTabel .hsLine { padding-left: 2px; }
#kortingstabel {	padding: 10px;	width: 85%;	height: 60px; background: #fff; }

#pakketoverzicht_content span.po_premie {	display: block;	width: 25px;	height: 14px;	text-align: right}
 #kortingstabel span#centerStaaf {	float: left;	height: 16px;margin: 5px 0 0 0; background: #464646; }
#kortingstabel span#percentageStaaf {	display: block;	clear: left;	font-weight: bold;	font-size: 14px;		margin: 5px 0 0 0;	background: none;
	color: #363636;
}
#pakketoverzicht a.afsluiten_button {
	display: block;
	float: right;
	width: 151px;
	height: 22px;
	margin: 10px 10px 10px 0;
*margin: 0 10px 10px 0;
	background: transparent url(/private/images/pp_pakketafsluiten.gif) no-repeat 0 0;
	text-decoration: none;
}
#pakketoverzicht a:hover.afsluiten_button {
	background: transparent url(/private/images/pp_pakketafsluiten_mo.gif) no-repeat 0 0;		
}
/* einde Tabellen: premies en kortingen  */


#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(/private/images/msV2_pakketafsluitbig.gif) no-repeat 0 0;	
	width: 217px;
	height: 30px;
	margin-top: 10px;
}

#pakketoverzicht_bottom
{
	display: block;
	height: 5px;
}

#pakketoverzicht_bottom img
{
	display: none;
}

/* einde Tabellen: premies en kortingen  */

/* VINKJES */

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

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

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

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

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

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

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

#pakketoverzicht input.button
{
	background: #3D3D3D;
	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: #7A7A7A;
}

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

.listofdossiers ul
{
	width: 200px;
}

#content #listofdossiers ul li
{
	float: none;
}

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

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

#content .listofdossiers ul li
{
	float: left;
	padding-left: 0px;
}

.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;
}

#home_form #hsGeneralForm  fieldset,
#home_form #hsGeneralForm .hsLine {
	width: 100%;
}

#home_form #hsGeneralForm  label{
	width: 220px;
}

#home_form #hsGeneralForm  input.smallest{
	width: 238px;
}