#content #banner-top.formsonly
{
	background: none;
	position: relative;
	z-index: 100;
	left: -20px;
}

#hsformdatadiv{
	margin-left: -20px;
}

/*                                                                                                      													 Forms v3:  Algemene Basis-stylesheet                                                    								*/
/* reset styles van default */
#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;}
 #formwrapper{
	width: 545px;
}

h1#formtitle
{
	font-size: 20px;
	margin-left: 15px;
}

#content #extrainfo_ul {margin-right: 20px;}

#superContainer{	margin: 10px 0; float: left;}
/* einde reset */

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

  
 /* Linker blok/winkelmandje */
#pakketoverzicht, #pakketoverzicht_top, #pakketoverzicht_content, #pakketoverzicht_bottom {
	width: 190px;
}

#pakketoverzicht_top {
	background-image: url(/private/images/pakket_tab.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 24px;
	width: 190px;
}

#pakketoverzicht_content {
	background-color: #EFEFF7;
}

#pakketoverzicht {
	margin-left: 18px;
}

#pakketoverzicht_bottom {
	background-image: url(/private/images/pakket_tab_bottom.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 24px;
	width: 190px;
}

#pakketoverzicht td.verzDescCol {
	width: 200px;
}

/* Ronde hoeken winkelmandje */
#pakketoverzicht .leftbottom, #pakketoverzicht .rightbottom, #pakketoverzicht .lefttop, #pakketoverzicht .righttop {
	width: 5px;	
	height: 5px;
	background-color: #fff;;
}

#pakketoverzicht .uw_verz{
	margin-left: 10px;
}

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

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

#hsGeneralForm .hsBottomButtons {
	width: 460px;
	clear: both;
}
/* einde Algforms */

/* Rekenformulieren */
#hspakketdiv, #hsformdiv, #hsproductinfodiv {	
	width: 539px;
	padding: 0;
	margin: 0;
}

#hsformdiv {	
	width: 560px;
}

#hsformdatadiv #hsGeneralForm fieldset  {
	width: 525px;
}

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

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

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

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

/* einde rekenformulieren */

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

#hsGeneralForm #frm_ja_neeRadios span.hsRadioP {
	display: none;
}

#hsGeneralForm #frm_ja_neeCtr,
#hsGeneralForm #frm_ja_neeCtr label {
	width: 440px;
}

#hsGeneralForm #frm_wilrbLbl
{
	float: none;
	margin-left: 22px;
	width: 400px;
}

#hsGeneralForm #frm_wilrb
{
	float: left;
	margin-top: -20px;
	*margin-top: -22px;
}

#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;}
#hsGeneralForm input.input_select { 	width: 100px; height: 16px}
#hsGeneralForm input.hsCheckBox {	width: 20px;  }

/* normale tab */
#hsGeneralForm .hsFaseBut#hsFase1But a, #hsGeneralForm .hsFaseBut#hsFase2But a, #hsGeneralForm .hsFaseBut#hsFase3But a, #hsGeneralForm .hsFaseBut#hsFase4But a, #hsGeneralForm .hsFaseBut#hsFase5But a, #hsGeneralForm .hsFaseBut#hsFase6But a
{
	color: #B9C9D3;	
} 

/* hover tab */
#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 
{
	color: #000;
}

/* actieve tab */
#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          
{
	color: #000;
}

/*=========================================================================================     
  ******************************************************************************************   pakketskolom: het winkelmandje    
  *=========================================================================================*/
																																						 
#pakketoverzicht, #pakketsamenstelling, #pakketoverzicht_top, #pakketoverzicht_content, #pakketoverzicht_bottom {		float: left;}
#pakketoverzicht h1 {	clear: both;	margin: 15px 10px 5px 10px;	font-size: 18px;	line-height: 35px;}
#pakketoverzicht p.emptypakketinfo {	padding: 10px 10px;}

/*																										 ronde hoekjes */
#pakketoverzicht .leftbottom, #pakketoverzicht .rightbottom, #pakketoverzicht .lefttop, #pakketoverzicht .righttop {	display: block; /* Voor png fix in ie */}
#pakketoverzicht .lefttop {float: left;}
#pakketoverzicht .righttop {float: right;}
#pakketoverzicht .leftbottom {float: left;}
#pakketoverzicht .rightbottom { float: right;}
/* einde ronde hoekjes */

/*																										 pakketnavigatie */
ul#pakketstappen {	margin: 10px;}
ul#pakketstappen li {	width: 100%;	height: 25px; font-size: 14px;	line-height: 25px;	margin-top: 3px;	background: #ccc url(/private/images/pakket/pakketoverzicht_libg.png) no-repeat 0 0;}
ul#pakketstappen li.active {background: #ccc url(/private/images/pakket/pakketoverzicht_libg_active.png) no-repeat 0 0;}
ul#pakketstappen li a{
	color: #000;
	cursor: hand;
	text-decoration: underline;
}	

ul#pakketstappen li em
{ padding: 0 10px; }



ul#pakketstappen li a:hover
{
	font-weight: bold;
	color: #000;
}
/* einde pakketnavigatie */

/*																										 Tabellen: premies en kortingen */
#pakketsamenstelling table td img{	cursor: hand;}
#pakketoverzicht table, #pakketoverzicht .hsLine,  #kortingstabel { margin: 10px; }
#pakketoverzicht .po_premie {	padding-right: 4px; }
#kortingstabel {	padding: 10px;	width: 150px;	height: 60px;
	background: #efefef;
}

#pakketoverzicht_content span.po_premie {	display: block;	width: 60px;	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: 0 10px 10px 0;	background: transparent url(/private/images/pakket/pp_pakketafsluiten.png) no-repeat 0 0;
	text-decoration: none;
}
#pakketoverzicht a:hover.afsluiten_button {
	background: transparent url(/private/images/pakket/pp_pakketafsluiten_mo.png) no-repeat 0 0;		
}
/* einde Tabellen: premies en kortingen  */

/*=========================================================================================     
  ******************************************************************************************   polis- productenoverzicht   
  *=========================================================================================*/
#hspakketdiv, #hsformdiv, #hsproductinfodiv{	float: left;}

/***** producten overzicht*****/
#hspakketdiv #meldingwrapper {	width: 100%;}
#hspakketdiv #linkblock {
	float: left;
	width: 100%;
	background: #efeff7 url(/private/images/linkblockbg.png) no-repeat 0 100%;		
	margin-top: -20px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-bottom: 10px;
}
#hspakketdiv #linkblock h1 {
	float: left;
	width: 100%;
	background-image: url(/private/images/tab.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	font-size: 12px;
	padding-top: 19px;
}

#hspakketdiv #linkblock h1 a {
	color: #fff;
	padding-top: 5px;
	float: left;
	padding-left: 20px;
}

#hspakketdiv #melding1, #hspakketdiv #melding2, #hspakketdiv #melding3, #hspakketdiv #melding4 { 	float: left;	height: 16px;	margin: 5px 15px 0 4px;	padding: 2px 0 0 15px;	background: transparent url(/private/images/pakket/dustbin.gif) no-repeat 0 0;}
#hspakketdiv #melding2 {   background: transparent url(/private/images/pakket/extrainfo.gif) no-repeat 0 0;}
#hspakketdiv #melding3 {   background: transparent url(/private/images/pakket/brochure.gif) no-repeat 0 0;}
#hspakketdiv #melding4 {   background: transparent url(/private/images/pakket/polis.gif) no-repeat 0 0;}
#hspakketdiv .rightLink2 a, #hspakketdiv .rightLink4 a, #hspakketdiv .leftLinkA, #hspakketdiv .product_disabled 
{	float: left;	display: block;	width: 5%;	height: 22px;	text-decoration: none;
}
#pakketpaginacontainer #linkblock span a.leftLinkA
{
	width: 85%;
}
#hspakketdiv .rightLink2 a {
	background: transparent url(/private/images/pakket/extrainfo.gif) no-repeat 0 0;
	margin-left: 10px;
}
#hspakketdiv .rightLink4 a {   background: transparent url(/private/images/pakket/polis.gif) no-repeat 0 0;}
#hspakketdiv .leftLink a     {  width: 90%;	background: transparent url(/private/images/pakket/berekenpremie.png) no-repeat 100% 50%;}
#hspakketdiv .leftLink a:hover{	background: transparent url(/private/images/pakket/berekenpremie_mo.png) no-repeat 100% 50%;	}
#hspakketdiv .leftLink a.product_disabled 
{	float: left;	background: none; color: #ccc;	width: 85%;}

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

/************************ 
ALGEMEEN. WRAPPER/TAGS/CLASSES
*************************/

#hsGeneralForm  {		margin: 0 0 0 20px;		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;
	border: 1px solid #ccc;
	background-color: #fff;
}

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

/************************ 
NAVIGATIE 
*************************/
#extrainfo_ul {list-style-type: none;	float: right;	padding-right: 10px;	margin: 10px 20px -15px 0;}
#extrainfo_ul li {float: left;padding-bottom: 5px;}
#extrainfo_ul li a {display: block;	padding-bottom: 5px; 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/pakket/extrainfo.gif) no-repeat 0 0;}
#extrainfo_ul li.brochures a {display: none;	width: 95px;	background: transparent url(/private/images/pakket/brochure.gif) no-repeat 0 0;	padding-left: 20px;}
#extrainfo_ul li.polisvoorw a {	width: 120px;	background: transparent url(/private/images/pakket/polis.gif) no-repeat 0 0;}

#hsGeneralForm ul#hsNav {float: left;	width: 100%;	margin: 0;	padding: 0;	position: relative;	bottom: -1px;}
#hsGeneralForm ul#hsNav li.hsFaseBut {	float: left;	list-style-type: none;	background: transparent url(/private/images/algforms_images/right_tab.gif) no-repeat right bottom;	margin: 0;	padding: 0;}
#hsGeneralForm  ul#hsNav li.hsFaseButActive {	float: left;	list-style-type: none;	background: transparent url(/private/images/algforms_images/right_tab_s.gif) no-repeat right bottom;	margin: 0;	padding: 0;}
#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;	background: transparent url(/private/images/algforms_images/left_tab.gif) no-repeat left bottom;	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;	background: transparent url(/private/images/algforms_images/tab_bg.gif) repeat-x left bottom;	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;	background: transparent url(/private/images/algforms_images/left_tab_s.gif) no-repeat left bottom;	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;	background: transparent url(/private/images/algforms_images/tab_bg_s.gif) repeat-x left bottom;	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: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;}

/*******************************
HSLINE STYLES
************************************/
#hsGeneralForm .hsLine {	float: left;	margin: 0 0 5px 0;}
#hsGeneralForm  p.header, #hsGeneralForm  .hsLine p.header {font-size: 14px; 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: 12px;
	border: 1px solid #a5acb2;
}

#hsGeneralForm input.hsInput
{
	height: 16px;
}
#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;}

#hsGeneralForm #beroepselector_img
{
	margin-left: -18px;
}

/****************
RADIOS
****************/
#hsGeneralForm label, #hsGeneralForm .hsRadioP  {	float: left;	color: #333;	margin: 0;	padding: 0 0 4px 0;	display: block;}
#hsGeneralForm input, #hsGeneralForm textarea, #hsGeneralForm .hsRadioBut {	margin: 0;	padding: 2px 0 0 3px;	color: #333;	font-size: 12px;	height: auto;	border: 1px solid #a5acb2;}
#hsGeneralForm .hsRadioBut {	border: none; }
#hsGeneralForm span.hsRadioBut {	border: none; }
#hsGeneralForm .hsRadioP p  { 	float: left; 	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: 14px;}
#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;
	margin-right: 10px;
}

#hsGeneralForm .hsHintanchor,
#hsGeneralForm .hsHintanchorNoPr {	float: left;	width: 40px;	height: 24px;	background: transparent url(/private/images/pakket/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/pakket/sumpr.gif) no-repeat 0 0;}
#hsGeneralForm  .hsSumPrMin {   background: transparent url(/private/images/pakket/sumprmin.gif) no-repeat 0 0;}

/************************************************ 
BOTTOM BUTTONS   
************************************************/
#hsGeneralForm .hsBottomButtons {margin-top: 10px;}
#hsGeneralForm .hsBottomButtons a { width: 80px;	text-align: center;	display: block;	margin: 0;	background: transparent url(/private/images/algforms_images/bottombg_mo.gif) no-repeat 0 0;	text-decoration: none;	height: 22px;	line-height: 22px;}
#hsGeneralForm .hsBottomButtons a:hover {display: block;	margin: 0;	background: transparent url(/private/images/algforms_images/bottombg.gif) no-repeat 0 0;	text-decoration: none;	color: #000;}
#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;}

/* afsluiten */
#hsGeneralForm #hsFase4Div .hsLine label.hsLbl{	width: 180px; margin-right: 50px;}
#hsGeneralForm #hsFase4Div #frm_machtigingdiv .hsLbl{	width: auto; font-weight: 700;}
#hsGeneralForm #hsFase4Div #frm_slotverklaringLbl{	width: auto;}
#hsGeneralForm #hsFase4Div #frm_definitiefaccoordLbl{	width: auto;}

/* Onder de formulieren - Extra mededelingen*/
#hsGeneralForm #offertemessage {
	margin-top: 10px;
	border: 1px dotted #BB0000;
	width: 525px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#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;}

/*                                                                                                       													extra info teksten                                                    											*/
/* Extra info div */
#hsproductinfodiv a.terug {  display: block; padding-top: 5px;; padding-bottom: 10px;}	
#hsproductinfodiv_msg  ul li{  padding-left: 20px; background: transparent url(/private/images/pakket/arrow.gif) no-repeat 3px 6px;}	
#hsproductinfodiv_msg  ul li ul , #hsproductinfodiv_msg  ul li ul li{  padding: 0; background: none;}	
#hsproductinfodiv_msg .uitvouw {background-color: #efefef; padding: 6px;}


/*=========================================================================================     
  ******************************************************************************************   overige classes    
  *=========================================================================================*/
  
 #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;
}

#hsGeneralForm input.rollsbutton  {	
padding: 1px 0;	height: 20px;
cursor: hand;	
}
 
  
/*                                                                                                       													pop up div                                                    											*/
.popupdiv  {
	padding: 20px;
	border: 1px solid #C7C7C7;
	background-color: #efefef;
	width: 200px;
}

.popupdiv div {cursor: pointer;	position: absolute;	top: 3px;	right: 3px;	width: 17px;	height: 17px;	background: transparent url(/private/images/pakket/close_popup.gif) no-repeat 0 0;	}
.popupdiv ul, .popupdiv li  {padding: 0;}
.popupdiv li a {display: block;	padding: 3px 0 3px 25px;	background: transparent url(/private/images/pakket/pdf.gif) no-repeat 0 50%;	}

/*																										 		 Hint-box   */
#hintbox
{
	position:absolute;
	visibility:hidden;
	width:200px;
	z-index:100;
	background-color:#efefef;
	border-color:#464646;
	border-style:solid;
	border-width:1px 3px 3px 1px;
	padding:10px;
}

/* 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/pakket/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/pakket/huis0_small.gif) no-repeat 0 0;}
li#hsHuis0 a:hover {   background: transparent url(/private/images/pakket/huis0_small_mo.gif) no-repeat 0 0;}
li#hsHuis1 a {   background: transparent url(/private/images/pakket/huis2_small.gif) no-repeat 0 0;}
li#hsHuis1 a:hover {   background: transparent url(/private/images/pakket/huis2_small_mo.gif) no-repeat 0 0;}
li#hsHuis2 a {  background: transparent url(/private/images/pakket/huis1_small.gif) no-repeat 0 0;}
li#hsHuis2 a:hover {   background: transparent url(/private/images/pakket/huis1_small_mo.gif) no-repeat 0 0;}
.changeHuis_0_0 {   background: transparent url(/private/images/pakket/huis_0.gif) no-repeat 0 0;}
.changeHuis_0_1 {   background: transparent url(/private/images/pakket/huis_0_h.gif) no-repeat 0 0;}
.changeHuis_0_2 {   background: transparent url(/private/images/pakket/huis_0_l.gif) no-repeat 0 0;}
.changeHuis_0_3 {   background: transparent url(/private/images/pakket/huis_0_b.gif) no-repeat 0 0;}
.changeHuis_0_4 {   background: transparent url(/private/images/pakket/huis_0_hd.gif) no-repeat 0 0;}
.changeHuis_1_0 {   background: transparent url(/private/images/pakket/huis_1.gif) no-repeat 100% 100%;}
.changeHuis_1_1 {   background: transparent url(/private/images/pakket/huis_1_1.gif) no-repeat 100% 100%;}
.changeHuis_1_2 {   background: transparent url(/private/images/pakket/huis_1_2.gif) no-repeat 100% 100%;}
.changeHuis_1_3 {   background: transparent url(/private/images/pakket/huis_1_3.gif) no-repeat 100% 100%;}
.changeHuis_1_4 {   background: transparent url(/private/images/pakket/huis_1_4.gif) no-repeat 100% 100%;}
.changeHuis_2_0 {   background: transparent url(/private/images/pakket/huis_2.gif) no-repeat 100% 100%;}
.changeHuis_2_1 {   background: transparent url(/private/images/pakket/huis_2_1.gif) no-repeat 100% 100%;}
.changeHuis_2_2 {   background: transparent url(/private/images/pakket/huis_2_2.gif) no-repeat 100% 100%;}
.changeHuis_2_3 {   background: transparent url(/private/images/pakket/huis_2_3.gif) no-repeat 100% 100%;}
.changeHuis_2_4 {   background: transparent url(/private/images/pakket/huis_2_4.gif) no-repeat 100% 100%;}
#changeHuis {	float: right;	width: 35%;	height: 180px;	margin: 0 20px 10px 0;}
#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 .dmwelkom
{
	margin-bottom: 20px;
	padding-left: 10px;
}

/*****************
 VINKJES 
 *****************/

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

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

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

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

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

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