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

#hsStatusIndicator
{
	z-index: 100;
	position: absolute;
	left: 40%;
	top: 40%;
	*top: 220px;
	padding: 5%;
	border: 2px dotted #ccc;
	background: #fff;
	filter: alpha(opacity=92); /* // IE syntax */ 
	-moz-opacity: .92; /* // Mozilla  */
	opacity: .92; /* // De rest  */	
}

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

/* Linker blok/winkelmandje */
 
#pakketoverzicht h2 { font-size: 13px; }
#nieuw_in_pakket h2 { padding-left: 11px; }

a.openClose { margin-top:2px; display:block;	background: url(/private/images/msV2_openclose.gif) no-repeat 0 0; float:right; width:15px; height:15px; text-decoration:none; margin-right: 10px;}
a.openClose:hover { background:url(/private/images/msV2_openclose_mo.gif) no-repeat 0 0; } 
 
#pakketoverzicht, #pakketoverzicht_top, #pakketoverzicht_content, #pakketoverzicht_bottom {	
	width: 266px;
}
#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: 620px;
	padding: 10px 0 10px 5px;
	margin: 0;
	float: left;	
}

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

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

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

#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: 100%;
}

#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;  }
#hsformdatadiv #hsGeneralForm #hsFase2Div div.hsRadioBut {	width: 548px;  }
#hsformdatadiv #hsGeneralForm #hsFase2Div div.hsRadioBut label{	width: 160px;  }
#hsGeneralForm .hsLine .hsRightDiv {	width: 180px;  }
#hsGeneralForm textarea {	width: 390px; min-height: 60px; _height: 60px;}
#hsGeneralForm input,
#hsGeneralForm input.input_select { 	width: 100px;}
#hsGeneralForm input.hsCheckBox {	width: 20px;  }


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

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

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

.pakketfases
{
	width: 630px;
	height: 40px;
	float: left;
	background: transparent url(/private/images/msV2_stappenbalkbg.gif) no-repeat 0 0;	
	position: relative;
	margin-left: 5px;
	_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#liPakketAfsluit,
.pakketfases li#liAfsluitAfsluit
{
	width: 178px;
	position: absolute;
	left: 440px;
	top: -1px;	
}

/************************ 
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/msV2_extrainfo.gif) no-repeat 0 0;}
#extrainfo_ul li.brochures a {display: none;	width: 95px;	background: transparent url(/private/images/msV2_brochure.gif) no-repeat 0 0;	padding-left: 20px;}
#extrainfo_ul li.polisvoorw a {	width: 120px;	background: transparent url(/private/images/msV2_polis.gif) no-repeat 0 0;}

/************************************************ 
																				*********  Form-Navigatie   **************
************************************************/
#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;
	margin: 0 4px 0 0;
	padding: 1px 1px 0 1px;
}

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

#hsGeneralForm ul#hsNav li.hsFaseBut 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 ul#hsNav .hsFaseButActive a{	color: #000;display: block;	margin: 0 0 0 0;	padding: 0 7px;	font-weight: bold;	height: 22px;			line-height: 22px;		text-decoration: none;		float: left;}
#hsGeneralForm ul#hsNav .hsFaseBut a:hover{	text-decoration: none;color: #333;}

/*****************************************************************************************************************************
																																	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;  background: #f8f0d9;}
#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;}
#hsformdatadiv #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; background: #fff;}
#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; background: #f8f0d9;}
#hsGeneralForm span.hsRadioBut {	border: none; }
#hsGeneralForm .hsRadioP p  { 	float: left; 	height: auto; _height: 40px; }
#hsGeneralForm input.radio {	text-align: left;	width: 20px;	border: none;background: #f8f0d9;}

/*****************
 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: left;	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;
}

#hsGeneralForm .hsHintanchor,
#hsGeneralForm .hsHintanchorNoPr {	float: left;	width: 40px;	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;
	width: auto;
} 
  
 #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/huis0_small.gif) no-repeat 0 0;}
li#hsHuis0 a:hover {   background: transparent url(/private/images/huis0_small_mo.gif) no-repeat 0 0;}
li#hsHuis1 a {   background: transparent url(/private/images/huis2_small.gif) no-repeat 0 0;}
li#hsHuis1 a:hover {   background: transparent url(/private/images/huis2_small_mo.gif) no-repeat 0 0;}
li#hsHuis2 a {  background: transparent url(/private/images/huis1_small.gif) no-repeat 0 0;}
li#hsHuis2 a:hover {   background: transparent url(/private/images/huis1_small_mo.gif) no-repeat 0 0;}
.changeHuis_0_0 {   background: transparent url(/private/images/huis_0.gif) no-repeat 0 0;}
.changeHuis_0_1 {   background: transparent url(/private/images/huis_0_h.gif) no-repeat 0 0;}
.changeHuis_0_2 {   background: transparent url(/private/images/huis_0_l.gif) no-repeat 0 0;}
.changeHuis_0_3 {   background: transparent url(/private/images/huis_0_b.gif) no-repeat 0 0;}
.changeHuis_0_4 {   background: transparent url(/private/images/huis_0_hd.gif) no-repeat 0 0;}
.changeHuis_1_0 {   background: transparent url(/private/images/huis_1.gif) no-repeat 100% 100%;}
.changeHuis_1_1 {   background: transparent url(/private/images/huis_1_1.gif) no-repeat 100% 100%;}
.changeHuis_1_2 {   background: transparent url(/private/images/huis_1_2.gif) no-repeat 100% 100%;}
.changeHuis_1_3 {   background: transparent url(/private/images/huis_1_3.gif) no-repeat 100% 100%;}
.changeHuis_1_4 {   background: transparent url(/private/images/huis_1_4.gif) no-repeat 100% 100%;}
.changeHuis_2_0 {   background: transparent url(/private/images/huis_2.gif) no-repeat 100% 100%;}
.changeHuis_2_1 {   background: transparent url(/private/images/huis_2_1.gif) no-repeat 100% 100%;}
.changeHuis_2_2 {   background: transparent url(/private/images/huis_2_2.gif) no-repeat 100% 100%;}
.changeHuis_2_3 {   background: transparent url(/private/images/huis_2_3.gif) no-repeat 100% 100%;}
.changeHuis_2_4 {   background: transparent url(/private/images/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;	
}

#meldingwrapper div#melding2 {padding-left: 90px; }
#melding1  {   background: transparent url(/private/images/msV2_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/msV2_brochure.gif) no-repeat 0 0; }
#melding4 {    background: transparent url(/private/images/msV2_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/msV2_toevoegen_product.gif) no-repeat 100% 0;	}
.leftLink a:hover.leftLinkA{	background: transparent url(/private/images/msV2_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(/private/images/msV2_info2.gif) no-repeat 0 0;}
#linkblock .rightLink3 a{	background: transparent url(/private/images/msV2_brochure.gif) no-repeat 0 0;}
#linkblock .rightLink4 a{	background: transparent url(/private/images/msV2_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: #efefef; padding: 6px;}
#hsproductinfodiv_msg .uitvouw p{margin: 5px 0; padding: 6px;}
#hspakketdiv .uitvouw
{ 
   border: 1px solid #ccc; 
   padding: 10px 20px 20px 20px;
   margin-top: 10px;
}
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;
	width: 253px;
	padding: 0;
	margin-bottom: 3px;
	margin-right: 20px;
}

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

/* 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; }
#kortingstabel {	padding: 10px;	width: 85%;	height: 60px; background: #fff; }
#pakketoverzicht_content span.po_premie {	display: block;	width: 60px;	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;		
}
#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;
	width: 275px;
}

#pakketoverzicht_bottom img
{
	display: none;
}

/* einde Tabellen: premies en kortingen  */











 
/* ****************************************************************************************************
														achtergronden en randen 
*****************************************************************************************************/


/* Algemeen */

#hsGeneralForm li.hsFaseBut,
#hsGeneralForm li.hsFaseButActive,
#hsGeneralForm fieldset ,
#hsGeneralForm li.hsFaseButActive,
#hsGeneralForm .hsBottomButtons a 
{
	border: 1px solid /*[#border1#]*/#ccc/*[#/border1#]*/;
	background: /*[#bg3#]*/#f8f0d9/*[#/bg3#]*/;	
}

#formwrapper
{
	background-color: /*[#bg2#]*/#fff/*[#/bg2#]*/;
}

#pakketoverzicht
{
	border: 1px solid #ccc;
	background: transparent url(/private/images/msV2_pakketoverzicht_content.gif) repeat-x 0 0;	
}

#hintbox ,
.popupdiv   
{	
	border: 3px solid /*[#border2#]*/#525252/*[#/border2#]*/;	
	background-color: /*[#bg4#]*/#efefef/*[#bg4#]*/;	
}

/* Nog tags erbij zetten: */

.popupdiv ul.afsluitstappen li a {
	color: #3d3d3d;		
}

.popupdiv ul.afsluitstappen li#stap1
{
background: #d4d4d4;
}

.popupdiv ul.afsluitstappen li#stap2
{
background: #9b9595;
}

.popupdiv ul.afsluitstappen li#stap3
{
	background: #4a4646;
}

.popupdiv ul.afsluitstappen li#stap3 a
{
	color: #fff;
}

.popupdiv a.gaverder
{
	background: #4a4646;
	color: #fff;
}




#frm_accoordzakelijkschadeformulier
{
	WIDTH: 80%;
}

#frm_datumakkoordLbl, #frm_datumakkoord
{
		margin-top: 15px;
}


/* 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;
}



/* ********************************************************************************************													**************************************
* ********************************************************************************************				MIJN PAGINA ALGEMENE STYLES				**************************************
* ******************************************************************************************** 								                                          	**************************************
* ***********************************************************************************************************************************************************************************************/                                                       
                                                                                                                       

/* ********************************************************************************************MIJN PAGINA NAVIGATIE */

#hsMijnpagina
{
	width: 696px;
}

#hsMijnpagina h3
{
	font-size: 18px;
	margin: 20px 0 10px 0;
}

#hsMijnpagina h3 span#relatieaanhef1
{
	font-size: 18px;
}

#hsMijnpagina ul#hsNavMp
{
	float: left;
	width: 98%;
	margin: 0 0 0 2%;
	padding: 0;
	position: relative;
	bottom: -1px;
}

#hsMijnpagina #hsNavMp li.inActiveTab
{
	float: left;
	list-style-type: none;
	background: transparent url(/private/images/right_tab.gif) no-repeat right bottom;
	margin: 0;
	padding: 0;
}


#hsMijnpagina  #hsNavMp li.activeTab
{
	float: left;
	list-style-type: none;
	background: transparent url(/private/images/right_tab_s.gif) no-repeat right bottom;
	margin: 0;
	padding: 0;
}

#hsMijnpagina .inActiveTab a
{	display: block;	background: transparent url(/private/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;	}

#hsMijnpagina .inActiveTab a span
{	display: block;	background: transparent url(/private/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;	}

#hsMijnpagina .activeTab a
{	display: block;	background: transparent url(/private/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;}

#hsMijnpagina .activeTab a span
{	display: block;	background: transparent url(/private/images/tab_bg_s.gif) repeat-x left bottom;	margin: 0 0 0 0;	padding: 0 7px;	height: 22px;		text-decoration: none;		font-weight: bold;	height: 22px;			line-height: 22px;		float: left;	}

#hsMijnpagina .inActiveTab a:hover
{	text-decoration: none;}


/* ******************************************************************************************** TABCONTENT  */
div.tabContent
{
	float: left;
	_float: none;	
	width: 100%;
	min-height:300px;
	_height:300px;
	padding: 0;
}

#hsMijnpagina #polisoverzicht h3 
{
	margin: 10px 0 0 10px;
	font-weight: normal;
	font-size: 16px;
}

#hsMijnpagina #polisoverzicht h3 a
{
	display: block;
	font-size: 18px;
	line-height: 26px;
	position: absolute;
	color: #000;
}

#hsMijnpagina fieldset
{
	float: left;
	padding: 10px;
	border: 1px solid #cccccc;
	background-color: #f8f0d9;
	width: 98%;
}


/*********************************************************************** TABELLEN  */

#hsMijnpagina table
{
	width: 96%;
	margin: 10px 10px 30px 10px;
}

#hsMijnpagina td
{
	line-height: 16px;
	padding: 1px 5px;
}

#polisoverzicht td a
{
	display: block;
}

#polisoverzicht td.mpLabel{width:36%; padding-left: 4%;}
#polisoverzicht tr.tableheading2 td.mpLabel {width:40%; padding-left: 0; padding-top: 10px;}

#hsMijnpagina .odd td
{
	background: #efefef;
}

.mpContractnummer{width:15%;}
.mpStatus{width:11%;}

.mpBerekenpremie {width:24%;}
.mpActie1{width:8%;}
.mpActie2 {width:8%;}
.mpActie3{width:8%;}

.mpInfo1{width:5%;}
.mpInfo2{width:5%;}

#hsMijnpagina .tablehead td
{
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}

#hsMijnpagina table.polisdetail td.polisdetailtd
{
	width: 300px;
}


#hsMijnpagina table.polisdetail .tablehead td
{
	background: #efefef;
}

#hsMijnpagina .tableheading td
{
	background: #ccc;
	font-size: 12px;
	font-weight: bold;
}

#hsMijnpagina .tableheading2 td
{
	font-size: 16px;
	font-weight: bold;
}

#hsMijnpagina .tableheading2 td a
{
	text-decoration: none;
	line-height: 30px;
}

#polisoverzicht .mpActie1 a,
#polisoverzicht .mpActie2  a,
#polisoverzicht .mpActie3 a,	
#polisoverzicht .mpInfo1 a,	
#polisoverzicht .mpInfo2 a
{
	width:20px;
}

#polisoverzicht td.mpBerekenpremie a
{
	width:120px;
}



#polisoverzicht .mpBerekenpremie a {	height: 20px; background: transparent url(/private/images/toevoegen_product.gif) no-repeat 0 0;}
#polisoverzicht .mpBerekenpremie a:hover{	height: 20px; background: transparent url(/private/images/toevoegen_product_mo.gif) no-repeat 0 0;}
#polisoverzicht .mpActie1 a{	height: 20px; background: transparent url(/private/images/mpWijzigen.gif) no-repeat 0 0;}
#polisoverzicht .mpActie2  a{	height: 20px; background: transparent url(/private/images/mpSchademelden.gif) no-repeat 0 0;}
#polisoverzicht .mpActie3 a{	height: 20px; background: transparent url(/private/images/onbekend.gif) no-repeat 0 0;}
#polisoverzicht .mpInfo1 a{	height: 20px; background: transparent url(/private/images/extrainfo.gif) no-repeat 0 0;}
#polisoverzicht .mpInfo2 a{	height: 20px; background: transparent url(/private/images/polis.gif) no-repeat 0 0;}


/* Elders lopende polissen */

#polisoverzicht .mpExternalAssurances .mpActie3 a{	height: 20px; background: transparent url(/private/images/delete.gif) no-repeat 0 0;}



.schade_form #hsGeneralForm {
	margin-top: 18px;
}

.schade_form #hsGeneralForm fieldset {
	background-color: #fff;
	width: 90%;	
}

.schade_form #hsGeneralForm input {
	height: 20px;
}

.schade_form #hsGeneralForm .hsBottomButtons {
	width: 90%;
	clear: both;
}

.schade_form #hsGeneralForm .hsTextarea {
	width: 220px;
	margin-left: 7px;
}

/************************************************************************************************************** Buttons */

input.button
{
	border: none;
	background: #eee;
	color: #000;
	font-weight: bold;
	padding: 4px 10px;
	cursor: hand;
}

.ButtonsPersoonsgegevens a,
#polisdetails p a
{
	float: left;
	margin-top: 10px;
	display: block;
	padding: 10px;
	background-color: #eee;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.ButtonsPersoonsgegevens a:hover,
#polisdetails p a:hover
{
	background-color: #ccc;
	color: #000;
	text-decoration: none;
}





/************************************************************************************************************** Legenda */

#legenda
{
	float: right;
	padding: 0;
	width: 500px;
	margin-right: 10px;
}

#legenda li#legenda_kop
{
	font-size: 12px;
	font-weight: 700;
	color: #002C51;
	margin-right: 15px;
}

#legenda li
{
	float: right;
	display: inline;
	padding-top: 10px;
	line-height: 20px;
	padding-left: 20px;	
	padding-right: 10px;	
}

#legenda li#extrainfoLegenda 
{

	background: transparent url(/private/images/extrainfo.gif) no-repeat 0 8px;
}

#legenda li#polisLegenda 
{
	background: transparent url(/private/images/polis.gif) no-repeat 0 8px;
}

#legenda .polisLegenda
{
	background: transparent url(/private/images/mpSchademelden.gif) no-repeat 0 8px;
}

#legenda .mpWijzigen
{
	background: transparent url(/private/images/mpWijzigen.gif) no-repeat 0 8px;
}







/******* ******************************************************************************  Pop up ********/
.popup
{
	float: left;
	background: #fff;
	padding: 20px;
	width: 500px;
	border: 10px solid #ccc;
}

.popup .tabContent
{
	width: 90%;
}

.popup h3
{
	margin-bottom: 20px;
}

.popup label
{
	float: left;
	display: block;
	width: 42%;
	margin-top: 4px;
}

.popup input
{
	float: left;
	margin-top: 4px;
	width: 42%;
}

.popup input.submit
{
	float: left;
	width: auto;
}

.popup select
{
	display: block;
	float: left;
	border: 1px solid #59925b;	
	margin-top: 4px;
}

.popup a.closepopup
{
	cursor: pointer;
	position: absolute;
	top: 3px;
	right: 3px;
	width: 17px;
	height: 17px;
	background: transparent url(/private/images/close_popup.gif) no-repeat 0 0;	
}

.popup input.button
{
	clear: left;
	width: auto;
	height: auto;
	padding: 2px 10px;
}

.buiten_pakket_tonen
{
	display: none;
}



/******* ******************************************************************************  Algemeen formulier in popup 
DIT WORDT APART GEDEFINIEERD OMDAT HET HIERBOVEN NU NOG ALLEEN VIA ID HSGENERALFORMS GEBEURT
********/

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



#hsMijnpagina .hsGeneralForm fieldset 
{	
	width: 90%;	
}

#hsMijnpagina .hsPopUpForm fieldset 
{	
	border: none;
}


/* ********************************************************************************************													**************************************
* ********************************************************************************************				MIJN PAGINA SPECIFIEKE STYLES				**************************************
* ******************************************************************************************** 								                                          	**************************************
* ***********************************************************************************************************************************************************************************************/                                                       


.statusindicator
{
	position: relative;
	top: 40%;
	left: 40%;
}

/* in en uitloggen */
#alsIngelogd2
{
	position: absolute;
	left: 766px;
	top: 127px;
}

#alsIngelogd2 p
{
	font-style: italic;
}


/******* mijn pagina ********/

#wrapper .mijnpaginadiv
{
	float: left;
	margin: -1px 15px 0 0;
	padding: 20px 20px 40px 20px;
	background: #fff;
	width: 100%;
	border: none;
}

#hsGeneralForm fieldset#Fieldset1
{
	_width: 517px;
}

#hsGeneralForm fieldset#adresfieldset label
{
	width: 180px;
}

#hsMijnpagina #polisoverzicht h3 a
{
	position: relative;
	top: -10px;
}

#hsMijnpagina #hsGeneralForm  ul#hsNav
{
	bottom: -50px;
	background: red;
}

#hsMijnpagina #polisoverzicht h3
{
	margin-top: 30px;
}



/* oldschool forms */

#generalForms
{
	width: 100%;
	float: left;
}

#MailEenBekende,
#hsFormSmall,
#hsFormAlg 
{
	width: 500px;
}

#MailEenBekende h1,
#hsFormSmall h1,
#hsFormAlg h1
{
	font-size: 14px;
	padding: 0;
	margin: 0;
}

#hsFormSmall ul,
#hsFormAlg ul
{
	width: 100%;
}

#hsFormSmall #hsNav
{
	width: 100%;
	float: left;
}

#hsFormSmall ul li,
#hsFormSmall ul li a,
#hsFormAlg ul li,
#hsFormAlg ul li a
{
	float: left;
	margin-right: 20px;
	font-size: 16px;	
}

#hsFormSmall ul li.hsFaseButActive a,
#hsFormAlg ul li.hsFaseButActive a
{
	font-weight: bold;
	color: #000;	
}

#hsFormAlg .hsFase1Div,
#hsFormAlg fieldset,
#hsFormSmall .hsFase1Div,
#hsFormSmall fieldset
{
	width: 100%;
	float: left;
}

#MailEenBekende .hsLine,
#hsFormSmall .hsLine,
#hsFormAlg .hsLine 
{
	width: 100%;
	float: left;
	margin-bottom: 5px;
}

#MailEenBekende .hsRadioP,
#MailEenBekende .hsRadioBut,
#MailEenBekende input,
#MailEenBekende label,

#hsFormSmall .hsRadioP,
#hsFormSmall .hsRadioBut,
#hsFormSmall input,
#hsFormSmall label,

#hsFormAlg .hsRadioP,
#hsFormAlg .hsRadioBut,
#hsFormAlg input,
#hsFormAlg label
{
	display: block;
	float: left;
	width: 48%;
	background: #fff;
}

#MailEenBekende input,
#MailEenBekende textarea,
#hsFormSmall input,
#hsFormSmall textarea,
#hsFormAlg input,
#hsFormAlg textarea
{
	width: 48%;
}

#MailEenBekende textarea,
#hsFormSmall textarea,
#hsFormAlg textarea
{
	width: 90%;
	border: 1px solid #ccc;
	height: 80px;
}

#MailEenBekende .hsRadioBut input,
#hsFormSmall .hsRadioBut input,
#hsFormAlg .hsRadioBut input
{
	border: none;
	width: 20px;
}

#hsFormSmall input.hsCheckBox
{
	border: none;
}

#MailEenBekende .hsBottomButtonsLeft,
#MailEenBekende .hsBottomButtonsRight,
#hsFormSmall .hsBottomButtonsLeft,
#hsFormSmall .hsBottomButtonsRight,
#hsFormAlg .hsBottomPrev,
#hsFormAlg .hsBottomNext
{
	display: block;
	float: left;
	width: 100px;	
	background: #ccc;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

#MailEenBekende .hsBottomButtonsLeft, 
#hsFormSmall .hsBottomButtonsLeft,
#hsFormAlg .hsBottomPrev
{
	margin-right: 290px;
}

#hsFormSmall .hsVerplichtUitleg,
#hsFormAlg .hsVerplichtUitleg
{
	clear: both;
}

#MailEenBekende .hsErrorBg p,
#hsFormSmall .hsErrorBg p,
#hsFormAlg .hsErrorBg p
{
	color: red;
	font-weight: bold;
}

#hsNavWoningzoekende,
#hsNavInschrijven
{
	margin-bottom: 10px;
	height: 20px;
}


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

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